@font-face {
    font-family: 'NotoNaskhArabic';
    src: url("font/NotoNaskhArabic-Bold-1.ttf")
  }
.btn-tour ,
.scroll-me  {
display: none;
}
/* @font-face {
    font-family: 'NotoNaskhArabic';
    src: url("../font/NotoNaskhArabic-Bold-1.ttf") format("ttf");
  } */
/* start inputs */
select.form-control.invalidErr + .select2-container,
 .innerpages .formGroup .invalidErr,
 .innerpages .form-control .invalidErr {
    border: 1px solid #AF0818 !important;
       box-shadow: unset !important;
}
input[type='text']::placeholder,
input[type='email']::placeholder,
textarea::placeholder,
.select2-container--default .select2-selection--single .select2-selection__rendered {
    font: 1.8rem fontReg, arial, sans-serif !important;
    color: #707070 !important;
}
.innerpages .col-form-label,
.innerpages .Itemrow .LabelTitle,
.innerpages .Itemrow .LabelTitle .textlable,
.innerpages .Itemrow .LabelTitle > span {
    color: #464749;

}
.innerpages .textbox,
.innerpages textarea.form-control,
.innerpages .form-control,
.innerpages .select2-container,
.innerpages input[type='text'],
.innerpages .Itemrow .Data > *,
body .innerpages .Itemrow .Data .textbox {
   box-shadow: unset !important;
  background: rgba(0, 0, 0, 0.04);
    border: 1px solid transparent !important;
    border-radius: 0px !important;
}

.innerpages .form-control:focus,
.innerpages .select2-container:focus,
.newForm2 textarea.form-control:focus,
.innerpages input[type='text']:focus,
.innerpages .Itemrow .Data > *:focus {
      box-shadow: unset !important;
    outline: none !important;
    border: 1px solid #5EB6C9 !important;
}
.innerpages .select2-container {
    padding: 0 !important;
}
.select2-container .select2-selection--single .select2-selection__rendered {
        height: 44px;
        padding: 5px 15px;
}
.select2-container--focus .select2-search-select-container {
        padding: 0;
}
/* end inputs */
.innerpages .pagetitle h2 {
    color: #242424 !important;
}

.pagetitle img {
    display: none !important;
}

.innerpages .accordion .card .card-header h2 .btn-link.collapsed {
    color: #242424 !important;
}

.innerpages .accordion .card .card-body ul li,
.innerpages .accordion .card .card-body tbody td,
.innerpages .accordion .card .card-body tbody th,
.innerpages .accordion .card .card-body p {
    font: normal 1.8rem fontReg, arial, sans-serif;
}

.innerpages .accordion .card .card-body ul li {
    margin-bottom: 5px;
}

.inner-main-header h2::before {
    display: none
}

/* start side-navigation */
.ds-navbarWrapper {
    padding-bottom: 50px;
      height: 90%;
}

.ds-navbarWrapper .sticky-top-custom {
    position: sticky;
    top: 60px;
    z-index: 1;
}

.ds-navdropdown-body {
    display: none;
}


.ds-navbarWrapper .ds-navdropdown-header {
    width: 100%;
    display: flex;
    justify-content: space-between;
    border-radius: 0;
    background-color: #fff;
        font-size: 18px;
       color: #066058;
    padding: 20px 0;
   
    border-bottom: 1px solid #F0F0F0;
    
}
.ds-sideNavigation-content .JumpLink {
        padding: 17px 0;
      border-bottom: 1px solid #F0F0F0;
}
.ds-navbarWrapper .ds-navdropdown a.ds-navdropdown-header.active {
    color: #066058;
    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-sideNavigation-content .JumpLink.active .nav-jump-link,
.ds-sideNavigation-content .JumpLink .nav-jump-link:hover {
    color: #066058;
    font-family: 'fontBold';
}
.ds-navdropdown-header.active + .ds-navdropdown-body {
    display: block
}

.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-right: 45px;
    color: #066058;
    font-size: 16px;
}
.ds-navbarWrapper .ds-navdropdown-body .nav-link:hover {
    font-weight: bold;
    color: #066058;
}
.ds-navbarWrapper .ds-navdropdown a.ds-navdropdown-header {
    display: inline-block;
       width: 100%;
}
.font24 {
    padding: 0;
    margin: 0;
    font-size: 2.4rem;
    color: #58595B;
}
/* end side-navigation */
/* start contact us and rating */
.fullWidthBGContantUs .font35,
.branchesDetailsWapper .breanchBox .BTxt .font18,
.layoutWidhSideMenu .alertBadge .font20,
.followUS .p18,
.primaryBtnSaso {
    font-family: 'fontBold';
}
.layoutWidhSideMenu .p16,
.layoutWidhSideMenu p {
    padding: 0;
    margin: 0;
}
.fullWidthBGContantUs .font35 {
    font-size: 35px;
}
.fullWidthBGContantUs  .col-md-12 .font35,
.fullWidthBGContantUs  .col-md-12 .p16 {
    width: 65%;
}
.layoutWidhSideMenu .alertBadge .font20 {
    font-size: 20px;
}
.layoutWidhSideMenu .alertBadge .p16,
.fullWidthBGContantUs .p16 {
    font-size: 16px;
    color: #58595B;
}
.fullWidthBGContantUs {
    background: rgba(0, 149, 182, 0.1);
    padding: 40px 0 30px;
}
.fullWidthBGContantUs .font35 {
    color: #464749;
    line-height: normal;
    padding-bottom: 24px;
}
.layoutWidhSideMenu .alertBadge {
    margin: 65px 0 40px 0;
        display: flex;
        border: 1px solid #3CA078;
    padding: 12px 25px;
    align-items: center;
} 
.layoutWidhSideMenu .alertBadge img {
     max-width: 62px;
} 
.layoutWidhSideMenu .alertBadge .font20 {
 border-left: 1px solid rgba(88, 88, 88, 0.2);
    padding: 0 20px;
    margin-left: 20px;
    color: #242424
}
.layoutWidhSideMenu .alertBadge .p16 {
    color: #757575;
}
.layoutWidhSideMenu .contactUsFrom .col-form-label {
    padding-bottom: 11px
}
.layoutWidhSideMenu .contactUsFrom .formGroup {
        padding-bottom: 35px
}
.layoutWidhSideMenu .contactUsFrom textarea {
    height: 112px;
    resize: none
}
.secondaryBtnSaso,
.primaryBtnSaso {
        display: inline-block;
    padding: 8px 15px;
    min-width: 121px;
    text-align: center;
    background: #066058;
    color: #fff;
    border-radius: 10px;
    font-size: 1.6rem;
    transition: .25s;
    min-height: 46px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: unset;
}
.secondaryBtnSaso:visited {
   color: #066058 !important;
}
.primaryBtnSaso:visited {
     color: #fff !important;
}
.primaryBtnSaso:hover {
     background: #3CA078 !important;
     color: #fff !important;
     text-decoration: unset !important;
}
.secondaryBtnSaso {
    background: #fff;
    color: #3CA078;
    border: 1px solid #3CA078;
}

.secondaryBtnSaso:hover {
       background: #3CA078 !important;
    color: #fff !important;
    border: 1px solid #3CA078 !important;
    text-decoration: unset !important;
}
.branchesV2 {
    transform: translateY(-135px);
    background: #fff;
    padding: 42px 35px 50px 35px;
    border-radius: 4px;
    box-shadow: 0 6px 30px rgba(22, 25, 26, 0.07);
}
.branchesV2 .font22 {
    font-size: 22px;
    padding-bottom: 15px;
    padding: 0;
    color: #3CA078;
}
.branchesV2 .formGroup .col-form-label {
    display: block;
    padding-bottom: 11px;
}
.branchesV2 .formGroup select {
   width: 100% !important;
}
.service-tabsDga  .nav-tabs>li a {
    text-decoration: unset !important;
}
.branchesDetailsWapper {
 padding: 30px 0 0px 0;
}
.branchesDetailsWapper .breanchBox {
    margin-bottom: 30px;
    display: flex;
}
.branchesDetailsWapper .breanchBox .BIcon img {
    width: 25px;
    margin-left: 12px;
    padding-top: 4px;
}
.branchesDetailsWapper .breanchBox .BTxt .font18 {
    font-size: 18px;
    color: #464749 !important;
    margin-bottom: 15px;;
}
.branchesDetailsWapper .breanchBox .BTxt .p16 {
    font-size: 16px;
    line-height: 27px;
}
.branchesDetailsWapper .blueColor {
    color: #3CA078
}
.branchesDetailsWapper .DgaLink span{
        font-size: 18px;
    text-decoration: underline;
    color: #464749;
}
.branchesDetailsWapper .DgaLink img{
    margin-right: 4px;
    display: inline-block;
    transform: translateY(3px);
    max-width: 17px;
}
.branchesDetailsWapper .followUS {
    border-top: 1px solid #C3E0E6;
}
.followUS .p18{
    font-size: 18px;
    color: #464749;
    border-top: 1px solid #C3E0E6;
    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: left;
    color: #242424;
    font-size: 12px;
}
.ratingV2 {
    padding-bottom: 40px
}
.ratingV2 .ratedCurrent {
        display: flex;
    align-items: center;
}
.ratingV2 .hiddenRating {
    position: relative;
    padding-bottom: 20px;
}
.ratingV2 .hiddenRating .closeRating {
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    z-index: 2;
    align-items: center;
}
.ratingV2 .hiddenRating .closeRating span {
    font-size: 18px;
    color: #000000;
    margin-left: 11px;
}
.ratingV2 .hiddenRating .textRate .font18 {
    font-size: 18px;
    color: #464749;
    margin-bottom: 10px;
}
.ratingV2 .hiddenRating .textRate .p16 {
    padding: 0;
    color: #585858;
    font-size: 16px;
}
.ratingV2 .ratedCurrent .rateWrapper {
        margin-right: 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: right;
    padding: 35px 0 60px;
}
.ratingV2 .ratingAO > label:before {
    font-size: 1.7em !important;
    color: #757575;

}
.ratingV2 .ratedCurrent .rateWrapper .rating > i {
    cursor: default
}
.ratingV2 .ratedCurrent .rateWrapper .icon-star-empty:not(.icon-star-half-alt):before {
    content: '\e850';
    color: #707070;
}

.ratingV2 .ScuccessRate p {
        display: flex;
    align-items: center;
    padding: 0;
    font-size: 16px;
    color: #3CA078;
}
.ratingV2 .ScuccessRate p img {
        margin-left: 16px;
}
.ratingV2 .toRateEL {
    display: none
}
/* end contact us and rating */

/* start cards */

.eventCardsV2 {
    padding: 45px 22px;
    min-height: 350px;
    height: 100%;
    border: 1px solid #CEE2E6;
    position: relative;
    transition: .25s
}
.eventCardsV2:hover {
      box-shadow: 0 5px 30px rgba(35, 100, 90, 0.1);
    
}
.eventCardsV2:hover .font20{
    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: 16px;
        padding-right: 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;
    left: 30px;
    bottom: 30px;
}
.mainBoxV2 {
    border: 1px solid #CEE2E6;
    min-height: 380px;
    height: 100%;
    transition: .25s;
       display: inline-block;
}
.mainBoxV2:hover {
  border: 1px solid rgba(35, 100, 90, 0.1); ;
}
.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: 2.1rem;
    color: #464749 !important;
    margin-bottom: 8px;
    line-height: 33px
}
.mainBoxV2 .MBTxt span {
    color: #585858;
    font-size: 1.6rem;
}
.mainBoxV2.mainBoxV2WithPragh {
    min-height: 445px;
    width: 100%;
    background: #fff;
}

.swiperContainerNew .mainBoxV2.mainBoxV2WithPragh {
    min-height: 470px;
}
.p16,
.mainBoxV2.mainBoxV2WithPragh .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: 1.6rem;
    width: 47%;
    border: 1px solid rgba(0, 149, 182, 0.35)
}
.service-tabsDga .nav-tabs > li {
    min-width: unset;
}
.service-tabsDga .nav-tabs > li a {
    border-radius: 0 !important;
    color: #787676 !important;
    font-size: 1.6rem !important;
    transition: unset !important
}
.service-tabsDga .nav-tabs > li a.active {
    border-radius: 0;
    background: unset !important;
    color: #464749 !important;
        font-size: 18px !important;
  border-bottom: 3px solid #3CA078 !important;
}
.service-tabsDga .serv-item {
    box-shadow: unset;
    border: 1px solid #CEE2E6;
    margin: 0;
    padding-right: 27px;
}
.service-tabsDga .serv-item,
.service-tabsDga .serv-item .servtitle ,
.service-tabsDga .serv-item .servicon {
    text-align: right;
}
.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 #0096B6;
        transform: unset;
    margin: 0;
    background: #fff;
    box-shadow: unset;
}

.service-tabsDga .serv-item:hover .servtitle {
    color: #464749;
    transform: unset;
        margin-top: 0;
}
.service-tabsDga .serv-item:hover .servicon {
    transform: unset;
        height: 61px;
}
.service-tabsDga .serv-item:hover .servicon img {
    filter: unset;
}
.service-tabsDga .serv-item .btnInCardSecondary ,
.service-tabsDga .serv-item .btnInCardPrimary {
    margin-top: 20px;
}

.serviceswrapper {
    padding: 40px 0 90px;
}
.serviceswrapper .servs-group  .text-center{
padding-top: 10px;
}
.btnInCardSecondary ,
.btnInCardPrimary {
   display: inline-block;
    color: #003462;
    font-size: 14px;
   background: rgba(0, 149, 182, 0.2);
    padding: 4px 12px;
    border-radius: 1.6rem;
}
.btnInCardPrimary:hover {
    background: #0096B6;
    color: #fff
}
.btnInCardSecondary {
    color: #8E2727;
    background: rgba(207, 122, 122, 0.2);
}
.btnInCardSecondary:hover {
   background: #CF7A7A;
    color: #fff
}
/* end cards */
/* start jumping links page */
.contentJumpingLinks {
    padding-bottom: 100px
}
.contentJumpingLinks h3 {
    font-size: 22px;
    margin-bottom: 15px;
    color: #242424 !important;
    font-family: 'fontBold';
}
.contentJumpingLinks p {
    margin-bottom: 16px
}
.contentJumpingLinks ol li ,
.contentJumpingLinks ul li ,
.contentJumpingLinks p {
    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 a:hover {
    color: #066058;
}
.contentJumpingLinks p .DgaLink {
    display: inline-block;
    padding-top: 20px;
    text-decoration: unset;
}
.contentJumpingLinks ol li {
     padding-left: 10px;
    list-style: decimal!important;
}
.contentJumpingLinks .sectionJump{
    scroll-margin-top: 0px;
    padding-bottom: 30px
}

@media (min-width: 1800px) {
    .notContainer {
/*
        width: 95%;
        max-width: unset;
        margin: 0 auto;
*/
    }
}
/* end jumping links page */
/* start footer */
.footer-bg,
.last-footer,
footer.new-footer .top-footer {
    background-color: #066058;
}
.branchesDetailsWapper .breanchBox .BIcon img,
.followUS .FlUS a img ,
.DgaLink img,
footer.new-footer .top-footer .footer-top-card .img-icon img {
    filter: invert(71%) sepia(48%) saturate(830%) hue-rotate(153deg) brightness(60%) contrast(95%);
}
.new-footerV2 .footer-socialParent h4,
.new-footerV2 .toolsFooter h4,
.new-footerV2 .appFooterV2 h4,
.new-footerV2 .newULFooter li h5{
        font-size: 18px;
    padding: 0 0 10px 0;
    color: #FFFFFF;
}
.new-footerV2 .last-footer p, .new-footerV2 .last-footer .second-section a {
    color: #FFFFFF;
}
.mid-footer .third-section .footer-social a img {
    filter: unset;
}
.new-footerV2 .newULFooter li {
    margin-bottom: 5px
}
.new-footerV2 .newULFooter li a{
    font-size: 1.6rem;
    color: #FFFFFF;
    line-height: 1.4;
}
.new-footerV2 .newULFooter li a:hover {
    color: #FFFFFF;
}
.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 {
    display: flex;
}
.new-footerV2 .forFlexFooter a:not(:last-of-type){
      margin-left: 20px;
}
.new-footerV2 .align-items-space-between-custom {
        justify-content: space-between;
}
.new-footerV2 .last-footer p,
.new-footerV2 .last-footer .second-section a {
        font-size: 13px;
}

.new-footerV2 .toolsFooter h4,
.new-footerV2 .appFooterV2 h4 {
    padding: 0 0 20px 0;
}
/* end footer */
/* start accordion */

.innerpages .accordion .card {
    box-shadow: unset;
    border-bottom: 1px solid #F0F0F0;
    border-radius: 0;
    margin-bottom: 0;
}
.innerpages .accordion .card .card-header h2 .btn-link {
     color: #58595B!important;
    font: normal 18px fontBold, arial, sans-serif;
    
}
.innerpages .accordion .card .card-header h2 .btn-link.collapsed {
    color: #58595B!important;
    font-family: 'fontReg';
    font: normal 18px fontReg, arial, sans-serif;
} 
.innerpages .accordion .card .collapse {
    border-top: unset;
}
.innerpages .accordion .card .card-body p {
      font: normal 1.6rem fontReg, arial, sans-serif;
}
.innerpages .accordion .card .card-header h2 .btn-link {
    background: transparent url("newImgDga/accordion-expandedV2.svg") left center no-repeat;
}
.innerpages .accordion .card .card-header h2 .btn-link.collapsed {
    color: #464749;
    background: transparent url("newImgDga/accordion-collapsedV2.svg") left center no-repeat;
/*    background: transparent url(../images/accordion-collapsedV2.svg) left center no-repeat;*/
}
.accordion>.card:not(:first-of-type):not(:last-of-type) {
        border-bottom: 1px solid #F0F0F0;
}
/* start accordion */
/* home page */
.bgNews {
    padding-bottom: 60px;
    position: relative;
}
.bgNews::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #F5F7FA;
    height: 322px;
    width: 100%;
    z-index: -1;
    background-image: url("newImgDga/patternWhite.svg");
}
.bgNews .titleNews{
    padding-bottom: 35px;
    }
.awarenessMesSection .swiper,
.bgNews .swiperContainerNew  {
    overflow: hidden;
}
.bgNews .swiperContainerNew .text-center{
    padding-top: 37px;
}

.bgNews .mainBoxV2 .MBTxt .dateV2 {
    margin-bottom: 0;
}
.bgNews .mainBoxV2 .MBTxt .dateV2 span {
    padding-right: 8px;
}
.paginationCustom {
    padding-top: 27px;
}
.paginationCustom .swiper-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    height: 18px;
}
.paginationCustom .swiper-pagination .swiper-pagination-bullet,
.home-content .swiper-pagination .swiper-pagination-bullet {
    width: 8px !important;
    height: 8px;
    background: #5A676A;
}
.paginationCustom .swiper-pagination .swiper-pagination-bullet-active,
.home-content .swiper-pagination .swiper-pagination-bullet-active {
    background: #3CA078 !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-right: 3px;
    padding-left: 3px;
}
.awarenessMesSection .mainBoxV2 {
    margin: 10px;
}
.awarenessMesSection .text-center{
    padding-top: 25px;
}
.awarenessMesSection .mainBoxV2:hover {
    box-shadow: 0 5px 30px rgba(35, 100, 90, 0.1); 
}
.commissionINums {
    padding: 145px 0 65px 0;
    background-color: #F5F7FA;
    background-image: url("newImgDga/patternWhite.svg");
}
.commissionINums .commTxt {
    padding-top: 60px;
}
.commissionINums .commTxt .font35{
    padding: 0;
    color: #58595B;
    font-size: 3.5rem;
}
.commissionINums .commTxt .p16 {
    margin-bottom: 70px;
    padding-left: 150px;
    line-height: 25px;
}
.commissionINums .commTxt .primaryBtnSaso{
    margin-bottom: 70px;
}
.commissionINums .comMNUmbers {
position: relative;
}
.commissionINums .comMNUmbers .boxNumberV2 {
    display: inline-flex;
    width: 230px;
    height: 198px;
    background: rgba(60, 160, 120, 0.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: ltr;
    /* font-family: 'NotoNaskhArabic'; */
}
.numberWapperV2 .comMNUmbers:nth-of-type(1) .boxNumberV2{
    background: rgba(22, 15, 62, 0.8);
    transform: translate(-16px, -20px);
}

.numberWapperV2 .comMNUmbers:nth-of-type(3) .boxNumberV2{
    background: rgba(171, 159, 213, 0.8);
    transform: translate(-46px, -35px);
}
.numberWapperV2 .comMNUmbers:nth-of-type(4) .boxNumberV2{
    background: rgba(132, 131, 131, 0.8);
    transform: translate(-55px, 5px);
}
.commissionINums .numberWapperV2 .popUpNumber {
    width: 26px;
    height: 26px;
    background: #3CA078;
    border-radius: 50%;
    position: absolute;
    content: "";
    top: -80px;
    left: 35%;
}
.commissionINums .numberWapperV2 .popUpNumber:nth-of-type(2) {
    top: 20%;
    left: 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;
    left: 68%;
    top: -92px;

}
.commissionINums .numberWapperV2 .popUpNumber:nth-of-type(4) {
    background: #066058;
    top: 66%;
    left: 84%;
}
.commissionINums .numberWapperV2 .popUpNumber:nth-of-type(5) {
    background: #AC9FD5;
    top: 62%;
    left: -40px;
    width: 15px;
    height: 15px;
}
.commissionINums .numberWapperV2 .popUpNumber:nth-of-type(6) {
    background: #3CA078;
    top: 90%;
    left: -15px;
    width: 13px;
    height: 12px;

}
.download-app {
    background-color: #F5F7FA;
}
/* bannerDga */
.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;

}
.mainslider.bannerDga .swiper-button-next, .mainslider.bannerDga .swiper-button-prev {
    display: none;
}
.mainslider.bannerDga .swiper-pagination-bullet-active {
    background: #fff;
}
.mainslider.bannerDga .silder-item .slider-img::after {
  /*  background: rgb(6,96,88);
    background: -moz-linear-gradient(270deg, rgba(6,96,88,1) 2%, rgba(6,96,88,1) 46%, rgba(4,14,21,0) 100%);
    background: -webkit-linear-gradient(270deg, rgba(6,96,88,1) 2%, rgba(6,96,88,1) 46%, rgba(4,14,21,0) 100%);
    background: linear-gradient(270deg, rgba(6,96,88,1) 2%, rgba(6,96,88,1) 46%, rgba(4,14,21,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#066058",endColorstr="#040e15",GradientType=1);
	
	*/
}
.mainslider.bannerDga .silder-item .slider-img::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
   /* background-image: url(./newImgDga/Search-vs-navigation.svg);*/
    z-index: 1;
    background-size: cover;
}
.mainslider.bannerDga .swiper-pagination-bullet {
    background: #fff;
}
.serveyV2 {
    position: fixed;
    right: 0;
    background: #FFFFFF;
    top: 300px;
    box-shadow: 0 2px 21px rgba(0, 0, 0, 0.2);
    border-radius: 9px 0 0 9px;
    padding: 16px 25px;
    z-index: 99;
    transition: .35s;
    width:90px;
    overflow: hidden;
}
.serveyV2:hover {
    width:180px;
}
.serveyV2:hover span{
    visibility:visible;
    transition: .30s;
}
.serveyV2 a {
    display: flex;
    align-items: center;

}
.serveyV2 a:nth-of-type(2) {
    margin-top: 20px;
}
.serveyV2 a span {
    font-size: 1.6rem;
    color: #585858;
    display: inline-block;
    margin-right: 16px;
    transition: .30s;
    visibility:hidden;
    white-space: nowrap;
}
/* .serveyV2 .servey-a img {
    width: 40px;
    object-fit: scale-down;
} */

/*
z-index: 99;
    width: 320px;
    position: fixed;
    right: 55px;
        bottom: 0;

*/
.serveyBoxRate.servey {
  inset-inline-start: 0;
  bottom: 0;
    top: unset
}
.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: space-between;
    margin-top: 20px;
}
.serveyBoxRate.servey .text-flex button {
    margin-inline-start: 0;
}
.serveyBoxRate.servey .text-flex .primaryBtnSaso {
    background-color: #066058 ;
}
.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(0px);
}
.serveyBoxRate.servey .pollWp.hidden-servey {
    background: #fff;
    width: 320px;
    right: 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 0px 0px;
}
.serveyBoxRate.servey input[type=radio]:checked + label {
    color: #3ca078 !important;
}
.serveyBoxRate.servey input[type=radio]:checked + label:after, input[type=checkbox]:checked + label:after {
    background: #3ca078 !important;
}
.serveyBoxRate.servey .pollWp::before {
    display: none;
}
/* end page 555555555555555555555555 */

/* services Details MM */

.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: 'fontBold';

}
.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{

}
.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: 65%;
    margin-bottom: 20px;
}
.service-det-main .head-box .font35{
    width: auto;
    padding: 0 ;
}
.service-det-main .head-box .start-serv{
    display: block;
    font-size: 1.6rem;
    font-family: 'fontBold';
    color: #fff;
    background-color: #066058;
    padding: 7px 25px 5px;
    border-radius: 10px;
    margin-left: 0;
    margin-right: auto;
    min-width: 125px;
    text-decoration: unset;
    text-align: center;
}
.service-det-main .hashtags{
    margin-bottom: 24px;
}
.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;
}
.service-det-main .hashtags span{
    padding: 3px 12px 4px;
    font-size: 14px;
    border-radius: 12px;
    transition: 500ms;
}
.service-det-main .hashtags a + a{
    margin-right: 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: #066058;
}
.service-det-main .hashtags span.green:hover{
    background-color: #3CA078;
    color: #fff;
}
.service-det-main .p16{
    padding-left: 50px;
}
.service-det-main .links{
    margin-top: 30px;
}
.service-det-main .links .DgaLink + .DgaLink{
    margin-right: 15px;
}
.service-det-main .links .DgaLink span{
    font-size: 1.6rem;
    text-decoration: underline;
}
.service-det-main .links .DgaLink img{
    transform: scaleX(-1);
    margin-right: 3px;
}




.services-tabs .tab-content{
    padding: 0;
}
.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:#3CA078
}

.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 span{
    text-decoration: underline;
}
.services-tabs .tab-content ul li .DgaLink img{
    transform: scaleX(-1);
    margin-right: 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;
    right: -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: 300ms;
}
.services-tabs .tab-content ul.docs li a:hover{
    color: #066058 ;
}

.services-tabs .tab-content ol{
    list-style: auto;
    padding-right: 22px;
}


.services-tabs .tab-content ol li{
    list-style: auto;
    color: #58595B;
    font-size: 1.6rem;
    margin-bottom: 10px;
    padding-right: 10px;

}

.services-tabs .tab-content ol li::marker{
    color:#066058 
}
.services-tabs .nav{
    justify-content: center;
    align-items: center;
    margin-top: 50px !important;
    margin-bottom: 50px !important;
    border: 1px solid rgb(0 150 182 / 35%) !important;
    border-radius: 16px;
    overflow: hidden;
    max-width: 670px;
    margin: 0 auto;
}

.services-tabs .nav .nav-link{
    font-size: 1.6rem;
    color: #787676;
    background-color: transparent;
    border: none;
    padding: 10px 5px;
}
.services-tabs .nav .nav-link + .nav-link{
    margin-right: 25px;
}
.services-tabs .nav .nav-link:hover{
    border: 0;

}
.services-tabs .nav .nav-link.active{
    color: #464749;
    border-bottom: 3px solid #3CA078 
}

/* services Details MM */

/* start MM */
/* 
        statistics
 */


 /* .statistics{

    margin-bottom: 300px;
 } */


 .main-sec{
    margin-top: 40px;
    margin-bottom: 50px;
}

.main-sec h1{
    font-size: 35px;
    font-family: 'fontBold';
    color: #464749;
    text-decoration: underline;
    margin-bottom: 16px;
}

.main-sec p{
    font-size: 1.6rem;
    color: #58595B;
}


.stats-sec{}

.stats-sec .stats-container{
    border: 1px solid #B1D9C9;
    padding: 0 40px 15px;
}
.stats-sec .stats-container + .stats-container{
    margin-top: 40px;
}
.stats-sec .stats-container:last-of-type{
    margin-bottom: 60px;
}
.stats-sec .stats-container h3{
    font-size: 22px;
    font-family: 'fontBold';
    color: #58595B !important;
    padding-bottom: 10px;
    border-bottom: 1px solid #D8ECE4;
    vertical-align: middle;
    /* margin-bottom: 30px; */
}
.stats-sec .stats-container h3 span{
    font-size: 40px;
    font-weight: 600;
    color: #3CA078;
    font: 4rem NotoNaskhArabic, 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: center;
    justify-content: center;
    width: 25%;
    min-height: 190px;
    margin-top: 35px;
    position: relative;
}
.stats-sec .stats-container .stat-card::after{
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 100px;
    width: 1px;
    background-color: #D8ECE4;
}
.stats-sec .stats-container .stat-card:last-child:after,
.stats-sec .stats-container .stat-card:nth-child(4n):after{
    display: none;
}
.stats-sec .stats-container .stat-card .icon-boxx{
    margin-bottom: 10px;
}
.stats-sec .stats-container .stat-card .icon-box img{}
.stats-sec .stats-container .stat-card .stat-num{
    font-size: 40px;
      font: 4rem NotoNaskhArabic, arial, sans-serif;
    font-weight: 600;
    color: #464749;
    line-height: 40px;

}
.stats-sec .stats-container .stat-card p{
    font-size: 1.6rem;
    color: #888888;
    margin-bottom: 0;
    max-width: 170px;
    text-align: center;
    line-height: 1.2;
    margin-top: 10px;
    padding: 0;
}







/* 
        new header 
*/

.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-right: 0;
    font-size: inherit;
    max-width: 190px;
    flex: 0 0 190px;
    margin-left: 55px;
}
.header-wrapper .topnav .navbar .navbar-brand .logohere{
    width: 100%;
    height: 100%;
}

.header-wrapper .topnav .navbar{
    padding: 0;
}

.header-wrapper .topnav .navbar-nav .nav-item > a{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-right: 15px;
    padding-left: 15px;
    font-size: 15px;
    /* border-left:0.2px solid #3CA078 ; */
    border-left:0.2px 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: 24px;
    height: 24px;
    margin: 0;
}
.header-wrapper .topnav .navbar-nav .nav-item:first-child{
    max-height: inherit;
}
.header-wrapper .topnav .navbar-nav .nav-item > a.active{
    background-color: #066058;
    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{
    background-color: #066058;
    border-radius: 0;
}
.header-wrapper .topnav .navbar-nav .nav-item:first-child > a{
    padding-right: 15px;
}
.header-wrapper .topnav .navbar-nav .nav-item:first-child > a:hover{
    background-color: #066058;

}
.header-wrapper .topnav .navbar-nav .nav-item > a::before{
    content: "";
    position: absolute;
    height: 8px;
    width: 100%;
    top: 0;
    right: 0;
    opacity: 0;
    background-color: #3CA078;
    transition: 300ms;
}
.header-wrapper .topnav .navbar-nav .nav-item > a:hover::before{
    opacity: 1;
}
.header-wrapper .topnav .navbar-nav .nav-item > a.active::before{
    opacity: 1;
}
.header-wrapper .topnav .navbar-nav .nav-item > .dropdown-menu{
    background-color: #066058!important;
    top: 79px;
}
.header-wrapper .topnav .navbar-nav .nav-item > .dropdown-menu .new-rules .top-section a{
    background-color: #3CA078 !important;
}
.header-wrapper .topnav .navbar-nav .nav-item > .dropdown-menu .latest-events .event-date{
    background-color: #3CA078;
}
.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:#61C9A0
}

.header-wrapper .topnav .navbar-nav{
    justify-content: flex-start;
}


.topLnk.lang{
    font-size: 14px;
    font-family: 'fontBold';
    color: #3CA078;
    margin-right: 20px;
    text-transform: uppercase;
}


.searchicon{
    margin-right: 24px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.search-area{
    position: relative;

}
.searchicon span{
    font-size: 1.6rem;
    color: #464749;
    display: block;
}

.searchbox {
    position: absolute;
    width: 300px;
    height: 40px;
    top: 50px;
    right: -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: none !important;
    font-size: 14px;
    height: 40px;
    border-radius: 4px !important;
}
.searchbox .searchcontrols .search-btn{
    position: absolute;
    left: 5px;
    top: 5px;
}
.searchbox .searchcontrols .closeSearch-btn{
    position: absolute;
    right: 5px;
    top: 5px;
}
.searchbox .searchcontrols .closeSearch-btn i,
.searchbox .searchcontrols .search-btn{
    color: #58595B;
}





.header-wrapper .topnav.sticynav{
    padding: 0;
}
.header-wrapper .topnav.sticynav .navbar{
    display: flex !important;
}


.taw3eyat-mostahlek.dgaMessages  .item::before,
.taw3eyat-mostahlek.dgaMessages  .item h4::before {
    display: none;
}
.taw3eyat-mostahlek.dgaMessages  .item .img-box {
    height: 240px;
}
.taw3eyat-mostahlek.dgaMessages  .swiper-container {
    filter: unset;
    margin-bottom: 30px;
    border: 1px solid #CEE2E6;
}
.taw3eyat-mostahlek.dgaMessages  .swiper-container:hover {
     box-shadow: 0 5px 30px rgba(35, 100, 90, 0.1); 
}
.taw3eyat-mostahlek.dgaMessages  .item {
    min-height: 350px;
    filter: unset;
    box-shadow: unset !important;
}
.taw3eyat-mostahlek.dgaMessages .paddingTop.text-center .secondaryBtnSaso img {
    display: none;
}
.service-tabs .nav-tabs > li:hover a {
    background: #fff !important;
}
.taw3eyat-mostahlek.dgaMessages  .item h4 a, 
.taw3eyat-mostahlek.dgaMessages  .item h4 {
    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;
}

.taw3eyat-mostahlek.dgaMessages  .paddingTop.text-center {
    margin-top: 40px;
}
.service-tabs .nav-tabs > li a {
    border: 0px solid #066058 !important;
}
.service-tabs .nav-tabs > li a.active {
    background: unset !important;
}



/* M Mousa fixes Oct 22 2023 */

.BoxWhiteST {
    min-height: 150px;
    height: auto;
}

a.bluBtnConST {
    background-color: #066058;
    display: inline-block;
    padding: 7px 15px;
    padding-right: 40px;
    background-size: 25px;
    background-position: 90% center;
}
h5{
    color:#066058;
}
.BoxWhiteST p,
.BoxWhiteST p span{
    line-height: 1.5;
}

.service-det-main p,
.service-det-main .links{
    width: 65%;
} 


.services-tabs .nav .nav-link.active {
    border-bottom: 3px solid #3CA078 !important;
}


@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: 100px;
}

.ratingV2 .ratedCurrent p span + span {
    margin-right: 10px;
}
/* end M Mousa Fixes */

.service-tabsDga .serv-item .servicon {
    position: relative;
}
.service-tabsDga .serv-item .servicon::after {
    position: absolute;
    content: '';
    width: 35px;
    height: 35px;
    right: -15px;
    top: -10px;
    background-color: #d8ece4;
    border-radius: 50px;
    z-index: -1;
}
.new-footerV2 .align-items-space-between-custom .second-section {
    padding-top: 15px;
}
.mainslider.bannerDga .silder-item .slider-caption .primaryBtnSaso {
    color: #585858 !important;
}
.mainslider.bannerDga .silder-item .slider-caption .primaryBtnSaso:hover {
    color: #fff !important;
}
.service-tabsDga .serv-item:hover {
    border: 1px solid #238c5f;
}
.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 {
    border: 1px solid #3CA078 !important;
}
.header-wrapper .topnav .navbar-nav .nav-item.MainTabIsActive > a {
    background-color: #066058;
}
.header-wrapper .topnav .navbar-nav .nav-item.MainTabIsActive > a::before {
    content: "";
    position: absolute;
    height: 8px;
    width: 100%;
    top: 0;
    right: 0;
    opacity: 1;
    background-color: #3CA078;
    transition: 300ms;
}
.innerpages .rateWrapper .icon-star.active:before {
    color: #066058 !important;
}
.innerpages .breadCrumb {
    background: #066058;
}
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: #066058 !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, 0.05) !important;
}
.header-wrapper .topnav .navbar-nav .nav-item > a {
    justify-content: unset;
        text-align: center;
}
.contactUsFrom  .primaryBtnSaso {

}
.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;
}

/*******************

                            meeeeeeeeeeeeeeeeeeeeeedia

*********************/




@media(max-width:1650px){

}

@media(max-width:1400px){
    .branchesDetailsWapper .breanchBox .BTxt .font18 {
        font-size: 1.6rem;
        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;
    }

    /* end 1400 */
}
@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: 1.6rem;
        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-left: 25px;
    }

    .header-wrapper .topnav .navbar-nav .nav-item > a{
        padding-right: 10px;
        padding-left: 10px;
        font-size: 10px;
    }
    .header-wrapper .topnav .navbar-nav .nav-item:first-child > a{
        padding-right: 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-right: 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;
    }
  
    /* end 1199.98px */
}
@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%;
        right: 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;
    left: 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 20px 15px 30px;

    }
    .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-left: 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: #066058;
    }
    .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;
        right: -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;
        left: 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;
    }
    /* end 991.98px */
}
@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-left: 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%;
        right: 15px;
        left: 15px;
    }
    .new-footerV2 .footer-socialParent .footer-social {
        width: 80%;
    }
    .awarenessMesSection .col-lg-4 {
        width: 100%;
        margin-bottom: 40px;
    }
    /* .mainslider {
        max-height: 330px;
    } */
    button.navbar-toggler{
        left: 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-right: 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;
        right: -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{
        right: 0;
    }
    .layoutWidhSideMenu .alertBadge{
        flex-direction: column;
    }
    .layoutWidhSideMenu .alertBadge img{
        margin-bottom: 10px;
    }
    .layoutWidhSideMenu .alertBadge .font20{
        text-align: center;
        margin-left: 0;
        padding-bottom: 10px;
        border: none;
        border-bottom: 1px solid rgba(88, 88, 88, 0.2);
        margin-bottom: 10px;
    }
    .navbar-toggler:focus, .navbar-toggler:hover {
        background: #066058;
    }
    .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 {
        right: 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: #066058;
    }
    .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: #066058;
        margin: 0;
    }
    /* end 767.98px */
}
@media(max-width:650px) {
    .numberWapperV2 .comMNUmbers:nth-of-type(4) .boxNumberV2 {
        background: rgba(132, 131, 131, 0.8);
        transform: translate(-21px, 9px);
    }
    .commissionINums .numberWapperV2 .popUpNumber:nth-of-type(5) {
        top: 39%;
        left: 10px;
    }
    .commissionINums .numberWapperV2 .popUpNumber:nth-of-type(6) {
        top: 105%;
        left: 20px;
    }
    .commissionINums .numberWapperV2 .popUpNumber:nth-of-type(2) {
        top: 20%;
        left: 88%;
    }
    .commissionINums .numberWapperV2 .popUpNumber:nth-of-type(3) {
        background: #AC9FD5;
        left: 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;
    }

}






