.notice_box_slider {
    background: #fff;
    padding: 10px;
    height: 360px;
    overflow: hidden;
    margin-bottom: 10px;
    margin-top: 10px;
}
@media only screen and (max-width: 600px) {
    .aboutus_page {
        padding: 10px;
    }
}

.blink-hard {
    animation: blinker 1s step-end infinite;
}

.blink-soft {
    animation: blinker 1.5s linear infinite;
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}
 
 
.popover__title {
    font-size: 24px;
    line-height: 36px;
    text-decoration: none;
    color: rgb(228, 68, 68);
    text-align: center;
    padding: 15px 0;
}

.popover__wrapper {
    position: relative;
    margin-top: 1.5rem;
    display: inline-block;
}

.popover__content {
    top: 58px;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    left: -150px;
    transform: translate(0, 10px);
    background-color: aliceblue;
    padding: 1.5rem;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
    width: auto;
}

    .popover__content:before {
        position: absolute;
        z-index: -1;
        content: "";
        right: calc(50% - 10px);
        top: -8px;
        border-style: solid;
        border-width: 0 10px 10px 10px;
        border-color: transparent transparent #bfbfbf transparent;
        transition-duration: 0.3s;
        transition-property: transform;
    }

.popover__wrapper:hover .popover__content {
    z-index: 99999999;
    opacity: 1;
    visibility: visible;
    transform: translate(0, -20px);
    transition: all 0.5s cubic-bezier(0.75, -0.02, 0.2, 0.97);
}

.popover__message {
    text-align: left;
}

.logo_set {
    width: 617px;
}

@media only screen and (max-width: 600px) {
    .logo_set {
        width: 2008%;
    }
}

body {
    margin: 0px !important;
    padding: 0px !important;
}

.aply_btn {
    background: #036eb6;
    color: white;
    padding: 6px;
    width: 100%;
    border: none;
    margin-top: 20px;
    margin-bottom: 20px;
}
.ululdrop {
    margin-left: 432px;
    margin-top: -36px;
    width: auto;
}

@media only screen and (max-width: 600px) {
    .ululdrop {
        margin-left: 0px;
        margin-top: 0px;
        width: auto;
    }
}

.ululdrop2 {
    margin-left: 309px;
    margin-top: -36px;
    width: 300px;
}

@media only screen and (max-width: 600px) {
    .ululdrop2 {
        margin-left: 0px;
        margin-top: 0px;
        width: auto;
    }
}

#member_footer_part {
    padding: 14px 0px 92px;
    background: #036eb6;
}

@media only screen and (max-width: 600px) {
    #member_footer_part {
        padding: 14px 0px 92px;
    }
}






.carousel, .carouselCustom, .carouselMusic, .carouselTheatre {
    position: relative;
}
/* Edsited - added "carouselCustom" */

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.carousel-item {
    position: relative;
    display: none;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    transition: -webkit-transform 0.6s ease;
    transition: transform 0.6s ease;
    transition: transform 0.6s ease, -webkit-transform 0.6s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px;
}

    .carousel-item.active,
    .carousel-item-next,
    .carousel-item-prev {
        display: flex;
    }

.carousel-item-next,
.carousel-item-prev {
    position: absolute;
    top: 0;
}

    .carousel-item-next.carousel-item-left,
    .carousel-item-prev.carousel-item-right {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

@supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) {
    .carousel-item-next.carousel-item-left,
    .carousel-item-prev.carousel-item-right {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.carousel-item-next,
.active.carousel-item-right {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}

@supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) {
    .carousel-item-next,
    .active.carousel-item-right {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

.carousel-item-prev,
.active.carousel-item-left {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}

@supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) {
    .carousel-item-prev,
    .active.carousel-item-left {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

.carousel-control-prev,
.carousel-control-next {
    position: absolute;
    top: 0;
    bottom: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    /*justify-content: center;*/ /* -Edited- hidden */
    width: 5%; /* Edited - width: 15%; */
    color: #fff;
    text-align: center;
    opacity: 0.8; /* -EDited- opacity: 0.5; */
}

/* -Edited- Adding new items */
.carousel-control-prev {
    justify-content: flex-start;
}

/* -Edited- Adding new items */
.carousel-control-next {
    justify-content: flex-end;
}

    .carousel-control-prev:focus, .carousel-control-prev:hover,
    .carousel-control-next:focus,
    .carousel-control-next:hover {
        color: #fff;
        text-decoration: none;
        outline: 0;
        opacity: 1; /* -Edited- opacity: .9; */
    }

.carousel-control-prev {
    left: 0;
}

.carousel-control-next {
    right: 0;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    display: inline-block;
    width: 30px; /* -Edited- width: 20px; */
    height: 62px; /* -Edited- height: 20px;  */
    background: transparent no-repeat center center;
    background-size: 100% 100%;
}

.carousel-control-prev-icon {
    background-image: url("../arrow-left.svg");
    /* -Edited- background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M4 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"); */
}

.carousel-control-next-icon {
    background-image: url("../arrow-right.svg");
    /* -Edited- background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M1.5 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"); */
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 10px;
    left: 0;
    z-index: 15;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none;
}

    .carousel-indicators li {
        position: relative;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        width: 30px;
        height: 3px;
        margin-right: 3px;
        margin-left: 3px;
        text-indent: -999px;
        background-color: rgba(255, 255, 255, 0.5);
    }

        .carousel-indicators li::before {
            position: absolute;
            top: -10px;
            left: 0;
            display: inline-block;
            width: 100%;
            height: 10px;
            content: "";
        }

        .carousel-indicators li::after {
            position: absolute;
            bottom: -10px;
            left: 0;
            display: inline-block;
            width: 100%;
            height: 10px;
            content: "";
        }

    .carousel-indicators .active {
        background-color: #fff;
    }

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
}



/* ---------- Carousel ---------- */



/* ---------- Events Cards ---------- */

.small-ads {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    justify-content: space-around;
    align-content: space-between;
}

/* ---------- Top Events Cards ---------- */

/* Centre test into date boxes */
.event-date,
#musicEventsCarousel .event-date,
#theatreEventsCarousel .event-date,
#clasicEventsCarousel .event-date {
    text-align: center;
}

/* Set the date background to the top events cards and to Music Categories Cards */
.event-date, #musicEventsCarousel .event-date {
    background-color: #e30078;
}

.event-date, .event-subject {
    margin-bottom: 0;
    padding: 6px 10px;
    line-height: 16px;
}

.event-subject {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

span.date, span.card-title {
    font-size: 20px;
    font-weight: bold;
    line-height: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

span.city {
    font-size: 16px;
    color: #bbb;
    font-weight: normal;
}

span.month {
    font-size: 16px;
}

/* ---------- Categories Events Cards ---------- */


/* Set the date background to Theatre Categories Cards*/
#theatreEventsCarousel .event-date {
    background-color: #0096eb;
}

/* Set The Date Background to Clasic Categories Cards*/
#clasicEventsCarousel .event-date {
    background-color: #ffae47;
}

.categories span.date, .categories span.card-title {
    font-size: 16px;
    font-weight: bold;
    line-height: 16px;
}

.categories span.city {
    font-size: 14px;
    color: #bbb;
    font-weight: normal;
}

.categories span.month {
    font-size: 14px;
}

a.event-link {
    margin: 0 8px;
}


/* ---------- Navigation Bar ---------- */

.toggled-right-button {
    display: flex;
}

/* Navigation Bar Search Button */
.custom-search-btn {
    background-color: transparent;
    border: none;
    position: relative;
    margin-left: -60px;
    padding: 0.5rem 0.75rem;
    transition: all 0.15s ease-in-out;
}

    .custom-search-btn:hover {
        text-decoration: none;
        background-color: transparent;
        cursor: pointer;
    }

    .custom-search-btn:focus {
        outline: 0;
    }




/* --------- Media Queries ---------- */

/* Resize Top Carousel in Responsive Mode */
@media (max-width: 1199px) {

    .carouselCustom img {
        height: 380px;
    }

    .event-ad {
        width: 48%;
    }
}

/* Set The Image to Resize Smoothly in Responsive Mode and Hide Top Small Event Ads on Device With smaller than 991px */
@media (max-width: 991px) {

    .carouselCustom img {
        width: 100%;
        height: 100%;
    }

    .event-ad {
        display: none;
    }
}

/* Hide The search input for small devices width */
@media (max-width: 575px) {
    .toggled-right-button form {
        display: none;
    }
}



@media (max-width: 767px) {

    /* Resize Categories Labels for Smaller Device Width */
    .music-label, .theatre-label, .clasic-label {
        background-size: 130px;
        width: 140px;
        height: 37px;
        display: block;
        color: #ffffff;
        font-size: 23px;
        font-weight: 600;
        padding: 2px 2px 7px 20px;
        box-sizing: border-box;
        margin-bottom: -3px;
        z-index: 999;
        position: relative;
        margin-top: 40px;
    }

    .events-slide-bar {
        justify-content: space-around;
    }

    a.event-link {
        margin: 0;
        width: 18%;
    }

    .card-img-overlay {
        position: relative;
    }

    /* Hideing Card Data Info for Small Device Width */
    .event-date {
        display: none;
    }

    .event-subject {
        background-color: transparent;
        color: #000;
    }

    span.card-title {
        font-size: 14px;
    }

    .event-subject, span.card-title {
        overflow: visible;
        white-space: normal;
        text-overflow: clip;
    }

    .categories span.city {
        color: #555;
    }
}

.footer.bottom-footer {
    background: #fff;
    border-top: 3px solid #008ad2;
    clear: both;
    width: 100%;
    position: relative;
}

    .footer.bottom-footer:before {
        margin: 0px;
        padding: 0px;
        left: 0;
        top: -3px;
        position: absolute;
        content: "";
        height: 3px;
        width: 33%;
        background: #aec90a;
    }

    .footer.bottom-footer:after {
        margin: 0px;
        padding: 0px;
        right: 0;
        top: -3px;
        position: absolute;
        content: "";
        height: 3px;
        width: 33%;
        background: #d73525;
    }

.footer-top {
    padding: 25px 0 0;
}

.main-container {
    margin: 0 auto;
    width: 1190px;
    position: relative;
}

.footer-left {
    width: 920px;
    float: left;
}

    .footer-left ul.menu li.expanded {
        min-height: 202px;
    }

    .footer-left li {
        float: left;
        margin-right: 35px;
        width: 170px;
        border-right: 1px solid #ebebeb;
        padding-right: 23px;
    }

        .footer-left li a.footer-menu-expanded, #block-webform-client-block-10 .block__title {
            color: dodgerblue;
            display: inline-block;
            font-family: "opensans-bold-webfont";
            font-size: 14px;
            margin-bottom: 20px;
            padding-bottom: 9px;
            text-transform: uppercase;
            position: relative;
        }

        .footer-left li li {
            /*background: rgba(0, 0, 0, 0) url('../Kma_image/gray-double-arrow.png') no-repeat scroll 0 2px;*/
            font-family: Arial;
            font-size: 12px;
            margin-bottom: 4px;
            padding-left: 13px;
        }

        .footer-left li li {
            border-right: 0;
        }

    .footer-left li {
        float: left;
        margin-right: 35px;
        width: 170px;
        padding-right: 23px;
    }

.footer-right {
    float: right;
    width: 260px;
    position: relative;
    right: 108px;
}

.footer-left li a.footer-menu-expanded, #block-webform-client-block-10 .block__title {
    color: dodgerblue;
    display: inline-block;
    font-family: "opensans-bold-webfont";
    font-size: 14px;
    margin-bottom: 20px;
    padding-bottom: 9px;
    text-transform: uppercase;
    position: relative;
}

    .footer-left li a.footer-menu-expanded::after, #block-webform-client-block-10 .block__title:after {
        background: #008ad2 none repeat scroll 0 0;
        bottom: 0;
        content: "";
        position: absolute;
        width: 40px;
        height: 2px;
        left: 0;
    }

.footer-right #webform-client-form-10 {
    border: 1px solid #ddd;
    overflow: hidden;
}

.footer-right #webform-ajax-wrapper-10 .webform-component-email {
    float: left;
    width: 180px;
    margin-bottom: 0;
    min-height: inherit;
}

.footer-right #webform-ajax-wrapper-10 .element-invisible {
    display: none;
}

.webform-client-form-95 .webform-component label, .webform-client-form-431 .webform-component label, .webform-client-form .webform-component label {
    color: #000;
    font-size: 13px;
    margin-bottom: 10px;
    text-align: justify;
    float: left;
    width: 100%;
}

.footer-right #webform-ajax-wrapper-10 .webform-component-email input {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 none;
    padding: 8px;
    width: 100%;
}

.footer-right #webform-ajax-wrapper-10 .form-actions {
    background: rgba(0, 0, 0, 0) url(../images/footer-mail-but.png) no-repeat scroll center;
    cursor: pointer;
    float: right;
    height: 29px;
    margin-top: 2px;
    width: 45px;
    border-left: 1px solid #ddd;
}

    .footer-right #webform-ajax-wrapper-10 .form-actions input {
        height: 100%;
        opacity: 0;
        width: 100%;
        cursor: pointer;
    }

.webform-client-form-95 .form-actions input, input.red-inpu-but, .webform-client-form-431 .form-actions input, .webform-client-form .form-actions input, #user-login .form-actions input, #user-pass .form-actions input {
    -webkit-appearance: button;
    border-radius: 0px;
    background: #329bde;
    border: 0 none;
    color: #fff;
    font-size: 16px;
    padding: 9px;
    transition: all ease 0.6s;
}

#block-block-3 h2.block__title {
    color: dodgerblue;
    font-family: "opensans-bold-webfont";
    font-size: 13px;
    padding-top: 10px;
    font-weight: normal;
}

.footer-social ul li {
    display: inline-block;
    margin-right: 5px;
    transition: all ease .5s;
}

.digicert-logo {
    float: right;
    margin: -50px 0 0;
    width: 100px;
}

    .digicert-logo > div {
        background: rgba(0, 0, 0, 0) url(../images/digicart-logo.jpg) no-repeat scroll 0 0;
        float: right;
        padding-top: 76px;
        width: 100px;
    }

#DigiCertClickID_TA1dlqGi > a {
    color: #656464;
    font-family: "lato-semibold-webfont";
    font-size: 12px;
    margin-top: 5px;
    float: left;
}
/*.footer-last {
    background: #eaeaea;
    padding: 10px 0;
    width: 100%;
    border-top: solid 1px #ebebeb;
}*/
.footer-last p.left {
    width: 50%;
    float: left;
}

.footer-last p, .footer-last p a {
    font-size: 13px;
    color: #797979;
}

    .footer-last p, .footer-last p a {
        font-size: 13px;
        color: #797979;
    }

        .footer-last p.right {
            width: 50%;
            text-align: right;
            float: right;
        }

        .footer-last p, .footer-last p a {
            font-size: 13px;
            color: #797979;
        }

            .footer-last p, .footer-last p a {
                font-size: 13px;
                color: #797979;
            }

li {
    list-style: none;
}

.footer-left li a.footer-menu-expanded::after, #block-webform-client-block-10 .block__title:after {
    background: #008ad2 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    position: absolute;
    width: 40px;
    height: 2px;
    left: 0;
}

ul {
    padding-inline-start: 0px;
}

.footer-left li a.footer-menu-expanded, #block-webform-client-block-10 .block__title {
    color: dodgerblue;
    display: inline-block;
    font-family: Arial;
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 20px;
    padding-bottom: 9px;
    text-transform: uppercase;
    position: relative;
}

.footer-right {
    float: right;
    width: 260px;
}

    .footer-right #webform-client-form-10 {
        border: 1px solid #ddd;
        overflow: hidden;
    }

    .footer-right #webform-ajax-wrapper-10 .webform-component-email {
        float: left;
        width: 180px;
        margin-bottom: 0;
        min-height: inherit;
    }

.webform-client-form-95 .webform-component, .webform-client-form-431 .webform-component, .webform-client-form .webform-component {
    margin-right: 2%;
}

#quote-carousel {
    padding: 0 10px 30px 10px;
    margin-top: 10px;
}

    #quote-carousel .carousel-control {
        background: none;
        color: #CACACA;
        font-size: 14px;
        text-shadow: none;
        margin-top: 30px;
    }

    #quote-carousel .carousel-indicators {
        position: relative;
        right: 50%;
        top: auto;
        bottom: 0px;
        margin-top: 20px;
        margin-right: -19px;
    }

        #quote-carousel .carousel-indicators li {
            width: 2px;
            height: 0px;
            cursor: pointer;
            border: 1px solid #ccc;
            box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
            border-radius: 50%;
            opacity: 0.4;
            overflow: hidden;
            transition: all .4s ease-in;
            vertical-align: middle;
        }

        #quote-carousel .carousel-indicators .active {
            width: 2px;
            background-color: deepskyblue;
            height: 0px;
            opacity: 1;
            transition: all .2s;
        }

.item blockquote {
    border-left: none;
    margin: 0;
}

    .item blockquote p:before {
        /*content: "\f10d";*/
        font-family: 'Fontawesome';
        float: left;
        margin-right: 10px;
    }

.announcement-wrap .col-md-2 {
    background-color: #f2ca27;
    color: #c0392b;
    padding: 10px 5px 10px 5px;
    text-align: center;
    font-weight: bold;
    height: 100%;
    position: relative;
}

@media (min-width: 992px) {
    .col-md-2 {
        width: 16.66666667%;
    }
}

@media (min-width: 992px) {
    .col-md-10 {
        width: 83.33333333%;
        height: 3px;
    }
}

.row {
    margin-right: -15px;
    margin-left: -15px;
}

.container-fluid {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.announcement-wrap {
    background-color: #e74c3c;
    padding: 0px;
}

.container-fluid {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

section {
    /*padding-top: 45px;
    padding-bottom: 45px;*/
    display: block;
}

.pull-right {
    float: right !important;
    color: white;
}

.fa-backward:before {
    content: "\f04a";
}

.gallery-title {
    font-size: 36px;
    color: #42B32F;
    text-align: center;
    font-weight: 500;
    margin-bottom: 70px;
}

    .gallery-title:after {
        content: "";
        position: absolute;
        width: 7.5%;
        left: 46.5%;
        height: 45px;
        border-bottom: 1px solid #5e5e5e;
    }

.filter-button {
}

    .filter-button:hover {
    }

.btn-default:active .filter-button:active {
    background-color: #42B32F;
    color: white;
}

.port-image {
    width: 100%;
}

.gallery_product {
    margin-bottom: 30px;
}

.btncate {
    /*margin: 8px 12px 18px -1px;*/
    border-right: 1px solid black;
    padding-left: 10px;
    padding-right: 10px;
    color: black;
    font-size: 16px;
}

.news_maruqq p {
    padding: 10px;
    color: white;
}

 ul{ 
    padding-inline-start: 0px;
}
.Section_Slider {
    background: #f2f2f2;
   
}

/*-------------Service Start-----------*/
/********** Layout CSS ************/
.our_services {
    background-image: url('../Kma_image/Service-slider.jpg');
    background-size: cover;
}


.title {
    margin-bottom: 25px;
    text-align: center;
}

    .title h1 {
        font-size: 25px;
        color: #000000;
    }

/********** Layout CSS ************/
 

.column {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

@media (min-width: 576px) {
    .column {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media (min-width: 768px) {
    .column {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media (min-width: 992px) {
    .column {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
}

.title {
    margin-bottom: 25px;
    text-align: center;
}

    .title h1 {
        font-size: 25px;
        color: #000000;
    }

.credit {
    text-align: center;
    font-size: 20px;
    font-weight: 400;
}

    .credit a {
        font-weight: 900;
        color: #000000;
        text-decoration: underline;
    }

img {
    width: 100%;
    height: auto;
}

/********** Effect #1 CSS *********/
.effect-1 {
    position: relative;
    margin-bottom: 30px;
    overflow: hidden;
}

    .effect-1 .effect-img {
        font-size: 0;
    }

        .effect-1 .effect-img img {
            width: 100%;
            height: auto;
        }

    .effect-1 .effect-text {
        position: absolute;
        width: 100%;
        height: 100%;
        padding: 30px;
        top: calc(100% - 60px);
        left: 0;
        text-align: center;
        background: rgba(0, 0, 0, .5);
        transition: .5s;
    }

    .effect-1:hover .effect-text {
        top: 0;
    }

    .effect-1 .effect-text h2 {
        height: 45px;
        color: #ffffff;
        font-size: 25px;
        margin: -15px 0 0 0;
        transition: .5s;
    }

    .effect-1:hover .effect-text h2 {
        margin: 0;
    }

    .effect-1 .effect-text p {
        color: #ffffff;
        font-size: 16px;
        margin: 0 0 20px 0;
    }

    .effect-1 .effect-btn .btn {
        display: inline-block;
        height: 35px;
        padding: 7px 15px;
        color: #333333;
        background: #ffffff;
        text-decoration: none;
    }

/********** Effect #2 CSS *********/
.effect-2 {
    position: relative;
    margin-bottom: 30px;
    overflow: hidden;
}

    .effect-2 .effect-img {
        position: relative;
        font-size: 0;
        overflow: hidden;
    }

        .effect-2 .effect-img img {
            position: relative;
            width: 100%;
            height: auto;
            transform: scale(1.2);
            bottom: -25px;
            transition: .5s;
        }

    .effect-2:hover .effect-img img {
        bottom: 0;
    }

    .effect-2 .effect-text {
        position: absolute;
        width: 100%;
        height: 100%;
        padding: 30px;
        top: 50%;
        left: 0;
        text-align: center;
        background: rgba(0, 0, 0, .7);
        opacity: 0;
        transition: .5s;
    }
.effect-text p {
    color: white !important; 
}

.effect-2:hover .effect-text {
    top: 0;
    opacity: 1;
}

    .effect-2 .effect-text p {
        color: #ffffff;
        font-size: 16px;
        margin: 0 0 20px 0;
    }

    .effect-2 .effect-btn {
        position: absolute;
        width: 100%;
        padding: 15px 7.5px;
        left: 0;
        bottom: 0;
        background: rgba(0, 0, 0, .5);
    }

    .effect-2 .effect-text h2 {
        display: inline-block;
        color: #ffffff;
        font-size: 21px;
        font-weight: 400;
        float: left;
        margin: 5px 7.5px 0 7.5px;
    }

    .effect-2 .effect-btn .btn {
        position: relative;
        display: inline-block;
        float: right;
        height: 35px;
        padding: 7px 15px;
        margin: 0 7.5px;
        color: #333333;
        background: #ffffff;
        text-decoration: none;
    }

/********** Effect #3 CSS *********/
.effect-3 {
    position: relative;
    margin-bottom: 30px;
    overflow: hidden;
}

    .effect-3 .effect-img {
        font-size: 0;
        overflow: hidden;
    }

        .effect-3 .effect-img img {
            width: 100%;
            height: auto;
            transition: .3s;
        }

    .effect-3:hover .effect-img img {
        transform: scale(1.2);
    }

    .effect-3 .effect-text {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        padding: 30px;
        text-align: center;
        background: rgba(0, 0, 0, .5);
        transition: .5s;
        transform: scale(0);
        opacity: 0;
    }

    .effect-3:hover .effect-text {
        transform: scale(1);
        opacity: 1;
    }

    .effect-3 .effect-text h2 {
        height: 45px;
        color: #ffffff;
        font-size: 25px;
        margin: 0;
    }

    .effect-3 .effect-text p {
        color: #ffffff;
        font-size: 16px;
        margin: 0 0 20px 0;
    }

    .effect-3 .effect-btn .btn {
        display: inline-block;
        height: 35px;
        padding: 7px 15px;
        color: #333333;
        background: #ffffff;
        text-decoration: none;
    }
 /*-------  Service Page      ----------*/
.service_details {
    padding-top: 200px;
    padding-bottom: 60px;
}
.service_list {
    background: #f4f4f4;
    padding: 20px;
}
    .service_list ul li {
        border-bottom: 1px dashed #c9c9c9;
        box-sizing: border-box;
        font-size: 16px;
        line-height: 21px;
        padding: 20px 0 15px 30px;
        transition: all 0.6s ease 0s;
        width: 100%;
    }
.service_content h5 {
    color: #0587d1; 
}
#welcomeSection {
    background-color: #2980b9;
    color: white;
}

#About {
    background-color: #1abc9c;
    color: white;
}

    #About p, #Skills p {
        padding: 0 120px;
        text-align: left;
    }

#Skills {
    background-color: #d35400;
    color: white;
}

#Work {
    background-color: #34495e;
    color: white;
}

#Clients {
    background-color: #f39c12;
    color: white;
}

#Contact {
    background-color: #9b59b6;
    color: white;
}

 

nav {
    margin: 0 auto;
}

    nav ul {
        list-style-type: none:
    }

        nav ul li {
            display: inline-block;
        }

            nav ul li a {
                margin-right: 25px;
                display: inline-block;
                color: yellow;
                transition: ease-out .2s;
            }

                nav ul li a:hover {
                    text-decoration: none;
                    color: white;
                    transform: rotate(5deg);
                }
.need-help img {
    width: 200px;
    
}
.footer-area {
    background: #fbfdff;
}

.footer-area .footer-top {
    padding: 12px 0
}

    .footer-area .footer-top .single-wedge h4 {
        font-size: 16px;
        text-transform: uppercase;
        font-weight: 600;
        margin-bottom: -21px;
        position: relative;
        color: black;
    }

.text-infor {
    color: black;
}

.footer-area .footer-top .single-wedge p {
    line-height: 24px
}

    .footer-area .footer-top .single-wedge p.text-infor {
        width: 90%
    }

@media only screen and (max-width:767px) {
    .footer-area .footer-top .single-wedge p.text-infor {
        width: 100%
    }
}

.footer-area .footer-top .single-wedge .need-help {
    margin-top: 30px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAvCAYAAAClgknJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTEzNkUwREE2NjZCMTFFQTg4Mzk4RjVGMDAzMDU3RDAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTEzNkUwREI2NjZCMTFFQTg4Mzk4RjVGMDAzMDU3RDAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1MTM2RTBEODY2NkIxMUVBODgzOThGNUYwMDMwNTdEMCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1MTM2RTBEOTY2NkIxMUVBODgzOThGNUYwMDMwNTdEMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PmeHKXQAAATkSURBVHjaxJpbbBVFHIeXUg8U2oLIScNFDiItUrRC4IEiCbcESI2YGDRoKVJCwIdCm8YmlaQQ4IEQwqORi5AQCDxwE2MLCRdRg2mDDRClApaqhQIpRSK3WoEeflN+m0yH3XN2duf0TPL1tLM7899vz851a0WjUcuFqaAOdIC/QAXoHeP8eIwEk8FbYGCAerrhdqAQPAW/gY3gMOgENaCvz2C10e7pFvgWlIJXTQrM5F0/AvpI+QvBE3DUp8RQMAvMAyvBV7xBnbxZx8HsoAJDeGdEOgRCyvFPAko4MQyUgybG/RHk+RU4AO6D1bwzPSUhSAWfghvgMVgFUnQEZvEOlPLvJR4kjhmWEGSAHbyW70B/rwI/gEbwkpRnSxx2kPhYU2IXuMqebS9YAUbFOH8x26Jo/APiCYyn8XKHk5awkQWVEI/HNvY8VxivkzeuwKXMXPAfOOkQu5vAZvCAX5+VQAm1V1opydS4dKfzWP+WWAINvLhYAb1IHPHS8BTE+cvAXdDGblw9p4qS850EsniwxEOwYkp84yBRzHo+9Nl4I+AcH5k5yjExA/gJtIBMVWAmA+d7DBRLQowh213KfQTW8ZvMdjknk432IXhbOTae3et6VWApBbI07lYxHxlZohfv0FaXMvtBuzSVqHUZecPgT3AJpCnH9vBRy5QFKlih7rOrSpSznvfjlHudXWgjz/+Sg5h8zjvsodYq+Xkss0wWqGSmn+fWlqhnwH38JryUFdIbWG6Xw/Hd4F+HmatoJ6dlgTIKpPmU2MLyB9z66jiUuHQiuS75q9gWMmyBIp4Y8RE8V5q5hgJMH0TXfA8MUvLrONCp65So3VOlWJZ1xXqexlj66XNwHxSB/y3/6QuQDgqV/GNgMkiT8s7zc5z4IQR+BY95om6aDqrBPStYugTOgneV/HoQAtlS3gNww84TAo9YeI6PwANAq2UmXQBjlbxmfg5X8u8wdpeASAdBPohoBhUBcg0JNNsXJaU2foYc8vt2/SZNrDq4/tVpfFUclScZWAeks1NQ8yc6jBMRruS6rQd2cjUW1ggqRsQ/wHWQY3hho72kHMWhfqdmJaMp0JIMCTVjDUfG9zQrykmWhJohlpM/gzs+LiQpEk6Zw8E1orvhlC1JjNEsm8UGO9jEzpzY/rvNRXiiJTI4cXvKKcITTsnTgghYXFDYEiN8SFzzICF6sTNchVVxEb+JkzWxU9cviIAt0WpA4g2H4wN58U5riPleJbxcSFCJv7mKquBAJbrrRRw/2vnIVDvMZj1JeL2QIBJDuGpT0y9stIs8SJxwk9C5EFuiyYeExc7gA7AAvKkc8y2hexF5ASViUUSJGh0JP4GSLXFSlvAbqKck+sSTCBJIlogYlljoQeJQUAF7xE6GhL2Tkm8iUCIlCl0kMilQZipQT0gclSQmUKDIZCBbQuxrvpZAiTD3i/4R+0im5+fj+JLuJl9qm6zbfi/3iBTYG1sm00UwBdwFp0ElSDVYv9gCeghmgxp5V8I06Vxbi3SRLz1SfNQjNopngO9Z1yl7NyLoQOaV6eA8g1/ly4mJHv7nYjS3639n2WZ2qy/sfHdlJDj1AgXgM371IW5FNoAmbhWKiwiDV7hRFmbeGfA12Oe299oTAnJ6GUwDU7mNKHYC+4HefL5bwGVQC07x75jpmQADAO3h2gZPouxlAAAAAElFTkSuQmCC) 0 5px no-repeat;
    /*padding-left: 60px;*/
    padding-bottom: 5px
}

    .footer-area .footer-top .single-wedge .need-help p {
        font-size: 16px;
        margin-bottom: 5px;
        text-transform: uppercase
    }

        .footer-area .footer-top .single-wedge .need-help p span {
            font-size: 22px;
            font-weight: 600;
            color: black;
            margin: 0;
            display: block;
            line-height: 30px
        }

.footer-area .footer-top .single-wedge .footer-links li {
    display: block;
    margin: 0;
    line-height: 1;
    border: 0;
    padding: 0;
    font-weight: 400;
    margin-bottom: 8px
}

.footer-area .footer-top .single-wedge .footer-links a {
    font-size: 14px;
    line-height: 24px;
    padding: 0;
    display: block;
    text-transform: capitalize;
    color: black;
    margin-bottom: 0;
    display: block;
    position: relative;
    transition: all .3s linear
}

    .footer-area .footer-top .single-wedge .footer-links a:hover {
        padding-left: 10px;
        color: black;
        opacity: .8
    }

.footer-area .footer-top .single-wedge .subscribe-form {
    position: relative;
    overflow: hidden;
    margin-top: 10px
}

    .footer-area .footer-top .single-wedge .subscribe-form .validate {
        height: 47px;
        background: #fff;
        border: 0;
        color: #b1b1b1;
        padding: 15px 120px 0 20px;
        display: inline-block;
        width: 100%;
        font-size: 14px;
        border: none;
        border-radius: 5px
    }

        .footer-area .footer-top .single-wedge .subscribe-form .validate input.email {
            width: 100%
        }

        .footer-area .footer-top .single-wedge .subscribe-form .validate .button {
            position: absolute;
            top: 0;
            right: 0;
            text-transform: uppercase;
            font-size: 0;
            font-weight: 700;
            font-size: 14px;
            color: #fff;
            background: #1d1d1d;
            border: 0;
            box-shadow: none;
            padding: 0 20px;
            line-height: 47px;
            height: 47px;
            border-radius: 0 5px 5px 0;
            transition: all .3s linear
        }

            .footer-area .footer-top .single-wedge .subscribe-form .validate .button:hover {
                background: #292929
            }

.footer-area .footer-top .single-wedge .social-info {
    margin-top: 30px
}

    .footer-area .footer-top .single-wedge .social-info li {
        display: inline-block;
        margin: 0 10px 10px 0;
        line-height: 40px;
        padding: 0
    }

    .footer-area .footer-top .single-wedge .social-info a {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        color: #fff;
        background: #247cea;
        font-size: 16px;
        padding: 0;
        line-height: 40px;
        width: 40px;
        height: 40px;
        border-radius: 100%;
        text-align: center;
        border: none;
        z-index: 1;
        transition: all .3s linear
    }

        .footer-area .footer-top .single-wedge .social-info a:hover {
            background: #fff;
            Color: #146cda
        }

.footer-area .footer-bottom {
    padding: 20px 0;
    border-top: 1px solid rgba(255,255,255,.1)
}

    .footer-area .footer-bottom p {
        font-size: 14px;
        color: #fff;
        margin-top: 3px
    }

        .footer-area .footer-bottom p a {
            color: #fff
        }

            .footer-area .footer-bottom p a:hover {
                opacity: .7
            }

@media only screen and (max-width:767px) {
    .footer-area .footer-bottom p {
        margin-bottom: 20px
    }
}

@media only screen and (max-width:767px) {
    .footer-area .footer-bottom {
        text-align: center
    }

        .footer-area .footer-bottom .text-right {
            text-align: center !important
        }
}

.digicert-logo {
    float: right;
    margin: -50px 0 0;
    width: 100px;
}

    .digicert-logo > div {
        background: rgba(0, 0, 0, 0) url(../images/digicart-logo.jpg) no-repeat scroll 0 0;
        float: right;
        padding-top: 76px;
        width: 100px;
    }

#DigiCertClickID_TA1dlqGi > a {
    color: #656464;
    font-family: "lato-semibold-webfont";
    font-size: 12px;
    margin-top: 5px;
    float: left;
}
/*.footer-last {
    background: #eaeaea;
    padding: 10px 0;
    width: 100%;
    border-top: solid 1px #ebebeb;
}*/
.footer-last p.left {
    width: 50%;
    float: left;
}

.footer-last p, .footer-last p a {
    font-size: 13px;
    color: #797979;
}

    .footer-last p, .footer-last p a {
        font-size: 13px;
        color: #797979;
    }

        .footer-last p.right {
            width: 50%;
            text-align: right;
            float: right;
        }

        .footer-last p, .footer-last p a {
            font-size: 13px;
            color: #797979;
        }

            .footer-last p, .footer-last p a {
                font-size: 13px;
                color: #797979;
            }

li {
    list-style: none;
}

.footer-left li a.footer-menu-expanded::after, #block-webform-client-block-10 .block__title:after {
    background: #008ad2 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    position: absolute;
    width: 40px;
    height: 2px;
    left: 0;
}

ul {
    padding-inline-start: 0px;
}

.footer-left li a.footer-menu-expanded, #block-webform-client-block-10 .block__title {
    color: dodgerblue;
    display: inline-block;
    font-family: Arial;
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 20px;
    padding-bottom: 9px;
    text-transform: uppercase;
    position: relative;
}

.footer-right {
    float: right;
    width: 260px;
}

    .footer-right #webform-client-form-10 {
        border: 1px solid #ddd;
        overflow: hidden;
    }

    .footer-right #webform-ajax-wrapper-10 .webform-component-email {
        float: left;
        width: 180px;
        margin-bottom: 0;
        min-height: inherit;
    }
.footer_copy {
    background: black;
}
.footer_copy p {
    color: white;
    padding : 20px;
    margin-bottom:0px;
}

/*-------We Choose Us---------*/
 
section#counter-stats2 {
    background-image: url('../Kma_image/Why_choose_us.jpg');
    background-attachment: fixed;
    background-size: cover;
    width: 100%;
    padding: 90px;
    padding-top: 100px;
}

@media only screen and (max-width: 600px) {
    section#counter-stats2 {
        background-image: url('../Kma_image/Why_choose_us.jpg');
        background-size: cover;
        width: 100%;
        padding: 50px;
    }
}
section#counter-stats {
    background-image: url('../Kma_image/Why_choose_us.jpg');
    background-attachment: fixed;
    background-size: cover;
    width: 100%;
    padding: 90px;
}

@media only screen and (max-width: 600px) {
    section#counter-stats {
        background-image: url('../Kma_image/Why_choose_us.jpg');
        background-size: cover;
        width: 100%;
        padding: 50px;
    }
}

.we_title {
    text-align: center;
    margin-bottom: 60px;
}


    .we_title span {
        color: white !important;
        margin-bottom: 10px;
    }

    .we_title h2 {
        color: white;
        margin: 0px !important;
        padding: 0px !important;
        margin-bottom: 30px;
    }

.stats {
    text-align: center;
    font-size: 35px;
    font-weight: 700;
    font-family: 'Montserrat', sans-serif;
    border-right: 1px solid gold;
}

.counting {
    color: white;
}

.stats h5 {
    color: white;
}

.stats .fa {
    color: white;
    font-size: 60px;
    margin-bottom: 15px;
}

.why-choose {
    position: relative;
}

.padding-lg {
    display: block;
    padding-top: 90px;
    padding-bottom: 90px;
}

.why-choose h2 {
    padding-bottom: 70px;
    color: #fff;
}
/*-------Service Page---------*/
.page_data {
    position: relative;
    top: 20px;
    margin-bottom : 150px;
}
.service_sidebar {
}
    .service_sidebar li {
        background: #a62320 ;
        border-bottom: 1px dashed white;
        box-sizing: border-box;
        font-size: 14px;
        line-height: 21px;
        padding: 20px 0 15px 30px;
        transition: all 0.6s ease 0s;
        width: 100%;
    }
    .service_sidebar ul {
        background: #a62320 none repeat scroll 0 0;
        box-sizing: border-box;
        margin: 0;
        padding: 0 20px;
        width: 100%;
    }
    .service_sidebar li a {
        color: white;
        transition: all 0.6s ease 0s;
        font-size: 14px;
    }

/*----- Blogs -------*/
.timing {
    background: #f2f2f2;
    padding : 2px;
}
.timing span {
    margin-left : 20px;
    color: black;
}

.card {
    /*height: 525px;*/
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 0 40px 40px -20px #8fc7d544;
    overflow: hidden;
    margin-bottom: 20px;
}

    .card .card-top {
        height: 236px;
        font-family: 'neuzeit-grotesk', sans-serif;
        font-weight: 300;
        font-style: normal;
        font-size: 1em;
        line-height: 1.5;
        color: #303336;
        background-color: #d1e8ee;
        overflow: hidden;
    }

        .card .card-top a {
            display: block;
            height: 100%;
        }

            .card .card-top a img {
                width: 100%;
                height: inherit;
                object-fit: cover;
                object-position: center;
                transition: 300ms;
            }

    .card .card-content {
        padding: 30px;
    }

        .card .card-content .tag {
            font-weight: 700;
            letter-spacing: 0px;
        }

    .card .tag-travel {
        color: #036eb6;
    }

    .card .tag-nature {
        color: steelblue;
    }

    .card .tag-architecture {
        color: #9b3d33;
    }

    .card .title {
        color: #036eb6;
        font-weight: 700;
        transition: 300ms;
    }

    .card p {
        color: #7B8591;
        margin-top: 20px;
    }


    /* ---------------------------- */
    /* Content Style | Hover Effect */
    /* ---------------------------- */

    .card .card-top a img:hover {
        opacity: .75;
    }

    .card .title:hover {
        color: #303336bb;
    }

/* Just Copy The Code Above */
/* ======================== */


/* Display this style when screen-width is lower than 1240px */
@media only screen and (max-width: 1240px) {

    main {
        display: block;
        height: auto;
        min-height: max(640px, 100vh);
        padding: 80px 0;
    }

    .card-container {
        grid-template-columns: 1fr 1fr;
        height: auto;
        margin: 0;
        padding: 40px;
    }

    .card {
        height: auto;
    }
}

/* Display this style when screen-width is lower than 768px */
@media only screen and (max-width: 768px) {

    .card-container {
        grid-template-columns: 1fr;
    }
}

/* Display this style when screen-width is lower than 425px */
@media only screen and (max-width: 425px) {

    .card-container {
        padding: 20px;
    }
}
.categories_box {
    border: 1px solid black;
}
.categories_box h4 {
    background: #036eb6;
    padding : 5px;
    color: white;
    margin-bottom: 0px;
    
}
.categories_box li {
    padding: 5px;
    border-bottom: 1px solid aliceblue;
    border-right: 1px solid aliceblue;
    border-left: 1px solid aliceblue;
}
.categories_box ul {
}
/*----------   INTERSHIPS    ---------------*/
.single_advertisement {
    background: #f9f9f9;
    padding: 15px;
    margin-bottom: 20px;
   
}
    .single_advertisement strong {
        color: #606569;
        font-weight: 700;
        font-size: 15px;
    }
    .single_advertisement span {
        color : black;
        font-size: 14px;
    }
.btn_how {
   background: blue;
   color: white;
   padding : 8px;
}
    .btn_how:hover {
        color: white;
    }
    .btn_Now {
    background: red;
    color: white;
    padding: 8px;
}
.btn_Now:hover {
    color: white;
}
.social_shere {
    width:100%;
    margin-bottom: 10px;
    float :right;
}
/*---- contact us   -------*/
h1.short, h2.short {
    margin-bottom: 15px;
}
.form-group {
    margin-bottom: 15px;
}
form label {
    font-weight: normal;
}
label {
    display: inline-block;
    margin-bottom: 5px;
    color: #777;
}
.form-control {
    height: 46px;
    padding: 12px;
}
p{
    color: black !important;
}
span {
    color: black !important;
}

.navbar-nav span {
    color: white !important ;
}
.ADS_Title {
    color : black;
}
.copy-text {
    color: white !important;
}
/*-----   Resume Part   --------*/
.resume_content {
    background-image: url('../Kma_image/careers_banner.jpg');
    background-size: cover;
    /*background: rgba(0,0,0, .7);*/
    width: 100%;
    height: 200px;
    padding : 20px;
    text-align: center;
    margin-bottom: 20px;
}
@media only screen and (max-width: 600px)
{
    .resume_content{
       height:auto;
    }
}
    .resume_content h2 {
        color: white;
    }
    .hi {
        color: yellow !important;
    }
    .resume_content h3 {
        color:white;
    }
    .btn_resume {
        background: white;
        padding: 8px;
        border: none;
    }
    /*----   Job part   ----*/
.job_content {
    background-image: url('../Kma_image/careers_banner.jpg');
    background-size: cover;
    /*background: rgba(0,0,0, .7);*/
    width: 100%;
    height: 200px;
    padding: 50px;
    text-align: center;
    margin-bottom: 20px;
}

@media only screen and (max-width: 600px) {
    .job_content {
        height: auto;
    }
}
.job_content h2 {
    color:white;
}
/*-----  Ngo page button   -----*/
.bdbox {
    
     border: 1px solid white;
     
    
}
.login_register {
    background: Orange;
    padding: 10px;
    color: white;
    font-weight: 700;
    font-size: 20px;
    border:1px solid white;
    width: 200px;
    margin-bottom: 10px;
}

.login_register p {
    color: white !important;
    font-size: 20px;
    text-align: center;
    margin: 10px;
    
}
.p_lg {
    font-size: 12px !important;
    color: white !important;
    margin: 0px !important;
    position: relative;
    top: -15px;
}
.butn {
    float : left;
    margin: 0px 10px;
    text-align: center;
}
.left-mg {
    margin-left: 120px !important;
}
@media only screen and (max-width: 600px)
{
    .left-mg {
        margin-left:10px !important;
    }
}
.ref-links p {
    background: #036eb6;
    color: white !important;
    padding: 10px;
    margin-bottom: 0px!important; 
}
.hh2 {
    background: wheat;
    padding : 10px;
    color: black;
    width: 100% !important;
    
}
.count_round {
    border: none;
    color: black !important;
    background: #036eb6;
    padding: 10px;
    margin-bottom: 20px;
}
.single_line {
    background: #cdd9e4;
    padding: 6px 54px 6px 0px;
    margin-bottom: 10px;
    margin-top: 10px;
    border-left: 2px solid black;
}
.single_line span {
    color: white !important;
}

.col-md-12 {
    margin-bottom: 20px;
}
.col-md-4 {
    margin-bottom: 20px;
}
.col-md-5 {
    margin-bottom: 20px;
}
.col-md-6 {
    margin-bottom: 20px;
}
.col-md-3 {
    margin-bottom: 20px;
}

/*---TOT Page ----*/
.tot-page p {
    color: #6e6e6e;
    font: 18px Lato;
    line-height: 30px;
}
.post-pagination ul li a, .nav-tabs > li.active, #sidebar .testimonial img, .testimonial img, .quote-text blockquote, .service-single .post-text .block-quote, .expertise-icon, .btn-primary-outline, .dropdown-menu, #sidebar ul.menu-sidebar li.active, #sidebar ul.menu-sidebar li:hover, .panel-heading, #main .post-text .block-quote, .primary-header .dropdown-menu {
    border-color: #f3525a !important;
}
.service-single .post-text .block-quote {
    border-bottom: 1px solid;
    border-top: 4px solid;
    margin-top: 40px;
    padding-bottom: 30px;
    padding-top: 30px;
}
    .service-single .post-text .block-quote img {
        float: left;
        padding-bottom: 40px;
        padding-right: 30px;
    }
.service-single .block-quote .normal {
    font-style: italic;
    color: #23272b;
}
.block-quote img {
    float: left;
    padding-right: 20px;
    width: 50px;
}
.post-text {
   border: 5px solid #f3525a;
    width: 100%;
    height: 4px;
    margin-bottom: 83px;
}
.block-quote {
    margin-top: 30px;
}
.content_list ul li {
    line-height: 4;
    color: black;
    list-style: disc;
    margin-left: 20px;
    font-size: 16px;
}
.content_dis ul li {
    line-height: 3;
    color: black;
    font-size: 16px;
    list-style: disc;
    margin-left: 20px;
}
/*----caution_page --------*/
.caution_page {
    margin-top: 160px;
    margin-bottom: 40px;
}
.caution_page h5 {
    color: blue !important;
}
.caution_page strong {
    color: black;
    font-weight: 600;
}
.caution_title {
    text-align: center !important;
}
.caution_title h6 {
    color: red;
}
/*-----rentation_policy------*/
.rentation_policy {
    padding: 199px;
}
@media only screen and (max-width: 600px)
{
    .rentation_policy {
        padding: 0px;
    }
}
/*----FAQ------*/

.faq-section {
    background: #fdfdfd;
    min-height: 100vh;
    padding: 10vh 0 0;
}

.faq-title h2 {
    position: relative;
    margin-bottom: 45px;
    display: inline-block;
    font-weight: 600;
    line-height: 1;
}

    .faq-title h2::before {
        content: "";
        position: absolute;
        left: 50%;
        width: 60px;
        height: 2px;
        background: #E91E63;
        bottom: -25px;
        margin-left: -30px;
    }

.faq-title p {
    padding: 0 190px;
    margin-bottom: 10px;
}

.faq {
    background: #FFFFFF;
    box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.06);
    border-radius: 4px;
}

    .faq .card {
        border: none;
        background: none;
        border-bottom: 1px dashed #CEE1F8;
    }

        .faq .card .card-header {
            padding: 0px;
            border: none;
            background: none;
            -webkit-transition: all 0.3s ease 0s;
            -moz-transition: all 0.3s ease 0s;
            -o-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
        }

            .faq .card .card-header:hover {
                background: rgba(233, 30, 99, 0.1);
                padding-left: 10px;
            }

            .faq .card .card-header .faq-title {
                width: 100%;
                text-align: left;
                padding: 0px;
                padding-left: 30px;
                padding-right: 30px;
                font-weight: 400;
                font-size: 15px;
                letter-spacing: 1px;
                color: #3B566E;
                text-decoration: none !important;
                -webkit-transition: all 0.3s ease 0s;
                -moz-transition: all 0.3s ease 0s;
                -o-transition: all 0.3s ease 0s;
                transition: all 0.3s ease 0s;
                cursor: pointer;
                padding-top: 20px;
                padding-bottom: 20px;
            }

                .faq .card .card-header .faq-title .badge {
                    display: inline-block;
                    width: 20px;
                    height: 20px;
                    line-height: 14px;
                    float: left;
                    -webkit-border-radius: 100px;
                    -moz-border-radius: 100px;
                    border-radius: 100px;
                    text-align: center;
                    background: #E91E63;
                    color: #fff;
                    font-size: 12px;
                    margin-right: 20px;
                }

        .faq .card .card-body {
            padding: 30px;
            padding-left: 35px;
            padding-bottom: 16px;
            font-weight: 400;
            font-size: 16px;
            color: #6F8BA4;
            line-height: 28px;
            letter-spacing: 1px;
            border-top: 1px solid #F3F8FF;
        }

            .faq .card .card-body p {
                margin-bottom: 14px;
            }

@media (max-width: 991px) {
    .faq {
        margin-bottom: 30px;
    }

        .faq .card .card-header .faq-title {
            line-height: 26px;
            margin-top: 10px;
        }
}
.page_bg {
    background: aliceblue;
}
.part_one {
    background: aliceblue;
    margin-top: 148px;
    padding: 40px;
}
.part_two{
    background: white;

}
.chat_one {
    background-color: white;
    border: 1px solid black;
    padding: 20px;
    text-align: center;
}
.box_icon i {
    font-size:60px;
    margin-bottom: 50px;
}
.chat_one h2 {
    margin-bottom: 50px;
}
.part_three {
    background: aliceblue;
    text-align: center;
}
.font_18 {
    font-size: 18px;
    text-align: justify;
}
.img_sid {
    width: 316px;
    float: left;
    padding-right: 17px;
}
.part_four {
    background: aliceblue;
}
.box_style_4 {
    background: white;
}
.single_box {
    text-align: center;
}
.single_box p {
    text-align: center;
}
.ins img {
    width: 40px;
    margin-bottom: 20px;
}
.box_style_4 {
    padding : 30px;
    margin-bottom: 15px;
}
@media only screen and (max-width:600px)
{
    .box_style_4 {
        padding: 10px;
    }
}
.center_title h4     {
    text-align: center;
    color: blue;    
    font-size: 30px;
}
.part_five {
    text-align: center; 
}
.ptext {
    height: 90px;
    overflow: hidden;
}
.rept_social ul li  {
    background: black;
    border-radius: 10px;
    width: 50px; 
    height: 50px;
    display:inline-block;
}
    .rept_social ul li i {
        color: white;
        margin: 15px 17px;
        font-size: 20px;
    }

.content_text {
    margin-top: 60px;
}
#lnkPage {
    border: none;
    border-radius: 4px;
}