.numText, .nums {
    font-style: normal;
    font-weight: 400
}

.awarenessMesSection .swiper, .bgNews .swiperContainerNew, .search-container, .serveyV2, .services-tabs .nav {
    overflow: hidden
}

@font-face {
    font-family: NotoNaskhArabic;
    src: url("font/NotoNaskhArabic-Bold-1.ttf")
}

@font-face {
    font-family: dgafontReg !important;
    src: url(../font/dga/en/IBMPlexSans-Regular.ttf) !important
}

@font-face {
    font-family: fontBold !important;
    src: url(../font/dga/en/IBMPlexSans-Bold.ttf) !important
}

@font-face {
    font-family: fontMed !important;
    src: url(../font/dga/en/IBMPlexSans-Medium.ttf) !important
}
.dga-search-box__icon {
    height: 100%;
    display: flex;
    align-items: center;
    padding-left: 5px;
}
button.voiceBTN {
    position: absolute;
    background-color: transparent;
    color: #000;
    /* border-left: solid 3px gray; */
    height: 15px;
}
button.voiceBTN i {
    border-left: solid 1px lightgray;
    padding-left: 8px;
    color: #000;
}
#acform .clearSearch {
    margin-right: 45px;
}
#acform.search-box button {
    background-color: #fff !important;
    border-radius: 4px;
    width: auto !important;
    margin-right: 10px;
    padding: 0px;
    margin-top: 10px;
    height: -webkit-fill-available;
}
#nav-tab .nav-link {
    background-color: #fff !important;
    border-radius: 0px;
}
.innerpages .rating i.icon-star.rating-star.active,
.ratingAO > input:checked ~ label:before, .ratingAO:not(:checked) > label:hover:before, .ratingAO:not(:checked) > label:hover ~ label:before {
    color: #066058 !important;
}
.innerpages #newRating .rating i.icon-star1.rating-star1.active,
.ratingAO > input:checked ~ label:before, .ratingAO:not(:checked) > label:hover:before, .ratingAO:not(:checked) > label:hover ~ label:before {
    color: #1b8354 !important;
}
.innerpages #newRating .icon-star1.active:before {
    font-family: saso-icons;
    content: '\e851';
}

.clearSearch {
    margin-right: 45px;
}
#Result .ms-srch-item-title .ms-srch-ellipsis a {
	color:#1b8354 !important;
	font-size:16px;
}
#Result .ms-srch-item-title .ms-srch-ellipsis strong {
	color:#1b8354 !important;
	font-size:16px;
}
#Result .ms-srch-item-summary {
	color:#1f2a37 !important;
	font-size:14px;
}
#Result .ms-srch-item-summary strong {
	color:#1f2a37 !important;
	font-size:14px;
}
#Result .ms-srch-item-path {
	color:#1f2a37 !important;
	font-size:14px;
}
.ms-srch-item:hover {
        background: #fff !important;
}

.MainSerSearch .iconBoxSt, .SerCostGuide, .btn-tour, .contentWrapper .newsCardsMain ul li:before, .ds-navdropdown-body, .header-wrapper .topnav .navbar-nav .nav-item > .dropdown-menu ul li::before, .inner-main-header h2::before, .mainslider.bannerDga .swiper-button-next, .mainslider.bannerDga .swiper-button-prev, .pagefunctions, .ratingV2 .toRateEL, .scroll-me, .searchLink .StaST:before, .sec-pagetitle .main-title img, .serveyBoxRate.servey .pollWp::before, .service-tabsDga .serv-item .servicon::after, .stats-sec .stats-container .stat-card:last-child:after, .stats-sec .stats-container .stat-card:nth-child(4n):after, .taw3eyat-mostahlek.dgaMessages .item h4::before, .taw3eyat-mostahlek.dgaMessages .item::before, .taw3eyat-mostahlek.dgaMessages .paddingTop.text-center .secondaryBtnSaso img, .titleWithBrder::after, .titleWithBrder::before, img.tagsicon, span.radiocustomclass {
    display: none
}

#a .titleST, .quality-cards-list .quality-card .desc, .quality-cards-list .quality-card .number {
    text-align: left !important
}

#a .tabSTBTN {
    float: left
}

    #a .tabSTBTN a i {
        transform: scaleX(-1)
    }

.jqAttachmentStyling a.bluBtnAttST {
    color: #1b8354;
    background-image: url(/Style%20Library/ar-sa/images/file-attachment.svg) !important;
    border-radius: 0;
    background-color: #fff;
    padding-left: 28px
}
#myTabContent .primaryBtnSaso, .secondaryBtnSaso {
    margin-top: auto !important;
}
.quality-cards-list .MBImg img {
    width: 20% !important;
    height: 20% !important;
    border-radius: 0px;
    margin-top: 50px;
}
#QMSContainer .quality-cards-list.newsCardsMain .swiper-slide .StaST {
    background-color: #529c44;
    color: #fff !important;
    float: none;
    width: fit-content;
}
#myTabContent #largeModal .quality-popup #btnClose {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
#myTabContent #largeModal .quality-popup #btnClose span {
    margin-top: -5px;
}
.gawda-tab-content .gawda-item {
    display: flex;
    align-items: center;
}
.jqAttachmentStyling a:hover {
    color: #54c08a;
    text-decoration: none
}

.guideLink i.hgi.hgi-stroke.hgi-link-04 {
    color: green;
    font-size: 20px;
    margin-top: 6px;
    margin-right: 8px;
    margin-left: 8px
}

#fileList div {
    border: 1px solid #d2d6bd !important
}

#acform #fileList button {
    font-size: 26px !important
}

.icon-boxx {
    background-color: #f3fcf6 !important;
    border-radius: 100px !important;
    padding: 8px;
    margin-bottom: 50px !important;
    width: 45px;
    height: 45px;
    text-align: center
}

#s4-workspace .icon-boxx img {
    width: 24px;
    height: 24px !important
}

.la2e7a-item h2 {
    text-align: right !important;
    display: flex !important
}

.dateV2, .flex, .new-footerV2 .forFlexFooter, div#ctl00_ctl84_g_c2110332_0c4b_44c3_8ffb_54684de98365_ctl00_pnl_subCat {
    display: flex
}

#s4-bodyContainer .rulesAndRegulationsListItem:hover {
    background: #fff !important;
    -webkit-box-shadow: 0 10px 45px 10px rgb(0 0 0 / .12) !important;
    box-shadow: 0 0 0 0 rgb(0 0 0 / .12) !important;
    text-decoration: none
}

.publicConsultationListItemIconWrapper {
    background-color: #f3fcf6;
    width: 60px;
    height: 60px;
    margin-bottom: 62px;
    border-radius: 100%
}

.publicConsultationListItem .publicConsultationListItemIconWrapper .publicConsultationListItemIcon {
    background: url(../images/publicConsultationListItemIcon.svg) 50% 50%/32px no-repeat;
    width: 62px;
    height: 62px;
    border-bottom: 0 solid #ddd;
    margin: 20px auto
}

.rulesAndRegulationsListItem:hover .download-a, .serviceListItem:hover span {
    padding: 12px 16px;
    background: #1b8354 !important;
    color: #fff !important;
    border-radius: 4px !important
}

.la2e7a-item:hover h2, .la2e7a-item:hover p {
    color: #161616 !important;
    text-decoration: none !important
}

.rulesAndRegulationsListItem img {
    width: 46px !important;
    height: 46px !important;
    background-color: #f3fcf6 !important;
    border-radius: 100% !important;
    float: right !important;
    margin-bottom: 40px
}

.rulesAndRegulationsListItem {
    background: #fff !important;
    box-shadow: 0 0 0 rgb(0 0 0 / 10%);
    border: 1px solid #d2d6db;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.innerpages .srchPanel {
    background: #fff !important
}

.publicConsultationListItem:hover {
    -webkit-box-shadow: 0 0 0 0 rgb(0 0 0 / .15) !important;
    box-shadow: 0 0 0 0 rgb(0 0 0 / .15) !important
}

.publicConsultationListItem {
    min-height: 400px !important;
    -webkit-box-shadow: 0 0 0 0 rgb(0 0 0 / .1) !important;
    box-shadow: 0 0 0 0 rgb(0 0 0 / .1) !important;
    border-radius: 16px !important;
    padding: 25px !important;
    color: #161616 !important
}

.innerpages .srchPanel .form-inline .Acenter, .listen .mt-4 {
    margin-top: 0 !important
}

.Acenter .btnbrown {
    border-radius: 4px !important
}

    #MrAccessInHand:hover, .Acenter .btnbrown:hover, .countImg:hover, .serLinkSt .StaST:hover, .serLinkSt .searchLink .StaST:hover, .serveyBoxRate.servey .text-flex .primaryBtnSaso:hover, .service-det-main .head-box .start-serv:hover, a.bluBtnConST:hover {
        background-color: #166a45 !important
    }

.ms-WPBody .news-section .newsCardsMain .row .col-md-8 {
    flex: 0 0 30.3333% !important;
    max-width: 30.3333% !important
}

.tabsSliderNew .swiper-slide a.nav-link .SectotsNav-TitleTxt {
    color: #161616 !important;
    font-size: 14px
}

.gawdaSlider {
    background-color: #fff !important
}

.news-section .newsCardsMain .swiper-slide {
    background-position: center;
    background-size: cover;
    width: auto;
    height:  fit-content;
    min-height:  fit-content;
}
a.bluBtnConST {
    background-image: none !important
}

#ctl00_PlaceHolderMain_ctl02__ControlWrapper_RichHtmlField span strong, #new-footerV2 h3, .TechRegDetails .TRDContent .TRDTitle, .TechRegDetails .printSrc a span, .branchListItem:hover h2, .card-body li, .innerpages #ctl00_PlaceHolderMain_ctl02__ControlWrapper_RichHtmlField .card-header span, .innerpages #ctl00_PlaceHolderMain_ctl02__ControlWrapper_RichHtmlField span, .modal-large .modal-body h3, .service-det-main #ms-rterangepaste-start span, .text-center .secondaryBtnSaso:visited, .text-center a, .visiontxt strong, body h3.EventPageTitle, body h3.NonComTitle, footer.new-footer .top-footer .footer-top-card .content-footer h3 {
    color: #161616 !important
}

body .quality-cards-list .quality-card {
    border: 1px solid #d2d6db !important;
    border-radius: 16px !important;
    height: 250px;
    display: flex !important;
    flex-direction: column;
    align-content: flex-start;
    align-items: flex-start;
    margin-top: 35px
}

.hiddenRating a, .hiddenRating a:hover {
    padding-left: 11px;
    padding-right: 11px;
    border-radius: 4px
}

.quality-cards-list .quality-card .img-box {
    width: 45px;
    height: 45px;
    margin-inline-end: 24px;
    margin: inherit !important;
    margin-bottom: 30px !important;
    background-color: #f3fcf6;
    padding: 8px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-wrap: nowrap;
    align-content: center
}

    .quality-cards-list .quality-card .img-box img {
        width: 24px;
        height: 24px
    }

.ratingV2 .ratedCurrent .rateWrapper .icon-star-empty:not(.icon-star-half-alt):before {
    content: '\e851' !important;
    color: #e5e7eb !important
}

.innerpages .rateWrapper .icon-star.active.icon-star-half-alt:before {
    content: '\e851' !important
}

.hiddenRating a {
    background-color: #fff
}

    .hiddenRating a:hover {
        background-color: #f3f4f6
    }

.branchListItem:hover, .extLinkEmail a:hover, .extLinkPh a:hover, .extLinkPin a:hover, .extLinksub a:hover, .productsAwarenessListItem:hover, a.closeRating {
    text-decoration: none
}

.guideLink span:hover {
    color: #54c08a;
    text-decoration: underline !important
}

.branchesDetailsWapper .DgaLink span:hover, .branchesDetailsWapper .blueColor:hover, a.linkDGAST:hover {
    color: #54c08a !important;
    text-decoration: underline !important
}

.guideLink span, .last-footer a, a.linkDGAST {
    text-decoration: none !important
}

.branchesDetailsWapper .DgaLink span {
    text-decoration: none !important;
    color: #1b8354 !important
}

.innerpages .table > thead > tr > th {
    background: #f3f3f6 !important;
    color: #161616 !important;
    font-weight: 400 !important;
    font-family: fontReg !important;
    border: 1px solid #d2d6db !important;
    font-size: 13px
}

.table-resposive .table tr th:last-of-type {
    border-inline-end: 1px solid #d2d6db !important
}

tbody.personTable img {
    margin-top: 5px
}
.modal-header .close:hover {
    background-color: #f3f4f6;
    border-radius: 4px !important;
    width: 32px !important;
    height: 32px !important;
    font-size: 32px !important
}
.footer-popup .modal-dialog .modal-content .modal-header .close::after {
    content: "";
    position: absolute;
    width: 14px;
    height: 14px;
    background-image: url(../../images/New/close.svg);
    left: 10px;
    top: 7px;
    background-size: contain
}
.footer-popup .modal-dialog .modal-content .modal-body .pop-up-title .img-div img {
    box-shadow: 0 0 0 rgb(0 42 51 / 15%) !important;
    width: 100px
}
.footer-popup .modal-dialog .modal-content .modal-body .popup-content .sign-in {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #1b8354;
    color: #fff;
    font-size: 16px;
    font-family: fontReg;
    border-radius: 4px;
    padding: 13px 30px;
    width: 110px;
    height: 44px
}
#fancy_print:hover, .arrowStLink:hover, .footer-popup .modal-dialog .modal-content .modal-body .popup-content .sign-in:hover {
        background-color: #166a45
}
.last-footer a:hover {
    text-decoration: underline !important
}
/* Styles for Top Navigation Issue  -- Start */
@media (min-width:769px) and (max-width:991px) {
#s4-workspace .header-wrapper .topnav .navbar .navbar-brand {
        display: block !important;
}
body .header-wrapper.home-header {
        min-height: 100px ;
        max-height: 100px ;
}
.header-wrapper .topnav {
        position: absolute;
        top: 28px;
        left: 0;
        width: 100%;
}
}
@media (min-width:992px) and (max-width:1300px) {
#mainMenuNav li.nav-item.dropdown {
    padding-left: 4px !important;
    padding-right: 4px !important;
}
.header-wrapper .topnav .navbar .navbar-brand {
        max-width: 135px !important;
        flex: 0 0 135px !important;
        margin-left: 4px !important;
}
.header-wrapper .topnav .navbar-nav .nav-item > a.dropdown-toggle:after {
    width: 20px !important;
    height: 20px !important;
}
.header-wrapper .topnav .navbar-nav .nav-item > a {
        padding-right: 8px !important;
        padding-left: 5px !important;
        font-size: 11.5px !important;
    }
    .header-wrapper .topnav .navbar .navbar-brand {
        max-width: 130px !important;
        flex: 0 0 130px !important;
        margin-left: 0px !important;
    }
.icon {
    width: 50px !important;
}
.searchBox {
    width: 40px !important;
}
.header-wrapper .topnav, .header-wrapper .topnav .navbar-nav .nav-item > a {
        height: 80px !important;
}
body .header-wrapper.home-header {
        min-height: auto;
}
}
/* Styles for Top Navigation Issue  -- End */




@media (min-width:912px) and (max-width:1300px) {
#tabsNew {
    width: 90% !important;
    margin: auto;
}
#s4-workspace {
    overflow: clip !important;
}
}

@media (min-width:601px) and (max-width:912px) {
.slider-caption .primaryBtnSaso {
        position: fixed;
        left: -450px;
        width: 50px;
        font-size: 16px;
        padding: 14px;
        margin-top: 50px;
        bottom: -15px;
        min-width: 80px !important;
    }
#pills-tab li.nav-item, #tabsNew #pills-tab li.nav-item {
        width: 100% !important;
    }
.tabs#tabsNew {
    width: 90% !important;
    margin: auto;
}

}

@media (min-width:350px) and (max-width:600px) {
    .imgs-div {
        text-align: center
    }

        .imgs-div img {
            width: 200px !important;
            margin-bottom: 15px
        }

    .mainslider .swiper-pagination {
        bottom: 5px
    }
#acform .clearSearch {
    margin-right: 15px;
}
.slider-caption .primaryBtnSaso {
        position: fixed;
        left: -500px;
        width: 50px;
        font-size: 16px;
        padding: 14px;
        margin-top: 50px;
        bottom: -15px;
        min-width: 80px !important;
    }

    #s4-workspace section .swiper-button-next {
        right: 5% !important
    }

    .swiper-button-prev {
        left: 5% !important
    }

    .head-box a {
        position: relative !important;
        left: 0;
        top: 45px !important
    }

    .branchesV2 {
        margin-top: 20px !important
    }

    .service-det-main .head-box .font35 {
        width: 100% !important;
        text-align: center !important
    }

    .nav-tabs button {
        width: 100%
    }

    .footer-bg {
        padding-left: 12px;
        padding-right: 12px
    }

    .serveyV2 {
        top: 400px !important
    }

    .content-box {
        padding-left: 15px;
        padding-right: 15px
    }

    .col-sm-4.col-6.branchListItem {
        flex: 100%;
        max-width: 100%
    }

    .branchesV2.services-sideCard {
        position: relative !important;
        top: 0 !important;
        transform: translateY(0) !important
    }
}

.NotificationToastContainer.InfoNoteST {
    width: 80%;
    margin: auto auto 50px
}

.branchListItem h2 {
    font-size: 16px;
    margin-top: 16px
}

section.minster-speach {
    margin-top: -100px
}

.approvedPage .newsCardsMain .serLinkSt .searchLink .StaST {
    min-height: 30px !important;
    max-height: 40px !important;
    height: 16px !important;
    border-radius: 4px !important
}

div#menu1 {
    margin-top: 25px
}

.service-tabs .nav li:hover {
    padding-left: 16px;
    padding-right: 16px;
    background-color: #f3f4f6;
    border-radius: 4px 4px 0 0
}

.service-tabs .nav li {
    padding-left: 16px;
    padding-right: 16px;
    border-radius: 4px 4px 0 0
}

#MainServicesArea .nav li:hover {
    padding-left: 8px;
    padding-right: 8px;
    background-color: #f3f4f6;
    border-radius: 4px 4px 0 0
}

#MainServicesArea .nav li {
    padding-left: 8px;
    padding-right: 8px;
    border-radius: 4px 4px 0 0
}

#MainServicesArea .active .tabBox:hover {
    background-color: #f3f4f6 !important;
    border: #f3f4f6 !important
}

.approvedPage .newsCardsMain .StaST, .serLinkSt .searchLink .StaST {
    padding: var(--Global-spacing-none,0) var(--Button-buttons-lg-padding,16px);
    justify-content: center;
    gap: var(--Button-buttons-lg-gap,4px);
    border-radius: var(--Radius-radius-sm,4px);
    background: var(--Button-button-background-primary-default,#1b8354);
    display: flex
}

.branchesDetailsWapper .blueColor, .contentJumpingLinks p a:hover, .services-tabs .tab-content ul.docs li a:hover, h5, span.radio__label.active {
    color: #1b8354
}

.MainSerSearch.searchBoxMain {
    width: 70%;
    margin: auto auto 25px
}

.branchesV2 .formGroup select, .radioBTST, .service-det-main .links, .service-det-main p {
    width: 100% !important
}

.linkserviceSt {
    height: 80px;
    margin-top: 60px
}

.serLinkSt .searchLink .StaST {
    align-items: center
}

.approvedPage .newsCardsMain .StaST {
    height: 30px;
    min-height: 30px;
    max-height: 30px;
    align-items: center;
    background-color: #1b8354 !important;
    color: #fff !important;
    margin: 15px 6px;
    float: left;
    background-image: url(/Style%20Library/ar-sa/images/New/arrowBTNnewEnWhite.svg) !important;
    background-repeat: no-repeat !important;
    background-position: 50% !important;
    width: 40px;
    transform: scaleX(-1)
}

#fancy_print, .clear-btn.show, .contentWrapper #menu1 img, .contentWrapper .newsCardsMain img, .ds-navdropdown-header.active + .ds-navdropdown-body {
    display: block
}

#menu1 .iconBoxSt {
    width: 42px;
    height: 42px !important;
    background-color: #f3fcf6;
    border-radius: 50px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    align-content: center;
    padding-top: 0 !important
}

.related-sites .r-sites .sites-wrapper .swiper-button-next:after, .related-sites .r-sites .sites-wrapper .swiper-button-prev:after {
    padding: 16px !important;
    border-radius: 4px !important
}

.mainslider .swiper-button-next, .mainslider .swiper-button-prev {
    background-size: 8px !important
}

.serv-subfilter-wrapper .subfilter-btn {
    border-radius: 4px 4px 0 0 !important;
    box-shadow: none;
    padding: 12px;
    margin: 0 !important
}

.boxstarea .servicon img {
    filter: unset !important;
    width: 24px;
    height: 24px;
    display: block
}

.contentWrapper img {
    max-width: 100%;
    height: auto !important
}

button.closeRateUs, button.closeRateUs:hover {
    width: 32px !important;
    height: 32px !important;
    font-size: 16px !important;
    top: 15px !important;
    left: 15px !important;
    background-size: 16px !important
}

.serv-subfilter-wrapper .subfilter-btn:hover {
    background: #f3f4f6 !important;
    text-decoration: none;
    box-shadow: none !important;
    color: #161616 !important;
    border-bottom: 3px solid gray;
    border-radius: 4px 4px 0 0 !important
}

.boxstarea .service-tabsDga {
    padding: 5px !important;
    width: 30% !important
}

.bgNews .StaST, .serLinkSt .searchLink .StaST {
    padding: var(--Global-spacing-none,0) var(--Button-buttons-lg-padding,16px);
    gap: var(--Button-buttons-lg-gap,4px)
}

.MainSerSearch .dga-form-control {
    width: 95%
}

.MainSerSearch .radioBTST .active:before {
    background-color: #1b8354 !important;
    transform: translate(-50%,-50%) scale(1) !important;
    width: 15px;
    height: 15px;
    border-radius: 100px;
    right: -3.5px
}

#MainServicesArea .clearSearch {
    position: absolute;
    right: -65px !important;
    top: 6px;
    width: 20px !important;
    height: 20px !important;
    z-index: 10000000000000000000000;
    color: #161616;
    cursor: pointer
}

#MainServicesArea .searchAreaST button:hover {
    background-color: #fff !important;
    opacity: 1
}

.radio-container.active {
    border: 1px solid #1b8354 !important
}

#MainServicesArea .search-box {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: auto;
    position: relative
}

.download-app, .innerpages .breadCrumbShareWrapper .breadCrumbShareWrapper-dropdown, .swiper-slide:hover {
    background-color: #fff
}

.fancybox-opened {
    top: 150px !important
}

.fancybox-next {
    left: 135px
}

.fancybox-prev {
    left: 50px !important
}

.serveyBoxRate.servey input[type=radio]:checked + label:after, input[type=checkbox]:checked + label:after {
    border-radius: 100px;
    width: 12px;
    height: 12px;
    margin-left: 3px;
    margin-top: 3px
}

button.closeRateUs:hover {
    background-color: #f3f4f6 !important;
    border-radius: 4px !important
}

button.closeRateUs.secondaryBtnSaso {
    background-color: #f9fafb !important;
    border: 1px solid var(--Border-border-neutral-primary,#d2d6db) !important;
    width: 50px !important;
    min-width: 70px
}

    .secondaryBtnSaso:hover, button.closeRateUs.secondaryBtnSaso:hover {
        background: #e7e7e7 !important;
        text-decoration: none
    }

.fancybox-close:hover, button.closeRateUs {
    background-color: #f3f4f6 !important
}

.text-flex {
    margin-top: 55px !important;
    padding-top: 25px
}

button.closeRateUs {
    border-radius: 4px !important;
    background-position: 50%
}

:root {
    --spacing-0: 0px;
    --spacing-0․5: 2px;
    --spacing-1: 4px;
    --spacing-1․5: 6px;
    --spacing-2: 8px;
    --spacing-3: 12px;
    --spacing-4: 16px;
    --spacing-5: 20px;
    --spacing-6: 24px;
    --spacing-8: 32px;
    --spacing-10: 40px;
    --spacing-12: 48px;
    --spacing-16: 64px;
    --spacing-20: 80px;
    --spacing-24: 96px;
    --spacing-32: 128px;
    --spacing-40: 160px;
    --spacing-48: 192px;
    --spacing-56: 224px;
    --spacing-64: 256px;
    --spacing-80: 320px;
    --spacing-96: 384px;
    --spacing-120: 480px;
    --spacing-140: 560px;
    --spacing-160: 640px;
    --spacing-180: 720px;
    --spacing-192: 768px;
    --spacing-256: 1024px;
    --spacing-320: 1280px;
    --spacing-360: 1440px;
    --spacing-400: 1600px;
    --spacing-480: 1920px;
    --spacing-none: var(--spacing-0);
    --spacing-xxs: var(--spacing-0․5);
    --spacing-xs: var(--spacing-1);
    --spacing-sm: var(--spacing-1․5);
    --spacing-md: var(--spacing-2);
    --spacing-lg: var(--spacing-3);
    --spacing-xl: var(--spacing-4);
    --spacing-2xl: var(--spacing-5);
    --spacing-3xl: var(--spacing-6);
    --spacing-4xl: var(--spacing-8);
    --spacing-5xl: var(--spacing-10);
    --spacing-6xl: var(--spacing-12);
    --spacing-7xl: var(--spacing-16);
    --spacing-8xl: var(--spacing-20);
    --spacing-9xl: var(--spacing-24);
    --spacing-10xl: var(--spacing-32);
    --spacing-11xl: var(--spacing-40);
    --width-xxs: var(--spacing-80);
    --width-xs: var(--spacing-96);
    --width-sm: var(--spacing-120);
    --width-md: var(--spacing-140);
    --width-lg: var(--spacing-160);
    --width-xl: var(--spacing-192);
    --width-2xl: var(--spacing-256);
    --width-3xl: var(--spacing-320);
    --width-4xl: var(--spacing-360);
    --width-5xl: var(--spacing-400);
    --width-6xl: var(--spacing-480);
    --paragraph-max-width: var(--spacing-180);
    --container-padding-mobile: var(--spacing-4);
    --container-padding-desktop: var(--spacing-8);
    --container-max-width-desktop: var(--spacing-320);
    --radius-none: 0;
    --radius-xxs: 2px;
    --radius-xs: 4px;
    --radius-sm: 6px;
    --radius-md: 8px;
    --radius-lg: 10px;
    --radius-xl: 12px;
    --radius-2xl: 16px;
    --radius-3xl: 20px;
    --radius-4xl: 24px;
    --radius-full: 9999px;
    --colors-base-white: #ffffff;
    --colors-base-black: #000000;
    --colors-alpha-white: 0deg 0% 100%;
    --colors-alpha-black: 0deg 0% 0%;
    --colors-gray-25: #fcfcfd;
    --colors-gray-50: #f9fafb;
    --colors-gray-100: #f2f4f7;
    --colors-gray-200: #eaecf0;
    --colors-gray-300: #d0d5dd;
    --colors-gray-400: #98a2b3;
    --colors-gray-500: #667085;
    --colors-gray-600: #475467;
    --colors-gray-800: #182230;
    --colors-gray-900: #101828;
    --colors-gray-25: #fafafa;
    --colors-gray-50: #f5f5f6;
    --colors-gray-100: #f0f1f1;
    --colors-gray-200: #ececed;
    --colors-gray-300: #cecfd2;
    --colors-gray-400: #94969c;
    --colors-gray-500: #85888e;
    --colors-gray-600: #61646c;
    --colors-gray-700: #333741;
    --colors-gray-800: #1f242f;
    --colors-gray-900: #161b26;
    --colors-gray-950: #0c111d;
    --colors-brand-25: #f7fdf9;
    --colors-brand-50: #f3fcf6;
    --colors-brand-100: #dff6e7;
    --colors-brand-200: #b8eacb;
    --colors-brand-300: #88d8ad;
    --colors-brand-400: #54c08a;
    --colors-brand-500: #25935f;
    --colors-brand-600: #1b8354;
    --colors-brand-700: #166a45;
    --colors-brand-800: #14573a;
    --colors-brand-900: #104631;
    --colors-brand-950: #092a1e;
    --colors-error-25: #fffbfa;
    --colors-error-50: #fef3f2;
    --colors-error-100: #fee4e2;
    --colors-error-200: #fecdca;
    --colors-error-300: #fda29b;
    --colors-error-400: #f97066;
    --colors-error-500: #f04438;
    --colors-error-600: #d92d20;
    --colors-error-700: #b42318;
    --colors-error-800: #912018;
    --colors-error-900: #7a271a;
    --colors-error-950: #55160c;
    --colors-warning-25: #fffcf5;
    --colors-warning-50: #fffaeb;
    --colors-warning-100: #fef0c7;
    --colors-warning-200: #fedf89;
    --colors-warning-300: #fec84b;
    --colors-warning-400: #fdb022;
    --colors-warning-500: #f79009;
    --colors-warning-600: #dc6803;
    --colors-warning-700: #b54708;
    --colors-warning-800: #93370d;
    --colors-warning-900: #7a2e0e;
    --colors-warning-950: #4e1d09;
    --colors-success-25: #f6fef9;
    --colors-success-50: #ecfdf3;
    --colors-success-100: #dcfae6;
    --colors-success-200: #abefc6;
    --colors-success-300: #75e0a7;
    --colors-success-400: #47cd89;
    --colors-success-500: #17b26a;
    --colors-success-600: #079455;
    --colors-success-700: #067647;
    --colors-success-800: #085d3a;
    --colors-success-900: #074d31;
    --colors-success-950: #053321;
    --colors-info-25: #f5faff;
    --colors-info-50: #eff8ff;
    --colors-info-100: #d1e9ff;
    --colors-info-200: #b2ddff;
    --colors-info-300: #84caff;
    --colors-info-400: #53b1fd;
    --colors-info-500: #2e90fa;
    --colors-info-600: #1570ef;
    --colors-info-700: #175cd3;
    --colors-info-800: #1849a9;
    --colors-info-900: #194185;
    --colors-info-950: #102a56;
    --colors-gray-blue-25: #fcfcfd;
    --colors-gray-blue-50: #f8f9fc;
    --colors-gray-blue-100: #eaecf5;
    --colors-gray-blue-200: #d5d9eb;
    --colors-gray-blue-300: #b3b8db;
    --colors-gray-blue-400: #717bbc;
    --colors-gray-blue-500: #4e5ba6;
    --colors-gray-blue-600: #3e4784;
    --colors-gray-blue-700: #363f72;
    --colors-gray-blue-800: #293056;
    --colors-gray-blue-900: #101323;
    --colors-gray-blue-950: #0d0f1c;
    --colors-gray-cool-25: #fcfcfd;
    --colors-gray-cool-50: #f9f9fb;
    --colors-gray-cool-100: #eff1f5;
    --colors-gray-cool-200: #dcdfea;
    --colors-gray-cool-300: #b9c0d4;
    --colors-gray-cool-400: #7d89b0;
    --colors-gray-cool-500: #5d6b98;
    --colors-gray-cool-600: #4a5578;
    --colors-gray-cool-700: #404968;
    --colors-gray-cool-800: #30374f;
    --colors-gray-cool-900: #111322;
    --colors-gray-cool-950: #0e101b;
    --colors-gray-modern-25: #fcfcfd;
    --colors-gray-modern-50: #f8fafc;
    --colors-gray-modern-100: #eef2f6;
    --colors-gray-modern-200: #e3e8ef;
    --colors-gray-modern-300: #cdd5df;
    --colors-gray-modern-400: #9aa4b2;
    --colors-gray-modern-500: #697586;
    --colors-gray-modern-600: #4b5565;
    --colors-gray-modern-700: #364152;
    --colors-gray-modern-800: #202939;
    --colors-gray-modern-900: #121926;
    --colors-gray-modern-950: #0d121c;
    --colors-gray-neutral-25: #fcfcfd;
    --colors-gray-neutral-50: #f9fafb;
    --colors-gray-neutral-100: #f3f4f6;
    --colors-gray-neutral-200: #e5e7eb;
    --colors-gray-neutral-300: #d2d6db;
    --colors-gray-neutral-400: #9da4ae;
    --colors-gray-neutral-500: #6c737f;
    --colors-gray-neutral-600: #4d5761;
    --colors-gray-neutral-700: #384250;
    --colors-gray-neutral-800: #1f2a37;
    --colors-gray-neutral-900: #111927;
    --colors-gray-neutral-950: #0d121c;
    --colors-gray-iron-25: #fcfcfc;
    --colors-gray-iron-50: #fafafa;
    --colors-gray-iron-100: #f4f4f5;
    --colors-gray-iron-200: #e4e4e7;
    --colors-gray-iron-300: #d1d1d6;
    --colors-gray-iron-400: #a0a0ab;
    --colors-gray-iron-500: #70707b;
    --colors-gray-iron-600: #51525c;
    --colors-gray-iron-700: #3f3f46;
    --colors-gray-iron-800: #26272b;
    --colors-gray-iron-900: #1a1a1e;
    --colors-gray-iron-950: #131316;
    --colors-gray-true-25: #fcfcfc;
    --colors-gray-true-50: #fafafa;
    --colors-gray-true-100: #f5f5f5;
    --colors-gray-true-200: #e5e5e5;
    --colors-gray-true-300: #d6d6d6;
    --colors-gray-true-400: #a3a3a3;
    --colors-gray-true-500: #737373;
    --colors-gray-true-600: #525252;
    --colors-gray-true-700: #424242;
    --colors-gray-true-800: #292929;
    --colors-gray-true-900: #141414;
    --colors-gray-true-950: #0f0f0f;
    --colors-gray-warm-25: #fdfdfc;
    --colors-gray-warm-50: #fafaf9;
    --colors-gray-warm-100: #f5f5f4;
    --colors-gray-warm-200: #e7e5e4;
    --colors-gray-warm-300: #d7d3d0;
    --colors-gray-warm-400: #a9a29d;
    --colors-gray-warm-500: #79716b;
    --colors-gray-warm-600: #57534e;
    --colors-gray-warm-700: #44403c;
    --colors-gray-warm-800: #292524;
    --colors-gray-warm-900: #1c1917;
    --colors-gray-warm-950: #171412;
    --colors-moss-25: #fafdf7;
    --colors-moss-50: #f5fbee;
    --colors-moss-100: #e6f4d7;
    --colors-moss-200: #ceeab0;
    --colors-moss-300: #acdc79;
    --colors-moss-400: #86cb3c;
    --colors-moss-500: #669f2a;
    --colors-moss-600: #4f7a21;
    --colors-moss-700: #3f621a;
    --colors-moss-800: #335015;
    --colors-moss-900: #2b4212;
    --colors-moss-950: #1a280b;
    --colors-green-light-25: #fafef5;
    --colors-green-light-50: #f3fee7;
    --colors-green-light-100: #e3fbcc;
    --colors-green-light-200: #d0f8ab;
    --colors-green-light-300: #a6ef67;
    --colors-green-light-400: #85e13a;
    --colors-green-light-500: #66c61c;
    --colors-green-light-600: #4ca30d;
    --colors-green-light-700: #3b7c0f;
    --colors-green-light-800: #326212;
    --colors-green-light-900: #2b5314;
    --colors-green-light-950: #15290a;
    --colors-green-25: #f6fef9;
    --colors-green-50: #edfcf2;
    --colors-green-100: #d3f8df;
    --colors-green-200: #aaf0c4;
    --colors-green-300: #73e2a3;
    --colors-green-400: #3ccb7f;
    --colors-green-500: #16b364;
    --colors-green-600: #099250;
    --colors-green-700: #087443;
    --colors-green-800: #095c37;
    --colors-green-900: #084c2e;
    --colors-green-950: #052e1c;
    --colors-Teal-25: #f6fefc;
    --colors-Teal-50: #f0fdf9;
    --colors-Teal-100: #ccfbef;
    --colors-Teal-200: #99f6e0;
    --colors-Teal-300: #5fe9d0;
    --colors-Teal-400: #2ed3b7;
    --colors-Teal-500: #15b79e;
    --colors-Teal-600: #0e9384;
    --colors-Teal-700: #107569;
    --colors-Teal-800: #125d56;
    --colors-Teal-900: #134e48;
    --colors-Teal-950: #0a2926;
    --colors-cyan-25: #f5feff;
    --colors-cyan-50: #ecfdff;
    --colors-cyan-100: #cff9fe;
    --colors-cyan-200: #a5f0fc;
    --colors-cyan-300: #67e3f9;
    --colors-cyan-400: #22ccee;
    --colors-cyan-500: #06aed4;
    --colors-cyan-600: #088ab2;
    --colors-cyan-700: #0e7090;
    --colors-cyan-800: #155b75;
    --colors-cyan-900: #164c63;
    --colors-cyan-950: #0d2d3a;
    --colors-blue-light-25: #f5fbff;
    --colors-blue-light-50: #f0f9ff;
    --colors-blue-light-100: #e0f2fe;
    --colors-blue-light-200: #b9e6fe;
    --colors-blue-light-300: #7cd4fd;
    --colors-blue-light-400: #36bffa;
    --colors-blue-light-500: #0ba5ec;
    --colors-blue-light-600: #0086c9;
    --colors-blue-light-700: #026aa2;
    --colors-blue-light-800: #065986;
    --colors-blue-light-900: #0b4a6f;
    --colors-blue-light-950: #062c41;
    --colors-blue-dark-25: #f5f8ff;
    --colors-blue-dark-50: #eff4ff;
    --colors-blue-dark-100: #d1e0ff;
    --colors-blue-dark-200: #b2ccff;
    --colors-blue-dark-300: #84adff;
    --colors-blue-dark-400: #528bff;
    --colors-blue-dark-500: #2970ff;
    --colors-blue-dark-600: #155eef;
    --colors-blue-dark-700: #004eeb;
    --colors-blue-dark-800: #0040c1;
    --colors-blue-dark-900: #00359e;
    --colors-blue-dark-950: #002266;
    --colors-indigo-25: #f5f8ff;
    --colors-indigo-50: #eef4ff;
    --colors-indigo-100: #e0eaff;
    --colors-indigo-200: #c7d7fe;
    --colors-indigo-300: #a4bcfd;
    --colors-indigo-400: #8098f9;
    --colors-indigo-500: #6172f3;
    --colors-indigo-600: #444ce7;
    --colors-indigo-700: #3538cd;
    --colors-indigo-800: #2d31a6;
    --colors-indigo-900: #2d3282;
    --colors-indigo-950: #1f235b;
    --colors-violet-25: #fbfaff;
    --colors-violet-50: #f5f3ff;
    --colors-violet-100: #ece9fe;
    --colors-violet-200: #ddd6fe;
    --colors-violet-300: #c3b5fd;
    --colors-violet-400: #a48afb;
    --colors-violet-500: #875bf7;
    --colors-violet-600: #7839ee;
    --colors-violet-700: #6927da;
    --colors-violet-800: #5720b7;
    --colors-violet-900: #491c96;
    --colors-violet-950: #2e125e;
    --colors-purple-25: #fafaff;
    --colors-purple-50: #f4f3ff;
    --colors-purple-100: #ebe9fe;
    --colors-purple-200: #d9d6fe;
    --colors-purple-300: #bdb4fe;
    --colors-purple-400: #9b8afb;
    --colors-purple-500: #7a5af8;
    --colors-purple-600: #6938ef;
    --colors-purple-700: #5925dc;
    --colors-purple-800: #4a1fb8;
    --colors-purple-900: #3e1c96;
    --colors-purple-950: #27115f;
    --colors-fuchsia-25: #fefaff;
    --colors-fuchsia-50: #fdf4ff;
    --colors-fuchsia-100: #fbe8ff;
    --colors-fuchsia-200: #f6d0fe;
    --colors-fuchsia-300: #eeaafd;
    --colors-fuchsia-400: #e478fa;
    --colors-fuchsia-500: #d444f1;
    --colors-fuchsia-600: #ba24d5;
    --colors-fuchsia-700: #9f1ab1;
    --colors-fuchsia-800: #821890;
    --colors-fuchsia-900: #6f1877;
    --colors-fuchsia-950: #47104c;
    --colors-pink-25: #fef6fb;
    --colors-pink-50: #fdf2fa;
    --colors-pink-100: #fce7f6;
    --colors-pink-200: #fcceee;
    --colors-pink-300: #faa7e0;
    --colors-pink-400: #f670c7;
    --colors-pink-500: #ee46bc;
    --colors-pink-600: #dd2590;
    --colors-pink-700: #c11574;
    --colors-pink-800: #9e165f;
    --colors-pink-900: #851651;
    --colors-pink-950: #4e0d30;
    --colors-rosé-25: #fff5f6;
    --colors-rosé-50: #fff1f3;
    --colors-rosé-100: #ffe4e8;
    --colors-rosé-200: #fecdd6;
    --colors-rosé-300: #fea3b4;
    --colors-rosé-400: #fd6f8e;
    --colors-rosé-500: #f63d68;
    --colors-rosé-600: #e31b54;
    --colors-rosé-700: #c01048;
    --colors-rosé-800: #a11043;
    --colors-rosé-900: #89123e;
    --colors-rosé-950: #510b24;
    --colors-orange-dark-25: #fff9f5;
    --colors-orange-dark-50: #fff4ed;
    --colors-orange-dark-100: #ffe6d5;
    --colors-orange-dark-200: #ffd6ae;
    --colors-orange-dark-300: #ff9c66;
    --colors-orange-dark-400: #ff692e;
    --colors-orange-dark-500: #ff4405;
    --colors-orange-dark-600: #e62e05;
    --colors-orange-dark-700: #bc1b06;
    --colors-orange-dark-800: #97180c;
    --colors-orange-dark-900: #771a0d;
    --colors-orange-dark-950: #57130a;
    --colors-orange-25: #fefaf5;
    --colors-orange-50: #fef6ee;
    --colors-orange-100: #fdead7;
    --colors-orange-200: #f9dbaf;
    --colors-orange-300: #f7b27a;
    --colors-orange-400: #f38744;
    --colors-orange-500: #ef6820;
    --colors-orange-600: #e04f16;
    --colors-orange-700: #b93815;
    --colors-orange-800: #932f19;
    --colors-orange-900: #772917;
    --colors-orange-950: #511c10;
    --colors-yellow-25: #fefdf0;
    --colors-yellow-50: #fefbe8;
    --colors-yellow-100: #fef7c3;
    --colors-yellow-200: #feee95;
    --colors-yellow-300: #fde272;
    --colors-yellow-400: #fac515;
    --colors-yellow-500: #eaaa08;
    --colors-yellow-600: #ca8504;
    --colors-yellow-700: #a15c07;
    --colors-yellow-800: #854a0e;
    --colors-yellow-900: #713b12;
    --colors-yellow-950: #542c0d;
    --gradient-gray-600-500-90deg: linear-gradient( 90deg, var(--colors-gray-600) 0%, var(--colors-gray-500) 100% )
}

.searchBoxMainSt {
    width: 80%;
    float: left
}

#MainServicesArea .searchAreaST .serchbtn {
    height: 40px !important;
    border-radius: 4px !important
}

.searchBTNMainSt {
    margin: auto;
    float: left;
    width: 50px
}

.radioBTST {
    margin-top: 0;
    float: none;
    padding-top: 8px
}

.serLinkSt .searchLink .StaST {
    display: flex;
    min-height: 40px;
    max-height: 40px;
    justify-content: center;
    align-items: center;
    border-radius: var(--Radius-radius-sm,4px);
    background: var(--Button-button-background-primary-default,#1b8354);
    background-color: #1b8354 !important;
    color: #fff !important;
    margin: 15px 6px;
    width: 40px !important;
    height: 16px !important;
    min-width: 40px !important;
    border-radius: 100px !important
}

.innerpages .newsCardsMain .swiper-slide:hover {
    border-bottom: 1px solid #d2d6db !important;
    border-radius: 16px !important
}

.searchLink .photoListingItem:after {
    position: static
}

.photoListingItem:hover:after {
    opacity: 1 !important;
    transform: translateX(0) !important
}

.productsAwarenessListItem {
    padding: 16px !important;
    height: 400px !important
}

.innerpages .contentWrapper .productsAwarenessListItem img {
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    background: #fff;
    border-radius: 16px;
    height: 250px !important;
    width: 100% !important
}

.productsAwarenessListItem h2 {
    text-align: right
}

#fancybox-loading, .fancybox-close, .fancybox-next span, .fancybox-prev span {
    background-image: url(../../images/New/close.svg) !important;
    background-size: 24px !important;
    background-repeat: no-repeat !important
}

    .fancybox-close, .fancybox-close:hover {
        border-radius: 4px !important;
        width: 32px !important;
        height: 32px !important;
        font-size: 32px !important;
        top: 15px !important;
        left: 15px !important;
        background-size: 16px !important;
        background-position: 50%
    }

.fancybox-outer {
    width: 32px !important;
    height: 32px !important
}

.fancybox-close {
    right: 18px !important
}

#fancy_print, .fancybox-next, .fancybox-prev {
    top: 15px;
    position: absolute
}

.fancybox-next {
    right: 50px
}

.fancybox-prev {
    right: 135px
}

#fancy_print {
    height: 50px;
    width: 50px;
    left: 0;
    background-color: #1b8354;
    border-radius: 5px;
    text-align: center;
    padding-top: 8px
}

#MrAccessInHand, .MrAdvSet, .MrMUIHeaderDiv, .fancybox-next span:after, .fancybox-prev span:after, .mainslider .swiper-button-next, .mainslider .swiper-button-prev, div#MrTitleBar {
    background-color: #1b8354 !important
}

.fancybox-next span:after, .fancybox-prev span:after {
    font-family: saso-icons;
    display: block;
    width: 35px;
    height: 35px;
    font-size: 32px;
    background-color: #9a6a3c;
    border-radius: 100%;
    text-align: center;
    padding-top: 2.2px;
    color: #fff !important
}

.header-wrapper .topnav .navbar-nav .nav-item > a:hover, .pagefunctions, .tabsSliderNew .swiper-slide a.nav-link:hover {
    background-color: #f3f4f6
}

.fancybox-next span:after:hover, .fancybox-prev span:after:hover {
    background-color: red !important
}

.popup-content .acform {
    width: 82%;
    margin-bottom: 25px
}

.fancybox-next span:after {
    content: '\e86d';
    padding-left: 3px
}

.fancybox-prev span:after {
    content: '\e86e';
    padding-left: 0
}

.fancybox-opened .fancybox-title {
    visibility: visible;
    display: none
}

.branchListItem:hover {
    border: 1px solid #d2d6db;
    box-shadow: 0 0 0 rgb(35 100 90 / .1);
    background-color: #fff !important
}

    .branchListItem:hover img {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1) !important
    }

.branchListItem i {
    background-color: #f3fcf6;
    padding: 15px;
    border-radius: 100px;
    color: #1b8354;
    font-size: 24px
}

.branchListItem {
    text-align: left !important;
    padding: 40px 20px 10px !important;
    margin-left: 15px;
    margin-right: 8px;
    margin-bottom: 18px !important;
    margin-top: 5px
}

    .branchListItem h2 {
        text-align: left;
        padding: 10px
    }

#MainServicesArea li, .SASONumArea div, .commissionINums div, .numText, .nums, .pagefunctions, span.menu-item-text {
    text-align: center
}

.row > .col-sm-4.col-6 {
    flex: 0 0 33.3333%;
    max-width: 22.3333% !important
}

.countImg, .icon {
    justify-content: center
}

li.nav-item.dropdown {
    padding-left: 8px !important;
    padding-right: 8px !important
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #fff !important;
    background-image: url(newImgDga/tick-02.svg);
    background-repeat: no-repeat;
    background-position: 97% 50%;
    background-size: 27px
}

.branchesV2.services-sideCard {
    position: absolute;
    top: 380px
}

.head-box a {
    position: relative !important;
    margin-top: 15px;
    margin-bottom: 15px;
    right: 0;
    left: 0;
    top: 45px
}

.bgNews .dateV2 img {
    width: 18px !important;
    padding-right: 3px
}

.service-tabs .nav-tabs > li a {
    border-bottom: 3px solid #fff !important
}

a.gototop.show {
    background-color: #1b8354;
    padding: 8px;
    border-radius: 4px;
    border: 1px solid #fff
}

    a.gototop.show i {
        color: #fff;
        font-size: 24px !important
    }

.guideLink h5, .header-wrapper .topnav .navbar-nav .MainTabIsActive > a, .header-wrapper .topnav .navbar-nav .nav-item > .dropdown-menu a:hover, .header-wrapper .topnav .navbar-nav .nav-item > a:hover, .innerpages .Itemrow .LabelTitle, .innerpages .Itemrow .LabelTitle .textlable, .innerpages .Itemrow .LabelTitle > span, .innerpages .col-form-label, .pagefunctions a:hover, .text-center a:hover {
    color: #161616
}

.guideLink span {
    float: left;
    color: #1b8354
}

.pagefunctions {
    position: absolute;
    right: 42% !important;
    border-radius: 4px;
    padding-left: 8px;
    padding-right: 8px;
    width: 80px;
    height: 30px
}

    .pagefunctions:hover {
        background-color: #e7e7e7
    }

.fab-button.rotate, .fab-link:hover {
    background-color: #0f4530
}

.innerpages .ArticleContent ul li:before, .innerpages .contentWrapper ul li:before, .innerpages ul.list li:before, .innerpages ul.lst li:before {
    content: '';
    width: 8px !important;
    height: 0 !important;
    display: inline-block;
    background: #228b5e;
    margin: 5px 15px 5px 5px !important;
    border-radius: 100%;
    vertical-align: top
}

.innerpages .breadCrumbShareWrapper {
    margin-top: 25px;
    position: absolute;
    top: 5px;
    left: 30px
}

.bgNews .StaST, .countImg {
    max-height: 30px;
    margin: 15px 6px;
    min-height: 30px
}

.innerpages .ArticleContent ul, .innerpages .contentWrapper ul, .innerpages ul.list, .innerpages ul.lst {
    padding-right: 10px !important;
    list-style: none !important;
    margin-bottom: 0 !important;
    padding-left: 10px !important;
    padding-top: 0 !important
}

.MainSerSearch .active:before {
    content: "";
    position: absolute;
    height: 3px;
    width: 100%;
    bottom: 0;
    right: 0;
    opacity: 1;
    transition: .3s;
    border-radius: 5px
}

.countImg {
    border-radius: var(--Radius-radius-sm,4px);
    background: var(--Button-button-background-primary-default,#1b8354);
    background-color: #1b8354 !important;
    color: #fff !important;
    padding: 8px;
    display: flex;
    height: 30px;
    padding: var(--Global-spacing-none,0) var(--Button-buttons-lg-padding,16px);
    align-items: center;
    width: fit-content
}

.fab-button, .fab-link {
    background-color: #0e7e4f
}

.quote-icon-down, .quote-icon-up {
    position: absolute;
    font-size: 128px !important;
    color: #14573a !important
}

.fab-link, .fab-links {
    margin-bottom: 10px;
    display: flex
}

.sliderLogo i {
    color: #1b8354;
    font-size: 16px !important
}

.extLinkEmail i, .extLinkPh i, .extLinkPin i {
    margin-left: 5px
}

.extLinkEmail a, .extLinkPh a, .extLinkPin a, .extLinksub a {
    color: #1b8354;
    font-size: 16px;
    text-decoration: none
}

.extLinksub i {
    position: absolute;
    right: 15px;
    bottom: 12px
}

.minster-speach .content-box .img-box {
    width: 95% !important;
    right: 30px !important
}

.minster-speach .content-box p {
    margin-left: 60px;
    color: #161616 !important;
    font-size: 18px !important
}

.quote-icon-up {
    left: 25px;
    top: -25px;
    transform: scaleX(-1)
}

.quote-icon-down {
    right: 5px;
    bottom: -105px
}

@media screen and (min-width:300px) and (max-width:900px) {
    .minster-speach .content-box p {
        margin-left: 0
    }

    .text-box {
        margin-top: 60px
    }

    .quote-icon-down {
        right: 25px;
        bottom: -165px
    }
}

.fab-container button:hover {
    border-color: #92c0e0;
    background-color: #0e7e4f
}

.fab-container {
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 1000
}

.fab-links {
    flex-direction: column;
    align-items: center;
    transition: opacity .3s,transform .3s;
    opacity: 0;
    pointer-events: none
}

    .fab-links.show {
        opacity: 1;
        pointer-events: all
    }

.fab-link {
    width: 50px;
    height: 50px;
    color: #fff;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-size: 18px;
    box-shadow: 0 2px 6px rgba(0,0,0,.2);
    transition: background .3s
}

.fab-button {
    width: 60px;
    height: 60px;
    border: none;
    border-radius: 50%;
    color: #fff;
    font-size: 32px;
    cursor: pointer;
    box-shadow: 0 4px 8px rgba(0,0,0,.3);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform .3s,background .3s
}

.icon.active:after, .icon.active:after:hover {
    border-radius: 3px;
    position: absolute;
    width: 80%;
    height: 6px;
    content: "";
    display: inline-block;
    bottom: 0
}

.search-container, .top-bar {
    background: #fff;
    box-shadow: 0 2px 5px rgba(0,0,0,.05);
    position: relative
}

.fab-button.rotate {
    transform: rotate(45deg)
}

.top-bar {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 1rem
}

.icon {
    width: 60px;
    height: 80px;
    margin-left: 1rem;
    display: flex;
    align-items: center;
    border-radius: 8px;
    cursor: pointer
}

.langSt a, .search-box {
    justify-content: center
}

.icon.active, .icon.active:hover {
    background: #1b8354;
    color: #fff
}

.icon:hover {
    background: #f2f2f2;
    color: #161616
}

.icon.active:after {
    background: #54c08a !important
}

    .icon.active:after:hover {
        background: #54c08a
    }

.search-container {
    height: 0;
    transition: height .4s;
    z-index: 100000000000000000
}

    .search-container.show {
        height: 115px
    }

.search-box {
    display: flex;
    align-items: center;
    padding: 2rem;
    width: 90%;
    max-width: 1000px;
    margin: auto;
    position: relative
}

    .search-box input {
        flex: 1;
        padding: 1rem 50px 1rem 1rem;
        border: 1px solid #ccc !important;
        border-radius: 4px;
        font-size: 14px !important;
        height: 39px
    }

    .search-box .clearSearch button, .search-box button {
        padding: 1rem 2rem;
        font-weight: 700;
        margin-left: 10px
    }

    .search-box button {
        background: #0e7e4f;
        color: #fff;
        border: none;
        border-radius: 4px;
        cursor: pointer
    }

        .search-box button:hover {
            background: #0f4530
        }

.arabic-lan:hover:after, .btn-register:hover:after, .btnCompleteProfileLogout:hover:after, .h-search-icon:hover:after, .i-notification:hover:after {
    position: absolute;
    height: 6px;
    width: 80%;
    bottom: 0;
    content: "";
    background: #bbb;
    border-radius: 3px;
    display: inline-block
}

.lanBox {
    width: 72px;
    position: relative
}
.searchBox {
    width: 60px;
    position: relative
}


.clear-btn, .clearSearch {
    position: absolute;
    cursor: pointer
}

.top-bar a {
    color: #161616;
    text-decoration: none
}

.lang-icon-transfer span {
    height: 23px;
    width: 23px;
    border-radius: 8px;
    border: 1.75px solid #161616;
    text-align: center !important;
    color: #161616;
    display: inline-block;
    position: relative;
    top: 0;
    line-height: 22px;
    font-size: 11px;
    font-weight: 600
}

.lang-icon-transfer:hover span {
    border-color: #161616;
    color: #161616
}

.searchBox .hgi-stroke {
    font-size: 24px
}

.clear-btn {
    right: 135px;
    background: 0 0;
    border: none;
    font-size: 1.2rem;
    display: none;
    color: #999
}

.search-box .clearSearch button {
    background: 0 0;
    color: #161616;
    border: none;
    border-radius: 4px;
    cursor: pointer
}

.clearSearch {
    right: -15px;
    top: 27px;
    width: 20px;
    height: 20px;
    z-index: 10000000000000000000000;
    color: #161616
}

.search-box a {
    height: 40px;
    padding: 22px 25px 0;
    color: #fff;
    line-height: 0;
    position: relative;
    border-radius: 4px;
    background: #1b8354;
    margin-left: 7px
}

.langSt, .langSt a {
    height: 80px;
    display: flex
}

.guiding span, .ratingV2 .ratedCurrent p span + span {
    margin-left: 10px
}

.search-box a:hover {
    background: #104631;
    text-decoration: none
}

.langSt {
    width: 100px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    flex-wrap: nowrap
}

    .langSt a {
        background-image: url(/Style%20Library/ar-sa/images/IconLanguage.svg);
        background-repeat: no-repeat;
        padding-left: 25px;
        text-align: right;
        background-position: 20%;
        color: #161616;
        text-decoration: none;
        align-items: center;
        flex-direction: column;
        padding-right: 0;
        width: 90%
    }

        .langSt a:hover {
            background-color: #f2f2f2;
            text-decoration: none;
            border-radius: 5px
        }

    .langSt > a::after {
        position: relative;
        height: 6px;
        width: 100%;
        bottom: 0;
        content: "";
        background: #bbb;
        border-radius: 3px;
        display: inline-block;
        z-index: 1000000;
        top: 30px;
        right: 12px;
        opacity: 0
    }

    .header-wrapper .topnav .navbar-nav .nav-item > a.active::before, .header-wrapper .topnav .navbar-nav .nav-item > a:hover::before, .langSt > a:hover::after {
        opacity: 1
    }

.bgNews .StaST {
    display: flex;
    height: 30px;
    justify-content: center;
    align-items: center;
    border-radius: var(--Radius-radius-sm,4px);
    background: var(--Button-button-background-primary-default,#1b8354);
    background-color: #1b8354 !important;
    color: #fff !important;
    float: left;
    width: auto
}

.StaST.searchLink {
    background-image: url(/Style%20Library/ar-sa/images/New/arrowBTNnewEnWhite.svg) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    height: 10px !important;
    width: 40px !important;
    padding: 4px !important;
    background-size: 20px !important;
    max-height: 30px !important;
    min-height: 30px
}

.header-wrapper .topnav .navbar-nav .nav-item > .dropdown-menu .inner-dropdown-div .row > div {
    display: flex !important;
    flex-direction: column
}

span.counterImg.arrowLink {
    background-image: url(/Style%20Library/ar-sa/images/IconSearch.svg);
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 25px;
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(36deg) brightness(101%) contrast(101%)
}

.countImg span {
    color: #fff
}

.videoListingImage:after {
    top: -200px;
    position: absolute
}

.serv-subfilter-wrapper .subfilter-btn.active, .serv-subfilter-wrapper .subfilter-btn.active:hover {
    background: #fff !important;
    border-bottom: 3px solid #3ca078 !important;
    border-top: 0;
    border-left: 0;
    border-right: 0px;
    border-radius: 0 !important;
    color: #161616 !important;
    font-weight: 700 !important
}

.subfilter-hero .subfilter-btn:hover {
    background: #f3f4f6 !important;
    border-bottom: 3px solid #161616 !important;
    text-decoration: none;
    border-radius: 4px 4px 0 0 !important
}

.filterLinks .FLlink.active:hover, .service-tabsDga .nav-tabs > li a.active:hover {
    border-bottom: 3px solid #3ca078 !important
}

.subfilter-hero .subfilter-btn {
    box-shadow: 0 0 0 #00000030;
    border: 0 solid #ccc;
    color: #161616 !important;
    border-radius: 4px 4px 0 0 !important;
    margin-bottom: -1px !important
}

.subfilter-hero {
    padding-bottom: 0 !important
}

.serv-item {
    padding-top: 24px !important
}

.servicon {
    background-color: #f3fcf6;
    border-radius: 500px;
    padding: 0;
    width: 48px;
    height: 48px !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    flex-direction: column;
    align-content: center;
    padding-bottom: 0 !important;
    margin-bottom: 20px
}

.bgNews .serLinkSt, .commissionINums .comMNUmbers, .news-section .newsCardsMain .swiper-slide .news-item .news-content, .newsCardsMain .serLinkSt, .search-area, .service-tabsDga .serv-item .servicon {
    position: relative
}

.MBImg img {
    height: 300px !important;
    width: 100% !important;
    border-radius: 16px
}

.MBTxt .font22 {
    color: #161616 !important;
    font-size: 18px;
    margin-bottom: 10px;
    margin-top: 15px;
    min-height: 53px
}

.newsCardsMain .swiper-slide {
    padding: 16px;
    margin-right: 20px !important;
    margin-bottom: 20px !important
}

.accordion button div {
    font-family: fontBold;
    color: #161616;
    font-weight: 700
}

.innerpages .contentWrapper .table-of-content__body ul {
    padding-left: 0 !important
}

.table-of-content__tab-list li {
    padding: 6px;
    background-color: #fff;
    border-left: 3px solid #fff
}

    .table-of-content__tab-list li:hover {
        padding: 6px;
        background-color: #f3f4f6;
        border-left: 3px solid #d2d6db
    }

.table-of-content__tab-label.active {
    font-weight: 700
}

.pagetitle img, .table-of-content__body ul li:before {
    display: none !important
}

.innerpages .contentWrapper ul li .table-of-content__tab-label {
    color: #161616 !important;
    text-decoration: none
}

h4.text-xl-semibold {
    color: #161616 !important;
    font-family: fontReg !important;
    font-size: 20px;
    margin-bottom: 15px
}

.FLlink {
    margin-bottom: -2px !important
}

.filterLinks {
    border-bottom: 2px solid !important
}

    .filterLinks .FLlink.active, .servBox2 .servLink.active {
        background: #fff;
        border-bottom: 3px solid #3ca078 !important;
        border-top: 0;
        border-left: 0;
        border-right: 0px;
        border-radius: 0;
        color: #161616;
        font-weight: 700
    }

    .filterLinks .FLlink:hover {
        background: #f3f4f6 !important;
        border-bottom: 3px solid #161616 !important;
        text-decoration: none;
        border-radius: 4px 4px 0 0
    }

    .filterLinks .FLlink.active:hover {
        background-color: #fff !important
    }

    .filterLinks .FLlink {
        display: inline-block;
        padding: 15px 24px;
        margin-right: 10px;
        margin-bottom: 10px;
        font-size: 14px;
        box-shadow: 0 0 0 #00000030;
        border-radius: 0;
        border: 0 solid #ccc;
        color: #161616
    }

.mainslider div.swiper-button-prev.swiper-button-disabled {
    background-color: #fff !important;
    background-image: url(../../images/New/sliderAarrowGrayLeft.svg) !important
}

.mainslider div.swiper-button-next.swiper-button-disabled {
    background-color: #fff !important;
    background-image: url(../../images/New/sliderAarrowGrayRight.svg) !important
}

.leftnaviSt .flex {
    display: flex;
    flex-direction: column
}

.table-of-content__tab:hover .table-of-content__tab-label {
    color: #1f2a37
}

.table-of-content__tab-list, .table-of-content__tab-sublist {
    list-style: none;
    padding: 0
}

.cursor-pointer {
    cursor: pointer
}

.table-of-content__tab {
    display: flex;
    min-width: 140px;
    padding: 0 var(--spacing-md,8px) 0 var(--spacing-xl);
    justify-content: center;
    align-items: center;
    border-radius: var(--radius-xs);
    position: relative
}

.dga-featured-icon, .dga-featured-icon--xl {
    min-width: 56px;
    width: 56px;
    height: 56px
}

.searchbox {
    right: -25px;
    align-content: baseline;
    margin: auto;
    border: 1px solid gray
}

.dga-featured-icon--light-brand {
    color: #067647;
    background-color: #f3fcf6
}

.dga-featured-icon--circle {
    border-radius: 9999px
}

.dga-featured-icon {
    display: flex;
    justify-content: center;
    align-items: center
}

.swiper-slide a:hover {
    text-decoration: none !important;
    color: #fff
}

.avatar--40 .avatar__text, .dga-label--lg.semibold, .dga-label--md.semibold, .dropdown__list-group-label, .sidepanel__menu-tab-label, .sidepanel__submenu-tab-label, .table-of-content__tab.active .table-of-content__tab-label, .table-of-content__tab.selected .table-of-content__tab-label, .text-sm-semibold {
    font-size: 14px
}

.service-tabs .serv-item, .service-tabs .serv-item:hover {
    margin: 8px !important
}

.list-none li {
    float: left;
    padding-right: 15px;
    padding-top: 15px
}

    .list-none li a {
        font-size: 12px;
        text-decoration: underline
    }

        .list-none li a:hover {
            color: #ffffffcc !important;
            text-decoration: underline
        }

.taw3eyat-mostahlek .swiper-pagination-bullet {
    background: #5a676a !important;
    width: 8px !important;
    height: 8px !important;
    transform: translateY(0) !important
}

.home-content .swiper-button-prev:after, .home-content .swiper-container-rtl .swiper-button-next:after {
    background-color: #18754d !important;
    color: #fff !important
}

#home-content .swiper-button-disabled:after {
    background-color: #fff !important;
    border: 0;
    color: #161616 !important
}

.swiper-pagination-bullet {
    width: 16px !important;
    height: 16px !important;
    background: #fff !important;
    opacity: 1
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(1) !important
}

.service-tabs .nav-tabs > li a {
    border: 0 solid #1b8354 !important;
    font: 1.6rem fontReg,arial,sans-serif
}

@media (min-width:300px) and (max-width:768px) {
    .service-tabsDga .nav-tabs, .stats-sec .stats-container .stat-card, .swiper-slide, .swiper-slide.swiper-slide-active {
        width: 100% !important
    }

    .header-wrapper .topnav.sticynav .navbar-collapse {
        top: 5px
    }

    .header-wrapper .topnav, .header-wrapper .topnav .navbar-nav .nav-item > a {
        height: 80px !important
    }

    #MainServicesArea #menu1 .col-lg-3 {
        flex: 100%;
        max-width: 100%
    }

    .nums {
        font-family: fontReg;
        font-size: 32px !important
    }

    .service-tabs .tab-content .tab-pane .serv-item {
        margin-right: 8px
    }

    .header-wrapper .topnav .navbar .navbar-brand {
        margin-left: 25px !important;
        max-width: 170px;
        display: block !important
    }

    body .header-wrapper.home-header {
        min-height: 100px;
        max-height: 100px
    }

    .commissionINums {
        padding: 0 0 65px !important
    }

        .commissionINums .commTxt .p16 {
            padding: 0 !important
        }

    .topLnk.lang {
        color: #161616 !important
    }

    .search-area {
        margin: auto
    }

    .header-wrapper .topnav .navbar-nav .nav-item > .dropdown-menu {
        height: auto !important
    }

        .header-wrapper .topnav .navbar-nav .nav-item > .dropdown-menu .inner-dropdown-div .row > div {
            height: auto !important;
            padding-bottom: 50px
        }

    .container.new-container {
        padding-left: 0 !important;
        padding-right: 0 !important;
        padding-bottom: 15px;
        padding-top: 15px
    }

    button.navbar-toggler {
        position: absolute;
        right: 0;
        top: 0
    }

    .serviceswrapper .servs-group .services-tab {
        justify-content: flex-start
    }

    .service-tabs .serv-item {
        flex: 0 0 200px;
        width: 205px
    }

    footer.new-footer .top-footer .gototop {
        right: 20px;
        left: auto;
        z-index: 1000000000
    }

    .innerpages .breadCrumbFunctions {
        left: 0
    }

    .navbar-toggler-icon {
        filter: brightness(0) saturate(100%) invert(0%) sepia(6%) saturate(7234%) hue-rotate(348deg) brightness(108%) contrast(83%)
    }

    button:hover, input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover {
        border-color: #161616;
        background-color: #fff
    }

    .navbar-collapse {
        background: #f3f4f6 !important
    }

    .header-wrapper .topnav .navbar-nav > li {
        position: relative;
        border-bottom: 1px solid #161616 !important
    }

    .header-wrapper .topnav .navbar-collapse {
        z-index: 100000
    }

    .swiper-slide {
        height: auto
    }

    .mainBoxV2 .MBTxt .font22 {
        font-size: 17px !important
    }

    body .topLnk.lang {
        color: #000
    }

    .header-wrapper .topnav .navbar-nav > li:first-child a:before {
        content: ""
    }

    .langSt {
        height: 50px !important;
        padding-top: 15px !important
    }
}

.footer-social, .forFlexFooter {
    margin-top: 15px
}

img.tagsicon {
    width: 24px
}

.tabsSliderNew .swiper-slide a.nav-link {
    box-shadow: 0 0 0 rgb(0 0 0 / 10%) !important;
    border: 1px solid #d2d6db !important;
    border-radius: 16px !important;
    height: 200px !important;
    width: 200px !important
}

    .tabsSliderNew .swiper-slide a.nav-link.active {
        box-shadow: 0 0 0 rgb(0 0 0 / 10%) !important;
        border: 2px solid #161616 !important;
        border-radius: 16px;
        background-color: #fff !important;
        color: #161616 !important;
        height: 80px;
        padding: 0
    }

.opened-data .nav-tabs:not(.page-tabs).nav-tabs3 > li .active::after {
    left: 10px !important
}

body .opened-data .nav-tabs:not(.page-tabs).nav-tabs3 > li {
    width: 225px;
    margin-left: 5px;
    margin-right: 15px
}

.opened-data .nav-tabs:not(.page-tabs) > li > a {
    border-radius: 16px !important;
    text-decoration: none;
    border: 1px solid #d2d6db;
    box-shadow: 0 0 0 rgba(138,149,158,20%) !important
}

.opened-data .nav-tabs:not(.page-tabs).nav-tabs3 > li .active {
    border: 1px solid #f8f8f8 !important;
    border-radius: 15px 15px 0 0 !important
}

.news-section .swiper-slide .news-item .news-content {
    bottom: 60px !important
}

.serv-subfilter-wrapper {
    border-bottom: 2px solid #cfcfcf
}

.innerpages .swiper-slide {
    border: 0 solid #d2d6db !important
}

.photoListingItem {
    border-radius: 16px !important;
    height: 450px !important
}

.visiontxt img {
    filter: brightness(0) saturate(100%) invert(35%) sepia(100%) saturate(330%) hue-rotate(101deg) brightness(96%) contrast(93%)
}

.guiding img {
    position: absolute;
    width: 15px;
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(828%) hue-rotate(241deg) brightness(108%) contrast(103%);
    padding-top: 8px
}

.guiding span {
    color: #fff
}

.container .pagetitle, p.p16 {
    color: #161616;
    font-weight: 700
}

.table .guiding a {
    background-color: #1b8354 !important;
    border: 0;
    padding: 4px;
    border-radius: 5px;
    color: #fff !important
}

    .table .guiding a:hover {
        background-color: #161616 !important;
        padding: 4px;
        border-radius: 5px;
        color: #fff !important;
        border: 0 solid #3ca078 !important
    }

.table thead td {
    background: #161616 !important;
    color: #fff !important;
    border: 1px solid #fff
}

.headerStGreen, .innerpages .grid > tbody > tr:hover > td, .innerpages .table > tbody > tr:hover > td, .pagetopfunctions-wrapper {
    background-color: #f7fdf9
}

.service-tabs .serv-item {
    height: 250px
}

.mr-muiTool {
    border: 2px solid #1b8354 !important
}

.serveyBoxRate.servey input[type=radio]:checked + label:after, div#DeafServicePlace, input[type=checkbox]:checked + label:after {
    background: #1b8354 !important
}

.container .pagetitle {
    text-align: left !important;
    display: flex;
    font-size: 30px;
    line-height: 48px;
    margin-bottom: 10px
}

#mainMenuNav .news-img img {
    filter: brightness(0) saturate(100%) invert(5%) sepia(14%) saturate(33%) hue-rotate(331deg) brightness(99%) contrast(93%) !important
}

.taw3eyat-mostahlek.awarePage .item {
    filter: unset;
    margin-bottom: 30px;
    border: 1px solid #d2d6db;
    border-radius: 18px;
    box-shadow: 0 0 0 rgb(18 19 20 / 15%) !important
}

.BoxWhiteST {
    box-shadow: 0 0 0 0 rgb(0 0 0 / 12%) !important;
    border-top: 1px solid #c2c2c2 !important;
    border-bottom: 0 solid #c2c2c2 !important;
    border-left: 0 solid #c2c2c2 !important;
    border-right: 0px solid #c2c2c2 !important;
    border-radius: 0 !important
}

.newsCardsMain .swiper-slide {
    border: 1px solid #d2d6db !important;
    border-radius: 15px;
    background-color: #fff;
    height: auto !important;
    min-height: auto
}

.arrowStLink, .newsCardsMain .arrowStLink {
    background-color: #1b8354;
    background-repeat: no-repeat;
    background-position: center;
    padding: 8px;
    background-size: 20px;
    right: 25px;
    position: absolute
}

.news-section .newsCardsMain .swiper-slide .news-item .news-art-date .our-date {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    flex-direction: row
}

.newsCardsMain .arrowStLink {
    background-image: url(/Style%20Library/ar-sa/images/New/arrowBTNnew.svg);
    border-radius: 4px;
    bottom: 25px;
    height: 42px;
    transform: scaleX(-1)
}

.table-responsive {
    margin-bottom: 100px
}

.innerpages .grid > tbody > tr > td, .innerpages .table > tbody > tr > td {
    border: 1px solid #ebebeb
}

.BoxWhiteST a.bluBtnConST {
    padding-left: 15px !important
}

.mainslider.bannerDga .silder-item .slider-caption .primaryBtnSaso:hover, .ms-rtestate-field .followUS ul li:before, .primaryBtnSaso:visited {
    color: #fff !important
}

.breadCrumbShareWrapper-rotate {
    filter: brightness(0) saturate(100%) invert(100%) sepia(69%) saturate(219%) hue-rotate(213deg) brightness(121%) contrast(100%) !important
}

.rs_addtools .rsbtn_tooltoggle, .rsbtn .rsbtn_tooltoggle {
    border: 1px solid #677077 !important
}

.rs_addtools.mega_toggle .rsbtn_tooltoggle span.rsicn, .rsbtn.mega_toggle .rsbtn_tooltoggle span.rsicn {
    font-size: 18px !important;
    text-align: center !important
}

.header-wrapper .topnav .navbar-nav .nav-item > .dropdown-menu {
    padding: 8px
}

    .header-wrapper .topnav .navbar-nav .nav-item > .dropdown-menu ul li {
        margin-bottom: 10px !important
    }

ul.nav.nav-tabs {
    display: flex;
    justify-content: center
}

.serBoxST {
    border: 1px solid #d2d6db !important;
    box-shadow: 0 0 0 0 rgba(16,24,40,.1),0 0 0 0 rgba(16,24,40,.06) !important
}

#MainServicesArea .searchAreaST input {
    background-color: #fff;
    border-radius: 4px !important;
    padding-right: 16px
}

#s4-workspace #MainServicesArea .searchAreaST .serchbtn {
    background-color: #0d121c !important;
    border: 0 !important
}

.arrowStLink {
    background-image: url(/Style%20Library/ar-sa/images/New/arrowBTNnewEnWhite.svg);
    border-radius: 4px;
    bottom: 25px !important;
    height: 30px;
    width: 40px
}

.related-sites .r-sites .partnerssites-wrapper .swiper-button-next, .related-sites .r-sites .partnerssites-wrapper .swiper-button-prev, .related-sites .r-sites .sites-wrapper .swiper-button-next, .related-sites .r-sites .sites-wrapper .swiper-button-prev, .sliderLogo .swiper-button-prev, .sliderLogo .swiper-container-rtl .swiper-button-next {
    background: 0 0 !important
}

.dateV2 img {
    filter: brightness(0) saturate(100%) invert(27%) sepia(66%) saturate(1722%) hue-rotate(131deg) brightness(87%) contrast(81%)
}

#mainMenuNav .news-img img, .news-date img, .subSite-list img {
    filter: brightness(0) saturate(100%) invert(0%) sepia(6%) saturate(7234%) hue-rotate(348deg) brightness(108%) contrast(83%)
}

footer.new-footer .top-footer {
    background-color: #f7fdf9 !important
}

.newULFooter h5 {
    border-bottom: 1px solid #51826e
}

.appFooterV2 h4, .footer-socialParent h4, .toolsFooter h4 {
    border-bottom: 1px solid #51826e;
    padding-bottom: 10px !important
}

.forFlexFooter {
    margin-bottom: 25px
}

.mid-footer {
    border-bottom: 0 solid #cacccf !important
}

span.greenBolTxt {
    color: #1b8354;
    font-weight: 700;
    font-size: 16px
}

.footer-social img, .forFlexFooter img {
    width: 40px;
    border: 1px solid #51826e;
    border-radius: 5px
}

    .footer-social img:hover, .forFlexFooter img:hover {
        border: 1px solid #51826e;
        background-color: #39715a
    }

.storelogo img {
    width: 100px !important;
    padding: 1px
}

.new-footerV2 .align-items-space-between-custom .second-section, .storelogo {
    padding-top: 15px
}

.col-lg-4.d-flex.flex-lg-row.justify-content-lg-end.align-items-lg-center.logos img {
    height: 40px
}

.sliderLogo .swiper-button-prev, .sliderLogo .swiper-container-rtl .swiper-button-next {
    background-image: url(/Style%20Library/ar-sa/images/New/slideArrowleft.svg) !important
}

.related-sites .r-sites .partnerssites-wrapper .swiper-button-next:after, .related-sites .r-sites .partnerssites-wrapper .swiper-button-prev:after, .related-sites .r-sites .sites-wrapper .swiper-button-next:after, .related-sites .r-sites .sites-wrapper .swiper-button-prev:after {
    background-color: #f3f4f6 !important;
    padding: 16px 8px
}

.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {
    content: 'prev';
    color: #000;
    font-size: 14px
}

.swiper-slide {
    border: 1px solid #d2d6db;
    border-radius: 16px;
    background-color: #fff;
    height: initial
}

.branchListItem img, .numImg {
    background-color: #f3fcf6;
    padding: 8px
}

#myTabContent .swiper-slide {
    padding: 16px
}

#myTabContent .serLinkSt {
    position: relative;
    display: flex;
    justify-content: flex-end
}

body .service-tabsDga .nav-tabs, body .services-tabs .nav {
    border-bottom: 2px solid !important;
    border-top: 0 solid !important;
    border-left: 0 solid !important;
    border-right: 0px solid !important
}

.innerpages .services-tabs .nav-tabs {
    border-bottom: 0 solid !important
}

.related-sites .r-sites .partnerssites-wrapper .swiper-slide, .related-sites .r-sites .sites-wrapper .swiper-slide {
    height: 170px !important
}

.bgNews .swiper-slide {
    padding: 16px;
    min-height: 520px
}

.commissionINums .commTxt .p16 {
    padding-left: 0
}

.numImg {
    border-radius: 50px;
    width: fit-content;
    margin: auto
}

.nums {
    color: var(--Text-text-primary-sa-flag,#18754d);
    font-family: fontReg;
    font-size: 48px;
    line-height: 60px;
    letter-spacing: -.96px
}

.numText, .topLnk.lang {
    color: #161616;
    font-size: 16px
}

.numText {
    line-height: 24px
}

#s4-workspace .commissionINums .primaryBtnSaso, .secondaryBtnSaso {
    background: #f9fafb !important;
    color: #161616 !important;
    font-size: 16px;
    border-radius: var(--Radius-radius-sm,4px);
    border: 1px solid var(--Border-border-neutral-primary,#d2d6db)
}

.boxNumberIcon1, .boxNumberIcon2, .boxNumberIcon3, .boxNumberIcon4 {
    background-position: center;
    height: 52px
}

.boxNumberIcon1, .boxNumberIcon4, .search-area {
    background-repeat: no-repeat
}

#s4-workspace .commissionINums .primaryBtnSaso:hover {
    background: #e7e7e7 !important
}

.header-wrapper .topnav .navbar-nav .nav-item > a {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: space-evenly;
    border-left: 0 solid #3ca0786b;
    align-content: stretch;
    flex-wrap: nowrap
}

.boxNumberIcon1 {
    background-image: url(/Style%20Library/ar-sa/images/New/Icon-approval.svg)
}

.boxNumberIcon2, .boxNumberIcon3 {
    background-image: url(/Style%20Library/ar-sa/images/New/Icon-certificate.svg);
    background-repeat: no-repeat
}

.boxNumberIcon4 {
    background-image: url(/Style%20Library/ar-sa/images/New/Icon-lab.svg)
}

#MainServicesArea li {
    margin: 10px 0 0;
    border-bottom: 3px solid #cfcfcf;
    width: auto
}

.innerpages div.pagination span.active {
    color: #161616 !important;
    background: #fff !important;
    border-bottom: 3px solid #1b8354 !important;
    border-radius: 0
}

.innerpages div.pagination a, .innerpages div.pagination span {
    border: 0 solid #1b8354 !important
}

.innerpages div.pagination a {
    color: #000 !important;
    text-decoration: none
}

.innerpages .breadCrumb .breadCrumbDetails a {
    color: #384250;
    font-weight: 400;
    text-decoration: none
}

.innerpages .breadCrumb .breadCrumbDetails span {
    color: #9da4ae
}

.header-wrapper .topnav .navbar-nav .nav-item > a::before {
    content: "";
    right: 0;
    border-radius: 5px
}

.header-wrapper .topnav .navbar-nav .nav-item.MainTabIsActive > a::before {
    content: "";
    position: absolute;
    height: 6px;
    width: 100%;
    bottom: 0;
    right: 0;
    opacity: 1;
    transition: .3s;
    border-radius: 5px
}

.header-wrapper .topnav .navbar-nav .nav-item.MainTabIsActive > a::after {
    filter: none !important;
    background-image: url(newImgDga/arrowdownWhite.svg) !important
}

.header-wrapper .topnav .navbar-nav .MainTabIsActive > a:after, .header-wrapper .topnav .navbar-nav .nav-item > a.dropdown-toggle:hover:after {
    filter: grayscale(1)
}

.header-wrapper .topnav .navbar-nav .nav-item.MainTabIsActive > a {
    background-color: #1b8354;
    color: #fff;
    border-radius: 5px
}

li.nav-item.MainTabIsActive {
    background-color: #1b8354;
    padding-left: 8px;
    padding-right: 8px;
    border-radius: 5px
}

.innerpages .breadCrumb {
    background: #f7fdf9;
    border-top: 1px solid #d2d6db
}

.header-wrapper .topnav .navbar-nav .nav-item > .dropdown-menu {
    background-color: #fff !important;
    top: auto;
    border-bottom: 3px solid #f3f4f6 !important;
    margin-top: 1px
}

#mainMenuNav .MainTabIsActive a::before {
    background-color: #54c08a !important
}

.innerpages .breadCrumb .breadCrumbDetails a:after {
    content: "\f104";
    font: 20px saso-icons;
    vertical-align: sub;
    color: #9da4ae;
    margin: 0 12px
}

li.nav-item.dropdown:hover {
    background-color: #f3f4f6;
    padding-left: 8px;
    padding-right: 8px;
    border-radius: 5px
}

li.nav-item.MainTabIsActive:hover {
    background-color: #1b8354 !important;
    padding-left: 8px;
    padding-right: 8px;
    border-radius: 5px
}

.topLnk.lang {
    font-family: fontBold;
    text-transform: capitalize;
    margin-left: 15px;
    font-weight: 700
}

.search-area {
    width: 100px;
    background-image: url(/Style%20Library/ar-sa/images/IconSearch.svg);
    padding-right: 30px;
    height: 25px;
    padding-top: 5px;
    background-position: right
}

.branchListItem img {
    border-radius: 50px;
    width: 80px
}

.servicon img {
    filter: unset !important;
    width: 24px;
    height: 24px
}

.home-content .swiper-button-prev, .home-content .swiper-container-rtl .swiper-button-next {
    right: 60px !important;
    left: auto !important;
    width: 35px;
    height: 35px;
    outline: 0 !important;
    margin-top: 255px !important
}

.home-content .swiper-button-next, .home-content .swiper-container-rtl .swiper-button-prev {
    right: 15px !important;
    left: auto;
    width: 35px;
    height: 35px;
    outline: 0 !important;
    margin-top: 255px !important
}

.innerpages .form-control .invalidErr, .innerpages .formGroup .invalidErr, select.form-control.invalidErr + .select2-container {
    border: 1px solid #af0818 !important;
    box-shadow: unset !important
}

.select2-container--default .select2-selection--single .select2-selection__rendered, input[type=email]::placeholder, input[type=text]::placeholder, textarea::placeholder {
    font: 1.8rem fontReg,arial,sans-serif !important;
    color: #707070 !important
}

.innerpages .Itemrow .Data > *, .innerpages .form-control, .innerpages .select2-container, .innerpages .textbox, .innerpages input[type=text], .innerpages textarea.form-control, body .innerpages .Itemrow .Data .textbox {
    box-shadow: unset !important;
    background: #fff;
    border: 1px solid #9da4ae !important;
    border-radius: 4px !important
}

    .innerpages .Itemrow .Data > :focus, .innerpages .form-control:focus, .innerpages .select2-container:focus, .innerpages input[type=text]:focus, .newForm2 textarea.form-control:focus {
        box-shadow: unset !important;
        outline: 0 !important;
        border: 1px solid #5eb6c9 !important
    }

.innerpages .select2-container {
    padding: 0 !important
}

.select2-container .select2-selection--single .select2-selection__rendered {
    height: 44px;
    padding: 9px 15px
}

.header-wrapper .topnav .navbar, .header-wrapper .topnav.sticynav, .select2-container--focus .select2-search-select-container, .services-tabs .tab-content {
    padding: 0
}

.innerpages .pagetitle h2 {
    text-align: right !important;
    color: #242424 !important
}

.innerpages .accordion .card .card-body p, .innerpages .accordion .card .card-body tbody td, .innerpages .accordion .card .card-body tbody th, .innerpages .accordion .card .card-body ul li {
    font: 1.8rem fontReg,arial,sans-serif
}

.innerpages .accordion .card .card-body ul li, .new-footerV2 .newULFooter li {
    margin-bottom: 5px
}

.ds-navbarWrapper {
    padding-bottom: 50px;
    height: 90%
}

    .ds-navbarWrapper .sticky-top-custom {
        position: sticky;
        top: 60px;
        z-index: 1
    }

    .ds-navbarWrapper .ds-navdropdown-header {
        width: 100%;
        display: flex;
        justify-content: space-between;
        border-radius: 0;
        background-color: #fff;
        font-size: 18px;
        color: #1b8354;
        padding: 20px 0;
        border-bottom: 1px solid #f0f0f0
    }

.ds-sideNavigation-content .JumpLink {
    padding: 17px 0;
    border-bottom: 1px solid #f0f0f0
}

.font24, .layoutWidhSideMenu .p16, .layoutWidhSideMenu p {
    padding: 0;
    margin: 0
}

.ds-navbarWrapper .ds-navdropdown a.ds-navdropdown-header.active, .ds-sideNavigation-content .JumpLink .nav-jump-link:hover, .ds-sideNavigation-content .JumpLink.active .nav-jump-link {
    color: #1b8354;
    font-family: fontBold
}

.ds-sideNavigation-content .JumpLink .nav-jump-link {
    display: inline-flex;
    font-size: 18px;
    color: #58595b;
    font-family: fontBold;
    line-height: 1.5
}

.ds-navbarWrapper .ds-navdropdown-header .icon-tiny-arrow-down:before {
    font-size: 10px;
    width: 25px
}

.ds-navbarWrapper .ds-navdropdown-header.active .icon-tiny-arrow-down:before {
    transform: rotate(-180deg)
}

.ds-navbarWrapper .ds-navdropdown-header.sub-header {
    padding: 20px 28px;
    border-bottom: 1px solid #f0f0f0
}

.ds-navbarWrapper .ds-navdropdown-body .nav-link {
    padding-top: 10px;
    padding-bottom: 7px;
    margin: 10px 0;
    padding-left: 45px;
    color: #1b8354;
    font-size: 1.6rem
}

    .ds-navbarWrapper .ds-navdropdown-body .nav-link:hover {
        font-weight: 700;
        color: #1b8354
    }

.ds-navbarWrapper .ds-navdropdown a.ds-navdropdown-header {
    display: inline-block;
    width: 100%
}

.font24 {
    font-size: 2.4rem;
    color: #161616
}

.branchesDetailsWapper .breanchBox .BTxt .font18, .followUS .p18, .fullWidthBGContantUs .font35, .layoutWidhSideMenu .alertBadge .font20, .primaryBtnSaso {
    font-family: fontBold
}

.fullWidthBGContantUs .font35 {
    font-size: 35px
}

.fullWidthBGContantUs .col-md-12 .font35, .fullWidthBGContantUs .col-md-12 .p16 {
    width: 65%
}

.layoutWidhSideMenu .alertBadge .font20 {
    font-size: 20px
}

.fullWidthBGContantUs .p16, .layoutWidhSideMenu .alertBadge .p16, .main-sec p {
    font-size: 1.6rem;
    color: #58595b
}

.fullWidthBGContantUs {
    background: #f7fdf9;
    padding: 40px 0 30px
}

    .fullWidthBGContantUs .font35 {
        color: #464749;
        line-height: normal;
        padding-bottom: 24px
    }

.layoutWidhSideMenu .alertBadge {
    margin: 65px 0 40px;
    display: flex;
    border: 1px solid #3ca078;
    padding: 12px 25px;
    align-items: center
}

.branchesDetailsWapper .followUS, .followUS .p18 {
    border-top: 1px solid #c3e0e6
}

.layoutWidhSideMenu .alertBadge img {
    max-width: 62px
}

.layoutWidhSideMenu .alertBadge .font20 {
    border-right: 1px solid rgba(88,88,88,.2);
    padding: 0 20px;
    margin-right: 20px;
    color: #242424
}

.layoutWidhSideMenu .alertBadge .p16 {
    color: #757575
}

.layoutWidhSideMenu .contactUsFrom .col-form-label {
    padding-bottom: 11px
}

.bgNews .titleNews, .layoutWidhSideMenu .contactUsFrom .formGroup {
    padding-bottom: 35px
}

.layoutWidhSideMenu .contactUsFrom textarea {
    height: 112px;
    resize: none
}

.primaryBtnSaso, .secondaryBtnSaso {
    display: inline-block;
    padding: 8px 15px;
    min-width: 121px;
    text-align: center;
    background: #1b8354;
    color: #fff;
    border-radius: 4px;
    font-size: 16px !important;
    transition: .25s;
    min-height: 46px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: unset;
    font-weight: 400 !important;
    font-family: fontReg;
    margin-top: 430px;
    /*margin-left: 180px !important;*/
}

    .innerpages .rating i.icon-star.rating-star.active, .ratingAO:not(:checked) > label:hover:before, .ratingAO:not(:checked) > label:hover ~ label:before, .ratingAO > input:checked ~ label:before, .secondaryBtnSaso:visited, .serveyBoxRate.servey input[type=radio]:checked + label {
        color: #1b8354 !important
    }

.branchesV2 {
    transform: translateY(-135px);
    background: #fff;
    padding: 42px 35px 50px;
    border-radius: 16px;
    box-shadow: 0 0 0 rgba(22,25,26,.07);
    border: 1px solid #d2d6db;
    margin-top: -120px
}

    .branchesV2 .font22 {
        font-size: 22px;
        padding: 0;
        color: #3ca078
    }

    .branchesV2 .formGroup .col-form-label {
        display: block;
        padding-bottom: 11px
    }

.branchesDetailsWapper {
    padding: 30px 0 0
}

    .branchesDetailsWapper .breanchBox {
        margin-bottom: 30px;
        display: flex
    }

        .branchesDetailsWapper .breanchBox .BIcon img {
            width: 25px;
            margin-right: 12px;
            padding-top: 4px
        }

        .branchesDetailsWapper .breanchBox .BTxt .font18 {
            font-size: 16px;
            color: #464749 !important;
            margin-bottom: 6px;
            margin-top: 5px
        }

.services-sideCard div.breanchBox .BTxt {
    margin-top: 4px
}

.branchesDetailsWapper .breanchBox .BTxt .p16 {
    font-size: 16px;
    line-height: 27px;
    font-family: fontBold
}

.branchesDetailsWapper .DgaLink span {
    font-size: 16px;
    font-family: fontBold
}

.branchesDetailsWapper .DgaLink img {
    margin-left: 4px;
    display: inline-block;
    transform: translateY(3px);
    max-width: 17px
}

.followUS .p18 {
    font-size: 18px;
    color: #464749;
    padding-top: 50px
}

.followUS .FlUS {
    padding-top: 30px;
    display: flex;
    justify-content: space-between;
    width: 80%
}

.updateTime {
    border-bottom: 2px solid #0096b6;
    margin-bottom: 19px;
    padding-bottom: 19px
}

    .updateTime .p12 {
        text-align: right;
        color: #242424;
        font-size: 12px
    }

.ratingV2 {
    padding-bottom: 40px
}

    .ratingV2 .ratedCurrent, .serveyV2 a {
        display: flex;
        align-items: center
    }

    .ratingV2 .hiddenRating {
        position: relative;
        padding-bottom: 20px
    }

        .ratingV2 .hiddenRating .closeRating {
            position: absolute;
            right: 0;
            top: 0;
            display: flex;
            z-index: 2;
            align-items: center
        }

            .ratingV2 .hiddenRating .closeRating span {
                font-size: 18px;
                color: #000;
                margin-right: 11px
            }

        .ratingV2 .hiddenRating .textRate .font18 {
            font-size: 18px;
            color: #464749;
            margin-bottom: 10px
        }

        .ratingV2 .hiddenRating .textRate .p16 {
            padding: 0;
            color: #585858;
            font-size: 1.6rem
        }

    .ratingV2 .ratedCurrent .rateWrapper, .service-det-main .links .DgaLink + .DgaLink {
        margin-left: 15px
    }

    .ratingV2 .hiddenRating .formGroup .col-form-label {
        padding-bottom: 16px
    }

    .ratingV2 .hiddenRating .formGroup textarea {
        height: 80px;
        resize: none
    }

    .ratingV2 .hiddenRating .formGroup .primaryBtnSaso {
        margin-top: 60px
    }

    .ratingV2 .ratingAO {
        justify-content: left;
        padding: 35px 0 60px
    }

        .ratingV2 .ratingAO > label:before {
            font-size: 1.7em !important;
            color: #e5e7eb;
            content: '\e851' !important
        }

    .ratingV2 .ratedCurrent .rateWrapper .rating > i {
        cursor: default
    }

    .ratingV2 .ratedCurrent .rateWrapper .icon-star-empty:not(.icon-star-half-alt):before {
        content: '\e850'
    }

    .ratingV2 .ScuccessRate p {
        display: flex;
        align-items: center;
        padding: 0;
        font-size: 1.6rem;
        color: #161616
    }

        .ratingV2 .ScuccessRate p img {
            margin-right: 16px
        }

.eventCardsV2 {
    padding: 45px 22px;
    min-height: 350px;
    height: 100%;
    border: 1px solid #cee2e6;
    position: relative;
    transition: .25s
}

    .awarenessMesSection .mainBoxV2:hover, .eventCardsV2:hover {
        box-shadow: 0 5px 30px rgba(35,100,90,.1)
    }

        .eventCardsV2:hover .font20, .services-tabs .tab-content ul li .DgaLink span {
            text-decoration: underline
        }

        .eventCardsV2:hover .readMoreCircular {
            background: #0096b6
        }

            .eventCardsV2:hover .readMoreCircular img {
                filter: brightness(0) invert(1)
            }

    .eventCardsV2 .font20 {
        font-size: 20px;
        color: #0096b6;
        padding: 0;
        border-radius: 0;
        -webkit-line-clamp: 2;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: normal;
        word-break: break-word;
        line-height: 30px;
        height: calc(30px * 2);
        margin-bottom: 20px
    }

    .bgNews .mainBoxV2 .MBTxt .dateV2, .eventCardsV2 > a.addTo, .eventCardsV2 > p {
        padding: 0;
        display: flex;
        align-items: center;
        margin-bottom: 30px
    }

        .eventCardsV2 > a.addTo img, .eventCardsV2 > p img {
            width: 20px
        }

        .eventCardsV2 > a.addTo span, .eventCardsV2 > p span {
            font-size: 1.6rem;
            padding-left: 8px;
            color: #585858
        }

    .eventCardsV2 .readMoreCircular {
        width: 38px;
        height: 38px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border: 1px solid #0096b6;
        border-radius: 50px;
        position: absolute;
        right: 30px;
        bottom: 30px
    }

.mainBoxV2 {
    border: 0 solid #cee2e6;
    min-height: 380px;
    height: 100%;
    transition: .25s;
    display: inline-block
}

    .mainBoxV2:hover {
        border: 0 solid rgba(35,100,90,.1);
        background-color: #f9fafb
    }

    .mainBoxV2 .MBImg {
        max-height: 265px;
        margin-bottom: 25px;
        height: 100%;
        width: 100%
    }

        .mainBoxV2 .MBImg img {
            max-width: 100%;
            width: 100%;
            height: 100%;
            object-fit: cover;
            max-height: 265px;
            object-position: center
        }

    .mainBoxV2 .MBTxt {
        padding: 0 25px 8px
    }

        .mainBoxV2 .MBTxt .font22 {
            font-size: 18px;
            color: #464749 !important;
            line-height: normal;
            margin-bottom: 15px
        }

        .mainBoxV2 .MBTxt span {
            color: #585858;
            font-size: 1.6rem
        }

    .mainBoxV2.mainBoxV2WithPragh {
        min-height: 445px;
        width: 100%;
        background: 0 0
    }

.swiperContainerNew .mainBoxV2.mainBoxV2WithPragh {
    min-height: 470px
}

.mainBoxV2.mainBoxV2WithPragh .p16, .p16 {
    font-size: 1.6rem;
    color: #585858;
    line-height: 24px;
    padding: 0
}

.mainBoxV2.mainBoxV2WithPragh .readMoreMain {
    display: inline-flex;
    align-items: center;
    padding: 18px 0 25px;
    color: #3ca078
}

    .mainBoxV2.mainBoxV2WithPragh .readMoreMain:hove {
        color: #0096b6
    }

    .mainBoxV2.mainBoxV2WithPragh .readMoreMain img {
        margin: 0 6px
    }

.service-tabsDga .nav-tabs {
    border-radius: 0;
    width: 67%;
    border: 1px solid rgba(0,149,182,.35)
}

    .service-tabsDga .nav-tabs > li {
        min-width: unset
    }

        .service-tabsDga .nav-tabs > li a {
            text-decoration: unset !important;
            border-radius: 0 !important;
            color: #161616 !important;
            font-size: 1.6rem !important;
            transition: unset !important;
            border-bottom: 3px solid #fff !important
        }

            .service-tabsDga .nav-tabs > li a.active {
                border-radius: 0;
                background: unset !important;
                color: #161616 !important;
                font-size: 1.6rem !important;
                border-bottom: 3px solid #3ca078 !important;
                font-weight: 700
            }

.service-tabsDga .serv-item {
    box-shadow: 0 0 0 0 rgba(16,24,40,.1),0 0 0 0 rgba(16,24,40,.06) !important;
    border: 1px solid #d2d6db;
    margin: 8px;
    padding: 16px;
    border-radius: 15px;
    height: 250px
}

    .service-tabsDga .serv-item:hover {
        padding: 16px;
        margin: 8px !important
    }

    .service-tabsDga .serv-item, .service-tabsDga .serv-item .servicon, .service-tabsDga .serv-item .servtitle {
        text-align: left
    }

        .service-tabsDga .serv-item .servicon {
            height: 61px;
            padding-bottom: 20px
        }

        .service-tabsDga .serv-item .servtitle {
            padding: 0;
            color: #464749
        }

        .service-tabsDga .serv-item:hover {
            border: 1px solid #d2d6db !important;
            transform: unset;
            box-shadow: unset;
            height: 250px;
            color: #161616;
            text-decoration: none
        }

            .service-tabsDga .serv-item:hover .servtitle {
                color: #161616;
                transform: unset;
                margin-top: 0
            }

            .service-tabsDga .serv-item:hover .servicon {
                transform: unset;
                height: 61px
            }

                .mid-footer .third-section .footer-social a img, .service-tabsDga .serv-item:hover .servicon img {
                    filter: unset
                }

        .serveyV2 a:nth-of-type(2), .service-tabsDga .serv-item .btnInCardPrimary, .service-tabsDga .serv-item .btnInCardSecondary {
            margin-top: 20px
        }

.serviceswrapper {
    padding: 40px 0 90px
}

    .serviceswrapper .servs-group .text-center {
        padding-top: 10px
    }

.btnInCardPrimary, .btnInCardSecondary {
    display: inline-block;
    color: #003462;
    font-size: 14px;
    background: rgba(0,149,182,.2);
    padding: 4px 12px;
    border-radius: 16px
}

    .btnInCardPrimary:hover {
        background: #0096b6;
        color: #fff
    }

.btnInCardSecondary {
    color: #8e2727;
    background: rgba(207,122,122,.2)
}

    .btnInCardSecondary:hover {
        background: #cf7a7a;
        color: #fff
    }

.contentJumpingLinks {
    padding-bottom: 100px
}

    .contentJumpingLinks h3 {
        font-size: 22px;
        margin-bottom: 15px;
        color: #242424 !important;
        font-family: fontBold
    }

    .contentJumpingLinks p, .main-sec h1 {
        margin-bottom: 16px
    }

    .contentJumpingLinks ol li, .contentJumpingLinks p, .contentJumpingLinks ul li {
        color: #58595b;
        line-height: 1.6;
        font-size: 1.6rem !important
    }

        .contentJumpingLinks ol li::marker {
            color: #3ca078 !important
        }

        .contentJumpingLinks ul li:before {
            font-size: 10px;
            color: #3ca078 !important;
            padding-top: 3px
        }

        .contentJumpingLinks p a {
            text-decoration: underline;
            color: #242424
        }

        .contentJumpingLinks p .DgaLink {
            display: inline-block;
            padding-top: 20px;
            text-decoration: unset
        }

    .contentJumpingLinks ol li {
        padding-right: 10px;
        list-style: decimal !important
    }

    .contentJumpingLinks .sectionJump {
        scroll-margin-top: 0px;
        padding-bottom: 30px
    }

.footer-bg, .last-footer, footer.new-footer .top-footer {
    background-color: #074d31
}

    .DgaLink img, .branchesDetailsWapper .breanchBox .BIcon img, .followUS .FlUS a img, footer.new-footer .top-footer .footer-top-card .img-icon img {
        filter: brightness(0) saturate(100%) invert(37%) sepia(85%) saturate(437%) hue-rotate(101deg) brightness(89%) contrast(83%)
    }

.new-footerV2 .appFooterV2 h4, .new-footerV2 .footer-socialParent h4, .new-footerV2 .newULFooter li h5, .new-footerV2 .toolsFooter h4 {
    font-size: 16px;
    padding: 0 0 10px;
    color: #fff;
    font-weight: 600 !important;
    font-family: fontReg
}

.new-footerV2 .last-footer .second-section a, .new-footerV2 .last-footer p {
    color: #fff;
    font-size: 13px
}

.new-footerV2 .newULFooter li a {
    font-size: 1.6rem;
    color: #fff;
    line-height: 1.4
}

    .new-footerV2 .newULFooter li a:hover {
        color: #ffffffcc;
        text-decoration: underline
    }

.new-footerV2 .appFooterV2, .new-footerV2 .third-section .footer-social {
    margin-bottom: 25px
}

.new-footerV2 .footer-socialParent h4 {
    padding-bottom: 25px
}

.new-footerV2 .footer-socialParent .footer-social {
    flex-direction: row-reverse;
    width: 85%
}

.new-footerV2 .forFlexFooter a:not(:last-of-type) {
    margin-right: 20px
}

.new-footerV2 .align-items-space-between-custom {
    justify-content: space-between
}

.new-footerV2 .appFooterV2 h4, .new-footerV2 .toolsFooter h4 {
    padding: 0 0 20px
}

.innerpages .accordion .card {
    box-shadow: unset;
    border-bottom: 1.5px solid !important;
    border-radius: 0;
    margin-bottom: 0
}

    .innerpages .accordion .card .card-header h2 .btn-link {
        color: #58595b !important;
        font: 18px fontBold,arial,sans-serif;
        background: url("newImgDga/accordion-expandedV2.svg") right center no-repeat;
        background-size: 24px !important
    }

        .innerpages .accordion .card .card-header h2 .btn-link.collapsed {
            color: #58595b !important;
            font: 18px fontReg,arial,sans-serif;
            background-size: 18px !important;
            background: url("newImgDga/accordion-collapsedV2.svg") right center no-repeat
        }

    .innerpages .accordion .card .collapse {
        border-top: unset
    }

    .innerpages .accordion .card .card-body p {
        font: 1.6rem fontReg,arial,sans-serif
    }

.accordion > .card:not(:first-of-type):not(:last-of-type) {
    border-bottom: 1px solid #f0f0f0
}

.bgNews {
    padding-bottom: 60px;
    position: relative;
    background-color: #f9fafb;
    padding-top: 75px
}

    .bgNews::after, .commissionINums {
        background-color: #f5f7fa;
        background-image: url("newImgDga/patternWhite.svg")
    }

    .bgNews::after {
        content: '';
        position: absolute;
        bottom: 0;
        right: 0;
        height: 322px;
        width: 100%;
        z-index: -1
    }

    .bgNews .swiperContainerNew .text-center {
        padding-top: 37px
    }

    .bgNews .mainBoxV2 .MBTxt .dateV2 {
        margin-bottom: 0
    }

        .bgNews .mainBoxV2 .MBTxt .dateV2 span {
            padding-left: 8px
        }

.paginationCustom {
    padding-top: 27px
}

    .paginationCustom .swiper-pagination {
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0;
        height: 18px
    }

        .home-content .swiper-pagination .swiper-pagination-bullet, .paginationCustom .swiper-pagination .swiper-pagination-bullet {
            width: 14px !important;
            height: 14px !important;
            background: #e5e7eb !important
        }

        .home-content .swiper-pagination .swiper-pagination-bullet-active, .paginationCustom .swiper-pagination .swiper-pagination-bullet-active {
            background: #18754d !important;
            width: 14px !important;
            height: 14px !important
        }

.awarenessMesSection {
    padding: 65px 0 60px
}

    .awarenessMesSection .font24 {
        text-align: center;
        color: #58595b !important;
        margin-bottom: 20px
    }

    .awarenessMesSection .col-lg-4 {
        padding-left: 3px;
        padding-right: 3px
    }

    .awarenessMesSection .mainBoxV2 {
        margin: 10px
    }

    .awarenessMesSection .text-center {
        padding-top: 25px
    }

.commissionINums {
    padding: 145px 0 65px
}

    .commissionINums .commTxt {
        padding-top: 60px
    }

        .commissionINums .commTxt .font35 {
            padding: 0;
            color: #161616;
            font-size: 3.5rem
        }

        .commissionINums .commTxt .p16 {
            margin-bottom: 70px;
            padding-right: 150px;
            line-height: 25px
        }

        .commissionINums .commTxt .primaryBtnSaso {
            margin-bottom: 70px
        }

    .commissionINums .comMNUmbers .boxNumberV2 {
        display: inline-flex;
        width: 230px;
        height: 198px;
        background: rgba(60,160,120,.8);
        border-radius: 10px;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        color: #fff;
        font-size: 17px
    }

    .commissionINums .numberWapperV2 {
        display: flex;
        flex-wrap: wrap;
        justify-content: center
    }

    .commissionINums .comMNUmbers .boxNumberV2 span {
        color: #fff;
        font: 4.5rem NotoNaskhArabic,arial,sans-serif;
        direction: rtl
    }

.numberWapperV2 .comMNUmbers:first-of-type .boxNumberV2 {
    background: rgba(22,15,62,.8);
    transform: translate(16px,-20px)
}

.numberWapperV2 .comMNUmbers:nth-of-type(3) .boxNumberV2 {
    background: rgba(171,159,213,.8);
    transform: translate(46px,-35px)
}

.numberWapperV2 .comMNUmbers:nth-of-type(4) .boxNumberV2 {
    background: rgba(132,131,131,.8);
    transform: translate(55px,5px)
}

.commissionINums .numberWapperV2 .popUpNumber {
    width: 26px;
    height: 26px;
    background: #3ca078;
    border-radius: 50%;
    position: absolute;
    content: "";
    top: -80px;
    right: 35%
}

    .commissionINums .numberWapperV2 .popUpNumber:nth-of-type(2) {
        top: 20%;
        right: 95%
    }

    .commissionINums .numberWapperV2 .popUpNumber:nth-of-type(3), .commissionINums .numberWapperV2 .popUpNumber:nth-of-type(4) {
        width: 22px;
        height: 22px
    }

    .commissionINums .numberWapperV2 .popUpNumber:nth-of-type(3) {
        background: #ac9fd5;
        right: 68%;
        top: -92px
    }

    .commissionINums .numberWapperV2 .popUpNumber:nth-of-type(4) {
        background: #1b8354;
        top: 66%;
        right: 84%
    }

    .commissionINums .numberWapperV2 .popUpNumber:nth-of-type(5) {
        background: #ac9fd5;
        top: 62%;
        right: -40px;
        width: 15px;
        height: 15px
    }

    .commissionINums .numberWapperV2 .popUpNumber:nth-of-type(6) {
        background: #3ca078;
        top: 90%;
        right: -15px;
        width: 13px;
        height: 12px
    }

.mainslider.bannerDga .silder-item .slider-caption {
    max-width: 50%;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2
}

    .mainslider.bannerDga .silder-item .slider-caption h3 {
        max-width: 100%;
        opacity: 1;
        font-size: 40px;
        line-height: 1.5
    }

    .mainslider.bannerDga .silder-item .slider-caption > span {
        font-size: 20px;
        color: #fff;
        margin-bottom: 20px;
        display: inline-block
    }

    .mainslider.bannerDga .silder-item .slider-caption .p18 {
        font-size: 18px;
        color: #fff;
        margin-bottom: 30px
    }

    .mainslider.bannerDga .silder-item .slider-caption .primaryBtnSaso {
        background-color: #fff;
        color: #585858 !important
    }

.mainslider.bannerDga .swiper-pagination-bullet-active {
    background: #18754d !important
}

.mainslider.bannerDga .silder-item .slider-img::before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-size: cover
}

.mainslider.bannerDga .swiper-pagination-bullet {
    background: #e5e7eb
}

.serveyV2 {
    position: fixed;
    left: 0;
    background: #fff;
    top: 300px;
    box-shadow: 0 2px 21px rgba(0,0,0,.2);
    border-radius: 0 9px 9px 0;
    padding: 16px 25px;
    z-index: 99;
    transition: .35s;
    width: 90px
}

    .serveyV2:hover {
        width: 180px
    }

        .serveyV2:hover span {
            visibility: visible;
            transition: .3s
        }

    .serveyV2 a span {
        font-size: 1.6rem;
        color: #585858;
        display: inline-block;
        margin-left: 16px;
        transition: .3s;
        visibility: hidden;
        white-space: nowrap
    }

.serveyBoxRate.servey {
    inset-inline-start: 0;
    bottom: 0;
    top: unset
}

.primaryBtnSaso:hover {
    background: #166a45 !important;
    color: #fff !important;
    text-decoration: unset !important
}

.serveyBoxRate.servey .pollWp {
    top: -219px;
    inset-inline-end: unset;
    width: 450px;
    height: 370px
}

    .serveyBoxRate.servey .pollWp .top-area {
        padding-bottom: 10px;
        border-bottom: 1px solid #dae1e8;
        justify-content: space-between
    }

.serveyBoxRate.servey .text-flex {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: 20px
}

.main-sec, .stats-sec .stats-container + .stats-container, .taw3eyat-mostahlek.dgaMessages .paddingTop.text-center {
    margin-top: 40px
}

.serveyBoxRate.servey .text-flex button {
    margin-inline-start: 0
}

.serveyBoxRate.servey .text-flex .primaryBtnSaso {
    background-color: #1b8354;
    font-size: 16px !important;
    color: #fff;
    margin-right: 10px
}

.serveyBoxRate.servey .pollWp .top-area .closeRateUs img {
    margin-inline-end: 0;
    width: 18px
}

.serveyBoxRate.servey .pollWp .top-area h4 {
    color: #444a52
}

.serveyBoxRate.servey .pollWp.show-servey {
    visibility: visible;
    opacity: 1;
    transform: translateY(0)
}

.serveyBoxRate.servey .pollWp.hidden-servey {
    background: #fff;
    width: 320px;
    left: 55px;
    padding-inline-start: unset;
    filter: unset;
    box-shadow: 0 0 21px 2px rgba(0,0,0,.2);
    padding: 24px;
    top: -370px;
    border-radius: 10px 10px 0 0
}

.download-det {
    font-size: 1.6rem;
    font-family: fontBold;
    color: #3ca078;
    display: inline-block;
    border: 1px solid #3ca078;
    border-radius: 10px;
    padding: 5px 20px
}

.services-sideCard {
    padding-bottom: 85px;
    transform: translateY(-350px)
}

    .services-sideCard .branchesDetailsWapper .breanchBox .BTxt .p16.blueColor {
        font-family: fontReg;
        font-weight: 400 !important
    }

    .services-sideCard .branchesDetailsWapper h5 {
        font-size: 18px;
        font-family: fontBold;
        color: #464749;
        margin-bottom: 32px;
        padding-top: 40px;
        border-top: 1px solid #c3e0e6;
        margin-top: 10px
    }

.service-det-main p.name {
    font-size: 1.6rem;
    color: #58595b;
    margin-bottom: 17px
}

.service-det-main .head-box {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    margin-bottom: 50px;
    height: max-content
}

    .service-det-main .head-box .font35 {
        width: 80%;
        padding: 0
    }

    .service-det-main .head-box .start-serv {
        display: block;
        font-size: 1.6rem;
        font-family: fontReg;
        color: #fff;
        background-color: #1b8354;
        padding: 7px 25px;
        border-radius: 4px;
        margin-right: 0;
        margin-left: auto;
        min-width: 125px;
        text-decoration: unset;
        text-align: center
    }

.service-det-main .hashtags {
    margin-bottom: 24px
}

    .service-det-main .hashtags span {
        padding: 3px 12px 4px;
        font-size: 14px;
        border-radius: 12px;
        transition: .5s
    }

    .service-det-main .hashtags a + a {
        margin-left: 8px
    }

    .service-det-main .hashtags span.blue {
        background-color: rgb(0 150 182 / 20%);
        color: #003462
    }

        .service-det-main .hashtags span.blue:hover {
            background-color: #0096b6;
            color: #fff
        }

    .service-det-main .hashtags span.red {
        background-color: rgb(207 122 122 / 20%);
        color: #8e2727
    }

        .service-det-main .hashtags span.red:hover {
            background-color: #cf7a7a;
            color: #fff
        }

    .service-det-main .hashtags span.green {
        background-color: rgb(60 160 120 / 20%);
        color: #1b8354
    }

        .service-det-main .hashtags span.green:hover {
            background-color: #3ca078;
            color: #fff
        }

.service-det-main .p16 {
    padding-right: 50px
}

.service-det-main .links {
    margin-top: 30px
}

    .service-det-main .links .DgaLink span {
        font-size: 1.6rem;
        text-decoration: underline
    }

    .service-det-main .links .DgaLink img {
        margin-left: 3px;
        padding-top: 5px
    }

.services-tabs .tab-content ul {
    list-style: disc;
    padding-inline-start: 22px
}

    .services-tabs .tab-content ul li {
        list-style: disc;
        color: #58595b;
        font-size: 1.6rem;
        margin-bottom: 10px
    }

        .services-tabs .tab-content ul li::marker {
            font-size: 18px;
            color: #161616
        }

.services-tabs .tab-content h5 {
    font-size: 1.6rem;
    font-family: fontBold;
    color: #58595b;
    margin-top: 30px;
    margin-bottom: 10px
}

.services-tabs .tab-content ul li .DgaLink img {
    transform: scaleX(-1);
    margin-left: 3px
}

.services-tabs .tab-content ul.docs {
    padding-inline-start: 30px;
    list-style: none
}

    .services-tabs .tab-content ul.docs li {
        position: relative;
        list-style: none
    }

        .services-tabs .tab-content ul.docs li::before {
            content: "";
            position: absolute;
            top: 5px;
            left: -28px;
            width: 16px;
            height: 20px;
            background-image: url(newImgDga/service-det/Styles-and-tokens-EN-&-AR.svg);
            background-position: center;
            background-size: contain
        }

        .services-tabs .tab-content ul.docs li a {
            font-size: 1.6rem;
            color: #58595b;
            text-decoration: underline;
            transition: .3s
        }

.services-tabs .tab-content ol {
    list-style: auto;
    padding-left: 22px
}

    .services-tabs .tab-content ol li {
        list-style: auto;
        color: #58595b;
        font-size: 1.6rem;
        margin-bottom: 10px;
        padding-left: 10px
    }

        .services-tabs .tab-content ol li::marker {
            color: #161616
        }

.services-tabs .nav {
    justify-content: left;
    align-items: left !important;
    margin-top: 50px !important;
    margin-bottom: 50px !important;
    border: 1px solid !important;
    border-radius: 0;
    max-width: 100%;
    margin: 0 auto
}

    .services-tabs .nav .nav-link {
        font-size: 1.6rem;
        color: #161616 !important;
        background-color: transparent;
        border: none;
        padding: 10px 5px
    }

        .services-tabs .nav .nav-link + .nav-link {
            margin-left: 25px
        }

        .services-tabs .nav .nav-link:hover {
            border: 0
        }

        .services-tabs .nav .nav-link.active {
            color: #464749;
            font-weight: 700;
            border-bottom: 3px solid #3ca078 !important
        }

.main-sec {
    margin-bottom: 50px
}

    .main-sec h1 {
        font-size: 35px;
        font-family: fontBold;
        color: #464749;
        text-decoration: underline
    }

.stats-sec .stats-container {
    border: 0 solid #b1d9c9;
    padding: 0 40px 15px
}

    .stats-sec .stats-container:last-of-type {
        margin-bottom: 60px
    }

    .stats-sec .stats-container h3 {
        font-size: 22px;
        font-family: fontBold;
        color: #161616 !important;
        padding-bottom: 10px;
        border-bottom: 1px solid #d8ece4;
        vertical-align: middle
    }

        .stats-sec .stats-container h3 span {
            color: #1b8354;
            font: 4rem arial,sans-serif
        }

            .stats-sec .stats-container h3 span::before {
                content: "-";
                color: #58595b;
                font-size: 22px;
                margin: 0 15px
            }

    .stats-sec .stats-container .stats-list {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center
    }

    .stats-sec .stats-container .stat-card {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        width: 25%;
        min-height: 190px;
        margin-top: 35px;
        position: relative;
        border: 1px solid #d2d6db;
        border-radius: 16px;
        margin-left: 15px;
        height: 305px;
        padding: 16px !important;
        text-align: right
    }

        .stats-sec .stats-container .stat-card::after {
            content: "";
            position: absolute;
            right: 0;
            top: 50%;
            transform: translateY(-50%);
            height: 100px;
            width: 1px;
            background-color: #d8ece4
        }

        .stats-sec .stats-container .stat-card .icon-boxx {
            margin-bottom: 10px
        }

#s4-workspace .stats-sec .stats-container .stat-card .stat-num {
    font-size: 40px;
    font-weight: 600;
    color: #161616;
    line-height: 40px
}

.stats-sec .stats-container .stat-card p {
    font-size: 1.6rem;
    color: #161616;
    margin-bottom: 0;
    max-width: 170px;
    text-align: left;
    line-height: 1.2;
    margin-top: 10px;
    padding: 0
}

.header-wrapper.home-header {
    min-height: 80px;
    height: auto;
    border: 0
}

.header-wrapper .topnav {
    margin-top: 0;
    height: 80px
}

.header-wrapper .topnav .navbar .navbar-brand {
    margin-left: 0;
    font-size: inherit;
    max-width: 160px;
    flex: 0 0 160px;
    margin-right: 8px;
}
        .header-wrapper .topnav .navbar .navbar-brand .logohere {
            width: 100%;
            height: 100%
        }

    .header-wrapper .topnav .navbar-nav .nav-item > a {
        display: flex;
        flex-direction: row-reverse;
        align-items: center;
        justify-content: center;
        padding-left: 5px;
        padding-right: 10px;
        font-size: 14px;
        border-right: 0px solid #3ca0786b;
        position: relative;
        border-radius: 0;
        height: 80px
    }

        .header-wrapper .topnav .navbar-nav .nav-item > a.dropdown-toggle:after {
            background-image: url(newImgDga/arrowdown.svg);
            background-repeat: no-repeat;
            background-position: center;
            display: block;
            width: 20px;
            height: 20px;
            margin: 0;
            position: absolute;
            right: -8px;
            filter: grayscale(1)
        }

    .header-wrapper .topnav .navbar-nav .nav-item:first-child {
        max-height: inherit
    }

    .header-wrapper .topnav .navbar-nav .nav-item > a.active {
        background-color: #1b8354;
        border-radius: 0;
        color: #fff
    }

        .header-wrapper .topnav .navbar-nav .nav-item > a.active::after {
            filter: brightness(5)
        }

    .header-wrapper .topnav .navbar-nav .nav-item > a:hover {
        border-radius: 0
    }

    .header-wrapper .topnav .navbar-nav .nav-item:first-child > a {
        padding-left: 15px
    }

    .header-wrapper .topnav .navbar-nav .nav-item > a::before {
        content: "";
        position: absolute;
        height: 6px;
        width: 100%;
        bottom: 0;
        left: 0;
        opacity: 0;
        background-color: #bbb;
        transition: .3s
    }

    .header-wrapper .topnav .navbar-nav .nav-item > .dropdown-menu .new-rules .top-section a {
        background-color: #18754d !important
    }

    .header-wrapper .topnav .navbar-nav .nav-item > .dropdown-menu .latest-events .event-date {
        background-color: #18754d
    }

    .header-wrapper .topnav .navbar-nav .nav-item > .dropdown-menu .inner-dropdown-div .be-sure p.hashtag, .header-wrapper .topnav .navbar-nav .nav-item > .dropdown-menu .inner-dropdown-div .join-us-content p.hashtag {
        color: #18754d
    }

    .header-wrapper .topnav .navbar-nav {
        justify-content: flex-start
    }

.searchicon {
    margin-left: 24px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

    .searchicon span {
        font-size: 1.6rem;
        color: #161616;
        display: block
    }

.searchbox {
    position: absolute;
    width: 300px;
    height: 40px;
    top: 50px;
    left: -30px;
    border-radius: 5px;
    background-color: #fff;
    z-index: 99;
    box-shadow: 0 5px 25px #0000001c
}

    .searchbox input {
        background-color: #fff !important;
        padding: 0 35px;
        width: 100%;
        border: 0 !important;
        box-shadow: none !important;
        outline: 0 !important;
        font-size: 14px;
        height: 40px;
        border-radius: 4px !important
    }

    .searchbox .searchcontrols .search-btn {
        position: absolute;
        right: 5px;
        top: 5px
    }

    .searchbox .searchcontrols .closeSearch-btn {
        position: absolute;
        left: 5px;
        top: 5px
    }

        .searchbox .searchcontrols .closeSearch-btn i, .searchbox .searchcontrols .search-btn {
            color: #58595b
        }

.header-wrapper .topnav.sticynav .navbar {
    display: flex !important
}

.taw3eyat-mostahlek.dgaMessages .item .img-box {
    height: 240px;
    width: 80%;
    margin: auto
}

.taw3eyat-mostahlek.dgaMessages .swiper-container {
    filter: unset;
    margin-bottom: 30px
}

    .taw3eyat-mostahlek.dgaMessages .swiper-container:hover {
        box-shadow: 0 0 0 rgba(35,100,90,.1)
    }

.taw3eyat-mostahlek.dgaMessages .item {
    min-height: 350px;
    filter: unset;
    box-shadow: unset !important
}

.service-tabs .nav-tabs > li:hover a {
    background: #f3f4f6 !important;
    border-bottom: 3px solid #161616 !important
}

.taw3eyat-mostahlek.dgaMessages .item h4, .taw3eyat-mostahlek.dgaMessages .item h4 a {
    font-size: 2rem;
    color: #464749 !important;
    margin-bottom: 8px;
    padding-top: 20px;
    line-height: 33px
}

.taw3eyat-mostahlek.dgaMessages .item .content-box {
    min-height: 120px;
    background: #fff !important
}

.service-tabs .nav-tabs > li a.active {
    background: unset !important
}

.BoxWhiteST {
    min-height: 150px;
    height: auto
}

a.bluBtnConST {
    background-color: #1b8354;
    display: inline-block;
    padding: 7px 15px 7px 40px;
    background-size: 25px;
    background-position: 10% center;
    border-radius: 4px !important
}

.BoxWhiteST p, .BoxWhiteST p span {
    line-height: 1.5
}

@media(min-width:992px) {
    .services-sideCard {
        transform: translateY(-25%)
    }
}

.ratingV2 .ratedCurrent p {
    display: flex;
    flex-direction: row
}

.innerpages .rateWrapper .rating {
    margin-top: 5px !important;
    border: 0;
    max-width: max-content
}

.service-tabsDga .serv-item .servicon::after {
    position: absolute;
    content: '';
    width: 35px;
    height: 35px;
    left: -15px;
    top: -10px;
    background-color: #d8ece4;
    border-radius: 50px;
    z-index: -1
}

.service-tabsDga .serv-item:hover {
    background: #fff;
    box-shadow: 0 4px 8px -2px rgba(16,24,40,.1),0 2px 4px -2px rgba(16, 24, 40, 0. !important;
}

.serveyBoxRate.servey .pollWp .top-area h4 {
    color: #444a52 !important;
}

.serveyBoxRate.servey .text-flex .primaryBtnSaso {
    color: #fff;
    min-width: 120px;
}

body .serveyBoxRate.servey .text-flex .secondaryBtnSaso {
    background: #f9fafb !important;
    color: #161616 !important;
    font-size: 16px;
    border-radius: 10px;
    border: 1px solid var(--Border-border-neutral-primary, #d2d6db) !important;
}

    body .serveyBoxRate.servey .text-flex .secondaryBtnSaso:hover {
        background: #e7e7e7 !important;
    }


.header-wrapper .topnav .navbar-nav .nav-item.MainTabIsActive > a::before {
    content: "";
    position: absolute;
    height: 8px;
    width: 100%;
    bottom: 0;
    left: 0;
    opacity: 1;
    background-color: #3ca078;
    transition: 300ms;
}

.innerpages .rateWrapper .icon-star.active:before {
    color: #1b8354 !important;
}

body .innerpages .contentWrapper ul li:before {
    color: #3ca078 !important;
}

.rateWrapper .icon-star-empty:not(.icon-star-half-alt, .active):before {
    color: #707070;
}

.innerpages .rateWrapper .rating {
    max-width: unset !important;
}

.innerpages .shareWrapper .lastEdit .icon-clock,
.innerpages .shareWrapper .lastEdit {
    color: #242424 !important;
}

.innerpages .contactUsFrom .primaryBtnSaso,
.ajax-progress .Acenter input.btnbrown {
    background: #1b8354 !important;
    border-radius: 10px;
}

    .innerpages .contactUsFrom .primaryBtnSas:hover,
    .ajax-progress .Acenter input.btnbrown:hover {
        background: #3ca078 !important;
    }

body .container.contentWrapper.contentdiv .col-lg-3 + .col-lg-9 .ms-rtestate-field h3,
body .container.contentWrapper.contentdiv .col-lg-3 + .col-lg-9 .ms-rtestate-field#ctl00_PlaceHolderMain_ctl02__ControlWrapper_RichHtmlField div div h3 {
    color: #58595b !important;
}

.branchesDetailsWapper .breanchBox .BTxt .blueColor {
    color: #3ca078 !important;
}

body #ctl00_PlaceHolderMain_ctl02__ControlWrapper_RichHtmlField .branchesV2 .branchesDetailsWapper .breanchBox .BTxt h3.font18 {
    color: #464749 !important;
}

.followUS .FlUS li::before {
    display: none;
}

.fullWidthBGContantUs {
    background-color: rgba(60, 160, 120, .05) !important;
}

.header-wrapper .topnav .navbar-nav .nav-item > a {
    justify-content: unset;
    text-align: center;
}


.footer-bg,
.last-footer,
footer.new-footer .top-footer {
    margin-top: unset;
}

footer.new-footerV2 {
    margin-top: 30px;
}

.new-footerV2 .forFlexFooter {
    flex-wrap: wrap;
}

.new-footerV2 .appFooterV2 .forFlexFooter a {
    margin-bottom: 5px;
}

div#tab2 > a {
    display: block;
    margin: 0 auto;
}


.innerpages .warning.warning2 {
    padding-right: 50px;
    padding-left: 90px;
    background-position: left center;
}

.tableProject thead tr:first-of-type {
    background: #1b8354 !important;
}

h3.EventPageTitle,
.events-list .event h4 {
    color: #1b8354 !important;
}

@media (max-width: 1649.98px) {

    .innerpages .breadCrumbFunctions {
        right: -25px;
        left: auto;
    }

    .photoListingItem .photoListingImage img {
        height: 100% !important;
        object-fit: cover;
    }
}

@media (max-width: 991.98px) {

    .videoListingItem .videoListingTitle {
        font-size: 14px;
        line-height: 1.2;
    }

    .ratingV2 .ratedCurrent p span {
        text-align: left;
        line-height: 1.4;
        font-size: 1.3rem;
    }
}








@media (max-width: 600px) {
    .innerpages .breadCrumbFunctions {
        left: 5px;
        right: auto
    }

    .no-padding {
        margin: 0;
    }
}




@media(max-width:1650px) {
}

@media(max-width:1400px) {
    .branchesDetailsWapper .breanchBox .BTxt .font18 {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .branchesDetailsWapper .breanchBox .BTxt .p16 {
        font-size: 14px;
    }

    .searchicon span {
        font-size: 12px;
    }

    .topLnk.lang {
        font-size: 12px;
    }

    .header-wrapper .topnav .navbar-nav .nav-item > a {
        font-size: 12px;
    }

        .header-wrapper .topnav .navbar-nav .nav-item > a.dropdown-toggle:after {
            width: 20px;
            height: 20px;
            background-size: contain;
        }
}

@media(max-width:1199.98px) {
    .commissionINums .comMNUmbers .boxNumberV2 {
        width: 200px;
        height: 170px;
    }

    .mainBoxV2 .MBTxt .font22 {
        font-size: 19px;
        line-height: 1.5;
    }

    .mainBoxV2 .MBTxt span {
        font-size: 14px;
    }

    .mainslider.bannerDga .silder-item .slider-caption h3 {
        font-size: 35px;
        margin-bottom: 10px;
    }

    .mainslider.bannerDga .silder-item .slider-caption .p18 {
        font-size: 16px;
        color: #fff;
        margin-bottom: 20px;
    }

    .header-wrapper .topnav .navbar-nav .nav-item:first-child {
        max-width: inherit;
    }

    .header-wrapper .topnav .navbar .navbar-brand {
        max-width: 130px;
        flex: 0 0 130px;
        margin-right: 25px;
    }

    .header-wrapper .topnav .navbar-nav .nav-item > a {
        padding-left: 10px;
        padding-right: 10px;
        font-size: 10px;
    }

    .header-wrapper .topnav .navbar-nav .nav-item:first-child > a {
        padding-left: 10px;
    }

    .header-wrapper .topnav .navbar-nav .nav-item > a.dropdown-toggle:after {
        width: 17px;
        height: 17px;
    }

    .topLnk.lang {
        font-size: 10px;
    }

    .searchicon img {
        max-width: 17px;
    }

    .searchicon span {
        font-size: 10px;
    }

    .header-wrapper.home-header {
        min-height: 60px;
    }

    .header-wrapper .topnav .navbar-nav .nav-item > a,
    .header-wrapper .topnav {
        height: 60px;
    }

        .header-wrapper .topnav .navbar-nav .nav-item > a::before {
            height: 6px;
        }

        .header-wrapper .topnav .navbar-nav .nav-item > .dropdown-menu {
            top: 59px
        }

            .header-wrapper .topnav .navbar-nav .nav-item > .dropdown-menu .about-article,
            .header-wrapper .topnav .navbar-nav .nav-item > .dropdown-menu .by p,
            .header-wrapper .topnav .navbar-nav .nav-item > .dropdown-menu ul li a,
            .header-wrapper .topnav .navbar-nav .nav-item > .dropdown-menu .inner-dropdown-div .be-sure p {
                font-size: 12px;
                line-height: 1.5;
            }

            .header-wrapper .topnav .navbar-nav .nav-item > .dropdown-menu h3 {
                font-size: 13px;
                line-height: 1.5;
                margin-bottom: 15px;
            }

            .header-wrapper .topnav .navbar-nav .nav-item > .dropdown-menu.rules::after {
                z-index: -1;
            }

            .header-wrapper .topnav .navbar-nav .nav-item > .dropdown-menu .new-rules .list-rules p {
                font-size: 12px;
                padding-left: 45px;
                height: 35px;
                line-height: 1.5;
            }

            .header-wrapper .topnav .navbar-nav .nav-item > .dropdown-menu .new-rules .top-section a {
                float: none;
                float: none;
                margin-bottom: 10px;
                display: inline-block;
                font-size: 10px;
            }

                .header-wrapper .topnav .navbar-nav .nav-item > .dropdown-menu .new-rules .top-section a img {
                    vertical-align: bottom;
                }

            .header-wrapper .topnav .navbar-nav .nav-item > .dropdown-menu .inner-dropdown-div .join-us-content p {
                font-size: 12px;
                line-height: 2;
            }

            .header-wrapper .topnav .navbar-nav .nav-item > .dropdown-menu .latest-events .event-date {
                flex: 0 0 65px;
                height: 65px;
            }

                .header-wrapper .topnav .navbar-nav .nav-item > .dropdown-menu .latest-events .event-date .day {
                    font-size: 22px;
                    line-height: 24px;
                }

    .main-sec h1 {
        font-size: 28px;
        line-height: 1.5;
    }

    .main-sec p {
        font-size: 14px;
        line-height: 1.5;
    }

    .stats-sec .stats-container h3 {
        font-size: 18px;
    }

        .stats-sec .stats-container h3 span {
            font-size: 30px;
        }

    .stats-sec .stats-container .stat-card .stat-num {
        font-size: 30px;
    }

    .stats-sec .stats-container .stat-card p {
        font-size: 14px;
    }

    .fullWidthBGContantUs .font35 {
        font-size: 28px;
    }

    .service-det-main .head-box .start-serv {
        font-size: 14px;
    }

    .service-det-main .p16 {
        font-size: 14px;
    }

    .service-det-main .links .DgaLink span {
        font-size: 14px;
    }

    .services-tabs .tab-content ul li {
        font-size: 14px;
    }

    .services-tabs .tab-content ol li {
        font-size: 14px;
    }

    .services-tabs .tab-content ul.docs li a {
        font-size: 14px;
    }

    .download-det {
        font-size: 14px;
    }

    .branchesV2 {
        padding: 30px 20px 50px;
    }

    .branchesDetailsWapper .DgaLink span {
        font-size: 14px;
    }

    .followUS .FlUS {
        width: 100%;
    }

        .followUS .FlUS li a img {
            width: 24px;
        }

    .layoutWidhSideMenu .alertBadge img {
        max-width: 50px;
    }

    .layoutWidhSideMenu .alertBadge .font20 {
        font-size: 16px;
    }

    .layoutWidhSideMenu .alertBadge .p16 {
        font-size: 14px;
    }

    .fullWidthBGContantUs .font35 {
        padding-bottom: 10px;
    }

    .fullWidthBGContantUs .font35 {
        font-size: 20px;
    }

    .followUS .FlUS {
        justify-content: space-evenly;
    }
}

@media(max-width: 1024px) {
    body .header-wrapper.home-header {
        min-height: 60px;
        max-height: 60px;
    }
}

@media(max-width:991.98px) {
    .layoutWidhSideMenu .ds-sideNavigation-content {
        position: fixed;
        top: 100px;
        background: #fff;
        width: 100%;
        left: 0;
        z-index: 99;
        overflow: hidden;
        background-color: #f5faf8;
    }

        .layoutWidhSideMenu .ds-sideNavigation-content .JumpLink {
            display: none;
            padding: 10px 20px;
        }

        .layoutWidhSideMenu .ds-sideNavigation-content .icon-tiny-arrow-down {
            color: #438781;
            font-size: 10px;
            position: absolute;
            right: 24px;
            top: 23px;
        }

    .ds-sideNavigation-content .JumpLink.active .nav-jump-link {
        color: #3ca078;
    }

    .layoutWidhSideMenu .ds-sideNavigation-content .icon-tiny-arrow-down:first-of-type {
        display: none;
    }

    .layoutWidhSideMenu .ds-sideNavigation-content .JumpLink.active {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 15px 30px 15px 20px;
    }

    .ds-navbarWrapper .sticky-top-custom .navbar-collapse.pt-2 {
        padding: 0 10px;
        background: #fff;
    }

    .ds-navbarWrapper .navbar-collapse.pt-2 .ds-navdropdown-header {
        font-size: 15px;
        padding: 15px 0;
    }

    .ds-navbarWrapper .ds-navdropdown-body .nav-link {
        margin: 0px 0;
    }

    .layoutWidhSideMenu .ds-sideNavigation-content.showJubingList .icon-tiny-arrow-down {
        transform: scaleY(-1);
    }

    .ds-sideNavigation-content.showJubingList .JumpLink {
        display: block !important;
    }

    .ds-sideNavigation-content .JumpLink .nav-jump-link {
        font-size: 16px;
    }

    .ds-sideNavigation-content .JumpLink {
        padding: 13px 0;
        border-bottom: 1px solid #f0f0f0;
    }

    .awarenessMesSection .col-lg-4 {
        width: 50%;
        margin-bottom: 40px;
    }

    .last-footer .col-lg-8.d-flex.flex-lg-row.align-items-space-between-custom {
        display: block !important;
    }

    .last-footer .justify-content-lg-end {
    }

    .new-footerV2 .newULFooter li a {
        font-size: 14px;
    }

    .new-footerV2 .forFlexFooter a:not(:last-of-type) {
        margin-right: 10px;
    }

    .commissionINums .comMNUmbers .boxNumberV2 {
        width: 150px;
        height: 100px;
        font-size: 15px;
    }

        .commissionINums .comMNUmbers .boxNumberV2 span {
            font: 3rem NotoNaskhArabic, arial, sans-serif;
        }

    .mainslider.bannerDga .silder-item .slider-caption h3 {
        font-size: 27px;
    }

    .mainslider.bannerDga .silder-item .slider-caption .p18 {
        font-size: 14px;
        margin-bottom: 13px;
    }

    .mainslider.bannerDga .silder-item .slider-caption > span {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .secondaryBtnSaso,
    .primaryBtnSaso {
        font-size: 14px;
        min-height: 40px;
    }

    .navbar-toggler,
    .navbar-collapse {
        background: #1b8354;
    }

    .topLnk.lang {
        display: block;
        text-align: center;
        margin-bottom: 5px;
    }

    .searchicon span {
        display: none;
    }

    .header-wrapper .topnav .navbar-nav > li:first-child a:before {
        margin: 0;
    }

    .search-area {
        position: relative;
        width: max-content;
        margin: 0 auto;
        margin-bottom: 30px;
    }

    .searchicon {
        margin: 0;
    }

    .searchbox {
        top: 20px;
        left: -135px;
        font-size: 10px;
    }

    .header-wrapper .topnav .navbar-nav {
        margin: 0;
    }

        .header-wrapper .topnav .navbar-nav > li:first-child a:before {
            content: "";
        }

    .header-wrapper .topnav .navbar .navbar-brand {
        display: block !important;
    }

    .header-wrapper .topnav .navbar .navbar-brand {
        max-width: 170px;
    }

    button.navbar-toggler {
        position: absolute;
        right: 85px;
        top: 0;
    }

    body .header-wrapper.home-header {
        min-height: 100px;
        max-height: 100px;
    }

    .stats-sec .stats-container .stat-card .icon-boxx {
        max-width: 40px;
    }

        .stats-sec .stats-container .stat-card .icon-boxx img {
            max-width: 100%;
        }

    .service-det-main .head-box {
        width: 100%;
    }

    .fullWidthBGContantUs .col-md-12 .font35 {
        width: auto;
    }

    .fullWidthBGContantUs .col-md-12 .p16 {
        width: 100%;
    }

    .layoutWidhSideMenu > .container > .row {
        flex-direction: column-reverse;
    }

    .branchesV2 {
        transform: none;
        margin-top: 30px;
        padding-top: 10px;
    }
}

@media(max-width:767.98px) {
    .mainslider.bannerDga .silder-item .slider-caption .primaryBtnSaso {
        font-size: 10px;
        min-height: 35px;
    }

    .awarenessMesSection {
        padding: 30px 0 10px;
    }

    .p16,
    .mainBoxV2.mainBoxV2WithPragh .p16 {
        font-size: 14px;
    }

    .commissionINums .commTxt .p16 {
        margin-bottom: 20px;
        padding-right: 0;
        line-height: 25px;
    }

    .commissionINums .commTxt .font35 {
        font-size: 2.5rem;
    }

    .commissionINums {
        padding: 0 0 65px 0;
    }

    .awarenessMesSection .mainBoxV2 {
        width: 95%;
    }

    .service-tabsDga .nav-tabs > li a.active {
        font-size: 16px !important;
    }

    .mainBoxV2 .MBImg img {
        max-height: 265px;
    }

    .mainslider.bannerDga .silder-item .slider-caption {
        max-width: 100%;
        left: 15px;
        right: 15px;
    }

    .new-footerV2 .footer-socialParent .footer-social {
        width: 80%;
    }

    .awarenessMesSection .col-lg-4 {
        width: 100%;
        margin-bottom: 40px;
    }


    button.navbar-toggler {
        right: 0;
    }

    .stats-sec .stats-container .stat-card {
        width: 50%;
        min-height: 130px;
    }

        .stats-sec .stats-container .stat-card:nth-child(4n):after {
            display: block;
        }

        .stats-sec .stats-container .stat-card:nth-child(2n):after {
            display: none;
        }

    .main-sec h1 {
        font-size: 23px;
    }

    .main-sec p {
        font-size: 12px;
        line-height: 1.5;
    }

    .stats-sec .stats-container h3 {
        font-size: 16px;
    }

        .stats-sec .stats-container h3 span {
            font-size: 25px;
        }

    .stats-sec .stats-container .stat-card .stat-num {
        font-size: 25px;
        line-height: 30px;
    }

    .fullWidthBGContantUs .font35 {
        font-size: 20px;
    }

    .service-det-main .head-box .start-serv {
        padding: 5px 15px 3px;
    }

    .service-det-main .hashtags {
        margin-bottom: 15px;
    }

        .service-det-main .hashtags span {
            font-size: 12px;
        }

    .service-det-main .p16 {
        font-size: 12px;
        line-height: 1.5;
    }

    .service-det-main .links {
        margin-top: 10px;
    }

        .service-det-main .links .DgaLink span {
            font-size: 12px;
        }

    .branchesDetailsWapper .breanchBox .BTxt .font18 {
        font-size: 14px;
        margin-bottom: 7px;
    }

    .branchesDetailsWapper .breanchBox .BTxt .p16 {
        font-size: 12px;
        line-height: 20px;
    }

    .branchesDetailsWapper .breanchBox {
        margin-bottom: 20px;
        display: flex;
    }

        .branchesDetailsWapper .breanchBox .BIcon img {
            width: 18px;
        }

    .new-footerV2 .last-footer p,
    .new-footerV2 .last-footer .second-section a {
        font-size: 10px;
    }

    .download-det {
        font-size: 12px;
    }

    .services-tabs .nav .nav-link + .nav-link {
        margin-left: 15px;
    }

    .services-tabs .nav .nav-link {
        font-size: 14px;
        padding: 7px 5px;
    }

    .services-tabs .tab-content ul li {
        font-size: 12px;
        line-height: 20px;
    }

    .services-tabs .tab-content h5 {
        font-size: 14px;
    }

    .services-tabs .tab-content ul li::marker {
        font-size: 14px;
    }

    .services-tabs .tab-content ul li .DgaLink span {
        font-size: 12px;
    }

    .services-tabs .tab-content ul li .DgaLink img {
        width: 14px;
    }

    .services-tabs .tab-content ul.docs {
        padding-inline-start: 23px;
    }

        .services-tabs .tab-content ul.docs li::before {
            top: 3px;
            left: -22px;
            width: 12px;
            height: 15px;
        }

    .services-tabs .tab-content ol li {
        font-size: 12px;
        line-height: 20px;
    }

    .services-tabs .tab-content ul.docs li a {
        font-size: 12px;
        line-height: 20px;
    }

    .branchesV2 .formGroup .col-form-label {
        font-size: 14px;
    }

    .innerpages .select2-selection {
        font-size: 12px;
    }


    .select2-container--default .select2-selection--single .select2-selection__rendered {
        font-size: 14px !important;
        height: 40px;
    }

    .innerpages .select2-container {
        height: 35px !important;
        min-height: 40px;
    }

    .innerpages .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
        top: 7px;
    }

    .branchesV2 .font22 {
        font-size: 18px;
        margin-bottom: 0;
    }

    .branchesV2 .formGroup select {
        left: 0;
    }

    .layoutWidhSideMenu .alertBadge {
        flex-direction: column;
    }

        .layoutWidhSideMenu .alertBadge img {
            margin-bottom: 10px;
        }

        .layoutWidhSideMenu .alertBadge .font20 {
            text-align: center;
            margin-right: 0;
            padding-bottom: 10px;
            border: none;
            border-bottom: 1px solid rgba(88, 88, 88, .2);
            margin-bottom: 10px;
        }

    .navbar-toggler:focus,
    .navbar-toggler:hover {
        background: #1b8354;
    }

    .servey .pollWp .top-area h4 {
        font-size: 20px;
    }

    .serveyBoxRate.servey .pollWp .top-area .closeRateUs img {
        margin-inline-end: 0;
        width: 12px;
    }

    .serveyBoxRate.servey .pollWp.hidden-servey {
        left: 10px;
    }

    body .serveyBoxRate.servey .text-flex .secondaryBtnSaso,
    .serveyBoxRate.servey .text-flex .primaryBtnSaso {
        min-width: 100px;
        font-size: 14px;
        min-height: 39px;
    }

    .serveyBoxRate.servey .pollWp.hidden-servey {
        top: -339px;
    }

    .servey .pollWp .pollInner ul label,
    .servey .pollWp .pollInner > table label {
        font-size: 12px !important;
    }

    .servey .pollWp .pollQestion,
    .pollWp .question {
        font-size: 14px;
    }

    .p16,
    .mainBoxV2.mainBoxV2WithPragh .p16 {
    }

    .service-tabsDga .nav-tabs > li a {
        font-size: 15px !important;
    }

    .service-tabsDga .nav-tabs {
        width: 100%;
    }

    .onload-image .content .content-box {
        width: 90%;
    }

    .navbar-toggler {
        background: #1b8354;
    }

    .new-footerV2 .forFlexFooter {
        flex-wrap: wrap;
    }

    .ds-navbarWrapper .ds-navdropdown-header {
        font-size: 16px;
        padding: 10px;
    }

    .ds-navbar.sticky-top-custom .navbar-collapse.pt-2 {
        background: #1b8354;
        margin: 0;
    }
}

@media(max-width:650px) {
    .numberWapperV2 .comMNUmbers:nth-of-type(4) .boxNumberV2 {
        background: rgba(132, 131, 131, .8);
        transform: translate(21px, 9px);
    }

    .commissionINums .numberWapperV2 .popUpNumber:nth-of-type(5) {
        top: 39%;
        right: 10px;
    }

    .commissionINums .numberWapperV2 .popUpNumber:nth-of-type(6) {
        top: 105%;
        right: 20px;
    }

    .commissionINums .numberWapperV2 .popUpNumber:nth-of-type(2) {
        top: 20%;
        right: 88%;
    }

    .commissionINums .numberWapperV2 .popUpNumber:nth-of-type(3) {
        background: #ac9fd5;
        right: 68%;
        top: -55px;
    }

    .commissionINums .numberWapperV2 .popUpNumber {
        top: -50px;
    }

    .second-section {
        margin-bottom: 30px;
    }
}

@media(max-width:574.98px) {
    .mainslider.bannerDga .silder-item .slider-caption h3 {
        font-size: 24px;
        margin-bottom: 5px;
        line-height: 1.4;
    }

    .mainslider.bannerDga .silder-item .slider-caption > span {
        font-size: 14px;
        margin-bottom: 5px;
    }

    .mainslider.bannerDga .silder-item .slider-caption .p18 {
        font-size: 12px;
        margin-bottom: 5px;
    }

    .secondaryBtnSaso,
    .primaryBtnSaso {
        font-size: 12px;
        min-width: 95px;
        min-height: 40px;
    }

    .service-tabsDga .nav-tabs {
        width: 80%;
    }

    .awarenessMesSection .font24 {
        margin-bottom: 10px;
        font-size: 20px;
    }

    .paginationCustom .swiper-pagination .swiper-pagination-bullet-active,
    .home-content .swiper-pagination .swiper-pagination-bullet-active {
        background: #3ca078 !important;
        width: 12px;
        height: 12px;
    }

    .mainBoxV2 .MBTxt .font22 {
        font-size: 17px;
        line-height: 1.5;
    }

    .mainslider.bannerDga .swiper-pagination {
        bottom: 10px;
    }

    .service-det-main .head-box .start-serv {
        font-size: 12px;
    }
}