@charset "UTF-8";
.bg-lightgray {
    background: #eee;
}

.bg-lightgraybox {
    background: #FBFBFB;
    fill: #FBFBFB;
}

.gray-02-bg {
    background-color: #ecedee !important;
}

.cardbg-white {
    background: #fff;
}

.aboutbg-white {
    background: #fff;
    border-bottom: 1px solid #ccc;
}
.insurance-details-desc p + p {
    margin-top: 10px;
}

.bg-lightgreenbox {
    background: #f2f7f3;
    fill: #f2f7f3;
}

.section {
    padding: 30px 0px  30px  0px;
}

.section-title h3 {
    font-size: 24px;
    text-transform: uppercase;
    margin-bottom: 20px;

}

/*# sourceMappingURL=style.css.map */
.header-lower .cart-box-btn {
    position: absolute;
    top: 0px;
    width: 185px;
    float: left;
    margin: 0;
}

.header-lower .cart-box-btn-new .cart-btn {
    color: #FFF;
    background: #DF7A00;
    border: 0px solid #DF7A00;
    padding: 0;
    border-radius: 0px;
    font-size: 13px;
}

.gray-nav-bg {
    background: #f8f8fb
}

.about-nav-box {
    padding-top: 15px;
}

.about-nav-box ul li {
    display: inline-block;
    padding: 0 16px;
    margin: 0 auto;
}

.about-nav-box ul li a.active {
    border-bottom: 3px solid #339933;
    color: #339933
}

.about-nav-box ul li a {
    font-size: 14px;
    line-height: 14px;
    color: #555;
    padding-bottom: 15px;
    border-bottom: 3px solid transparent;
    transition: all .5s;
}

.ac-container article {
    background: rgba(255, 255, 255, 0.5);
    margin-top: -1px;
    overflow: hidden;
    height: 0px;
    position: relative;
    z-index: 10;
}

.ac-container input {
    display: none;
}

.ac-container input:checked + label, .ac-container input:checked + label:hover {
    background: none;
}

.ac-container input:checked ~ article.ac-small {
    height: auto;
    background: #0A4A47;
    padding: 2.5px 5px;
}

article.ac-small ul {
    margin-top: 0;
}

.ac-small a.personal, a.corporate {
    /* float: left; */
    text-align: left;
    margin: 2.5px 0;
    padding: 0 0 0 10px;
    line-height: 34px;
    font-size: 14px;
    width: 100%;
}

.cart-box-btn {
    position: absolute;
    top: 6px;
    width: 185px;
    float: left;
    margin: 0;
    right: 0;
}

.cart-box-btn-new .cart-btn {
    color: #fff;
    /* background: #fff; */
    /* border: 1px solid #FFF; */
    border-radius: 0px;
    font-size: 16px;
}

.ac-container {
    width: 200px;
    margin: 0px auto 0px auto;
}

.header-lower .cart-box-btn {
    position: absolute;
    top: 30px;
    width: 185px;
    float: left;
    margin: 0;
}

.ac-container label {
    position: relative;
    z-index: 20;
    display: block;
    cursor: pointer;
    margin-bottom: 0px;
}

.rd-navbar-nav-wrap {
    margin-top: 10px;
}

.ac-container label:after, .ac-container input:checked + label:hover:after {
    content: '';
    position: absolute;
    width: 24px;
    height: 24px;
    top: 2px;
    background: transparent url(../images/arrow_down1.png) no-repeat center center;
}

.ac-container input:checked + label:hover:after {
    background-image: url(../images/arrow_up.png);
}

.ac-container label {
    padding: 1px 10px;
}

.ac-container input {
    display: none;
}

.ac-container article {
    background: rgba(255, 255, 255, 0.5);
    margin-top: -1px;
    overflow: hidden;
    height: 0px;
    position: relative;
    z-index: 10;
}

.ac-container article ul li {
    width: 100%;
    border-bottom: 1px solid #fff;
}

.ac-container article ul li:not(:last-child) {
    margin-right: 0px;
}

.ac-container article ul li:last-child {
    border-bottom: none;
}

.ac-container article p {
    font-style: normal;
    font-family: "BentonSansNormal", sans-serif;
    color: #777;
    line-height: 23px;
    font-size: 11pt;
    padding: 5px;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.8);
}

.ac-container input:checked ~ article.ac-small {
    height: auto;
}

.about_bg {
    background-position:left center !important;
    background-repeat: no-repeat !important;
    background-image: url(../images/is-bg.png);
    background-size: contain !important;
    background-origin: padding-box !important;
    background-clip: border-box !important;
    background-attachment: fixed;
}

.ptb-100 {
    padding-top: 100px;
    padding-bottom: 100px;
}

.about-title {
    border-right: 1px solid #dedcde;
    padding-right: 50px;
}

.about-title h5 {
    margin-top: 0px;
}
.about-text p{ text-align: center}
.about-text .read-more-btn {
    margin-top: 5px;
    display: inline-block;
    text-transform: uppercase;
    color: #004f4c;
    font-size: 15px;
}


.about-title span {
    color: #004f4c;
    font-size: 18px;
    display: block;
    margin-bottom: 10px;
}

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


/** feature-section One**/

.feature-section {
    position: relative;
    padding-bottom: 50px;
}


.feature-block-one .inner-box {
    position: relative;
    display: block;
    text-align: center;
    margin-bottom: 90px;
}

.feature-block-two .inner-box h5 {
    font-size: 16px;
    font-weight: 500;
    overflow: hidden;
    line-height: normal;
}

.feature-block-one .inner-box .image-box {
    position: relative;
    display: block;
    overflow: hidden;
}

.feature-block-one .inner-box .image-box::before {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    display: block;
    content: '';
    width: 0;
    height: 0;
    background: rgba(255, 255, 255, .2);
    border-radius: 100%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
}

.feature-block-one .inner-box:hover .image-box::before {
    -webkit-animation: circle .75s;
    animation: circle .75s;
}
.deposit-slides .feature-block {
    width: 100%;
}
@-webkit-keyframes circle {
    0% {
        opacity: 1;
    }
    40% {
        opacity: 1;
    }
    100% {
        width: 200%;
        height: 200%;
        opacity: 0;
    }
}

@keyframes circle {
    0% {
        opacity: 1;
    }
    40% {
        opacity: 1;
    }
    100% {
        width: 200%;
        height: 200%;
        opacity: 0;
    }
}

.feature-block-one .inner-box .image-box img {
    width: 100%;
}

.feature-block-one .inner-box .lower-content {
    position: relative;
}

.feature-block-one .inner-box .lower-content .inner {
    position: absolute;
    display: block;
    overflow: hidden;
    top: -20px;
    width: calc(100% - 30px);
    left: 15px;
    background: #fff;
    text-align: center;
    padding: 32px 15px 36px 15px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
    transition: all 500ms ease;
    z-index: 2;
}

.feature-block-one .inner-box .lower-content .inner:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 0%;
    left: 0px;
    right: 0px;
    top: 0px;
    transition: all 500ms ease;
}

.feature-block-one .inner-box:hover .lower-content .inner:before {
    height: 100%;
}

.feature-block-one .inner-box:hover .lower-content .inner {
    padding-bottom: 66px;
}

.feature-block-one .inner-box .lower-content .inner h3 {
    margin-bottom: 0px;
    transition: all 500ms ease;
}

.feature-block-one .inner-box:hover .lower-content .inner h3 {
    color: #fff;
}

.feature-block-one .inner-box .lower-content .inner a {
    position: absolute;
    display: inline-block;
    left: 50%;
    bottom: 33px;
    transform: translateX(-50%);
    z-index: 1;
    opacity: 0;
}

.feature-block-one .inner-box:hover .lower-content .inner h5 {
    color: #fff;
}

.feature-block-one .inner-box:hover .lower-content .inner a {
    opacity: 1;
}

.feature-block-one .inner-box .lower-content .inner a span {
    position: relative;
    display: inline-block;
    font-size: 13px;
    line-height: 15px;
    text-transform: uppercase;
    font-weight: 400;
    color: #fff;
    border-bottom: 1px solid #fff;
}

.feature-block-one .inner-box .lower-content .inner a i {
    font-size: 12px;
    color: #fff;
    margin-left: 7px;
}

.feature-block-one .inner-box .lower-content .inner::before {
    background: #004f4c;
    z-index: -2;
}


/** feature-section Two **/

.feature-block-two .inner-box {
    position: relative;
    display: block;
    text-align: center;
    margin-bottom: 0px;
    border: 1px solid #eae5e5;
    border-radius: 0;
    transition: ease-in-out .5s;
    -webkit-box-shadow: 0 0 0 0 transparent, 0 0 0 0 transparent;
    box-shadow: 0 0 0 0 transparent, 0 0 0 0 transparent;
    box-shadow: 1px 0px 10px rgba(0, 0, 0, 0.035);
    background-color: #fff;
}

.feature-block-two .inner-box h5 {
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    height: 42px;
    overflow: hidden;
}

.feature-block-two .inner-box .image-box {
    position: relative;
    display: block;
    overflow: hidden;
}

.feature-block-two .inner-box .image-box::before {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    display: block;
    content: '';
    width: 0;
    height: 0;
    background: rgba(255, 255, 255, .2);
    border-radius: 100%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
}

.feature-block-two .inner-box:hover .image-box::before {
    -webkit-animation: circle .75s;
    animation: circle .75s;
}

@-webkit-keyframes circle {
    0% {
        opacity: 1;
    }
    40% {
        opacity: 1;
    }
    100% {
        width: 200%;
        height: 200%;
        opacity: 0;
    }
}

@keyframes circle {
    0% {
        opacity: 1;
    }
    40% {
        opacity: 1;
    }
    100% {
        width: 200%;
        height: 200%;
        opacity: 0;
    }
}

.feature-block-two .inner-box .image-box img {
    width: 100%;
}

.feature-block-two .inner-box .lower-content {
    position: relative;
}

.feature-block-two .inner-box .lower-content .inner {
    position: static;
    display: block;
    overflow: hidden;
    top: -20px;
    width: 100%;
    left: 15px;
    background: #fff;
    text-align: center;
    padding: 10px 15px 26px 15px;
    transition: all 500ms ease;
    z-index: 2;
    height: 155px;
}

.feature-block-two .inner-box .lower-content .deposit-sort-details {
    text-align: left;
    margin-bottom: 15px;
    height: 60px;
    line-height: 20px;
}

.feature-block-two .inner-box .lower-content .inner:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 0%;
    left: 0px;
    right: 0px;
    top: 0px;
    transition: all 500ms ease;
}

/*
.feature-block-two .inner-box:hover .lower-content .inner:before{
    height: 100%;
}

.feature-block-two .inner-box:hover .lower-content .inner{
    padding-bottom: 66px;
}*/

.feature-block-two .inner-box .lower-content .inner h3 {
    margin-bottom: 0px;
    transition: all 500ms ease;
}

.feature-block-two .inner-box:hover .lower-content .inner h3 {
    color: #fff;
}


/*.feature-block-two .inner-box:hover .lower-content .inner h5{
    color: #fff;
}
*/

.feature-block-two .inner-box .lower-content .inner a {
    text-decoration: none;
}

.feature-block-two .inner-box .lower-content .inner a span {
    position: relative;
    display: inline-block;
    font-size: 13px;
    line-height: 15px;
    text-transform: uppercase;
    font-weight: 400;
    color: #fff;
}

.feature-block-two .inner-box .lower-content .inner a i {
    font-size: 12px;
    color: #fff;
    margin-left: 7px;
}

.feature-block-two .inner-box .lower-content .inner::before {
    background: #004f4c;
    z-index: -2;
}

h5.rd-megamenu-header {
    font-size: 14px;
}

h6.rd-megamenu-header {
    font-size: 14px;
    text-align: center;
}

.rd-navbar-static.rd-navbar--is-clone .rd-navbar-nav-wrap, .rd-navbar-static.rd-navbar--is-stuck .rd-navbar-nav-wrap {
    margin-top: 10px;
}

/*.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-panel {
	max-width: 150px;
}*/
.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-search {
    margin-top: 8px;
}

.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-megamenu, .rd-navbar-static.rd-navbar--is-clone .rd-navbar-megamenu, .rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-megamenu, .rd-navbar-fullwidth.rd-navbar--is-clone .rd-navbar-megamenu {
    margin-top: 5px;
}

.single-services-box:hover .box-shape img:nth-child(2) {
    opacity: 1;
    visibility: visible;
}

.services-slides.owl-theme .owl-nav {
    opacity: 0;
    visibility: hidden;
    margin-top: 0;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.services-slides.owl-theme .owl-nav [class*=owl-] {
    position: absolute;
    left: -70px;
    top: 34%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: 0;
    padding: 0;
    background-color: transparent;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    color: #4b8f44;
    font-size: 35px;
    width: 45px;
    height: 45px;
    line-height: 45px;
    border-radius: 50%;
    /*-webkit-box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
            box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);*/
}

.services-slides.owl-theme .owl-nav [class*=owl-].owl-next {
    left: auto;
    right: -70px;
}

.services-slides.owl-theme .owl-nav [class*=owl-] .flaticon-left-chevron {
    position: relative;
    left: 0px;
}

.services-slides.owl-theme .owl-nav [class*=owl-] .flaticon-right-chevron {
    position: relative;
    left: 0px;
}

.services-slides.owl-theme .owl-nav [class*=owl-]:hover {
    color: #4b8f44;
    background-color: #fff;
}

.services-slides.owl-theme .owl-dots {
    line-height: .01;
    margin-top: 5px;
    margin-bottom: 30px;
}

.services-slides.owl-theme .owl-dots .owl-dot span {
    width: 15px;
    height: 2px;
    margin: 0 3px;
    background-color: #fff;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    border-radius: 0;
}

.services-slides.owl-theme .owl-dots .owl-dot:hover span {
    background-color: #4b8f44;
}

.services-slides.owl-theme .owl-dots .owl-dot.active span {
    background-color: #4b8f44;
    width: 25px;
}

.services-slides.owl-theme:hover .owl-nav {
    opacity: 1;
    visibility: visible;
}

/*End Service slide*/

/*

.deposit-slides.owl-theme .owl-nav {
    opacity: 0;
    visibility: hidden;
    margin-top: 0;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.deposit-slides.owl-theme .owl-nav [class*=owl-] {
    position: absolute;
    left: -70px;
    top: 34%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: 0;
    padding: 0;
    background-color: transparent;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    color: #4b8f44;
    font-size: 35px;
    width: 45px;
    height: 45px;
    line-height: 45px;
    border-radius: 50%;
}

.deposit-slides.owl-theme .owl-nav [class*=owl-].owl-next {
    left: auto;
    right: -70px;
}

.deposit-slides.owl-theme .owl-nav [class*=owl-] .flaticon-left-chevron {
    position: relative;
    left: 0px;
}

.deposit-slides.owl-theme .owl-nav [class*=owl-] .flaticon-right-chevron {
    position: relative;
    left: 0px;
}

.deposit-slides.owl-theme .owl-nav [class*=owl-]:hover {
    color: #4b8f44;
    background-color: #fff;
}
*/

/*.deposit-slides.owl-theme .owl-dots {
    line-height: .01;
    margin-top: 5px;
    margin-bottom: 30px;
}*/

.deposit-slides.owl-theme .owl-dots .owl-dot span {
    width: 15px;
    height: 2px;
    margin: 0 3px;
    background-color: #ccc;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    border-radius: 0;
    display: inline-block;
}

.deposit-slides.owl-theme .owl-dots .owl-dot:hover span {
    background-color: #4b8f44;
}

.deposit-slides.owl-theme .owl-dots .owl-dot.active span {
    background-color: #4b8f44;
}

.deposit-slides.owl-theme:hover .owl-nav {
    opacity: 1;
    visibility: visible;
}

.floatcol {
    float: left;
    padding-left: .9375rem;
    padding-right: .9375rem;
    position: relative;
}

.ap-link {
    padding: 80px 40px;
}

.services .card {
    border: 0;
    padding: 0 0px;
    margin-bottom: 0px;
    position: relative;
    background: transparent;
}

.services .card-img {
    width: calc(100% + 30px);
    margin-left: -30px;
    overflow: hidden;
    z-index: 9;
    border-radius: 0;
}

.services .card-img img {
    max-width: 100%;
    transition: all 0.3s ease-in-out;
}

.services .card:hover img {
    transform: scale(1.1);
}

.services .row {
    margin-top: 0px;
}

.tg-btn {
    padding: 8px 35px 10px 35px;
    line-height: 22px;
    color: #fff;
    background: #339933;
    text-decoration: none;
    border-radius: 25px;
    border: none;
    text-align: center;
    box-shadow: 0 0 5px rgba(3, 3, 3, .4);
    cursor: pointer;
    -webkit-transition: all .3s ease-in-out;
}

a.tg-btn:hover {
    color: #fff !important;
    box-shadow: 0 0 5px rgba(3, 3, 3, .7);
}

.join-area {
    background: #fff;
    /*padding: 64px 0px;*/
}

.join-image {
    position: absolute;
    left: 0;
    top: -132px;
}

.join-image img {
    max-width: 437px;
}

.join-content {
 vertical-align: top;
}
.join-area .join-content h4.join-title{ font-size: 23px !important;}
.join-area .join-area-left{background-color: white;
    border-radius: 8px;
    }
.join-area-right {
    background: #fff;
    padding: 30px;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    margin-top: 36px;
}

.join-area .join-area-left .citytouchimgbox{ max-width: 400px; margin: 0 auto; margin-bottom: 20px; margin-top: 20px;}
.page-breadcam {
    position: absolute;
    top: 20%;
    left: 6%;
}
.footer-area .list-marked-variant-2{line-height: 1.59;}
.footer-area .contact-info{line-height:  1.59;}
.page-foot-copyright {
    padding-top: 6px;
    padding-bottom: 6px;
}
.footer-area .copyrightboxtext{ font-size: 12px;}
.single-innerservices-box {
    background-position: 0% 0% !important;
    background-repeat: no-repeat !important;
    background-attachment: scroll !important;
    background-image: url(../images/islamic-dor-green.png);
    background-size: contain !important;
    background-origin: padding-box !important;
    background-clip: border-box !important;
    padding-top: 115px;
}

.default-btn {
    border: none;
    position: relative;
    display: inline-block;
    text-align: center;
    overflow: hidden;
    z-index: 1;
    color: #ffffff;
    text-transform: uppercase;
    background-color: #b51f29;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    border-radius: 5px;
    font-weight: 700;
    font-size: 15px;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 13px;
    padding-bottom: 13px;
}

.cityislamicbg {
    position: relative;
}

.footer-area {
    background-color: #339933 !important;
    background-size: cover !important;
    background-image: linear-gradient(18deg, #339933 0%, #339933 47%, #6cbe45 80%);
    /* background-position: 0% 0% !important; */
    /* background-repeat: no-repeat !important; */
    /* background-attachment: scroll !important; */
    /* background-image: url("../images/footer-bg.png"); */
    /* background-size: cover !important; */
    /* background-origin: padding-box !important; */
    /* background-clip: border-box !important; */
    position: relative;
}

.footer-area-bg-curv::after {
    content: "";
    background: linear-gradient(177deg, transparent 43%, #339933 41%, #6cbe45 57%);
    position: absolute;
    top: -130px;
    height: 240px;
    width: 100%;
    z-index: 0;
}
.testimonial-tutorial-section {
    position: relative;
    padding: 60px 0;
    background: linear-gradient(173deg, #6cbe45 60%, #ffffff 60%);
}

.testimonial-tutorial-section .video-box-container {
    position: relative;
    margin-top: 50px;
    background: #fff;
    padding: 10px;
    border-radius: 30px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, .15);
}

.testimonial-tutorial-section .video-box-container .bg {
    background: #fff;
    border-radius: 30px;
}

.testimonial-tutorial-section .video-box-container .bg img {
    border-radius: 20px;
}

.testimonial-tutorial-section .video-box-container .video-btn {
    position: absolute;
    left: 35px;
    bottom: 30px;
    width: 114px;
    height: 114px;
    text-align: center;
    background: #6cbe45;
    padding: 10px;
    border-radius: 50%;
}

.testimonial-tutorial-section .video-box-container .video-btn a {
    position: relative;
    display: inline-block;
    width: 95px;
    height: 95px;
    line-height: 95px;
    text-align: center;
    border-radius: 50%;
    font-size: 36px;
    color: #fff;
    z-index: 1;
    transform: rotate(113deg);
}

.testimonial-tutorial-section .video-box-container .video-btn a:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    right: 0px;
    border-radius: 50%;
    opacity: 0.85;
    z-index: -1;

}

.testimonial-tutorial-section .video-box-container .video-btn a .fa-play {
    transform: rotate(90deg)
}

.testimonial-tutorial-section .video-box-container .video-btn:after,
.testimonial-tutorial-section .video-box-container .video-btn:before {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    background: transparent;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-animation-delay: .9s;
    animation-delay: .9s;
    content: "";
    position: absolute;
    -webkit-box-shadow: 0 0 0 0 rgba(108, 190, 69, 0.6);
    box-shadow: 0 0 0 0 rgba(108, 190, 69, 0.6);
    -webkit-animation: ripple 3s infinite;
    animation: ripple 3s infinite;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
}

.testimonial-tutorial-section .video-box-container .video-btn:after {
    -webkit-animation-delay: .6s;
    animation-delay: .6s;
}

@-webkit-keyframes ripple {
    70% {
        -webkit-box-shadow: 0 0 0 40px rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 40px rgba(255, 255, 255, 0);
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    }
}

@keyframes ripple {
    70% {
        -webkit-box-shadow: 0 0 0 40px rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 40px rgba(255, 255, 255, 0);
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    }
}

.testimonial-tutorial-section .video-box-container .video-btn a:before {
    background: #339933;
}

.list-marked-variant-2 > li + li {
    margin-top: 0px;
}

.list-marked-variant-2 > li > a {
    font-size: 13px;
}

.footer-area a {
    color: #fff;
}

.footer-area a:hover {
    color: #f4f3f3;
}

.footer-area .contact-info {
    color: #fff;
}

.contact-info {
    color: #fff;
}

.footer-area .list-marked-variant-2 > li > a {
    color: #fff;
}

.footer-area .list-marked-variant-2 > li > a:hover {
    color: #fff;
}

h6.footer-area-title {
    font-size: 14px;
}

.page-foot h6 + * {
    margin-top: 5px;
}

h6.footer-area-title {
    position: relative;
    display: inline-block;
    font-weight: 500;
    font-size: 14px;
    line-height: 1em;
    padding: 0px 0px 15px 0px;
    margin-bottom: 0px;
    color: #fff;
}

h6.footer-area-title::after {
    content: '';
    position: absolute;
    left: 0px;
    bottom: 5px;
    width: 100%;
    height: 1px;
    background: #def0de;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    -moz-border-radius: 3px;
}

.list-marked-variant-2 > li > a::before {
    content: unset;
    position: absolute;
    left: 0;
    top: 0;
    font: 400 14px/24px 'FontAwesome';
    color: #fff;
    transition: .33s all ease;
}

.list-marked-variant-2 > li > a {
    position: relative;
    display: inline-block;
    padding-left: 0px;
}

.bg-lightgreen {
    background: #339933;
    fill: #339933;
}

.owl-nav-style-1 .owl-nav {
    display: block;
}

.section-35 p {
    font-size: 13px
}

.bg-ebony-clay {
    background: #2f8a2f;
    fill: #2f8a2f;
}

.page .icon-xs {
    width: 8px;
    height: 22px;
    font-size: 16px;
    line-height: 22px;
}

.page .text-shuttle-gray {
    color: #fff;
}

.contact-info {
    color: #00030a;
    vertical-align: baseline;
    font-size: 13px
}

.section-md-75 {
    padding-top: 35px;
    padding-bottom: 35px;
}

.owl-nav-style-1 .owl-next, .owl-nav-style-1 .owl-prev {
    color: #fff;
    background: rgb(75, 132, 69);
}

.owl-nav-style-1 .owl-prev, .owl-nav-style-1 .owl-next {
    top: 40%;
}

.homesubtitle::after {
    content: " ";
    position: absolute;
    width: 100%;
    height: 4px;
    background-color: #00294F;
    bottom: 0;
    left: 0;
    /* background: -webkit-gradient(linear, left top, right top, from(rgba(254, 226, 164, 0)), color-stop(53%, #dca273), to(rgba(254, 226, 164, 0))); */
    background: linear-gradient(to right, rgba(254, 226, 164, 0) 0%, #173351 53%, rgba(254, 226, 164, 0) 100%);
}

.quote-boxes-area {
    background-color: rgb(0, 64, 59) !important;
    background-position: 0% 0% !important;
    background-repeat: no-repeat !important;
    background-attachment: scroll !important;
    background-image: url("../images/shape-3.png");
    background-size: cover !important;
    background-origin: padding-box !important;
    background-clip: border-box !important;
}

.slide-caption-box {
    max-width:70%;
    overflow: hidden;
    color: #333;
    font-weight: 300;
}

.bannerstilbox {
    max-width: 300px;
    position: absolute;
    top: 30%;
    right: 10%;
    z-index: 999;
    /*background-color:#006a4d!important;*/
    background: rgba(0, 79, 76, 0.9) !important;
    border: 0px solid #fff;
    padding: 15px 10px;
    box-shadow: 0px 1px 10px 0px rgba(65, 65, 65, 0.12);

}

.block-shadow {
    position: relative;
    width: 100%;
    padding-top: 10px;
    overflow: hidden;
    background: transparent;
    text-align: center;
    box-shadow: none
}

.bannerstilbox .main-nav .nav-links .link {
    display: flex;
    padding: 10px 15px;
    border-bottom: 1px solid #129772;
    border-color: #129772;
    margin-top: 0px;
}

.bannerstilbox .main-nav .nav-links .link a {
    color: #fff;
    font-size: 1.5rem;
    text-decoration: none;
    padding-right: 18px;
    text-align: left;
    width: 100%;
    line-height: 22px;
}

.bannerstilbox .main-nav .nav-links .link:after {
    content: "";
    position: relative;
    background: url("../images/chevron-right-hover.svg") no-repeat 95% center;
    background-size: 100%;
    display: block;
    height: 14px;
    top: 6px;
    width: 15px;
}

.bannerstilbox .main-nav .nav-links .link:last-child {
    border-bottom: none;
}

.page .loginform .icon-xl {
    margin-top: 10px;
}

.page .loginform .block-shadow .block-inner {
    padding: 0 30px;
}

.loginform .rd-mailform {
    margin-top: 0px;
}

.page .form-modern .has-error .form-input:not(.form-input-impressed), .page .form-modern .has-error .form-input:not(.form-input-impressed):focus {
    border-color: #222;
    box-shadow: none;
}

.page .form-modern .has-error .form-validation {
    color: #fff;
}

.page .loginform .citytouch {
    font-size: 24px;
    color: #000 !important;
    text-transform: capitalize;
}

.page .loginform .block-shadow .block-inner + .button {
    margin-top: 20px;
}

.page .loginform .text-gray-05 {
    color: #1c6015;
}

.page .link-primary-inverse, .page .link-primary-inverse:active, .page .link-primary-inverse:focus {
    color: #1c6015;
}

.loginform .group-inline {
    font-size: 12px;
}

.rd-navbar-corporate-light .rd-navbar-aside {
    font-size: 12px;
    line-height: 1.71429;
}

.page .icon-xxs {
    width: 18px;
    height: 18px;
    font-size: 14px;
    line-height: 18px;
}

.cart-box-btn-new .cart-btn {
    color: #fff;
    /* background: #fff; */
    /* border: 1px solid #FFF; */
    border-radius: 0px;
    font-size: 12px;
}

.cart-box-btn {
    position: absolute;
    top: 4px;
    width: 185px;
    float: left;
    margin: 0;
    right: 0;
}

/*
----------  3.7. Team  ----------
*/
.team .title-wrapper {
    margin-bottom: 40px;
}

.team .team-slider {
    margin-top: -40px;
    margin-bottom: 0;
}

.team .team-slider button {
    background-color: transparent;
    top: 60%;
}

.team .team-slider button:before {
    color: #666;
    font-family: FontAwesome;
    font-size: 36px;
}

.team .team-slider button.slick-prev:before {
    content: '\f104';
}

.team .team-slider button.slick-next:before {
    content: '\f105';
}

.team .member-label {
    background-color: #930770;
    padding: 20px 0;
    text-align: center;
    color: #fff;
}

.team .member-label .name,
.team .member-label .position {
    display: block;
}

.team .member-label .name {
    text-transform: uppercase;
    font-size: 1.14286rem;
    font-weight: 500;
}

.team .member-label .position {
    color: rgba(255, 255, 255, 0.8);
}

.team .member {
    transition: bottom .5s ease;
    bottom: -66px;
}

.team .member:hover {
    bottom: 0;
}

.team .member:hover .member-picture {
    filter: grayscale(0);
}

.team .member-picture {
    transition: filter .5s ease;
    filter: grayscale(100%);
}

.team .slick-center {
    bottom: 0;
}

.team .slick-center .member-picture {
    filter: grayscale(0);
}

.btn-ghost {
    font-size: 1.25rem;
    line-height: 1.1em;
    padding: 8px 35px;
    font-weight: 500;
    color: #930770;
    border: 1px solid #000;
    background-color: transparent;
    transition: all .25s;
}

.people-insurance .member-label {
    background-color: #fff;
}

.team .team-slider button::before {
    color: #000;
    font-family: FontAwesome;
    font-size: 45px;
}

.bg-white nav.navigation a.main-menu {
    color: #000;
    line-height: 90px;
    padding-top: 0;
    font-size: 15px;
    padding-bottom: 0;
    font-weight: 400;
}

.people-insurance .member-label .name, .people-insurance .member-label .position, .people-insurance .member-label .name, .people-insurance .member-label .position a {
    color: #000;
}

.team .member-label .name {
    text-transform: uppercase;
    font-size: 1.5rem;
    font-weight: 500;
}

.team .team-slider .img-responsive {
    width: 100%;
}

.slick-slide img {
    display: block;
}

.rd-navbar-static .rd-navbar-megamenu, .rd-navbar-fullwidth .rd-navbar-megamenu {
    max-width: 100%;
    left: 0%;
}

.rd-navbar-static .rd-navbar-megamenu.onethirdrd > li  {
    width: 33.33%;
}
.rd-navbar-static .rd-navbar-megamenu.onethirdrd .row  div > li  {
    width: 33.33%;
}

.rd-navbar-static .rd-navbar-megamenu.onethirdrd > li.pchild {
    width: 50%;
}

.rd-navbar-static .rd-navbar-megamenu .row  div > li, .rd-navbar-fullwidth .rd-navbar-megamenu .row  div > li {
    position: relative;
    display: table-cell;
    padding: 20px 15px 20px 15px;
}
.rd-navbar-static .rd-navbar-megamenu .row .pleft-30{ padding-left: 30px;}
.rd-navbar-static .rd-navbar-megamenu .row  div > li .rd-navbar-list > li a, .rd-navbar-fullwidth .rd-navbar-megamenu .row  div > li .rd-navbar-list .row  div  > li a {
    letter-spacing: .02em;
    font-size: 12px;
}

.rd-navbar-static .rd-navbar-megamenu > li, .rd-navbar-fullwidth .rd-navbar-megamenu > li {
    padding: 30px 20px 30px 20px;
}

.rd-navbar-static .rd-navbar-megamenu.digitalmenu > li, .rd-navbar-fullwidth .rd-navbar-megamenu.digitalmenu > li {
    text-align: center !important;;
}

.rd-navbar-static .rd-navbar-megamenu > li .rd-navbar-list > li a, .rd-navbar-fullwidth .rd-navbar-megamenu > li .rd-navbar-list > li a {
    letter-spacing: .02em;
    font-size: 12px;
}

.service-icon {
    float: left;
    padding-left: 10px;
    padding-right: 20px;
}

.service-copy {
    float: left;
    width: calc(100% - 115px);
    padding-top: 5px;
}

.service-copy h5 {
    color: #038203;
}

.service-icon span {
    border: solid 1px #339933;
    width: 85px;
    height: 85px;
    display: inline-block;
    text-align: center;
    position: relative;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.service-copy a {
    position: relative;
    color: #038203
}

.service-copy a::before {
    content: '\f105';
    position: absolute;
    right: -10px;
    top: 2px;
    font: 400 14px/24px 'FontAwesome';
    color: #4b8f44;
    transition: .33s all ease;
}

.service-icon-lg-bigger {
    /* width: 55px; */
    /* height: 55px; */
    font-size: 55px;
    line-height: 75px;
}

.section-bordered-inside::after {
    content: '';
    position: absolute;
    top: 33px;
    bottom: 33px;
    right: 33px;
    left: 33px;
    border: none;
    /*background: rgba(255, 255, 255, 0.7);*/
    background-image: linear-gradient(190deg, transparent 0%, transparent 30%, #fff 90%);
}

.bg-white-gradiant {
    background-image: linear-gradient(190deg, transparent 0%, transparent 30%, #fff 90%);
}

.icon-box {
    background: rgba(255, 255, 255, 0.7) !important;
}

.islamic-tab .features-list li {
    margin-bottom: 10px;
    position: relative;
    padding-left: 15px;
    color: #666666;
}


/*.onethirdrd h5.rd-megamenu-pheader::after {
    content:"";
    background: url(../images/right-arrow.svg);
    background-repeat: no-repeat;
    width: 15px;
    height: 15px;
    position: absolute;
    right: -10px;
    top: 8px;
}*/
/*.onethirdrd .rd-megamenu-pheader::after {
    position: absolute;
    top: 0px;
    right: 0;
    content: "";
    !* display: inline-flex; *!
    background-image: url('../images/right-arrow.svg');
    background-size: 20px 20px;
    width: 20px;
    height: 20px;
    color: #00504c;
}*/

/*.onethirdrd h5.rd-megamenu-header img {
    width: 15px;
    height: 15px;
    position: absolute;
    right: -10px;
    top: 8px;
}*/
/*.islamic-tab .features-list li i {
	line-height: 25px;
	text-align: center;
	color: #ed202e;
	font-size: 11px;
}
.islamic-tab .features-list li i {
	width: 25px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	border-radius: 70% 30% 30% 70% / 60% 40% 60% 40%;
	background-color: #faf5f5;
	color: #339933;
	-webkit-transition: 0.5s;
	transition: 0.5s;
	display: inline-block;
	font-size: 11px;
	position: absolute;
	left: 0;
	top: -2px;
}*/
.rd-navbar-static .rd-navbar-nav > li > .rd-navbar-dropdown, .rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-dropdown {
    left: -315px;
}

.rd-navbar-static .rd-navbar-dropdown > li > a, .rd-navbar-static .rd-navbar-list > li > a, .rd-navbar-fullwidth .rd-navbar-dropdown > li > a, .rd-navbar-fullwidth .rd-navbar-list > li > a {
    letter-spacing: .02em;
    font-size: 12px;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;color: #555;
}
.tabs-custom.tabs-horizontal.tabs-line .tab-content, .tabs-custom.tabs-horizontal.tabs-minimal .tab-content {
    padding: 20px 20px 20px 20px;
    background: #fff;
    border-top: 1px solid #ccc;
}

.productoverview .icon-box {
    background: rgba(240, 240, 240, 0.7) !important;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
    transition: all 500ms ease;
}

.productoverview .icon-box h6 {
    line-height: 1.56316;
    font-size: 18px;
    font-weight: normal;
    color: #339933;
    padding: 10px 15px;
}

.islamic-tab .tabbg {
    background: #fff;
}

.tabs-custom.tabs-horizontal.tabs-line .nav-tabs li {
    background-color: transparent;
    color: #555;
    margin-right: 5px;
    min-height: 64px;
    text-align: center;
    width: 130px;
}
.tabs-custom.tabs-horizontal.tabs-line .nav-tabs li > a > img{
    width: 60px;
    height: 60px;

}


.single-rdoc-box {
    margin-bottom: 30px;
    text-align: center;
    /* border-radius: 5px; */
    -webkit-transition: 0.5s;
    transition: 0.5s;
    -webkit-box-shadow: 0 5px 40px 0 rgba(0, 0, 0, 0.07);
    box-shadow: 0 5px 40px 0 rgba(0, 0, 0, 0.07);
    background: #fff;
    border: 1px solid #30332f;
}

.single-rdoc-box .content {
    padding: 25px;
}

.single-rdoc-box .content span {
    display: block;
    margin-top: 6px;
    color: #ed202e;
    font-size: 15px;
    font-weight: 300;
}

.tabs-custom.tabs-horizontal.tabs-corporate .nav-tabs, .tabs-custom.tabs-horizontal.tabs-line .nav-tabs {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 99%;
    text-align: left;
    margin: 0 auto;
}

/*.tabscard-custom.tabs-horizontal.tabs-corporate .nav-tabs, .tabs-custom.tabs-horizontal.tabs-line .nav-tabs {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
width: 100%;
	text-align: left;
	margin: 0 auto;
}*/

.tabscard-custom.tabs-horizontal.tabs-corporate .nav-tabs, .tabs-custom.tabs-horizontal.tabs-line .nav-tabs {
    /* display: -webkit-box; */
    /* display: -ms-flexbox; */
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    float: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: center;
}

.breadcrumb-area ul {
    padding-left: 0;
    list-style-type: none;
    margin-top: 0;
    margin-bottom: 0;
    text-align: right;
    position: absolute;
    right: 0px;
    top: -47px;
    z-index: 99;
}

.breadcrumb-area ul li {
    color: #555;
    display: inline-block;
    position: relative;
    font-weight: 300;
    font-size: 14px;
    margin-left: 10px;
    margin-right: 10px;
}

.breadcrumb-area ul li::before {
    content: '/';
    position: absolute;
    right: -15px;
    top: 4px;
    /* width: 1px; */
    /* height: 10px; */
    /* border-radius: 50%; */
    /* background-color: #ed202e; */
    transform: rotateY(360deg);
    font: 400 16px "FontAwesome";
    color: #555;
}

.breadcrumb-area ul li:last-child::before {
    content: '';
}

.breadcrumb-area ul li a {
    display: inline-block;
    color: #555;
}

.breadcrumb-section {
    background: transparent;
    /*padding: 5px 5px;*/

}

.breadcrumb-section .breadcrumb-area {
    position: relative;
}

.project-section {
    position: relative;
    overflow: hidden;
}

.project-block-one .inner-box {
    position: relative;
    overflow: hidden;
}

.project-block-one .inner-box .image-box {
    position: relative;
    display: block;
    overflow: hidden;
}

.project-block-one .inner-box .lower-content::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 110px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    box-shadow: inset 0px 150px 62px 47px rgba(0, 0, 0, 0.5);
    z-index: -1;
    transition: all 500ms ease;
}

.project-block-one .inner-box .image-box img {
    width: 100%;
    transition: all 5s ease;
}

.project-block-one .inner-box:hover .image-box img {
    transform: scale(1.5);
}

.project-block-one .inner-box .lower-content {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    padding: 20px 35px 20px 35px;
    z-index: 1;
    transition: all 500ms ease;
    text-align: center;
    line-height: normal;
}
.project-block-one:hover .inner-box .lower-content {
    background: rgba(0, 0, 0, 0)
}

.project-block-one .inner-box .image-box:hover::before {

    box-shadow: inset 0px -150px 62px -47px rgba(0, 0, 0, 0);
    z-index: 1;

}

.project-block-one:hover .inner-box .lower-content p a {
    color: #fff;
    position: relative;
    border: 1px solid #ccc;
    padding: 3px 25px;
    font-size: 12px;
}


.project-block-one .inner-box .lower-content p {
    color: #fff;
    margin-bottom: 0px;
    text-align: center;
    font-size: 14px;
    line-height: normal;
    margin-top: 0;
    font-weight: 300;
}

.project-block-one .inner-box .lower-content p + p {
    margin-top: 0px;
}

.project-block-one .inner-box .lower-content p:before {
    position: absolute;
    content: '';
    width: 45px;
    height: 2px;
    top: 12px;
    right: 0px;
}

.project-block-one .inner-box .lower-content h5 {
    position: relative;
    display: block;
    font-size: 22px;
    line-height: 25px;
    color: #fff;
    font-weight: 400;
    margin: 0px;
    padding-bottom: 10px;
    text-transform: uppercase;
}
.project-block-one .inner-box .lower-content .ptextbox{ margin-bottom: 10px; overflow: hidden}
/*.project-block-one .inner-box .lower-content a {
    color: #fff !important;
}

.project-block-one:hover .inner-box .lower-content a {
    color: #fff !important
}

.project-block-one .inner-box .lower-content h2 a {
    display: inline-block;
    color: #fff;
}*/

.project-block-one .inner-box .lower-content h2 a:hover {

}

.project-block-one .inner-box .lower-content a i {
    font-size: 12px;
    color: #fff;
    margin-left: 7px;
}

.image-wrap-2 {
    padding: 20px 30px;
}

.image-wrap-in-banner {
    padding: 50px 0px;
}

.image-wrap-2 > img {
    vertical-align: top;
    max-width: 100%;
    height: auto;
}

.card-light:first-child .card-title {
    border-top: 0px solid #dedede;
}

.card-container {
    position: relative;
    width: 100%;
    height: 100%;
    box-sizing: content-box;
    background-size: contain;
    background-image: inherit;
    visibility: visible;
    transition: transform .8s ease-out;
}

/*
.card-container::before {
    background: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 0, hsla(0, 0%, 100%, .25) 45%, hsla(0, 0%, 100%, .25) 55%, hsla(0, 0%, 100%, 0));
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: 0;
    transition: transform .8s ease-out;
    width: 60%;
}

.card-container::after {
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, .3) 0, transparent 65%);
    bottom: -2.406rem;
    content: "";
    display: block;
    height: 3.938rem;
    left: 0;
    position: absolute;
    right: 0;
}
*/

/*.image-wrap-2 img {
    object-fit: cover;
    -webkit-box-reflect: below 2px linear-gradient(transparent, transparent, #0004);
    transform-origin: center;
    transform: perspective(800px) rotateY(25deg);
    transition: 0.5s;
}

.image-wrap-2:hover img {
    transform: perspective(800px) rotateY(0deg);
    opacity: 1;
}*/

.image-wrap-2 h6.card_title {
    font-size: 16px;
    color: #444;
    text-align: center;
    margin-top: 30px;
    border-top: 1px solid #ccc;
    padding: 20px;
    line-height: 22px;
}

.Explorettitle h4 {

}

.whycityislamiclist {
    padding-left: 20px;
}

.whycityislamiclist li {
    position: relative;
    display: block;
    padding-left:0px;
    margin-bottom: 5px;
}

.whycityislamiclist li::before {
    position: absolute;
    content: "";
    /* background: url(../images/city-is-list-icon-3-small.png); */
    background-repeat: no-repeat;
    width: 6px;
    height: 6px;
    font-weight: 700;
    font-size: 12px;
    color: #393;
    left: -18px;
    top: 10px;
    background: #3ec13e;
    border-radius: 50%;
}

.page_sec-title {
    position: relative;
    display: block;
    margin-bottom: -23px;
    text-align: left;
}

.page_sec-title > .h5 {
    position: relative;
    color: #333;
    line-height: 25px;
    font-weight: 300;
    text-align: justify;
    padding-left: 0px;
}
/*
.page_sec-title > .h5::before {
    position: absolute;
    content: '';
    width: 45px;
    height: 2px;
    top: 12px;
    left: 0px;
    background: #2abb1b;
}*/

.page-banner-title-right .page_sec-title h2 {
    position: relative;
    display: block;
    font-size: 35px;
    /* line-height: 32px; */
    color: #6cbd45;
    font-weight: 300;
    line-height: 42px;
    text-align: left;
}

.page-banner-title-right .the-city-islamic-american-express-card h2 {
    position: relative;
    display: block;
    font-size: 35px;
    /* line-height: 32px; */
    font-weight: 300;
    line-height: 38px;

}

.page-banner-title-right .the-city-islamic-blue-american-express-card h2 {
    position: relative;
    display: block;
    font-size: 35px;
    /* line-height: 32px; */
    font-weight: 300;
    line-height: 38px;

}


.page-banner-title-right .the-city-islamic-gold-american-express-card h2 {
    position: relative;
    display: block;
    font-size: 35px;
    /* line-height: 32px; */
    font-weight: 300;
    line-height: 38px;

}
.page-banner-title-right .the-city-islamic-gold-american-express-card .cardtextcolor{color: #bda948;}
.page-banner-title-right .the-city-islamic-american-express-card .cardtextcolor{  color: #4a4643;}
.page-banner-title-right .the-city-islamic-blue-american-express-card .cardtextcolor{color: #127a63;}
.page-banner-title-for-card p.cardtextcolor{ font-size: 18px;}
.bg-the-city-islamic-gold-american-express-card{ background:rgb(247,242,206);
    fill:rgb(247,242,206); }
.bg-the-city-islamic-blue-american-express-card{background: rgb(210,227,204);
    fill: rgb(210,227,204);}
.bg-the-city-islamic-american-express-card{background: rgb(210,227,204);
    fill: rgb(210,227,204);}
.d-lg-block {
    display: block !important;
    margin-left: 0;
    padding-left: 0;
}
.Explorettitle h4 {
    font-weight: 400;
    font-size: 30px;
    padding-top: 20px;
    max-width: 600px;
    margin: 0 auto;
}

.insurance-details-desc h5 {
    margin-bottom: 10px;
    font-weight: 600;
    text-transform: uppercase;
    color: #339933;
}

.insurance-details-desc ul, .insurance-details-desc ol {
    padding-left: 20px;
}

.insurance-details-desc ul li {
    position: relative;
    display: block;
    padding-left:0px;
    margin-bottom: 0px !important;

}

.insurance-details-desc ul li::before {
    position: absolute;
    content: "";
    /* background: url(../images/city-is-list-icon-3-small.png); */
    background-repeat: no-repeat;
    width: 6px;
    height: 6px;
    font-weight: 700;
    font-size: 12px;
    color: #393;
    left: -18px;
    top: 10px;
    background: #3ec13e;
    border-radius: 50%;
}

.insurance-details-desc ul li ol li::before {
    position: absolute;
    width: 4px;
    height: 4px;
    font-weight: 500;
    font-size: 12px;
    color: #555;
    left: -11px;
    top: 10px;
    background: #555;
}



/*.insurance-details-desc li::before {
    position: absolute;
    content: "";
    background: url(../images/city-is-list-icon-small.png);
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    font-weight: 700;
    font-size: 12px;
    color: #b6bbc0;
    left: -13px;
    top: 8px;
}*/

.card-light .card-body {
    padding: 10px 10px 25px 10px;
}

.card-body ul, .card-body ol {
    padding-left: 22px;
}

.card-body li {
    position: relative;
    display: block;
    padding-left: 10px;
    margin-bottom: 5px !important;

}

/*.card-body li::before {
    position: absolute;
    content: "";
    background: url(../images/city-is-list-icon-small.png);
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    font-weight: 700;
    font-size: 12px;
    color: #b6bbc0;
    left: -13px;
    top: 5px;
}*/

.card-body li::before {
    position: absolute;
    content: "";
    /* background: url(../images/city-is-list-icon-3-small.png); */
    background-repeat: no-repeat;
    width: 6px;
    height: 6px;
    font-weight: 700;
    font-size: 12px;
    color: #393;
    left: -5px;
    top: 10px;
    background: #3ec13e;
    border-radius: 50%;
}

.card-body p + p {
    margin-top: 10px;
    margin-bottom: 10px;
}


.card-light .card-title a {
    position: relative;
    padding: 24px 20px 22px 0px;
    color: #222;
    transition: 1.5s all ease;
}

.amexcard-light .card-title {
    border-bottom: none;
}

.amexcard-light .card-title a {
    position: relative;
    padding: 15px 20px 15px 10px;
    color: #222;
    transition: 1.5s all ease;
}

.carddetails-btn {
    color: #050521;
    background-color: transparent;
    border-color: #050521;
}

.card-section a:hover, .card-section a:focus {
    color: #339933;
    text-decoration: none;
}

.card-section .card_title a:hover, .card-section .card_title a:focus {
    color: #333;
    text-decoration: none;
}

.btnBenefits {
    font-weight: 600;
    padding-left: 10px;
    /* border-left: 1px solid #333; */
    margin-left: 0px;
    /* color: #4b8f44; */
}

.card-rows {
    clear: both;
    padding-top: 40px;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.card-banner {
    min-height: 300px;
    position: relative;
}

.image-wrap-in-banner > img {
    max-width: 70%
}

.brand-inline {
    display: block;
    float: left;
}

.cityislamiclogo {
    max-width: 85px;
    transition: .33s all ease-out;
}

.citylogo {
    max-width: 75px;
    visibility: visible;
    opacity: 1;
    transition: .33s all ease-out;
    margin-left: 15px;
    position: relative;
}

.citylogo::before {
    content: "";
    position: absolute;
    left: -10px;
    top: 15px;
    background: #ccc;
    width: 1px;
    height: 30px;
}
.rd-navbar-static.rd-navbar--is-stuck .cityislamiclogo {
    max-width:70px;
}

.rd-navbar-static.rd-navbar--is-stuck .citylogo {
   display: none;
}

.login-form {
    position: absolute;
    z-index: 999;
    top: 38px;
    right: -1px;
    width: 300px;
    text-align: left;
    background: #FFFFFF;
    padding: 40px;
    background-color: #fff;
    box-shadow: 0 4px 12px -2px #505050;
}

.login-form label {
    width: 100%;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 12px;
    color: #002147;
}

.login-form input {
    height: 40px;
    padding: 0 10px;
    width: 100%;
    border-radius: 0;
    border: 1px solid #00504c;
    margin-bottom: 15px;
    color: #002147;
    font-weight: 500;
    font-size: 15px;
}

.login-form span {
    margin-right: 15px;
    color: #002147;
}

.login-form input {
    height: 40px;
    padding: 0 10px;
    width: 100%;
    border-radius: 0;
    border: 1px solid #BDBDBD;
    margin-bottom: 15px;
    color: #002147;
    font-weight: 500;
    font-size: 15px;
}

.login-form span input {
    width: inherit;
    height: inherit;
    margin-right: 10px;
    padding: 30px;
}

input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

#login-button {
   /* background-color: #6cbe45;*/
    color: #fff;
    padding: 3px 20px;
    font-size: 14px;
}
.login-btn-areax{border-left: 1px solid #bccebc; padding-left: 5px}
/*.login-btn-area.open {
    background-color: #fff !important;
    color: #006a4d !important;
}*/

.rd-navbar-corporate-light .rd-navbar-nav li a {
    font-family: "Helvetica LT", Helvetica, Arial, sans-serif;

}

h5.rd-megamenu-pheader {
    font-size: 16px;
    position: relative;
    min-width: 140px;
    color: #339933;
    font-weight: 600;
}

h5.rd-megamenu-header {
    font-size: 14px;
    font-weight: 600;
    color: #333;
}
.color-green{color: #339933;}
.rd-navbar-static .rd-navbar-megamenu.onethirdrd > li.phaderbox {
    width: 20%;

}
.pagecategory-header{padding-top: 40px;}
h1.product-categorytitle {
    font-size: 24px;
    text-transform: uppercase;
    color: #2f8a2f;
    display: inline-block;
    border-bottom: 1px solid #cccc;
    margin-bottom: 20px;
    font-weight: 600;
    padding-bottom: 5px;
}
.rdocbox h4{ text-transform: uppercase}
    /*hr.catborder{border-top: 1px solid #dfdfdf;}*/

h2.product-maintitle {
    font-size: 26px;
    text-transform: uppercase;
    margin-bottom: 30px;
}
h2.cardproduct-maintitle {
    font-size: 26px;
    text-transform: uppercase;
    margin-bottom: 30px;
}
h2.getitouch {
    font-size: 26px;
    text-transform: uppercase;
}
#image_block_one .image-box {
    position: relative;
    display: block;
}

.annual-stats #image_block_one .image-box {
    margin-left: 55px;
    margin-top: 7px;
}

#image_block_one .image-box .image {
    position: relative;
    display: block;
    overflow: hidden;
    clip-path: polygon(0% 0%, 100% 0%, 100% 90%, 0% 100%, 0% 0%);
}

#image_block_one .image-box .image:before {
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, .3)));
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    -webkit-transform: skewX(-25deg);
    -ms-transform: skewX(-25deg);
    transform: skewX(-25deg);
}

#image_block_one .image-box .image:hover:before {
    -webkit-animation: shine 1s;
    animation: shine 1s;
}

#image_block_one .image-box .image img {
    width: 100%;
}

#image_block_one .image-box .award-box {
    position: absolute;
    left: 50%;
    bottom: 0px;
    transform: translateX(-50%);
}

#image_block_one .image-box .award-box .box {
    position: relative;
    display: inline-block;
    width: 170px;
    height: 170px;
    text-align: center;
    border-radius: 50%;
    padding: 30px 30px;
    box-shadow: 0 0 0 10px #fff;
}

#image_block_one .image-box .award-box .box .icon-box {
    position: relative;
    margin-bottom: 10px;
}

#image_block_one .image-box .award-box .box span {
    position: relative;
    display: block;
    font-size: 11px;
    line-height: 16px;
    color: #fff;
}

#image_block_one .image-box .pattern-layer {
    position: absolute;
    top: 120px;
    right: -250px;
    width: 347px;
    height: 271px;
    background-repeat: no-repeat;
}
#image_block_one .image-box .bankimage{ padding-left: 30px;}
.nav-callus{ font-size: 14px; color: #fff; padding-right: 10px;}
.nav-callus > img{ max-width: 20px;}
a.cityislaic-button {
    max-width: 100%;
    padding: 10px 30px;
    font-size: 14px;
    line-height: 13px;
    font-weight:400;
    border-radius: 0;
    border: none;
    /*border: 5px solid #339933;*/
    transition: .3s ease-out;
    text-align: center;
    text-transform: uppercase;
    background-color: #339933;
    border: 1px solid #339933;;
    color: #fff !important;
}

a.cityislaic-button:hover {
    color: #339933 !important;
    background-color: transparent;
    border: 1px solid #339933;;
    transition: .3s ease-out;
    box-shadow: 0 0 0 0 transparent,0 0 0 0 transparent;
}

.cityislaic-button {
    max-width: 100%;
    padding: 10px 30px;
    font-size: 14px;
    line-height: 13px;
    font-weight:400;
    border-radius: 0;
    border: none;
    /*border: 5px solid #339933;*/
    transition: .3s ease-out;
    text-align: center;
    text-transform: uppercase;
    background-color: #339933;
    border: 1px solid #339933;;
    color: #fff !important;
}

.cityislaic-button:hover {
    color: #339933 !important;
    background-color: transparent;
    border: 1px solid #339933;;
    transition: .3s ease-out;
    box-shadow: 0 0 0 0 transparent,0 0 0 0 transparent;
}


.cityislaic-sm-button {
    max-width: 100%;
    padding: 7px 10px;
    font-size: 14px;
    line-height: 13px;
    font-weight:400;
    border-radius: 0;
    border: none;
    /*border: 5px solid #339933;*/
    transition: .3s ease-out;
    text-align: center;
    text-transform: uppercase;
    background-color: #339933;
    border: 1px solid #339933;;
    color: #fff;
}

.cityislaic-sm-button:hover {
    color: #339933;
    background-color: transparent;
    border: 1px solid #339933;;
    background-color: #fff;
    transition: .3s ease-out;
    box-shadow: 0 0 0 0 transparent,0 0 0 0 transparent;
}

.cityislaic-button-white {
    max-width: 100%;
    padding: 10px 30px;
    font-size: 14px;
    line-height: 13px;
    font-weight:400;
    border-radius: 0;
    border: none;
    /*border: 5px solid #339933;*/
    transition: .3s ease-out;
    text-align: center;
    text-transform: uppercase;
    background-color: #fff;
    border: 1px solid #fff;;
    color: #555;
}

.cityislaic-button-white:hover {
    color: #fff;
    background-color: transparent;
    border: 1px solid #fff;;
    transition: .3s ease-out;
    box-shadow: 0 0 0 0 transparent,0 0 0 0 transparent;
}
.banner-text-box{
position: absolute;
right: 0;
top:20px;
}

.GetinTouchbox {
    position: relative;
    padding-left:0px;
    margin-top: 15px;
    /*right: 2.5%;
    bottom: 108px;*/
}

.GetinTouchboxcard {
    position: relative;
    padding-left:5px;
    margin-top: 15px;
}

.citybank-white-logo{ max-width: 160px; margin-top: 0px;}
h3.rd-megamenu-topheader {
    font-size: 18px;
    font-weight:500;
    color: #339933;
}
.color-green{color: #339933;}
h3.header-bborder {
   padding-bottom:8px;
    border-bottom: 1px solid #ccc;
}

#myModal{ z-index: 999999; margin-top: 10%;}
.board .main-content {
    position: relative;
    overflow: hidden;
    margin-bottom: 15px;
}
.board{ margin-top: 40px;}
.board .main-content img {
    width: 100%;
}
.board .toplebel {
    margin: 0 auto;
    margin-bottom: 10px;
}
.board .cd-log_reg{ margin-bottom: 0;}
.board .team-v2{ width: 100%; margin: 0 auto}
.board .row > .cd-log_reg > a.boddetails{ display: block; cursor: pointer}
.board .row > .cd-log_reg > a.boddatadetails:hover{box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .07);}
.board .widgets-social {
    background-color: #fff;
    padding-bottom: 10px;
    display: block;
    width: 100%;
    height: 100%;
    height: 120px;
}
.board .widgets-social .social-right {
    padding-left: 10px;
    display: inline-block;
    width: 100%;
    text-align: center;
    margin-top: 20px;
}
.board .widgets-social .title {
    color: #339933;
    text-transform: capitalize;
    font-weight: 600;
    font-size: 16px;
    line-height: normal;
}
.board .widgets-social .text {
    color: #555;
    font-weight: 500;
    margin-bottom: 0;
    margin-top: 10px;
    font-size: 14px;
    line-height: 20px;

}
.modal-box-info {
    margin-top: 15px;
}
.modal-dialog .modal-header h3 {
    padding: 0;
    margin: 0;
    font-size: 22px;
}
.board .team-v1 {
    width: 25%;
    margin: 0 auto;
    margin-bottom: 10px;

}

.right-divider{ position: relative}
.right-divider::after{
content: "";
background: #e1e1e1;
position: absolute;
top:5%;
right: 0;
height: 85%;
width: 1px;


}
.islamic-tab .nav-tabs li .tabicontext{height: 60px; overflow: hidden; line-height: normal;margin-top: 14px}
.cityislamiclogo {
    max-width: 75px;
    z-index: 999;
}
.rd-navbar-megamenu .cardbox{ display: flex;}
.rd-navbar-megamenu .cardbox .cardimg{  max-width: 80px; padding-right: 15px;}
.rd-navbar-megamenu .cardbox .cardtitle{margin-top: 19px;}
.bgnone{ background-image: none !important;}
/*.overviewtext{ font-size: 16px; line-height: 22px;}*/
@media (max-width: 1900px) {
/*Css for menu Customize*/
.megamenucustombox{ min-height: 500px; background: #fff;}
.rd-navbar-static .rd-navbar-megamenu.onethirdrd > li.megamenucustomlistbox {
    width: 100%; display: block;

}
.rd-navbar-static .rd-navbar-megamenu.onethirdrd > li.megamenucustomlistbox .megamenucustombox-childbox {
    display: block;
    width: 70%;
    position: absolute;
    left: 30%;
    top: 8px;
    box-shadow: none;

}
.megamenucustombox-child {
    /* display: ruby-base; */
    float: left;
    padding-left: 15px;
    text-align: left;
    /* vertical-align: top; */
}

.rd-navbar-static .rd-navbar-megamenu.onethirdrd > li.megamenucustombox-childbox-2{
display: block;
width: 70%;
position: absolute;
left: 30%;
top: -50px;
box-shadow: none;

}


}
.table {
    color: #555;
}
.table-bordered > thead > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > tfoot > tr > td {
    border: 1px solid #d9d9d9;
}
.table > tbody > tr > th, .table > tbody > tr > td, .table > tfoot > tr > th, .table > tfoot > tr > td {
    padding: 10px 10px;
    line-height: normal;
    vertical-align: top;
    border-bottom: 1px solid #d9d9d9;
}
.table > thead > tr > th {
    font-size: 14px;
    font-weight: 600;
    padding: 10px 10px;
    vertical-align: middle;
    background: #F7F7F7;
    line-height: normal;
}
.table > thead > tr > td {
    font-size: 14px;
    font-weight: 600;
    padding: 10px 10px;
    vertical-align: middle;
    background: #F7F7F7;
    line-height: normal;
}
.md-pad-5{ padding-left: 5px; padding-right: 5px;}
.downlaod-box .row {
    border: 1px solid #bfc1c4;
    margin: 0;
}
.downlaod-box .lft-wrap, .downlaod-box .rght-wrap {
    padding: 12px 12px;
    /* word-break: break-all; */
    text-align: center;
}
.downlaod-box .rght-wrap {
    text-align: center;
    border-left: 1px solid #bfc1c4;
}
.deposit-custome-slides {
    display: flex;
    align-items: center;
    align-items: center;
    justify-content: center;
    width: 100%;
}
.deposit-custome-slides .feature-block{ width: 23.33%; margin-right: 30px;}
#term-deposits .deposit-slides-leftcenter {
    margin-left: 30px;
}
#DPS .deposit-slides-leftcenter {
    margin-left: 30px;
}

#city-alo .deposit-slides-leftcente {
    margin-left: 30px;
}

#export .deposit-slides-leftcenter {
    margin-left: 30px;
}
#sme .deposit-slides-leftcenter {
    margin-left: 30px;
}
/*.rd-navbar-nav .rd-navbar-megamenu{
    background-image: url(../images/City-Islamic-menu-Patern-left-blur.png);
    background-position: bottom left !important;
    width: 100%;
    z-index: 999;
    background-repeat: no-repeat;
    !* background: #d4272e; *!
}*/

/*.rd-navbar-nav .rd-navbar-megamenu{
    background-image: url(../images/City-Islamic-mobile-menu-Patern.png);
    background-position: bottom right !important;
    width: 100%;
    z-index: 999;
    background-repeat: no-repeat;
}*/
.blankheader{ margin-bottom: 27px;}
/*Css for menu Customize End*/



/*Css for contact us form*/
.ContactForm {
   padding-left: 20px;
}
.ContactForm > form > .row {
    margin-top:0px !important;
}
.TextInput {
    position:relative
}
.TextInput .icon-close {
    fill:#000
}
.formElement {
    margin:5px 0;
    padding-bottom:15px
}
.formElement-message {
    position:absolute;
    bottom:0;
    left:0;
    font-family:Neue Helvetica,Helvetica,sans-serif;
    font-weight:200;
    font-style:normal;
    font-size:.75rem;
    letter-spacing:.1em;
    line-height:1em
}
.formElement-message:lang(ar) {
    left:auto;
    right:0
}
.formElement-field {
    width:100%;
    height:46px;
    border-radius:0;
    border:none;
    border-bottom:1px solid #ccc;
    padding:.5em 0;
    color:#000;
    background:#fff;
    cursor:pointer;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none
}
.formElement-label {
    position:absolute;
    top:0;
    left: 0;
    opacity:0;
    -webkit-transition:0.5s ease;
    transition:0.5s ease;
    color: #000;
}
.formElement-label .reqdata{ color: #ff0000}
.ContactFormheaderbox{
height: 100px;
background: #f2f2f2;
padding: 20px 0px;
border-bottom: 5px solid #6cbd45;
margin-bottom: 40px;
}
.ContactFormheaderbox h6{line-height: 28px;}
.ContactFormheaderbox #productnamediv{ font-weight: bold;}
@media (-ms-high-contrast:active),(-ms-high-contrast:none) {
    .formElement-label {
        -webkit-transition:none;
        transition:none
    }
}
.formElement-label:lang(ar) {
    left:auto;
    right:0
}
.TextInput-field--readOnly {
    border-bottom:0;
    padding-bottom:0
}
.TextInput-field.formElement-field--valid {
    padding-left:0;
    padding-right:25px
}
.TextInput-field.formElement-field--valid:lang(ar) {
    padding-left:25px;
    padding-right:0
}
.TextInput-field:invalid,
.TextInput-field:required {
    -webkit-box-shadow:none;
    box-shadow:none
}
.TextInput-field--disabled {
    cursor:not-allowed
}
.TextInput--error .TextInput-field {
    color:#ea0a0a;
    border-color:#ea0a0a
}
.formElement--focusAlways,
.TextInput-field--labelOn+.formElement-label,
.TextInput-field--readOnly+.formElement-label:not(.formElement-label--hidden),
.TextInput-field.formElement-field--filled+.formElement-label,
.TextInput-field:focus+.formElement-label {
    opacity:1;
    -webkit-transform:translateY(-15px);
    transform:translateY(-15px)
}
.TextInput-field::-webkit-input-placeholder {
    opacity:1;
    color:#7d7d7d;
    -webkit-transition:1s ease;
    transition:1s ease
}
.TextInput-field::-moz-placeholder {
    opacity:1;
    color:#7d7d7d;
    -webkit-transition:1s ease;
    transition:1s ease
}
.TextInput-field::-ms-input-placeholder {
    opacity:1;
    color:#7d7d7d;
    -webkit-transition:1s ease;
    transition:1s ease
}
.TextInput-field::placeholder {
    opacity:1;
    color:#7d7d7d;
    -webkit-transition:1s ease;
    transition:1s ease
}
.TextInput-field:focus::-webkit-input-placeholder {
    opacity:0;
    -webkit-transition:0.3s ease;
    transition:0.3s ease
}
.TextInput-field:focus::-moz-placeholder {
    opacity:0;
    -webkit-transition:0.3s ease;
    transition:0.3s ease
}
.TextInput-field:focus::-ms-input-placeholder {
    opacity:0;
    -webkit-transition:0.3s ease;
    transition:0.3s ease
}
.TextInput-field:focus::placeholder {
    opacity:0;
    -webkit-transition:0.3s ease;
    transition:0.3s ease
}
.TextInput-field--disabled::-webkit-input-placeholder,
.TextInput-field--disabled:hover::-webkit-input-placeholder {
    color:#7d7d7d
}
.TextInput-field--disabled::-moz-placeholder,
.TextInput-field--disabled:hover::-moz-placeholder {
    color:#7d7d7d
}
.TextInput-field--disabled::-ms-input-placeholder,
.TextInput-field--disabled:hover::-ms-input-placeholder {
    color:#7d7d7d
}
.TextInput-field--disabled::placeholder,
.TextInput-field--disabled:hover::placeholder {
    color:#7d7d7d
}
.Dropdown {
    position:relative
}
.Dropdown:after {
    font-family:fs-iconfont!important;
    content:"\F111";
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    font-style:normal;
    font-variant:normal;
    font-weight:400;
    text-decoration:none;
    text-transform:none;
    position:absolute;
    top:5px;
    right:0;
    font-size:5px;
    pointer-events:none
}
.Dropdown.noCaret:after {
    display:none;
    content:""
}
.Dropdown:lang(ar):after {
    right:auto;
    left:0
}
.Dropdown-field {
    color:#7d7d7d
}
.Dropdown-field:invalid,
.Dropdown-field:required {
    -webkit-box-shadow:none;
    box-shadow:none
}
.Dropdown-field[multiple] {
    overflow-y:scroll
}
.Dropdown-field--changed {
    color:#000
}
.Dropdown .formElement-field {
    padding-right:13px
}
.Dropdown .formElement-field:lang(ar) {
    padding-right:0;
    padding-left:13px
}
.DropdownSwitch {
    position:relative
}
.DropdownSwitch-switch {
    position:absolute;
    top:-22px
}
@media only screen and (min-width:701px) {
    .DropdownSwitch-switch {
        right:0
    }
}
.DropdownSwitch-switch .SwitchField-switch {
    width:1.25em;
    height:.625em
}
.DropdownSwitch-switch .SwitchField-checkbox:checked+.SwitchField-slider:before {
    -webkit-transform:translateX(.625em);
    transform:translateX(.625em)
}
.DropdownSwitch-switch .SwitchField-slider {
    border-radius:.625em
}
.DropdownSwitch-switch .SwitchField-slider:before {
    height:.625em;
    width:.625em
}
.TextareaField {
    position:relative;
    margin-top:20px;
    margin-bottom:30px;
    padding-top:15px
}
.TextareaField-field {
    border-radius:0;
    border:1px solid #ccc;
    display:block;
    min-height:200px;
    width:100%;
    padding:25px 20px
}
.formElement-field--invalid,
.formElement-field--invalid::-webkit-input-placeholder,
.formElement-field--invalid~.formElement-label,
.formElement-field--invalid~.formElement-message {
    color:#ea0a0a
}
.formElement-field--invalid,
.formElement-field--invalid::-moz-placeholder,
.formElement-field--invalid~.formElement-label,
.formElement-field--invalid~.formElement-message {
    color:#ea0a0a
}
.formElement-field--invalid,
.formElement-field--invalid::-ms-input-placeholder,
.formElement-field--invalid~.formElement-label,
.formElement-field--invalid~.formElement-message {
    color:#ea0a0a
}
.formElement-field--invalid,
.formElement-field--invalid::placeholder,
.formElement-field--invalid~.formElement-label,
.formElement-field--invalid~.formElement-message {
    color:#ea0a0a
}

/*end form css*/

/*css for bottom popup*/

.bottomMenuApply{
    background-color:#fff;
    padding:.75rem 0;
    position:fixed;
    bottom:0;
    width:100%;
    z-index:10;
    min-height:75px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.bottomMenuApply h4{ color: #555; text-align: center}
.pb75 {
    padding-bottom: 75px !important;
}
.bottomMenuApply .ApplyNowbtn{text-align: center}
.error{ color: #ff0000; font-size: 12px;}
/*@end css for bottom popup*/

.fatwaarabic {
    font-size: 20px;
    line-height: 15px;
    color: #555;
    /* max-width: 500px; */
    text-align: left;
    margin-top: 25px;
    margin-bottom: 20px;
}
.shariahBox{padding-right: 40px;}
.knowmortext-box{ text-align: center}
.rd-ptop-20{ margin-top: 20px;}
.about_introbox{ position:relative;}
.about_introbox p{ font-weight: 300; text-align: center}
.fontsize18px{ font-size: 18px;}
.section-toptitle h3 {
    position: relative;
    color: #6cbe45;
    text-align: center;
    line-height: 1.2;
    font-size: 32px;
    display: inline-block;
    margin-bottom: 10px;
    width: auto;
    padding: 0px 60px 0px 60px;
}
.section-toptitle h3::before {
    position: absolute;
    content: '';
    width: 100px;
    height: 1px;
    top: 20px;
    right: 0px;
}
.section-toptitle h3::after {
    position: absolute;
    content: '';
    width: 100px;
    height: 1px;
    top: 20px;
    left: 0px;
}
.section-toptitle h3::before, .section-toptitle h3::after {
    background: #339933;
    width: 50px;
}
/*Award Tab Style csss*/


.award-tab {
    border-left: 3px solid #339933;
    border-radius: 0;
    position: relative
}

.award-tab li a .txt-wrp span {
    content: "";
    width: 18px;
    height: 18px;
    background-color: #fff;
    display: block;
    position: absolute;
    border-radius: 100%;
    left: -10px;
    border: 1px solid #333;
}

.award-tab li a .txt-wrp span div {
    content: "";
    width: 10px;
    height: 10px;
    background-color: #339933;
    display: block;
    position: absolute;
    border-radius: 100%;
    left: 3px;
    border: 1px solid #333;
    top: 3px
}

.award-tab li a.active .txt-wrp span div {
    background-color: #fff
}

.award-tab li a.active .txt-wrp span {
    background-color: #339933;
}

.award-tab li {
    padding: 8px 0
}

.award-tab li a {
    color: #333;
    font-size: 16px;
    line-height: 16px;
    padding-left: 15px;
    font-weight: 400
}

.award-tab li a.active {
    color: #339933;
    font-weight: 700
}


#historybox .tab-content li {
    position: relative;
    display: block;
    padding-left:0px;
    margin-bottom: 5px;
}

#historybox .tab-content li::before {
    position: absolute;
    content: "";
    /* background: url(../images/city-is-list-icon-3-small.png); */
    background-repeat: no-repeat;
    width: 6px;
    height: 6px;
    font-weight: 700;
    font-size: 12px;
    color: #393;
    left: -18px;
    top: 10px;
    background: #3ec13e;
    border-radius: 50%;
}
.card-body {
    padding-left: 0;
}
.aboutoverview .content-leftcolumn{padding-right:30px;}
.aboutoverview .content-rightcolumn{padding-left:30px;}
.KeyFeatures-column > a.KeyFeaturesmodal{  width: 100%;}
.keyboxcontiner {
    height: 240px;
    position: relative;
    text-align: center;
    padding: 20px;
    width: 100%;
    background: #f7f7f7;
}
.keyboxcontiner img{ transition: all .5s ease; max-width: 120px;}
.keyboxcontiner:hover{ box-shadow: 0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.5);cursor: pointer;
}

.keyiconbox{ height:130px;width:100%;padding-top: 20px; overflow:hidden}

.keyboxcontiner:hover img {
    -webkit-transform: scale(1.1,1.1);
    transform: scale(1.1,1.1);
    z-index: 9999;
}
.keytextbox {
    height: 80px;
    overflow: hidden;
    margin-top:0px;
}
.keytextbox p {
    padding: 10px 10px;
    line-height: normal;
    line-height: 22px;
}
.featuremodal{ margin-top: 10%;}
/*end history tab*/


.map-section {
    position:relative;
    text-align:center
}
.map-section>.title {
    font-size:1.5rem;
    font-weight:300;
    margin-bottom:0;
    padding-bottom:1.66667em
}
.map-section .map-container {
    text-align:left;
    height:580px;
    min-height:580px;
    position:relative;
    overflow:hidden
}
.map-section .location-selection {
    background-color:#fff;
    z-index:10;
    -webkit-box-shadow:0 4px 4px 0 rgba(0, 0, 0, .25);
    -moz-box-shadow:0 4px 4px 0 rgba(0, 0, 0, .25);
    box-shadow:0 4px 4px 0 rgba(0, 0, 0, .25)
}
.sme-section {
    width:80%;
    margin: 0 auto;
}
.sme-section .content {
    padding:20px
}
.map-section .location-selection .content {
    padding:20px
}
.map-section .location-selection .content>.title {
    display:none;
    font-size:1.25rem;
    color:rgba(0, 0, 0, .87);
    margin-bottom:0;
    padding-bottom:.75em
}
.map-section .location-selection .location-input {
    margin-bottom:15px;
    padding-left:40px;
    /*background-image:url(../img/icon/icon_search.svg);*/
    background-repeat:no-repeat;
    background: #eaeaea;
}
.map-section .location-selection .check-box-container {
    display:flex;
    align-items:center;
    margin-bottom:12px
}
.map-section .location-selection .check-box-container input {
    margin-right:6px
}
.map-section .location-selection .check-box-container label {
    margin-bottom:0;
    margin:0 20px 0 0
}
.map-section .location-selection .help-text-container .help-text {
    font-size:.75rem;
    color:rgba(1, 1, 1, .8)
}
.map-section .location-list-container {
    overflow:auto;
    max-height:350px;
    padding-bottom:20px
}
.map-section .location-list {
    list-style:none;
    padding:0;
    margin:0;
    width:100%;
}
.map-section .location-list li {
    width:45%;
    float:left;
    margin-right: 10px;
}
.map-section .location-list a {
    display:inline-block;
    border:1px solid rgba(0, 0, 0, .06);
    padding:15px;
    margin-bottom:10px;
    -webkit-box-shadow:0 2px 2px 0 transparent;
    -moz-box-shadow:0 2px 2px 0 transparent;
    box-shadow:0 2px 2px 0 transparent;
    width:100%;
    min-height: 240px;
    max-height: 240px;
}
.map-section .location-list a:hover {
    background-color:#339933;
    text-decoration:none
}
.map-section .location-list a:hover p {
    color:#fff
}
.map-section .location-list li:last-child a {
    margin-bottom:0
}
.map-section .location-list .title {
    font-weight:500;
    color:#339933;
    margin-bottom:.42857em
}
.map-section .location-list .detail {
    line-height:1.53846em;
    color:rgba(17, 17, 17, .54);
    margin-bottom:0;
    margin-top:0px;
}
.map-section .load-more-btn-container .btn {
    padding:5px
}
.map-section .load-more-btn-container .btn svg {
    display:none
}
@media (max-width:767.98px) {
    .map-section {
        padding-bottom:40px
    }
    .map-section .gmaps {
        display:none
    }
    .map-section>.title {
        display:none
    }
    .map-section .map-container {
        background-image:none!important;
        padding:0px
    }
    .map-section .map-container .gmap_marker {
        display:none
    }
    .map-section .location-selection {
        position:relative;
        width:100%;
        max-width:unset;
        top:unset;
        right:unset
    }
    .map-section .location-selection .content .title {
        display:block
    }
    .map-section .location-selection .title {
        display:block
    }
    .map-section .location-list li {
        width:99%;
        float:left;
        margin-right: 10px;
    }
    .map-section .location-list a {
        display:block;
        margin-right:6px
    }
}
.map-section .load-more-btn-container {
    padding-top:20px;
    text-align:center;
    padding-bottom:0
}

/*Map location csss*/

.iframebox{ min-height: 500px;max-height: 500px; overflow-y:auto}
.iframebox { padding: 20px 0px;}
.about_bg a, a:active, a:focus {
    color: #339933;
}

.about_bg a:hover, a:focus {
    color: #339933;
    text-decoration: none;
}

.about_bg a:focus {
    outline: 0;
}
h5.card_title{font-weight: 700;}
h5.card_title a{color: #333;}
.hiddendesktop{ display: none}
.owl-dot {
    display: none;
}
#accounts .owl-dot {
    display: inline-block;
}
.downlaod-box .img-fluid {
    max-width: 60%;
}
.formobile{ display:none !important}

.whycityislamic .shariahBoxdata{ text-align: center}
nav.headerstiky .nav-callus{display:none !important}
.dforms-custom a {
    display: inline-block;
}

.tabs-faqcustom.tabs-horizontal.tabs-line .nav-tabs li a.active {
    color: #339933;
    background: #fff;
    /* border-left: 1px solid #555; */
    /* border-right: 1px solid #555; */
    /* border-top: 1px solid #555; */
}
.tabs-faqcustom.tabs-horizontal.tabs-line .nav-tabs li a {
    padding: 20px 5px;
    margin: 0 7px 0 0;
    background: transparent;
    color: #666;
    position: relative;
    z-index: 10;
    display: inline-block;
    font-size: 14px;
    line-height: 24px;
}
.tabs-faqcustom.tabs-horizontal.tabs-corporate .nav-tabs, .tabs-faqcustom.tabs-horizontal.tabs-line .nav-tabs {
    /* display: -webkit-box; */
    /* display: -ms-flexbox; */
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    float: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: center;
}
.tabs-faqcustom.tabs-horizontal.tabs-line .nav-tabs li {
    background-color: transparent;
    color: #555;
    margin-right: 5px;
    min-height: 40px;
    text-align: center;
    width: 130px;
}
.tabs-faqcustom.tabs-horizontal.tabs-line .tab-content, .tabs-faqcustom.tabs-horizontal.tabs-minimal .tab-content {
    padding: 20px 20px 20px 20px;
    background: #fff;
    border-top: 1px solid #ccc;
}
.transform span {
    -webkit-animation-duration:1s;
    -webkit-animation-name:hotjobstextglow;
    -webkit-animation-direction:alternate;
    -webkit-animation-iteration-count:infinite;
    animation-duration:1s;
    animation-name:hotjobstextglow;
    animation-direction:alternate;
    animation-iteration-count:infinite;

}
@-webkit-keyframes hotjobstextglow {
    from {
        text-shadow: 0 0 0 #fff
    }
    to {
        text-shadow: 0 0 20px #fff
    }

}

#social-sidebar {
    right: 0;
    margin-top: 0;
    position: fixed;
    top: 50%;
    z-index: 999;
    -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.3);
}

#social-sidebar .transform {
    font-size: 14px;
    position: relative;
    line-height: 30px;
    padding: 6px;
    text-align: center;
    width: 31px;
    height: 148px;
    background: #2f8a2f;
    display: block;
    color: #fff;
    border-bottom: 2px solid #3ec13e;
    border-top: 2px solid #3ec13e;
}

#social-sidebar .transform span {
    transform: rotate(90deg);
    color: #fff;
    font-weight: 400;
    right: -64px;
    z-index: 0;
    opacity: 1;
    font-size: 14px;
}
#social-sidebar a span {
    border-radius: 3px;
    line-height: normal;
    margin-top: -10px;
    opacity: 0;
    padding: 4px 15px;
    position: absolute;
    -webkit-transition: opacity .3s, right .4s;
    -moz-transition: opacity .3s, right .4s;
    -ms-transition: opacity .3s, right .4s;
    -o-transition: opacity .3s, right .4s;
    transition: opacity .3s, right .4s;
    top: 50%;
    white-space: nowrap;
    z-index: -1;
}
.card-partner-continer{ position: relative; margin-bottom: 20px;margin-top: 20px;}
.card-partner-continer .card-partner {
    width:18.33%;
    /*max-width: 200px;*/
    /* float: left; */
    display: inline-flex;
    border: 1px solid #eeebeb;
    text-align: center;
    align-content: center;
    transition: 0.5s;
    margin-right: 15px;
    margin-bottom: 10px;
}
.card-partner-continer .card-partner:hover{
box-shadow: 0 0 20px rgba(82, 85, 90, 0.3);
transform: translateY(-2px);
}
.partnerbox{border-right: 1px solid #eeebeb;}
#cookieNotice {
    position: fixed;
    z-index: 999999;
    bottom: 0px;
    right: 0px;
    width: 100%;
    padding: 0.5rem 2rem;
    background:#e1eee7;
    color: #000;
    border: 0px solid #e1e0e3;
    box-shadow: -3px 5px 10px #999;

}
.cookieNoticebox{ display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;}

.CookieConsentbtnbox{ margin-top:0px; margin-bottom:0px;}
#cookieNotice a, a:active, a:focus {
    color: #339933;text-decoration: underline;
}
#cookieNotice a:hover, a:focus {
    color: #339933;
    text-decoration: underline;
}
#cookieNotice h4{ color: #339933; font-size: 20px;}
#cookieNotice p {
    margin-top: 0px;
    line-height: 18px;
    font-size: 13px;
    padding-right: 25px;
}
a.cityislaic-cbutton {
    max-width: 100%;
    padding: 5px 30px;
    font-size: 14px;
    line-height: 13px;
    font-weight: 400;
    border-radius: 0;
    border: none;
    /* border: 5px solid #339933; */
    transition: .3s ease-out;
    text-align: center;
    text-transform: uppercase;
    background-color:transparent;
    border: none;
    color: #333 !important;
}

.iPayroll_bg{ padding-top: 40px;}

.sectionsdesc ul{ padding-left: 20px;}
.sectionsdesc ul li {
    position: relative;
    display: block;
    padding-left:0px;
    margin-bottom: 0px !important;

}

.sectionsdesc ul li::before {
    position: absolute;
    content: "";
    /* background: url(../images/city-is-list-icon-3-small.png); */
    background-repeat: no-repeat;
    width: 6px;
    height: 6px;
    font-weight: 700;
    font-size: 12px;
    color: #393;
    left: -18px;
    top: 10px;
    background: #3ec13e;
    border-radius: 50%;
}
.iPayroll .iPayrollheading {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	align-items: center;
	justify-items: center;
	align-content: center;
	height: 100%;
	width: 100%;
	background: #f1f9f1;
    background: linear-gradient(180deg, #f5fbff 0, #f1f9f1 30%, #f1f9f1 70.5%);
	border-radius: 20px;
	line-height: 35px;
    position: relative;
    /* -webkit-box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.1); */
  padding: 40px;
}
.iPayroll .iPayrollheading::after {
	border-bottom: 20px solid transparent;
	border-left: 20px solid #f1f9f1;
	border-right: none;
	border-top: 20px solid transparent;
	content: "";
	height: 0;
	right: -20px;
	position: absolute;
	top: 33%;
	width: 0;
}
.iPayroll .section-title h3 {
	font-size: 28px;
	text-transform: uppercase;
	margin-bottom: 20px;
	line-height: 35px;
	text-align: center;
}
@media (max-width: 867px) {
    .rd-navbar {
        min-height: auto !important;
    }
    nav.headerstiky .citylogo { display:none !important}
    .nav-callus {
        font-size: 16px;
        color: #44a615;
        padding-right: 10px;
        z-index: 99;
        /* text-align: right; */
        /* float: right; */
        position: absolute;
        right: 10px;
        top: 17px;
        font-weight: bold;
    }
    .nav-callus > img {
        max-width: 25px;
    }
    .hiddendesktop {
        display:block;
    }
}


@media (max-width: 767px) {
    .iPayroll .iPayrollheading::after {
      border: none;
    }
    #cookieNotice {
        position: fixed;
        z-index: 999999;
        bottom: 0px;
        right: unset;
        width: 100%;
        padding: 0.5rem 2rem;
        background: #e1eee7;
        color: #000;
        border: 1px solid #e1e0e3;
        box-shadow: -3px 5px 10px #999;
        z-index: 99999;
    }
    .CookieConsentbtnbox {
        margin-top: 16px;
        margin-bottom: 10px;
        text-align: center;
    }
    a.cityislaic-cbutton {
        max-width: 100%;
        padding: 5px 10px;
        font-size: 14px;
        line-height: 13px;
        font-weight: 400;
        border-radius: 0;
        border: none;
        /* border: 5px solid #339933; */
        transition: .3s ease-out;
        text-align: center;
        text-transform: uppercase;
        background-color: transparent;
        color: #333 !important;
    }
    #cookieNotice h4 {
        color: #339933;
        text-align: center;
        text-transform: uppercase;
    }
    #cookieNotice p {
        margin-top: 0px;
        line-height: 18px;
        font-size: 13px;
        padding-right: 0px;
    }
    .card-partner-continer .card-partner {
        width: auto;
        max-width: 100px;
        display: inline-block;
        border: 1px solid #eeebeb;
        text-align: center;
        align-content: center;
        transition: 0.5s;
        margin-right: 15px;
        margin-bottom: 10px;
    }

    #social-sidebar {
        top: 45%;

    }
    #social-sidebar .transform span {
        right: -60px;
    }

    .map-section .location-selection .content {
        padding:0px;
    }
    .testimonial-tutorial-section {
        padding: 0px 0;
    }
    .feature-block-two .inner-box .lower-content {
        padding-bottom: 20px;
    }
    .mt10mobile{ margin-top: 15px}
    .featuremodal{ margin-top: 20%;}
    #myModal{ z-index: 999999; margin-top: 30%;}
    .whycityislamic .shariahBoxdata{ text-align: justify}
    .citybank-white-logo {
        max-width: 140px;
        margin-top: 0px;
        margin-bottom: 20px;
    }
    .formobile{ display:block !important}
    nav.headerstiky .citylogo { display:none !important}

    .d-lg-block {
        display: none !important;
        margin-left: 0;
        padding-left: 0;
    }
    .owl-dot {
        display:inline-block;
    }
    .hiddendesktop{ display: block}
    .feature-block-two .inner-box .lower-content .inner {
        height: 105px;
        padding: 10px 15px 16px 15px;
    }
    .about-text p{ text-align: justify}
    .keyboxcontiner {
        margin-bottom: 15px;
    }
    .ContactForm {
        padding: 15px;
    }
    .aboutoverview .content-leftcolumn{padding-right:15px;}
    .aboutoverview .content-rightcolumn{padding-left:15px;}
    .cerror{ccc}
    .rd-navbar-megamenu .cardbox {
        display: flex;
        padding: 10px 20px;
    }
    .rd-navbar-megamenu .cardbox .cardimg {
        max-width: 60px;
        padding-right: 10px;
    }
    .rd-navbar-megamenu .cardbox .cardtitle {
        margin-top: 8px;
        line-height: normal;
        font-size: 12px;
    }
    .shariahBox{padding-right:10px;}
    .pb75 {
        padding-bottom: 95px !important;
    }
    .bottomMenuApply h4{ color: #444;padding-bottom: 20px !important;text-align: center}
    .bottomMenuApply .ApplyNowbtn{text-align: center}
    .image-wrap-in-banner {
        padding: 20px 0px;
        margin: 0 auto;
        text-align: center;
    }
    .deposit-slides .feature-block {
        width: 100%;
        margin-left: 15px;
        margin-right: 15px;
    }
    .deposit-custome-slides .feature-block {
        width: 99.33%;
        margin-right: 30px;
    }
    .deposit-custome-slides {
        display: block;
        justify-content: left;
    }
    .deposit-custome-slides-3{ display: block;
        justify-content: left;
        margin-left: 15px;
        margin-right: 15px;}

    .sm-mb-15{ margin-bottom: 15px; }
    .sm-pad-10{ padding-left: 10px; padding-right: 10px;}
    .rd-navbar {
        min-height: 0px;
    }
    .board .team-v1 {
        width: 100%;
        margin: 0 auto;
        margin-bottom: 10px;
    }

.citylogo {
z-index: 999;
margin-top: 3px;
}
.cityislamiclogo {
max-width: 75px;
z-index: 999;
margin-top: 3px;
}
#image_block_one .image-box .bankimage{ padding-left: 0px;}

    .swiper-slide-caption {
    display: block;
    display: block;
    position: absolute;
    top: 10%;
    text-align: center;
    }

    .slide-caption-box {
        max-width: 100%;
        overflow: hidden;
        color: #333;
        font-weight: 300;
    }



    .about-area {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .section-title h3 {
        font-size: 26px;
        text-transform: uppercase;
        margin-top: 20px;
        margin-bottom: 20px;
        text-align: center;
    }
    .rd-navbar-fixed .rd-navbar-brand {
        position: fixed;
        top: 0px;
        left: 60px;
    }

    .rd-navbar-brand img {
        max-width: 22%;
    }

    .rd-navbar-fixed .rd-navbar-nav-wrap {
        color: #339933;
        background: #fff;
       /* background-image: url(../images/is-bg.png);*/
        /* background-size: auto !important; */
        /* background-origin: padding-box !important; */
        /* background-clip: border-box !important; */
        /* background-attachment: scroll; */
        width: 100%;
        background-repeat: no-repeat;
        background-position-x: 100%;
        background-position-y: 90%;
        background-size: contain;
    }

    .rd-navbar-fixed .rd-navbar-nav, .rd-navbar-sidebar {

        color: #fff;
        background: transparent;
        z-index: 998;
    }

    .rd-navbar-fixed .rd-navbar-nav li > a {
        display: block;
        font-size: 16px;
        padding: 7px 20px 7px 20px;
        color: #333;
    }

    .rd-navbar-fixed .rd-navbar-nav > li + li {
        margin-top: 4px;
        border-top: 1px solid #ccc;
    }

    .rd-navbar-fixed .rd-navbar-submenu-toggle::after {
        top: 24px;

    }

    .rd-navbar-fixed .rd-navbar-nav li ul li > a {
        font-size: 12px;
        padding: 3px 20px 3px 20px;
        line-height: normal;
    }
    .digitalmenu  li.digitalmenuchild {
        width: 49%;
        height: 140px;
        /* float: left; */
        display: inline-flex;
    }
    .digitalmenu  li.digitalmenuchild a{ padding: 3px 10px 3px 10px;}
    .digitalmenu li.right-divider::after {
        content: unset;

    }
    .rd-navbar-nav .rd-navbar-megamenu {
        background-image: none !important;
        /* background: #d4272e; */
    }
    .rd-navbar-fixed .rd-navbar-megamenu .rd-megamenu-header {
        padding: 0 20px;
    }
    h3.rd-megamenu-topheader {
        margin-top: 10px;
    }
   .smmenu-color-green{ color: #339933 !important;}
    .sm-diplay-none{ display: none}
    .join-area {
        background: #fff;
       /* padding: 64px 16px;*/
        height: auto;
        overflow: unset;
    }

    .join-image {
        position: relative;
        left: -20%;
        top: -20px;
    }

    .join-content {
        position: relative;
        max-width: 100%;
        top: 0;
        padding: 0px 20px;
    }
    .join-area .join-content h4.join-title{ font-size: 22px !important;}
    .join-area-right {
        background: #fff;
        padding: 0px 10px;
        margin-top:0px;
    }
    .join-area-right p{ text-align: justify}
    .tabs-custom.tabs-horizontal.tabs-corporate .nav-tabs, .tabs-custom.tabs-horizontal.tabs-line .nav-tabs {
        width: 100%;
    }

    .tabs-custom.tabs-horizontal.tabs-line .nav-tabs li {
        background-color: transparent;
        color: #2cb368;
        margin-right: 8px;
        margin-bottom: 5px;
        height: auto;
        width: 47%;
    }

    .tabs-custom.tabs-line .nav-tabs li a {
        text-transform: uppercase;
        color: #555;
    }

    .page-banner-title-right {
        position: relative;
        right:0%;
        bottom: 0px;
        max-width: 99%;
        text-align: right;
    }

    .page-banner-title-right .page_sec-title h2 {
        position: relative;
        display: block;
        font-size: 30px;
        /* line-height: 32px; */
        color: #339933;
        font-weight: 400;
        line-height: normal;
        text-align: center;
    }
    .page_sec-title > .h5 {
        text-align: center;

    }

    .page-banner-title-right .the-city-islamic-gold-american-express-card h2 {
        position: relative;
        display: block;
        font-size: 28px;
        /* line-height: 32px; */
        color: #bda948;
        font-weight: 300;
        line-height: 28px;
        text-align: center;
    }
    .page-banner-title-for-card {
        position: relative;
        right: 0;
        /* bottom: 0px; */
        width: 100%;
        max-width: 100%;
        top: 0px;
        margin: 0 auto;
        margin-bottom: 30px;
    }
    .tabs-custom.tabs-horizontal.tabs-line .tab-content, .tabs-custom.tabs-horizontal.tabs-minimal .tab-content {
        padding: 20px 10px 20px 10px;
    }
    .page_sec-title {
        position: relative;
        display: block;
        margin-top:20px;
        margin-bottom: 0;
        text-align: center;
    }

    .breadcrumb-area ul {
        top: 5px;
        z-index: 99;
    }

    h5.rd-megamenu-pheader {
        color: #f7f7f7;
        font-weight: 600;
    }

    h5.rd-megamenu-header {
        font-size: 14px;
        font-weight: 600;
        color: #3c3b39;
    }
    .about-nav-box {
        padding-top:0px;

    }
    .abt-us-nav {
        padding-top: 10px;
        border-top: 1px solid #ccc;
    }
    .breadcrumb-area ul li {
        font-size: 12px;

    }

    .swiper-variant-1 .slider-header {
        color: #666;
        font-weight: 300;
        text-transform: uppercase;
    }
    .testimonial-tutorial-section .video-box-container .video-btn {

        width: 80px;
        height: 80px;

    }
    .testimonial-tutorial-section .video-box-container .video-btn a {
        width: 60px;
        height: 60px;
        line-height: 60px;
        font-size: 26px;

    }
    .testimonial-tutorial-section .video-box-container .video-btn:after, .testimonial-tutorial-section .video-box-container .video-btn:before {
        width: 80px;
        height: 80px;
    }
    .mobile-pading-15px{ padding: 15px;}
    .mobile-margin-15px{ margin: 0px 15px;}
    .tabs-custom.tabs-horizontal.tabs-line .nav-tabs li > a > img{
        width: 50px;
        height: 50px;

    }
    .about_bg {
        background-position: top center !important;
        background-attachment: fixed;
        background-size: auto !important;
    }

    h2.product-maintitle {
        margin-bottom: 0;
    }
.parallax-content .row {
        margin-top: 20px;
    }
    .section {
        padding: 10px 0px 10px 0px;
    }
    h2.cardproduct-maintitle {
        font-size: 26px;
        text-transform: uppercase;
        margin-bottom: 20px;
    }
    .card-rows {
        clear: both;
        padding-top: 0px;
        padding-bottom: 20px;
        margin-bottom: 20px;
    }
    h5.card_title{text-align: center;font-weight: 700;}
    h5.card_title a{color: #333;}

    .tabs-custom.tabs-line .nav-tabs li a:hover, .tabs-custom.tabs-line .nav-tabs li a.active {
        color: #339933;
        border-color: #339933;
    }
    .islamic-tab .nav-tabs li .tabicontext {
        height: 30px;
    }
    .downlaod-box .img-fluid{max-width: 60%;}
    .downlaod-box .row {
        margin-bottom: 10px;
    }
    .section-50 {
        padding-top: 20px;
        padding-bottom:20px;
    }
    .tabs-custom.tabs-horizontal.tabs-line .tab-content, .tabs-custom.tabs-horizontal.tabs-minimal .tab-content {
        border-top: 0px solid #ccc;
    }
    .islamic-tab .mbcontainer{
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    }
    .nav-callus > img {
        max-width: 25px;
    }
    .nav-callus {
        font-size: 16px;
        color: #44a615;
        padding-right: 10px;
        z-index: 99;
        /* text-align: right; */
        /* float: right; */
        position: absolute;
        right: 10px;
        top: 17px;
        font-weight: bold;
    }

    }

@media (max-width: 375px) {


}