body{padding-top: 140px !important;overflow-x:hidden;}
.page_intro.row.gallery-intro .inner:after{content:unset!important}
.custom-footer-wrap{color:#fff;display:flex;align-items:center}
.custom-footer-wrap .link-text-wrap ul{padding:0;display:flex}
.custom-footer-wrap .link-text-wrap ul li{list-style-type:none}
.custom-footer-wrap .link-text-wrap ul li .media-left{}
.custom-footer-wrap .link-text-wrap ul li .media-body{list-style-type:none}
.custom-footer-wrap .copy-right-wrap{display:block}
.custom-footer-wrap .copy-right-wrap .copyright{display:block}
.custom-footer-wrap .link-text-wrap{flex:1}
.custom-footer-row{padding:25px 0 25px;margin-top:0!important}
.custom-content-wrapper{background:rgba(228,228,228,0.54);/* padding:55px 0 30px 0 */}
.custom-content-wrapper .content-wrapper-inner{}
.custom-content-wrapper .content-wrapper-inner .aside-wrap{}
.custom-content-wrapper .content-wrapper-inner .left-aside{background:#05467b;color:#fff;background: #488025;}
.custom-content-wrapper .content-wrapper-inner .aside-wrap .box{}
.custom-content-wrapper .content-wrapper-inner .aside-wrap .box h3{margin:0;font-size:20px;margin-bottom:15px;padding:15px 20px}
.custom-content-wrapper .content-wrapper-inner .aside-wrap .box ul{padding:0}
.custom-content-wrapper .content-wrapper-inner .aside-wrap .box ul li{list-style-type:none;display:block;display: flex;max-width: 220px;}
.custom-content-wrapper .content-wrapper-inner .aside-wrap .box ul li a{font-size: 15px;cursor:pointer;font-family: 'Karla',sans-serif;color:#fff;font-weight: 600;display:block;padding: 15px 46px;transition:0.5s all;text-transform: uppercase;text-align: center;min-height: 57px;/*border-right: 1px solid #42791f;*/}
.custom-content-wrapper .content-wrapper-inner .aside-wrap .box ul li a:hover{transition:0.5s all;background: #3a6d1b;}
.custom-content-wrapper .content-wrapper-inner .right-aside{padding:20px 40px 40px 40px;background:#fff;position:relative;margin-bottom: 20px;}
.custom-content-wrapper .content-wrapper-inner .right-aside .content-details-box{}
.custom-content-wrapper .content-wrapper-inner .right-aside .box{}
.custom-content-wrapper h4{margin:0;font-size:23px;margin-bottom: 30px;/* border-bottom:1px solid #f1f1f1; */line-height:45px;font-family:'Karla',sans-serif;text-transform:uppercase;font-weight:800;}
.custom-content-wrapper .section-title h4{ margin: 0;}
.custom-content-wrapper .section-title h6{font-family: 'Karla',sans-serif;font-size: 18px; margin: 0;border-bottom: 1px solid #eee; padding-bottom: 20px;}
.custom-content-wrapper .content-wrapper-inner .right-aside .box .content{}
.custom-content-wrapper .right-aside .box .content ul{}
.custom-content-wrapper .right-aside .box .content ul.change-pw{margin-bottom: 40px;}
.custom-content-wrapper .right-aside .box .content ul.change-pw:after{content:'';display:block;clear:both}
.custom-content-wrapper .right-aside .box .content ul.change-pw li{
    float: left;
    margin-right: 30px;
}
.custom-content-wrapper .right-aside .box .content ul li{padding: 0;}
.custom-content-wrapper .right-aside .box .content.form-content ul li{
    padding: 0;
}
.custom-content-wrapper .right-aside .inner-content{
    padding-top: 30px;
}
.custom-content-wrapper ul li .inner-content .label-wrap{}
.custom-content-wrapper .inner-content .label-wrap label.custom-label{font-size:14px;display:block;font-family: 'Karla', sans-serif;margin: 0;text-transform: uppercase;color: #aaa;}
.custom-content-wrapper ul li .inner-content .label-result-wrap{font-size:15px;border-bottom: 1px solid #eee;padding-bottom: 10px;}
.custom-content-wrapper .inner-content .label-result-wrap p{color:#000;font-weight:400;font-size: 26px;margin:0;font-family: 'Karla', sans-serif;}
.custom-content-wrapper .change-password-wrap{margin-top: 35px;display:block;position: relative;}
.custom-content-wrapper .change-password-wrap button.pasword-btn{line-height:35px;padding:0 20px;background: #54902f;color:#fff!important;/* background:#05467b; */border:1px solid #fff;font-family: 'Karla', sans-serif;text-transform: uppercase;transition: 0.5s all;}
.custom-content-wrapper .change-password-wrap button.pasword-btn:hover{transition: 0.5s all;background: #05467b}
.custom-content-wrapper .change-password-wrap button.custom-password-btn{line-height:35px;padding:0 20px;background: #54902f;color:#fff!important;/* background:#05467b; */border:unset;position:absolute;left: 0;font-size: 18px;}
.link_active{background:#488025;background: #05467b;}
.dash_board_wrapper{}
.dash_board_wrapper .welcome_wrap{}
.dash_board_wrapper .welcome_wrap .welcome_inner_wrap{}
.dash_board_wrapper .welcome_wrap h4{font-size:26px;margin:0;padding-bottom:25px}
.dash_board_wrapper .welcome_wrap .facility_wrap{display:flex}
.dash_board_wrapper .welcome_wrap .facility_wrap .facility_box{}
.dash_board_wrapper .welcome_wrap .facility_wrap .facility_left{}
.dash_board_wrapper .welcome_wrap .facility_wrap .facility_right{margin-right:0!important}
.dash_board_wrapper .welcome_wrap .facility_wrap .facility_box{flex:1;background:#fff;padding:25px;margin-right:20px}
.dash_board_wrapper .welcome_wrap .facility_wrap .facility_box h4{padding-bottom:10px;font-size:13px;text-transform:uppercase;margin:0;padding:0;border-bottom: 0;}
.dash_board_wrapper .welcome_wrap .facility_wrap .facility_box h5{font-size:13px;text-transform:uppercase}
.dash_board_wrapper .welcome_wrap .facility_wrap .facility_box p{font-size:24px;margin:0 0 20px 0;font-weight:300}
.dash_board_wrapper .welcome_wrap .facility_wrap .facility_box .button-wrap{margin-top:20px}
.dash_board_wrapper .welcome_wrap .facility_wrap .facility_box .button-wrap a{line-height:35px;padding:1px 20px;margin-top:10px;color:#fff!important;background:#488025;margin-right:10px;font-size:15px;min-width:180px;display:inline-block;text-align:center;font-family:'Karla',sans-serif}
.dash_board_wrapper .pie-chart-wrap{margin-top:20px;background:#fff;position:relative}
.dash_board_wrapper .pie-chart-wrap h6{font-size:13px;text-align:center;left:0;right:0;bottom:22px;text-transform:uppercase}
.dash_board_wrapper .pie-chart-wrap .pie-chart-inner-wrap{display:flex;justify-content:space-evenly}
.dash_board_wrapper .pie-chart-wrap .chart-box{flex:1;padding:15px 60px 20px 60px;position:relative}
#doughnut-chart-1,#doughnut-chart-2,#doughnut-chart-3{margin:0 auto}
h4.pie-chart-top-title{text-align:center;left:0;right:0;font-size:20px;padding:30px 0 0 0}
.profile-wrap{margin:20px auto}
.profile-wrap .profile-wrap-inner{}
.profile-wrap .profile-wrap-inner .profile_box{}
.profile-wrap .profile-wrap-inner .profile_box .profile_left{background:#3172ab;color:#fff}
.profile-wrap .profile-wrap-inner .profile_box .profile_right{background:#E19716;color:#fff}
.profile-wrap .profile-wrap-inner h5{font-family:'Comfortaa',cursive!important;font-size:16px!important;margin-bottom:30px}
.profile-wrap .profile-wrap-inner a{text-transform:uppercase;color:#fff;font-family:'Karla',sans-serif;font-weight:bold;display:inline-block}
.profile-wrap .profile-wrap-inner .link_profile-btn{}
.profile-wrap .profile-wrap-inner .link_profile-btn a{text-transform:uppercase;color:#fff;font-family:'Karla',sans-serif;font-weight:bold;display:inline-block;margin-right:20px}
.profile-wrap .profile-wrap-inner .link_profile-btn a:after{content:'';width:100%;height:1px;background:#fff;content:'';display:block;margin:5px 0 0;-webkit-transition:all 300ms ease-in-out 0s;transition:all 300ms ease-in-out 0s}
.profile-wrap .profile-wrap-inner a:after{content:'';width:100%;height:1px;background:#fff;content:'';display:block;margin:5px 0 0;-webkit-transition:all 300ms ease-in-out 0s;transition:all 300ms ease-in-out 0s}
.custom-input-text{width:100%;height:38px;padding:5px 10px}
.password-wrapped ul li .inner-content .label-result-wrap{
    border: 0;
    padding-bottom: 0;
}
.password-wrapped .inner-content{padding:0 0 15px 0;line-height:37px}
.change-password-wrap{display: flex !important;align-items:center;flex-direction: column-reverse;justify-content: space-between;}
.change-password-wrap a{font-size:16px;margin-right: 0;}
.change-password-wrap i.password-arrow{margin-right:10px}
.change-password-wrap button.pasword-btn{}
.custom-content-wrapper .content-wrapper-inner .right-aside-thumb{padding:35px 15px 0 15px;background:#fff}
.serviceDetailsSection p{text-align:left!important}
.filter-box-wrap{
    display: flex;
    align-items: center;
    margin-bottom: 35px;
    border-bottom: 1px solid #f1f1f1;
}
.filter-box-wrap .filter-title{
    flex: 1;
}
.filter-box-wrap .filter-title h4{
    margin-bottom: 0;
}
.filter-box-wrap .filter-wrap{
    display: flex;
    align-items: center;
}
.filter-box-wrap .filter-wrap span{
    font-weight: 600;
}
.filter-box-wrap .filter-wrap select{
    width: 150px;
    margin: 0 15px;
}
.filter-box-wrap .filter-wrap button.filter-btn{
    border: 0px;
    /* background: #115a96; */
    /* margin-left: 15px; */
    line-height: 22px;
    background: #05467b;
    color: #fff;
    font-family: 'Karla',sans-serif;
    text-transform: uppercase;
    padding: 6px 0;
    padding: 5px 10px 5px 14px;
}
.filter-box-wrap .filter-wrap button.filter-btn i{
    margin-left: 5px;
}
.dashboard-wrapper-box{}
.dashboard-wrapper-box .inner-dashboard-wrap{}
.dashboard-wrapper-box .inner-dashboard-wrap .reg-letter-wrap{}
.dashboard-wrapper-box .inner-dashboard-wrap .reg-letter-wrap .letter-inner-wrap{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding-bottom: 15px;
}
.dashboard-wrapper-box .inner-dashboard-wrap .reg-letter-wrap .letter-inner-wrap h6{
    font-size: 16px;
    margin: 0;
    font-family: 'Karla', sans-serif;
    text-transform: uppercase;
}
.dashboard-wrapper-box .inner-dashboard-wrap .reg-letter-wrap .letter-inner-wrap button.view-btn{
    margin: 0 10px 0 15px;
    line-height: normal;
    padding: 7px 20px;
    margin-top: 7px;
    color: #fff!important;
    background: #05467b;
    border: unset;
    text-transform: uppercase;
    margin-top: 0;
    font-size: 15px;
    font-family: 'Karla', sans-serif;
}
.dashboard-wrapper-box .inner-dashboard-wrap .reg-letter-wrap .letter-inner-wrap span{
    color: #8c8c8c;
    font-family: 'Karla', sans-serif;
    font-size: 14px;
    text-transform: uppercase;
}
.dashboard-wrapper-box .name-wrapper-section{
    background: #fff;
    margin-top: 30px;
    padding: 25px;
    margin-bottom: 30px;
}
.dashboard-wrapper-box .name-wrapper-section .box-wrap{
    display: flex;
    justify-content: space-between;
}
.dashboard-wrapper-box .name-wrapper-section .box-wrap .inner-content {
    /*flex: 1;*/
}
.inner-content .label-wrap{}
.inner-content .label-wrap .custom-label{
    font-size: 14px;
    display: block;
    font-family: 'Karla', sans-serif;
    margin: 0;
    text-transform: uppercase;
    color: #aaa;
}
.inner-content .label-result-wrap{}
.inner-content .label-result-wrap p{
    color: #000;
    font-weight: 400;
    font-size: 26px;
    margin: 0;
    font-family: 'Karla', sans-serif;
}
.tab-wrapper-section{
    padding: 0 15px 15px;
    background: #fff;
}
.tab-wrapper-section .tab-inner-wrap{}
.tab-wrapper-section .tab-inner-wrap .nav-tabs{border-bottom: 1px solid transparent;}
  .tab-wrapper-section .tab-inner-wrap .nav-tabs li.nav-item{background: #05467b;color: #fff;margin-right:1px;background: #54902f;}
    .tab-wrapper-section .tab-inner-wrap .nav-tabs li.nav-item.active{}
.tab-wrapper-section .tab-inner-wrap .nav-tabs li.nav-item.active a{
    background: #fff;
    color: #000;
    margin-right: 0;
    border-top: 1px solid #ccc !important;
    border-right: 1px solid #ccc !important;
    border-left: 1px solid #ccc !important;
}
.tab-wrapper-section .tab-inner-wrap .nav-tabs li.nav-item a{
    font-size: 16px;
    color: #000;
    font-weight: 500;
    padding: 20px 20px;
    color: #fff;
    transition: none;
    border-radius: 0;
    cursor: pointer;
    /* border: 1px solid #ddd !important; */
    border-bottom: unset!important;
    /* border-left: 0px solid #fff !important; */
}
.tab-wrapper-section .tab-inner-wrap .nav-tabs li.nav-item a:hover{
    background: #73a6d0;
    border: 1px solid transparent;
}
.tab-wrapper-section .tab-inner-wrap .nav-tabs li.nav-item a.active{/* color: #fff; */}
.tab-wrapper-section .tab-content{
    padding: 30px;
    background: #fff;
    border: 1px solid #ddd;
    margin-top: -1px;
}
.tab-wrapper-section .tab-content .tab-pane{}
.tab-wrapper-section .tab-content .tab-pane .tab-contenet-inner-wrap{}
.tab-wrapper-section .tab-content .tab-pane .tab-contenet-inner-wrap .tab-content-box{
    border-bottom: 1px solid #eee;
    margin-bottom: 20px;
    padding-bottom: 20px;
}
.tab-wrapper-section .tab-content .tab-pane .tab-contenet-inner-wrap .tab-content-box:last-child{border-bottom: unset;margin-bottom: 0;}
  .tab-wrapper-section .tab-content .tab-pane .tab-contenet-inner-wrap .tab-content-box:after{clear: both;display: block;content: ''}
  .tab-wrapper-section .tab-content .tab-pane .tab-contenet-inner-wrap .tab-content-box .col-md-4{}
.tab-wrapper-section .tab-content .tab-pane .tab-contenet-inner-wrap .tab-content-box .col-md-4 .inner-content{}
.custom-date-wrap{

}
.custom-date-wrap span{
    display: block;
}
.custom-date-wrap span p{
}
.tab-wrapper-section .tab-box-wrap{
    display: flex;
    /* border-bottom: 1px solid #ddd; */
}
.tab-wrapper-section .tab-box-wrap .tab-menu{
    flex: 1;
}
.tab-wrapper-section .tab-box-wrap .tab-menu li{max-width: 210px;}
.tab-wrapper-section .tab-box-wrap .tab-menu li a{}
.tab-wrapper-section .tab-box-wrap .tab-menu li a{
    padding: 10px 12px !important;
    line-height: normal;
    font-size: 15px !important;
    min-height: 71px;
    display: flex;
    align-items: center;
}
.tab-wrapper-section .tab-box-wrap .change-password-wrap{
    position: unset;
    margin-top: 0;
}
.tab-wrapper-section .tab-box-wrap .change-password-wrap a{
    margin-right: 0;
    /* line-height: 35px; */
    padding: 5px 15px;
    color: #fff!important;
    background: #488025;
    border: 0;
    font-size: 15px;
    /* margin-top: 8px; */
    font-family: 'Karla', sans-serif;
    text-transform: uppercase;
}
.inner-content{}
  .inner-content .file-upload-wrap{}
.inner-content .file-upload-wrap button.upload-btn{
    padding: 7px 15px 7px 20px;
    color: #fff!important;
    background: #F44336;
    border: 0;
    margin-top: 10px;
    font-family: 'Karla', sans-serif;
    text-transform: uppercase;
    font-size: 14px;
}
.inner-content .file-upload-wrap a.upload-btn{
    padding: 7px 15px 7px 20px;
    color: #fff!important;
    background: #F44336;
    border: 0;
    margin-top: 10px;
    font-family: 'Karla', sans-serif;
    text-transform: uppercase;
    font-size: 14px;
    display: inline-block;
    background: #5f5e5e;
}
.inner-content .file-upload-wrap button.upload-btn i{
    margin-left: 7px;
    font-size: 17px;
}
.inner-content .file-upload-wrap a.upload-btn i{
    margin-left: 7px;
    font-size: 17px;
}
a.dashboard_verification_link{
    border: 0px;
    background: #54902f;
    line-height: 22px;
    /* background: #05467b; */
    font-family: 'Karla',sans-serif;
    text-transform: uppercase;
    padding: 6px 10px;
    color: #fff;
    display: inline-block;
    text-align: center;
    margin: 0 10px;
    border: 1px solid #05467b;
    border: 1px solid #54902f;
    transition: 0.5s all;
    vertical-align: middle;
    width: 130px;
}
a.inboxlink{
    border: 0px;
    background: #54902f;
    line-height: 22px;
    font-family: 'Karla',sans-serif;
    text-transform: uppercase;
    padding: 6px 10px;
    color: #fff;
    display: block;
    text-align: center;
    margin: 0px;
    border: 1px solid #05467b;
    border: 1px solid #54902f;
    transition: 0.5s all;
    vertical-align: middle;
}
a.dashboard_verification_link:hover{transition: 0.5s all;background: #05467b;}
.my-contracts-wrapper{margin: 30px auto;}
.my-avaiable-service-wrapper{margin: 0;font-size: 23px;line-height: 45px;font-family: 'Karla',sans-serif;text-transform: uppercase;font-weight: 800;background: #fff;padding: 20px 40px 30px 40px;margin-bottom: 30px;}
.my-avaiable-service-wrapper .inner-service-wrapper{
    display: flex;
    margin: 0 -10px;
}
.my-avaiable-service-wrapper h4{
    margin-bottom: 35px;
    border-bottom: 1px solid #f1f1f1;
}
.my-avaiable-service-wrapper .inner-service-wrapper .service-box{
    align-items: center;
    background: #9e9e9e1f;
    padding: 20px 10px;
    flex: 1;
    margin-right: 30px;
    border-radius: 4px;
    color: #000;
    text-align: center;
    text-transform: none;
    max-width: 30%;
    margin: 0 10px;
}
.my-avaiable-service-wrapper .inner-service-wrapper .service-box:hover{background-color:#ddd}
.my-avaiable-service-wrapper .inner-service-wrapper .service-box:last-child{margin-right: 0}
.my-avaiable-service-wrapper .inner-service-wrapper .service-box .image-box{}
.my-avaiable-service-wrapper .inner-service-wrapper .service-box .image-box{
    border: 2px dashed #4CAF50;
    width: 110px;
    height: 110px;
    padding: 23px;
    border-radius: 50%;
    margin: auto;
}
  .my-avaiable-service-wrapper .inner-service-wrapper .heading-wrap{
    font-weight: bold;
}
.my-avaiable-service-wrapper .inner-service-wrapper .heading-wrap h5{
    /* margin-left: 15px; */
    font-weight: bold;
    font-size: 15px;
}
.my-avaiable-service-wrapper .collection-wrap{
    display: flex;
    align-items: center;
    /* width: 100%; */
}
.my-avaiable-service-wrapper .collection-wrap .collection-btn{
    display: flex;
    flex: 1;
}
.my-avaiable-service-wrapper .collection-wrap .collection-btn button{
    border: 0px;
    line-height: normal;
    background: #05467b;
    font-family: 'Karla',sans-serif;
    text-transform: uppercase;
    padding: 6px 0;
    color: #fff;
    display: block;
    text-align: center;
    font-size: 14px;
    padding: 8px 20px;
    margin-right: 15px;
}
.my-avaiable-service-wrapper .collection-wrap .collection-select{}
.my-avaiable-service-wrapper .collection-wrap .collection-select select{
    width:200px;font-size: 15px;
}
.color-change{
    margin-right: 15px !important;
        width: 150px !important;
}
.color-change:hover{
    transition: 0.5s all;
    background-color: #488025 !important;
    border: 1px solid #488025;    padding: 10px 16px;



}
.btn-font-change a{
 font-family: 'Karla', sans-serif !important;
  font-size: 15px !important;
  border-radius: 0px !important;
}
.text-arange{
    text-align: center;
    font-family: 'Karla', sans-serif !important;
}
.text-arange h3{text-align: left;font-weight: 600}

.landing-intro{
    font-family: 'Karla', sans-serif !important;
}
.landing-intro h3{text-align: left;font-weight: 600}
.pop-up-header{

    border-bottom:0;
}
.pop-up-footer{
border-top:0;
}
.aside-wrap table{font-family: 'Karla',sans-serif;}
.aside-wrap table thead{
    font-size: 15px;
}
.aside-wrap table tbody{}
.three-btn-row{
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
}
#mycontarct-indiv-page .three-btn-row{
    display: block;
    text-align: left;
}
#mycontarct-indiv-page .contract-number{
    font-size: 16px;
}
#mycontarct-indiv-page .valida-for{
    font-size: 12px;
}
#mycontarct-indiv-page .valida-for span{display: block;}
#mycontarct-indiv-page .valida-for strong{
    font-weight: normal;
    color: #0b980b;
}
#mycontarct-indiv-page td{vertical-align:middle}
#mycontarct-indiv-page .three-btn-row a{
    display: block;
    margin: 0 0 3px 0;
    text-transform: none;
    /* padding: 1px 8px; */
}
.three-btn-row a{
    margin: 0 5px;
}
.collection-select .dropdown{}
.collection-select .dropdown button{
    border: 0px;
    line-height: normal;
    background: #54902f;
    /* background: #05467b; */
    font-family: 'Karla',sans-serif;
    text-transform: uppercase;
    padding: 6px 0;
    color: #fff;
    display: block;
    text-align: center;
    font-size: 14px;
    padding: 8px 20px;
    font-weight: 600;
    margin-right: 15px;
}
.collection-select .dropdown button i{    margin-left: 15px;}
.collection-select .dropdown .dropdown-menu{left: 26px;}
.collection-select .dropdown .dropdown-menu a.dropdown-item{display: block;color: #000;line-height: normal;padding: 10px 20px;}
.pdf-link-color-chenge{background-color: #ffffff !important;/* color: red !important; *//* border: 1px solid #ff1818 !important; */border: 1px solid transparent !important;color: #000 !important;}
.collection-table-wrap table{}
.collection-table-wrap table thead{
    font-size: 14px;
}
.collection-table-wrap table tbody .table-details-td{/* min-width:45px; */height: 40px;}
.collection-table-wrap table tbody{
    font-size: 13px;
    text-align: center;
}
.collection-table-wrap table tbody .table-details-td{
    border: unset;
}
  .collection-table-wrap table tbody .collection-green{
    background: #8BC34A;
    background: url(../images/tick.png) 50% 50% #8BC34A;
    background-size: 48px;
}
    .collection-table-wrap table tbody .collection-red{
    background: #ff0000;
}
  .collection-table-wrap table tbody .collection-yellow{
    background: #FFEB3B;
}
.collection-table-wrap .coll-count{
    text-align: center;
    padding: 0 0 10px;
    font-size: 18px;
}
.collection-table-wrap .coll-count span{color:green}
.collection-table-wrap table th{padding:20px 0 5px !important}
.collection-table-wrap table td{padding:5px 0 !important}
.collection-table-wrap table .collection-heading{
    display: block;
    text-align: center;
    font-size: 19px;
    font-weight: 300;
}
.collection-table-wrap table .collection-heading span{
    display: block;
    font-size: 13px;
    color: #c3c3c3;
}
.avaiable-inner-wrap{
    display: flex;
    align-items: center;
    margin-bottom: 35px;
    border-bottom: 1px solid #f1f1f1;
}
.avaiable-inner-wrap .title-wrap{
    flex: 1;
}
.avaiable-inner-wrap .title-wrap h4{
    border-bottom: 0;
    margin-bottom: 0;
}
.avaiable-inner-wrap .button-wrap{
    display: flex;
    align-items: center;
}
.avaiable-inner-wrap .button-wrap h5{
    font-size: 15px;
    text-transform: none;
}
.avaiable-inner-wrap .button-wrap .verification-link{}
.avaiable-inner-wrap .button-wrap .verification-link a{
    font-size: 13px;
    line-height: normal;
    margin-right: 0;
}
.my_collection_wrap{}
  .my_collection_wrap .collection-wrap{
    padding-bottom: 25px;
}
    .my_collection_wrap .collection-wrap .collection-btn{
    display: flex;
}
      .my_collection_wrap .collection-wrap .collection-btn button{
    border: 0px;
    line-height: normal;
    background: #54902f;
    /* background: #05467b; */
    font-family: 'Karla',sans-serif;
    text-transform: uppercase;
    padding: 6px 0;
    color: #fff;
    display: block;
    text-align: center;
    font-size: 14px;
    padding: 9px 20px;
    margin-right: 15px;
}
.my_collection_wrap .collection-wrap .collection-btn button{
    border-radius: unset;
}
.pdf-link a{text-align: center;display: block;color: #000!important;border: 1px solid #aaa;padding: 10px 15px;border-radius: 3px;width: 100%;margin-right: 20px;}
.month_highlight{
    color: #54902f;
}
.details-collection-box .table-details-td{height: 45px;}
.pdf-button-styles{text-transform: capitalize !important;}
.pdf-button-styles i{/* display: block; */margin-right: 7px;/*color: #d61010;*/color: #000}
.eservice-wrapper{}
.eservice-wrapper .inner-service-wrapper{}
.eservice-wrapper .inner-service-wrapper .service-content-wrap{}
.eservice-wrapper .inner-service-wrapper .service-content-wrap p{
    font-family: 'Karla', sans-serif;
    font-size: 16px;
    color: #000000;
    line-height: 24px;
    font-weight: normal;
    margin-bottom: 30px;
}
.eservice-wrapper .e-service-box-wrapper{}
.eservice-wrapper .e-service-box-wrapper .box-inner-wrapper{
    display: block;
}
.eservice-wrapper .e-service-box-wrapper .box-inner-wrapper ul{
    padding: 0;
    display: flex;
    /* background: #eee; */
    /* display: inline-block; */
    /* display: block; */
    /* width: 100%; */
    /* margin: 0 auto; */
    /* text-align: center; */
}
.eservice-wrapper .e-service-box-wrapper .box-inner-wrapper ul li{
    list-style: none;
    flex: 1;
    text-align: center;
    margin-right: 15px;
    /* background: #eeeeee3b; */
    padding: 25px 10px;
    position: relative;
    /* float: right; */
    /* width: 32%; */
    margin-bottom: 15px;
    /* border: 2px solid #eee; */
}
.eservice-wrapper .e-service-box-wrapper .box-inner-wrapper ul li:nth-child(1){margin-right: 0}
.eservice-wrapper .e-service-box-wrapper .box-inner-wrapper ul li:nth-child(4){/* width: 48%; *//* margin-right: 0; */}
.eservice-wrapper .e-service-box-wrapper .box-inner-wrapper ul li:nth-child(5){/* width: 49% */}
.eservice-wrapper .e-service-box-wrapper .box-inner-wrapper ul li:last-child{/* margin-right: 0; */position: relative;}
.eservice-wrapper .e-service-box-wrapper .box-inner-wrapper ul li .circle-box{transition: 0.5s all;padding: 10px 15px;}
.eservice-wrapper .e-service-box-wrapper .box-inner-wrapper ul li .circle-box:hover{transition: 0.5s all;background: #f3f3f3;}
.eservice-wrapper .e-service-box-wrapper .inner-circle{
}
.eservice-wrapper .e-service-box-wrapper .inner-circle .icon-box{
}
.eservice-wrapper .e-service-box-wrapper .inner-circle .icon-box .icon-wrapper{}
.eservice-wrapper .e-service-box-wrapper .inner-circle .icon-box .icon-wrapper img{
    width: auto;
    height: auto;
    max-width: 100%;
    border-radius: 50%;
}
.eservice-wrapper .e-service-box-wrapper .inner-circle .icon-box .icon-wrapper img.circle-icon{border: 2px dashed #4CAF50;/*width: 90px;height: 90px;*/width: 110px;height: 110px;}
.eservice-wrapper .e-service-box-wrapper .inner-circle .icon-box .icon-wrapper img.letter-register-icon{background: url(../images/icons/letter-register.png) no-repeat 50% 50%;    background-size: 64px;}
.eservice-wrapper .e-service-box-wrapper .inner-circle .icon-box .icon-wrapper img.new-facility-icon{background: url(../images/icons/facility-register.png) no-repeat 50% 50%;    background-size: 64px;}
.eservice-wrapper .e-service-box-wrapper .inner-circle .icon-box .icon-wrapper img.existing-facility{
    background: url(../images/icons/facility-renewal.png) no-repeat 50% 50%;
    background-size: 64px;
}
.eservice-wrapper .e-service-box-wrapper .inner-circle .icon-box .icon-wrapper img.contract-renewal-icon{background: url(../images/icons/contract-renewal.png) no-repeat 50% 50%;    background-size: 64px;}
.eservice-wrapper .e-service-box-wrapper .inner-circle .icon-box .icon-wrapper img.rehabilitation-icon{background: url(../images/icons/rehabilitation-register.png) no-repeat 50% 50%;    background-size: 64px;}
.eservice-wrapper .e-service-box-wrapper .icon-title-wrap{
    /* margin: 25px auto 45px auto; */
    margin-top: 15px;
}
.eservice-wrapper .e-service-box-wrapper .icon-title-wrap h5{
    font-size: 15px;
    font-family: 'Karla',sans-serif;
    margin: 0 !important;
    padding: 0 !important;
    font-weight: 700;
    /* margin-bottom: 20px; */
    display: block;
    color: #000;
}
.eservice-wrapper .e-service-box-wrapper .description-wrapper{
    display: none;
}
.eservice-wrapper .e-service-box-wrapper .description-wrapper p{
    max-height: 60px;
    overflow: hidden;
}
.eservice-wrapper .button-link-wrap{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
.eservice-wrapper .button-link-wrap a.more-details-btn{
    display: inline-block;
    line-height: 35px;
    padding: 0 20px;
    margin-top: 7px;
    color: #fff;
    background: #579131;
    text-transform: uppercase;
    font-family: 'Karla',sans-serif;
    margin: 5px;
    transition: 0.5s all;
}
.eservice-wrapper .button-link-wrap a.more-details-btn:hover{
  transition: 0.5s all;
  background: #05467b;
}
.aside-wrap .side-top-menu{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
    flex-wrap: wrap;
}
.aside-wrap .side-top-menu li{
    /* width: 14%; */
}
/* a:hover, a:focus{color: #fff !important;} */
ul.collection-points{
    padding: 0;
    display: flex;
    justify-content: center;
}
ul.collection-points li{
    list-style: none;
    font-size: 15px;
    display: flex;
    text-transform: capitalize;
}
ul.collection-points li .notify-circle{font-size: 16px;width: 16px;height: 16px;background: #000;border-radius: 50%;margin: 0 10px;}
ul.collection-points li .green-icon{
    display: flex;
    align-items: center;
}
ul.collection-points li .red-icon{
    display: flex;
    align-items: center;
}
ul.collection-points li .yellow-icon{
    align-items: center;
    display: flex;
}
ul.collection-points li .green-circle{
    background: #8BC34A;
}
ul.collection-points li .red-circle{
    background: #ff0000;
}
ul.collection-points li .yellow-circle{
    background: #FFEB3B;
}
.customer-preview .custom-preview-details ul .english-text-label{flex: 0.5!important;}
.custom-radio-wrapper{
    display: flex;
}
.btn-font-change .radion-btn-wrap{
    display: flex;
    flex: 1;
}
.btn-font-change .radion-btn-wrap .custom-control-inline{
    margin-right: 15px;
    font-size: 16px;
}
.btn-font-change .radion-btn-wrap .custom-control-inline .custom-submit-wrapper{}
.btn-font-change .radion-btn-wrap .custom-control-inline .custom-submit-wrapper a{}
.details-points p{margin-bottom: 0!important;}
.details-points  a.details-page-link{color: #8BC34A!important;text-decoration: underline!important;}
.following-document{}
.following-document h4{
    margin-top: 40px;
    font-size: 17px;
}
.following-document p{
    margin-bottom: 0 !important;
}
.custom-space-issue{margin-bottom: 50px!important;}
.fileWrapper{max-width: 100%}

.side-but{
    float: right;
    background-color: #54902f;
    color: white;
    padding: 10px;
    font-family: 'Karla',sans-serif;
}
.side-but:hover {
    transition: 0.5s all;
    background: #05467b;
    color: #fff;
}
/* Responsive Design */

@media (max-width:1200px){
.default .navbar #main_nav .nav li a{
  font-size: 13px!important;
  padding: 0 10px;
}
}

@media (max-width:1199px)
{
  .custom-footer-wrap .link-text-wrap ul li .media-left{position: relative!important;}
  .custom-content-wrapper .content-wrapper-inner .aside-wrap .box ul li a{    padding: 15px 35px;}
  .mob-view-width-hide{width: auto!important}
  .width-adj-style{width:58%!important}
}
@media (max-width:1024px)
{

}
@media (max-width:992px)
{
  .default .navbar #main_nav .nav li.dropdown .dropdown-menu li a{    line-height: 30px;}
  .default .navbar #main_nav .nav li.dropdown .dropdown-menu{padding: 5px 20px;}
  .default .navbar .navbar-header a.navbar-brand{    padding: 0 11px!important;}
  .navbar-brand img{width: 85px!important}
  .default .navbar.navbar2 .navbar-header a.navbar-brand{width: 85px!important;max-width: 100%}
  .default .navbar.navbar2 #main_nav .nav li a{font-size: 11px!important;padding: 0 6px;}
  .custom-two-col-wrap{display: block!important;}
  .custom-two-col-wrap .custom-padding .col-md-12{justify-content: flex-end;}
  .custom-padding{padding-right: 0!important;padding-left: 0!important}
  .mobile-view-input-full-width{width: 100%}
  .eservice-wrapper{padding: 10px 25px;}
  .service_details{padding-top: 10px;}
  .my-avaiable-service-wrapper .inner-service-wrapper{flex-wrap: wrap;}
  .my-avaiable-service-wrapper .inner-service-wrapper .service-box{margin: 0px 6px;margin-top: 15px;}
  .aside-wrap .side-top-menu{justify-content: unset}
  .eservice-wrapper .e-service-box-wrapper .box-inner-wrapper ul li{flex:unset;}
  .eservice-wrapper .e-service-box-wrapper .box-inner-wrapper ul{flex-wrap: wrap;justify-content: center;}
  .tab-wrapper-section .tab-box-wrap .tab-menu li a{padding: 10px 10px !important;font-size: 14px !important;}
  .custom-two-col-wrap .custom-padding .col-md-12{display: flex;padding: 0}
  .login-page-wrapper form .form-group{display: flex!important}
  .contry-code-bg{padding-right: 0!important;background: unset;width: 46px;text-align: center;}
  body #mobile_code{padding: 0 23px 0 10px!important;width: 75px}
  .mobile-view-input-row{display: block;width: 100%;}
  .mobile-text-box-full-width{width: 75%}
  .contry-code-bg{display: none}
  .mobile-vw-width{margin-right: 0!important}
  .mobile-trade-width{float: right;width: 73%;padding-right: 0;}
  .trade-mobile-label{display: flex;justify-content: flex-end;float: unset!important}
  .mobile-label-view{width: 100%}
  .mob-fu-width{width: 75%}
  .mobile-view-input-row .custom-upload-img-tooltip{}
  .mobile-row-view{display: flex!important}
  .mob-full-width-row-view{width: 63%}
  .mob-fax-row{width: 75%}
  .fax-row-full-width{display: flex!important;}
  .times-full-width{flex-direction: column-reverse!important;}
  .times-full-width .col-xs-6{width: 100%;padding-left: 0!important;margin-top: 15px!important}
  .custom-tab-content-wrapper-inner .timepicker{background: url(../images/icons/time.png) no-repeat 3% 50% #f7f7f7!important;}
  .times-full-width .form-control{padding-right: 20px!important}
  .checkbox-wrapped-shift-timing{padding-top: 15px;}
  .mobile-view-officer{width: 100%!important}
  .padding-remove-mob{padding: 0}
  .mobile-letter-reg-progress{width: 50%!important}
  .letter-reg-progress{left: 100px!important;right: 100px!important}
  .mobile-moh-letter-full{width: 100%!important;float: unset!important}
  .mobile-view-padding-remove{padding: 0!important}
  .mob-file-full-width{width: 100%}
  .mobile-hide-view{display: none;}
  .width-adj-style{width: 64%!important}
  .mobile-width-adju{width: 75%!important}
  .mobile-view-unset{float: unset!important}

  /* .contactForm .contact_form select{background-size: 13px;background: url(../images/arrow.png) no-repeat 23% 50% #f7f7f7;padding: 0 !important;width: 43px;} */
}
@media (max-width:768px)
{
    .tab-wrapper-section .tab-box-wrap .tab-menu li a{min-height: unset!important;}
  .default .navbar.navbar2 #main_nav .nav li a{font-size: 14px!important;line-height: 45px}
  #myWizard .progress{display: none;}
  .title-banner-wrapper .custom-title-white{font-size: 17px!important;}
  .mobile-row-view,.fax-row-full-width{display: block!important;}
  .mob-full-width-row-view{width: 97%}
  .mob-fax-row{width: 100%!important}
  .mob-view-width-hide{display: none!important;}
  .default .navbar .navbar-header a.visible-xs{display: none!important;}
  .mobile-vw-label{float: right;width: 100%}
  .mobile-trade-width{width: 98%}
  .trade-mobile-label{display: block;}
  .mob-fu-width{width: 100%}
  #professional_license_div .mobile-hide-view{display: none;}
  .contactForm .contact_form input[type="file"]{text-indent: 0}
  #myWizard .navbar-inner ul li a{min-height: 45px;}
  .mobile-text-box-full-width{width: 100%}
  .mobile-view-btn{}
  body #register-modal-popup .modal-dialog{max-width: 100%!important;min-width: auto!important;width:unset!important}
  #register-modal-popup{padding-right: 0!important}
  .login-page-wrapper form .form-group{display: block!important;}
  .custom-required-field{margin-top: 20px;}
  .mobile-view-btn a{padding: 6px 20px !important; width: auto !important;margin-right: 10px;}
  .mobile-view-btn{display: flex;flex-direction: row;}
  .content-details-box .section-title{display: flex;flex-direction: column-reverse;}
  .content-details-box .section-title h4{order:2;}
  .content-details-box .section-title a{display: inline-block;width: 135px;text-align: center;}
  .tab-wrapper-section .tab-content{padding: 15px;}
  .my_collection_wrap .collection-wrap .collection-btn{position: relative;}
  .my_collection_wrap .collection-wrap .collection-btn h5{position: absolute;bottom: -40px;left: 0;}
  .my_collection_wrap .collection-wrap{margin-bottom: 20px;}
  body{padding-top: 73px!important;padding-right: 0!important}
  .change-password-wrap a{position: absolute;right: 0;}
  .password-wrapped .inner-content{line-height: 25px;}
  .avaiable-inner-wrap .button-wrap{justify-content: flex-end;margin-bottom: 15px;}
  .avaiable-inner-wrap{display: block;}
  .page_intro.row h2{font-size: 24px;}
  .dashboard-wrapper-box .name-wrapper-section{padding: 20px;}
  .my-avaiable-service-wrapper,.custom-content-wrapper .content-wrapper-inner .right-aside{padding: 20px 20px 30px 20px;}
  .my-avaiable-service-wrapper h4,.filter-box-wrap{margin-bottom: 15px;}
  .dashboard-wrapper-box .name-wrapper-section .box-wrap{display: block}
  .custom-content-wrapper .inner-content .label-result-wrap p{font-size: 21px;}
  .custom-content-wrapper h4{font-size: 22px;}
  .custom-footer-wrap .link-text-wrap ul{display: block;margin-bottom: 0;}
  .custom-footer-wrap .link-text-wrap ul li{padding: 3px 0;}
  .custom-footer-wrap .link-text-wrap ul li .media-body{padding: 0;}
  .custom-content-wrapper .content-wrapper-inner .aside-wrap .box ul li a{padding: 5px 30px;min-height: unset!important;}
  .custom-content-wrapper .content-wrapper-inner .aside-wrap .box h3{font-size: 17px;}
  .e-server-btn a, .link-button{font-size: 13px;}
  .mobile-full-width-view{width: 100%}
  .custom-text-label-bold-english{margin-bottom: 10px!important}
  .custom-flex-wrap{margin-top: 0!important}
  .login-page-wrapper .required-text{display: none;}
  .login-page-wrapper .forgot-wrapper a{margin-bottom: 15px;}
  .custom-tab-content-wrapper .custom-mobile-code-bg{width: 100%;padding: 0!important;}
  .custom-mobile-code-bg #mobile_code{width: 100%!important;margin-bottom: 15px;background: url(../../../asserts/images/arrow.png) no-repeat 98% 50% #f7f7f7;}
  .contry-code-bg{display: none!important;}
  .custom-preview-details ul li{flex-direction: column-reverse;}
  .customer-preview .custom-preview-details ul .value{text-align: left;}
  h3.english-text-heading{font-size: 17px!important}
  .custom-preview-details{margin-bottom: 30px}
  a.request_certificate{width: 250px!important}
  .width-adj-style,.mobile-width-adju{width: 100%!important}

}
@media (max-width:530px)
{
  .collection-table-wrap table tbody .collection-green{background-size: 40px;}
  .custom-details-content-wrapper{padding: 35px!important}
  h3.english-text-heading{font-size: 16px!important}
  .custom-flex-wrap{margin-top: 20px;}
  .custom-tab-content-wrapper{padding: 35px;}
  .custom-upload-img-tooltip{    padding: 5px 5px;}
  .custom-upload-img-tooltip a{font-size: 12px;}
  .tab-page-bottom-space-remove{padding-bottom: 15px!important;}
  .custom-content-wrapper .content-wrapper-inner .aside-wrap .box ul{margin-bottom: 0}
  .custom-tab-content-wrapper-inner{padding: 35px}
  .page_intro.row h2{font-size: 19px;}
  span.btn-english-arabic-text-in{font-size: 14px!important;}
  body .modal-footer .custom-popup-modal-btn{padding: 5px 26px!important;}
  body .custom-block-row{padding: 35px!important}
  .custom-button{padding: 8px!important}
  span.custom-two-lang-btn{font-size: 14px!important}
  .custom-button{width: auto!important;    padding: 6px 15px!important;}
  .contactForm .contact_form .cancel-btn{padding: 6px 15px!important}
  #register-modal-popup.modal .modal-header{padding: 15px;}
  span.btn-english-arabic-text-in{font-size: 14px;}
  .modal-footer .custom-popup-modal-btn{padding: 5px 35px!important}
  .modal-title{font-size: 16px!important}
  .custom-radio-wrapper{display: block;}
  .btn-font-change .radion-btn-wrap{margin-bottom: 15px;}
  .custom-content-wrapper h4{margin-bottom: 20px;}
.tab-wrapper-section .tab-box-wrap .tab-menu li a{padding: 5px 6px !important;font-size: 13px !important;}
.text-arange h3{font-size: 20px; }
.eservice-wrapper .e-service-box-wrapper .box-inner-wrapper ul li{margin-bottom: 10px;padding: 10px 10px;}
.avaiable-inner-wrap .button-wrap{display: block;}
.collection-select .dropdown button{margin-left: 0!important;}
.collection-select .dropdown button{font-size: 13px;padding: 8px 11px}
.avaiable-inner-wrap .button-wrap h5{font-size: 14px;}
.page_intro.row{height: 160px;}
.page_intro.row .inner{    padding-top: 70px!important;}
.custom-content-wrapper h4{font-size: 21px;}
.dashboard-wrapper-box .name-wrapper-section{}
.my-avaiable-service-wrapper h4{margin-bottom: 15px;}
.custom-content-wrapper{    padding: 35px 0 30px 0;}
.custom-content-wrapper .inner-content .label-result-wrap p{font-size: 20px;}
.collection-select .dropdown button i{    margin-left: 2px;}
.collection-select .dropdown .dropdown-menu{left: 0;}
.collection-select .dropdown .dropdown-menu a.dropdown-item{    padding: 6px 15px;font-size: 12px;}
.collection-table-wrap table .collection-heading{font-size: 17px;}
.collection-table-wrap .coll-count{font-size: 16px;}
ul.collection-points li{font-size: 14px;}
.custom-footer-wrap{display: block;}
.custom-footer-wrap .copy-right-wrap .copyright{display: block;margin-top: 15px;font-size: 13px;}
.custom-content-wrapper .content-wrapper-inner .aside-wrap .box ul li a{font-size: 14px;}
.e-server-btn a, .link-button{position: absolute!important;right: 0!important;bottom: 15px!important;left: 20px!important;display: table!important;}
.row-border .title-panel{min-height: 150px!important;padding: 15px 20px 45px 100px!important;}
.custom-content-wrapper .right-aside .inner-content{width: 100%;}
.custom-content-wrapper .right-aside .box .content.form-content ul li{width: 100%;margin-right: 0;}
.custom-content-wrapper .right-aside .inner-content{padding-top: 15px;}
.page_intro.row{margin-bottom: 15px;}
.checkbox-wrapped-shift-timing{padding-top: 0!important}
.service_block_row{padding: 0px 0 20px;}
.tab-custom-text-wrap .custom-two-col-text{font-size: 14px;}
.login-page-wrapper .forgot-wrapper a{min-width: auto!important;    padding: 7px 10px!important;}
.custom-tab-view{display: flex;min-height: 150px;flex-direction: row-reverse;flex-wrap: wrap;}
.mobile-view-forget-btn{margin-right: 0!important}
.login-page-wrapper .forgot-wrapper{display: block!important;}
.login-page-wrapper .forgot-wrapper a{}
.mobile-view-two-line{flex-direction: column-reverse;align-items: flex-end;}
.mobile-view-two-line a{margin-bottom: 10px;}
.mob-single-row{flex-direction: column-reverse!important;align-items: center;margin-top: 15px;}
.mob-single-row a{margin: 10px auto;}
body .mob-padd-remove{margin-right: 0!important}
#myWizard .cancel-btn{margin-right: 0}
#contactForm7 .same-for-ramadan{padding: 20px 0 10px 15px;}
.highlight-label-submit{flex-wrap: wrap;}
.back-submit-btn-wrap{margin-top: 15px!important;}
.text-right{flex-direction: column-reverse;align-items: flex-end;}
.text-right a{margin: 10px auto;}
}
@media (max-width:470px)
{
  .custom-details-content-wrapper{padding: 25px!important}
  .login-page-wrapper .forgot-wrapper a{margin-right: 0}
  h5.title-label-english{font-size: 13px;}
  .custom-tab-content-wrapper{padding: 25px;}
  .letter-reg-progress{left: 70px!important}
  .msg-notification .content-box-wrapper .box p{font-size: 14px;}
  .title-banner-wrapper .custom-title-white{font-size: 15px!important}
  .login-page-wrapper .required-text{display: none;}
  .mobile-trade-width{width: 95%}
  .msg-notification .content-box-wrapper{padding: 0!important}
  body .custom-block-row{padding: 25px!important}
  .custom-tab-content-wrapper-inner{padding: 25px}
  .btn-font-change .radion-btn-wrap .custom-control-inline input[type="radio"]{margin-right: 10px;}
  .btn-font-change .radion-btn-wrap .custom-control-inline{margin-right: 0;font-size: 15px;}
  .btn-font-change .radion-btn-wrap{display: block;}
  .custom-content-wrapper .content-wrapper-inner .aside-wrap .box ul li a{font-size: 13px;line-height: 30px!important}
  .pdf-link a{font-size: 14px;}
  .custom-content-wrapper h4{margin-bottom: 5px;}
  .content-details-box .section-title a{padding: 5px 10px;padding: 5px 10px;font-size: 15px;}
  .my_collection_wrap .collection-wrap .collection-btn{display: block;}
  .my_collection_wrap .collection-wrap .collection-btn button{margin: 10px 0;}
  .custom-content-wrapper .content-wrapper-inner .aside-wrap .box ul li a{display: block;width: 100%;text-align: left;}
  .eservice-wrapper .e-service-box-wrapper .inner-circle .icon-box .icon-wrapper img.circle-icon{width: 90px;height: 90px;}
  .eservice-wrapper .e-service-box-wrapper .inner-circle .icon-box .icon-wrapper img.rehabilitation-icon{background-size: 46px;}
  .eservice-wrapper .e-service-box-wrapper .inner-circle .icon-box .icon-wrapper img.contract-renewal-icon{background-size: 41px;}
  .eservice-wrapper .e-service-box-wrapper .inner-circle .icon-box .icon-wrapper img.existing-facility{background-size: 38px;}
  .eservice-wrapper .e-service-box-wrapper .inner-circle .icon-box .icon-wrapper img.new-facility-icon{background-size: 44px;}
  .eservice-wrapper .e-service-box-wrapper .inner-circle .icon-box .icon-wrapper img.letter-register-icon{background-size: 41px;}
.custom-content-wrapper .content-wrapper-inner .aside-wrap .box ul li:hover{transition: 0.5s all;background: transparent;}
.e-server-btn a, .link-button{line-height: 28px;}
ul.collection-points li .notify-circle{width: 14px;height: 14px;}
.page_intro.row h2{font-size: 16px;}
.page_intro.row{height: 145px;}
.page_intro.row .inner{padding-top: 60px!important}
a.dashboard_verification_link{font-size: 13px;padding: 0 10px;}
.custom-content-wrapper h4{font-size: 18px;}
.custom-content-wrapper .inner-content .label-result-wrap p{font-size: 17px;}
.inner-content .file-upload-wrap a.upload-btn{font-size: 13px;}
.collection-table-wrap .coll-count{font-size: 14px;}
.custom-content-wrapper .change-password-wrap button.custom-password-btn{line-height: 25px;font-size: 14px;}
.change-password-wrap a{font-size: 14px;top:-18px;}
.custom-content-wrapper .change-password-wrap button.custom-password-btn{top:-20px;padding: 0 15px;}
.change-password-wrap i.password-arrow{    margin-right: 4px;font-size: 10px;}
.custom-content-wrapper .content-wrapper-inner .aside-wrap .box ul li{width: 100%;display: inline-flex;max-width: 100%;}
.two-col-width{display: flex;flex-direction: column-reverse;}
.two-col-width a{margin: 5px auto;margin-right: 0 !important;}
h3.english-text-heading{font-size: 15px!important}
}
@media (max-width:400px){
  a.request_certificate{width: 224px!important}
  .login-page-wrapper .forgot-wrapper a{margin-right: 0!important}
}
@media (max-width:320px)
{

}
.but-exp{background-color:#929292!important;font-weight: bold!important;}

@media (min-width: 1024px){
    .desktop-col-3{
        width: 30%;
        margin-right: 2%;
        float: left;
    }
    html.lang-ar .desktop-col-3{
        width: 30%;
        margin-left: 2%;
        margin-right: 0%;
        float: right;
    }
    .desktop-full{
        clear: both;
        width: 100%;
        max-width: 100% !important;
    }
}
html.lang-ar .custom-success-box{}
html.lang-ar .custom-success-box ul{display: flex!important;}
html.lang-ar .custom-success-box ul li{}
html.lang-ar .custom-success-box ul li .label-result-wrap{line-height: normal;}
html.lang-ar .custom-change-password-wrap-block{}
html.lang-ar .custom-change-password-wrap-block a{    position: relative;}
html.lang-ar .custom-change-password-wrap-block a i{}
html.lang-ar .custom-change-password-wrap-block a i::before{content: "\f060";position: absolute;right: -15px;top: 4px;transform: rotate(180deg);}

.payment-order-section{clear: both;background-color: #f9f9f9;border-top: 1px solid #eee;border-bottom: 1px solid #eee;margin: 10px -40px 0;}
.custom-content-wrapper .content-wrapper-inner .payment-order-section .right-aside{background: transparent;padding: 20px 0 30px 40px;}
.payment-order-section label{margin-left:0}
.custom-content-wrapper .payment-order-section h4{margin-bottom:20px;}