@charset "UTF-8";

/*  @if html[dir="rtl"] {
    $left: left;
	$right: right;
  } @else {
    $left: right;
	$right: left;
  }*/


/*html[dir="rtl"]{

  .test{ background: #000 }
}
html[dir="ltr"]{

  .test{ background: #ff0000 }
}
*/


/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on July 17, 2020 */
.myclass {
    width: 100%;
    background: #fff;
    border: solid 1px #b4cdb7;
    border-radius: 25px;
    padding: 20px;
    margin-bottom: 15px;
}

@font-face {
    font-family: 'Neo Sans W23';
    src: url('../fonts/neoSansW23-Medium.eot');
    src: url('../fonts/neoSansW23-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/neoSansW23-Medium.woff2') format('woff2'), url('../fonts/neoSansW23-Medium.woff') format('woff'), url('../fonts/neoSansW23-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Neo Sans W23';
    src: url('../fonts/neoSansW23-Black.eot');
    src: url('../fonts/neoSansW23-Black.eot?#iefix') format('embedded-opentype'), url('../fonts/neoSansW23-Black.woff2') format('woff2'), url('../fonts/neoSansW23-Black.woff') format('woff'), url('../fonts/neoSansW23-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "pf_din_text_universalbold";
    src: url("../fonts/prbfonts-18634-pfdintextuniversal-bold-webfont.eot");
    src: url("../fonts/prbfonts-18634-pfdintextuniversal-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/prbfonts-18634-pfdintextuniversal-bold-webfont.woff2") format("woff2"), url("../fonts/prbfonts-18634-pfdintextuniversal-bold-webfont.woff") format("woff"), url("../fonts/prbfonts-18634-pfdintextuniversal-bold-webfont.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "pf_din_text_universalregular";
    src: url("../fonts/afdintextuniversal-regular-webfont.eot");
    src: url("../fonts/afdintextuniversal-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/afdintextuniversal-regular-webfont.woff2") format("woff2"), url("../fonts/afdintextuniversal-regular-webfont.woff") format("woff"), url("../fonts/afdintextuniversal-regular-webfont.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "pf_din_text_universalXBlk";
    src: url("../fonts/pfdintextuniversal-xblack-webfont.eot");
    src: url("../fonts/pfdintextuniversal-xblack-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/pfdintextuniversal-xblack-webfont.woff2") format("woff2"), url("../fonts/pfdintextuniversal-xblack-webfont.woff") format("woff"), url("../fonts/pfdintextuniversal-xblack-webfont.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "pf_din_text_universalmedium";
    src: url("../fonts/arbfonts-18633-pfdintextuniversal-medium-webfont.eot");
    src: url("../fonts/arbfonts-18633-pfdintextuniversal-medium-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/arbfonts-18633-pfdintextuniversal-medium-webfont.woff2") format("woff2"), url("../fonts/arbfonts-18633-pfdintextuniversal-medium-webfont.woff") format("woff"), url("../fonts/arbfonts-18633-pfdintextuniversal-medium-webfont.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "dubaiW23-Bold";
    src: url("../fonts/dubaiW23-Bold.eot");
    src: url("../fonts/dubaiW23-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/dubaiW23-Bold.woff2") format("woff2"), url("../fonts/dubaiW23-Bold.woff") format("woff"), url("../fonts/dubaiW23-Bold.ttf") format("truetype"), url("../fonts/dubaiW23-Bold.svg#mulilight") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "dubaiW23-Light";
    src: url("../fonts/dubaiW23-Light.eot");
    src: url("../fonts/dubaiW23-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/dubaiW23-Light.woff2") format("woff2"), url("../fonts/dubaiW23-Light.woff") format("woff"), url("../fonts/dubaiW23-Light.ttf") format("truetype"), url("../fonts/dubaiW23-Light.svg#mulilight") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "dubaiW23-Medium";
    src: url("../fonts/dubaiW23-Medium.eot");
    src: url("../fonts/dubaiW23-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/dubaiW23-Medium.woff2") format("woff2"), url("../fonts/dubaiW23-Medium.woff") format("woff"), url("../fonts/dubaiW23-Medium.ttf") format("truetype"), url("../fonts/dubaiW23-Medium.svg#mulilight") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "dubaiW23-Regular";
    src: url("../fonts/dubaiW23-Regular.eot");
    src: url("../fonts/dubaiW23-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/dubaiW23-Regular.woff2") format("woff2"), url("../fonts/dubaiW23-Regular.woff") format("woff"), url("../fonts/dubaiW23-Regular.ttf") format("truetype"), url("../fonts/dubaiW23-Regular.svg#mulilight") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "mulilight";
    src: url("../fonts/muli-light-webfont.eot");
    src: url("../fonts/muli-light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/muli-light-webfont.woff2") format("woff2"), url("../fonts/muli-light-webfont.woff") format("woff"), url("../fonts/muli-light-webfont.ttf") format("truetype"), url("../fonts/muli-light-webfont.svg#mulilight") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "mulilightitalic";
    src: url("../fonts/muli-lightitalic-webfont.eot");
    src: url("../fonts/muli-lightitalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/muli-lightitalic-webfont.woff2") format("woff2"), url("../fonts/muli-lightitalic-webfont.woff") format("woff"), url("../fonts/muli-lightitalic-webfont.ttf") format("truetype"), url("../fonts/muli-lightitalic-webfont.svg#mulilightitalic") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "mulisemibold";
    src: url("../fonts/muli-semibold-webfont.eot");
    src: url("../fonts/muli-semibold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/muli-semibold-webfont.woff2") format("woff2"), url("../fonts/muli-semibold-webfont.woff") format("woff"), url("../fonts/../fonts/muli-semibold-webfont.ttf") format("truetype"), url("../fonts/muli-semibold-webfont.svg#mulisemibold") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "mulisemibolditalic";
    src: url("../fonts/muli-semi-bolditalic-webfont.eot");
    src: url("../fonts/muli-semi-bolditalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/muli-semi-bolditalic-webfont.woff2") format("woff2"), url("../fonts/muli-semi-bolditalic-webfont.woff") format("woff"), url("../fonts/muli-semi-bolditalic-webfont.ttf") format("truetype"), url("../fonts/muli-semi-bolditalic-webfont.svg#mulisemibolditalic") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "muliregular";
    src: url("../fonts/muli-webfont.eot");
    src: url("../fonts/muli-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/muli-webfont.woff2") format("woff2"), url("../fonts/muli-webfont.woff") format("woff"), url("../fonts/muli-webfont.ttf") format("truetype"), url("../fonts/muli-webfont.svg#muliregular") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "mulibold";
    src: url("../fonts/muli-bold-webfont.eot");
    src: url("../fonts/muli-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/muli-bold-webfont.woff2") format("woff2"), url("../fonts/muli-bold-webfont.woff") format("woff"), url("../fonts/muli-bold-webfont.ttf") format("truetype"), url("../fonts/muli-bold-webfont.svg#mulibold") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "mulibolditalic";
    src: url("../fonts/muli-bolditalic-webfont.eot");
    src: url("../fonts/muli-bolditalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/muli-bolditalic-webfont.woff2") format("woff2"), url("../fonts/muli-bolditalic-webfont.woff") format("woff"), url("../fonts/muli-bolditalic-webfont.ttf") format("truetype"), url("../fonts/muli-bolditalic-webfont.svg#mulibolditalic") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "muliextralight";
    src: url("../fonts/muli-extralight-webfont.eot");
    src: url("../fonts/muli-extralight-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/muli-extralight-webfont.woff2") format("woff2"), url("../fonts/muli-extralight-webfont.woff") format("woff"), url("../fonts/muli-extralight-webfont.ttf") format("truetype"), url("../fonts/muli-extralight-webfont.svg#muliextralight") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "muliextralightitalic";
    src: url("../fonts/muli-extralightitalic-webfont.eot");
    src: url("../fonts/muli-extralightitalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/muli-extralightitalic-webfont.woff2") format("woff2"), url("../fonts/muli-extralightitalic-webfont.woff") format("woff"), url("../fonts/muli-extralightitalic-webfont.ttf") format("truetype"), url("../fonts/muli-extralightitalic-webfont.svg#muliextralightitalic") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "muliextrabold";
    src: url("../fonts/muli-ExtraBold.eot");
    src: url("../fonts/muli-ExtraBold.eot?#iefix") format("embedded-opentype"), url("../fonts/muli-ExtraBold.woff") format("woff"), url("../fonts/muli-ExtraBold.ttf") format("truetype"), url("../fonts/muli-ExtraBold.svg#muliextralightitalic") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "muliregularitalic";
    src: url("../fonts/muli-italic-webfont.eot");
    src: url("../fonts/muli-italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/muli-italic-webfont.woff2") format("woff2"), url("../fonts/muli-italic-webfont.woff") format("woff"), url("../fonts/muli-italic-webfont.ttf") format("truetype"), url("../fonts/muli-italic-webfont.svg#muliregularitalic") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "muliblack";
    src: url("../fonts/muli-black-webfont.eot");
    src: url("../fonts/muli-black-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/muli-black-webfont.woff2") format("woff2"), url("../fonts/muli-black-webfont.woff") format("woff"), url("../fonts/muli-black-webfont.ttf") format("truetype"), url("../fonts/muli-black-webfont.svg#muliblack") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "have_heart_oneregular";
    src: url("../fonts/have_heart_one-webfont.eot");
    src: url("../fonts/have_heart_one-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/have_heart_one-webfont.woff2") format("woff2"), url("../fonts/have_heart_one-webfont.woff") format("woff"), url("../fonts/have_heart_one-webfont.ttf") format("truetype"), url("../fonts/have_heart_one-webfont.svg#have_heart_oneregular") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "icomoon";
    src: url("../fonts/icomoon.eot?nk7tox");
    src: url("../fonts/icomoon.eot?nk7tox#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?nk7tox") format("truetype"), url("../fonts/icomoon.woff?nk7tox") format("woff"), url("../fonts/icomoon.svg?nk7tox#icomoon") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

[class^=icon-],
[class*=" icon-"],
.features .v-tabs .v-tab-head a::after,
.slick-arrow,
.icon-right-arrow {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: "icomoon" !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-enter:before {
    content: "";
}

.table-box .small-only tbody :nth-child(2) {
    width: 75%;
}

.icon-grid:before {
    content: "";
}

.icon-credit-card:before {
    content: "";
}

.icon-edit:before {
    content: "";
}

.icon-wallet:before {
    content: "";
}

.icon-bell:before {
    content: "";
}

.icon-heart:before {
    content: "";
}

.icon-logout:before {
    content: "";
}

.icon-notebook:before {
    content: "";
}

.icon-question:before {
    content: "";
}

.icon-user:before {
    content: "";
}

.icon-app-1:before {
    content: "";
}

.icon-back:before {
    content: "";
}

.icon-next:before {
    content: "";
}

.icon-right-arrow:before,
.slick-arrow.slick-next:before,
.features .v-tabs .v-tab-head a.active::after {
    /* content: ""; */
}

.menu-togle::after {
    content: "";
}

.menu-togle {
    padding-left: 10px;
    padding-right: 10px;
    display: none;
}

.icon-left-arrow:before,
.slick-arrow.slick-prev:before {
    content: "";
}

.icon-ui:before {
    content: "";
}

.icon-radio:before {
    content: "";
}

.icon-search:before {
    content: "";
}

.menu-togle {
    display: none;
}

.icon-twitter:before {
    content: "";
}

.icon-facebook:before {
    content: "";
}

.icon-facebook-f:before {
    content: "";
}

.icon-youtube-play:before {
    content: "";
}

.icon-instagram:before {
    content: "";
}

.icon-apple:before {
    content: "";
}

.icon-linkedin:before {
    content: "";
}

#BankDetailModel .form-box-contact {
    text-align: center;
    padding-top: 10px;
}

#BankDetailModel .form-box-contact h4 {
    margin: 0px 0px 10px 0px
}

#BankDetailModel {
    padding-top: 30px;
}

section.home-sec-01 .text-box-01 a {
    text-align: center;
    text-decoration: none;
    color: #000;
}

.home-sec-01 .wrapper .text-box-01.no-txt {
    padding: 0px !important;
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}

.success-msg {
    color: #270 !important;
    padding: 15px;
    border: solid 1px #cde0ac;
    background-color: #DFF2BF;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    text-align: center;
    font-size: 13px;
}

*,
*:after,
*:before {
    box-sizing: border-box;
}

.row {
    max-width: 1280px;
    max-width: 80rem;
    margin: 0 auto;
}

.row {
    *zoom: 1;
}

.row:before,
.row:after {
    content: "";
    display: table;
}

.row:after {
    clear: both;
}

.col {
    margin-left: 1.6%;
}

.col_12,
.col_11,
.col_10,
.col_9,
.col_8,
.col_7,
.col_6,
.col_5,
.col_4,
.col_3,
.col_2,
.col_1 {
    float: left;
}

.col_1 {
    width: 8.3333333333%;
}

.col_2 {
    width: 16.6666666667%;
}

.col_3 {
    width: 25%;
}

.col_4 {
    width: 33.3333333333%;
}

.col_5 {
    width: 41.6666666667%;
}

.col_6 {
    width: 50%;
}

.col_7 {
    width: 58.3333333333%;
}

.col_8 {
    width: 66.6666666667%;
}

.col_9 {
    width: 75%;
}

.col_10 {
    width: 83.3333333333%;
}

.col_11 {
    width: 91.6666666667%;
}

.col_12 {
    width: 100%;
}

.col:first-child,
.col_12 {
    margin-left: 0;
}

header {
    position: absolute;
    width: 100%;
    left: 0px;
    right: 0px;
    top: 0px;
    z-index: 900;
}

header.menu-open {
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
}

header.menu-open .login-but {
    display: none !important;
}

.donate-but {
    display: inline-block;
    border-radius: 100px;
    /* padding: 4px; */
    /* background: #fff; */
}

.donate-but .but-02 {
    border: solid 1px #6aa534;
    line-height: 40px;
    color: #fff;
}

.donate-but .but-02:hover {
    color: #fff;
}

header .donate-but .but-02:before {
    background: #f94e4e !important;
}

@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

header .donate-but .but-02 {
    background: #de0000;
    border: solid 1px #de0000 !important;
    -moz-animation: blink-animation normal 1.5s infinite ease-in-out;
    /* Firefox */
    -webkit-animation: blink-animation normal 1.5s infinite ease-in-out;
    /* Webkit */
    -ms-animation: blink-animation normal 1.5s infinite ease-in-out;
    /* IE */
    animation: blink-animation normal 1.5s infinite ease-in-out;
}

@keyframes blink-animation {
    to {
        background: #f94e4e;
        color: #fff;
    }
}

@-webkit-keyframes blink-animation {
    to {
        background: #f94e4e;
        color: #fff;
    }
}

@-webkit-keyframes hvr-icon-wobble-horizontal {
    16.65% {
        -webkit-transform: translateX(6px);
        transform: translateX(6px)
    }
    33.3% {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px)
    }
    49.95% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px)
    }
    66.6% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px)
    }
    83.25% {
        -webkit-transform: translateX(1px);
        transform: translateX(1px)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes hvr-icon-wobble-horizontal {
    16.65% {
        -webkit-transform: translateX(6px);
        transform: translateX(6px)
    }
    33.3% {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px)
    }
    49.95% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px)
    }
    66.6% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px)
    }
    83.25% {
        -webkit-transform: translateX(1px);
        transform: translateX(1px)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.hvr-icon-wobble-horizontal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-icon-wobble-horizontal .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

header .donate-but .but-02 {
    background: #ad0101;
}


/* header .donate-but .but-02{
    background: linear-gradient(-45deg, #de0000, #f94e4e, #de0000 , #f94e4e ) !important;
	background-size: 400% 400% !important;
	animation: gradient 15s ease infinite !important; border-color:#de0000 !important ;
} */


/* header .donate-but .but-02 {
    background: #de0000 !important;
    border-color: #de0000 !important;
} */

header .donate-but .but-02:hover {
    border-color: #f94e4e !important;
}

@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}


/* .bnr-donate-but{ height: 0px; overflow: hidden;   } */


/* .swiper-slide-active .bnr-donate-but{  height:40px;}
 */

.logo-box {
    float: left;
    margin-top: -28px;
    width: 181px;
}


/* .menu-padding {
    padding-top: 158px;
} */

.top-bar {
    width: 100%;
    border-bottom: 1px solid;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e1e1e1+0,e1e1e1+100&0+16,1+68 */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    border-image: linear-gradient(to right, rgba(225, 225, 225, 0) 0%, rgba(225, 225, 225, 0) 22%, #e1e1e1 100%, #e1e1e1 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    /* IE6-9 */
    border-image-slice: 1;
}

.top-bar .top-right-box {
    float: right;
    padding: 15px 0px 15px 0px;
}

.top-bar .top-right-box ul {
    margin: 0px;
    padding: 0px;
    float: right;
}

.top-bar .top-right-box ul li {
    list-style: none;
    border-left: solid 1px #a2a2a2;
    align-items: center;
    float: left;
    padding: 0px 17px 0px 17px;
    min-height: 25px;
    display: flex;
    align-items: center;
}

.top-bar .top-right-box ul li a {
    color: #fff;
    font-size: 12px;
    font-family: "dubaiW23-Bold";
    text-decoration: none;
    display: flex;
    align-items: center;
}

.top-bar .top-right-box ul li a:hover {
    color: #a0d841 !important;
}

.top-bar .top-right-box ul li a span {
    font-size: 21px;
}

.top-bar .top-right-box ul li .icon-radio {
    padding-right: 7px;
    font-size: 20px;
}

.top-bar .top-right-box ul li .icon-enter {
    padding-right: 7px;
    font-size: 20px;
}

.top-bar .top-right-box ul> :last-child {
    padding-left: 26px;
    padding-right: 0px;
}

.top-bar .top-right-box ul> :nth-child(2) {
    font-size: 13px;
}

.top-bar .top-right-box ul> :nth-child(1) {
    border-left: none;
}

.top-bar .top-right-box ul> :nth-child(1) a {
    font-family: "pfdintextuniversal-ar";
    font-size: 15px;
}

.inner-logo {
    display: none;
}

.logo-box .inner-logo {
    display: block;
}

.inner-header .inner-logo {
    display: block;
}

.logo-box .home-logo {
    display: none;
}

.nav-box>ul> :nth-child(2) {
    display: flex !important;
    flex-wrap: wrap;
}

.nav-box>ul> :nth-child(2) a {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
}

.inner-header .home-logo {
    display: none;
}

.inner-header.menu-open {
    background: transparent;
}

.inner-header.menu-open .inner-logo {
    display: none;
}

.inner-header.menu-open .home-logo {
    display: block;
}

.nav-box {
    float: right;
    margin-top: 25px;
}

.nav-box .open-menu-itm {
    width: 0px;
    overflow: hidden;
    padding: 0px !important;
}

header.sticky .donate-but {
    padding: 0px !important;
}

.nav-box>ul {
    text-align: right;
    margin: 0px;
    padding: 0px;
    display: flex;
    align-items: center;
    padding-bottom: 3px;
}

.menu-open .nav-box>ul {
    align-items: center;
}


/* .rtl .nav-box .lr-box ul {
    flex-direction: row-reverse;
} */

.nav-box>ul>li {
    display: inline-block;
    padding-left: 20px;
}

.nav-box>ul>li>a {
    font-family: "dubaiW23-Bold";
    font-size: 21px;
    color: #fff;
    text-decoration: none;
    line-height: 8px;
}

.nav-box>ul>li>a.but-02 {
    font-size: 13px;
    font-family: "dubaiW23-Bold";
    color: #000;
    height: 50px;
    line-height: 55px;
    width: 175px;
}

.nav-box>ul>li>a:hover {
    color: #a0d841 !important;
}

.nav-box>ul>li>a:hover .icon-ui {
    color: #a0d841 !important;
}

.inner-header.sticky .button_container .menu-bur {
    margin-left: 0px;
}

.rtl .inner-header.sticky .button_container .menu-bur {
    margin-left: 0px;
}

.rtl .menu-togle {
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.rtl .our-location-main>ul>li>ul>li {
    float: right;
}

.edon-value-desc-detailpage{
    font-size: 11px;  margin-top: 3px;  color: #383737; text-align: left;
    }

   .rtl .edon-value-desc-detailpage{ text-align: right;}

.discription-txt-detailpage{ display: block; text-align: center; color: #979696; font-style: italic; margin-top: 10px; }
.discription-txt-detailpage p{ text-align: center !important; color: #979696 !important; }
.inner-header.sticky .icon-enter {
    color: #000 !important;
}

.nav-box>ul>li .icon-ui {
    color: #fff;
    margin: 0px 4px 0px 0px;
    bottom: -1px;
    position: relative;
    font-size: 14px;
}

.inner-header.sticky .nav-box .lr-box ul> :nth-child(1) {
    border-color: #000;
}

.rtl .inner-header.sticky .nav-box .lr-box ul> :nth-child(1) {
    border-left: none;
    padding-right: none !important;
}

.edon-value-desc {
    font-size: 11px;
    margin-top: 3px;
    color: #383737;
}

.new-donate-list .ffl-wrapper.ffl-floated .rel .amount_value {
    left: 10px !important;
}

.new-donate-list h2 {
    width: 100%;
}

.urgent-case-box.clearfix .cases-wrap.pb-40 {
    margin-top: 0px !important;
}

.element-common {
    overflow: hidden;
}


/* .element-common:before {
    border-radius: 43% 45% 40% 42%;
    animation: wave 10s infinite linear;
    content: '';
    position: absolute;
    top: -2.5px;
    left: -2.5px;
    height: 101%;
    width: 101%;
    background: #f0f0f0;
    z-index: 1;
} */

.cercle-block {
    overflow: hidden;
    -webkit-border-radius: 100%;
    background: #f0f0f0;
    border-radius: 100%;
    position: relative;
    z-index: 10;
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.home-sec-01 .wrapper .text-box-01 {
    overflow: hidden;
}

.home-sec-01 .wrapper .text-box-01 .cercle-block {
    -webkit-border-radius: 0%;
    border-radius: 0%;
}

@keyframes wave {
    0% {
        transform: rotate(0deg);
    }
    50% {
        transform: rotate(180deg);
    }
    100% {
        transform: rotate(360deg);
    }
}


/* .bubbles div a {
    width: 100%;
}

.bubbles div a img {
    width: 100%;
} */

.bubbles.short {
    min-height: 360px;
}

.inner-header.sticky .active .menu-bur {
    margin-top: 0px !important;
}

.nav-box ul li img {
    width: 33px;
}

.nav-box>ul :nth-child(3) {
    padding-left: 21px;
}

.nav-box>ul> :nth-child(3) {
    width: 170px;
}

.nav-box .lr-box ul {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.nav-box .lr-box ul> :nth-child(1) a {
    border-right: solid 1px #fff;
    padding-right: 10px;
    margin-right: 10px;
}

.nav-box .lr-box ul li {
    list-style: none;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.nav-box .lr-box ul li a {
    text-transform: uppercase;
    font-size: 13px;
    text-decoration: none;
    color: #fff;
    font-family: "dubaiW23-Bold";
}

.nav-box .lr-box ul li a:hover {
    color: #a0d841;
}

.nav-box .lr-box ul li .icon-enter {
    padding-right: 7px;
    font-size: 15px;
}

.menu-open .nav-box .open-menu-itm {
    width: 175px;
}

.menu-open .nav-box .open-menu-itm.lr-box {
    width: 250px;
}


/*---------------menu------------------*/

body {
    background: #F5F5F5;
}

.our-location-main>ul>li .but-05 {
    margin-top: auto !important;
}

.our-location-main>ul>li {
    transform: inherit !important
}

.our-location-main>ul>li {
    display: flex;
    flex-wrap: wrap;
}

.map-marker .our-location-main>ul>li {
    display: inline;
}


/*.container {
  position: absolute;
  width: 100%;
  heigh: 100%;
  text-align: center;
  top: 40%;
  left: 0;
  margin:  0 auto;
  font-family: 'Varela Round', sans-serif;

  p {
    font-size: 20px;
  }


}
*/

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.tab-bar ul li a {
    display: inline-block;
    position: relative;
    text-align: center;
    text-decoration: none;
    overflow: hidden;
}

.tab-bar ul li a:after {
    content: "";
    position: absolute;
    background: #9bd043;
    height: 2px;
    width: 0%;
    transform: translateX(-50%);
    left: 50%;
    bottom: 0;
    transition: 0.35s ease;
}

.tab-bar ul li a:hover:after,
.tab-bar ul li a:focus:after,
.tab-bar ul li a:active:after {
    width: 100%;
    color: #9bd043;
}

.button_container {
    height: 54px;
    width: 54px;
    cursor: pointer;
    position: relative;
    z-index: 90;
    top: 0px;
    transition: opacity 0.25s ease;
}

.button_container:hover {
    opacity: 0.7;
}

.button_container.active {
    background: #fff;
    top: 0px;
    margin-top: 20px;
}

.button_container.active .top {
    transform: translateY(6px) translateX(0) rotate(45deg);
    background: #FFF;
}

.button_container.active .middle {
    opacity: 0;
    background: #FFF;
}

.button_container.active .bottom {
    transform: translateY(-11px) translateX(0) rotate(-45deg);
    background: #FFF;
}

.button_container.active span {
    background: #6ba134 !important;
    top: 19px;
}

.button_container.active span.bottom {
    top: 36px;
}

.button_container span {
    background: #fff;
    border: none;
    height: 4px;
    width: 100%;
    position: absolute;
    top: 2px;
    left: 0;
    transition: all 0.35s ease;
    cursor: pointer;
}

.button_container span:nth-of-type(2) {
    top: 14px;
}

.button_container span:nth-of-type(3) {
    top: 26px;
}

.button_container .menu-bur {
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    margin: 2px 5px 10px 5px;
    position: relative;
}


/* .rtl .button_container .menu-bur {
    margin-left: 3px;
} */

.rtl .main-banner-sec p {
    font-size: 17px;
}

.v-tab-link .menu-togle {
    color: #fff;
    -webkit-border-radius: 100px;
    border-radius: 100px;
    border: solid 1px #fff;
    width: 21px;
    height: 21px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    font-size: 13px;
}


/* 
.bubbles {
    position: relative;
    min-height: 887px;
}

.home-sec-01 .wrapper .bubbles {
    margin-top: -16%;
}

.home-sec-01 .wrapper :first-child {
    margin-top: -0%
} */

.slide-img-box img {
    transform: scale(1);
    transition: 0.3s ease-in-out;
}

.slide-img-box:hover img {
    transform: scale(1.1);
}

.inner-header .button_container .menu-bur {
    margin-top: -3px;
}

.menu-bur {
    top: 19px;
}

.button_container.active .menu-bur {
    top: inherit;
}

.overlay {
    position: fixed;
    background: url(../images/menu-bg.jpg) center top;
    /*background-size: cover;*/
    top: 0;
    left: 0;
    width: 100%;
    z-index: 200;
    height: 0%;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.35s, visibility 0.35s, height 0.35s;
    overflow: hidden;
}

.overlay.open {
    opacity: 1;
    visibility: visible;
    height: 100%;
    padding-top: 244px;
}

.overlay.open .nav-box-01 {
    animation: fadeInRight 0.5s ease forwards;
    animation-delay: 0.35s;
    /*      &:nth-of-type(2) {
    animation-delay: .4s;
  }
  &:nth-of-type(3) {
    animation-delay: .45s;
  }
  &:nth-of-type(4) {
    animation-delay: .50s;
  }*/
}

.overlay.open .nav-box-01 .is-active a {
    color: #1e4402;
    font-family: "dubaiW23-Bold";
}

.overlay.open .nav-box-01 .is-active a span {
    opacity: 1;
    display: inline-block;
}

.overlay.open .nav-box-01 ul {
    margin: 0px;
    padding: 0px;
}

.overlay.open .nav-box-01 ul li {
    list-style: none;
    display: block;
    margin-bottom: 14px;
    position: relative;
    min-height: 33px;
}

.overlay.open .nav-box-02 {
    animation: fadeInRight 0.5s ease forwards;
    animation-delay: 0.4s;
}

.overlay.open .menu-box-02 {
    animation: fadeInRight 0.5s ease forwards;
    animation-delay: 0.45s;
}

.overlay ul {
    list-style: none;
    padding: 0;
    margin: 0 auto;
    display: inline-block;
    position: relative;
    height: 100%;
}

.overlay ul li a {
    display: block;
    font-size: 24px;
    position: relative;
    color: #FFF;
    text-decoration: none;
    overflow: hidden;
    font-family: "dubaiW23-Light";
    /*        &:hover:after,
   &:focus:after,
   &:active:after {
     width: 100%;
   }

  &:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0%;
    transform: translateX(-50%);
    height: 3px;
    background: $color-link;
    transition: .35s;
  }*/
}

.overlay ul li a span {
    color: #1e4402;
    font-size: 30px;
}

.overlay ul li a:hover {
    color: #1e4402 !important;
    font-family: "dubaiW23-Bold";
}

.overlay ul li a:hover span {
    opacity: 1;
}

.overlay .menu-box-01 {
    width: 78%;
    float: left;
    height: 100%;
}

.overlay .menu-box-01 .nav-box-01 {
    float: left;
    height: 100%;
    opacity: 0;
}

.overlay.open .nav-box-01 ul {
    width: 100%
}

.overlay .menu-box-01 .nav-box-02 {
    width: 60%;
    float: left;
    height: 100%;
    opacity: 0;
}

.overlay .menu-box-01 .nav-box-02 ul {
    margin: 30px 0px 0px 0px;
    padding: 0px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.overlay .menu-box-01 .nav-box-02 ul li {
    list-style: none;
    width: 50%;
    display: inline-block;
    padding: 0px 0% 15px 0px;
}

.overlay .menu-box-01 .nav-box-02 ul li a {
    font-family: "dubaiW23-Bold";
    font-size: 16px;
    text-decoration: none;
    color: #fff;
}

.overlay .menu-box-01 .nav-box-02 ul li a:hover {
    color: #1e4402;
    position: relative;
    top: 2px;
}

.overlay .menu-box-01 .nav-box-02 ul li a span {
    top: 3px;
    position: relative;
    font-size: 20px;
    color: #fff;
    padding-left: 3px;
    padding-right: 5px;
    display: none;
}

.overlay .menu-box-01 .nav-box-02 ul :nth-child(2n) {
    padding-right: 0%;
}

.overlay .menu-box-01 .over-view-box {
    width: 100%;
    float: left;
}

.overlay .menu-box-01 .over-view-box h3 {
    margin: 0px 0px 12px 0px;
    font-size: 22px;
    font-family: "dubaiW23-Regular";
    color: #fff;
    font-weight: inherit;
    text-transform: inherit;
}

.overlay .menu-box-01 .over-view-box p {
    font-size: 14px;
    line-height: 22px;
    color: #1e4402;
    margin: 0px;
    max-width: 90%;
}

.overlay .menu-box-02 {
    width: 22%;
    float: left;
    height: 100%;
    opacity: 0;
}

.overlay .menu-box-02 .social-link a {
    line-height: 33px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.white-logo {
    display: none;
}

.open-nav .logo-box .inner-logo,
.open-nav .logo-box .home-logo {
    display: none !important;
}

.open-nav .white-logo {
    display: block;
}

.open-nav .sticky .logo-box .inner-logo {
    display: block !important;
}

.open-nav .sticky .logo-box .white-logo {
    display: none !important;
}

.overlay .menu-box-02 .social-link a span {
    font-size: 17px;
    color: #6ba534;
    top: 2px;
}

.overlay .menu-box-02 ul {
    height: auto;
    padding-bottom: 15px;
}

.overlay .menu-box-02 h4 {
    margin: 0px 0px 16px 0px;
    font-family: "dubaiW23-Bold";
    font-weight: inherit;
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
}

.overlay .menu-box-02 .phone-box {
    padding-bottom: 100%;
    width: 100% !important;
}

.overlay .menu-box-02 .phone-box li a {
    font-size: 17px;
}

.overlay .menu-box-02 .phone-box li a:hover {
    color: #1e4402;
}

.overlay .menu-box-02 .social-link li {
    padding: 5px;
}

.overlay .menu-box-02 .social-link li a {
    color: #6ba534;
}

.overlay .menu-box-02 .social-link li a:hover {
    color: #fff;
}

.overlay .wrapper-02 {
    height: 100%;
}

.repoty-top-left-box .formgoup-01 {
    padding-right: 10px;
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        left: 40%;
    }
    100% {
        opacity: 1;
        left: 0;
    }
}

.inner-header {
    background: #fff;
    position: inherit;
    padding-bottom: 20px;
}

.inner-header .top-bar .top-right-box ul li a {
    color: #000;
}

.inner-header .top-bar .top-right-box ul li a:hover {
    color: #1e4402;
}

.inner-header .nav-box>ul>li>a {
    color: #000;
}

.inner-header .nav-box>ul>li>a span {
    color: #000;
}

.inner-header .button_container span {
    background: #000;
}

.inner-header.menu-open {
    background: transparent;
}

.inner-header.menu-open .top-bar .top-right-box ul li a {
    color: #fff;
}

.inner-header.menu-open .top-bar .top-right-box ul li a:hover {
    color: #fff;
}

.inner-header.menu-open .nav-box>ul>li>a {
    color: #fff;
}

.inner-header.menu-open .nav-box>ul>li>a span {
    color: inherit;
}

.project-report-boxmain>ul>li .counter {
    display: block;
    width: 100%;
    font-size: 56px;
}

.inner-header.menu-open .button_container span {
    background: inherit;
}

.inner-header.menu-open .open-menu-itm a.but-02 {
    color: #fff;
}

.Exp-serach ::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #fff;
    opacity: 1;
    /* Firefox */
}

.Exp-serach :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #fff;
}

.Exp-serach ::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #fff;
}

#Exp-serach .wrapper {
    position: relative;
}

.Exp-serach.exp {
    height: 150px;
}

.Exp-serach {
    position: fixed;
    width: 100%;
    height: 0px;
    overflow: hidden;
    background: rgba(61, 132, 63, 0.9);
    z-index: 9999;
    top: 0px;
}

.Exp-serach .wrap {
    padding: 2% 0px 2% 0px;
    position: relative;
}

.search-box .but-01 {
    border: none;
    height: 75px;
    cursor: pointer;
    padding: 0px;
    width: 6%;
    background: #fff;
    color: #000;
    border-radius: 25px;
    margin: 0px 0.5% 0% 0.5%;
}

.Exp-serach.exp .wrapper {
    padding-top: 37px;
    padding-bottom: 37px;
}

.search-box .but-01:hover {
    background: #d8ffd9;
}

.ExpInput {
    width: 90%;
    float: left;
    color: #fff;
    font-weight: 400;
    padding: 0px 3% 0px 3%;
    box-sizing: border-box;
    height: 75px;
    background: transparent;
    border: solid 1px #65ad67;
    font-size: 25px;
    border-radius: 25px;
}

.ExpInput:active {
    outline: none;
}

.ExpInput:focus {
    outline: none;
}

.search-clos {
    position: absolute;
    right: 0px;
    color: #fff;
    font-size: 41px;
    font-weight: 200;
    top: 50%;
    margin-top: -30px;
    cursor: pointer;
}

.search-clos:hover {
    color: #d8ffd9;
}


/*** START BS OVERRIDES ***/

.features.light-brown {
    background-color: #faf8f5;
}

.features h2.section-title {
    color: #333333;
    font-size: 22px;
    margin: 0;
    text-align: center;
}

.features .v-tabs .v-tab-head a,
.features .v-tabs a.v-tab-head {
    color: #fff;
    cursor: pointer;
    display: block;
    margin: 0;
}

.features .v-tabs .v-tab-head a::after {
    color: #1e4402;
}

.features .v-tabs .v-tab-head a {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-size: 24px;
}

.features .v-tabs .v-tab-head a.active {
    font-family: "dubaiW23-Bold";
    color: #1e4402;
}

.features .v-tabs a.v-tab-head {
    border: none;
    padding: 15px 0;
    text-align: left;
    position: relative;
}

.features .v-tabs .v-tab-pane {
    padding: 0 35px;
}

.features .v-tabs .v-tab-pane ul {
    list-style: outside none none;
}

.features .v-tabs .v-tab-pane ul li i {
    color: #4c81b6;
    cursor: pointer;
    font-size: 14px;
}

.features .v-tabs .v-tab-pane .in {
    border-top: none;
    padding-top: 0;
}

.features .v-tabs .v-tab-pane .popover {
    border: 1px solid #014d7e !important;
    border-radius: 0;
    width: auto;
    margin: 10px 0 0 0;
    max-width: 276px;
    left: auto;
    box-shadow: none;
}

.features .v-tabs .v-tab-pane .popover.bottom .arrow {
    border-bottom-color: #014d7e;
}

.features .v-tabs .v-tab-pane .popover .popover-content {
    font-size: 14px;
    padding: 15px;
    text-align: center;
}

.home.inner-header {
    background: transparent;
    position: absolute;
}

.open-nav .home.inner-header {
    position: fixed !important;
}

.home.inner-header a :not(.donate-but a),
.home .inner-header .nav-box>ul>li>a span {
    color: #fff;
}

header.sticky .nav-box>ul>li>a {
    line-height: 5px;
}

header.inner-header.sticky .nav-box .lr-box ul li a {
    color: #000 !important;
    border-color: #000 !important;
}

header.sticky .nav-box .lr-box ul li a {
    color: #000;
}

.home.inner-header.sticky,
.home .button_container span {
    background: #fff !important;
}

.home.inner-logo {
    display: none;
}

.home.home-logo {
    display: block;
}

.home.inner-header.sticky .button_container span {
    background: #000 !important;
}

.home.button_container.active {
    background-color: transparent !important;
}

.home.inner-header.sticky .top-right-box a :not(.donate-but a) {
    color: #000 !important;
}

.home.inner-header .top-bar .top-right-box ul li a {
    color: #fff;
}

.home.inner-header.sticky .top-bar .top-right-box ul li a {
    color: #000;
}

.inner-header.sticky .nav-box>ul>li>a:not(.home.menu-open.inner-header.sticky .nav-box>ul>li>a) {
    color: #000 !important;
}

.inner-header.sticky .home-logo {
    display: none;
}

.inner-header.sticky .inner-logo {
    display: block;
}

.button_container.active span {
    background: #6ba134 !important;
}

.inner-header.home .nav-box>ul>li>a {
    color: #fff;
}

.open-nav .inner-header.sticky .nav-box>ul>li>a {
    color: #fff !important;
}

.open-nav .inner-header.sticky.home .nav-box>ul>li>a {
    color: #000 !important;
}

.open-nav .inner-header.sticky.home .nav-box>ul>li>a span {
    color: #000 !important;
}

.open-nav .inner-header.sticky.home .nav-box .lr-box ul li a {
    color: #000 !important;
}

.inner-header.sticky.home .nav-box>ul>li>a span {
    color: #000 !important;
}

.open-nav .inner-header.sticky.home .nav-box>ul>li>a:hover {
    color: #a0d841 !important
}

.open-nav .inner-header.sticky.home .nav-box>ul>li>a:hover span {
    color: #a0d841 !important
}

.open-nav .inner-header.sticky.home .nav-box .lr-box ul li a:hover {
    color: #a0d841 !important
}

.inner-header.sticky.home .nav-box>ul>li>a:hover span {
    color: #a0d841 !important
}

.fld-01.search-history {
    height: 40px;
}

.fld-01.search-history:active,
.fld-01.search-history:focus {
    background-color: #fff;
}

@media screen and (min-width: 1024px) {
    .inner-header .button_container .menu-bur {
        margin-top: -20px !important;
    }
}

@media screen and (max-width: 768px) {
    .nav-box>ul>li .icon-ui {
        bottom: 1px !important;
        font-size: 12px;
    }
    .bubbles {
        min-height: 430px;
    }
    .bubbles {
        padding-bottom: 0px !important;
    }
    .features.light-brown {
        border-top: 0 none;
    }
    .features h2.section-title {
        font-size: 32px;
    }
    .features .popover {
        margin: 10px 5% 0;
        max-width: none;
        width: 90%;
    }
    .bubbles {
        min-height: 370px;
        padding-bottom: 300px
    }
}

.collapse.in {
    display: block;
}

.collapse {
    display: none;
}

.fade {
    opacity: 0;
    transition: opacity 0.15s linear;
}

.col-sm-4 {
    width: 33.33333333%;
    float: left;
}

.col-sm-8 {
    width: 66.66666667%;
    float: left;
}

.fade.in {
    opacity: 1;
}

body {
    background: url(../images/body-bg.jpg) center top repeat;
}

.trans,
p,
header,
.logo-box,
.nav-box,
.top-right-box,
a,
h2,
.slick-arrow,
.open-toggle p,
.open-toggle h2,
.but-02 {
    transition: all 0.4s ease-out 0s;
    -moz-transition: all 0.4s ease-out 0s;
    -webkit-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
}

.portal-left-box,
.portal-left-box ul li a p {
    transition: all 0.4s ease-out 0s !important;
    -moz-transition: all 0.4s ease-out 0s !important;
    -webkit-transition: all 0.4s ease-out 0s !important;
    -o-transition: all 0.4s ease-out 0s !important;
}

.pt-35 {
    padding-top: 35px;
}

.pt-80 {
    padding-top: 80px;
}

.export-row {
    width: 100%;
    margin: 10px 0px 0px 0px
}

.export-row ul {
    padding: 0px;
    margin: 0% -1% 0% -1%;
    display: flex;
    flex-wrap: wrap;
}

.export-row ul li {
    list-style: none;
    margin: 0px 1% 0% 1%;
}


/*-----------preloader-----------*/

#overlayer {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 9999;
    background: #fff;
}

.loader {
    display: inline-block;
    width: 30px;
    height: 30px;
    position: fixed;
    z-index: 10000;
    border: 4px solid #3d843f;
    top: 50%;
    animation: loader 2s infinite ease;
    left: 50%;
    margin-left: -15px;
    margin-top: -15px;
}

.loader-inner {
    vertical-align: top;
    display: inline-block;
    width: 100%;
    background-color: #3d843f;
    animation: loader-inner 2s infinite ease-in;
}

@keyframes loader {
    0% {
        transform: rotate(0deg);
    }
    25% {
        transform: rotate(180deg);
    }
    50% {
        transform: rotate(180deg);
    }
    75% {
        transform: rotate(360deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@keyframes loader-inner {
    0% {
        height: 0%;
    }
    25% {
        height: 0%;
    }
    50% {
        height: 100%;
    }
    75% {
        height: 100%;
    }
    100% {
        height: 0%;
    }
}

.top-right-box {
    width: 80%;
    text-align: right;
}

.text-center {
    text-align: center;
}

.social-link {
    margin: 0px;
    padding: 0px;
}

.social-link li {
    list-style: none;
    width: auto;
    float: left;
    padding: 6px;
}

.social-link li a {
    width: 33px;
    font-size: 18px;
    height: 33px;
    text-align: center;
    line-height: 33px;
    color: #00572e;
    text-decoration: none;
    border: solid 1px #00572e;
    display: block;
    border-radius: 100px;
    background: #fff;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}

.social-link li a:hover {
    background: #1e4402;
    color: #fff;
}


/*.home-lay{ background: url(../images/home.jpg) center top no-repeat;}*/

.main-banner-sec {
    position: relative;
    z-index: 90;
}

.bnr-donate-but {
    color: #fff;
    position: absolute;
    left: 0px;
    bottom: 50px;
    z-index: 600;
    font-weight: 800;
    text-decoration: none;
    padding: 0px 25px 0px 30px;
    background: #00572e;
    height: 40px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    text-transform: uppercase;
    -webkit-border-radius: 0 50px 50px 0;
    border-radius: 0 50px 50px 0;
    overflow: hidden;
}

.rtl .bnr-donate-but {
    left: inherit;
    right: 0px;
    padding: 0px 25px 0px 10px;
    -webkit-border-radius: 50px 0px 0px 50px;
    border-radius: 50px 0px 0px 50px;
}

.don-icn {
    background: url(../images/ar-arrow.svg) no-repeat center center;
    height: 20px;
    width: 42px;
    display: inline-block;
    margin: 0px 10px;
    background-size: cover !important;
    animation: hvr-icon-wobble-horizontal normal 1.5s infinite ease-in-out;
}

.tp-banner-container {
    direction: rtl;
}

.rtl .tp-banner-container {
    direction: ltr;
}

.tp-banner-container .bnr-donate-but,
.tp-banner-container p,
.tp-banner-container h1 {
    direction: ltr;
}

.rtl .tp-banner-container .bnr-donate-but,
.rtl .tp-banner-container p,
.rtl .tp-banner-container h1 {
    direction: rtl;
}

.tp-banner-container .bnr-donate-but,
.rtl .tp-banner-container .bnr-donate-but {
    flex-direction: row-reverse;
}

.rtl .don-icn {
    background: url(../images/eng-arrow.svg) no-repeat center center;
    height: 20px;
    width: 42px;
    display: inline-block;
    margin: 0px 10px;
}

.main-banner-sec .banner-social-links {
    width: 33px;
    position: fixed;
    right: 4%;
    top: 50%;
    margin-top: -7%;
    z-index: 200;
}

.main-banner-sec .tp-caption {
    padding-top: 100px;
}

.main-banner-sec h1 {
    font-weight: inherit;
    font-family: "have_heart_oneregular";
    font-size: 35px;
    margin: 0px 0px 30px 0px;
    color: #fff;
    font-size: 120px;
    line-height: 90px;
    letter-spacing: -1px;
}

.txt-cl-01.txt-cl-01A {
    width: 100% !important;
    column-gap: 40px;
    column-count: 2;
}

.main-banner-sec p {
    font-size: 22px;
    line-height: 32px;
    color: #000;
    margin: 15px 0px 40px 0px;
}

.main-banner-sec .banner-txt {
    text-align: center;
}

.main-banner-sec .but-02 {
    height: 57px;
    line-height: 57px;
    padding: 0% 45px 0% 45px;
}

.main-banner-sec .tp-banner-container {
    width: 100%;
    height: 100%;
    height: 100vh;
}

.main-banner-sec .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    right: 10px;
    top: 50%;
    transform: translate3d(0px, -50%, 0);
    width: inherit;
}

.main-banner-sec .swiper-container-horizontal>.swiper-pagination-bullets {
    width: 10px;
    top: 50%;
    transform: translate3d(0px, -50%, 0);
    bottom: inherit;
    margin: 0px 2% 0px 2%;
}

.main-banner-sec .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active {
    background: #00572e !important;
}

.main-banner-sec .swiper-container {
    width: 100%;
    height: 100%;
    background: #fff;
}

.main-banner-sec .swiper-slide {
    font-size: 18px;
    color: #fff;
    box-sizing: border-box;
    padding: 40px 60px;
    text-align: center;
    padding-top: 25%;
    background-size: cover;
    background-position: center center;
}

.main-banner-sec .parallax-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 130%;
    height: 100%;
    background-size: cover;
    background-position: center;
}

.main-banner-sec .swiper-slide .title {
    font-size: 41px;
    font-weight: 300;
}

.main-banner-sec .swiper-slide .subtitle {
    font-size: 21px;
}

.main-banner-sec .swiper-slide .text {
    font-size: 14px;
    max-width: 400px;
    line-height: 1.3;
}

.home-sec-01 {
    padding: 100px 0px;
}

.home-sec-01 {
    background: url(../images/bg-01.jpg) center bottom no-repeat;
    background-size: cover;
}

.home-sec-01 h4 {
    line-height: 16px;
    text-transform: uppercase;
    font-size: 14px;
    margin: 8px 0px 0px 0px;
    text-align: center;
    width:100%;
}

.home-sec-01 .wrapper {
    position: relative;
    min-height: 887px;
}

.home-sec-01 .wrapper .text-box-01 {
    position: absolute;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 0% 15% 0% 15%;
}

.home-sec-01 .text-box-01.no-text {
    padding: 0px !important;
    height: 100%;
    display: flex;
    justify-content: center;
    width: 100%;
    align-items: center;
    flex-wrap: wrap;
    -webkit-border-radius: 100%px;
    border-radius: 100%px;
    overflow: hidden;
}

.home-sec-01 .wrapper .element-1 {
    position: relative;
    letter-spacing: 2px;
    transition: 1s box-shadow;
    box-sizing: content-box;
    width: 17%;
    position: absolute;
    background: #f0f0f0;
    left: 16%;
    top: 11%;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: solid 1px #71a173;
}

.home-sec-01 .wrapper .element-1>img {
    width: 100%;
}

.home-sec-01 .wrapper .element-1:hover {
    box-shadow: 0 5px 35px 0px rgba(0, 0, 0, 0.1);
}

.home-sec-01 .wrapper .element-10 {
    width: 18%;
    position: absolute;
    background: #f0f0f0;
    left: 16%;
    top: 21%;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.home-sec-01 .wrapper .element-10>img {
    width: 100%;
}

.home-sec-01 .wrapper .element-11 {
    width: 11%;
    position: absolute;
    left: initial;
    right: 31%;
    top: 75%;
    border-radius: 100%;
    background: #f0f0f0;
    border: solid 1px #71a173;
    box-sizing: content-box;
}

.rtl .home-sec-01 .wrapper .element-11 {
    left: 31%;
    right: unset;
}

.home-sec-01 .wrapper .element-11>img {
    width: 100%;
}


/* .home-sec-01 .wrapper .element-11 .text-box-01 {
    padding: 0px;
} */

.home-sec-01 .wrapper .element-02 {
    width: 13%;
    position: absolute;
    background: #f0f0f0;
    left: 36%;
    top: 13%;
    border-radius: 100%;
    overflow: hidden;
    box-sizing: content-box;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    border: solid 1px #71a173;
}

.home-sec-01 .wrapper .element-02>img {
    width: 100%;
}

.home-sec-01 .wrapper .element-02.p1 {
    right: 8%;
    left: initial;
    top: 34.5%;
}

.home-sec-01 .wrapper .element-02.p2 {
    left: 33%;
    top: 39%;
}

.home-sec-01 .wrapper .element-02.p4 {
    left: 25%;
    top: 64%;
    width: 13%;
}

.home-sec-01 .wrapper .element-02.p5 {
    left: 45.5%;
    top: 60%;
}

.home-sec-01 .wrapper .element-2 {
    width: 13%;
    position: absolute;
    left: 36%;
    top: 3%;
    background: #f0f0f0;
    border-radius: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    border: solid 1px #71a173;
    box-sizing: content-box;
}

.home-sec-01 .wrapper .element-2>img {
    width: 100%;
}

.home-sec-01 .wrapper .element-5 {
    width: 13%;
    position: absolute;
    right: 8%;
    left: initial;
    top: 24.5%;
    -webkit-border-radius: 100%;
    background: #f0f0f0;
    border-radius: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    border: solid 1px #71a173;
    box-sizing: content-box;
}

.home-sec-01 .wrapper .element-5>img {
    width: 100%;
}

.home-sec-01 .wrapper .element-6 {
    width: 13%;
    position: absolute;
    left: 33%;
    top: 39%;
    -webkit-border-radius: 100%;
    background: #f0f0f0;
    border-radius: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    border: solid 1px #71a173;
    box-sizing: content-box;
}

.home-sec-01 .wrapper .element-6>img {
    width: 100%;
}

.home-sec-01 .wrapper .element-7 {
    width: 13%;
    position: absolute;
    left: 8%;
    top: 48.5%;
    border-radius: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    border: solid 1px #71a173;
    background: #f0f0f0;
    box-sizing: content-box;
}

.home-sec-01 .wrapper .element-7>img {
    width: 100%;
}

.home-sec-01 .wrapper .element-8 {
    position: absolute;
    left: 25%;
    top: 74%;
    width: 13%;
    -webkit-border-radius: 100%;
    background: #f0f0f0;
    border-radius: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    border: solid 1px #71a173;
    box-sizing: content-box;
}

.home-sec-01 .wrapper .element-8>img {
    width: 100%;
}

.bubbles {
    min-height: 700px;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
}

.home-sec-01 .wrapper .element-9 {
    position: absolute;
    left: 45.5%;
    top: 60%;
    width: 13%;
    -webkit-border-radius: 100%;
    background: #f0f0f0;
    border-radius: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    border: solid 1px #71a173;
    box-sizing: content-box;
}

.home-sec-01 .wrapper .element-9>img {
    width: 100%;
}

.home-sec-01 .wrapper .element-10 {
    width: 18%;
    position: absolute;
    left: initial;
    right: 20%;
    top: 45%;
    border-radius: 100%;
    background: #f0f0f0;
    border: solid 1px #71a173;
    box-sizing: content-box;
}

.home-sec-01 .wrapper .element-10>img {
    width: 100%;
}

.home-sec-01 .wrapper .element-3 {
    width: 16%;
    position: absolute;
    left: 49%;
    top: 15.5%;
    border-radius: 100%;
    background: #f0f0f0;
    border: solid 1px #71a173;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: content-box;
}

.home-sec-01 .wrapper .element-3>img {
    width: 100%;
}

.home-sec-01 .wrapper .element-4 {
    width: 13%;
    position: absolute;
    background: #f0f0f0;
    right: 21%;
    top: 10%;
    border: solid 1px #71a173;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: content-box;
}

.home-sec-01 .wrapper .element-4>img {
    width: 100%;
}

.home-sec-01 .wrapper .element-4.p3 {
    left: 8%;
    top: 48.5%;
}

.home-img-box {
    position: relative;
    width: 100%;
    text-align: center;
    position: relative;
    z-index: 100;
}

.home-img-box img {
    max-width: 100%;
    position: relative;
    margin-top: -77px;
}

.donate-box-main {
    border: solid 1px #b7b7b7;
    margin-top: -37px;
    z-index: 60;
    position: relative;
    border-radius: 20px;
}

.donate-box-main h2 {
    text-align: center;
    font-family: "dubaiW23-Bold";
    margin: 0px;
    line-height: 40px;
    font-size: 27px;
    color: #000;
    margin-top: -19px;
    margin-bottom: 18px;
}

.donate-box-main h2 span {
    background: #efefef;
    background-size: auto 100%;
    padding: 0px 3% 0px 3%;
}

.donate-box-main h3 {
    text-align: center;
    margin: 0px;
    font-size: 36px;
    font-family: "dubaiW23-Bold";
    color: #000;
    text-transform: uppercase;
    letter-spacing: -1px;
}


/* .rtl .donate-box-main h3 {
    color: #000;
} */

.donate-box-main .donate-fld {
    z-index: 500;
    max-width: 83%;
    margin: auto auto;
    padding: 0px 2% 0% 2%;
    position: relative;
    bottom: -25px;
    background: #efefef;
}

.donate-box-main .donate-fld>li {
    list-style: none;
    float: left;
}

.donate-box-main .donate-fld> :nth-child(1) {
    width: 27%;
}

.donate-box-main .donate-fld> :nth-child(2) {
    width: 46%;
    margin: 0% 2% 0% 2%;
}

.donate-box-main .donate-fld> :nth-child(3) {
    width: 23%;
}

.donate-box-main .donate-fld .SumoSelect.open>.optWrapper {
    top: 60px;
    border-radius: 30px;
}

.donate-box-main .donate-fld .sumo-select,
.donate-box-main .donate-fld .SumoSelect {
    width: 100%;
}

.donate-box-main .donate-fld .CaptionCont.SelectBox {
    -webkit-border-radius: 100px;
    color: #484848;
    font-size: 16px;
    border-radius: 100px;
    border: solid 1px #b1b1b1;
    background: transparent;
    height: 58px;
    padding: 15px 19% 15px 19%;
}

.donate-box-main .donate-fld .SumoSelect>.CaptionCont>label>i {
    background: url(../images/drop-arrow.png) no-repeat center left;
    width: 35px;
}

.donate-box-main .donate-fld .SumoSelect>.CaptionCont>label {
    width: 50px;
}

.donate-box-main .SumoSelect>.optWrapper>.options li.opt {
    padding: 6px 23px 6px 49px;
}

.donate-box-main form {
    min-height: 200px;
}

.donate-box-main .SumoSelect>.optWrapper>.options li label {
    white-space: inherit;
}

.fld-01 {
    width: 100%;
    border-radius: 100px;
    color: #484848;
    font-size: 16px;
    border: solid 1px #b1b1b1;
    background: transparent;
    height: 58px;
    padding: 0px 8% 0px 8%;
}

.fld-01:focus {
    outline: 0px;
}

.fld-02 {
    font-family: "dubaiW23-Regular";
    padding: 15px;
    width: 100%;
    border: solid 1px #444444;
    height: 95px;
    -webkit-border-radius: 15px;
    resize: none;
    border-radius: 15px;
    background: transparent;
}

.fld-02:focus {
    outline: 0px;
}

.z-110 {
    z-index: 110;
    position: relative;
}

.but-01 {
    overflow: hidden;
    font-family: "dubaiW23-Bold";
    text-transform: uppercase;
    color: #fff;
    width: 100%;
    height: 58px;
    -webkit-border-radius: 100px;
    font-size: 16px;
    border-radius: 100px;
    outline: none;
    border: none;
    cursor: pointer;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#17633e+0,a3da42+100 */
    background: #17633e;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #17633e 0%, #a3da42 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    /*&:hover{ background: $green; color:$white; }*/
}

.but-01:focus {
    outline: 0px;
}

.project-report-boxmain {
    width: 100%;
    padding-top: 130px;
    padding-bottom: 49px;
    position: relative;
    z-index: 50;
}

.project-report-boxmain h3 {
    font-size: 36px;
    font-family: "dubaiW23-Bold";
    color: #000;
    margin: 0px 0px 0px 0px;
    text-align: center;
    letter-spacing: -1px;
}

.project-report-boxmain>ul {
    margin: 58px 0px 0px 0px;
    padding: 0px;
}

.project-report-boxmain>ul>li {
    width: 25%;
    float: left;
    list-style: none;
    text-align: center;
    margin-bottom: 38px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.project-report-boxmain>ul>li h3 {
    color: #00572e;
    font-size: 30px;
    line-height: 50px;
    font-weight: inherit;
    text-align: center;
    width: 210px;
    height: 210px;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    justify-content: center;
    align-items: center;
    -webkit-border-radius: 100px;
    border-radius: 100%;
    border: solid 6px #bb2972;
    margin-bottom: 15px
}

.project-report-boxmain>ul>li h3 .sub-txt {
    font-size: 30px;
    width: 100%;
    /* padding-left: 10px;
    padding-right: 10px; */
    /* display: block; */
}

.project-report-boxmain>ul>li p {
    font-family: "dubaiW23-Medium";
    text-transform: uppercase;
    font-size: 18px;
    margin: 0px;
    text-align: center;
    width: 100%
}

.project-report-boxmain>ul> :nth-child(2) {
    text-align: center;
}

.project-report-boxmain>ul> :nth-child(4) {
    border: none;
}

.project-report-boxmain>ul> :nth-child(5) {
    text-align: center;
    border: none;
}

.project-report-boxmain>ul> :nth-child(6) {
    border: none;
}

.project-report-boxmain>ul> :nth-child(2n) h3 {
    border-color: #946934
}

.project-report-boxmain>ul> :nth-child(3n) h3 {
    border-color: #93f11f
}

.project-report-boxmain>ul> :nth-child(4n) h3 {
    border-color: #f52f0c
}

.project-report-boxmain>ul> :nth-child(5n) h3 {
    border-color: #6f69ff
}

.project-report-boxmain>ul> :nth-child(6n) h3 {
    border-color: #f0902c
}

.home-project-slider {
    /*background: url(../images/bg-png.png) center center no-repeat #00572e;*/
    background: #00572e;
    padding: 103px 0px 65px 0px;
    min-height: 899px;
    overflow-x: hidden;
}

.home-project-slider .slide-box-02:focus {
    outline: none;
}

.home-project-slider .wrapper-02 {
    overflow-x: hidden;
    padding: 115px 0px 180px 0px;
    max-width: 1500px;
}

.home-project-slider .slide-img-box {
    overflow: hidden;
    border-radius: 100%;
}

.home-project-slider .slide-img-box:focus {
    outline: none;
}

.home-project-slider .slide-txt-box-main {
    text-align: center;
}

.home-project-slider .slide-txt-box-main:focus {
    outline: none;
}

.home-project-slider .slide-txt-box-main h2 {
    color: #fff;
    margin: 0px 0px 8px 0px;
    font-size: 32px;
}

.home-project-slider .slide-txt-box-main p {
    color: #fff;
    font-size: 11px;
    margin: 0px 0px 13px 0px;
    line-height:14px;
    opacity: 0;
}

.home-project-slider .slide-txt-box-main .but-02 {
    font-size: 10px;
    padding: 0% 52px 0% 52px;
    opacity: 0;
}

.home-project-slider .slick-current.slick-active.slick-center p {
    opacity: 1;
}

.home-project-slider .slick-current.slick-active.slick-center .but-02 {
    opacity: 1;
}

.home-project-slider .slick-slide:focus {
    outline: none;
}

.home-project-slider .slick-slide div:focus {
    outline: none;
}

.home-project-slider .slick-arrow {
    width: 63px;
    height: 63px;
    background-color: #fff;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    position: absolute;
    top: 25%;
    border: none;
    box-shadow: none;
    text-indent: -150px;
    overflow: hidden;
    z-index: 500;
    cursor: pointer;
}

.home-project-slider .slick-arrow.slick-next {
    right: 29%;
    background-image: url(../images/arrow-01b.png);
    background-position: center right;
    background-repeat: no-repeat;
}

.home-project-slider .slick-arrow.slick-next:hover {
    background-position: center left;
    background-color: #1e4402;
}

.home-project-slider .slick-arrow.slick-next:before {
    left: 89px;
    color: #1e4402;
    top: 3px;
    position: relative;
    font-size: 0px;
}

.home-project-slider .slick-arrow.slick-prev {
    left: 29%;
    background-image: url(../images/arrow-01a.png);
    background-position: center left;
    background-repeat: no-repeat;
}

.home-project-slider .slick-arrow.slick-prev:hover {
    background-position: center right;
    background-color: #1e4402;
}

.home-project-slider .slick-arrow.slick-prev:before {
    left: 95px;
    color: #1e4402;
    top: 3px;
    position: relative;
    font-size: 0px;
}

.home-project-slider .slick-arrow:focus {
    outline: none;
}


/* .home-project-slider .slick-arrow:hover {
    background: #1e4402;
} */

.home-project-slider .slick-arrow:hover.slick-arrow:before {
    color: #fff;
}

.home-project-slider .slick-dots {
    margin: 0px;
    padding: 0px;
    text-align: center;
    position: absolute;
    width: 100%;
    bottom: -176px;
}

.home-project-slider .slick-dots li {
    list-style: none;
    display: inline-block;
    padding: 0px 3px 0px 3px;
}

.home-project-slider .slick-dots li button {
    cursor: pointer;
    text-indent: -200px;
    background: #428867;
    border: none;
    padding: 0px;
    margin: 0px;
    display: block;
    overflow: hidden;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
}

.home-project-slider .slick-dots li button:focus {
    outline: none;
}

.sign-up-sec {
    background-color: #ebebeb !important;
    background-size: contain !important;
    background-position: center bottom !important;
    background-repeat: repeat-x !important;
    padding: 108px 0px 108px 0px;
    min-height: 900px;
}

.sign-up-sec .map-box-sign-up {
    width: 37%;
    float: left;
    position: relative;
    padding-left: 1%;
}

.sign-up-sec .map-box-sign-up>img {
    width: 100%;
}

.sign-up-sec .map-box-sign-up .map-marker {
    position: absolute;
    border-radius: 10px;
    font-family: "dubaiW23-Bold";
    color: #fff;
    font-size: 12px;
}

.sign-up-sec .map-box-sign-up .map-marker .tooltip__content {
    padding: 25px;
    background: #FFFFFF;
    border-radius: 20px;
    border: solid 1px #679880;
}

.sign-up-sec .map-box-sign-up .map-marker .our-location-main>ul>li {
    border: none;
    padding: 0px;
    background: transparent;
    width: 100%;
}

.sign-up-sec .map-box-sign-up .map-marker .our-location-main {
    margin-top: 0px;
    color: #000;
}

.sign-up-sec .map-box-sign-up .map-marker .our-location-main a {
    color: #000;
    text-decoration: none;
    font-size: 12px
}

.sign-up-sec .map-box-sign-up .map-marker .our-location-main a:hover {
    color: #00663e;
}

.sign-up-sec .map-box-sign-up .map-marker .our-location-main>ul>li>ul>li {
    width: 50%;
}

.sign-up-sec .map-box-sign-up .map-marker h5 {
    font-size: 15px;
    margin: 0px 0px 10px 0px;
    line-height: 18px;
}

.sign-up-sec .map-box-sign-up .map-marker img {
    width: 25px;
    position: absolute;
    left: 5px;
    top: -22px;
}

.sign-up-sec .map-box-sign-up .map-marker.loc-1 {
    left: 70%;
    top: 10%;
}

.sign-up-sec .map-box-sign-up .map-marker.loc-2 {
    right: -9%;
    top: 25%;
}

.sign-up-sec .map-box-sign-up .map-marker.loc-3 {
    right: 19%;
    top: 25%;
}

.sign-up-sec .map-box-sign-up .map-marker.loc-4 {
    right: 25%;
    top: 40%;
}

.sign-up-sec .map-box-sign-up .map-marker.loc-5 {
    right: 20%;
    top: 55%;
}

.sign-up-sec .map-box-sign-up>img {
    z-index: 10;
}

.sign-up-sec .sign-up-div {
    width: 50%;
    float: right;
}

.sign-up-sec .sign-up-div h3 {
    margin: 0px;
    padding: 0px;
    font-size: 22px;
    font-family: "dubaiW23-Bold";
    color: #000;
}

.sign-up-sec .sign-up-div p {
    font-size: 16px;
    color: #5e5e5e;
    margin: 0px;
}

.sign-up-sec .sign-up-div ul {
    margin: 27px 0px 0px 0px;
    padding: 0px;
}

.sign-up-sec .sign-up-div ul li {
    list-style: none;
}

.sign-up-sec .sign-up-div ul li .fld-01 {
    height: 45px;
}

.sign-up-sec .sign-up-div ul li .but-01 {
    height: 45px;
    font-size: 13px;
}

.sign-up-sec .sign-up-div ul> :nth-child(1) {
    width: 59%;
    float: left;
    margin-right: 2%;
}

.sign-up-sec .sign-up-div ul> :nth-child(2) {
    width: 20%;
    float: left;
}


/* .map-marker{text-transform: uppercase; } */


/* .main-branch{  } */

.dubai-branch {
    position: absolute;
    right: 8%;
    top: 27%;
}

.fujairah-branch {
    right: -11%;
    top: 12%;
}

.ajman-branch {
    left: 79%;
    top: 11%;
}

.barsha-center {
    right: 30%;
    top: 35%;
}

.al-awir-center {
    right: 30%;
    top: 40%;
}

.allisala-center {
    right: 25%;
    top: 40%;
}

.hatta-center {
    right: 0%;
    top: 45%;
}

.loc-6 {
    top: 68%;
    right: 38%;
}


/*.loc-6 .pointer-box{position: absolute; left: 57%; top: -15px;}
 */


/* .ajman-branch .tooltip__content{    left: 125%;
    bottom: 97px;} */


/*background:#252525; */

footer {
    padding: 92px 0px 5px 0px;
    background: #252525;
}

footer h5,
footer h4 {
    color: #fff;
    font-size: 16px;
    font-family: "dubaiW23-Bold";
    margin: 0px 0px 14px 0px;
    text-transform: uppercase;
    font-weight: inherit;
}

footer .footer-row-01 {
    padding-bottom: 25px;
}

footer .footer-row-01 .footer-cl-01 {
    float: left;
    width: 33%;
    padding-right: 11%;
}

footer .footer-row-01 .footer-cl-01 a {
    text-decoration: none;
}

footer .footer-row-01 .footer-cl-01 p {
    margin-bottom: 43px;
}

footer .footer-row-01 p {
    color: #bababa;
    font-size: 14px;
    line-height: 19px;
    margin: 0px;
}

footer .footer-row-01 .footer-form-box {
    float: left;
    width: 67%;
}

footer .footer-row-01 .footer-form-box ul {
    margin: 0px;
    padding: 0px;
}

footer .footer-row-01 .footer-form-box ul li {
    list-style: none;
    margin-bottom: 10px;
}

footer .footer-row-01 .footer-form-box ul li .fld-01 {
    height: 42px;
    border-color: #3f3f3f;
    color: #fff;
    padding-left: 15px;
    padding-right: 15px;
}

footer .footer-row-01 .footer-form-box ul li .fld-02 {
    color: #fff;
}

footer .footer-row-01 .form-cl-01 {
    width: 43%;
    float: left;
}

footer .footer-row-01 .form-cl-02 {
    width: 55%;
    float: right;
}

footer .phone-box a:hover {
    color: #a2d478 !important;
}

.phone-box {
    margin: 0px;
    padding: 0px 0px 25px 0px;
}

.phone-box li {
    list-style: none;
    color: #fff;
    font-size: 14px;
    margin-bottom: 5px;
    float: left;
    width: 100%;
}

.phone-box li a {
    color: #fff;
    text-decoration: none;
    font-size: 17px;
}

.phone-box li a:hover {
    color: #1e4402;
}

.phone-box li .phone-cl01 {
    width: 35%;
    float: left;
    font-size: 16px;
}

.phone-box li .phone-cl02 {
    width: 65%;
    float: left;
}

.quick-link {
    margin: 0px;
    padding: 0px;
}

.quick-link li {
    margin-bottom: 3px !important;
}

.quick-link li a {
    color: #6f6f6f;
    text-decoration: none;
    font-size: 14px;
}

.quick-link li a:hover {
    color: #fff;
}

.quick-link-box {
    margin: 0px;
    padding: 0px;
}

.quick-link-box li {
    list-style: none;
}

.quick-link-box> :nth-child(1) {
    width: 32%;
    float: left;
}

.quick-link-box> :nth-child(2) {
    width: 27%;
    float: left;
}

.quick-link-box> :nth-child(3) {
    width: 25%;
    float: left;
}

.footer-bottom-row {
    width: 100%;
}

.footer-bottom-row .footer-bt-cl-01 {
    float: left;
    width: 33%;
    padding-top: 11px;
}

.social-cl {
    width: 55%;
    float: left;
}

.app-cl {
    width: 45%;
    float: left;
}

.footer-bottom-row .footer-bt-cl-01 .social-link a {
    width: 27px;
    height: 27px;
    line-height: 27px;
    text-align: center;
    font-size: 15px;
    color: #252525;
}

.footer-bottom-row .footer-bt-cl-01 .social-link a:hover {
    color: #000;
    background: #a2d478;
}

.footer-bottom-row .footer-bt-cl-02 {
    float: left;
    width: 47%;
    padding-top: 25px;
}

.footer-bottom-row .footer-bt-cl-02 p {
    font-size: 12px;
    color: #d3d3d3;
    margin: 0px;
}

.footer-bottom-row .footer-bt-cl-02 p a {
    color: #d3d3d3;
    text-decoration: none;
}

.footer-bottom-row .footer-bt-cl-02 p a:hover {
    color: #a2d478;
}

.footer-bottom-row .footer-bt-cl-03 {
    float: right;
    width: 20%;
    text-align: right;
    position: relative;
}

.footer-bottom-row .footer-bt-cl-03 img {
    width: 140px;
    position: relative;
    bottom: 45px;
}

.search-result h4 {
    margin-bottom: 5px;
}

.content {
    align-items: center;
    background-color: #FFFFFF;
    display: flex;
    height: 200px;
    justify-content: space-around;
    margin-top: 4rem;
    padding: 0.75rem;
    width: 500px;
}

.tooltip {
    cursor: pointer;
    display: inline-block;
    position: relative;
}

.tooltip .tooltip__content {
    background-color: transparent;
    border-radius: 4px;
    bottom: 150%;
    color: #FFFFFF;
    left: 0%;
    padding: 0px;
    position: absolute;
    width: 320px;
    z-index: 1;
}

.pointer-box {
    width: 100%;
    display: inline-block;
    border-bottom: 1px dotted #a3da42;
    background: #00572e;
    padding: 7px 30px 7px 30px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
}

.close-but {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 20px;
    height: 20px;
    font-size: 13px;
    display: flex;
    flex-wrap: wrap;
    color: #ffffff;
    align-items: center;
    justify-content: center;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    background: #1e693f;
}

.close-but:hover {
    background: #91cb42;
}

.tooltip .tooltip__content::after {
    border-width: 5px;
    border-style: solid;
    border-color: #a3da42 transparent transparent transparent;
    content: "";
    left: 10%;
    margin-left: -5px;
    position: absolute;
    top: 100%;
}

.tooltip__content ul {
    margin: 0px 0px 10px 0px;
    padding: 0px
}

.tooltip__content {
    display: none;
}

.tooltip__content.open-pop {
    display: block;
}

.tooltip .tooltip__content .our-location-main ul li h5 {
    color: #000;
    font-size: 14px;
    line-height: 15px;
}

.tooltip .tooltip__content .our-location-main ul li,
.tooltip .tooltip__content .our-location-main ul li a {
    font-size: 13px;
}

.tooltip .tooltip__content .our-location-main ul li {
    margin: 0px 0px 2px 0px;
}

.tooltip .tooltip__content .our-location-main>ul>li .but-05 {
    margin-top: 5px;
}

.tooltip .tooltip__content {
    padding: 0px;
    z-index: 200
}


/* .map-marker.dubai-branch{    z-index: 19 !important;} */


/*.tooltip:hover .tooltip__content {
    opacity: 1;
    visibility: visible;

}*/

.map-marker .mob-show {
    color: #fff;
    text-decoration: none;
}

.mob-show {
    display: none;
}

.short .slick-slide:not(.slick-center):not(.slick-current) {
    opacity: 1;
    transform: scale(1.5);
    -webkit-transform: scale(1.5);
    z-index: 1;
}

.short .slick-slide:not(.slick-center):not(.slick-center) p,
.short .slick-slide:not(.slick-center):not(.slick-center) a {
    opacity: 1;
}

.short .slick-current {
    opacity: 0.2;
    transform: scale(1);
    -webkit-transform: scale(1);
    z-index: inherit;
}

.month-picker {
    z-index: 10000;
}


/*--------new-style---*/


/* .open-toggle p, .open-toggle h2 { height: 0px; overflow: hidden; } */

.vission-main ul li {
    line-height: 35px;
    font-size: 15px;
    list-style: none;
    width: 100%;
    background: url(../images/list-style.png) 0px 12px no-repeat;
    padding-bottom: 10px;
    padding-left: 15px;
}

.rtl .vission-main ul li {
    background: url(../images/list-ar.png) right 12px no-repeat;
    padding-right: 15px;
}

.rtl .about-bot-txt-box label.error {
    text-align: right !important;
}

.vission-main ul {
    padding: 0px;
    margin: 0px;
    width: 100%;
}

.vission-main .about-bot-txt-box h2 {
    font-size: 31px;
    font-weight: inherit;
}

.vission-main .about-bot-txt-box {
    padding-top: 0px;
    padding-bottom: 0px;
}

.vission-main .about-bot-txt-box {
    width: 57%;
}

.vission-main {
    margin-bottom: 40px;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.vission-txt-box-main {
    text-align: center;
    padding-bottom: 45px;
    max-width: 1199px;
    margin: 0 auto;
}

.vission-txt-box-main p {
    max-width: 650px;
    margin-left: auto;
    margin-right: auto;
}

.vission-txt-box-main h2 {
    font-size: 36px;
    margin-bottom: 10px;
}

.month-title-box {
    margin-bottom: 60px;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    padding: 15px 3% 15px 3%;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    display: flex;
    ;
}

.month-title-box h2 {
    width: calc(100% - 160px);
    font-size: 31px;
    margin: 0px;
    padding: 0px;
    color: #fff;
    line-height: 35px;
}

.report-icon {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    background: #fff;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    width: 130px;
    height: 130px
}

.price-row-03 {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 90px;
}

.price-row-03 h2 {
    color: #3c3c3c;
    font-size: 30px;
    margin: 0px auto 10px 0px;
}

.price-row-03 h3 {
    color: #3c3c3c;
    font-size: 45px;
    margin: 0px 0px 10px auto;
}

.price-row-02 {
    width: 100%;
}

.price-row-02 ul {
    margin: 0px -1% 0px -1%;
    padding: 0px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.price-row-02 ul li {
    margin-bottom: 22px;
    list-style: none;
    width: 20%;
    padding: 0px 1% 0% 1%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
    min-height: 170px;
}

.price-row-02 ul li .wrap-box {
    border: solid 1px #cedaca;
}

.price-row-02 ul> :nth-child(odd) .wrap-box {
    background: #c6c6c6;
}

.price-row-02 ul li .wrap-box {
    background: #9b999a;
}

.price-row-02 ul li span {
    color: #3c3c3c;
}

.month-title-box {
    background: #9b999a;
}

.green .price-row-02 ul> :nth-child(odd) .wrap-box {
    background: #13623b;
}

.green .price-row-02 ul li .wrap-box {
    background: #91c836;
}

.green .price-row-02 ul li span {
    color: #13623b;
}

.green .month-title-box {
    background: #13623b;
}

.red .price-row-02 ul> :nth-child(odd) .wrap-box {
    background: #c90b15;
}

.red .price-row-02 ul li .wrap-box {
    background: #3c3c3c;
    border: none;
}

.red .price-row-02 ul li span {
    color: #c90b15;
}

.red .month-title-box {
    background: #c90b15;
}

.color-02 .price-row-02 ul> :nth-child(odd) .wrap-box {
    background: #d4aa32;
}

.color-02 .price-row-02 ul li .wrap-box {
    padding-top: 10px;
    padding-bottom: 10px;
    background: #b08326;
    border: none;
}

.color-02 .price-row-02 ul li span {
    color: #c90b15;
}

.color-02 .month-title-box {
    background: #b08326;
}

.color-02 .month-title-box h2 {
    width: 100%;
}

.color-02 .price-row-02 ul li h3 {
    margin: 0px;
    padding: 0px;
}

.color-02 .price-row-02 ul li h4 {
    margin: 0px;
    padding: 0px;
    font-size: 21px;
    color: #fff;
    text-transform: uppercase;
}

.color-02 .price-row-02 ul li {
    min-height: 120px;
}

.price-row-02 ul li .wrap-box {
    justify-content: center;
    width: 100%;
    padding: 2%;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    display: flex;
    flex-wrap: wrap;
    padding: 10%;
}

.price-row-02 ul li h3 {
    width: 100%;
    letter-spacing: 0px;
    font-size: 20px;
    color: #fff;
    font-weight: inherit;
    text-transform: inherit;
}

.price-row-02 ul li span {
    width: 100%;
    margin-top: auto;
    line-height: 20px;
    font-family: "dubaiW23-Bold";
    display: inline-block;
    -webkit-border-radius: 30px;
    font-size: 21px;
    border-radius: 30px;
    background: #fff;
    padding: 10px;
}

.report-main> :last-child {
    padding-bottom: 0px;
}

.report-main {
    padding-bottom: 50px;
}

.total-box {
    overflow: hidden;
}

.total-box ul {
    margin: 0px;
    padding: 0px;
}

.total-box>ul>li {
    margin: 0px;
    padding: 0px;
    list-style: none;
    border-bottom: solid 1px #f8f8f7;
}

.total-box>ul> :nth-child(odd) {
    background: #f8f8f8;
}

.total-box>ul>li>ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.total-box>ul>li>ul>ul {
    padding-left: 10%;
    padding-right: 10%;
}

.total-box>ul>li>ul>ul>li {
    padding-left: 0%;
    padding-right: 0%;
}

.total-box>ul>li>ul>li {
    display: flex;
    flex-wrap: wrap;
    margin: 0px;
    padding: 4% 10% 4% 2%;
    text-align: right;
    list-style: none;
    border-right: solid 1px #e8eee7;
    width: 50%;
}


/* .rtl .total-box>ul>li>ul>li {
    padding: 4% 2% 4% 10%;
} */

.total-box>ul>li>ul> :last-child {
    border: none;
    text-align: left;
}

.total-box>ul>li>ul>li h2 {
    color: #13623b;
}

.total-box>ul>li>ul>li h3 {
    color: #13623b;
    font-size: 40px;
    line-height: 35px;
}

.total-box>ul>li>ul>li h3 span {
    font-size: 20px;
    text-transform: inherit;
    width: 100%;
    display: block;
}

.total-box>ul>li>ul>li span {
    color: #13623b;
    padding: 0px 5px 0px 5px;
}

.register-box a.but-04 {
    padding-right: 5%;
}

.bannerimage-link {
    display: block;
    position: absolute;
    width: 100%;
    left: 0px;
    top: 0px;
    height: 100%;
    z-index: 10;
}

.main-banner-sec .but-02 {
    position: relative;
    z-index: 15;
}

.main-banner-sec p,
.main-banner-sec h1 {
    position: relative;
    z-index: 9;
}

.location-map-filter {
    margin: 0px -10px 0px -10px;
    padding: 0px;
    display: flex;
    flex-wrap: wrap;
}

.location-map-filter li {
    list-style: none;
    border-right: solid 1px #cbcbcb;
    padding: 0% 10px;
}

.location-map-filter :last-child {
    border-right: none !important;
}

.map-rel {
    position: relative;
    width: 100%;
}

.map-box-sign-up .but-01 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    max-width: 220px;
    margin: 35px auto 0px auto;
}

#forgotpassword_Form .but-04 {
    margin-right: 10px;
}

.rtl #forgotpassword_Form .but-04 {
    margin-right: 0px;
    margin-left: 10px;
}

.rtl .chairman-message-main .chairman-txt-main h3 {
    text-align: left;
}

#forgotpassword_Form .form-group.m-form__group {
    margin-bottom: 10px;
}

#forgotpassword_Form .error {
    float: left;
    color: #f11818;
    font-size: 12px;
    margin-top: 5px;
}

.rtl #forgotpassword_Form .error {
    float: right;
    color: #f11818;
    font-size: 12px;
    margin-top: 5px;
}

.rtl .tooltip .tooltip__content {
    right: 0%;
    left: inherit;
}

.filiter-box {
    min-height: 300px;
}

.rtl .close-but {
    right: initial !important;
}

.rtl .tooltip .tooltip__content::after {
    left: 90%;
}

.rtl .accordian-sub-row .tab-box-02 form .but-03 {
    float: left;
    margin-right: 10px;
}

.rtl #chat-circle {
    right: inherit;
    left:15px;
}

.rtl .sliding-pannel-02 {
    float: left;
    width: 100%;
}

.p_alert {
    color: #D8000C;
    background-color: #FFBABA;
    border: 0;
    padding: 10px;
    text-align: center;
    border: solid 1px #e69999;
    -webkit-border-radius: 15px;
    border-radius: 15px;
}

.our-location-main .p_alert {
    margin-top: 35px;
}

.error-donaton {
    border-color: #f52f0c !important;
}

.mt-10 {
    margin-top: 10px !important;
}

.rtl .register-row a {
    padding-left: 7px;
}


/*.rtl .register-box a{    padding-right:0px;     padding-left: 6px;}*/

.rtl .page-count.width-02 .SumoSelect>.CaptionCont>label>i {
    background: url(/images/drop-arrow-02.png) no-repeat center left;
}

.rtl .submit-row .SumoSelect>.CaptionCont>label>i {
    background-image: url(/images/drop-arrow-03.png) !important;
}

.rtl .form-box-contact ul>li {
    float: right;
}

.rtl .form-box-contact ul>li.form-hlf:nth-child(even) {
    float: left;
}

.rtl .title-row-form .info-title {
    float: right;
}

.rtl .title-row-form .title-txt-01 {
    float: right;
}

.rtl .title-row-form .info-title img {
    margin-right: 0%;
    margin-left: 8%;
}

.rtl .price-row-03 h2 {
    margin-left: auto;
    margin-right: 0;
}

textarea.fld-01 {
    padding-top: 10px;
    padding-bottom: 10px
}

.donate-fld .ffl-wrapper .ffl-label {
    left: 8%;
    top: 17px;
    font-size: 16px;
}

.rtl .donate-fld .ffl-wrapper .ffl-label {
    right: 8% !important;
    left: unset;
}

.sign-up-div .ffl-wrapper .ffl-label {
    left: 8%;
}

.rtl .sign-up-div .ffl-wrapper .ffl-label {
    left: unset;
    right: 8% !important
}

.rtl .map-info>ul>li>ul>li {
    float: right
}

.rtl .gm-style .gm-style-iw-c .gm-style-iw-d {
    padding-right: 15px;
    padding-top: 15px
}

.btn-notice-agree :last-child {
    text-align: left;
}

.rtl .btn-notice-agree:last-child {
    text-align: right;
}

.rtl .footer-bottom-row .footer-bt-cl-03 {
    text-align: left;
}

.rtl .nav-box>ul>li {
    padding-left: 0px;
    padding-right: 15px;
}

.form-box-Request-notice {
    padding: 4%;
}

.form-box-Request-notice ul li {
    text-align: right !important;
}

.form-box-01:nth-child(2) {
    text-align: center;
}

.form-box-Request-notice ul {
    margin-top: 15px !important;
    margin-bottom: 20px !important;
}

.notice-rtl {
    direction: rtl;
    text-align: right;
}

.z_alert {
    border-radius: 50px;
    display: flex;
    padding: 2%;
    width: 100%;
    text-align: center;
    color: #0e0e0e;
    background: #fff8c4;
    border: 1px solid #f2c779;
    align-items: center;
    justify-content: center;
    height: 35px;
}

.z_alert .z-alert-icn {
    background: url(../images/danger.svg) center center no-repeat;
    display: inline-block;
    width: 18px;
    height: 18px;
    background-size: contain;
    margin-right: 5px;
    margin-left: 5px;
}

.zakat-form li {
    position: relative !important;
    margin-bottom: 22px !important;
}

.rate-info {
    width: 100%;
    font-family: "dubaiW23-Medium";
    font-size: 15px;
    text-align: center;
    margin-bottom: 10px;
    display: block;
}


/* .zakat-form li .rate-info {
    position: absolute;
    width: 100%;
    right: 0px;
    bottom: -15px;
    font-size: 11px;
    text-align: right;
} */

.rate-info a {
    color: #13623b;
    text-decoration: underline;
}

.rtl .zakat-form li .rate-info {
    text-align: left;
}

.zakat-form li .error {
    position: absolute;
    left: 0px;
    bottom: -15px;
}

.rtl .zakat-form li .error {
    left: unset;
    right: 0px;
}


/*----------------placeholder------animation---------*/

.ffl-wrapper {
    position: relative;
    display: block;
}

.ffl-wrapper .ffl-label {
    transition-property: all;
    transition-duration: 200ms;
    transition-timing-function: ease;
    transition-delay: 0s;
    position: absolute;
    white-space: nowrap;
    max-width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    pointer-events: none;
    top: 12px;
    left: 15px;
    font-size: 13px;
}

.rtl .ffl-wrapper .ffl-label {
    right: 15px;
    left: unset;
}

.ffl-wrapper.ffl-floated .ffl-label {
    top: 2px !important;
    left: 0% !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.rtl .ffl-wrapper.ffl-floated .ffl-label {
    top: 2px !important;
    right: 15px !important;
    left: unset !important;
}

.rtl .donate-box-main .ffl-wrapper.ffl-floated .ffl-label {
    right: 8% !important
}

.ffl-label {
    color: #909090;
    line-height: 1.2;
}

.ffl-floated .ffl-label {
    color: #a2a2a2;
    font-size: 10px;
}

.new-donate-list .ffl-label {
    padding-left: 15px !important;
    padding-left: 15px !important;
    left: 0px !important;
}


/*----------------placeholder------animation-----end----*/

.rtl #DonationRequestForm label.error {
    right: 0px;
    left: inherit;
    bottom: -17px;
}

#ProfileUserAdditionalInfoFormId label.error {
    position: absolute;
    left: 0px;
    bottom: -14px;
    font-size: 11px
}

.rtl #ProfileUserAdditionalInfoFormId label.error {
    position: absolute;
    right: 0px;
    left: inherit;
    bottom: -16px;
    font-size: 11px
}

.submit-row .SumoSelect.open>.search>label {
    visibility: visible;
}

.submit-row .SumoSelect.open>.search>label i {
    background: url(/images/drop-arrow-02.png) no-repeat center left !important;
}


/* ----------------------------------- */


/* input.question,
textarea.question {
  font-size: 48px;
  font-weight: 300;
  border-radius: 2px;
  margin: 0;
  border: none;
  width: 80%;
  background: rgba(0, 0, 0, 0);
  transition: padding-top 0.2s ease, margin-top 0.2s ease;
  overflow-x: hidden; /* Hack to make "rows" attribute apply in Firefox. */


/* Underline and Placeholder */

input.question+label,
textarea.question+label {
    display: block;
    position: relative;
    white-space: nowrap;
    padding: 0;
    margin: 0;
    width: 10%;
    border: none;
    -webkit-transition: width 0.4s ease;
    transition: width 0.4s ease;
    height: 0px;
}

input.question:focus+label,
textarea.question:focus+label {
    width: 80%;
}

input.question:focus,
input.question:valid {
    padding-top: 35px;
}

textarea.question:valid,
textarea.question:focus {
    margin-top: 35px;
}

input.question:focus+label>span,
input.question:valid+label>span {
    top: -44px;
    font-size: 10px;
    color: #636363;
    z-index: 999;
    left: 15px;
}

textarea.question:focus+label>span,
textarea.question:valid+label>span {
    top: -46px;
    font-size: 13px;
    color: #636363;
    left: 15px;
}

input.question:valid+label,
textarea.question:valid+label {
    border-color: green;
}

input.question:invalid,
textarea.question:invalid {
    box-shadow: none;
}

input.question+label>span,
textarea.question+label>span {
    font-weight: 300;
    margin: 0;
    position: absolute;
    color: #8F8F8F;
    font-size: 48px;
    top: -66px;
    left: 0px;
    z-index: -1;
    -webkit-transition: top 0.2s ease, font-size 0.2s ease, color 0.2s ease;
    transition: top 0.2s ease, font-size 0.2s ease, color 0.2s ease;
}

input[type="submit"] {
    -webkit-transition: opacity 0.2s ease, background 0.2s ease;
    transition: opacity 0.2s ease, background 0.2s ease;
    display: block;
    opacity: 0;
    margin: 10px 0 0 0;
    padding: 10px;
    cursor: pointer;
}

input[type="submit"]:hover {
    background: #EEE;
}

input[type="submit"]:active {
    background: #999;
}

input.question:valid~input[type="submit"],
textarea.question:valid~input[type="submit"] {
    -webkit-animation: appear 1s forwards;
    animation: appear 1s forwards;
}

input.question:invalid~input[type="submit"],
textarea.question:invalid~input[type="submit"] {
    display: none;
}

@-webkit-keyframes appear {
    100% {
        opacity: 1;
    }
}

@keyframes appear {
    100% {
        opacity: 1;
    }
}

.error-donaton::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #f52f0c;
}

.error-donaton::-moz-placeholder {
    /* Firefox 19+ */
    color: #f52f0c;
}

.error-donaton:-ms-input-placeholder {
    /* IE 10+ */
    color: #f52f0c;
}

.error-donaton:-moz-placeholder {
    /* Firefox 18- */
    color: #f52f0c;
}

span.plus {
    display: inline-block;
    padding: 0px 5px 0px 5px;
}

.open span.plus {
    display: none;
}

span.minus {
    display: none;
    padding: 0px 5px 0px 5px;
}

.open span.minus {
    display: inline-block;
}

.main-banner-sec .but-02 {
    position: absolute;
    left: 0px;
    bottom: 171px;
    z-index: 600;
    font-weight: 800;
    text-decoration: none;
    padding: 0px 25px 0px 30px;
    background: #00572e;
    height: 40px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    text-transform: uppercase;
    -webkit-border-radius: 0 50px 50px 0;
    border-radius: 0 50px 50px 0;
    overflow: hidden;
}

@keyframes clockwise {
    0% {
        top: -5px;
        left: 0;
    }
    12% {
        top: -2px;
        left: 2px;
    }
    25% {
        top: 0;
        left: 5px;
    }
    37% {
        top: 2px;
        left: 2px;
    }
    50% {
        top: 5px;
        left: 0;
    }
    62% {
        top: 2px;
        left: -2px;
    }
    75% {
        top: 0;
        left: -5px;
    }
    87% {
        top: -2px;
        left: -2px;
    }
    100% {
        top: -5px;
        left: 0;
    }
}

@keyframes counterclockwise {
    0% {
        top: -5px;
        right: 0;
    }
    12% {
        top: -2px;
        right: 2px;
    }
    25% {
        top: 0;
        right: 5px;
    }
    37% {
        top: 2px;
        right: 2px;
    }
    50% {
        top: 5px;
        right: 0;
    }
    62% {
        top: 2px;
        right: -2px;
    }
    75% {
        top: 0;
        right: -5px;
    }
    87% {
        top: -2px;
        right: -2px;
    }
    100% {
        top: -5px;
        right: 0;
    }
}


/*.about-lay{ background: url(../images/AboutUs_01.jpg) center top no-repeat; }*/

.pattern-bg {
    background: #FFFFFF url(../images/pattern-bg-02.jpg) center top repeat-x;
}

.about-img-box {
    float: right;
    width: 54.5%;
}

.about-txt-box-01 {
    float: left;
    width: 37%;
}

.about-txt-box-01 h4 {
    font-size: 24px;
    font-family: "dubaiW23-Bold";
    line-height: 36px;
    letter-spacing: -1px;
    padding: 47px 0px 0px 0px;
}

.about-txt-row .txt-cl-01 {
    width: 47%;
    float: left;
}

.about-txt-row .txt-cl-02 {
    width: 47%;
    float: right;
}

.page-404 {
    text-align: center;
    padding-top: 100px;
    padding-bottom: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.page-404 .img-block-404 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.page-404 .img-block-404 img {
    display: flex;
}

.about-txt-row p {
    margin: 0px 0px 35px 0px;
    line-height: 25px;
    font-family: "dubaiW23-Medium";
}

.about-txt-row h4 {
    font-size: 24px;
    font-family: "dubaiW23-Bold";
    max-width: 900px;
    margin: 20px auto 40px auto;
    text-align: center;
    font-weight: inherit;
}

.bg-03 {
    background: #efefef url(../images/bgb-03.jpg) center bottom repeat-x;
}

.bg-03 h3 {
    margin-bottom: 40px;
}

.list-block h4 {
    letter-spacing: 0.6px;
    margin: 0px;
    background: #13623b;
    font-size: 21px;
    color: #FFFFFF;
    font-weight: inherit;
    padding: 10px 3% 10px 3%;
}

.list-block .wrapper-02> :last-child {
    margin-bottom: 0px;
}

.list-box {
    margin: 25px 0px 55px 0px;
    padding: 0px;
}

.list-box li {
    list-style: none;
    width: 49%;
    float: right;
    padding-bottom: 100px;
    margin-bottom: 30px;
    position: relative;
}

.list-box li .block-box {
    padding: 3%;
    position: absolute;
    bottom: 0px;
    width: 92%;
    margin-left: 4%;
    margin-right: 4%;
    background: #FFFFFF;
    box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.04);
    border-radius: 25px;
    border: solid 1px #629579;
}

.list-box li .img-hold-01 {
    width: 25.5%;
    float: left;
    margin-right: 8%;
    border-radius: 100%;
    border: solid 1px #629579;
    overflow: hidden;
    background: #f5f5f5;
}

.list-box li .txt-box-01 {
    width: 66%;
    float: right;
}

.list-box li .txt-box-01 h5 {
    margin: 0px 0px 5px 0px;
    font-size: 21px;
    font-family: "dubaiW23-Bold";
}

.list-box li .txt-box-01 p {
    min-height: 60px;
    padding-bottom: 15px;
}

.list-box li .txt-box-01 a:not(.but-03) {
    color: #000;
    text-decoration: none;
}

.list-box li .txt-box-01 a:hover:not(.but-03:hover) {
    color: #13623b;
    text-decoration: none;
}

.img-hold-01 img {
    background-size: contain !important;
}

.list-box> :nth-child(odd) {
    float: left;
}

.about-bottom-txt {
    width: 100%;
    background: #FFFFFF;
    border: solid 1px #a8c2b1;
    padding: 4%;
    border-radius: 25px;
}

.about-bottom-txt .about-bot-img-box {
    width: 38.5%;
    float: left;
}

.about-bottom-txt .about-bot-txt-box {
    width: 55%;
    float: right;
    padding: 0px 0px 0px 0px;
    margin: 0px;
}

.about-bottom-txt .about-bot-txt-box p {
    margin: 0px 0px 30px 0px;
    font-size: 15px;
    line-height: 26px;
}

.about-bottom-txt .about-bot-txt-box .but-03 {
    font-family: "dubaiW23-Bold";
    width: auto;
    border: none;
    background: #17633e;
    float: right;
    /* Old browsers */
    color: #FFFFFF;
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #17633e 0%, #a3da42 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.about-bottom-txt .about-top-img-box {
    background: url(../images/bg-06.jpg) no-repeat center top;
    padding-top: 95px;
}

.about-bottom-txt .about-top-img-box img {
    margin-top: 0px;
}

.about-bottom-txt .imag-hover {
    transform: scale(1);
    overflow: hidden;
    transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -webkit-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
}

.about-bottom-txt .imag-hover:hover {
    transform: scale(0.98);
}

.about-bottom-txt .imag-hover:hover img {
    transform: scale(1.05);
}

.about-bottom-txt .imag-hover img {
    transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -webkit-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transform: scale(1);
}

.about-bottom-txt .title-style h2 {
    font-size: 30px;
    font-family: "muliblack";
    color: #13623b;
}

.imag-hover-02 {
    position: relative;
    -webkit-border-radius: 25px;
    overflow: hidden;
    border-radius: 25px;
    transform: scale(1);
    overflow: hidden;
    transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -webkit-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
}

.imag-hover-02 img {
    transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -webkit-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transform: scale(1);
}

.hover-ef li:hover .imag-hover-02 {
    transform: scale(0.98);
    overflow: hidden;
    transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -webkit-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
}

.hover-ef li:hover .imag-hover-02 img {
    transform: scale(1.05);
}


/*.charity-detail-lay{ background: url(../images/CharityMarket_01.jpg) center top no-repeat; }*/

.op {
    opacity: 0.8;
}

.photo-owl-box {
    width: 45%;
    float: left;
}

.photo-owl-box .owl-dots {
    text-align: center;
    width: 100%;
}

.photo-owl-box .owl-dots button {
    width: 13px;
    height: 13px;
    background: #000 !important;
    opacity: 0.5;
    border-radius: 100px;
    margin: 7px;
}

.photo-owl-box .owl-dots button.active {
    opacity: 1;
}

.photo-owl-box .owl-dots button:focus {
    outline: none;
}

.photo-detail-box {
    width: 50%;
    float: right;
    padding-top: 54px;
}

.photo-detail-box .text-box-01 {
    min-height: 468px;
    width: 100%;
    float: left;
}

.photo-detail-box .text-box-01 h2 {
    font-family: "dubaiW23-Bold";
    font-size: 24px;
    line-height: 32px;
    color: #000;
    margin: 0px 0px 13px 0px;
}

.photo-detail-box .text-box-01 p {
    font-size: 15px;
    line-height: 26px;
    margin: 0px;
}

.photo-detail-box .text-box-02,
.photo-detail-box .text-box-02 form {
    width: 100%;
    float: left;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.photo-detail-box .text-box-02 .price-box {
    position: relative;
    width: 354px;
    height: 54px;
    border: solid 1px #cccccc;
    border-radius: 50px;
    padding: 0px 0% 0px 5%;
    margin-right: 3%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

._report_load_more {
    margin: 25px auto 0px auto;
    float: none;
    display: block;
    max-width: 160px;
}

.table-search-bar ul li .CaptionCont.SelectBox span {
    color: #fff
}

.table-search-bar ul li .CaptionCont.SelectBox span label i {
    background-image: url(/images/drop-arrow-03.png) !important;
}

._stock_validation {
    position: absolute;
    right: 15px;
    color: #f00;
}

.rtl ._stock_validation {
    right: inherit;
    left: 15px
}

.photo-detail-box .text-box-02 .price-box h4 {
    font-size: 21px;
    font-family: "dubaiW23-Bold";
    color: #000;
    margin: 0px;
    height: 54px;
    line-height: 54px;
}

.photo-detail-box .text-box-02 .price-box h4 span {
    font-family: "dubaiW23-Light";
    padding-left: 7px;
}

.photo-detail-box .text-box-02 .price-box .but-03 {
    position: absolute;
    font-family: "dubaiW23-Bold";
    right: 0px;
    width: 157px;
    top: 0px;
    height: 53px;
    line-height: 53px;
    overflow: hidden;
    color: #FFFFFF;
    background: #17633e;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #17633e 0%, #a3da42 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.photo-detail-box .text-box-02>h4 {
    font-size: 20px;
    color: #7d7d7d;
    font-weight: inherit;
    font-family: "muliblack";
    text-decoration: line-through;
}

.photo-detail-box .text-box-02>h4 span {
    font-family: "mulilight";
}

.photoslide .owl-stage-outer {
    box-shadow: 10px 10px 15px 0.3px rgba(0, 0, 0, 0.6);
    margin-bottom: 40px;
}

.photoslide .item {
    background: url(../images/photo-frame-02.jpg) center top no-repeat;
    background-size: cover;
}

.photoslide .item .photo-img-holder {
    box-shadow: 10px 10px 15px 0.3px rgba(0, 0, 0, 0.6);
    text-align: center;
}

.photoslide .item .photo-img-holder img {
    width: 80%;
    display: inline-block;
    margin: 10% 0% 10% 0%;
}

.row-main {
    width: 100%;
    float: left;
}


/*.contact-lay{ background: url(../images/Contact_Us.jpg) center top no-repeat; }*/

.contact-left-box {
    float: left;
    width: 55%;
    margin-top: -10px;
}

.check-box-form {
    margin: 30px 0px 25px 0px;
    padding: 0px;
}

.check-box-form li {
    list-style: none;
    display: inline-block;
    padding-right: 3%;
    width: auto !important;
}

.check-box-form:last-child {
    padding-right: 0%;
}

.checkmark :after {
    display: block;
    content: "";
    background: #000;
}

.form-box-contact {
    width: 78%;
}

.form-box-contact ul {
    margin: 0px;
    padding: 0px;
}

.form-box-contact ul>li {
    list-style: none;
    width: 100%;
    margin-bottom: 12px;
    float: left;
    position: relative;
    text-align: center;
}

.rtl .form-box-contact ul>li {
    text-align: right;
}

.form-box-contact ul>li .fld-01 {
    height: 44px;
    padding: 0px 15px 0px 15px;
    border-color: #bdbdbd;
    font-size: 15px;
}

textarea.fld-01 {
    padding-top: 10px !important;
    padding-bottom: 10px !important
}

.form-box-contact ul>li .fld-02 {
    border-color: #bdbdbd;
    height: 115px;
    font-size: 15px;
    font-family: "dubaiW23-Regular";
}

.form-box-contact ul>li.form-hlf {
    width: 48.5%;
}

.form-box-contact ul>li.form-hlf .upload-box {
    width: 100%;
}

.form-box-contact ul>li.form-hlf:nth-child(even) {
    float: right;
}

.form-box-contact ul>li p {
    font-family: "dubaiW23-Medium";
    margin: 0px 0px 8px 0px;
    color: #000;
    text-align: left;
}

.form-box-contact ul>li .upload-box {
    width: 25%;
}

.form-box-contact ul>li .upload-box.upload-box-02 {
    width: 44%;
}

.form-box-contact ul>li.flex {
    flex-wrap: initial;
    display: flex;
    align-items: center;
}

.form-box-contact ul>li .icon-edit {
    position: absolute;
    bottom: 13px;
    right: 20px;
    cursor: pointer;
}

.form-box-contact ul>li.edit-fld .fld-01 {
    padding-right: 10%;
}

.form-box-contact ul>li .min-width-but {
    min-width: 160px;
    text-align: center;
}

.form-box-contact ul>li.disable-fld input {
    pointer-events: none;
}

.form-box-contact .fld-name {
    display: inline-block;
    align-items: center;
    display: flex;
    padding-left: 10px;
}

.link-02 {
    color: #000;
    text-decoration: none;
    font-size: 15px;
    font-family: "dubaiW23-Medium";
}

.link-02:hover {
    color: #1e6a3e;
}

.contact-right-box {
    float: right;
    width: 43.5%;
}

.contact-right-box .contact-block-01 {
    width: 100%;
    margin-bottom: 20px;
    padding: 26px 13% 24px 13%;
    border-radius: 20px;
    min-height: 206px;
}

.contact-right-box .contact-block-01 h5 {
    color: #FFFFFF;
    margin: 0px 0px 5px 0px;
    font-family: "dubaiW23-Bold";
    font-size: 21px;
}

.contact-right-box .contact-block-01 p {
    color: #FFFFFF;
    margin: 0px 0px 30px 0px;
}

.contact-right-box .contact-block-01 .social-link a {
    color: #000;
}

.login-first ul {
    padding: 0px;
    margin: 0px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.login-first ul li {
    list-style: none;
    width: 25% !important;
    background: #fff;
    margin: 0% 1% 0% 1%;
    border-radius: 20px;
    border: solid 1px #629579;
}

.search-fld a {
    padding: 0px !important;
    position: absolute !important;
    border: none !important;
    font-size: 17px !important;
    top: 11px;
    left: 21px;
}

.search-fld a span {
    color: #000;
}

.search-fld a:hover {
    border: none !important;
}

.search-fld a::after {
    display: none;
}

.search-fld .fld-01 {
    padding-left: 50px;
}

.inner-banner {
    height: 300px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    text-align: center;
    width: 100%;
    vertical-align: middle;
    background-position: center center !important;
    justify-content: center;
}

.inner-banner h1 {
    font-size: 40px;
    margin: 0px;
    font-weight: inherit;
    text-transform: uppercase;
    color: #FFFFFF;
    font-family: "dubaiW23-Bold";
    display: table-cell;
    vertical-align: middle;
    text-shadow: 1px 1px 1px #4A4A4A;
}

.banner-inner-breadcrumbs li+li:before {
    content: "/";
    display: inline-block;
    margin: 0 8px;
    list-style: none;
}


/* .rtl .banner-inner-breadcrumbs>li+li> :before {
    display: none;
} */


/* 
.banner-inner-breadcrumbs>li+li> :after {
    content: "/";
    display: inline-block;
    margin: 0 8px;
    list-style: none;
} */

.banner-inner-breadcrumbs li {
    list-style: none;
    color: #FFFFFF;
    text-decoration: none;
    font-size: 15px;
}

.banner-inner-breadcrumbs {
    margin: 0px;
    padding: 0px;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: center;
}

.banner-inner-breadcrumbs li a {
    color: #FFFFFF;
    text-decoration: none;
    font-size: 15px;
}

.banner-inner-breadcrumbs li a:hover {
    color: #9bd043;
}

.banner-inner-title1 {
    text-align: center;
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
}


/*.charity-lay{ background: url(../images/charitymarket.jpg) center top no-repeat; }*/

.bg-top.bg-position-01 {
    background-position: center -300px;
}

.tab-bar {
    background: #13623b;
    position: relative;
    z-index: 150;
}

.tab-bar .wrapper-02 {
    -webkit-overflow-scrolling: touch;
}

.tab-bar .wrapper-02>ul {
    margin: 0px -20px 0px -20px;
    padding: 0px;
    display: flex;
    justify-content: center;
    /*
  & :first-child{ padding-left: 0px; }*/
    /*    &:last-child{

      & ::after {display:none;}

  }*/
}

.tab-bar .wrapper-02>ul>li {
    list-style: none;
    font-size: 14px;
    position: relative;
    margin: 23px 4px 23px 4px;
    /*
            &.activ-tab{border-bottom: solid 3px #9bd043;
              a{color:#9bd043;}
            }
  */
}

.tab-bar .wrapper-02>ul>li a {
    color: #FFFFFF;
    padding: 12px 20px 12px 20px;
    border: solid 1px transparent;
    float: left;
    font-size: 15px;
    border-radius: 25px;
}

.tab-bar .wrapper-02>ul>li a:hover {
    color: #9bd043;
    text-decoration: none;
    border: solid 1px #9bd043;
}

.tab-bar .wrapper-02>ul>li a::after {
    height: 5px !important;
}

.tab-bar .wrapper-02>ul>li.activ-tab a {
    color: #9bd043;
    text-decoration: none;
    border: solid 1px #9bd043;
}

.tab-bar .wrapper-02>ul>li .fld-01 {
    background: #FFFFFF;
    height: 45px;
    line-height: 45px;
}

.tab-bar .wrapper-02>ul>li .but-02 {
    height: 45px;
    padding-top: 0px;
    padding-bottom: 0px;
    color: #000;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.tab-bar .wrapper-02>ul :last-child::after {
    display: none !important;
}

.tab-bar .wrapper-02.sticky a {
    padding: 25px 0px 20px 0px;
}

.filiter-box ul {
    margin: 0% -1% 0% -1%;
    padding: 0px;
}

.filiter-box ul li {
    list-style: none;
    width: 23%;
    padding: 0px 0% 35px 0%;
    float: left;
    margin: 0% 1% 20px 1%;
    border: solid 1px #e8e8e8;
    border-radius: 20px;
}

.filiter-box ul li .photo-frame {
    width: 72%;
    max-width: 200px;
    margin-left: auto;
    margin-right: auto;
    background: url(../images/photo-frame.png) center top no-repeat;
    margin-top: 26px;
    margin-bottom: 20px;
    padding: 8%;
    box-shadow: 5px 5px 11px 0.3px rgba(0, 0, 0, 0.6);
}

.filiter-box ul li .photo-frame img {
    background-size: cover !important;
}

.filiter-box ul li .photo-txt-box {
    width: 100%;
    float: left;
    text-align: center;
}

.photo-txt-box a {
    text-decoration: none;
}

.filiter-box ul li .photo-txt-box h5 {
    margin: 0px 0px 23px 0px;
    font-size: 13px;
    line-height: 19px;
    color: #929292;
    font-family: "dubaiW23-Bold";
    text-transform: uppercase;
    min-height: 39px;
}

.filiter-box ul li .photo-txt-box h4 {
    font-size: 21px;
    font-family: "dubaiW23-Bold";
    color: #000;
    margin: 0px 0px 19px 0px;
}

.filiter-box ul li .photo-txt-box h4 span {
    font-family: "dubaiW23-Light";
    padding-left: 7px;
}

.filiter-box ul li:hover {
    border: 1px solid #16633e;
    border-image-slice: 1;
}

.filiter-box ul li .hvr-sweep-to-right:before {
    background: #17633e;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #17633e 0%, #a3da42 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}


/*.about-lay{ background: url(../images/AboutUs_01.jpg) center top no-repeat; }*/

.document-list {
    margin-top: 0px;
    margin-bottom: 0px;
}

.document-list .block-box .txt-box-01 {
    width: 100%;
    text-align: center;
}


/*.emagazine{ background: url(../images/E_Magazine.jpg) center top no-repeat; }*/

.document-list {
    margin-top: 0px;
    margin-bottom: 0px;
}

.document-list .block-box .txt-box-01 {
    width: 100%;
    text-align: center;
}

.e-magazine .resp-tabs-list li {
    padding: 0px !important;
    width: 200px;
    text-align: left;
    background: none !important;
    border: none !important;
    margin: 0px 1% 0px 1% !important;
    float: none;
    position: relative;
}

.e-magazine .resp-tabs-list li .fld-01 {
    background: #fff;
    height: 45px;
}

.e-magazine .resp-tabs-list li .but-02 {
    height: 44px;
    line-height: 50px;
    border: solid 1px #cccccc;
    width: 190px;
    font-family: inherit;
    font-size: 12px;
    line-height: 40px;
}

.e-magazine .resp-tabs-list .resp-tab-active .but-02 {
    color: #FFFFFF;
    background: #17633e;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #17633e 0%, #a3da42 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.e-magazine .resp-tabs-list .resp-tab-active .but-02:before {
    display: none;
}

.e-magazine>ul.resp-tabs-list {
    text-align: center;
    display: flex;
    margin-bottom: 45px;
}

.e-magazine .pagination-box {
    padding-top: 0px;
}

.e-magazine .resp-tab-content {
    border: none !important;
    background: transparent !important;
    padding: 0px;
    margin-right: -1.5%;
    margin-left: -1.5%;
    margin-top: 35px;
}

.e-magazine .resp-tabs-container {
    background: transparent !important;
}

.magazine-search {
    padding: 0px;
    margin: 0px;
    width: 25%;
}

.magazine-search li {
    list-style: none;
    position: relative;
}

.magazine-search li .fld-01 {
    background: #fff;
    height: 45px;
}

.emagazin-list {
    margin: 0px -1% 0px -1%;
    padding: 0px;
    display: flex;
    flex-wrap: wrap;
    /* width: 100%; */
}

.emagazin-list .number-magazin {
    position: absolute;
    left: 10%;
    top: 5%;
    border-radius: 50px;
    background: #13623b;
    z-index: 80;
    font-size: 18px;
    border: solid 1px #fff;
    color: #FFFFFF;
    font-family: "dubaiW23-Bold";
    padding: 11px 8% 11px 8%;
    display: inline-block;
}

.emagazin-list li {
    width: 33.3%;
    float: left;
    padding: 0% 1% 0% 1%;
    float: left;
    list-style: none;
    margin-bottom: 35px;
    overflow: hidden;
}

.emagazin-list li .magazin-img-holder {
    position: relative;
    overflow: hidden;
}

.emagazin-list li .magazin-img-holder a img {
    transition-duration: 500ms;
    width: 100%;
}

.emagazin-list li .magazin-img-holder a .mask {
    height: 0px;
    display: table;
    opacity: 0;
    transform: translate3d(0, -100%, 0);
    vertical-align: middle;
    position: absolute;
    width: 100%;
    top: 0px;
    background: rgba(19, 98, 59, 0.8);
    z-index: 100;
    overflow: hidden;
}

.emagazin-list li .magazin-img-holder a .mask h5 {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-family: "dubaiW23-Bold";
    font-size: 21px;
    margin: 0px;
    color: #FFFFFF;
}

.emagazin-list li .magazin-img-holder a:hover .mask {
    height: 100%;
    transform: translate3d(0, 0, 0) rotate3d(1, 1, 1, 0deg) scale3d(1, 1, 1);
    opacity: 1;
}

.emagazin-list li .magazin-img-holder a:hover h5 {
    transform: translateY(0);
}

.emagazin-list li h3 {
    font-size: 21px;
    text-align: center;
    margin: 35px 0px 35px 0px;
    color: #13623b;
}

.pagination-box {
    padding-top: 35px;
}

.pagination-box ul {
    margin: 0px;
    padding: 0px;
    text-align: center;
}

.pagination-box ul li {
    list-style: none;
    display: inline-block;
    padding: 3px;
}

.pagination-box ul li.active a {
    background: #13623b;
    color: #FFFFFF;
}

.pagination-box ul li a {
    font-family: "dubaiW23-Medium";
    width: 42px;
    height: 42px;
    text-decoration: none;
    font-size: 14px;
    border-radius: 100%;
    display: inline-block;
    background: #FFFFFF;
    color: #676767;
    text-align: center;
    line-height: 42px;
}

.pagination-box ul li a:hover {
    background: #13623b;
    color: #FFFFFF;
}


/*.emagazine{ background: url(../images/E_Magazine.jpg) center top no-repeat; }*/


/* .gallery-main-img {
    margin: 0px -1% 0px -1%;
} */

.gallery-main-img ul {
    margin: 0px;
    padding: 0px;
    margin-left: -1%;
    margin-right: -1%;
    display: flex;
    flex-wrap: wrap;
}

.gallery-main-img ul li {
    list-style: none;
    width: 33.3%;
    margin: 10px 0% 10px 0%;
    float: left;
    padding-left: 1%;
    padding-right: 1%;
}

.gallery-search-row {
    width: 100%;
    float: left;
    padding-bottom: 25px;
}


/*.emagazine{ background: url(../images/E_Magazine.jpg) center top no-repeat; }*/


/* .gallery-main-video {
    margin: 0px -1% 0px -1%;
} */

.gallery-main-video ul {
    margin: 0px -1% 0px -1%;
    padding: 0px;
}

.gallery-main-video ul li {
    list-style: none;
    width: 33.3%;
    margin: 12px 0% 12px 0%;
    float: left;
    position: relative;
}

.gallery-main-video ul li .video-mask {
    z-index: 100;
    position: absolute;
    opacity: 0.5;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    background: rgba(0, 0, 0, 0.6) url(../images/video-icn.png) no-repeat center center;
}

.gallery-main-video ul li a:hover .video-mask {
    opacity: 1;
    background-color: rgba(0, 0, 0, 0.5);
}


/*.financial-lay{ background: url(../images/Financial-Reports.jpg) center top no-repeat; }*/

.page-filiter {
    width: 100%;
}

.page-filiter .page-count {
    float: right;
    /* padding-top: 10px; */
}

.page-filiter .page-count-drop {
    float: right;
    width: 20%;
    margin-left: 2%;
}

.page-filiter .page-count-drop .fld-01 {
    height: 45px;
    font-size: 14px;
    background: #FFFFFF;
}

.filiter-row-top {
    width: 100%;
    padding-top: 45px;
    position: relative;
    z-index: 100;
    padding-bottom: 35px;
}

.filiter-row-top>ul {
    margin: 0px;
    padding: 0px;
}

.filiter-row-top>ul>li {
    list-style: none;
    width: 15.8%;
    float: left;
    margin-right: 1%;
}

.filiter-row-top>ul>li .but-02 {
    font-family: "dubaiW23-Regular";
    height: 45px;
    line-height: 45px;
    text-transform: inherit;
    border: solid 1px #cccccc;
    width: 100%;
}

.filiter-row-top>ul :last-child {
    margin-right: 0%;
}

.stacktable2 {
    width: 100%;
    overflow-y: scroll;
    display: table;
}


/* RESPONSIVE EXAMPLE */

.stacktable.large-only {
    display: table;
}

.stacktable.small-only {
    display: none;
}

.material-icons svg {
    width: 100%;
    height: auto;
}

.zakat-box-wrap.register-box {
    padding-bottom: 35px;
}

@media (max-width: 768px) {
    .stacktable.large-only {
        display: none;
    }
    .stacktable.small-only {
        display: table;
    }
}

.table-box {
    border-radius: 25px;
    overflow: hidden;
    margin-top: 35px;
    width: 100%;
    padding-bottom: 35px;
    text-align: left;
}

.table-box th,
.table-box td {
    border: 0px;
    outline: none;
}

.table-box thead {
    background: #a0d841;
}

.table-box thead th {
    padding: 18px 3% 18px 3%;
    font-size: 14px;
    color: #13623b;
    font-family: "dubaiW23-Bold";
    text-transform: uppercase;
}

.table-box td {
    padding: 38px 3% 38px 3%;
    font-size: 14px;
    font-family: "dubaiW23-Medium";
    font-size: 15px;
}

.table-box .but-01 {
    text-align: center;
    text-decoration: none;
    font-family: "dubaiW23-Bold";
    font-size: 14px;
    height: 44px;
    line-height: 44px;
}

.table-box tbody tr> :first-child {
    font-family: "dubaiW23-Bold";
    font-size: 18px;
}

.table-box tbody tr {
    background: #FFFFFF;
}

.table-box tbody> :nth-child(even) {
    background: #ebebeb;
}

.link-01 {
    color: #000;
    text-decoration: none;
    font-size: 20px;
}

.link-01:hover {
    color: #a0d841;
}


/*.contact-lay{ background: url(../images/Contact_Us.jpg) center top no-repeat; }*/

.inner-banner-location {
    height: 660px;
}

.our-location-main {
    margin-left: -1.5%;
    margin-right: -1.5%;
    margin-top: 65px;
}

.our-location-main>ul {
    padding: 0px;
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

.our-location-main>ul>li {
    list-style: none;
    margin: 10px 1% 10px 1%;
    width: 31.2%;
    float: left;
    font-size: 15px;
    background: #FFFFFF;
    padding: 2.4%;
    border-radius: 20px;
    box-sizing: inherit;
}

.our-location-main>ul>li h5 {
    margin: 0px 20px 20px 0px !important;
    padding-left: 35px;
    font-size: 16px;
    font-family: "dubaiW23-Bold";
    letter-spacing: -0.1px;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: auto;
    color: #00572e;
}

.our-location-main>ul>li h5 svg {
    position: absolute;
    left: 0px;
    top: 0px;
}

.our-location-main>ul>li>ul {
    margin: 0px;
    padding: 0px;
}

.our-location-main>ul>li>ul>li {
    list-style: none;
    width: 100%;
    float: left;
}

.our-location-main>ul>li>ul>li>ul {
    margin: 0px;
    padding: 0px;
}

.our-location-main>ul>li>ul>li>ul>li {
    list-style: none;
    float: left;
    font-size: 15px;
    padding-bottom: 4px;
    letter-spacing: -0.1px;
}

.rtl .our-location-main>ul>li>ul>li>ul>li {
    float: right;
}

.our-location-main>ul>li>ul>li>ul>li a {
    color: #000;
    text-decoration: none;
}

.our-location-main>ul>li>ul>li>ul>li a:hover {
    color: #13623b;
}

.our-location-main>ul>li>ul>li>ul> :first-child {
    width: 40%;
    color: #000;
}

.our-location-main>ul>li>ul>li>ul> :last-child {
    width: 60%;
    color: #000;
}

.gm-style img {
    width: 35px;
}

.location-lable {
    width: 39%;
    float: right;
    /* margin-top: -10px; */
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.location-lable ul {
    margin: 0px;
    padding: 13px 10px 13px 10px;
    border-radius: 20px;
    background: #FFFFFF;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
}

.location-lable ul li {
    list-style: none;
    width: 33%;
    text-transform: uppercase;
    padding: 0% 3% 0% 3%;
    font-size: 13px;
    font-family: "dubaiW23-Medium";
    border-right: solid 1px #dac3c3;
}

.location-lable ul li.active a {
    color: #5fa041
}

.location-lable ul li a:hover {
    color: #5fa041
}

.location-lable ul li:last-child {
    border-right: none;
}

.location-lable ul li svg {
    padding-right: 3%;
}

.location-title {
    float: left;
}

.pt-1.bg-top .wrapper-02 .location-lable {
    width: 70% !important;
}

.donation-sites-emirates {
    width: 22%;
    margin-left: auto;
    margin-top: 10px;
}


/*.contact-lay{ background: url(../images/Contact_Us.jpg) center top no-repeat; }*/

.media_centre .list-box {
    margin-top: 0px;
}

.media_centre .list-box .date-box {
    left: 5%;
    top: 5%;
    position: absolute;
    background: #13623b;
    z-index: 600;
    padding: 6px 20px 6px 20px;
    color: #FFFFFF;
    font-size: 14px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
}

.media_centre .list-box li {
    padding-bottom: 150px;
    margin-bottom: 50px;
}

.media_centre .list-box li .list-box {
    margin-top: 0px;
}

.media_centre .list-box li .txt-box-01 {
    float: left;
    width: 100%;
    max-width: 325px;
}

.media_centre .list-box li .txt-box-01 h5 {
    margin-bottom: 5px;
    text-transform: uppercase;
    font-family: "dubaiW23-Bold";
}

.media_centre .list-box li .txt-box-01 p {
    padding-bottom: 35px;
}

.media_centre .list-box li .block-box {
    padding: 2% 6% 2% 6%;
}

.other-news h3 {
    text-align: center;
    font-family: "dubaiW23-Bold";
}

.other-news .list-box {
    margin-top: 30px;
}

.news-fld li .block-box {
    background: rgba(255, 255, 255, 0.9);
}


/*.contact-lay{ background: url(../images/Contact_Us.jpg) center top no-repeat; }*/

.news .list-box .date-news p {
    padding-bottom: 5px !important;
}

.news .list-box li {
    padding-bottom: 174px;
}

.news .list-box li .txt-box-01 {
    max-width: initial;
    min-height: 170px;
}

.news .list-box li .txt-box-01 h5 {
    text-transform: initial;
    line-height: 25px;
}


/*.contact-lay{ background: url(../images/Contact_Us.jpg) center top no-repeat; }*/

.news-detail {
    height: auto;
    min-height: 150px;
}

.news-detail-text-box {
    -webkit-border-radius: 20px;
    border: 1px solid #609479;
    border-radius: 20px;
    background: #FFFFFF;
    text-align: center;
    padding: 64px 9% 60px 9%;
    max-width: 1100px;
    margin: -205px auto 0px auto;
}

.news-detail-text-box h3 {
    text-transform: initial;
    font-family: "dubaiW23-Bold";
    margin-bottom: 20px;
    text-align: left;
}

.news-detail-text-box .info-box {
    margin: 0px;
    padding: 0px 0px 25px 0px;
}

.news-detail-text-box .info-box li {
    list-style: none;
    border-right: solid 1px #c4c4c4;
    padding: 3px 15px 3px 15px;
    display: inline-block;
    font-size: 14px;
    font-family: "dubaiW23-Bold";
}

.news-detail-text-box .info-box :last-child {
    border: none;
}

.news-detail-text-box .info-box :nth-child(2) {
    color: #61428f;
}

.news-detail-text-box p {
    max-width: 900px;
    margin: auto auto;
    line-height: 26px;
    margin-bottom: 15px;
    text-align: left;
}

.news-detail-info {
    width: 100%;
    text-align: left;
}

.news-detail-info .info-box {
    float: left;
    margin-left: -15px;
    margin-right: -15px;
}

.share-box {
    float: right;
    padding: 0px;
    margin: 0px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.share-box li {
    list-style: none;
    padding: 0px 6px 0px 6px;
    font-size: 15px;
}

.share-box li a {
    text-decoration: none;
    color: #000;
    font-size: 17px;
}

.share-box li a:hover {
    color: #a0d841;
}


/*.contact-lay{ background: url(../images/Contact_Us.jpg) center top no-repeat; }*/

.project-detail-box-01 {
    background: #FFFFFF;
    border: solid 1px #9eb9ab;
    padding: 3%;
    margin-bottom: 75px;
    border-radius: 20px;
    border: solid 1px #619479;
}

.project-detail-box-02 {
    width: 75%;
    float: left;
}

.project-detail-box-03 {
    width: 20%;
    float: right;
    padding-top: 35px;
}

.project-detail-box-03 p {
    font-family: "dubaiW23-Bold";
    font-size: 14px;
}

.project-detail-box-03 .CaptionCont.SelectBox {
    height: 40px;
}

.project-txt-row-01 {
    width: 100%;
}

.project-txt-row-01 .project-icn-box {
    float: left;
    width: 13%;
    text-align: left;
    border-radius: 100%;
    border: solid 1px #629579;
    width: 113px;
    height: 113px;
    text-align: center;
    line-height: 113px;
    background: #f4f4f4;
    overflow: hidden;
}

.project-icn-box img {
    width: 100%;
    display: block;
}

.project-txt-row-01 .project-title-box {
    float: right;
    width: calc(100% - 113px);
    padding-top: 10px;
    padding-left: 3%;
    padding-top: 35px;
}

.project-txt-row-01 .project-title-box h3 {
    text-transform: initial;
    color: #13623b;
    font-family: "dubaiW23-Bold";
    font-size: 30px;
}

.project-txt-row-01 p {
    line-height: 26px;
    font-size: 16px !important;
    margin-top: 15px;
}

.amount-box-row-2 {
    background: #f4f4f4;
    padding: 7%;
    margin: 20px 0px 20px 0px;
    border-radius: 25px;
}

.amount-box-row-2 .amount-box-3 {
    width: 50%;
    float: left;
}

.amount-box-row-2 .amount-box-3 .price-row-01 {
    width: 100%;
    float: left;
}

.amount-box-row-2 .amount-box-3 .price-row-01 p {
    font-size: 13px;
    color: #525252;
}

.amount-box-row-2 .amount-box-3 .price-row-01 h3 {
    font-size: 30px;
}

.amount-box-row-2 .amount-box-3 .price-row-01 h3 span {
    font-family: "dubaiW23-Light";
}

.amount-box-row-2 .amount-box-3 .price-row-01.requirement {
    padding-bottom: 15px;
}

.amount-box-row-2 .amount-box-3 .price-row-01.requirement h3 {
    color: #13623b;
}

.amount-box-row-2 .amount-box-3 .price-row-01.donated h3 {
    color: #a0d841;
}

.amount-box-row-2 .chart-box {
    width: 50%;
    float: left;
}

.project-detail-list {
    margin: 0px;
    padding: 0px;
}

.project-detail-list li {
    list-style: none;
    margin-bottom: 65px;
    box-sizing: content-box;
    padding-bottom: 1px
}

.project-detail-list li .about-bottom-txt {
    padding: 0px;
    border: none;
    display: flex;
    flex-wrap: wrap;
    border: 1px solid #619479;
    border-radius: 20px;
}

.project-detail-list li h2 {
    font-size: 22px;
    margin-bottom: 15px;
}

.project-detail-list li .but-03 {
    height: 40px;
    line-height: 40px;
}

.project-detail-list li .about-bot-img-box {
    width: 50%;
    border-radius: 20px 0 0 20px;
}

.project-detail-list li .about-bot-img-box img {
    height: 100%;
    background-repeat: no-repeat !important;
    background-position: center center !important;
}

.project-detail-list li .about-bot-txt-box {
    width: 50%;
    padding: 6%;
}

.project-detail-list li .about-bot-txt-box p {
    min-height: 130px;
    font-family: "dubaiW23-Medium";
}

.project-detail-list li .about-bot-txt-box .amount-box-row {
    margin: 0px 0px 45px 0px;
}

.project-detail-list li .about-bot-txt-box .but-03 {
    width: auto;
}

.project-detail-list> :last-child {
    margin-bottom: 0px;
}

.project-detail-list li .about-bot-txt-box label.error,
label.error {
    font-size: 12px;
    color: #da0000;
    display: inline-block;
    width: 100%;
    text-align: left !important;
}

.rtl .project-detail-list li .about-bot-txt-box label.error,
.rtl label.error {
    text-align: right !important;
}

.first-cla {
    display: none;
}


/*.contact-lay{ background: url(../images/Contact_Us.jpg) center top no-repeat; }*/

.urgent-case-box {
    border: solid 1px #619479;
    border-radius: 25px;
    background: #FFFFFF url(../images/bg-04.png) center top repeat-x;
    width: 100%;
    padding: 78px 0px 78px 0px;
}

.urgent-case-box h3 {
    text-align: center;
    color: #13623b;
    font-size: 27px;
    line-height: 32px;
    max-width: 510px;
    margin: 0px auto 10px auto;
    font-weight: inherit;
}

.urgent-case-box p {
    text-align: center;
    max-width: 600px;
    margin: auto auto;
    font-size: 15px;
    font-family: "dubaiW23-Medium";
}

.amount-box-row {
    width: 100%;
    margin-top: 35px;
    margin-bottom: 65px;
}

.amount-box-row .amount-box {
    width: 48.5%;
    background: #ebebeb;
    padding: 25px 5% 25px 5%;
}

.amount-box-row .amount-box p {
    font-size: 13px;
    text-align: left;
    margin-bottom: 5px;
    min-height: inherit !important;
}

.amount-box-row .amount-box h3 {
    font-size: 30px;
    margin: 0px;
    color: #000;
    text-align: left;
}

.amount-box-row .amount-box h3 span {
    font-family: "dubaiW23-Regular";
}

.cases-wrap {
    max-width: 428px;
    margin: 63px auto 0px auto;
}

.cases-wrap .amount-box-row-2 {
    border-radius: 25px;
    margin: 0px;
}

.cases-wrap .form-box-contact {
    width: 100%;
}

.cases-wrap .form-box-contact .but-04 {
    width: 100%;
    font-family: "dubaiW23-Bold";
}

.cases-wrap .donate-sms {
    text-align: center;
    border: solid 1px #b7b7b7;
    border-radius: 25px;
    position: relative;
    padding: 5%;
    margin-top: 90px;
}

.cases-wrap .donate-sms h5 {
    position: absolute;
    left: 0px;
    right: 0px;
    top: -18px;
    text-align: center;
    margin: 0px;
    font-family: "dubaiW23-Bold";
    font-size: 27px;
    color: #000;
}

.cases-wrap .donate-sms h5 span {
    background: #FFFFFF;
    padding: 0px 10px 0px 10px;
}

.payment-card {
    margin: 30px 0px 0px 0px;
    padding: 0px;
    text-align: center;
    display: flex;
    justify-content: center;
}

.payment-card li {
    list-style: none;
    border: solid 1px #ebebeb;
    display: inline-block;
    margin: 0px 4px 0px 4px;
}

.urgent-cases-row .about-bot-txt-box p {
    min-height: inherit !important;
    margin: 0px !important;
}

.urgent-cases-row .about-bot-txt-box .amount-box {
    padding: 15px 5% 15px 5%;
}

.urgent-cases-row .amount-box-row {
    margin-top: 45px !important;
}

.urgent-cases-row .about-bot-txt-box {
    padding-bottom: 3% !important;
    padding-top: 3% !important;
}


/*.financial-lay{ background: url(../images/Financial-Reports.jpg) center top no-repeat; }*/

.donate-top-row .page-count-drop {
    width: auto;
    display: flex;
    flex-wrap: wrap;
}

.donate-top-row .page-count-drop h3 {
    margin-right: 15px;
}

.donate-top-row .page-count-drop h3 span {
    font-family: "dubaiW23-Medium";
    font-size: 21px;
    text-transform: capitalize;
}

.donate-top-row .page-count-drop h3 span.bold {
    font-size: 30px;
    padding-left: 7px;
}

.donate-top-row .page-count-drop h3 span.reg {
    font-size: 30px;
    padding-left: 7px;
}

.donate-top-row .page-count {
    float: left;
}

.donate-top-row h3 {
    font-size: 30px;
}

.accordian-02 {
    margin-top: 58px;
}

.accordian-02>.accordion_01> :first-child {
    border-top: none !important;
}

.accordian-02>.accordion_01> :last-child {
    border-bottom: none !important;
}

.accordian-02 ul>li {
    width: 100%;
    list-style: none !important;
}

.accordian-02 .smk_accordion .accordion_in .acc_head .acc_icon_expand {
    left: inherit;
    right: 4%;
}

.accordian-02 .smk_accordion .accordion_in .acc_head {
    background: transparent;
}

.accordian-02>.smk_accordion>.accordion_in {
    border: solid 1px #cacaca;
    border-right: none;
    border-left: none;
}

.accordion_01 h4 {
    font-family: "dubaiW23-Bold";
    font-size: 30px;
    color: #13623b;
    padding-top: 25px;
    padding-bottom: 25px;
    margin: 0px;
}

.accordian-02>.smk_accordion>.accordion_in .acc_head {
    padding-left: 0px !important;
    padding-right: 0px !important;
    padding-top: 25px;
    padding-bottom: 25px;
}

.accordion_01 .accordion_in {
    margin-bottom: 23px;
    border-radius: 20px !important;
    background: #fff url(../images/bg-04.png) center top repeat-x;
    border: solid 1px #5e9374;
}

.accordion_01 .accordion_in .acc_icon_expand {
    background: url(../images/plusminus-2.png);
    right: 4%;
}

.accordion_01 .accordion_in.acc_active .acc_icon_expand {
    background: url(../images/plusminus-2.png);
}

.accordion_01 .accordion_in.acc_active .acc_head ul {
    opacity: 0;
}

.accordion_01 .accordion_in .acc_head {
    padding-top: 5px;
    padding-bottom: 5px;
    padding: 8px 4% 8px 4% !important;
}

.accordion_01 .accordion_in .acc_content {
    margin: 0px;
    padding: 0px;
}

.accordion_01 .accordion_in .accordion_in {
    border: none !important;
}

.accordian-02 .smk_accordion .accordion_in.acc_active>.acc_head {
    background: transparent;
}

.accordian-02 .smk_accordion .accordion_in .acc_head .acc_icon_expand {
    width: 30px;
    height: 30px;
    margin-top: -15px;
}

.accordian-02 .smk_accordion .accordion_in.acc_active>.acc_head .acc_icon_expand {
    background-position: center bottom;
}

.accordian-02 .smk_accordion .accordion_in .acc_content {
    padding-left: 0px !important;
    padding-right: 0px !important;
    background: transparent;
}

.accordian-02 .acc_head ul {
    display: flex;
    margin: 0px;
    padding: 0px;
    align-items: center;
}

.accordian-02 .acc_head ul li {
    display: table-cell;
    float: left;
    width: auto;
    margin-right: 2%;
}

.accordian-02 .acc_head ul li h5 {
    font-family: "dubaiW23-Bold";
    font-size: 18px;
    font-weight: initial;
    color: #000;
    margin: 0px !important;
}

.accordian-02 .acc_head ul li img {
    border: solid 1px #63967d;
    border-radius: 100%;
    background-color: #f5f5f5 !important;
}

.accordian-02 .tab-box-01 {
    width: 21%;
    float: left;
    text-align: center;
}

.accordian-02 .tab-box-01 ul {
    margin: 0px;
    padding: 0px;
}

.accordian-02 .tab-box-01 ul h5 {
    font-family: "dubaiW23-Bold";
    font-size: 18px;
    color: #000;
}

.accordian-02 .tab-box-01 ul> :nth-child(1) {
    text-align: center;
}

.accordian-02 .tab-box-01 ul> :nth-child(1) img {
    border: solid 1px #63967d;
    border-radius: 100%;
    background-color: #f5f5f5 !important;
}

.accordian-02 .tab-box-02 {
    width: 73%;
    float: right;
}

.accordian-02 .tab-box-02 ul {
    margin: 0px -1% 0px -1%;
    padding: 0px;
    display: flex;
    flex-wrap: wrap;
}

.accordian-02 .tab-box-02 ul li {
    list-style: none;
    border: solid 1px #89b09d;
    margin: 1%;
    background: #f5f5f5;
    width: 48%;
    float: left;
    padding: 3%;
    border-radius: 25px;
    display: flex;
    flex-wrap: wrap;
}

.accordian-02 .tab-box-02 ul li h5 {
    font-family: "dubaiW23-Bold";
    font-size: 18px;
    color: #000;
    max-width: 80%;
    margin: 0px 0px 20px 0px;
}

.accordian-02 .tab-box-02 ul li .fld-01 {
    height: 45px;
    background: #FFFFFF;
    font-family: "dubaiW23-Bold";
    font: 14px;
    margin-top: auto;
}

.accordian-02 .tab-box-02 ul li .donate-img-view {
    border: solid 1px #dedede;
}

.accordian-02 .tab-box-02 ul li .donate-img-view img {
    width: 100%;
}

.accordian-02 .tab-box-02 .donate-img-view {
    width: 100%;
}

.learn-more {
    color: #00663e;
    text-decoration: none;
    font-size: 12px;
}

.learn-more:hover {
    color: #9ad241;
    text-decoration: none;
}

.accordian-02 .tab-box-02 .donate-txt-view {
    width: 100%;
    padding: 25px 0px 45px 0px;
}

.but-box-main .but-03 img {
    width: 20px;
    margin: 5px;
}

.accordian-02 .tab-box-02 .donate-txt-view p {
    color: #000;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 20px;
}

.accordian-02 .tab-box-02 .donate-txt-view .but-03 {
    width: auto;
}

.accordian-02 .accordian-sub-row {
    width: 100%;
    margin-top: 23px;
    padding: 3% 4% 3% 4% !important;
}

.donate-or-main {
    position: relative;
    margin: 45px 5% 55px 5%;
    border: solid 1px #d7d7d7;
    -webkit-border-radius: 25px;
    padding-bottom: 45px;
    border-radius: 25px;
}

.donate-or-main h3 {
    position: relative;
    top: -15px;
    margin: 0px;
    padding: 0px;
    text-align: center;
    width: 100%;
    max-width: inherit;
}

.donate-or-main h3 span {
    background: #FFFFFF;
    color: #000;
    font-size: 36px;
    padding: 0px 15px 0px 15px;
}

.donate-or-main ul {
    margin: 30px 0px 0px 0px;
    padding: 0px 2% 0px 2%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.donate-or-main ul li {
    list-style: none;
    width: 20%;
    text-align: center;
    float: left;
}

.donate-or-main ul li .donate-icon-box {
    width: 110px;
    margin: auto auto;
    height: 110px;
    background: #13623b;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.donate-or-main ul li .donate-icon-box img {
    max-width: 100%;
}

.donate-or-main ul li h4 {
    width: 100%;
    font-size: 20px;
    font-family: "dubaiW23-Bold";
    margin: 10px 0px 0px 0px;
    font-weight: inherit;
}

.bot-sec {
    background: #FFFFFF;
}

.bot-sec .donate-box-02 {
    border: 1px solid transparent;
    border-radius: 20px;
    border: solid 1px #619479;
    background: #fff url(../images/bg-04.png) center top repeat-x;
}

.bot-sec .donate-box-02 .donate-bot-box-02 {
    max-width: 430px;
    margin: auto auto;
}

.bot-sec .donate-box-02 .donate-bot-box-02 .box-02-d2 {
    width: 100%;
    padding-left: 0%;
    margin-top: 90px;
    margin-bottom: 35px;
}

.bot-sec .donate-box-02 .donate-bot-box-02 .box-02-d2 .totlal-box-01 {
    width: 100%;
    text-align: center;
    background: #ebebeb;
}

.bot-sec .donate-box-02 .donate-bot-box-02 .but-04 {
    width: 100%;
    height: 45px;
    line-height: 45px;
}

.bot-sec .donate-box-02 .donate-bot-box-02 .fld-01 {
    height: 45px;
    line-height: 45px;
    font-size: 13px;
}

.bot-sec .donate-box-02 .donate-bot-box-02 .payment-card {
    padding-top: 15px;
}

.bot-sec .donate-box-02 .box-03-d2 {
    width: 100%;
}

.bot-sec .donate-box-02 .form-box-contact {
    width: 100%;
}

.bot-sec .box-02-d2 {
    width: 41%;
    float: left;
    display: flex;
    flex-wrap: wrap;
    padding-left: 6%;
}

.bot-sec .box-02-d2 .totlal-box-01 {
    border-radius: 20px;
    border: solid 1px #d7d7d7;
    padding: 5% 10% 5% 10%;
    width: 67%;
}

.bot-sec .box-02-d2 .totlal-box-01 h4 {
    margin: 0px;
    font-size: 36px;
    font-family: "dubaiW23-Bold";
}

.bot-sec .box-02-d2 .totlal-box-01 h4 span {
    display: block;
    font-family: "dubaiW23-Medium";
    font-size: 21px;
}

.bot-sec .box-02-d2 .totlal-box-01 h4 span.bold {
    font-size: 36px;
    font-family: "dubaiW23-Bold";
    display: inline-block;
    padding: 0px 7px 0px 7px;
}

.bot-sec .box-02-d2 .totlal-box-01 h4 span.reg {
    font-size: 36px;
    font-family: "dubaiW23-Bold";
    display: inline-block;
}

.bot-sec .box-03-d2 {
    width: 50%;
    float: left;
}

.bot-sec .box-03-d2 .but-04 {
    text-transform: capitalize;
    font-family: "dubaiW23-Bold";
    height: 56px;
    line-height: 56px;
    min-width: 200px;
    letter-spacing: 1px;
}

.bot-sec .box-03-d2 .fld-01 {
    height: 52px;
}

.bot-sec .box-03-d2 .payment-card {
    padding-top: 25px;
}

.bot-sec .box-03-d2 .fld-01 {
    font-family: "dubaiW23-Bold";
}

.bot-sec .box-03-d2 .form-box-contact ul li {
    float: inherit;
}

.field-validation-error {
    background: #ffd2d2;
    width: 100%;
    color: #f00;
    display: inline-block;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    font-size: 12px;
    padding: 10px 5px 10px 5px;
    border: solid 1px #ff9292
}


/*.contact-lay{ background: url(../images/Contact_Us.jpg) center top no-repeat; }*/

.zakat-box-wrap {
    max-width: 773px;
    margin: auto auto;
    background: #FFFFFF url(../images/bg-04.png) center top repeat-x;
    border: 1px solid #5e9377;
    padding: 5% 0% 0% 0%;
    border-radius: 25px;
    text-align: center;
}

.zakat-box-wrap h4 {
    font-size: 21px;
    font-family: "dubaiW23-Bold";
    margin: 0px 0px 20px 0px;
    text-transform: uppercase;
}

.zakat-box-wrap h4 span {
    color: #1e6a3e;
}

.zakat-box-wrap .form-box-contact {
    margin-left: auto;
    margin-right: auto;
    max-width: 536px;
    padding-left: 5%;
    padding-right: 5%;
    margin-bottom: 40px;
}

.zakat-box-wrap .form-box-contact .but-04 {
    float: left;
    font-family: "dubaiW23-Bold";
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #fff;
}

.zakat-box-wrap .form-box-contact .zakath-txt-box-right {
    float: right;
    padding-top: 10px;
}

.zakat-box-wrap .form-box-contact .zakath-txt-box-right p {
    font-size: 15px;
    font-family: "dubaiW23-Medium";
}

.zakat-box-wrap .form-box-contact .zakath-txt-box-right p span {
    font-family: "dubaiW23-Bold";
}

.bot-green-box {
    background: #13623b;
    float: left;
    width: 100%;
    border-radius: 0 0 25px 25px;
    padding: 45px 0px 45px 0px;
    text-align: left;
}

.bot-green-box .form-box-contact {
    margin-bottom: 0px;
}

.bot-green-box h4 {
    color: #FFFFFF;
    margin-bottom: 15px;
}


/*.contact-lay{ background: url(../images/Contact_Us.jpg) center top no-repeat; }*/

.thankyou-box>h4 {
    font-size: 30px;
    margin-bottom: 10px;
}

.thankyou-box .thankyou-message h4 {
    font-family: "dubaiW23-Light";
    font-size: 23px;
}

.thankyou-box .thankyou-message h4 span {
    font-family: "dubaiW23-Bold";
}

.thankyou-box .thankyou-message .thankyou-bot-box {
    padding: 0px;
    margin: 10px auto 25px auto;
    max-width: 295px;
}

.thankyou-box .thankyou-message .thankyou-bot-box li {
    list-style: none;
    text-align: left;
}

.thankyou-box .thankyou-message .thankyou-bot-box li p {
    font-family: "dubaiW23-Bold";
    font-size: 15px;
    display: flex;
    flex-wrap: wrap;
}

.thankyou-box .thankyou-message .thankyou-bot-box li p span {
    font-family: "dubaiW23-Regular";
    display: inline-block;
}

.thankyou-box .thankyou-message .thankyou-bot-box li p span.span-block-01 {
    width: 50%
}

.thankyou-box .thankyou-message .thankyou-bot-box li p span.span-block-02 {
    width: 50%
}

.inner-banner-02 {
    background: #6aa534;
    color: #FFFFFF;
    padding: 45px 0px 50px 0px;
}

.inner-banner-02 .portal-left-hed {
    width: 75%;
    float: left;
}

.inner-banner-02 .portal-left-hed ul {
    margin: 0px;
    padding: 0px;
    display: flex;
    flex-wrap: wrap;
}

.inner-banner-02 .portal-left-hed ul>li+li> :before {
    content: "/";
    display: inline-block;
    margin: 0 8px;
    list-style: none;
}

.inner-banner-02 .portal-left-hed ul li {
    list-style: none;
    display: inline-block;
    color: #FFFFFF;
}

.inner-banner-02 .portal-left-hed ul li a {
    color: #FFFFFF;
    text-decoration: none;
    font-size: 15px;
}

.inner-banner-02 .portal-right-hed {
    width: 25%;
    float: right;
    text-align: right;
    padding-top: 10px;
}

.inner-banner-02 .portal-right-hed ul {
    padding: 0px;
    margin: 0px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.inner-banner-02 .portal-right-hed ul li {
    list-style: none;
    padding-left: 3%;
}

.inner-banner-02 .portal-right-hed ul li.user-detail {
    display: flex;
    align-items: center;
    font-size: 16px;
}

.inner-banner-02 .portal-right-hed ul li .user-photo {
    display: inline-block;
    width: 57px;
    height: 57px;
    border-radius: 100%;
    background-size: contain;
    background-position: center center;
    margin-right: 10px;
}

.inner-banner-02 .portal-right-hed ul li a {
    color: #FFFFFF;
    font-size: 20px;
    text-decoration: none;
}

.inner-banner-02 .portal-right-hed ul li a:hover {
    color: #13623b;
}

.inner-banner-02 h3 {
    color: #FFFFFF;
}

.my-credit {
    background: #1f6b3e;
    border-radius: 18px 1px 1px 18px;
    padding: 18px 0px 18px 30px;
    margin-top: 97px;
}

.my-credit .icon-wallet {
    padding-right: 5%;
    float: left;
    font-size: 42px;
    color: #FFFFFF;
}

.my-credit h3 {
    float: left;
    font-size: 15px;
    text-transform: inherit;
    font-family: "dubaiW23-Regular";
    font-weight: inherit;
    color: #FFFFFF;
    font-size: 20px;
    font-family: "dubaiW23-Bold";
    line-height: 22px;
}

.my-credit h3 span {
    font-size: 15px;
    display: block;
    font-family: "dubaiW23-Regular";
}

.mob-credit {
    display: none;
}

.portal-left-box {
    width: 21%;
    float: left;
    background: #FFFFFF;
    position: relative;
    margin-right: 3.5%;
}

.portal-left-box:after {
    content: "";
    position: absolute;
    width: 100%;
    display: block;
    background: #FFFFFF;
    top: -100px;
    height: 100px;
}

.portal-left-box:before {
    content: "";
    position: absolute;
    width: 100%;
    display: block;
    background: #FFFFFF;
    bottom: -100px;
    height: 100px;
}

.portal-left-box ul {
    margin: 0px;
    padding: 0px;
    width: 84%;
}

.portal-left-box ul:first-child {
    padding-top: 15px;
}

.portal-left-box ul li {
    list-style: none;
    padding: 20px 0px 20px 0px;
    border-bottom: solid 1px #dce0d6;
}

.portal-left-box ul li a {
    font-size: 13px;
    color: #000;
    text-decoration: none;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    font-family: "dubaiW23-Regular";
}

.portal-left-box ul li a span {
    font-size: 23px;
    margin-right: 10px;
}

.portal-left-box ul li a:hover {
    color: #6aa534;
}

.portal-left-box ul li .icon-credit-card {
    font-size: 26px;
}

.portal-left-box ul li.active a {
    font-family: "dubaiW23-Bold";
    color: #6aa534;
}

.portal-left-box> :first-child {
    scroll-padding-top: 0px;
}

.portal-right-box {
    width: 100%;
    border-radius: 20px;
    text-align: left;
    border: 1px solid #5b926e;
    background: #fff url(../images/bg-04.png) center top repeat-x;
    padding: 95px 0% 95px 0%;
    position: relative;
}

.portal-right-box h3 {
    font-size: 23px;
}

.portal-right-box .form-box-contact ul.form-box-01 {
    margin-right: 7%;
    margin-left: 7%;
}

.portal-right-box .form-box-contact ::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #000;
    opacity: 1;
    /* Firefox */
}

.portal-right-box .form-box-contact :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #000;
}

.portal-right-box .form-box-contact ::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #000;
}

.portal-right-box .form-box-contact .fld-02 {
    height: 150px;
}

.portal-right-box .max-width-01 {
    width: 100%;
    text-align: left;
    max-width: 573px;
    margin-right: auto !important;
    margin-left: auto !important;
}

.portal-right-box .max-width-03 {
    width: 100%;
    text-align: left;
    max-width: 465px;
    margin-right: auto !important;
    margin-left: auto !important;
}

.portal-right-box .max-width-04 {
    width: 100%;
    text-align: left;
    max-width: 750px;
    margin-right: auto !important;
    margin-left: auto !important;
}

.portal-right-box.align-center h3 {
    text-align: center;
}

.portal-right-box .submit-row {
    padding: 35px 7% 30px 7%;
    background: #13623b;
    left: 0px;
    right: 0px;
    border-radius: 20px 20px 20px 20px;
    margin-top: 0px;
}

.portal-right-box .submit-row p {
    color: #FFFFFF;
}

.portal-right-box .submit-row .fld-01 {
    color: #FFFFFF;
}

.portal-right-box .submit-row ::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #fff;
    opacity: 1;
    /* Firefox */
}

.portal-right-box ::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #FFFFFF;
    opacity: 1;
    /* Firefox */
}

.portal-right-box :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #FFFFFF;
}

.portal-right-box ::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #FFFFFF;
}

.wrapper-02.flx {
    display: flex;
    flex-wrap: wrap;
}

.portal-right-box-main {
    width: 75.5%;
    float: right;
}

.portal-right-box-main .page-filiter .but-04 {
    font-family: "dubaiW23-Bold";
    float: right;
    height: 40px;
    line-height: 40px;
    padding: 0px 7% 0% 7%;
}

.portal-right-box-main .page-filiter h2 {
    color: #045f3c;
    font-size: 30px;
    font-family: "dubaiW23-Bold";
}

.portal-right-box-main .table-box td,
.portal-right-box-main .table-box thead th {
    padding-left: 0.5%;
    padding-right: 0.5%;
    font-size: 12px;
    text-transform: uppercase;
}

.portal-right-box-main .table-box thead tr> :first-child {
    padding-left: 2.5%;
}

.small-only tbody> :nth-child(1) {
    display: none;
}

.small-only tbody> :nth-child(2) {
    display: none
}

.portal-right-box-main .table-box thead tr>:nth-child(2) {
    padding-left: 2.5%;
}

.portal-right-box-main .table-box thead tr> :last-child {
    padding-right: 1%;
}

.portal-right-box-main .table-box tbody tr> :first-child {
    padding-left: 2.5%;
}

.portal-right-box-main .table-box tbody tr>:nth-child(2) {
    padding-left: 2.5%;
    padding-right: 2.5%;
}

.portal-right-box-main .table-box tbody tr> :last-child {
    padding-right: 1%;
}

.portal-right-box-main .table-box tbody tr> :first-child {
    font-size: 12px;
}

.portal-right-box-main .table-box tbody tr> :first-child:nth-child(2) {
    font-size: 12px;
}

.portal-right-box-main .form-box-contact {
    width: 100%;
}

.portal-right-box-main .tab-box-02 ul {
    margin-bottom: 30px;
    float: left;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.form-box-02 {
    max-width: 573px;
    margin-left: auto !important;
    margin-right: auto !important;
}

.title-row-form {
    margin-bottom: 58px;
    width: 100%;
    background: #a0d841;
    border-radius: 20px 20px 0 0;
    padding-top: 35px;
    padding-bottom: 35px;
}

.title-row-form .info-title {
    width: 30%;
    float: left;
    display: flex;
    align-items: center;
}

.title-row-form .info-title img {
    width: 25%;
    margin-right: 8%;
}

.title-row-form .info-title h2 {
    font-size: 20px;
    font-family: "dubaiW23-Bold";
    margin: 0px;
    text-transform: uppercase;
    line-height: 25px;
}

.title-row-form .title-txt-01 {
    float: left;
    width: 70%;
    padding-left: 5%;
    padding-top: 10px;
}

.form-pop {
    border: solid 1px #729b46;
    width: 100%;
    max-width: 700px;
    border-radius: 20px;
    background: #fff url(../images/bg-04.png) center top repeat-x;
    padding: 0px;
}

.form-pop .form-box-contact {
    padding-bottom: 30px;
    max-width: 460px;
    margin-left: auto;
    margin-right: auto;
}

.form-pop .form-box-contact h4 {
    text-align: center;
    font-size: 25px;
}

.form-pop .form-bot-detail-row {
    display: flex;
}

.form-pop .form-bot-detail-row> :nth-child(1) h5 {
    font-size: 21px;
}

.form-pop .form-bot-detail-row li {
    padding-right: 7%;
    float: left;
    display: inline-block;
    width: auto;
}

.form-pop .form-bot-detail-row li p {
    font-size: 11px;
    font-family: "dubaiW23-Bold";
    margin: 0px 0px 0px 0px;
}

.form-pop .form-bot-detail-row> :last-child {
    padding-right: 0%;
    float: right;
}

.form-pop h5 {
    margin: 0px;
    font-size: 15px;
    float: none !important;
    font-weight: inherit;
}

.form-pop h5 span.bold {
    font-family: "dubaiW23-Bold";
}

.form-pop h5 span.reg {
    font-family: "dubaiW23-Regular";
}

.form-pop .popup-title {
    text-align: center;
    margin-bottom: 30px;
}

.form-pop .popup-title h4 {
    font-size: 23px;
    margin: 0px;
    font-family: "dubaiW23-Bold";
    font-weight: inherit;
    text-transform: uppercase;
}

.form-pop .popup-title p {
    font-size: 15px;
}

.form-pop .fld-01,
.form-pop .SumoSelect>.CaptionCont>span,
.form-pop .SumoSelect>.optWrapper>.options li.opt {
    font-size: 13px !important;
    font-family: "dubaiW23-Light";
    color: #000;
}

.form-pop .CaptionCont.SelectBox {
    padding-left: 14px;
}

.table-search-bar {
    width: 100%;
    background: #13623b;
    border-radius: 20px;
    padding: 28px 0px 28px 0px;
    margin-top: 30px;
    position: relative;
    z-index: 999;
}

.table-search-bar ul {
    margin: 0px;
    padding: 0px;
}

.table-search-bar ul li {
    list-style: none;
    width: 20%;
    float: left;
    padding: 0px 2% 0px 2%;
    border-right: solid 1px #2f835a;
}

.table-search-bar ul li .CaptionCont.SelectBox {
    background: transparent !important;
    border: solid 1px #b1b1b1;
    color: #FFFFFF;
    cursor: pointer;
}

.table-search-bar ul li .SumoSelect li {
    width: 100% !important;
}

.table-search-bar ul li .but-02 {
    width: 100%;
    margin-top: 3px;
}

.table-search-bar ul> :last-child {
    border: none;
}

.table-search-bar .SumoSelect>.CaptionCont>label>i {
    background-image: url(../images/drop-arrow-03.png);
}

.table-search-bar .CaptionCont.SelectBox {
    padding-right: 0px;
    padding-left: 10px;
}

.table-search-bar .SumoSelect>.CaptionCont>label {
    width: 25px;
}

.order-history .page-count-drop {
    width: 23%;
    margin-left: 3%;
    position: relative;
}

.order-history .page-count {
    float: left;
    width: 22%;
}

.order-history .page-count-drop {
    float: left;
}

.col-box-row {
    margin-left: -1%;
    margin-right: -1%;
}

.col-box-row>ul {
    margin: 0px;
    padding: 0px;
    width: 100%;
    flex-wrap: wrap;
    display: flex;
}

.col-box-row>ul>li {
    list-style: none;
    width: 31.3%;
    float: left;
    background: #FFFFFF;
    border: solid 1px #8dbe6e;
    border-radius: 20px;
    margin: 0px 1% 35px 1%;
    text-align: center;
    padding: 4% 2% 4% 2%;
}

.col-box-row>ul>li .text-box-cl {
    width: 100%;
    min-height: 125px;
}

.col-box-row>ul>li .text-box-cl h3 {
    font-size: 21px;
    margin: 15px 0px 0px 0px;
}

.col-box-row>ul>li .text-box-cl h4 {
    color: #6aa534;
    margin: 0px 0px 10px 0px;
    padding: 0px;
    font-family: "dubaiW23-Bold";
    font-size: 18px;
}

.v-tab-link .menu-togle {
    display: none;
}

.col-box-row>ul>li .text-box-cl h4 span {
    font-family: "dubaiW23-Regular";
    font-size: 13px;
    color: #000;
}

.col-box-row>ul>li .but-04 {
    padding: 0% 10% 0% 10%;
}

.register-box>h4 {
    margin-bottom: 8px;
}

.register-box>p {
    margin-bottom: 30px;
    font-family: "dubaiW23-Medium";
    font-size: 15px;
}

.register-box>p a {
    color: #13623b;
    text-decoration: underline;
}

.register-box a {
    padding-right: 3px;
    color: #000;
}

.register-box .container-checkbox a {
    color: #000;
}

.register-box a.but-04 {
    color: #fff;
}

.donate-box-out .text-box-cl {
    min-height: inherit !important;
}

.form-box-contact.terms-box {
    max-width: 100% !important;
    width: 87%;
}

.form-box-contact.terms-box p {
    margin-bottom: 25px;
}

.donate-box-out .col-box-row ul li {
    background: #fff url(../images/bg-04.png) center top repeat-x;
}

.donate-box-out .col-box-row ul li p {
    margin-bottom: 25px;
}

.donate-box-out .col-box-row ul li .donate-box-02 {
    border: solid 1px #cccccc;
    margin-top: 15px;
    padding: 15px 0px 15px 0px;
}

.donate-box-out .col-box-row ul li .donate-box-02 ul {
    margin: 0px;
    padding: 0px;
}

.donate-box-out .col-box-row ul li .donate-box-02 ul li {
    list-style: none;
    text-align: left;
    padding: 0% 12% 0% 12%;
    font-size: 18px;
    font-family: "dubaiW23-Bold";
}

.donate-box-out .col-box-row ul li .donate-box-02 ul li .txt-box-01 {
    display: inline-block;
    width: 57%;
}

.donate-box-out .col-box-row ul li .donate-box-02 ul li .txt-box-02 {
    display: inline-block;
    width: 40%;
}

.full-width .form-box-contact {
    width: 100%;
}

.donate-kid p {
    font-family: "dubaiW23-Medium";
    font-size: 13px;
}

.donate-kid ul {
    padding: 30px 0px 0px 0px;
    max-width: 1000px;
    min-height: 450px;
    margin: 0px auto 0px auto;
}

.donate-kid ul li {
    list-style: none;
    width: auto !important;
    float: none;
    display: inline-block;
    padding: 0% 0.7% 0% 0.7%;
    cursor: pointer;
}

.donate-kid .charity-box {
    margin-bottom: -25px;
    position: absolute;
    margin-left: auto;
    width: 100%;
    margin-right: auto;
    display: block;
    bottom: 150px;
    z-index: 100;
}

.donate-kid .charity-box .text-box-donate {
    position: absolute;
    z-index: 999;
    left: 0px;
    bottom: 30px;
    width: 100%;
}

.donate-kid .charity-box .text-box-donate h5 {
    font-size: 25px;
    margin: 0px;
    text-transform: uppercase;
    color: #FFFFFF;
    font-family: "dubaiW23-Bold";
}

.donate-kid .charity-box .text-box-donate a {
    font-family: "dubaiW23-Medium";
    font-size: 15px;
    text-decoration: underline;
    color: #FFFFFF;
}

.donate-kid .charity-box .text-box-donate a:hover {
    color: #13623b;
}

.donate-kid .dropBox {
    left: 0px;
    display: block;
    position: relative;
    top: 0px;
    width: 100%;
    height: 100%;
}

.donate-kid .dropBox.state-highlight .donate-box,
.donate-kid .dropBox.state-highlight .text-box-donate {
    animation: shake 0.5s;
    animation-iteration-count: infinite;
}

.donate-box {
    position: relative;
    z-index: 150
}

.drop-animation {
    position: absolute;
    z-index: 100;
    bottom: 0px;
}

.state-highlight img {
    animation: animName 2s infinite;
}

.print-receipt.rtl img,
.print-receipt.rtl div {
    float: right;
    text-align: right;
}

@media print {
    .tabble-box {
        width: 800px
    }
    .print-receipt.rtl {
        direction: rtl;
    }
    .rtl {
        direction: rtl;
    }
    .print-receipt.rtl img,
    .print-receipt.rtl div {
        float: right;
        text-align: right;
    }
}

@keyframes animName {
    0% {
        transform: translateY(0);
        opacity: 0;
    }
    30% {
        transform: translateY(5px);
        opacity: 1;
    }
    60% {
        transform: translateY(0);
        opacity: 0;
    }
}

.state-highlight .drop-animation {
    display: block !important;
}

.donate-kid .dropBox li {
    display: none;
}

.donate-kid .dropBox div {
    display: none;
}

.donate-kid .submit-row {
    padding: 110px 0px 60px 0px;
}

.donate-kid.donate-coupon .staticBox {
    max-width: inherit;
}

.dragBox {
    z-index: 999;
}

.buttion-disabled {
    cursor: no-drop;
}

.pop-bot-sec {
    background: #13623b;
    border-radius: 0 0 20px 20px;
    padding-bottom: 5px;
    padding-top: 25px;
}

.pop-bot-sec p {
    font-family: "dubaiW23-Bold";
    margin-bottom: 10px;
    margin-top: 10px;
    color: #FFFFFF;
}

img.icon {
    position: absolute;
    right: 20px;
    top: 15px;
    cursor: pointer;
}

.month-picker-year-table .ui-button-text {
    padding: 0px !important;
    font-size: 14px;
}

.ui-widget-header {
    background-color: #13623b !important;
    color: #fff !important;
}

.ui-widget-header a {
    color: #FFFFFF !important;
}

.ui-widget.ui-state-hover {
    background: #13623b !important;
    border: none !important;
}

.but-wrap {
    text-align: right;
    padding-right: 2%;
    width: 100%;
    display: inline-block;
}

.jumbo.donut-widget span.donut-filling {
    font-family: "dubaiW23-Bold";
    color: #000;
    font-size: 27px;
}

.gallery-main-big {
    max-width: 725px;
    margin: auto auto;
    margin-top: 120px;
}

.gallery-main-big .gib-img-box {
    width: 100%;
    box-shadow: 0px 0px 76px 0px rgba(0, 0, 0, 0.34);
    float: left;
}

.gallery-main-big .magazine-detailbox {
    width: 100%;
    float: left;
    padding-top: 45px;
    text-align: center;
}

.gallery-main-big .magazine-detailbox h2 {
    text-transform: uppercase;
    font-family: "dubaiW23-Bold";
    font-size: 30px;
    margin-bottom: 25px;
}

.gallery-main-big .magazine-detailbox .share-box {
    float: inherit;
    width: 100%;
    justify-content: center;
    margin-top: 30px;
}

.gallery-main-big .magazine-detailbox .but-04 {
    height: 45px;
    line-height: 45px;
}

.mob-menu {
    display: none;
}

.rtl .urgent-case-box h3 {
    margin: 0px auto 25px auto !important;
}

.rtl .chat-title {
    padding-right: 10px;
}

.rtl .about-bottom-txt .about-bot-txt-box .but-03 {
    float: left;
}

.col-box-row>ul>li a span {
    font-size: 12px;
}

.col-box-row>ul>li a:not(.but-04) {
    text-decoration: none;
}

.page-filiter.order-history {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.page-size-label {
    padding-right: 2%;
}

.page-filiter.order-history .page-count-drop {
    padding-left: 2%;
}

.rtl img.icon {
    left: 35px;
}

.rtl .page-size-label {
    padding-right: 0%;
    padding-left: 2%;
}

#couponcart_Form .but-row-02 .but-04 {
    margin-left: 20px;
    height: 35px;
    line-height: 35px;
}

#couponcart_Form h3 {
    margin-right: 0%;
}

.form-group.m-form__group p,
.form-group.m-form__group #cf {
    margin-left: 0px !important;
    font-size: 14px;
}

.rtl .marketreport-sec>ul> :last-child {
    float: left;
}

.rtl .page-filiter.order-history .right-col {
    margin-left: inherit;
    margin-right: auto;
}

.cart-box li h4 a {
    color: #000;
    text-decoration: none;
}

.cart-box li h4 a:hover {
    color: #00663e;
}

.ffl-wrapper input:-webkit-autofill~.ffl-label {
    top: 2px;
    color: #a2a2a2;
    font-size: 10px;
}

@keyframes shake {
    0% {
        transform: translate(1px, 1px) rotate(0deg);
    }
    10% {
        transform: translate(-1px, -2px) rotate(-1deg);
    }
    20% {
        transform: translate(-3px, 0px) rotate(1deg);
    }
    30% {
        transform: translate(3px, 2px) rotate(0deg);
    }
    40% {
        transform: translate(1px, -1px) rotate(1deg);
    }
    50% {
        transform: translate(-1px, 2px) rotate(-1deg);
    }
    60% {
        transform: translate(-3px, 1px) rotate(0deg);
    }
    70% {
        transform: translate(3px, 1px) rotate(-1deg);
    }
    80% {
        transform: translate(-1px, -1px) rotate(1deg);
    }
    90% {
        transform: translate(1px, 2px) rotate(0deg);
    }
    100% {
        transform: translate(1px, -2px) rotate(-1deg);
    }
}

.dragBox {
    border-radius: 5px;
    display: inline-block;
    float: left;
    width: 100px;
    height: 100px;
    margin-right: 5px;
}

#DonationRequestForm .submit-row {
    text-align: left;
}

.month-picker {
    z-index: 10000;
}

.menu-padding .tp-banner-container {
    margin-top: -158px;
}

.wrapper-02.donate-box-out.feedback .portal-right-box-main {
    float: none;
    margin: auto auto;
}

.directors-sec ul {
    margin: 0px -1.5% 0px -1.5%;
    padding: 0px;
    display: flex;
    flex-wrap: wrap;
}

.directors-sec ul li {
    width: 30.3%;
    list-style: none;
    padding: 2%;
    float: left;
    border: solid 1px #b6cdc1;
    border-radius: 25px;
    background: #fff;
    margin: 0% 1.5% 45px 1.5%;
}

.directors-sec ul li .photo-frame {
    border-radius: 25px;
    overflow: hidden;
}

.directors-sec ul li .photo-frame img {
    background-size: cover !important;
}

.directors-sec ul li .photo-txt-box {
    text-align: center;
    padding-top: 25px;
}

.directors-sec ul li .photo-txt-box h5 {
    margin: 0px;
    font-size: 23px;
    font-family: "dubaiW23-Bold";
    text-transform: uppercase;
}

.directors-sec ul li .photo-txt-box h4 {
    margin: 0px;
    font-size: 20px;
    font-family: "dubaiW23-Light";
    color: #3f3f3f;
}

.chairman-message-main {
    width: 100%;
    background: #fff;
    border: solid 1px #b4cdb7;
    border-radius: 25px;
    padding: 5%;
}

.chairman-message-main .chairman-img-main {
    width: 38%;
    float: left;
    border-radius: 25px;
    overflow: hidden;
    border: solid 3px #13623b;
}

.chairman-message-main .chairman-img-main img {
    width: 100%;
    background-size: cover !important;
}

.chairman-message-main .chairman-txt-main {
    float: right;
    width: 58%;
}

.chairman-message-main .chairman-txt-main h2 {
    font-size: 24px;
    color: #13623b;
    margin: 0px 0px 5px 0px;
    font-weight: inherit;
}

.chairman-message-main .chairman-txt-main p {
    margin-bottom: 25px;
    font-size: 15px;
    line-height: 20px;
}


/* .home.inner-header {
    position: fixed;
} */

.chairman-message-main .chairman-txt-main h3 {
    font-weight: initial;
    font-size: 25px;
    color: #000000;
    text-transform: inherit;
    font-family: "dubaiW23-Regular";
    line-height: 30px;
}

.chairman-message-main .chairman-txt-main h3 span {
    color: #3f3f3f;
}

.partner-main {
    margin: 0px -1.5% 0px -1.5%;
    padding: 0px;
}

.partner-main li {
    list-style: none;
    margin: 0% 1.5% 25px 1.5%;
    float: left;
    border-radius: 35px;
    border: solid 1px #9bb9a3;
    background: #fff;
    display: flex;
    width: 30.3%;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.quality h3 {
    color: #13623b;
    font-size: 33px;
    margin: 0px 0px 25px 0px;
}

.quality .chairman-txt-main {
    width: 100%;
}

.quality ul {
    margin: 0px 0px 25px 0px;
    padding: 0px;
}

.quality ul li {
    background: url(../images/list-style.png) 0px 5px no-repeat;
    padding-left: 30px;
    list-style: none;
    font-size: 15px;
    margin-bottom: 5px;
}

.p-0 {
    padding: 0px;
}

.sponsor-left-box {
    width: 65%;
    float: left;
    display: flex;
    flex-wrap: wrap;
}

.sponsor-right-box {
    text-align: right;
    padding: 5%;
    width: 35%;
    float: left;
    background: url(../images/sponsor-bg.jpg) left top;
    background-size: cover;
}

.sponsor-right-box ul {
    margin: 0px;
    padding: 0px;
}

.sponsor-right-box ul li {
    list-style: none;
    margin-bottom: 25px;
}

.sponsor-right-box ul li p {
    font-size: 15px;
    font-family: "dubaiW23-Medium";
}

.sponsor-right-box ul li p span {
    font-family: "dubaiW23-Bold";
    color: #17633e;
}

.sponsor-right-box ul li h4 {
    margin: 0px;
    text-transform: uppercase;
    font-family: "dubaiW23-Bold";
    color: #17633e;
}

.sponsor-right-box ul li.call-li a {
    color: #17633e;
    font-size: 16px;
    text-decoration: none;
    font-family: "dubaiW23-Bold";
}

.sponsor-right-box .call-but {
    margin-right: -5px;
    margin-left: -5px;
    padding: 10px 0px 10px 0px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-family: "dubaiW23-Bold";
    font-size: 25px;
    text-decoration: none;
    color: #17633e;
    justify-content: flex-end;
}

.sponsor-right-box .call-but:hover {
    color: #115433;
}

.sponsor-right-box .call-but img {
    margin: 5px;
}

.sponsor-right-box .but-red {
    display: inline-block;
    border: none;
    padding: 0px 20px 0px 20px;
    background: #e6242f;
    text-transform: uppercase;
    height: 33px;
    line-height: 33px;
    font-size: 14px;
    text-decoration: none;
    font-family: "dubaiW23-Bold";
    color: #fff;
}

.sponsor-right-box .but-red:hover {
    background: #d01a24;
}

.sponsor-right-box h3 {
    font-family: "dubaiW23-Bold";
    font-size: 17px;
    color: #17633e;
    margin: 15px 0px 8px 0px;
}

.sponser-cl-01 {
    width: 100%;
    float: left;
    padding: 35px 7% 35px 7%;
}

.sponser-cl-02 {
    width: 100%;
    position: relative;
    background: #36533d;
    float: left;
    min-height: 190px;
    padding: 35px 7% 35px 7%;
}

.sponser-cl-02::after {
    content: "";
    width: 25px;
    background: url(../images/sponsor-bot-line.png) right bottom no-repeat;
    background-size: cover;
    height: 100%;
    right: -25px;
    position: absolute;
    top: 0px;
    bottom: 0px;
}

.sponser-cl-02 h3 {
    color: #fff;
    text-transform: uppercase;
    font-size: 22px;
    font-weight: initial;
}

.sponser-cl-02 h4 {
    color: #fff;
    font-size: 16px;
    font-weight: initial;
    margin: 0px;
    line-height: 24px;
}

.sponsor-main {
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
}

.sponsor-row {
    width: 100%;
    float: left;
    margin-bottom: 25px;
}

.flx-center {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.sponsor-cl-02 {
    width: 50%;
    float: left;
}

.sponsor-cl-03 {
    width: 50%;
    float: left;
}

.sponsor-cl-03 h3 {
    color: #17633e;
    font-size: 27px;
    margin: 0px;
}

.sponsor-cl-03 ul {
    margin: 0px;
    padding: 0px;
}

.sponsor-cl-03 ul li {
    list-style: none;
    padding-bottom: 15px;
    font-size: 14px;
}

.sponsor-cl-03 ul li span {
    font-family: "dubaiW23-Medium";
}

.fullwidth {
    width: 100% !important;
}

.orphan-form .pload-field {
    width: 100% !important;
    text-align: left;
}

.orphan-form .file-upload-wrapper:before {
    display: none !important;
}

.orphan-form .file-upload-wrapper:after {
    width: 100%;
}

.orphan-form .file-upload-wrapper {
    text-align: left;
}

.sticky-total {
    position: fixed;
    bottom: 0px;
    background: #13623b;
    border-radius: 15px 15px 0px 0px;
    right: 0px;
    width: 100%;
    text-align: center;
    padding: 20px 25px 20px 25px;
}

.sticky-total h3 {
    color: #fff;
    font-weight: inherit;
    font-size: 35px;
    letter-spacing: 1px;
}

.sticky-total h3 span {
    font-size: 20px;
    text-transform: initial;
}


/*------new-------*/

.top-block-left {
    display: flex;
    float: left;
    align-items: center;
    width: 32%;
}

.top-block-left h3 {
    margin: 0px 15px 0px 15px !important;
}

.top-block-right {
    display: flex;
    flex-wrap: wrap;
    width: 68%;
    margin-left: auto;
    align-items: center;
    justify-content: flex-end;
}

.top-block-right h3 {
    margin: 0px 4% 0px 0%;
}

span.error {
    color: #e80000;
    font-size: 12px;
}

.rel {
    position: relative;
}

.cart-icn {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    border: solid 1px #679b80;
    border-radius: 100%;
}

.border-bottom {
    padding-bottom: 15px;
    padding-top: 15px;
    display: flex;
    flex-wrap: wrap;
}

.border-bottom h3 span {
    font-size: 21px;
    font-family: "dubaiW23-Regular";
    text-transform: capitalize;
    font-weight: 100;
    margin: 0px 10px 0px 10px;
}

.border-bottom .but-04 {
    margin: 0px 1% 0px 1%;
}

.sliding-pannel form .but-row-02 {
    padding-top: 20px;
}

.plus-toggle>label {
    background: #00663e;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    cursor: pointer;
    position: relative;
    display: block;
}

.sliding-pannel .but-row-02 {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
}

.sliding-pannel .but-row-02 .but-03.pay-but {
    margin-top: 0px;
}

.sliding-pannel .but-row-02 h3 span {
    font-size: 21px;
    font-family: "dubaiW23-Regular";
    text-transform: capitalize;
    font-weight: 100;
    margin: 0px 15px 0px 15px;
}

.plus-toggle>label:before,
.plus-toggle>label:after {
    content: "";
    display: block;
    position: absolute;
    width: 3px;
    background: #fff;
    border-radius: 3px;
    height: 23.3333333333px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    transition: all 0.3s ease;
}

.plus-toggle>label:after {
    width: 23.3333333333px;
    height: 3px;
}

.plus-toggle>input {
    height: 0;
    width: 0;
    position: absolute;
    padding: 0px;
    margin: 0px;
    overflow: hidden;
    display: none;
}

.plus-toggle>input:checked+label:before {
    transform: rotate(-90deg);
}

.plus-toggle>input:checked+label:after {
    transform: rotate(-180deg);
    opacity: 0;
}

.position {
    position: absolute;
    top: 0px;
    width: 100%;
    z-index: 800;
}

.rel {
    position: relative;
}

.rel .line-hr {
    display: none;
}

section.rel.fixed-nav {
    position: fixed;
    width: 100%;
    z-index: 999;
    top: 100px;
}

#navbar .border-bottom {
    border-bottom: none;
}

.sliding-pannel {
    display: none;
    position: absolute;
    top: 0px;
    width: 100%;
    left: 0px;
    z-index: 160;
    background: #fff;
    box-shadow: 0 5px 18px -5px rgba(0, 0, 0, 0.2);
}

.line-hr {
    border-top: solid 1px #9ad043;
    max-width: 1199px;
    margin: 0 auto;
}

.panel {
    max-width: 1199px;
    margin: 0 auto;
    width: 100%;
    background: #f5f5f5;
    border: solid 1px #99bd9d;
    border-radius: 25px;
    padding: 2% 3% 2% 3%;
    margin-top: 45px;
    margin-bottom: 85px;
}

.panel>form>ul {
    margin: 0px;
    padding: 0px 10px 0px 0px;
    max-height: 407px;
    overflow-y: auto;
    min-height: 250px;
}

.panel>form>ul .options {
    max-height: 100px !important;
}

.rtlk .panel>form>ul {
    padding: 0px 0px 0px 10px;
}

.panel>form>ul>li {
    list-style: none;
    border-bottom: solid 1px #d0e0da;
}

.panel .pay-but {
    width: 15%;
    float: right;
    margin-top: 25px;
    padding: 0% 10px 0% 10px;
}

.cart-box {
    margin: 0px;
    padding: 0px;
    display: flex;
    align-items: center;
}

.cart-box li {
    list-style: none;
}

.cart-box li .fld-01 {
    height: 41px;
    background: #fff;
    max-width: 50%;
    font-size: 14px;
}

.cart-box li .photo-frame {
    width: 100%;
    background-size: cover !important;
    max-width: 200px;
    margin-left: auto;
    margin-right: auto;
    background: url(../images/photo-frame.png) center top no-repeat;
    margin-top: 26px;
    margin-bottom: 20px;
    padding: 9%;
    box-shadow: 1px 1px 5px 0.3px rgba(0, 0, 0, 0.6);
}

.cart-box li.item-box .photo-frame {
    width: 65px;
}

.cart-box li.item-box .project-icn-box {
    border-radius: 100%;
    border: solid 1px #629579;
    width: 78px;
    height: 78px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    margin-top: 20px;
    margin-bottom: 20px;
    overflow: hidden;
}

.cart-box li.item-box .project-icn-box img {
    width: 100%;
}

.cart-box li.title-box {
    width: 65%;
    padding: 0% 2% 0% 2%;
}

.cart-box li.title-box span {
    display: block;
    font-size: 22px;
}

.cart-box li.price-box {
    width: 16%;
}

.cart-box li.price-box span {
    background: #fff;
    display: inline-block;
    border-radius: 25px;
    border: solid 1px #cccccc;
    padding: 10px 15px 10px 15px;
    width: 100%;
    font-size: 14px;
    font-family: "dubaiW23-Regular";
}

.cart-box li.price-box .fld-01 {
    width: 100%;
    max-width: inherit;
}

.cart-box li.quantity-box {
    text-align: center;
    width: 12%;
    padding-left: 2%
}

.rtl .cart-box li.quantity-box {
    padding-left: 0%;
    padding-right: 2%
}

.cart-box li.but-box {
    width: 13%;
    align-items: flex-end;
    display: flex;
}

.cart-box li.but-box a {
    display: flex;
    align-items: center;
    text-decoration: none;
    font-family: "dubaiW23-Bold";
    text-decoration: none;
    text-transform: uppercase;
    font-size: 14px;
    margin-left: auto;
    color: #00663e;
}

.cart-box li.but-box .closs {
    width: 15px;
    font-size: 8px;
    font-weight: 900;
    height: 15px;
    border: solid 2px #00663e;
    -webkit-border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
    margin: 0% 5px 0% 5px;
}

.cart-box li.but-box .update {
    padding: 5px;
}

.fixed-nav {
    padding-top: 0px !important
}

.fixed-nav.clearfix.bg-white {
    position: fixed;
    top: 81px;
    width: 100%;
    z-index: 999;
    border-top: solid 1px #eaeaea;
}

button:focus {
    outline: none;
}

.accordian-02 .tab-box-02 .donate-txt-view p a {
    color: #00663e;
    text-decoration: none;
}

.accordian-02 .tab-box-02 .donate-txt-view p a:hover {
    color: #99d142;
}

button img {
    width: 20px;
    margin: 5px;
}

.but-row-02 {
    width: 100%;
    float: left;
}

.but-row-02 .but-03 {
    margin-right: 1%;
}

.but-box-main {
    margin: 20px -1px 0px -1px;
    padding: 0px;
    display: flex;
    position: relative;
    flex-wrap: wrap;
}

.but-box-main li {
    margin: 0px;
    padding: 0px;
    border: none;
}


/*.about-bottom-txt {
  margin-left: -1%;
  margin-right: -1%;
}*/

.about-bottom-txt li {
    padding: 0% 1% 0% 1%;
    width: 31%;
}

.about-bottom-txt li .but-03 {
    padding: 0px;
}

.about-bottom-txt .fld-01 {
    height: 40px;
    border: solid 1px #3b823e;
    padding: 0px 4% 0px 4%;
}

.about-bottom-txt .bn-01 {
    background: #9ad043 !important;
    width: 100% !important;
}

.about-bottom-txt .bn-02 {
    background: #00572e !important;
    width: 100% !important;
}

.about-bottom-txt .bn-03 {
    background: #379b6c !important;
    width: 100% !important;
}

.donate-or-main.more-pannel {
    margin: 25px 0px 0px 0px;
    background: #fafafa;
    padding-bottom: 5px;
}

.donate-or-main.more-pannel ul {
    display: flex;
    flex-wrap: wrap;
    padding: 0px;
    justify-content: space-between;
}

.donate-or-main.more-pannel ul li {
    border: none;
    margin-bottom: 0px;
}

.donate-or-main.more-pannel ul li .donate-icon-box {
    width: 73px;
    height: 73px;
}

.donate-or-main.more-pannel ul li .donate-icon-box img {
    width: 60%;
}

.donate-or-main.more-pannel ul li h4 {
    background: transparent;
    font-size: 15px;
    color: #000;
}

.donate-or-main.more-pannel ul li a {
    text-decoration: none;
}

.project-detail-list li .about-bot-txt-box {
    padding-left: 3%;
    padding-right: 3%;
}

.but-box-bot {
    padding: 75px 0px 35px 0px;
}

.but-box-bot .but-03 {
    min-width: 265px;
    margin: auto auto;
    display: block;
}

.sliding-pannel-02 {
    display: none;
}

.donate-or-main ul li a {
    text-decoration: none;
    color: #000;
}

.more-pay {
    border: solid 1px #13623b;
    border-radius: 25px;
    margin: 80px 0px 80px 0px;
    padding: 2%;
}

.cart-but-01 {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 45px;
    height: 45px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    background: #fff;
    border-radius: 100%;
    padding: 8px 12px 12px 12px;
    border: solid 1px #13623b;
    display: none;
}

.filiter-box ul li:hover .cart-but-01 {
    display: block;
}

.strick-price {
    display: block;
    min-height: 25px;
    padding-left: 3%;
}

.strick-price h5 {
    display: block;
    width: 100%;
    min-height: 21px;
    text-decoration: line-through;
    margin: 0px !important;
}

.strick-price h5 span {
    font-family: "dubaiW23-Light";
}

.filiter-box ul li .photo-txt-box h4 {
    margin-bottom: 0px;
}

.photo-detail-box .text-box-02 .price-box {
    width: 310px;
}

.photo-detail-box .text-box-02 .but-03 {
    height: 53px;
    line-height: 53px;
}

.photo-detail-box .text-box-02>form>h4 {
    margin-left: 10px;
}

.photo-detail-box .strick-price h5 {
    font-size: 20px;
    color: #7d7d7d;
    font-weight: inherit;
    font-family: "muliblack";
    text-decoration: line-through;
}

.donate-coupons-main {
    padding-top: 60px;
    padding-bottom: 40px !important;
}

.donate-coupons-main h2 {
    font-size: 36px;
}

.donate-coupons-main .coupon-list {
    margin: 25px 0px 0px 0px;
    padding: 0px 2% 0px 2%;
    display: flex;
    flex-wrap: wrap;
}

.donate-coupons-main .coupon-list li {
    width: 46%;
    display: flex;
    flex-wrap: wrap;
    margin: 0% 2% 40px 2%;
    list-style: none;
    background: #fee5df;
    border-right: dashed 4px #ffffff;
}

.donate-coupons-main .coupon-list li form {
    display: flex;
    flex-wrap: wrap;
    width: 100%
}

.donate-coupons-main .coupon-list li .coupon-cl-01 {
    width: 18%;
    display: flex;
    align-items: center;
    padding: 3%;
    background: #17643e;
    border-left: dashed 4px #ffffff;
}

.donate-coupons-main .coupon-list li .coupon-cl-02 {
    width: 80%;
    text-align: left;
    padding: 3%;
}

.donate-coupons-main .coupon-list li .coupon-cl-02 p {
    max-width: 260px;
}

.donate-coupons-main .coupon-list li .text-row-02 {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.donate-coupons-main .coupon-list li .amoubnt-box {
    width: 65%;
}

.donate-coupons-main .coupon-list li .amoubnt-box h2 {
    font-size: 35px;
    color: #00663e;
}

.donate-coupons-main .coupon-list li .but-box {
    width: 35%;
}

.donate-coupons-main .coupon-list li .but-box .but-01 {
    height: 45px;
    line-height: 45px;
}

.donate-coupons-main .coupon-list> :nth-child(2) {
    background: #f7dbb4;
}

.donate-coupons-main .coupon-list> :nth-child(3) {
    background: #d7f5f8;
}

.donate-coupons-main .coupon-list> :nth-child(4) {
    background: #e1e3e8;
}

.donate-kid p a {
    color: #000;
    text-decoration: none;
}

.donate-kid p a:hover {
    color: #9bd043;
}

.accordion_01 {
    padding: 0px
}

.register-row {
    text-align: center;
}

.register-row a {
    color: #000;
}

.options .opt {
    margin-bottom: 0px !important;
}

.fancybox-content table {
    font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 100% !important;
    margin-top: 25px;
}

.fancybox-content td,
.fancybox-content th {
    border: 1px solid #dddddd;
    text-align: left;
    padding: 8px;
}

.fancybox-content td span {
    font-size: 12px !important;
    text-align: left !important;
}

.fancybox-content td p,
.fancybox-content td {
    text-align: left !important;
}

#divModel-0 .form-box-contact {
    max-width: inherit !important;
}

.rtl .fancybox-content td span {
    font-size: 12px !important;
    text-align: right !important;
}

.rtl .fancybox-content td p,
.rtl .fancybox-content td {
    text-align: right !important;
    direction: rtl !important;
}

.rtl .fancybox-content td h4 {
    direction: rtl !important;
}

.rtl .form-pop .form-box-contact h4 {
    direction: rtl !important;
}

.rtl #divModel-0 .form-box-contact {
    max-width: inherit !important;
}


/* .rtl .CaptionCont.SelectBox {
    background: #fff !important;
} */

.rtl .submit-row .CaptionCont.SelectBox {
    background-image: transparent url(/images/drop-arrow-03.png) !important;
}

.rtl .submit-row .SumoSelect>.CaptionCont>span {
    color: #fff !important;
}

.rtl .form-box-contact .field-validation-error {
    text-align: right;
}

h5.title-table {
    margin-top: 30px;
    font-size: 22px;
}

.accordian-sub-row.clearfix span.error {
    display: block;
    width: 100%;
}

.Switch.On .Toggle {
    left: 54%;
}

.Switch.Off .Toggle {
    left: 2%;
}

._profile_detail> :first-child {
    width: 25%;
}

._profile_detail> :first-child p {
    color: #fff;
    background: transparent;
}

._profile_detail> :first-child p i {
    color: #fff !important;
    background-image: url(/images/drop-arrow-03.png) !important;
}

._profile_detail> :last-child {
    width: 25%;
    float: right;
}

._profile_detail> :last-child button {
    width: 100%;
    min-width: auto;
}

#ProfileUserAdditionalInfoFormId img.icon {
    top: 40px;
}

.marketreport-sec {
    padding-top: 20px !important;
    padding-bottom: 20px !important
}

.marketreport-sec ul li {
    padding-top: 8px !important;
    padding-bottom: 8px !important
}

.marketreport-sec ul li .fld-01 {
    color: #fff !important
}

.marketreport-sec ul li .fld-01:active,
.marketreport-sec ul li .fld-01:focus {
    background: transparent;
}

.marketreport-sec ul li ::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #fff;
    opacity: 1;
    /* Firefox */
}

.marketreport-sec ul li :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #fff;
}

.marketreport-sec ul li ::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #fff;
}

.marketreport-sec>ul> :last-child {
    float: right;
}

.rlt .marketreport-sec>ul> :last-child {
    float: left;
}

.SumoSelect.open .search-txt {
    background: transparent !important;
    border: none !important;
    outline: none !important;
}

.table-search-bar .SumoSelect.open .search-txt {
    color: #fff !important
}

/* 
input:valid {
    border-color: #1fe01f;
} */

@media only screen and (min-width: 1366px) {
    .open-nav {
        overflow: hidden;
    }
    .pop-img {
        max-width: 700px;
    }
    .table-box tbody td span.tcl-01 {
        width: 69px;
        display: inline-block;
    }
    .table-box tbody td span.tcl-02 {
        width: 102px;
        display: inline-block;
    }
    .table-box tbody td span.tcl-03 {
        width: 124px;
        display: inline-block;
    }
    .table-box tbody td span.tcl-04 {
        width: 75px;
        display: inline-block;
    }
    .table-box tbody td span.tcl-05 {
        width: 100px;
        display: inline-block;
    }
    .table-box tbody td span.tcl-06 {
        width: 185px;
        display: inline-block;
    }
    .table-box tbody td span.tcl-07 {
        width: 75px;
        display: inline-block;
    }
}

@media only screen and (min-width: 1000px) {
    .portal-right-box-main .table-box thead tr> :first-child {
        width: 14%;
    }
    .portal-right-box-main .table-box thead tr> :nth-child(2) {
        width: 15%;
        padding-right: 2%;
    }
    .portal-right-box-main .table-box thead tr> :last-child {
        width: 9%;
    }
    .portal-right-box-main .table-box tbody tr> :last-child {
        text-align: center;
    }
}

@media only screen and (max-width: 1366px) {
    .top-block-left h3 {
        line-height: 35px;
    }
}

@media only screen and (max-width: 1199px) {
    .wrapper-02 {
        padding-left: 3%;
        padding-right: 3%;
    }
    .wrapper-02.flax {
        padding: 0%;
    }
    .portal-left-box ul {
        width: 100%;
        padding-left: 10%;
        padding-right: 10%;
    }
    .portal-right-box-main {
        padding-right: 3%;
    }
    .strick-price {
        margin-top: 15px;
        width: 100%;
    }
}

@media only screen and (max-width: 1440px) {
    .wrapper {
        padding-left: 3%;
        padding-right: 3%;
    }
    .main-banner-sec .tp-banner-container {
        height: 750px;
    }
    .main-banner-sec .tp-caption {
        padding-top: 0px !important;
    }
    .main-banner-sec h1 {
        font-size: 94px;
        line-height: 75px;
    }
    .main-banner-sec p {
        font-size: 18px;
        line-height: 25px;
        margin-bottom: 25px;
    }
}

@media only screen and (max-width: 1024px) {
    .project-report-boxmain {
        margin-bottom: 30px;
    }
    .wrapper-02 {
        padding-left: 3%;
        padding-right: 3%;
    }
    .home-sec-01 .wrapper {
        min-height: 600px;
    }
    .home-sec-01 .wrapper .text-box-01 img {
        width: 38%;
    }
    .home-sec-01 .wrapper .text-box-01 h4 {
        font-size: 10px;
        line-height: 11px;
    }
    .slick-slide {
        margin: 0px 50px;
    }
    .home-project-slider .slide-txt-box-main h2 {
        font-size: 23px;
    }
    .home-project-slider .slick-current.slick-active.slick-center p {
        font-size: 10px;
        line-height: 11px;
    }
    .logo-box {
        width: 17%;
    }
    .logo-box img {
        width: 100%;
    }
    .home-img-box img {
        width: 80%;
    }
    .sign-up-sec .map-box-sign-up .map-marker {
        font-size: 9px;
    }
    .project-report-boxmain>ul>li h3 {
        font-size: 50px;
    }
    .project-report-boxmain>ul>li p {
        font-size: 12px;
    }
    .donate-box-main h2 {
        font-size: 24px;
        line-height: 25px;
    }
    .donate-box-main h3 {
        font-size: 33px;
    }
    .but-01,
    .but-02 {
        font-size: 13px;
        line-height: 13px;
    }
    .donate-box-main h2 span {
        background-position: 0px 0px;
    }
    .sign-up-sec .map-box-sign-up .map-marker img {
        width: 20px;
    }
    .pointer-box {
        padding-top: 4px !important;
        padding-bottom: 4px !important;
    }
    .overlay nav ul li a {
        font-size: 21px;
    }
    .overlay nav ul li {
        margin-bottom: 10px;
    }
    .overlay .menu-box-01 .over-view-box h3 {
        font-size: 28px;
    }
    .overlay .menu-box-01 .nav-box-02 ul li a {
        font-size: 13px;
    }
    .overlay .menu-box-02 .phone-box {
        padding-bottom: 20%;
    }
    .project-report-boxmain {
        padding-top: 95px;
        padding-bottom: 0px;
    }
    .main-banner-sec .tp-banner-container {
        height: 700px;
    }
    .project-report-boxmain>ul {
        margin-top: 35px;
    }
    .sign-up-sec {
        min-height: 770px;
    }
    .sign-up-sec .sign-up-div ul> :nth-child(1) {
        width: 50%;
    }
    .sign-up-sec .sign-up-div ul> :nth-child(2) {
        width: 30%;
    }
    .donate-box-main .donate-fld> :nth-child(2) {
        width: 39%;
    }
    .donate-box-main .donate-fld> :nth-child(3) {
        width: 30%;
    }
    .tab-bar .wrapper-02 ul li a {
        padding: 20px 5px 20px 5px;
    }
    h3 {
        font-size: 30px;
    }
    .list-block h4 {
        font-size: 17px;
    }
    .bg-03 h3 {
        margin-bottom: 20px;
    }
    .list-box li .txt-box-01 h5 {
        font-size: 19px;
    }
    .but-03 {
        font-size: 12px;
    }
    .about-bottom-txt .about-bot-img-box {
        width: 40%;
    }
    .about-bottom-txt .about-bot-txt-box {
        padding: 10px 0px 10px 0px;
    }
    .list-box {
        margin: 30px 0px 40px 0px;
    }
    .photo-frame {
        background-size: cover !important;
    }
    .filiter-box ul li .photo-txt-box h5 {
        font-size: 12px;
        line-height: 16px;
    }
    .filiter-box ul li .photo-txt-box h4 {
        font-size: 19px;
    }
    .contact-left-box .check-box-form li {
        padding-right: 2%;
    }
    .inner-banner.news-detail {
        height: 31vw;
    }
    .list-box li {
        padding-bottom: 85px;
    }
    .location-lable ul li {
        font-size: 12px;
    }
    .location-lable {
        width: 71%;
    }
    .portal-right-box-main .table-box td,
    .portal-right-box-main .table-box thead th {
        font-size: 10px;
    }
    .portal-right-box-main .table-box tbody tr> :first-child {
        font-size: 10px;
    }
    .table-box td {
        padding: 15px 3% 15px 3%;
    }
    .table-search-bar {
        padding: 15px 0px 15px 0px;
    }
    .table-search-bar ul li .but-02 {
        padding: 0px;
        font-size: 12px;
    }
    .portal-right-box form {
        padding-left: 5%;
        padding-right: 5%;
    }
    .title-row-form .max-width-04 {
        padding-left: 5%;
        padding-right: 5%;
    }
    .additional-info form {
        padding-left: 0px;
        padding-right: 0px;
    }
    .additional-info ul {
        padding-left: 5%;
        padding-right: 5%;
    }
    .reqst-donation form {
        padding-right: 0px;
        padding-left: 0px;
    }
    .menu-open .nav-box .open-menu-itm.lr-box {
        width: 138px;
    }
    .nav-box>ul>li {
        padding-left: 4px;
    }
    .menu-open .nav-box .open-menu-itm {
        width: 165px;
    }
    /*-------new---------*/
    .top-block-left h3,
    .top-block-right h3 {
        font-size: 28px;
    }
    .tab-bar .wrapper-02 ul li a {
        padding: 11px 5px 11px 5px;
    }
    .donate-or-main.more-pannel ul li h4 {
        font-size: 12px;
    }
    .cart-but-01 {
        display: block;
        width: 40px;
        height: 40px;
        padding: 6px 10px 10px 10px;
    }
    .location-lable ul {
        padding: 8px 5px 8px 5px;
    }
    .top-block-right h3 {
        width: 100%;
        margin-right: 0%;
        text-align: right;
    }
    .overlay.open .nav-box-01 ul li {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }
    .menu-togle {
        display: block;
        padding-left: 4px;
        padding-right: 4px;
    }
    /* .home-sec-01 .wrapper .element-2 {
        width: auto;
        height: auto;
    } */
    .bubbles {
        min-height: 540px;
    }
    .home-sec-01 {
        padding-bottom: 10px;
    }
    .home-sec-01 .wrapper .text-box-01.no-txt img {
        max-width: 100%;
        width: auto;
    }
}

.rtl .project-report-boxmain>ul>li h3 {
    font-size: 30px;
}

.slide-txt-box-main a {
    text-decoration: none;
}


/*.rtl .project-report-boxmain>ul>li h3 > span{    padding-left: 10px;}*/

.rtl .month-title-box h2 {
    color: #fff;
}

.rtl .financial-search .repoty-top-right-box {
    margin-right: auto;
    margin-left: 0px;
}

.rtl .financial-search .repoty-top-left-box {
    margin-left: auto;
    margin-right: 0px;
}

.rtl .counter {
    padding-left: 10px;
    padding-right: 10px
}

.opt.selected {
    background-color: #E4E4E4 !important;
}

.rtl .photo-detail-box .text-box-02 .price-box h4 span {
    padding-right: 7px;
    padding-left: 0px;
}

.rtl .filiter-box ul li .photo-txt-box h4 span {
    padding-right: 7px;
    padding-left: 0px;
}

.rtl .strick-price h5 span {
    padding-right: 10px;
}

.rtl .chat-box-header {
    color: #fff;
}

.rtl .chat-box-toggle {
    right: inherit;
    left: 10px;
}

.rtl ._profile_detail> :first-child {
    float: right !important;
}

.rtl ._profile_detail> :last-child {
    float: left !important;
}

.rtl .top-block-right h3 {
    text-align: left;
}

.right-col {
    margin-left: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    width: 40%;
}

.right-col .width-02 {
    margin-left: 0%;
    width: 40%;
}

.page-count.width-02 {
    width: 16%;
}

#ProfileUserAdditionalInfoFormId .max-width-04.max-width-01 {
    margin-bottom: 25px;
}

#divModel-0 {
    text-align: center;
    padding-bottom: 25px;
}

#divModel-0 h4 {
    margin: 0px;
}


/* .zakat-box-wrap .form-box-contact .but-04{margin-left: 10px;} */

#chat-circle {
    position: fixed;
    bottom: 50px;
    right: 50px;
    background: #00572e;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    color: white;
    padding: 28px;
    cursor: pointer;
    z-index: 999;
    box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.6), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

html,
body {
    background: #efefef;
    height: 100%;
}

#center-text {
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
}

#chat-circle {
    position: fixed;
    bottom: 50px;
    right: 50px;
    background: #00572e;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    color: white;
    padding: 28px;
    cursor: pointer;
    box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.6), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.btn#my-btn {
    background: white;
    padding-top: 13px;
    padding-bottom: 12px;
    border-radius: 45px;
    padding-right: 40px;
    padding-left: 40px;
    color: #5865C3;
}

#chat-overlay {
    background: rgba(255, 255, 255, 0.1);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    display: none;
}

.chat-box {
    display: none;
    background: #efefef;
    position: fixed;
    right: 30px;
    bottom: 50px;
    width: 350px;
    max-width: 85vw;
    max-height: 100vh;
    border-radius: 5px;
    /*   box-shadow: 0px 5px 35px 9px #464a92; */
    box-shadow: 0px 5px 35px 9px #000;
    z-index: 999;
}

.chat-box-toggle {
    float: left;
    margin-left: 14px;
    cursor: pointer;
    position: absolute;
    top: 8px;
    right: 15px;
}

.chat-box-header {
    background: #00572e;
    height: 70px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: white;
    text-align: center;
    font-size: 20px;
    padding-top: 0px;
    margin-top: -9px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-left: 15px;
}

.chat-box-body {
    position: relative;
    height: 370px;
    height: auto;
    border: 1px solid #ccc;
    overflow: hidden;
}

.chat-box-body:after {
    content: "";
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCIgdmlld0JveD0iMCAwIDIwMCAyMDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTAgOCkiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGNpcmNsZSBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS4yNSIgY3g9IjE3NiIgY3k9IjEyIiByPSI0Ii8+PHBhdGggZD0iTTIwLjUuNWwyMyAxMW0tMjkgODRsLTMuNzkgMTAuMzc3TTI3LjAzNyAxMzEuNGw1Ljg5OCAyLjIwMy0zLjQ2IDUuOTQ3IDYuMDcyIDIuMzkyLTMuOTMzIDUuNzU4bTEyOC43MzMgMzUuMzdsLjY5My05LjMxNiAxMC4yOTIuMDUyLjQxNi05LjIyMiA5LjI3NC4zMzJNLjUgNDguNXM2LjEzMSA2LjQxMyA2Ljg0NyAxNC44MDVjLjcxNSA4LjM5My0yLjUyIDE0LjgwNi0yLjUyIDE0LjgwNk0xMjQuNTU1IDkwcy03LjQ0NCAwLTEzLjY3IDYuMTkyYy02LjIyNyA2LjE5Mi00LjgzOCAxMi4wMTItNC44MzggMTIuMDEybTIuMjQgNjguNjI2cy00LjAyNi05LjAyNS0xOC4xNDUtOS4wMjUtMTguMTQ1IDUuNy0xOC4xNDUgNS43IiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS4yNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+PHBhdGggZD0iTTg1LjcxNiAzNi4xNDZsNS4yNDMtOS41MjFoMTEuMDkzbDUuNDE2IDkuNTIxLTUuNDEgOS4xODVIOTAuOTUzbC01LjIzNy05LjE4NXptNjMuOTA5IDE1LjQ3OWgxMC43NXYxMC43NWgtMTAuNzV6IiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS4yNSIvPjxjaXJjbGUgZmlsbD0iIzAwMCIgY3g9IjcxLjUiIGN5PSI3LjUiIHI9IjEuNSIvPjxjaXJjbGUgZmlsbD0iIzAwMCIgY3g9IjE3MC41IiBjeT0iOTUuNSIgcj0iMS41Ii8+PGNpcmNsZSBmaWxsPSIjMDAwIiBjeD0iODEuNSIgY3k9IjEzNC41IiByPSIxLjUiLz48Y2lyY2xlIGZpbGw9IiMwMDAiIGN4PSIxMy41IiBjeT0iMjMuNSIgcj0iMS41Ii8+PHBhdGggZmlsbD0iIzAwMCIgZD0iTTkzIDcxaDN2M2gtM3ptMzMgODRoM3YzaC0zem0tODUgMThoM3YzaC0zeiIvPjxwYXRoIGQ9Ik0zOS4zODQgNTEuMTIybDUuNzU4LTQuNDU0IDYuNDUzIDQuMjA1LTIuMjk0IDcuMzYzaC03Ljc5bC0yLjEyNy03LjExNHpNMTMwLjE5NSA0LjAzbDEzLjgzIDUuMDYyLTEwLjA5IDcuMDQ4LTMuNzQtMTIuMTF6bS04MyA5NWwxNC44MyA1LjQyOS0xMC44MiA3LjU1Ny00LjAxLTEyLjk4N3pNNS4yMTMgMTYxLjQ5NWwxMS4zMjggMjAuODk3TDIuMjY1IDE4MGwyLjk0OC0xOC41MDV6IiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS4yNSIvPjxwYXRoIGQ9Ik0xNDkuMDUgMTI3LjQ2OHMtLjUxIDIuMTgzLjk5NSAzLjM2NmMxLjU2IDEuMjI2IDguNjQyLTEuODk1IDMuOTY3LTcuNzg1LTIuMzY3LTIuNDc3LTYuNS0zLjIyNi05LjMzIDAtNS4yMDggNS45MzYgMCAxNy41MSAxMS42MSAxMy43MyAxMi40NTgtNi4yNTcgNS42MzMtMjEuNjU2LTUuMDczLTIyLjY1NC02LjYwMi0uNjA2LTE0LjA0MyAxLjc1Ni0xNi4xNTcgMTAuMjY4LTEuNzE4IDYuOTIgMS41ODQgMTcuMzg3IDEyLjQ1IDIwLjQ3NiAxMC44NjYgMy4wOSAxOS4zMzEtNC4zMSAxOS4zMzEtNC4zMSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuMjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPjwvZz48L3N2Zz4=');
    opacity: 0.1;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: 100%;
    position: absolute;
    z-index: -1;
}

#chat-input {
    background: #f4f7f9;
    width: 100%;
    position: relative;
    height: 47px;
    padding-top: 10px;
    padding-right: 50px;
    padding-bottom: 10px;
    padding-left: 15px;
    border: none;
    resize: none;
    outline: none;
    border: 1px solid #ccc;
    color: #888;
    border-top: none;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    overflow: hidden;
}

.chat-input>form {
    margin-bottom: 0;
}

#chat-input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #ccc;
}

#chat-input::-moz-placeholder {
    /* Firefox 19+ */
    color: #ccc;
}

#chat-input:-ms-input-placeholder {
    /* IE 10+ */
    color: #ccc;
}

#chat-input:-moz-placeholder {
    /* Firefox 18- */
    color: #ccc;
}

.chat-submit {
    position: absolute;
    bottom: 3px;
    right: 10px;
    background: transparent;
    box-shadow: none;
    border: none;
    border-radius: 50%;
    color: #49bf4c;
    width: 35px;
    height: 35px;
}

.chat-logs {
    padding: 15px;
    height: 370px;
    overflow-y: scroll;
}

.chat-logs::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
}

.chat-logs::-webkit-scrollbar {
    width: 5px;
    background-color: #F5F5F5;
}

.chat-logs::-webkit-scrollbar-thumb {
    background-color: #49bf4c;
}

.chat-title {
    color: #fff;
    font-weight: inherit;
}

.open-nav #navbar {
    display: none !important;
}

.map-info ul li:marker {
    display: none;
}

.map-info ul {
    margin: 0px;
    padding: 0px;
    width: 270px;
}

.map-info>ul>li>ul>li {
    list-style: none;
    width: 49%;
    float: left;
}

.map-info a {
    color: #000;
    text-decoration: none;
}

.map-info a:hover {
    color: #6ba134;
}

.map-info>ul>li>ul>li>ul> :first-child {
    width: 40%;
    color: #505050;
}

.map-info>ul>li>ul>li>ul> :last-child {
    width: 60%;
    font-family: "dubaiW23-Bold";
    color: #000;
}

.map-info>ul>li {
    padding-bottom: 5px;
    float: left;
    list-style: none;
}

.rtl .discription-txt p {
    font-size: 11px;
}

.map-info>ul>li>ul :last-child {
    font-weight: 500;
}

@media only screen and (min-width: 1024px) {
    .rel.sticky {
        position: fixed;
        top: 182px;
        width: 100%;
        z-index: 999;
    }
}

@media only screen and (max-width: 500px) {
    .chat-logs {
        height: 40vh;
    }
}

.chat-msg.user>.msg-avatar img {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    float: left;
    width: 15%;
}

.chat-msg.self>.msg-avatar img {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    float: right;
    width: 15%;
}

.cm-msg-text {
    background: white;
    padding: 10px 15px 10px 15px;
    color: #666;
    max-width: 75%;
    float: left;
    margin-left: 10px;
    position: relative;
    margin-bottom: 20px;
    border-radius: 30px;
}

.chat-msg {
    clear: both;
}

.chat-msg.self>.cm-msg-text {
    float: right;
    margin-right: 10px;
    background: #49bf4c;
    color: white;
}

.cm-msg-button>ul>li {
    list-style: none;
    float: left;
    width: 50%;
}

.cm-msg-button {
    clear: both;
    margin-bottom: 70px;
}

.no-text img {
    max-width: 100%;
}

@media only screen and (max-width: 1000px) {
    .pt-1.bg-top .wrapper-02 .location-lable {
        width: 100% !important;
    }
}

@media only screen and (max-width: 768px) {
    .sign-up-sec .map-box-sign-up .map-marker img {
        width: 13px !important;
        top: -9px;
    }
    .map-marker.al-lisali-branch .pointer-box {
        width: 8vh;
    }
    .map-marker.rak-branch .pointer-box {
        width: 7vw;
    }
    .map-marker.fujairah-branch {
        width: 12.5vw;
    }
    .map-marker.ajman-branch {
        width: 12.5vw;
        top: 6%;
    }
    .project-report-boxmain>ul>li h3 {
        width: 180px;
        height: 180px
    }
    /* .sign-up-sec .map-box-sign-up {
        display: none;
    } */
    .main-banner-sec .tp-banner-container {
        height: 600px;
    }
    .main-banner-sec h1 {
        font-size: 82px;
        line-height: 65px;
    }
    .home-sec-01 .wrapper {
        min-height: 400px;
    }
    .home-img-box img {
        width: 75%;
    }
    .home-img-box img {
        margin-top: -40px;
    }
    .donate-box-main h2 {
        font-size: 19px;
    }
    .donate-box-main h3,
    .project-report-boxmain h3 {
        font-size: 29px;
    }
    .project-report-boxmain>ul>li h3 {
        font-size: 42px;
    }
    .project-report-boxmain>ul>li {
        padding-bottom: 16px;
        margin-bottom: 20px !important;
    }
    .project-report-boxmain>ul {
        display: flex;
        flex-wrap: wrap;
    }
    .home-project-slider {
        padding-top: 65px;
        padding-bottom: 65px;
        min-height: initial;
    }
    .home-project-slider .wrapper-02 {
        padding: 115px 0px 123px 0px;
    }
    .home-project-slider .slick-dots {
        bottom: -110px;
    }
    .slick-slide {
        margin: 0px 35px;
    }
    .home-project-slider .slide-txt-box-main h2 {
        font-size: 20px;
    }
    .home-project-slider .slide-txt-box-main .but-02 {
        padding: 0px 35px 0px 35px;
        height: 30px;
        line-height: 30px;
    }
    footer .footer-row-01 .footer-cl-01 {
        padding-right: 5%;
    }
    .quick-link-box> :nth-child(1) {
        width: 40%;
    }
    .quick-link-box> :nth-child(2) {
        width: 32%;
    }
    .quick-link-box> :nth-child(3) {
        width: 28%;
    }
    .logo-box {
        width: 14%;
    }
    .nav-box .lr-box ul {
        padding-left: 0%;
        margin-left: 0%;
    }
    .nav-box>ul>li>a {
        font-size: 18px;
    }
    .nav-box>ul>li>a.but-02 {
        width: 150px;
        font-size: 11px;
        padding: 0% 20px 0% 20px;
        height: 39px;
        line-height: 44px;
    }
    .overlay.open {
        padding-top: 190px;
    }
    .overlay .menu-box-01 .nav-box-02 ul li {
        padding-right: 8% !important;
        padding-bottom: 13px;
    }
    .overlay nav ul li a {
        font-size: 16px;
    }
    .overlay .menu-box-01 {
        width: 76%;
    }
    .overlay .menu-box-02 {
        width: 24%;
    }
    .overlay .menu-box-02 a {
        text-decoration: none;
    }
    .overlay .menu-box-02 .phone-box li .phone-cl01 {
        width: 45%;
    }
    .overlay .menu-box-02 .phone-box li .phone-cl02 {
        width: 39%;
    }
    .sign-up-sec .map-box-sign-up .map-marker img {
        left: -3px;
        top: -16px;
        width: 31px;
    }
    .about-txt-box-01 {
        width: 100%;
    }
    .about-img-box {
        width: 100%;
    }
    .about-txt-row h4 {
        padding-top: 0px;
        margin-top: 0px;
        font-size: 15px;
        line-height: 22px;
        margin-top: 25px;
        margin-bottom: 10px;
        text-align: left;
    }
    .pb-1 {
        padding-bottom: 50px;
    }
    .about-txt-row .txt-cl-01 {
        width: 100%;
    }
    .about-txt-row .txt-cl-02 {
        width: 100%;
    }
    .about-txt-row p {
        margin-bottom: 20px;
    }
    .bg-03 h3 {
        margin-bottom: 10px;
    }
    .photo-owl-box {
        width: 100%;
        max-width: 500px;
        margin-left: auto;
        margin-right: auto;
        float: none;
    }
    .photo-detail-box {
        width: 100%;
    }
    .photo-detail-box .text-box-01 h2 br {
        display: none;
    }
    .photo-detail-box .text-box-01 {
        min-height: auto;
        padding-bottom: 0px;
    }
    .form-box-contact {
        width: 90%;
    }
    .table-box tbody tr> :first-child {
        padding: 10px;
    }
    .table-box td {
        padding: 20px 4% 20px 4% !important;
        font-size: 13px;
    }
    .table-box tbody tr> :first-child {
        font-size: 14px;
    }
    .filiter-row-top ul li {
        width: 24%;
    }
    .page-filiter .page-count-drop {
        width: 35%;
    }
    .our-location-main>ul>li {
        width: 48%;
    }
    .list-box li .txt-box-01 h5 {
        font-size: 14px;
        line-height: 19px !important;
    }
    .news-detail-text-box {
        margin-top: -81px;
    }
    .page-filiter .page-count-drop {
        width: 100%;
        padding-top: 15px;
    }
    .bot-sec .box-02-d2 .totlal-box-01 {
        width: 89%;
    }
    .bot-sec .box-03-d2 {
        width: 59%;
    }
    .accordian-02 .smk_accordion .accordion_in h4 {
        font-size: 26px;
        padding-right: 50px;
    }
    .accordian-02 .smk_accordion .accordion_in .acc_head {
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .project-detail-list li .about-bot-txt-box {
        width: 100%;
        padding-top: 0px;
    }
    .project-detail-list li .about-bot-img-box {
        width: 100%;
        text-align: center;
    }
    .about-bot-img-box.imag-hover-02 {
        padding: 6%;
    }
    .about-bot-img-box.imag-hover-02 img {
        width: 100%;
    }
    .project-detail-list li .about-bot-txt-box p {
        min-height: auto;
    }
    .project-detail-list li {
        margin-bottom: 35px;
    }
    .tab-bar .wrapper-02 ul li {
        display: inline-block;
        vertical-align: middle;
        margin-bottom: 6px !important;
        margin-top: 6px !important;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }
    .tab-bar .wrapper-02 ul {
        /* white-space: nowrap; */
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
        border-radius: 0 0 3px 3px;
        margin-right: 0%;
        margin-left: 0%;
    }
    .donate-or-main ul li h4 {
        font-size: 15px;
    }
    .tab-bar .wrapper-02 ul li a {
        padding: 8px 6px 8px 6px;
        font-size: 13px;
    }
    .emagazin-list li h3 {
        margin: 10px 0px 5px 0px;
    }
    h3 {
        font-size: 28px;
        line-height: 30px;
    }
    .news-detail-info .info-box {
        width: 100%;
        padding-bottom: 10px;
        margin-left: -15px;
        margin-right: -15px;
    }
    .share-box {
        float: none;
        width: 100%;
    }
    .news-detail-info .share-box {
        padding-bottom: 15px;
    }
    .col-box-row>ul>li .text-box-cl h3 {
        font-size: 17px;
        line-height: 22px;
    }
    .donate-box-out .col-box-row ul li .donate-box-02 ul li {
        font-size: 13px;
    }
    .location-lable {
        width: 100%;
        margin-top: 30px;
    }
    .our-location-main>ul>li h5 {
        font-size: 14px;
    }
    .thankyou-message {
        padding-left: 5%;
        padding-right: 5%;
    }
    .portal-left-box:after {
        top: -36px;
        height: 36px;
    }
    .portal-left-box {
        width: 32%;
        margin: 0%;
    }
    .portal-left-box ul li a {
        font-size: 11px;
    }
    .portal-right-box-main {
        width: 68%;
        padding: 0% 2% 0% 2%;
    }
    .col-box-row>ul>li {
        width: 48%;
        margin-bottom: 20px;
    }
    .inner-banner-02 .portal-right-hed {
        width: 40%;
    }
    .inner-banner-02 .portal-left-hed {
        width: 60%;
    }
    .portal-right-box-main .table-box tbody tr> :first-child {
        font-size: 12px;
    }
    .portal-right-box-main .table-box td,
    .portal-right-box-main .table-box thead th {
        font-size: 12px;
    }
    .table-search-bar ul li {
        width: 50%;
        margin-bottom: 10px;
        border-right: none;
    }
    .table-search-bar ul> :last-child {
        width: 100%;
    }
    .page-count-drop .icon {
        top: 30px;
    }
    .order-history .page-count-drop {
        margin-left: 0%;
    }
    .title-row-form .info-title {
        width: 100%;
    }
    .title-row-form .title-txt-01 {
        width: 100%;
    }
    .title-row-form .info-title img {
        width: 15%;
        margin-right: 0%;
    }
    .title-row-form .info-title {
        flex-wrap: wrap;
        justify-content: center;
    }
    .title-row-form .info-title h2 {
        width: 100%;
        text-align: center;
        margin-top: 5px;
    }
    /*.portal-right-box .max-width-04{}*/
    .form-box-contact ul>li.form-hlf {
        width: 100%;
    }
    .form-box-contact.pt-60 {
        padding-top: 35px;
    }
    .portal-right-box.mb-120 {
        margin-bottom: 80px;
    }
    .portal-right-box-main .page-filiter .but-04 {
        float: left;
    }
    .form-box-contact ul>li .upload-box.upload-box-02 {
        width: 100%;
    }
    /*----new-----------*/
    .tab-bar .wrapper-02 ul li a {
        font-size: 12px;
    }
    .tab-bar .wrapper-02>ul>li .but-02 {
        font-size: 11px;
    }
    .border-bottom .but-04 {
        min-width: 100px;
    }
    .top-block-right h3 {
        margin-left: 0%;
    }
    .top-block-right {
        width: 56%;
    }
    .top-block-left {
        width: 42%;
    }
    .cart-box li.title-box span {
        font-size: 20px;
    }
    .cart-box li.title-box h4 {
        font-size: 14px;
    }
    .cart-box li.but-box a {
        font-size: 12px;
    }
    .panel {
        margin-left: 1%;
        margin-right: 1%;
        width: 98%;
    }
    .donate-coupons-main .coupon-list li h2 {
        font-size: 30px;
    }
    .donate-coupons-main .coupon-list li .amoubnt-box h2 {
        font-size: 30px;
    }
    .donate-coupons-main .coupon-list li .amoubnt-box {
        width: 100%;
    }
    .donate-coupons-main .coupon-list li .but-box {
        width: 100%;
    }
    .month-title-box h2 {
        font-size: 23px;
        line-height: 28px;
    }
    .price-row-03 h3 {
        font-size: 35px;
    }
    .price-row-03 h2 {
        font-size: 28px;
    }
    .price-row-02 ul li {
        width: 33%;
    }
    .total-box>ul>li>ul>li h3 {
        font-size: 40px;
    }
    .total-box>ul>li>ul>li h3 span {
        font-size: 16px;
    }
    .total-box>ul>li>ul>li h2 {
        font-size: 20px;
        line-height: 25px;
    }
    .sign-up-sec {
        min-height: 400px !important;
    }
    .rtl .top-bar .top-right-box ul> :last-child {
        padding-right: 15px !important;
    }
    .location-lable ul li {
        width: 25%
    }
    ._profile_detail li {
        width: 45%;
    }
    .e-donation-detail .about-bot-img-box {
        padding: 0px !important;
    }
}

.sliding-pannel-02 .more-pannel ul li {
    width: 18%;
}

.sliding-pannel-02 .more-pannel ul {
    margin-left: 0px;
    margin-right: 0px;
}

.more-pannel h4 {
    padding-left: 0px !important;
}

.flash-alert-container {
    z-index: 999 !important;
}

.contact-lay {
    position: relative;
}

.new-donate-list {
    margin: 0px -2%;
    padding: 0px;
    display: flex;
    flex-wrap: wrap;
}

.new-donate-list li {
    list-style: none;
    width: 50% !important;
    margin: 0px !important;
    padding: 0px 2% !important;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.new-donate-list li a {
    text-decoration: none;
    width: 100%;
    margin-bottom: 10px;
    display: block;
}

.new-donate-list li a:hover {
    color: #13623b;
}

.new-donate-list li .fld-01 {
    height: 45px;
}

.new-donate-main>li {
    background: #fff;
    padding: 1.5% !important;
    border: 1px solid #619479;
    border-radius: 20px;
}

.rtl .min-height-a1 h2 {
    font-size: 21px;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


/* .new-donate-main {
    display: flex;
    flex-wrap: wrap;
} */

.rtl .new-donate-list {
    margin: 0px -2%;
    padding: 0px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: inherit;
}

.epay-txt {
    margin-bottom: auto;
    width: 100%;
}

.discription-txt p {
    font-size: 11px;
}

.epay-txt p {
    font-size: 13px;
    line-height: 15px;
    display: flex;
    flex-wrap: wrap;
}

.epay-txt p a {
    color: #13623b;
    text-decoration: none;
    margin-top: 0px;
    /* margin-left: auto; */
    margin-bottom: 20px;
    width: auto;
    margin-left: auto;
}

button[disabled] {
    cursor: not-allowed !important;
}

.rtl .epay-txt p a {
    margin-right: auto;
    margin-left: 0px;
}

.txt-span {
    width: 70%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.min-height-a1 {
    min-height: 76px;
}


/* .rtl .epay-txt p a {
    margin-left: 0;
    margin-right: auto;
} */

.discription-txt {
    margin-top: auto;
}

.e-donation-detail .about-bot-img-box {
    max-width: 520px;
    margin-left: auto;
    margin-bottom: 25px;
    margin-right: auto
}

.e-donation-detail p {
    font-size: 13px;
    margin-bottom: 25px;
    max-width: 485px;
}

@media only screen and (max-width: 767px) {
    .main-banner-sec h1 {
        margin-bottom: 10px !important;
    }
    .location-map-filter li {
        font-size: 14px;
    }
    .inner-header .nav-box>ul>li>a {
        margin-top: 5px;
    }
    .button_container.active {
        margin-top: 32px;
    }
    .nav-box .lr-box ul li a {
        line-height: 0px;
    }
    header.sticky .nav-box {
        padding-bottom: 0px !important;
    }
    .v-tab-link .menu-togle {
        display: flex !important;
    }
    .nav-box>ul> :nth-child(2) a {
        align-items: center;
    }
    .inner-header .button_container .menu-bur {
        margin-top: -31px;
    }
    .project-report-boxmain>ul>li h3 .sub-txt,
    .project-report-boxmain h3 {
        font-size: 15px;
    }
    .project-report-boxmain>ul>li .counter {
        font-size: 35px;
    }
    .txt-cl-01.txt-cl-01A {
        width: 100% !important;
        column-gap: 0px;
        column-count: 1;
    }
    /* .map-marker.dubai-branch .mobile-location-text {
        width: 61px;
    } */
    .map-marker.dubai-branch {
        right: 76px;
    }
    .map-marker.dubai-branch .pointer-box img {
        right: -18px;
    }
    .rtl .sign-up-sec .map-box-sign-up {
        float: left !important;
    }
    .map-marker .mob-show {
        /* width: 0px !important; */
        padding: 0px !important; width: auto;}
 .pointer-box.mob-show{   box-sizing: content-box; border-top: solid 2px #fff !important;  border-bottom: solid 2px #fff !important;  border-left: solid 9px #fff !important; border-right: solid 9px #fff !important;  }

 .rtl .map-marker.fujairah-branch{width: auto !important;}

    /* .mobile-location-text {
        
        min-width: 39px;
        padding: 2px 5px 2px 5px;
        -webkit-border-radius: 50px;
        background: #fff;
        border-radius: 50px;
        font-size: 9px;
        
        text-align: center;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    } */
    /* .pointer-box.mob-show{ position: absolute; left: -32px;} */






    #consolPopup img {
        width: 100%;
    }
    .donate-kid .staticBox :nth-child(6) img {
        width: 50%;
    }
    .donate-kid .staticBox :nth-child(7) img {
        width: 50%;
    }
    .donate-kid .staticBox :nth-child(5) img {
        width: 50%;
    }
    .btn-notice-agree .but-04 {
        min-width: 110px;
        text-align: center !important;
    }
    .coupon-cl-02 hr {
        margin-top: 3px;
        margin-bottom: 3px;
    }
    .our-location-main .p_alert {
        float: left;
        width: 100%;
        margin-top: 10px;
    }
    .slick-slide {
        margin: 0px 20px;
    }
    .panel.clearfix .but-row-02 h3 {
        margin-bottom: 10px;
    }
    .rtl .top-block-right h3 {
        text-align: center;
    }
    .panel .cart-box {
        margin-bottom: 10px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .panel .cart-box li.but-box {
        width: auto;
        margin-left: 10px;
        margin-right: 10px;
        margin-top: 10px;
    }
    .panel .cart-box li.quantity-box {
        padding-left: 0%;
        margin-top: 10px;
    }
    .panel .cart-box li .photo-frame {
        padding: 2%;
    }
    .donate-box-main h2 span {
        background: transparent;
    }
    .vission-main ul li {
        background-position: 1px 5px
    }
    .rtl .vission-main ul li {
        background-position: right 5px
    }
    .donate-fld .ffl-wrapper .ffl-label {
        font-size: 13px;
        top: 12px;
    }
    ._profile_detail> :first-child {
        width: 100% !important;
    }
    ._profile_detail> :last-child {
        width: 100% !important;
    }
    .CaptionCont.SelectBox {
        font-size: 11px !important;
    }
    .photo-detail-box {
        margin-bottom: 25px;
    }
    .fixed-nav.clearfix.bg-white {
        position: inherit;
    }
    .main-banner-sec .swiper-slide {
        padding: 28% ​15px 15px 15p;
    }
    .photo-detail-box .text-box-02 .price-box {
        height: 40px;
        width: 100%;
    }
    .photo-detail-box .text-box-02 .price-box .but-03 {
        height: 40px;
        line-height: 40px;
    }
    .photo-detail-box .text-box-02 .price-box h4 {
        height: 40px;
        line-height: 40px;
    }
    .photo-detail-box .text-box-02 form {
        position: relative;
        padding-top: 35px;
    }
    .photo-detail-box .text-box-02 .strick-price {
        width: 100%;
        text-align: center;
        position: absolute;
        top: -10px;
        left: 0px;
    }
    .photo-detail-box .text-box-01 h2 {
        line-height: 20px;
    }
    .sign-up-sec .sign-up-div h3 {
        line-height: 20px;
    }
    .mob-show {
        display: block
    }
    .desk-show {
        display: none;
    }
    .dubai-branch {
        right: -2%;
    }
    .loc-6 {
        top: 57%;
    }
    .sign-up-sec {
        min-height: 300px;
    }
    .tooltip__content {
        display: none !important
    }
    .pointer-box {
        padding: 5px 8% 3px 25%;
    }
    .sign-up-sec .map-box-sign-up .map-marker {
        max-width: 80px;
    }
    .sign-up-sec .map-box-sign-up .map-marker {
        font-size: 10px;
    }
    .about-bottom-txt li {
        width: 100%;
        margin-bottom: 10px
    }
    .top-bar .top-right-box ul li .icon-radio {
        padding-right: 0px !important
    }
    .sign-up-sec .sign-up-div ul li .but-01 {
        height: 45px !important;
        line-height: 45px !important
    }
    .accordion_01 h4 {
        font-size: 25px;
        line-height: 30px;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .directors-sec ul li {
        margin-bottom: 10px
    }
    .top-bar .top-right-box ul li a {
        font-size: 11px;
    }
    .top-bar .top-right-box ul li .icon-enter,
    .top-bar .top-right-box ul li .icon-radio {
        font-size: 17px;
    }
    .top-bar .top-right-box ul> :last-child {
        padding-left: 15px;
    }
    .top-bar .top-right-box ul li .icon-enter {
        padding-right: 3px;
    }
    .top-bar .top-right-box {
        padding: 7px 0px 7px 0px;
    }
    .top-bar .top-right-box ul li p {
        display: none;
    }
    .top-bar .top-right-box ul li {
        padding: 0px 6px 0px 6px;
    }
    .rtl .top-bar .top-right-box ul> :last-child {
        padding-right: 5px !important;
    }
    .but-01,
    .but-02,
    .but-04 {
        /* font-size: 8px ; */
        height: 45px;
    }
    .top-right-box {
        width: 75%;
    }
    .logo-box {
        position: absolute;
        top: 6px;
        margin-top: 0px;
    }
    .project-report-boxmain>ul>li {
        width: 50% !important;
        margin-right: 0% !important;
        margin-left: 0% !important;
    }
    /* .project-report-boxmain>ul> :nth-child(4) {
        border-bottom: solid 1px #d7e2dc;
    } */
    .main-banner-sec h1 {
        font-size: 45px;
        line-height: 45px;
    }
    .main-banner-sec p {
        font-size: 13px;
        line-height: 20px;
        margin: 0px;
    }
    .main-banner-sec .but-02 {
        height: 44px;
        line-height: 46px;
        font-size: 11px;
    }
    /* .top-bar .top-right-box ul> :nth-child(1) {
        display: block;
    } */
    .top-bar .top-right-box ul> :nth-child(1) a {
        font-size: 13px;
    }
    .footer-bottom-row .footer-bt-cl-01 {
        width: 100%;
    }
    .footer-bt-cl-03 img {
        width: 100% !important;
    }
    .logo-box {
        width: 19%;
    }
    .main-banner-sec .tp-banner-container {
        height: 200px;
    }
    .nav-box {
        margin-top: 0px;
    }
    .nav-box>ul> :nth-child(1) {
        display: none;
    }
    /* .nav-box>ul> :nth-child(2) {
        display: none;
    } */
    .main-banner-sec .tp-caption {
        padding-top: 50px !important;
    }
    .home-sec-01 .wrapper {
        min-height: 300px;
    }
    .home-sec-01 .wrapper .element-02,
    .home-sec-01 .wrapper .element-02.p4 {
        width: 15%;
    }
    .home-sec-01 .wrapper .text-box-01 img {
        width: 50%;
        height: auto !important;
    }
    .home-sec-01 .wrapper .text-box-01 h4 {
        font-size: 11px;
        line-height: 11px;
    }
    .project-report-boxmain>ul>li {
        width: 50%;
    }
    /*.project-report-boxmain > ul > :nth-child(5), .project-report-boxmain > ul > :nth-child(6){border-bottom: solid 1px #d7e2dc;}*/
    .home-img-box img {
        width: 90%;
    }
    .donate-box-main h2 {
        font-size: 14px;
        line-height: 16px;
    }
    .donate-box-main h2 br {
        display: none;
    }
    .donate-box-main h2 span {
        padding: 0px;
    }
    .donate-box-main h2 {
        margin-top: 25px;
        margin-bottom: 15px;
        padding-left: 5%;
        padding-right: 5%;
    }
    .donate-box-main h3,
    .project-report-boxmain h3 {
        font-size: 24px;
        line-height: 26px;
    }
    .donate-box-main .donate-fld>li {
        width: 100% !important;
        margin: 0px 0px 15px 0px !important;
    }
    .CaptionCont.SelectBox {
        padding: 15px 14% 15px 8%;
    }
    .donate-box-main .donate-fld {
        bottom: initial;
    }
    .donate-box-main h3 {
        margin-bottom: 20px;
    }
    .donate-box-main {
        padding-bottom: 15px;
    }
    .project-report-boxmain {
        padding-top: 45px;
    }
    .project-report-boxmain>ul {
        margin-top: 5px;
    }
    .project-report-boxmain>ul>li h3 {
        font-size: 35px;
        line-height: inherit;
    }
    .slick-slide {
        margin: 0px 18px;
    }
    /* .slick-current {
        transform: scale(1);
        -webkit-transform: scale(1);
    } */
    /* .home-project-slider .slide-txt-box-main p,
    .home-project-slider .slide-txt-box-main .but-02 {
        opacity: 1;
    } */
    .home-project-slider .wrapper-02 {
        padding: 0px 0px 0px 0px;
    }
    .home-project-slider .slick-dots {
        display: none !important;
    }
    .home-project-slider .slide-txt-box-main h2 {
        font-size: 13px;
        line-height: 15px;
        margin-bottom: 5px;
    }
    .home-project-slider {
        padding-top: 110px;
    }
    .home-project-slider .slick-current.slick-active.slick-center p {
        font-size: 9px;
        line-height: 10px;
        margin-bottom: 10px;
    }
    .home-project-slider .slide-txt-box-main p {
        line-height: 10px;
    }
    .home-project-slider .wrapper-02 {
        overflow: visible;
    }
    .home-project-slider .slide-txt-box-main .but-02 {
        padding: 0px 10px 0px 10px;
        height: 20px;
        line-height: 20px;
        font-size: 6px;
    }
    .sign-up-sec .map-box-sign-up {
        width: 85%;
        padding-bottom: 30px;
    }
    .sign-up-sec .sign-up-div {
        width: 100%;
    }
    .sign-up-sec {
        padding: 50px 0px 100px 0px;
    }
    .sign-up-sec .sign-up-div ul> :nth-child(1) {
        width: 100%;
        padding-right: 0%;
        margin-bottom: 10px;
    }
    .sign-up-sec .sign-up-div ul> :nth-child(2) {
        width: 100%;
    }
    footer .footer-row-01 .footer-cl-01 {
        width: 100%;
        padding-right: 0%;
        padding-bottom: 25px;
    }
    footer .footer-row-01 .footer-form-box {
        width: 100%;
    }
    .footer-bt-cl-02 {
        width: 80% !important;
    }
    .footer-bottom-row .footer-bt-cl-03 img {
        bottom: 0px;
    }
    .footer-bt-cl-02 {
        width: 60% !important;
    }
    footer .footer-row-01 .footer-form-box ul li {
        width: 100% !important;
    }
    footer .footer-row-01 .form-cl-01 {
        width: 100%;
    }
    footer .footer-row-01 .form-cl-02 {
        width: 100%;
    }
    footer h5,
    footer h4 {
        margin-bottom: 5px;
        font-size: 14px;
    }
    footer .footer-row-01 {
        padding-bottom: 8px;
    }
    footer .footer-row-01 .footer-cl-01 p {
        margin-bottom: 15px;
    }
    .overlay .menu-box-01 {
        width: 100%;
    }
    .overlay .menu-box-02 .phone-box {
        width: 100%;
    }
    .overlay .menu-box-02 {
        width: 100%;
    }
    footer {
        padding-top: 40px;
    }
    .element-01,
    .element-02,
    .element-03,
    .element-04,
    .element-05,
    .element-1,
    .element-2,
    .element-3,
    .element-4,
    .element-5,
    .element-6,
    .element-7,
    .element-8,
    .element-9,
    .element-10,
    .element-11 {
        position: initial !important;
        width: 28% !important;
        float: left;
        margin-top: 5px;
        margin-bottom: 5px;
        margin-left: 5px;
        margin-right: 5px;
    }
    .home-sec-01 .text-box-01 {
        text-align: center;
    }
    .home-sec-01 .text-box-01 h4 {
        font-size: 9px !important;
    }
    .home-sec-01 .wrapper {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
    }
    .home-sec-01 .wrapper .text-box-01 h4 {
        width: 100%;
    }
    /* .open-menu-itm {
        display: none !important;
    } */
    .overlay.open {
        padding-top: 104px;
        overflow-y: scroll;
    }
    .overlay .wrapper-02 {
        height: auto;
    }
    .overlay nav ul li a {
        font-size: 13px;
    }
    .overlay .menu-box-01 .over-view-box p {
        font-size: 12px;
        padding-right: 0%;
        max-width: 100%;
        line-height: 18px;
    }
    .overlay nav ul li a span {
        font-size: 20px;
        top: 3px;
    }
    .overlay nav ul li {
        min-height: initial;
    }
    .overlay .menu-box-01 .nav-box-02 ul {
        margin-top: 10px;
    }
    .overlay .menu-box-01 .nav-box-02 ul li {
        padding-bottom: 7px;
        width: 100%;
        padding-right: 0px;
    }
    .menu-box-02 h4 {
        margin-bottom: 10px !important;
    }
    .menu-box-02 {
        border-top: solid 1px #9ab97c;
        margin-top: 10px;
        padding-top: 15px;
    }
    .phone-box li .phone-cl01,
    .phone-box li .phone-cl02 {
        font-size: 13px;
    }
    .overlay .menu-box-01 .over-view-box h3 {
        font-size: 22px;
        margin-bottom: 10px;
    }
    .overlay .menu-box-02 .phone-box {
        margin-bottom: 10px;
        padding-bottom: 10px;
        border-bottom: solid 1px #9ab97c;
    }
    .overlay .menu-box-01 .nav-box-01 {
        width: 46%;
    }
    .overlay .menu-box-01 .nav-box-02 {
        width: 54%;
    }
    .overlay .menu-box-01 .nav-box-02 ul li a span {
        font-size: 10px;
        display: none;
    }
    .home-sec-01 {
        padding-top: 45px;
        padding-bottom: 45px;
    }
    .sign-up-sec .map-box-sign-up .map-marker img {
        width: 27px;
        left: 0px;
        top: -10px;
    }
    .fld-01 {
        font-size: 13px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .fld-02 {
        font-size: 13px;
    }
    .project-report-boxmain>ul>li p {
        font-size: 11px;
    }
    .project-report-boxmain>ul>li h3 .sub-txt {
        font-size: 19px;
    }
    .main-banner-sec .banner-social-links {
        display: none;
    }
    h3 {
        font-size: 25px;
    }
    .about-txt-row h4 {
        font-size: 18px;
    }
    .list-box li {
        width: 100%;
    }
    .list-box {
        margin: 20px 0px 10px 0px;
    }
    .list-box li .txt-box-01 h5 {
        font-size: 16px;
        margin-bottom: 15px;
        margin-bottom: 12px !important;
    }
    .about-bottom-txt .about-bot-img-box {
        width: 100%;
    }
    .about-bottom-txt .about-bot-txt-box {
        width: 100%;
    }
    .but-03 {
        height: 40px;
        line-height: 40px;
        font-size: 11px;
    }
    .filiter-box ul li {
        width: 31%;
    }
    .filiter-box ul li .photo-txt-box h5 {
        margin-bottom: 12px;
    }
    /* .filiter-box ul li .photo-txt-box h4 {
        margin-bottom: 14px;
    } */
    .filiter-box ul li .photo-txt-box h5 {
        padding-left: 10px;
        padding-right: 10px;
    }
    .cart-box li.title-box {
        width: 69%;
    }
    .cart-box li.price-box {
        width: 50%;
    }
    .cart-box li.quantity-box {
        width: 50%;
        text-align: right;
    }
    .cart-box li .fld-01 {
        width: 90%;
    }
    .form-box-contact {
        width: 100%;
    }
    .contact-left-box {
        width: 100%;
        padding-bottom: 25px;
    }
    .contact-right-box {
        width: 100%;
    }
    .pagination-box {
        padding-top: 15px;
    }
    .e-magazine .emagazin-list li {
        width: 50%;
        margin-bottom: 20px;
    }
    .pagination-box ul li a {
        width: 35px;
        height: 35px;
        line-height: 35px;
        font-size: 12px;
    }
    .filiter-row-top ul li {
        width: 100%;
        margin-bottom: 10px;
    }
    .page-filiter .page-count {
        width: 100%;
        margin-bottom: 10px;
    }
    .page-filiter .page-count-drop {
        width: 100%;
        margin-left: 0%;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }
    .filiter-row-top {
        border-top: solid 1px #b1b1b1;
        margin-top: 15px;
        padding-top: 15px;
        padding-bottom: 10px;
    }
    .table-box tbody tr> :first-child,
    .table-box td {
        font-size: 12px;
    }
    .gallery-main-video ul li {
        width: 48%;
        margin-bottom: 5px;
        margin-top: 5px;
    }
    .our-location-main>ul>li {
        width: 100%;
        padding: 5%;
    }
    .location-title {
        width: 100%;
        margin-bottom: 15px;
    }
    .location-lable ul li {
        font-size: 12px;
    }
    .location-lable {
        width: 100%;
    }
    .our-location-main>ul>li h5 {
        font-size: 13px;
        line-height: 18px;
    }
    .our-location-main>ul>li>ul>li>ul>li {
        font-size: 12px;
    }
    .media_centre .list-box li {
        margin-bottom: 30px;
        padding-bottom: 135px;
    }
    .media_centre .list-box .date-box {
        padding: 5px 11px 5px 10px;
        font-size: 11px;
    }
    .news-detail-text-box {
        margin-top: 0px;
    }
    .inner-banner.news-detail {
        height: 29vw;
        background-size: contain;
        background-repeat: no-repeat;
    }
    .news-detail-text-box {
        padding-top: 10px;
    }
    .news-detail-text-box h3 {
        line-height: 25px;
    }
    .news-detail-text-box ul li {
        font-size: 13px;
    }
    .accordian-02 .smk_accordion .accordion_in h4 {
        font-size: 16px;
        line-height: 17px;
    }
    .accordian-02 .acc_head ul li h5 {
        font-size: 15px;
    }
    .accordian-02 .tab-box-01 {
        width: 100%;
    }
    .accordian-02 .tab-box-02 {
        width: 100%;
    }
    .accordian-02 .acc_head ul> :first-child {
        width: 16%;
    }
    .accordian-02 .tab-box-02 ul li {
        width: 100%;
        padding: 5%;
    }
    .accordian-02 .tab-box-01 ul h5 {
        margin-bottom: 10px;
        font-size: 16px;
    }
    .accordian-02 .accordian-sub-row {
        margin-top: 10px;
    }
    .accordian-02 .smk_accordion .accordion_in .accordion_in {
        margin-bottom: 10px;
    }
    .bot-sec .box-02-d2 {
        width: 100%;
        text-align: center;
        padding: 0px;
        margin-bottom: 15px !important;
    }
    .bot-sec .box-02-d2 .totlal-box-01 {
        width: 100%;
    }
    .bot-sec .box-03-d2 {
        width: 100%;
    }
    .bot-sec .box-02-d2 .totlal-box-01 h4 {
        font-size: 32px;
    }
    .bot-sec .box-02-d2 .totlal-box-01 h4 span {
        font-size: 16px;
    }
    .bot-sec .box-03-d2 .but-04 {
        width: 100%;
    }
    .fld-01 {
        height: 45px;
        font-size: 13px;
    }
    .bot-sec .box-03-d2 .but-04 {
        height: 45px;
        line-height: 45px;
    }
    .project-detail-box-02 {
        width: 100%;
    }
    .project-detail-box-03 {
        width: 100%;
        padding-top: 10px;
    }
    .project-txt-row-01 .project-icn-box {
        width: 100%;
    }
    .project-detail-box-02 .project-icn-box {
        width: 113px;
    }
    .project-txt-row-01 .project-title-box {
        width: 100%;
    }
    .project-txt-row-01 .project-title-box h3 {
        font-size: 28px;
    }
    .project-detail-box-01 {
        padding: 6%;
    }
    .project-txt-row-01 {
        padding-bottom: 0px;
    }
    .project-detail-box-03 .CaptionCont.SelectBox {
        padding: 10px 14% 10px 8%;
    }
    .project-detail-box-01 {
        margin-bottom: 0px;
    }
    .project-detail-list li h2 {
        font-size: 19px;
        margin-bottom: 10px;
        line-height: 22px;
    }
    .urgent-case-box h3 {
        font-size: 22px;
        line-height: 26px;
    }
    .urgent-case-box {
        padding: 45px 6% 45px 6%;
    }
    .amount-box-row .amount-box {
        width: 100%;
        margin-bottom: 10px;
    }
    .amount-box-row .amount-box p {
        text-align: center;
    }
    .amount-box-row .amount-box h3 {
        text-align: center;
        font-size: 27px;
    }
    .cases-wrap {
        margin-top: 30px;
    }
    .amount-box-row {
        margin-bottom: 25px;
    }
    .cases-wrap .donate-sms {
        margin-top: 60px;
    }
    .cases-wrap .donate-sms h5 {
        font-size: 25px;
    }
    .zakat-box-wrap h4 {
        font-size: 15px;
        line-height: 22px;
        margin-bottom: 10px;
    }
    .zakat-box-wrap .form-box-contact .but-04 {
        width: 100%;
    }
    .zakat-box-wrap .form-box-contact .zakath-txt-box-right {
        width: 100%;
    }
    .zakat-box-wrap .form-box-contact {
        margin-bottom: 25px;
    }
    .thankyou-box .thankyou-message h4 {
        font-size: 12px;
    }
    .project-detail-list li .about-bot-txt-box .amount-box-row {
        margin-top: 30px !important;
        margin-bottom: 5px;
    }
    .project-detail-list li .about-bot-txt-box .but-03 {
        width: 100%;
    }
    .urgent-cases-row .about-bot-txt-box {
        padding-bottom: 35px !important;
    }
    .inner-header {
        padding-bottom: 5px;
    }
    .nav-box>ul>li {
        padding-left: 10px;
    }
    .thankyou-box .thankyou-message .thankyou-bot-box li p {
        font-size: 12px;
    }
    .nav-box img {
        width: 30px;
        padding-top: 0px;
    }
    .inner-banner {
        height: 150px;
    }
    .inner-banner h1 {
        font-size: 25px;
    }
    .open-menu {
        margin-top: 63px;
    }
    .filiter-box ul li .photo-txt-box h5 {
        font-size: 11px;
        line-height: 13px;
    }
    .tab-bar .wrapper-02 ul li a {
        font-size: 12px;
        padding: 10px 10px 10px 10px;
        background: #1b794b;
        color: #fff !important;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }
    .donate-or-main ul li {
        width: 48%;
        box-sizing: border-box;
        padding-bottom: 25px;
    }
    .donate-or-main ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    h3 {
        font-size: 20px !important;
    }
    /* .photo-detail-box .text-box-02 .price-box h4 {
        margin-bottom: 10px;
        height: 30px !important;
        line-height: 30px;
        font-size: 15px;
    } */
    .photo-detail-box .text-box-02 {
        justify-content: center;
    }
    .tab-bar .wrapper-02>ul {
        margin-left: 0px;
        margin-right: 0px;
    }
    .tab-bar .wrapper-02>ul>li {
        margin: 2px;
    }
    .tab-bar.search-row .wrapper-02>ul>li {
        width: 100%;
    }
    .tab-bar .wrapper-02 ul {
        flex-wrap: wrap;
    }
    .tab-bar .wrapper-02>ul>li .but-02 {
        width: 100%;
        height: 38px;
        line-height: 42px;
    }
    .tab-bar .wrapper-02 {
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .e-magazine>ul.resp-tabs-list {
        width: 100%;
        margin-right: -1%;
    }
    .e-magazine .magazine-search {
        width: 100%;
    }
    .e-magazine .resp-tabs-list li {
        width: 50%;
    }
    .e-magazine .resp-tabs-list li a {
        width: 100% !important;
        display: inline-block;
    }
    .e-magazine>ul.resp-tabs-list {
        margin-bottom: 10px !important;
    }
    .e-magazine .magazine-search {
        padding-bottom: 15px;
    }
    .e-magazine .emagazin-list li h3 {
        margin: 10px 0px 0px 0px;
        font-size: 15px !important;
    }
    .e-magazine .emagazin-list .number-magazin {
        padding: 7px 8% 6px 8%;
        font-size: 14px;
    }
    .gallery-main-img ul li {
        width: 50%;
    }
    .emagazin-list li h3 {
        font-size: 16px !important;
    }
    .magazine-search {
        width: 100%;
    }
    .donate-box-main .donate-fld .CaptionCont.SelectBox {
        height: 45px;
        padding: 10px 19% 10px 19%;
        padding: 10px 18% 10px 8%;
    }
    .sign-up-sec .sign-up-div ul li .fld-01 {
        background: #fff;
    }
    .about-top-img-box {
        padding-top: 55px;
    }
    .title-style h2 {
        font-size: 22px;
    }
    p {
        font-size: 13px;
        line-height: 17px;
    }
    /* .but-03, .but-04, .photo-detail-box .text-box-02 .price-box {
        font-size: 11px !important;
        height: 30px !important;
        line-height: 30px !important;
    } */
    /* .fld-01{height: 30px !important} */
    .project-txt-row-01 .project-title-box {
        padding: 17px 0px 0px 0px;
    }
    .sign-up-div .fld-01,
    .sign-up-div .fld-01 {
        height: 45px !important;
        line-height: 45px !important;
    }
    .sign-up-div .ffl-wrapper .ffl-label {
        font-size: 13px;
        top: 14px;
        left: 15px
    }
    .rtl .sign-up-div .ffl-wrapper .ffl-label {
        left: unset;
        right: 15px
    }
    .sign-up-div .ffl-wrapper.ffl-floated .ffl-label {
        top: 0px
    }
    .accordian-02 {
        margin-top: 10px;
    }
    .bot-sec .donate-box-02 .donate-bot-box-02 .box-02-d2 {
        margin-top: 25px;
    }
    .bot-sec .donate-box-02 {
        padding-right: 3%;
        padding-left: 3%;
    }
    .bot-sec .box-02-d2 .totlal-box-01 {
        padding: 3% 10% 2% 10%;
    }
    .donate-or-main ul {
        margin-top: 5px;
    }
    .donate-or-main h3 span {
        font-size: 28px;
    }
    .donate-or-main {
        padding-bottom: 0px;
    }
    .page-filiter .page-count-drop {
        padding-top: 0px;
        margin-bottom: 10px;
    }
    .accordian-02 .tab-box-02 .donate-txt-view {
        padding: 15px 0px 15px 0px;
    }
    .accordian-02 .tab-box-02 .donate-txt-view p {
        margin-bottom: 12px;
    }
    .accordian-02 .tab-box-02 ul li h5 {
        line-height: 17px;
        margin-bottom: 5px !important;
        font-size: 15px;
        max-width: 100%;
    }
    .amount-box-row-2 .amount-box-3 {
        width: 100%;
        padding-bottom: 0px;
    }
    .amount-box-row-2 .amount-box-3 .price-row-01 {
        width: 50%;
    }
    .amount-box-row-2 .chart-box {
        width: 100%;
        background: #fff;
        border-radius: 20px;
        padding: 15px;
    }
    .jumbo.donut-widget {
        margin: 0px auto 0px auto;
    }
    .search-fld a {
        background: transparent !important;
    }
    .filiter-box ul li .photo-frame {
        width: 80%;
        margin-top: 13px;
        margin-bottom: 13px;
    }
    .photo-detail-box .text-box-02>h4 {
        margin: 0px;
    }
    .filiter-box ul li {
        padding-bottom: 20px;
    }
    .list-box li .txt-box-01 p {
        padding-bottom: 20px !important;
        min-height: auto;
    }
    .news-detail-info .share-box {
        margin-left: -5px;
        margin-right: -5px;
    }
    .news .list-box li .txt-box-01 {
        min-height: auto;
    }
    .media_centre .list-box li .block-box {
        padding: 5%;
    }
    .news-detail-text-box .info-box li {
        font-size: 12px;
        padding: 3px 10px 3px 10px;
    }
    .news-detail-info .info-box {
        margin-left: -10px;
        margin-right: -10px;
    }
    .news-detail-text-box {
        padding: 25px 5% 25px 5%;
    }
    .pb-80 {
        padding-bottom: 40px !important;
    }
    .table-box {
        margin-top: 20px;
    }
    .but-02 {
        padding: 0% 15px 0% 15px;
        font-size: 11px;
        line-height: 40px;
    }
    .e-magazine .resp-tabs-list li .but-02 {
        line-height: 44px;
        padding: 0px;
        font-size: 11px;
    }
    .col-box-row>ul>li {
        width: 100% !important;
        margin-bottom: 15px;
        margin-left: 0px;
        margin-right: 0px;
    }
    .donate-box-out .col-box-row ul li p {
        margin-bottom: 15px;
    }
    .but-04 {
        line-height: 45px;
    }
    .contact-right-box .contact-block-01 {
        padding: 6%;
    }
    .contact-right-box .contact-block-01 p {
        margin-bottom: 15px;
    }
    .location-lable ul li span {
        display: block;
        width: 100%;
    }
    .location-lable {
        margin-top: 0px;
    }
    .inner-banner-location {
        height: 400px;
    }
    .zakat-box-wrap>h4 {
        padding-left: 3%;
        padding-right: 3%;
    }
    .bot-green-box {
        padding: 33px 0px 5px 0px;
    }
    .col-box-row>ul>li .text-box-cl {
        min-height: inherit;
        padding-bottom: 10px;
    }
    .col-box-row>ul>li .text-box-cl h3 {
        font-size: 16px !important;
        line-height: 17px;
    }
    .link-02 {
        font-size: 13px;
    }
    .my-credit h3 {
        font-size: 22px;
    }
    .portal-left-box {
        float: none;
        top: 0px;
        bottom: 0px;
        position: absolute;
        left: 0px;
        z-index: 10;
        width: 43px;
        overflow: hidden;
    }
    .portal-right-box-main {
        width: calc(100% - 43px);
    }
    .wrapper-02.flax {
        display: inherit;
    }
    .portal-left-box ul li a p {
        width: 0px;
        overflow: hidden;
        font-size: 11px;
        line-height: 12px;
    }
    .portal-left-box ul li a span {
        margin: 0px;
        width: 23px;
    }
    .portal-left-box ul li a {
        align-items: center;
        justify-content: center;
    }
    .portal-left-box.collapse {
        display: block;
        width: 150px;
        box-shadow: -60px 0px 100px -90px #000000, 60px 0px 100px -90px #000000;
    }
    .portal-left-box.collapse a {
        justify-content: left;
    }
    .portal-left-box.collapse a p {
        width: 95px;
        padding: 0px 10px 0px 10px;
    }
    .portal-left-box.collapse a p {
        font-size: 11px;
        line-height: 12px;
    }
    .portal-left-box ul {
        padding: 0px 10px 0px 10px;
    }
    .portal-right-box-main.disabled {
        opacity: 0.4 !important;
        position: relative;
    }
    .mob-credit {
        display: block;
    }
    .portal-left-box .my-credit {
        display: none;
    }
    .portal-right-box-main>.col-box-row {
        margin-left: 0%;
        margin-right: 0%;
    }
    .mob-credit h3 {
        font-size: 12px !important;
        background: #5c9429;
        display: inline-block;
        padding: 5px 10px 5px 10px;
        border-radius: 12px;
    }
    .mob-credit h3 span {
        font-size: 10px;
    }
    .mob-credit .my-credit {
        border-radius: 20px;
        margin-top: 0px;
        margin-bottom: 15px;
    }
    .mob-menu {
        background: #1f6b3e;
        display: block;
        width: 100%;
        padding: 6px;
    }
    .mob-menu svg {
        width: 25px;
        float: right;
    }
    .mob-menu {
        display: block;
    }
    .user-detail :last-child {
        display: none;
    }
    .inner-banner-02 .portal-left-hed ul li a {
        font-size: 11px;
    }
    .inner-banner-02 {
        padding: 45px 0px 50px 0px;
        padding: 20px 0px 15px 0px;
    }
    .inner-banner-02 .portal-right-hed {
        padding-top: 0px;
    }
    .inner-banner-02 h3 {
        line-height: 18px;
        font-size: 16px !important;
    }
    .inner-banner-02 .wrapper-02 {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        width: 100%;
    }
    .inner-banner-02 .portal-right-hed {
        width: 40%;
    }
    .inner-banner-02 .portal-left-hed {
        width: 59%;
    }
    .inner-banner-02 .portal-right-hed ul li .user-photo {
        margin-right: 0px;
        margin-left: 8px;
    }
    .portal-right-box-main {
        min-height: 450px;
    }
    .page-count-drop .icon {
        top: 15px;
    }
    .table-search-bar {
        margin-top: 10px;
    }
    .table-search-bar .CaptionCont.SelectBox {
        font-size: 12px;
    }
    .portal-right-box-main .table-box tbody tr> :first-child,
    .portal-right-box-main .table-box td,
    .portal-right-box-main .table-box thead th {
        font-size: 11px;
    }
    .table-box td {
        padding: 10px 4% 10px 4% !important;
    }
    .container.radio {
        font-size: 12px !important;
        margin-bottom: 0px !important;
    }
    .portal-right-box {
        padding-top: 10px;
        padding-bottom: 25px;
    }
    .portal-right-box.mb-120 {
        margin-bottom: 20px;
    }
    .portal-right-box-main .page-filiter h2 {
        font-size: 25px;
    }
    .but-6 {
        width: auto !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
        font-size: 9px !important;
    }
    .form-box-contact.pt-60 {
        padding-top: 15px;
    }
    .container-checkbox p {
        font-size: 12px;
    }
    .donate-kid ul li {
        padding-bottom: 10px;
    }
    .top-bar .top-right-box ul li a span {
        font-size: 20px;
    }
    .features .v-tabs .v-tab-head a {
        font-size: 15px;
        margin-right: 8px;
    }
    .rtl .features .v-tabs .v-tab-head a {
        margin-right: 0px;
        margin-left: 8px;
    }
    .overlay.open .nav-box-01 ul li {
        margin-bottom: 5px;
    }
    .overlay .menu-box-02 .phone-box li a {
        font-size: 14px;
    }
    .features .v-tabs .v-tab-pane .in {
        border: none !important;
    }
    header.menu-open .login-but {
        display: flex !important;
    }
    .ExpInput {
        width: 75%;
        height: 45px;
        font-size: 13px;
    }
    .search-box .but-01 {
        width: 15%;
        height: 45px;
    }
    .search-clos {
        font-size: 25px;
        margin-top: -20px;
    }
    .search-clos {
        right: 4%;
    }
    .Exp-serach.exp .wrapper {
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .Exp-serach.exp {
        height: 75px;
    }
    .phone-box li a {
        font-size: 12px;
    }
    .portal-left-box {
        left: inherit;
        right: 0px;
    }
    .portal-right-box-main {
        float: left;
    }
    .accordian-02 .smk_accordion .accordion_in h4 {
        padding-right: 0px;
        padding-left: 50px;
    }
    .dragBox {
        height: auto;
    }
    .donate-kid ul li {
        width: 46% !important;
    }
    .donate-kid .charity-box .text-box-donate h5 {
        font-size: 15px;
    }
    .donate-kid .charity-box .text-box-donate a {
        font-size: 12px;
    }
    .donate-kid ul {
        min-height: 450px;
    }
    .button_container {
        width: 35px;
        height: 35px;
    }
    .button_container.active span {
        top: 12px;
    }
    .nav-box>ul :nth-child(3) {
        padding-right: 13px;
    }
    .button_container.active .top {
        width: 25px;
    }
    .button_container.active span.bottom {
        width: 25px;
    }
    .button_container span {
        right: 2px;
    }
    .nav-box>ul :nth-child(3) {
        padding-right: 5px !important;
    }
    .button_container.active span.bottom {
        width: 26px !important;
    }
    .button_container.active span {
        top: 19px !important;
    }
    .button_container.active span {
        top: 10px !important;
    }
    .button_container.active span.bottom {
        top: 27px !important;
    }
    .button_container span {
        right: -5px !important;
    }
    .top-bar {
        margin-bottom: 10px;
    }
    .directors-sec ul li {
        width: 47%;
    }
    .directors-sec ul li h5 {
        font-size: 14px !important;
        line-height: 17px;
    }
    .directors-sec ul li h4 {
        font-size: 13px !important;
        line-height: 14px !important;
    }
    .chairman-message-main .chairman-img-main {
        width: 100%;
        margin-bottom: 35px;
    }
    .chairman-message-main .chairman-txt-main {
        width: 100%;
    }
    .chairman-message-main .chairman-txt-main h2 {
        font-size: 20px;
        line-height: 25px;
        margin-bottom: 15px;
    }
    .chairman-message-main .chairman-txt-main p {
        margin-bottom: 15px;
        font-size: 14px;
        line-height: 20px;
    }
    .partner-main li {
        width: 47%;
        margin-bottom: 15px;
    }
    .chairman-message-main .chairman-txt-main h2 {
        margin-bottom: 5px;
        font-size: 20px;
    }
    .quality ul li {
        font-size: 14px;
    }
    .quality h3 {
        margin-bottom: 10px;
    }
    .sponsor-left-box {
        width: 100%;
    }
    .sponsor-right-box {
        width: 100%;
        background: #d1e1e8;
    }
    .sponsor-cl-02 {
        width: 100%;
        margin-bottom: 15px;
    }
    .sponsor-cl-03 {
        width: 100%;
    }
    .sponser-cl-01,
    .sponser-cl-01 {
        padding: 25px 7% 25px 7%;
    }
    .sponser-cl-02 h3 {
        line-height: 20px;
        margin-bottom: 5px;
    }
    .sponser-cl-02 h4 {
        font-size: 14px;
        line-height: 19px;
    }
    /*---------new-----------*/
    .tab-bar .wrapper-02 ul li a {
        padding-left: 10px;
        padding-right: 10px;
        width: 100%;
    }
    .tab-bar .wrapper-02>ul>li .but-02 {
        padding-left: 10px;
        padding-right: 10px;
    }
    .tab-bar .but-02 {
        padding: 0px 2% 0px 2%;
        height: 28px;
        line-height: 28px;
    }
    .top-block-left {
        width: 100% !important;
        justify-content: center;
        flex-wrap: wrap;
    }
    .top-block-right {
        width: 100% !important;
        justify-content: center;
        flex-wrap: wrap;
    }
    .top-block-left h3,
    .top-block-right h3 {
        margin-bottom: 6px;
        text-align: center;
    }
    .fixed-nav.clearfix.bg-white .top-block-left {
        display: none;
    }
    .photo-txt-box .strick-price h5 {
        font-size: 13px;
    }
    .tab-bar.search-row .wrapper-02>ul>li .fld-01 {
        padding-left: 20px;
    }
    .tab-bar.search-row .wrapper-02 ul li a {
        width: 35px;
        right: 10px;
        left: inherit;
    }
    .CaptionCont.SelectBox {
        font-size: 12px;
    }
    .top-block-left {
        border-bottom: solid 1px #ccc;
        padding-bottom: 10px;
        margin-bottom: 10px;
    }
    .panel .pay-but {
        width: 100%;
        margin-top: 0px;
        margin: 0px 2% 0% 2%;
    }
    .cart-box li .fld-01 {
        max-width: 100%;
    }
    .cart-box li.but-box {
        width: 50%;
    }
    .cart-box {
        flex-wrap: wrap;
    }
    .panel>ul>li {
        padding-bottom: 10px;
        margin-bottom: 10px;
    }
    .donate-or-main.more-pannel ul li h4 {
        font-size: 14px;
    }
    .donate-or-main.more-pannel ul {
        padding: 4%;
    }
    .cart-box li.title-box h4 {
        font-size: 12px;
    }
    .cart-box li.title-box span {
        font-size: 16px;
    }
    .cart-box li.but-box a {
        margin-right: auto;
    }
    .cart-icn {
        width: 50px;
        height: 50px;
    }
    .border-bottom .but-04 {
        line-height: 35px;
        height: 35px;
        margin-bottom: 6px;
    }
    .plus-toggle>label {
        height: 30px;
        width: 30px;
        margin-top: -3px;
    }
    .plus-toggle>label:before {
        height: 17px;
    }
    .plus-toggle>label:after {
        width: 17px;
    }
    .photo-detail-box .text-box-02 .price-box .but-03 {
        width: 45%;
    }
    .tooltip .tooltip__content {
        left: inherit;
        margin-left: inherit !important;
    }
    .donate-coupons-main h2 {
        font-size: 25px;
    }
    .donate-coupons-main .coupon-list li {
        width: 100%;
        margin-bottom: 25px;
    }
    .donate-coupons-main .coupon-list li h2 {
        font-size: 19px;
    }
    .donate-coupons-main .coupon-list li .coupon-cl-02 {
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .donate-coupons-main .coupon-list li .amoubnt-box h2 {
        font-size: 20px;
    }
    .donate-coupons-main .coupon-list li .but-box .but-01 {
        height: 35px;
        line-height: 35px;
    }
    .donate-coupons-main {
        padding-top: 30px;
        padding-bottom: 30px !important;
    }
    .donate-coupons-main .coupon-list {
        margin-top: 15px;
    }
    .project-report-boxmain>ul>li h3 {
        width: 120px;
        height: 120px
    }
    .accordian-02 .tab-box-02 .donate-txt-view p {
        font-size: 13px;
        line-height: 20px;
    }
    .month-title-box h2 {
        width: 100%;
    }
    .month-title-box {
        justify-content: center;
    }
    .month-title-box h2 {
        text-align: center;
        margin-top: 10px;
        line-height: 18px;
        font-size: 16px;
    }
    .report-icon {
        width: 100px;
        height: 100px;
        overflow: hidden;
    }
    .report-icon img {
        max-width: 100%;
        padding: 15%;
    }
    .price-row-03 h2 {
        width: 100%;
        text-align: center;
    }
    .price-row-03 h3 {
        width: 100%;
        text-align: center;
        margin-bottom: 5px;
    }
    .price-row-03 h2 {
        font-size: 25px;
        margin: 0px;
    }
    .price-row-02 ul li {
        width: 50%;
    }
    .price-row-02 ul li h3 {
        line-height: 25px;
    }
    .price-row-02 ul li span {
        font-size: 14px;
        padding: 5px;
    }
    .price-row-03 {
        padding-bottom: 20px;
    }
    .month-title-box {
        margin-bottom: 20px;
    }
    .total-box>ul>li>ul>li,
    .total-box>ul>li>ul> :last-child {
        width: 100%;
        text-align: center;
        justify-content: center;
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .total-box>ul>li>ul>li h3 {
        width: 100%;
    }
    .total-box>ul>li {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .color-02 .price-row-02 ul li h4 {
        font-size: 16px;
    }
    .price-row-02 ul li h3 {
        line-height: 20px;
    }
    .price-row-03 h3 {
        font-size: 17px !important;
    }
    .price-row-02 ul li {
        min-height: 115px;
    }
    /* .map-box-sign-up {
        display: none;
    } */
    .location-lable ul {
        width: 100%;
    }
    .donation-sites-emirates {
        width: 100%;
        padding-top: 10px;
    }
    .location-lable ul> :first-child {
        width: 100%;
        margin-bottom: 15px;
        border-right: none;
    }
    .location-lable ul> :first-child .but-05.hvr-sweep-to-right {
        width: 100%;
        justify-content: center;
        margin-bottom: 5px;
    }
    .financial-search .repoty-top-left-box,
    .rtl .financial-search .repoty-top-right-box {
        width: 100% !important;
    }
    .sliding-pannel-02 .more-pannel ul li {
        width: 48% !important;
    }
    .panel.clearfix .cart-box li:not(.but-box) {
        width: 100% !important;
        text-align: center;
        padding-right: 0%;
    }
    .panel.clearfix .cart-box li.item-box .project-icn-box {
        margin: auto auto;
    }
    .sliding-pannel .but-row-02 {
        text-align: center;
    }
    .sliding-pannel .but-row-02 .but-03.pay-but {
        margin-bottom: 10px;
    }
    .sliding-pannel .but-row-02 h3 {
        width: 100%;
    }
    .chat-box {
        max-height: 83vh;
    }
    #chat-circle {
        width: 60px;
        height: 60px;
        bottom: 18px;
        right: 18px;
        padding: 16px;
    }
    .home-project-slider {
        margin-top: 25px
    }
    header.menu-open {
        background: #6da135 !important;
    }
    .project-detail-box-01 {
        margin-bottom: 30px !important;
    }
    .but-box-bot {
        padding: 0px 0px 15px 0px;
    }
    .project-txt-row-01 p {
        font-size: 14px;
        margin-top: 15px;
    }
    .vission-txt-box-main h2 {
        font-size: 26px;
    }
    .vission-txt-box-main {
        padding-bottom: 10px;
    }
    .vission-main ul li {
        line-height: 22px !important;
    }
    /* .inner-header.sticky .menu-bur {
        top: 4px;
    } */
    header.sticky .button_container {
        top: 0px !important;
    }
    .top-bar {
        margin-bottom: 4px;
    }
    header.sticky .nav-box {
        margin-bottom: 5px;
    }
    header.sticky .nav-box>ul {
        margin-bottom: 5px !important;
    }
    .fld-01.urgen-case-input-fld {
        width: 100% !important;
        margin-bottom: 10px;
    }
    .donate-kid .submit-row {
        padding: 110px 0px 13px 0px;
    }
    .donate-kid .submit-row .but-02 {
        margin-bottom: 10px;
    }
    .donate-kid .charity-box .text-box-donate {
        bottom: 13px;
    }
    .accordian-sub-row.clearfix .but-03 {
        width: 100% !important;
        margin-bottom: 10px;
    }
    .photo-detail-box .text-box-02 .but-03 {
        width: 100%;
        height: 40px;
        line-height: 40px !important;
    }
    .photo-detail-box .text-box-02 .price-box {
        margin-right: 0%;
        margin-bottom: 15px;
    }
    .export-row ul li {
        width: 48%
    }
    .export-row ul li .but-02 {
        width: 100%
    }
    .right-col {
        width: 100%
    }
    .sign-up-sec .map-box-sign-up .map-marker {
        max-width: inherit;
        width: auto;
        min-width: unset !important;
    }
    .map-marker.dubai-branch {
        min-width: unset !important;
    }
    .map-marker.hatta-branch {
        right: 5% !important;
    }
    .map-marker.al-lisali-branch {
        right:10% !important;
    }
    .fancy-mob-show .tooltip__content {
        display: block !important;
    }
    .fancy-mob-show .our-location-main>ul>li {
        width: 100% !important;
        padding-top: 5px;
        padding-bottom: 5px;
        border: none;
        padding: 0px;
    }
    .fancy-mob-show {
        padding: 4%;
    }
    .fancy-mob-show .our-location-main>ul>li>ul>li {
        width: 48% !important;
    }
    .fancy-mob-show .our-location-main>ul>li>ul {
        width: 100%;
    }
    .fancy-mob-show .fancybox-button {
        width: 20px;
        height: 20px;
        font-size: 13px;
        display: flex;
        flex-wrap: wrap;
        color: #ffffff;
        align-items: center;
        justify-content: center;
        -webkit-border-radius: 25px;
        border-radius: 25px;
        background: #1e693f;
        padding: 0px;
        top: 10px;
        right: 10px;
    }
    .rtl .fancy-mob-show .fancybox-button {
        right: unset !important;
        left: 10px !important;
    }
    .rtl .home-project-slider .slide-txt-box-main p {
        max-width: 56%;
        margin-left: auto;
        margin-right: auto;
    }
    .fancy-mob-show .close-but {
        display: none;
    }
    .fancy-mob-show ul li a {
        color: #000;
        text-decoration: none;
    }
    .fancy-mob-show ul li {
        padding-top: 0px !important;
        padding-bottom: 3px !important;
        margin-top: 0px !important;
        margin-bottom: 3px !important;
    }
    .fancy-mob-show .our-location-main {
        margin-top: 10px;
    }
    .home-project-slider .slide-txt-box-main p {
        max-width: 100%;
        display: block;
        /* or inline-block */
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: break-word;
        overflow: hidden;
        max-height: 4.5em;
    }
    .inner-header.sticky .active .menu-bur {
        margin-top: -3px !important;
    }
    .inner-header.sticky .button_container .menu-bur {
        margin-left: auto !important;
    }
    .button_container span {
        left: 0px;
    }
    .button_container span {
        top: 4px;
    }
    .button_container span:nth-of-type(3) {
        top: 23px;
    }
    .mob-credit h3 span {
        padding-right: 10px;
    }
    .rtl .mob-credit h3 span {
        padding-left: 10px;
    }
    .bubbles {
        min-height: auto;
    }
    .home-sec-01 .wrapper .element-2 {
        height: auto;
    }
    .project-report-boxmain h3,
    .project-report-boxmain>ul>li h3 .sub-txt {
        font-size: 17px !important;
    }
    .bubbles {
        padding-bottom: 0px !important;
    }
    .project-report-boxmain>ul>li h3 {
        font-size: 17px !important;
    }
    .home-sec-01 .wrapper .element-5 {
        width: auto;
        height: auto;
    }
    .bubbles.short {
        min-height: auto;
    }
    header.sticky .nav-box>ul>li>a {
        font-size: 13px !important;
    }
    header.sticky .nav-box>ul>li .icon-ui {
        font-size: 12px !important;
    }
    header.sticky .nav-box {
        margin-top: 0px !important;
    }
    header.sticky .logo-box {
        width: 19% !important;
        margin-top: 0px !important;
    }
    header.sticky .top-bar .top-right-box {
        padding: 7px 0px 7px 0px !important;
    }
    header.sticky .nav-box>ul {
        margin-bottom: 0px !important;
    }
    header.sticky .nav-box .inner-logo {
        width: 20px !important;
    }
    header.sticky {
        padding-bottom: 0px !important;
    }
    .main-banner-sec .swiper-slide {
        padding-top: 15%
    }
    .donate-but .but-02 {
        height: 20px;
        line-height: 20px;
        font-size: 7px;
        padding: 0% 10px 0% 10px;
    }
    .rtl .donate-but .but-02 {
        line-height: 18px;
    }
    .nav-box>ul> :nth-child(3) {
        width: 80px;
        padding-right: 0px;
    }
    .nav-box>ul>li>a {
        font-size: 13px;
    }
    .donate-but {
        padding: 0px;
    }
    .nav-box>ul {
        padding-bottom: 0px;
    }
    .menu-open .nav-box .open-menu-itm {
        width: 80px;
    }
    .inner-header.menu-open .open-menu-itm a.but-02 {
        border: none;
    }
    .menu-open .nav-box .open-menu-itm.lr-box {
        display: none;
    }
    .bnr-donate-but {
        font-size: 8px;
        height: 31px;
        bottom: 5%;
        padding-left: 10px;
    }
    .bnr-donate-but .don-icn {
        height: 9px;
        width: 25px;
    }
    .new-donate-main>li {
        border-radius: 10px;
    }
    .new-donate-main .imag-hover-02 {
        border-radius: 10px;
    }
    .new-donate-list li .fld-01 {
        height: 40px;
    }
    .new-donate-list li {
        width: 100% !important;
    }
    .new-donate-list li h2 {
        margin-top: 10px;
        font-size: 20px;
    }
    .new-donate-main>li {
        padding: 7% !important;
    }
    .nav-box ul li img {
        width: 20px !important;
    }
    .banner-inner-breadcrumbs li a {
        font-size: 12px;
    }
    .map-box-sign-up .but-01, .sign-up-sec .sign-up-div ul li .but-01{ font-size:13px !important;}

    .map-marker.rak-branch .pointer-box{width: auto;}
}

.map-marker.rak-branch {
    right: 7%;
    top: -10px;
    width: 4.2vw;
    z-index: 10;
}

.map-marker.rak-branch .pointer-box img {
    left: inherit;
    right: 0px;
}

.map-marker.rak-branch .pointer-box {
    text-align: right;
    padding-left: 8%;
    padding-right: 20%;
}

.map-marker.rak-branch .pointer-box {
    background: #ffffff;
    color: #000;
    border: none;
}

.map-rel img {
    width: 100%;
}

.map-marker.ajman-branch {
    left: inherit;
    right: 9%;
    top: 9%;
    width: 4.5vw;
    z-index: 20;
}

.map-marker.ajman-branch .pointer-box img {
    left: inherit;
    right: 0px;
}

.map-marker.ajman-branch .pointer-box {
    padding-left: 8%;
    padding-right: 30%;
    text-align: right;
    background: #ffffff;
    color: #000;
    border: none;
}

.map-marker.dubai-branch {
    left: inherit;
    right: 22%;
    top: 21%;
    min-width: 140px !important;
    z-index: 40;
}

.map-marker.dubai-branch .pointer-box img {
    left: inherit;
    right: 0px;
}

.map-marker.dubai-branch .pointer-box {
    padding: 7px 20px 7px 20px;
    text-align: right;
    background: #ffffff;
    color: #000;
    border: none;
}

.map-marker.al-awir-branch {
    left: inherit;
    right: 19%;
    top: 33%;
    width: 155px;
    z-index: 60;
}

.map-marker.al-awir-branch .pointer-box img {
    left: inherit;
    right: 0px;
}

.map-marker.al-awir-branch .pointer-box {
    /* padding: 7px 30% 7px 8%; */
    text-align: right;
}

.map-marker.al-awir-branch .pointer-box {
    background: #ffffff;
    color: #000;
    border: none;
}

.map-marker.barsha-branch {
    left: inherit;
    right: 35%;
    top: 47%;
    width: 5.5vw;
    z-index: 80;
}

.map-marker.barsha-branch .pointer-box img {
    left: inherit;
    right: 0px;
}

.map-marker.barsha-branch .pointer-box {
    padding: 7px 20% 7px 8%;
    text-align: right;
}

.map-marker.barsha-branch .pointer-box {
    background: #ffffff;
    color: #000;
    border: none;
}

.map-marker.fujairah-branch {
    left: 94%;
    top: 13%;
    width: 8.5vw;
    z-index: 30;
}

.map-marker.fujairah-branch .pointer-box {
    background: #ffffff;
    color: #000;
    border: none;
}

.map-marker.hatta-branch {
    left: inherit;
    right: -8%;
    top: 26%;
    width: 5.5vw;
    z-index: 50;
}

.map-marker.hatta-branch .pointer-box {
    background: #ffffff;
    color: #000;
    border: none;
}

.map-marker.al-lisali-branch {
    left: inherit;
    right: 1%;
    top: 42%;
    width: 6.5vw;
    top: 47%;
    z-index: 80;
}

.map-marker.al-lisali-branch .pointer-box {
    background: #ffffff;
    color: #000;
    border: none;
}

.rtl .location-map-filter {
    justify-content: flex-end;
}

.rtl .map-marker.fujairah-branch {
    width: 4.5vw;
}

.rtl .location-map-filter li {
    border-left: solid 1px #cbcbcb;
    border-right: none;
}

.rtl .location-map-filter :last-child {
    border-left: none !important;
}

.rtl #consolPopup img {
    width: 100%;
}

.e-pay-form :first-child input[value=""]~label {
    top: 14px !important;
    font-size: 12px;
}

.e-pay-form :first-child input~label {
    top: 2px !important;
    font-size: 10px;
}

.financial-search {
    display: flex;
    flex-wrap: wrap;
}

.financial-search .repoty-top-left-box {
    margin-right: auto;
    display: flex;
    flex-wrap: wrap;
}

.financial-search .repoty-top-right-box {
    margin-left: auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.financial-search .page-count-drop {
    position: relative;
}

.financial-search .repoty-top-left-box .formgoup-01 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.financial-search .formgoup-01 span {
    margin: 0px 10px;
}

.financial-search .repoty-top-left-box .formgoup-01 .fld-01 {
    height: 45px;
    background: #fff;
}

.repoty-top-right-box .formgoup-01 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.repoty-top-right-box .formgoup-01 span {
    font-size: 12px;
}

.repoty-top-right-box .formgoup-01 .SumoSelect {
    width: auto;
}

.repoty-top-right-box .search-but {
    margin-left: 10px;
    display: flex;
    font-size: 12px;
    width: 32px;
    height: 32px;
    background: #125d37;
    color: #fff;
    text-decoration: none;
    -webkit-border-radius: 100px;
    border-radius: 100px;
    align-items: center;
    justify-content: center;
}

.repoty-top-right-box .search-but:hover {
    background: #0d4e2e;
}

.rtl .repoty-top-right-box .search-but {
    margin-left: 0px;
    margin-right: 10px;
}

.financial-search {
    margin-bottom: 25px;
}

.financial-search .formgoup-01 span {
    font-size: 12px;
}

.rtl .zakat-box-wrap .form-box-contact .but-04 {
    color: #fff;
}

.rtl .donation-sites-emirates {
    margin-right: auto;
    margin-left: 0px;
}

.rtl .chat-box {
    right: inherit;
    left: 30px;
}

.page-filiter {
    position: relative;
    z-index: 99999;
}

.coupon-cl-02 .but-01 {
    font-size: 10px;
    margin-top: 10px;
    text-align: center;
    text-decoration: none;
    height: 35px;
    line-height: 35px;
}

.rtl #couponcart_Form .but-row-02 .but-04 {
    margin-left: 0px;
    margin-right: 20px;
}

.rtl .page-filiter img.icon {
    left: 36px;
}

.rtl .page-count .CaptionCont.SelectBox {
    background: #fff !important;
}

.rtl .table-search-bar ul li {
    float: right;
}

.table-box.table-03 thead th,
.table-box.table-03 tbody td {
    padding: 18px 1% 18px 1%;
}

.td-01 {
    width: 50%;
    color: #006400;
}

.td-02 {
    width: 25%;
}

.td-03 {
    width: 25%;
}

.fld-01.urgen-case-input-fld {
    width: calc(100% - 150px);
}

#DonationRequestForm label.error {
    position: absolute;
    left: 0px;
    bottom: -14px;
}

#DonationRequestForm .form-box-01 li {
    margin-bottom: 30px;
}

.bank-table {
    font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 100%;
}

.bank-table td,
.bank-table th {
    border: 1px solid #dddddd;
    text-align: left;
    padding: 8px;
    font-size: 13px;
}

.panel.clearfix .but-row-02 h3 {
    margin-right: 2%;
}

.e-magazine-topsearch {
    width: 100%;
    float: left;
    margin-bottom: 25px;
}

.e-magazine-topsearch .magazine-search {
    width: 27%;
}

.portal-right-box.align-center.clearfix .p_alert {
    float: left;
    width: 97%;
    margin: 0% 2% 0% 2%;
}

input.question+label,
textarea.question+label {
    display: block;
    position: relative;
    white-space: nowrap;
    padding: 0;
    margin: 0;
    transition: width 0.4s ease;
    height: 0px;
}


/* input.question:focus + label,
textarea.question:focus + label {
  width: 80%;
} */


/* input.question:focus,
input.question:valid {
  padding-top: 35px;
} */

textarea.question:valid,
textarea.question:focus {
    margin-top: 35px;
}

input.question:focus+label>span {
    top: -44px;
    font-size: 10px;
    color: #333;
    left: 15px;
}

textarea.question:focus+label>span,
textarea.question:valid+label>span {
    top: -50px;
    font-size: 22px;
    color: #333;
}


/* input.question:valid + label,
textarea.question:valid + label {
  border-color: green;
} */

input.question:invalid,
textarea.question:invalid {
    box-shadow: none;
}

input.question+label>span,
textarea.question+label>span {
    font-weight: 300;
    margin: 0;
    position: absolute;
    color: #8F8F8F;
    font-size: 13px;
    top: -30px;
    left: 30px;
    z-index: -1;
    -webkit-transition: top 0.2s ease, font-size 0.2s ease, color 0.2s ease;
    transition: top 0.2s ease, font-size 0.2s ease, color 0.2s ease;
}

input[type="submit"] {
    -webkit-transition: opacity 0.2s ease, background 0.2s ease;
    transition: opacity 0.2s ease, background 0.2s ease;
    display: block;
    opacity: 0;
    margin: 10px 0 0 0;
    padding: 10px;
    cursor: pointer;
}

input[type="submit"]:hover {
    background: #EEE;
}

input[type="submit"]:active {
    background: #999;
}

input.question:valid~input[type="submit"],
textarea.question:valid~input[type="submit"] {
    -webkit-animation: appear 1s forwards;
    animation: appear 1s forwards;
}

input.question:invalid~input[type="submit"],
textarea.question:invalid~input[type="submit"] {
    display: none;
}

@-webkit-keyframes appear {
    100% {
        opacity: 1;
    }
}

@keyframes appear {
    100% {
        opacity: 1;
    }
}

header.sticky {
    position: fixed !important;
    width: 100%;
    top: 0px;
    background: #fff;
    padding-bottom: 0px;
}

header.sticky .top-bar .top-right-box {
    padding: 5px 0px 5px 0px;
}

header.sticky .logo-box {
    width: 96px;
    margin-top: -20px;
}

header.sticky .nav-box .inner-logo {
    width: 31px;
}

header.sticky .nav-box {
    margin-top: 0px;
}

header.sticky .button_container {
    top: -1px;
}

header.sticky .nav-box>ul>li>a {
    font-size: 22px;
}

header.sticky .nav-box>ul>li .icon-ui {
    font-size: 15px;
    bottom: -4px;
}

header.white-header {
    background: #fff !important;
}

header.sticky .button_container.active {
    top: 1px !important;
    width: 40px;
    height: 40px;
}

header.sticky .button_container.active span.bottom {
    top: 30px;
}

header.sticky .button_container.active span {
    top: 14px;
}

.home .inner-header.sticky a,
.home .inner-header.sticky .nav-box>ul>li>a span {
    color: #000 !important;
}

.home .inner-header.sticky .home-logo {
    display: none !important
}

.home .inner-header.sticky .inner-logo {
    display: block !important;
}

@media only screen and (max-width: 500px) {
    .project-report-boxmain>ul>li h3 {
        font-size: 32px;
    }
    .project-report-boxmain>ul>li h3 .sub-txt {
        font-size: 15px;
    }
    .filiter-box ul li {
        width: 48%;
    }
    .photo-detail-box .text-box-02 .price-box .but-03 {
        width: 100%;
        position: inherit;
        margin-top: 5px;
    }
    .photo-detail-box .text-box-02 .price-box {
        padding-left: 0%;
        margin-right: 0px;
        text-align: center;
        width: 100%;
        margin-bottom: 55px;
    }
    .photo-detail-box {
        padding-top: 35px;
    }
    .photoslide .owl-stage-outer {
        margin-bottom: 20px;
    }
    .donate-or-main ul li {
        width: 50%;
    }
    .donate-or-main ul li h4 {
        font-size: 17px;
    }
    .thankyou-message .but-04 {
        width: 100%;
        margin-bottom: 10px;
    }
    .location-lable ul li {
        width: 25%;
    }
    .financial-search .repoty-top-left-box .formgoup-01 {
        width: 100%;
    }
    .financial-search .repoty-top-right-box .formgoup-01 {
        width: 100%;
    }
    .financial-search .page-count-drop {
        width: 100%;
    }
    .repoty-top-right-box .formgoup-01 .SumoSelect {
        width: 100%;
    }
    .repoty-top-right-box .search-but {
        width: 100%;
        -webkit-border-radius: 25px;
        border-radius: 25px;
        margin-top: 15px;
        height: 45px;
    }
    .financial-search .formgoup-01 {
        margin-bottom: 10px;
    }
}


/*! HTML5 Boilerplate v5.0 | MIT License | http://h5bp.com/ */

html {
    color: #000;
    font-size: 1em;
    line-height: 1.4;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

img {
    max-width: 100%;
}

html {
    --scrollbarBG: #fff;
    --thumbBG: #9bd043;
}

body::-webkit-scrollbar {
    width: 11px;
}

body {
    scrollbar-width: thin;
    scrollbar-color: var(--thumbBG) var(--scrollbarBG);
}

body::-webkit-scrollbar-track {
    background: var(--scrollbarBG);
}

body::-webkit-scrollbar-thumb {
    background-color: var(--thumbBG);
    border-radius: 6px;
    border: 3px solid var(--scrollbarBG);
}

p {
    font-size: 14px;
}

.align-center {
    text-align: center;
}

.flx-01 {
    display: flex;
    flex-wrap: wrap;
}

.sumo-select,
.SumoSelect {
    width: 100%;
}

.CaptionCont.SelectBox,
.SumoSelect>.CaptionCont>span,
.SumoSelect>.CaptionCont>label {
    cursor: pointer;
}

.CaptionCont.SelectBox {
    -webkit-border-radius: 100px;
    color: #484848;
    font-size: 16px;
    border-radius: 100px;
    border: solid 1px #b1b1b1;
    background: transparent;
    font-size: 14px;
    height: 44px;
    background: #FFFFFF;
    padding: 12px 25px 12px 25px;
    color: #000;
}

.SumoSelect>.CaptionCont>label>i {
    background: url(../images/drop-arrow-02.png) no-repeat center left;
    width: 25px;
}

.SumoSelect>.CaptionCont>label {
    width: 50px;
}

.SumoSelect.open>.optWrapper {
    top: 45px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
}

.SumoSelect>.optWrapper>.options li.opt {
    padding: 10px 25px 10px 25px !important;
    font-size: 14px;
}

.mt-10 {
    margin-top: 10px;
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

.flax {
    display: flex;
    flex-wrap: wrap;
}

h2 {
    font-family: "dubaiW23-Bold";
    font-size: 24px;
    margin: 0px;
    font-weight: inherit;
    color: #000;
}

h3 {
    font-size: 36px;
    font-family: "dubaiW23-Bold";
    color: #000;
    margin: 0px;
    letter-spacing: -1px;
    text-transform: uppercase;
}

.bg-05 {
    background: url(../images/bg-05.jpg) repeat center top;
}

.bg-gray {
    background-color: #e5e5e5 !important;
}

.bg-white {
    background: #FFFFFF;
}

.pt-1 {
    padding-top: 100px;
}

.pb-1 {
    padding-bottom: 100px;
}

.pb-60 {
    padding-bottom: 60px;
}

.pb-80 {
    padding-bottom: 80px;
}

.pb-40 {
    padding-bottom: 40px;
}

.pt-60 {
    padding-top: 60px;
}

.pt-2 {
    padding-top: 40px;
}

.mt-80 {
    margin-top: 80px !important;
}

.mt-80 {
    margin-top: 80px !important;
}

.mb-120 {
    margin-bottom: 120px;
}

.mt-15 {
    margin-top: 15px;
}

.fl {
    float: left !important;
}

.fr {
    float: right !important;
}

.pb-0 {
    padding-bottom: 0px !important;
}

.mb-0 {
    margin-bottom: 0px !important;
}

.pt-0 {
    padding-top: 0px !important;
}

.pr-25 {
    padding-right: 25px;
}

.buttion-disabled {
    background: #f0e9e9 !important;
    color: #fff !important;
}

.bg-02 {
    background: rgba(242, 243, 240, 0.7);
}

.et_pb_contact_form_label {
    display: block;
    color: black;
    font-weight: bold;
    letter-spacing: 1.2px;
    font-size: 18px;
}

input[id=et_pb_contact_brand_file_request_0] {
    display: none;
}

label[for=et_pb_contact_brand_file_request_0]:before {
    content: "Attach your file";
    position: absolute;
    color: #585858;
    font-size: 13px;
    font-family: "dubaiW23-Light";
    top: 28%;
    left: 25%;
}

label[for=et_pb_contact_brand_file_request_0] {
    background: #fff;
    height: 44px;
    width: 25%;
    background-image: url("../images/attach.svg");
    background-repeat: no-repeat;
    background-position: 13px center;
    border: solid 1px #cccccc;
    border-radius: 100px;
    width: 100%;
    background-size: 10%;
    color: transparent;
    margin: auto;
}

label[for=et_pb_contact_brand_request_0]:after {
    content: " (Provide link or Upload files if you already have guidelines)";
    font-size: 12px;
    letter-spacing: -0.31px;
    color: #7a7a7a;
    font-weight: normal;
}

label[for=et_pb_contact_design_request_0]:after {
    content: " (Provide link or Upload design files)";
    font-size: 12px;
    letter-spacing: -0.31px;
    color: #7a7a7a;
    font-weight: normal;
}

label[for=et_pb_contact_brand_file_request_0].changed,
label[for=et_pb_contact_brand_file_request_0]:hover {
    background-color: #e3f2fd;
}

label[for=et_pb_contact_brand_file_request_0] {
    cursor: pointer;
    transition: 400ms ease;
}

.file_names {
    display: block;
    color: black;
    left: 0;
    font-size: 13px;
    font-weight: 300;
    background: #98d1423b;
}

.upload-box {
    position: relative;
    margin-right: 10px;
}


/* The container */

.container-checkbox {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    user-select: none;
}


/* Hide the browser's default checkbox */

.container-checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}


/* Create a custom checkbox */

.container-checkbox .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 17px;
    width: 20px;
    background-color: #fff;
    border: solid 1px #cccccc;
    border-radius: 5px;
}


/* On mouse-over, add a grey background color */

.container-checkbox:hover input~.checkmark {
    background-color: #ccc;
}


/* When the checkbox is checked, add a blue background */

.container-checkbox input:checked~.checkmark {
    background-color: #fff;
}


/* Create the checkmark/indicator (hidden when not checked) */

.container-checkbox .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}


/* Show the checkmark when checked */

.container-checkbox input:checked~.checkmark:after {
    display: block;
}


/* Style the checkmark/indicator */

.container-checkbox .checkmark:after {
    left: 6px;
    top: 2px;
    width: 5px;
    height: 10px;
    border: solid #6aa534;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}


/* The container */

.container-radio {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    user-select: none;
}


/* Hide the browser's default radio button */

.container-radio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}


/* Create a custom radio button */

.container-radio .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
    border-radius: 50%;
}


/* On mouse-over, add a grey background color */

.container-radio:hover input~.checkmark {
    background-color: #ccc;
}


/* When the radio button is checked, add a blue background */

.container-radio input:checked~.checkmark {
    background-color: #2196F3;
}


/* Create the indicator (the dot/circle - hidden when not checked) */

.container-radio .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}


/* Show the indicator (dot/circle) when checked */

.container-radio input:checked~.checkmark:after {
    display: block;
}


/* Style the indicator (dot/circle) */

.container-radio .checkmark:after {
    top: 9px;
    left: 9px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: white;
}

.file-upload-wrapper {
    background: #fff;
    height: 44px;
    width: 25%;
    width: 100%;
    color: transparent;
    margin: auto;
    position: relative;
    width: 100%;
}

.file-upload-wrapper:after {
    content: attr(data-text);
    position: absolute;
    top: 0;
    left: 0;
    padding: 0px 0px 0px 12%;
    display: block;
    width: calc(100% - 40%);
    pointer-events: none;
    z-index: 20;
    height: 42px;
    line-height: 42px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 300;
    color: #585858;
    font-size: 13px;
    background-image: url("../images/attach.svg");
    background-repeat: no-repeat;
    background-position: 13px center;
    border: solid 1px #cccccc;
    border-radius: 100px;
    background-size: 17px;
}

.file-upload-wrapper:before {
    outline: none;
    text-transform: uppercase;
    font-family: "dubaiW23-Bold";
    overflow: hidden;
    font-family: "dubaiW23-Bold";
    text-transform: uppercase;
    color: #FFFFFF;
    text-decoration: none;
    font-size: 14px;
    border-radius: 50px;
    display: inline-block;
    line-height: 48px;
    text-align: center;
    height: 45px;
    padding: 0% 5% 0% 5%;
    background: #17633e;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #17633e 0%, #a3da42 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    /* IE6-9 */
    content: "Upload";
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    height: 42px;
    z-index: 25;
    width: 38%;
}

.file-upload-wrapper:hover:before {
    background: #2d612e;
}

.file-upload-wrapper input {
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99;
    margin: 0;
    padding: 0;
    display: block;
    cursor: pointer;
    width: 100%;
}

.select-outer {
    width: 15%;
}

@media only screen and (max-width: 768px) {
    .map-marker.al-awir-branch {
        width: 85px;
    }
    .map-marker.dubai-branch {
        min-width: 106px !important;
    }
    .cart-box li.quantity-box {
        width: 20%;
    }
    .cart-box li.title-box {
        width: 35%;
    }
    .cart-box li.price-box span {
        padding: 10px 10px 9px 10px;
    }
    .rtl .project-report-boxmain>ul>li h3 {
        font-size: 30px;
    }
    .project-report-boxmain>ul>li h3 .sub-txt {
        font-size: 25px;
    }
    .project-report-boxmain>ul>li {
        width: 33%;
    }
    .pt-1 {
        padding-top: 35px;
    }
    .pb-1 {
        padding-bottom: 35px;
    }
    .pb-60 {
        padding-bottom: 30px;
    }
    .pt-2 {
        padding-top: 20px;
    }
    .mt-80 {
        margin-top: 40px !important;
    }
    ._profile_detail> :first-child {
        width: 45%;
    }
    ._profile_detail> :last-child {
        width: 45%;
    }
    .profile_detail .CaptionCont.SelectBox {
        background: transparent !important;
        color: #fff !important;
    }
    .profile_detail .CaptionCont.SelectBox i {
        color: #fff !important;
    }
}

@media only screen and (max-width: 645px) {
    .pt-1 {
        padding-top: 25px;
    }
    .pb-1 {
        padding-bottom: 25px;
    }
    .pb-60 {
        padding-bottom: 20px;
    }
    .pt-2 {
        padding-top: 10px;
    }
    .mt-80 {
        margin-top: 30px !important;
    }
}

.bg-top {
    background: #f6f8f5 url(../images/bg-main.jpg) center top repeat-x;
    position: relative;
}

.bg-bot {
    background-image: url(../images/bg-03.png);
    background-position: center bottom;
    background-repeat: repeat-x;
}

.bg-white {
    background: #FFFFFF;
}

.but-03 {
    overflow: hidden;
    cursor: pointer;
    border: none;
    width: 140px;
    cursor: pointer;
    border: none;
    font-family: "dubaiW23-Bold";
    text-transform: uppercase;
    color: #000;
    text-decoration: none;
    font-size: 14px;
    border: 1px solid transparent;
    border-radius: 50px;
    border: solid 1px #579a3e;
    display: inline-block;
    line-height: 45px;
    text-align: center;
    height: 45px;
    padding: 0% 1% 0% 1%;
    min-width: 140px;
    background: #17633e;
    /* Old browsers */
    color: #FFFFFF;
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #17633e 0%, #a3da42 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.but-04 {
    outline: none;
    text-transform: uppercase;
    font-family: "dubaiW23-Bold";
    overflow: hidden;
    min-width: 140px;
    font-family: "dubaiW23-Bold";
    text-transform: uppercase;
    color: #FFFFFF;
    text-decoration: none;
    font-size: 14px;
    border-radius: 50px;
    display: inline-block;
    line-height: 48px;
    text-align: center;
    cursor: pointer;
    border: none;
    height: 45px;
    padding: 0% 5% 0% 5%;
    background: #17633e;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #17633e 0%, #a3da42 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    /* IE6-9 */
}

.but-02 {
    overflow: hidden;
    display: inline-block;
    text-decoration: none;
    text-align: center;
    line-height: 45px;
    padding: 0% 30px 0% 30px;
    background: #FFFFFF;
    color: #000;
    font-family: "dubaiW23-Bold";
    text-transform: uppercase;
    height: 40px;
    -webkit-border-radius: 100px;
    font-size: 13px;
    border-radius: 100px;
    cursor: pointer;
    border: none;
    outline: none;
    border: none;
    cursor: pointer;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#17633e+0,a3da42+100 */
}

.but-02:focus {
    outline: 0px;
}

.but-02:hover {
    color: #FFFFFF !important;
}

.but-02:before {
    background: #17633e;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #17633e 0%, #a3da42 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    /* IE6-9 */
}

.but-05 {
    overflow: hidden;
    cursor: pointer;
    border: none;
    font-family: "dubaiW23-Bold";
    text-transform: uppercase;
    color: #FFFFFF;
    min-width: 170px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    -webkit-border-radius: 100px;
    font-size: 14px;
    text-decoration: none;
    border-radius: 100px;
    outline: none;
    border: none;
    cursor: pointer;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#17633e+0,a3da42+100 */
    background: #17633e;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #17633e 0%, #a3da42 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    /* IE6-9 */
    /*&:hover{ background: $green; color:$white; }*/
}

.but-05:focus {
    outline: 0px;
}

.but-6 {
    text-align: center;
    width: 92px;
    cursor: pointer;
    border: none;
    height: 28px;
    line-height: 28px;
    color: #FFFFFF;
    padding: 0px 0px 0px 0px;
    font-size: 11px;
    display: inline-block;
    border-radius: 20px;
    font-size: 11px;
    font-family: "dubaiW23-Medium";
    text-transform: uppercase;
    text-decoration: none;
}

.but-6.sub {
    background: #13623b;
}

.but-6.sub:hover {
    background: #187647;
}

.but-6.can {
    background: #c5091b;
}

.but-6.can:hover {
    background: #d80f22;
}

.but-6.edi {
    background: #679b2b;
}

.but-6.edi:hover {
    background: #7ab535;
}

.but-6.re {
    background: #8abf2f;
}

.but-6.re:hover {
    background: #97cf36;
}

.but-6.vie {
    background: #a0d841;
}

.but-6.vie:hover {
    background: #abe746;
}

.but-6.inq {
    background: #6c9e18;
}

.but-6.inq:hover {
    background: #7cb220;
}

.but-6.res {
    background: #7ea650;
}

.but-6.res:hover {
    background: #8cb65c;
}

.align-right {
    text-align: right;
}

.container.radio {
    display: block;
    position: relative;
    padding-left: 25px;
    margin-bottom: 0px;
    cursor: pointer;
    font-family: "dubaiW23-Medium";
    font-size: 14px;
    -webkit-user-select: none;
    user-select: none;
}


/* Hide the browser's default radio button */

.container.radio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.check-box-form {
    margin: 20px 0px 10px 0px;
}


/* Create a custom radio button */

.radio .checkmark {
    position: absolute;
    top: -3px;
    left: 0;
    height: 20px;
    background: url(../images/radio-icn.png) center center no-repeat;
    width: 20px;
    border-radius: 50%;
    border: solid 1px rgba(0, 0, 0, 0);
}

.left-box-ofset {
    background: #FFFFFF;
    top: 0px;
    bottom: 0px;
    position: absolute;
}


/*.checkmark :after {
    top: 5px;
    left: 5px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: $black;
    background: }*/


/* On mouse-over, add a grey background color */

.container.radio:hover input~.checkmark {
    background-color: #FFFFFF;
    border: solid 1px #000;
}


/* When the radio button is checked, add a blue background */

.container.radio input:checked~.checkmark {
    background-color: #FFFFFF;
    border: solid 1px #000;
}


/* Create the indicator (the dot/circle - hidden when not checked) */

.checkmark:after {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    border: solid 1px black;
}


/* Show the indicator (dot/circle) when checked */

.container.radio input:checked~.checkmark:after {
    display: block;
    background: #000;
}


/* Style the indicator (dot/circle) */

.container.radio .checkmark:after {
    top: 3px;
    left: 3px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
}

.container.checkbox {
    display: block;
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    padding-top: 3px;
}


/* Hide the browser's default checkbox */

.container.checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}


/* Create a custom checkbox */

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #FFFFFF;
    border: solid 1px #ccc;
}


/* On mouse-over, add a grey background color */

.container.checkbox:hover input~.checkmark {
    background-color: #FFFFFF;
}


/* When the checkbox is checked, add a blue background */

.container.checkbox input:checked~.checkmark {
    background-color: #FFFFFF;
    border: solid 1px #000;
}


/* Create the checkmark/indicator (hidden when not checked) */

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}


/* Show the checkmark when checked */

.container.checkbox input:checked~.checkmark:after {
    display: block;
}


/* Style the checkmark/indicator */

.container.checkbox .checkmark:after {
    left: 9px;
    top: 7px;
    width: 5px;
    height: 10px;
    border: solid #13623b;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);
}


/* ===== Initializr Styles ==================================================
   Author: Jonathan Verrecchia - verekia.com/initializr/responsive-template
   ========================================================================== */

body {
    font-family: "muliregular";
    margin: 0px;
}

.wrapper {
    max-width: 1435px;
    margin: 0 auto;
}

.wrapper-02 {
    max-width: 1199px;
    margin: 0 auto;
    z-index: 9;
}


/* ===================
    ALL: Orange Theme
   =================== */


/* ==============
    MOBILE: Main
   ============== */

.main {
    padding: 30px 0;
}

.main article h1 {
    font-size: 2em;
}

.main aside {
    color: white;
    padding: 0px 5% 10px;
}

.footer-container footer {
    color: white;
    padding: 20px 0;
}


/* ===============
    ALL: IE Fixes
   =============== */

.ie7 .title {
    padding-top: 20px;
}


/* ==========================================================================
   Author's custom styles
   ========================================================================== */


/* ==========================================================================
   Helper classes
   ========================================================================== */

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}


/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }
    a,
    a:visited {
        text-decoration: underline;
    }
    a[href]:after {
        content: " (" attr(href) ")";
    }
    abbr[title]:after {
        content: " (" attr(title) ")";
    }
    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }
    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }
    thead {
        display: table-header-group;
    }
    tr,
    img {
        page-break-inside: avoid;
    }
    img {
        max-width: 100% !important;
    }
    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }
    h2,
    h3 {
        page-break-after: avoid;
    }
}

.rtl .price-row-03 h3 {
    margin-right: auto;
    margin-left: 0px;
}





button {
    position: relative;
}


button:disabled{ cursor: pointer !important; opacity: 0.5;}

    button:disabled:after {
        content: " ";
        display: block;
        position: absolute;
        cursor: pointer;
        left: 50%;
        top: 50%;
        margin-top: -10px;
        margin-left: -10px;
        opacity: 0.8;
        width: 20px;
        height: 20px;
        box-sizing: border-box;
        transform-origin: 0 0;
        transform: translateZ(0) ale(0.5);
        backface-visibility: hidden;
        border-radius: 50%;
        border: 0.3em solid currentColor;
        border-left-color: transparent;
        transform-origin: 50% 50%;
        transform-box: fill-box;
        -webkit-animation: rotation 2s infinite linear;
    }


.bubbles-ink {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    position: absolute;
    color: #000;
}

@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(359deg);
    }
}
  

/* footer{ background: #d31919 !important;}

 */



/*# sourceMappingURL=main.css.map */