.flex-center-start {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
}

body {
    font-family: "Open Sans", sans-serif, Roboto !important;
    font-weight: normal;
    font-style: normal;
}

.img {
    max-width: 100%;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}


a,
.button {
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}


    a:focus,
    .button:focus, button:focus {
        text-decoration: none;
        outline: none;
    }


    a:focus {
        text-decoration: none;
    }


    a:focus,
    a:hover,
    .portfolio-cat a:hover,
    .footer -menu li a:hover {
        text-decoration: none;
    }

a,
button {
    color: #1F1F1F;
    outline: medium none;
}

h1, h2, h3, h4, h5, h6 {
    font-family: Mulish,sans-serif,Arial, Helvetica !important;
    color: #001D38;
}

    h1 a,
    h2 a,
    h3 a,
    h4 a,
    h5 a,
    h6 a {
        color: inherit;
    }

ul {
    margin: 0px;
    padding: 0px;
}

/*li {
    list-style: none;
}*/
label {
    color: #484545;
    /*cursor: pointer;*/
    font-size: 14px;
    font-weight: 400;
}

*::-moz-selection {
    background: #444;
    color: #fff;
    text-shadow: none;
}

::-moz-selection {
    background: #444;
    color: #fff;
    text-shadow: none;
}


::selection {
    background: #444;
    color: #fff;
    text-shadow: none;
}


*::-webkit-input-placeholder {
    color: #cccccc;
    font-size: 14px;
    opacity: 1;
}


*:-ms-input-placeholder {
    color: #cccccc;
    font-size: 14px;
    opacity: 1;
}


*::-ms-input-placeholder {
    color: #cccccc;
    font-size: 14px;
    opacity: 1;
}


*::placeholder {
    color: #cccccc;
    font-size: 14px;
    opacity: 1;
}


h3 {
    font-size: 24px;
}


.mb-65 {
    margin-bottom: 67px;
}


.black-bg {
    background: #020c26 !important;
}


.white-bg {
    background: #ffffff;
}


.gray-bg {
    background: #f5f5f5;
}


.bg-img-1 {
    background-image: url(../img/slider/slider-img-1.jpg);
}


.bg-img-2 {
    background-image: url(../img/background-img/bg-img-2.jpg);
}


.cta-bg-1 {
    background-image: url(../img/background-img/bg-img-3.jpg);
}


.overlay {
    position: relative;
    z-index: 0;
}


    .overlay::before {
        position: absolute;
        content: "";
        background-color: #040E27;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
        opacity: .1;
    }


.overlay2 {
    position: relative;
    z-index: 0;
}


    .overlay2::before {
        position: absolute;
        content: "";
        background-color: #001D38;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
        opacity: 0.6;
    }


.overlay_03 {
    position: relative;
    z-index: 0;
}


    .overlay_03::before {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background: #001D38;
        opacity: .6;
        content: '';
        z-index: -1;
    }


.bradcam_overlay {
    position: relative;
    z-index: 0;
}


    .bradcam_overlay::before {
        position: absolute;
        content: "";
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#5db2ff+0,7db9e8+100&1+24,0+96 */
        background: -moz-linear-gradient(left, #5db2ff 0%, #65b4f9 24%, rgba(124, 185, 233, 0) 96%, rgba(125, 185, 232, 0) 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(left, #5db2ff 0%, #65b4f9 24%, rgba(124, 185, 233, 0) 96%, rgba(125, 185, 232, 0) 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, #5db2ff 0%, #65b4f9 24%, rgba(124, 185, 233, 0) 96%, rgba(125, 185, 232, 0) 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5db2ff', endColorstr='#007db9e8',GradientType=1 );
        /* IE6-9 */
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
        opacity: 1;
    }


.section-padding {
    padding-top: 120px;
    padding-bottom: 120px;
}


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

/* button style */

.owl-carousel .owl-nav div {
    background: transparent;
    height: 50px;
    left: 0px;
    position: absolute;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 50px;
    color: #707070;
    background-color: transparent;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    left: 50px;
    font-size: 15px;
    line-height: 50px;
    border: 1px solid #4D6174;
    left: 150px;
    color: #fff;
}


    .owl-carousel .owl-nav div.owl-next {
        left: auto;
        right: 150px;
    }


        .owl-carousel .owl-nav div.owl-next i {
            position: relative;
            right: 0;
        }


    .owl-carousel .owl-nav div.owl-prev i {
        position: relative;
        top: 0px;
    }


.owl-carousel:hover .owl-nav div {
    opacity: 1;
    visibility: visible;
}


    .owl-carousel:hover .owl-nav div:hover {
        color: #fff;
        background: #001D38;
        border: 1px solid transparent;
    }


.mb-20px {
    margin-bottom: 20px;
}


.mb-55 {
    margin-bottom: 55px;
}


.mb-40 {
    margin-bottom: 40px;
}


.mb-20 {
    margin-bottom: 20px;
}


.mb-60 {
    margin-bottom: 50px !important;
}


.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999;
    background-color: #000;
}


.custom_search_pop .modal-content .serch_form {
    position: relative;
}


    .custom_search_pop .modal-content .serch_form input {
        width: 100%;
        height: 70px;
        background: #fff;
        border: none;
        padding-left: 20px;
        color: #000;
        font-size: 15px;
        padding-right: 120px;
    }

@media (max-width: 767px) {

    .custom_search_pop .modal-content .serch_form input {
        height: 50px;
    }
}


.custom_search_pop .modal-content .serch_form input::placeholder {
    color: #000;
    font-size: 15px;
}


.custom_search_pop .modal-content .serch_form input:focus {
    outline: none;
}


.custom_search_pop .modal-content .serch_form button {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 18px;
    height: 100%;
    padding: 20px;
    color: #fff;
    background: #FF4A52;
    display: inline-block;
    border: none;
    line-height: 50px;
    height: 70px;
    padding: 0 30px;
    cursor: pointer;
}

@media (max-width: 767px) {

    .custom_search_pop .modal-content .serch_form button {
        height: 50px;
    }
}


.modal::before {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    z-index: 1062;
    opacity: 1;
    position: fixed;
    content: '';
    opacity: .8;
    z-index: -1;
}


.boxed-btn {
    background: #1EC6B6;
    color: #fff;
    display: inline-block;
    padding: 14px 44px;
    font-family: "Rubik", sans-serif;
    font-size: 14px;
    font-weight: 400;
    border: 0;
    border: 1px solid #1EC6B6;
    text-align: center;
    color: #fff !important;
    text-transform: uppercase;
    cursor: pointer;
}


    .boxed-btn:hover {
        background: #FF4A52;
        color: #fff !important;
        border: 1px solid #FF4A52;
    }


    .boxed-btn:focus {
        outline: none;
    }


    .boxed-btn.large-width {
        width: 220px;
    }


.boxed-btn3 {
    background: #005c27;
    color: #fff;
    display: inline-block;
    padding: 12px 41px;
    font-family: "Oswald",sans-serif,Roboto;
    font-size: 18px;
    font-weight: 500;
    border: 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
    text-transform: capitalize;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    cursor: pointer;
}


    .boxed-btn3:hover {
        background: #079242;
        color: #fff !important;
    }


    .boxed-btn3:focus {
        outline: none;
    }


    .boxed-btn3.large-width {
        width: 220px;
    }


.boxed-btn4 {
    background: #FF4A52;
    color: #fff;
    display: inline-block;
    padding: 13px 39px;
    font-family: "Rubik", sans-serif;
    font-size: 16px;
    font-weight: 500;
    border: 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
    text-transform: capitalize;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    cursor: pointer;
}


    .boxed-btn4:hover {
        background: #1EC6B6;
        color: #fff !important;
    }


    .boxed-btn4:focus {
        outline: none;
    }


    .boxed-btn4.large-width {
        width: 220px;
    }


.section_title h3 {
    font-size: 38px;
    font-weight: 400;
    color: #040E27;
    position: relative;
    z-index: 0;
    padding-bottom: 7px;
}

@media (max-width: 767px) {

    .section_title h3 {
        font-size: 30px;
        line-height: 36px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {

    .section_title h3 {
        font-size: 36px;
        line-height: 42px;
    }
}

@media (min-width: 992px) and (max-width: 1200px) {

    .section_title h3 {
        font-size: 35px;
        line-height: 42px;
    }
}

@media (max-width: 767px) {

    .section_title h3 br {
        display: none;
    }
}

@media (min-width: 768px) and (max-width: 991px) {

    .section_title h3 br {
        display: none;
    }
}

@media (min-width: 992px) and (max-width: 1200px) {

    .section_title h3 br {
        display: none;
    }
}


.section_title p {
    font-size: 16px;
    color: #7A838B;
    line-height: 28px;
    margin-bottom: 0;
    font-weight: 400;
}

@media (max-width: 767px) {

    .section_title p br {
        display: none;
    }
}


.section_title h4 {
    font-size: 22px;
    font-weight: 500;
    color: #001D38;
    padding-bottom: 21px;
}


.mb-50 {
    margin-bottom: 50px;
}

@media (max-width: 767px) {

    .mb-50 {
        margin-bottom: 40px;
    }
}


.mb_70 {
    margin-bottom: 62px;
}

@media (max-width: 767px) {

    .mb_70 {
        margin-bottom: 40px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .mb_70 {
        margin-bottom: 40px;
    }
}

@media (max-width: 767px) {
    .mobile_menu {
        position: absolute;
        right: 0px;
        width: 100%;
        z-index: 999;
    }
}

.slicknav_menu .slicknav_nav {
    background: #fff;
    float: right;
    margin-top: 0;
    padding: 0;
    width: 100%;
    padding: 0;
    border-radius: 0px;
    margin-top: 0px;
    position: absolute;
    left: 0;
    right: 0;
    /*margin: auto;*/
    top: -6px;
    /*padding:0px 10px;*/
    padding: 0px 0px;
}

    .slicknav_menu .slicknav_nav a:hover {
        background: transparent;
        color: #ff963c;
    }

    .slicknav_menu .slicknav_nav a.active {
        color: #000;
    }

@media (max-width: 767px) {

    .slicknav_menu .slicknav_nav a i {
        display: none;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .slicknav_menu .slicknav_nav a i {
        display: none;
    }
}

.slicknav_menu .slicknav_nav .slicknav_btn {
    background-color: transparent;
    cursor: pointer;
    margin-bottom: 10px;
    margin-top: -40px;
    position: relative;
    z-index: 99;
    border: 1px solid #ddd;
    top: 3px;
    right: 5px;
    top: -36px;
}


    .slicknav_menu .slicknav_nav .slicknav_btn .slicknav_icon {
        margin-right: 6px;
        margin-top: 3px;
        position: relative;
        padding-bottom: 3px;
        top: -11px;
        right: -5px;
    }

@media (max-width: 767px) {

    .slicknav_menu {
        margin-right: 0px;
    }
}


.slicknav_nav .slicknav_arrow {
    float: right;
    font-size: 22px;
    position: relative;
    top: -9px;
}

.slicknav_btn {
    background-color: transparent;
    cursor: pointer;
    margin-bottom: 10px;
    position: relative;
    z-index: 99;
    border: none;
    border-radius: 3px;
    top: 5px;
    padding: 5px;
    right: 5px;
    margin-top: -5px;
    /*top: -31px;*/
    top: -44px;
}

.header-area {
    left: 0;
    right: 0;
    width: 100%;
    top: 0;
    z-index: 9;
    position: relative;
    background-color: #663611;
}

@media (max-width: 767px) {
    .header-area {
        padding-top: 0;
        background-color: #F9F9FA;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .header-area {
        padding-top: 0;
        background-color: #F9F9FA;
    }
}

.header-area .main-header-area {
    background: #fff;
    background: transparent;
    /*padding: 0px 100px 25px 35px;*/
    padding: 0px 0px 25px 35px;
}

    .header-area .main-header-area.details_nav_bg {
        background: #727272;
        padding-bottom: 0;
    }

@media (max-width: 767px) {
    .header-area .main-header-area.details_nav_bg {
        padding-bottom: 5px;
    }
}

.header-area .main-header-area.details_nav {
    background: #001D38;
}

@media (max-width: 767px) {
    .header-area .main-header-area {
        padding: 0px 7px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .header-area .main-header-area {
        /*padding: 10px 10px;*/
        padding: 0px 0px;
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    .header-area .main-header-area {
        /*padding: 10px 20px;*/
        padding: 0px 0px;
    }
}

@media (min-width: 1200px) and (max-width: 1500px) {
    .header-area .main-header-area {
        /*padding: 10px 20px;*/
        padding: 0px 0px;
    }
}

.header-area .main-header-area .logo-img {
    text-align: center;
}

@media (max-width: 767px) {
    .header-area .main-header-area .logo-img {
        text-align: left;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .header-area .main-header-area .logo-img {
        text-align: left;
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    .header-area .main-header-area .logo-img {
        text-align: left;
    }
}

@media (max-width: 767px) {
    .header-area .main-header-area .logo-img img {
        width: 70px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .header-area .main-header-area .logo-img img {
        width: 70px;
    }
}

.header-area .main-header-area .main-menu {
    padding: 12px 0;
    position: relative;
}

    .header-area .main-header-area .main-menu::before {
        position: absolute;
        left: 0;
        height: 35px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 1px;
        background: #EAEAEA;
        content: '';
        left: -10%;
    }

@media (min-width: 992px) and (max-width: 1200px) {
    .header-area .main-header-area .main-menu::before {
        display: none;
    }
}

@media (min-width: 1200px) and (max-width: 1500px) {
    .header-area .main-header-area .main-menu::before {
        display: none;
    }
}

.header-area .main-header-area .main-menu ul li {
    display: inline-block;
    position: relative;
    margin: 0 35px 0 0;
}

@media (min-width: 992px) and (max-width: 1200px) {
    .header-area .main-header-area .main-menu ul li {
        margin-right: 15px;
    }
}

.header-area .main-header-area .main-menu ul li a {
    color: #ffffff;
    font-size: 15px;
    text-transform: capitalize;
    font-weight: 400;
    display: inline-block;
    padding: 5px 10px 5px 10px;
    font-family: "Rubik", sans-serif;
    position: relative;
    text-transform: capitalize;
}

    .header-area .main-header-area .main-menu ul li a:hover {
        color: #191a1c !important;
        background-color: #ffffff;
        padding: 5px 10px;
        border-radius: 30px;
    }

@media (min-width: 992px) and (max-width: 1200px) {
    .header-area .main-header-area .main-menu ul li a {
        font-size: 11px;
    }
}

@media (min-width: 1200px) and (max-width: 1500px) {
    .header-area .main-header-area .main-menu ul li a {
        font-size: 15px;
    }
}

.header-area .main-header-area .main-menu ul li a i {
    font-size: 9px;
}

@media (max-width: 767px) {
    .header-area .main-header-area .main-menu ul li a i {
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .header-area .main-header-area .main-menu ul li a i {
        display: none !important;
    }
}

.header-area .main-header-area .main-menu ul li .submenu {
    position: absolute;
    left: 0;
    top: 160%;
    background: #fff;
    width: 200px;
    z-index: 2;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.02);
    opacity: 0;
    visibility: hidden;
    text-align: left;
    -webkit-transition: 0.6s;
    -moz-transition: 0.6s;
    -o-transition: 0.6s;
    transition: 0.6s;
    /*th m*/
    -webkit-transform: perspective(600px) rotateX(-90deg);
    transform: perspective(600px) rotateX(-90deg);
    -webkit-transform-origin: 0 0 0;
    transform-origin: 0 0 0;
}

    .header-area .main-header-area .main-menu ul li .submenu li {
        display: block;
    }

        .header-area .main-header-area .main-menu ul li .submenu li a {
            padding: 10px 15px;
            position: inherit;
            -webkit-transition: 0.3s;
            -moz-transition: 0.3s;
            -o-transition: 0.3s;
            transition: 0.3s;
            display: block;
            color: #040E27;
            font-size: 14px;
        }

            .header-area .main-header-area .main-menu ul li .submenu li a::before {
                display: none;
            }

        .header-area .main-header-area .main-menu ul li .submenu li:hover a {
            color: #000;
        }

.header-area .main-header-area .main-menu ul li:hover > .submenu {
    opacity: 1;
    visibility: visible;
    top: 225%;
    /*th m*/
    -webkit-transform: perspective(600px) rotateX(0);
    transform: perspective(600px) rotateX(0);
    transform-origin: 0 0 0;
    -webkit-transform-origin: 0 0 0;
}

.header-area .main-header-area .main-menu ul li:hover > a::before {
    opacity: 1;
    transform: scaleX(1);
}

/*.header-area .main-header-area .main-menu ul li:first-child a {
    padding-left: 0;
}*/

.header-area .main-header-area.sticky {
    box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.1);
    position: fixed;
    width: 100%;
    top: -70px;
    left: 0;
    right: 0;
    z-index: 990;
    transform: translateY(70px);
    transition: transform 500ms ease, background 500ms ease;
    -webkit-transition: transform 500ms ease, background 500ms ease;
    box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.1);
    background: #653810;
    height: 93px;
}

@media (max-width: 479px) {
    .header-area .main-header-area.sticky {
        padding: 0px 7px;
        background: #F9F9FA;
        height: 58px;
    }
}

@media (max-width: 767px) {
    .header-area .main-header-area.sticky {
        padding: 0px 7px;
        background: #F9F9FA;
        height: 58px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .header-area .main-header-area.sticky {
        padding: 0px 7px;
        background: #F9F9FA;
        height: 78px;
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    .header-area .main-header-area.sticky {
        padding: 10px 10px;
    }
}

@media (min-width: 1200px) and (max-width: 1500px) {
    .header-area .main-header-area.sticky {
        padding: 10px 10px;
    }
}

.header-area .main-header-area.sticky .main-menu {
    padding: 0;
}

.header-area .main-header-area.sticky .header_bottom_border {
    border-bottom: none;
}

    .header-area .main-header-area.sticky .header_bottom_border.white_border {
        border-bottom: none !important;
    }

@media (min-width: 992px) and (max-width: 1200px) {
    .header-area .social_wrap {
        margin-right: 100px;
    }
}

@media (min-width: 1200px) and (max-width: 1500px) {
    .header-area .social_wrap {
        margin-right: 55px;
    }
}

.header-area .social_wrap .social_links {
    margin-right: 4px;
}

    .header-area .social_wrap .social_links li {
        display: inline-block;
    }

        .header-area .social_wrap .social_links li a {
            display: inline-block;
            color: #ffffff;
            font-size: 16px;
            margin: 0 11px;
        }

            .header-area .social_wrap .social_links li a:hover {
                color: #f2f0f0;
            }

.header-area .social_wrap .number {
    margin-right: 20px;
    padding-right: 20px;
    border-right: 1px solid #EAEAEA;
}

@media (min-width: 1200px) and (max-width: 1500px) {
    .header-area .social_wrap .number {
        margin-right: 0;
        padding-right: 10px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .header-area .social_wrap .number {
        border-right: 1px solid transparent;
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    .header-area .social_wrap .number {
        border-right: 1px solid transparent;
    }
}

.header-area .social_wrap .number p {
    font-size: 13px;
    color: #040E27;
    margin-bottom: 0;
    font-weight: 600;
    border-radius: 30px;
    border: 1px solid #b3bbb6;
    padding: 3px 45px 3px 20px;
}

    .header-area .social_wrap .number p a {
        font-size: 16px;
        color: #12721e;
        margin-bottom: 0;
        font-weight: 600;
    }

        .header-area .social_wrap .number p a:hover {
            font-size: 16px;
            color: #ff963c;
            margin-bottom: 0;
            font-weight: 600;
        }

@media (min-width: 1200px) and (max-width: 1500px) {
    .header-area .social_wrap .number p {
        font-size: 13px;
    }
}

.header-area .social_wrap .number p i {
    color: #FF4A52;
    font-size: 16px;
    margin-right: 5px;
}

.header-area .seach_icon {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 9999;
    background-color: transparent;
    width: 100px;
}

    .header-area .seach_icon:hover {
        background: #0E7F1D;
    }

@media (max-width: 320px) {
    .header-area .seach_icon {
        width: 38px;
    }
}

@media (max-width: 767px) {
    .header-area .seach_icon {
        width: 50px;
        right: 60px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .header-area .seach_icon {
        width: 100px;
        right: 85px;
    }
}

@media (min-width: 1200px) and (max-width: 1500px) {
    .header-area .seach_icon {
        width: 75px;
    }
}

.header-area .seach_icon a {
    text-align: center;
    color: #fff;
    width: 100%;
    height: 100%;
    display: block;
}

    .header-area .seach_icon a i {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, 40%);
    }

.slider_area {
    position: relative;
    z-index: 0;
}

    .slider_area .single_slider {
        height: auto;
        /*height: 495px;*/
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
    }

@media (max-width: 767px) {
    .slider_area .single_slider {
        height: auto;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .slider_area .single_slider {
        height: auto;
        /*height: 495px;*/
    }
}

@media (max-width: 767px) {
    .slider_area .single_slider .slider_text {
        margin: 100px 0 50px 0;
    }
}

.slider_area .single_slider .slider_text h3 {
    font-family: "Oswald",sans-serif,Roboto;
    font-size: 40px;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 1.4;
    color: #fff;
    margin-bottom: 0;
}

@media (max-width: 767px) {
    .slider_area .single_slider .slider_text h3 {
        font-size: 25px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .slider_area .single_slider .slider_text h3 {
        font-size: 27px;
    }
}

@media (min-width: 992px) and (max-width: 1200px) {

    .slider_area .single_slider .slider_text h3 {
        font-size: 44px;
    }
}

@media (min-width: 1200px) and (max-width: 1500px) {

    .slider_area .single_slider .slider_text h3 {
        font-size: 40px;
    }
}


.slider_area .single_slider .slider_text p {
    font-size: 24px;
    font-weight: normal;
    color: #FFF;
    margin-top: 33px;
    margin-bottom: 49px;
    font-family: sans-serif,Roboto;
}

@media (max-width: 767px) {

    .slider_area .single_slider .slider_text p {
        font-size: 18px;
        margin-top: 20px;
        margin-bottom: 20px;
    }
}


.slider_area .owl-carousel .owl-nav div {
    height: 120px;
    left: 0px;
    width: 50px;
    color: #fff;
    background-color: transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    left: 50px;
    font-size: 14px;
    border: none;
    left: 150px;
    line-height: 120px;
    background: rgba(255, 255, 255, 0.2);
    left: 0;
    border: none !important;
    border-radius: 30px;
}

    .slider_area .owl-carousel .owl-nav div.owl-next {
        right: 0;
        left: auto;
    }

    .slider_area .owl-carousel .owl-nav div:hover {
        background: white;
        color: #001D38;
        border: none;
    }


.property_bg {
    background-image: url(/Content/html/img/banner/property.png);
}


.about_story {
    padding-top: 145px;
    padding-bottom: 115px;
}

@media (max-width: 767px) {

    .about_story {
        padding-top: 60px;
        padding-bottom: 30px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {

    .about_story {
        padding-top: 90px;
        padding-bottom: 60px;
    }
}


.about_story .story_heading h3 {
    font-size: 38px;
    font-weight: 400;
    color: #040E27;
    margin-bottom: 60px;
}

@media (max-width: 767px) {

    .about_story .story_heading h3 {
        margin-bottom: 30px;
    }
}


.about_story .story_info {
    margin-bottom: 52px;
}


    .about_story .story_info p {
        margin-bottom: 18px;
    }


.about_story .story_thumb {
    margin-bottom: 60px;
}

@media (max-width: 767px) {

    .about_story .story_thumb .thumb {
        margin-bottom: 30px;
    }
}


.about_story .story_thumb .thumb.padd_1 {
    padding-right: 58px;
}

@media (max-width: 767px) {

    .about_story .story_thumb .thumb.padd_1 {
        padding-right: 0;
    }
}

@media (min-width: 768px) and (max-width: 991px) {

    .about_story .story_thumb .thumb.padd_1 {
        padding-right: 0;
    }
}


.about_story .story_thumb .thumb img {
    width: 100%;
}


.counter_wrap .single_counter {
    margin-bottom: 30px;
}

@media (max-width: 767px) {

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


.counter_wrap .single_counter h3 {
    color: #FF4A52;
    font-weight: 400;
    font-size: 60px;
    margin-bottom: 17px;
}


.counter_wrap .single_counter p {
    color: #7A838B;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 0;
    line-height: 28px;
}


.team_area {
    padding-top: 180px;
    padding-bottom: 150px;
}


    .team_area .single_team {
        margin-bottom: 30px;
    }


        .team_area .single_team .team_thumb {
            overflow: hidden;
            margin-bottom: 26px;
        }


            .team_area .single_team .team_thumb img {
                width: 100%;
                -webkit-transform: scale(1);
                -moz-transform: scale(1);
                -ms-transform: scale(1);
                transform: scale(1);
                -webkit-transition: 0.3s;
                -moz-transition: 0.3s;
                -o-transition: 0.3s;
                transition: 0.3s;
            }


        .team_area .single_team .team_info h3 {
            font-size: 24px;
            font-weight: 300;
            color: #2C2C2C;
            margin-bottom: 0;
        }


        .team_area .single_team .team_info p {
            font-size: 13px;
            font-weight: 300;
            color: #2C2C2C;
            margin-top: 6px;
            margin-bottom: 8px;
        }


        .team_area .single_team .team_info .social_link li {
            display: inline-block;
        }


            .team_area .single_team .team_info .social_link li a {
                font-size: 15px;
                color: #C7C7C7;
                margin: 0 5px;
            }


                .team_area .single_team .team_info .social_link li a:hover {
                    color: #FFD35A;
                }


        .team_area .single_team:hover .team_thumb img {
            width: 100%;
            -webkit-transform: scale(1.1);
            -moz-transform: scale(1.1);
            -ms-transform: scale(1.1);
            transform: scale(1.1);
            -webkit-transition: 0.3s;
            -moz-transition: 0.3s;
            -o-transition: 0.3s;
            transition: 0.3s;
        }


.testimonial_area {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    padding: 100px 0 118px 0;
    background: #f7fafd;
}

@media (max-width: 767px) {

    .testimonial_area {
        padding: 50px 0;
    }
}


.testimonial_area .single_testmonial {
    margin-bottom: 20px;
}


    .testimonial_area .single_testmonial p {
        color: #040E27;
        font-weight: 400;
        font-size: 18px;
        line-height: 32px;
        margin: 34px 0 10px 0;
    }


    .testimonial_area .single_testmonial .author_thumb {
        width: 106px;
        height: 106px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        margin: auto;
        margin: auto auto 15px auto;
        position: relative;
    }


        .testimonial_area .single_testmonial .author_thumb::before {
            position: absolute;
            right: -15px;
            bottom: -12px;
            width: 50px;
            height: 50px;
            content: "\f100";
            font-family: "Flaticon";
            text-align: center;
            line-height: 50px;
            background: #1EC6B6;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
            color: #fff;
            font-size: 17px;
        }


    .testimonial_area .single_testmonial .testmonial_author h3 {
        color: #7A838B;
        font-size: 16px;
        font-weight: 400;
    }


.testimonial_area .owl-carousel .owl-item img {
    display: inline-block;
    width: auto;
}


.testimonial_area .owl-carousel .owl-nav div.owl-next {
    left: auto;
    right: 0;
}


.testimonial_area .owl-carousel .owl-nav div {
    left: 0;
}


.testimonial_area .owl-dots {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
}


    .testimonial_area .owl-dots .owl-dot {
        width: 12px;
        height: 12px;
        background: #AAB1B7;
        display: inline-block;
        border-radius: 50%;
        margin: 0 5px;
    }

        .testimonial_area .owl-dots .owl-dot.active {
            background: #FF4A52;
        }

.footer {
    background: url(/Content/html/img/bg-footer.jpg) no-repeat bottom center;
    position: relative;
    background-size: cover;
    z-index: 0;
}

    .footer .footer_top {
        padding-top: 40px;
        padding-bottom: 129px;
    }

@media (max-width: 767px) {
    .footer .footer_top {
        padding-top: 40px;
        padding-bottom: 30px;
    }
}

@media (max-width: 767px) {
    .footer .footer_top .footer_widget {
        margin-bottom: 30px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .footer .footer_top .footer_widget {
        margin-bottom: 30px;
    }
}

.footer .footer_top .footer_widget .links {
    position: relative;
    top: -14px;
}

    .footer .footer_top .footer_widget .links.double_links li {
        width: 50%;
        float: left;
    }

.footer .footer_top .footer_widget .footer_title {
    font-size: 20px;
    font-weight: 400;
    color: #fcb817;
    text-transform: capitalize;
    margin-bottom: 45px;
    font-family: "Rubik", sans-serif;
}

@media (max-width: 767px) {
    .footer .footer_top .footer_widget .footer_title {
        margin-bottom: 20px;
    }
}

.footer .footer_top .footer_widget .footer_logo {
    font-size: 22px;
    font-weight: 400;
    color: #fff;
    text-transform: capitalize;
    margin-bottom: 40px;
}

@media (max-width: 767px) {

    .footer .footer_top .footer_widget .footer_logo {
        margin-bottom: 20px;
    }
}


.footer .footer_top .footer_widget p {
    color: #AAB1B7;
    font-size: 14px;
    font-weight: 400;
    line-height: 26px;
    color: #AAB1B7;
}


    .footer .footer_top .footer_widget p a {
        color: #AAB1B7;
    }


        .footer .footer_top .footer_widget p a:hover {
            color: #FF4A52;
        }


    .footer .footer_top .footer_widget p.footer_text {
        font-size: 16px;
        color: #B2B2B2;
        margin-bottom: 23px;
        font-weight: 400;
        line-height: 26px;
    }


        .footer .footer_top .footer_widget p.footer_text a.domain {
            color: #B2B2B2;
            font-weight: 400;
        }


            .footer .footer_top .footer_widget p.footer_text a.domain:hover {
                color: #FF4A52;
                border-bottom: 1px solid #FF4A52;
            }


        .footer .footer_top .footer_widget p.footer_text.doanar a {
            font-weight: 500;
            color: #B2B2B2;
        }


            .footer .footer_top .footer_widget p.footer_text.doanar a:hover {
                color: #FF4A52;
                border-bottom: 1px solid #FF4A52;
            }


            .footer .footer_top .footer_widget p.footer_text.doanar a.first {
                margin-bottom: 10px;
            }


.footer .footer_top .footer_widget ul li {
    color: #ACACAC;
    font-size: 14px;
    line-height: 36px;
}


    .footer .footer_top .footer_widget ul li a {
        color: #AAB1B7;
        font-weight: 400;
        font-family: "Rubik", sans-serif;
    }


        .footer .footer_top .footer_widget ul li a:hover {
            color: #FF4A52;
        }


.footer .footer_top .footer_widget .newsletter_form {
    position: relative;
    margin-bottom: 20px;
}


    .footer .footer_top .footer_widget .newsletter_form input {
        width: 100%;
        height: 50px;
        background: #F5FBFF;
        padding-left: 20px;
        font-size: 15px;
        color: #000;
        border: none;
        border: 1px solid #E8E8E8;
        border-radius: 30px;
        font-family: "Rubik", sans-serif;
        padding-right: 120px;
    }


        .footer .footer_top .footer_widget .newsletter_form input::placeholder {
            font-size: 15px;
            color: #AAB1B7;
        }


        .footer .footer_top .footer_widget .newsletter_form input:focus {
            outline: none;
        }


    .footer .footer_top .footer_widget .newsletter_form button {
        position: absolute;
        top: 0;
        right: 0;
        height: 40px;
        border: none;
        font-size: 14px;
        color: #fff;
        background: #FF4A52;
        padding: 10px;
        padding: 0 22px;
        cursor: pointer;
        border-radius: 30px;
        top: 5px;
        right: 5px;
        font-size: 14px;
        font-weight: 500;
        font-family: "Rubik", sans-serif;
    }


.footer .footer_top .footer_widget .newsletter_text {
    font-size: 14px;
    color: #AAB1B7;
    line-height: 26px;
    font-family: "Rubik", sans-serif;
}


.footer .footer_top .footer_widget .instagram_feed {
    margin: -7.5px -7.5px 0 -7.5px;
}


    .footer .footer_top .footer_widget .instagram_feed .single_insta {
        width: 33.33%;
        float: left;
        padding: 7.5px;
        overflow: hidden;
    }


        .footer .footer_top .footer_widget .instagram_feed .single_insta img {
            width: 100%;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
        }

/*.footer .copy-right_text {
    padding-bottom: 15px;
    background-color: #193156a8;
    border-top: 2px dashed #f8ba3b;
}

    .footer .copy-right_text .footer_border {
        padding-bottom: 15px;
    }

    .footer .copy-right_text .copy_right {
        font-size: 14px;
        color: #cbd9d0;
        margin-bottom: 0;
        font-weight: 400;
    }

@media (max-width: 767px) {
    .footer .copy-right_text .copy_right {
        font-size: 14px;
    }
}*/
.copy-right_text {
    padding-bottom: 15px;
    background-color: #241910e8;
}

@media only screen and (max-width: 479px) {
    .copy-right_text {
        padding-bottom: 50px;
    }
}

.copy-right_text .footer_border {
    padding-bottom: 15px;
}

.copy-right_text .copy_right {
    font-size: 14px;
    color: #cbd9d0;
    margin-bottom: 0;
    font-weight: 400;
}

@media (max-width: 767px) {
    .copy-right_text .copy_right {
        font-size: 14px;
    }
}

.footer .socail_links {
    margin-top: 47px;
}

@media (max-width: 767px) {

    .footer .socail_links {
        margin-top: 30px;
    }
}


.footer .socail_links ul li {
    display: inline-block;
}


    .footer .socail_links ul li a {
        font-size: 15px;
        color: #C3B2F0;
        width: 30px;
        display: inline-block;
        text-align: center;
        background: transparent;
        margin-right: 7px;
        color: #FFFFFF;
        line-height: 40px !important;
        color: #E8E8E8;
    }


        .footer .socail_links ul li a:hover {
            color: #FF4A52 !important;
            border-color: transparent;
        }


.bradcam_bg_1 {
    background-image: url(../img/banner/bradcam.png);
}


.bradcam_bg_2 {
    background-image: url(../img/banner/bradcam2.png);
}


.bradcam_bg_3 {
    background-image: url(../img/banner/bradcam3.png);
}


.bradcam_bg_4 {
    background-image: url(../img/banner/bradcam4.png);
}


.bradcam_area {
    background-size: cover;
    background-position: center center;
    padding: 175px 0;
    background-repeat: no-repeat;
    position: relative;
    z-index: 0;
}

@media (min-width: 768px) and (max-width: 991px) {

    .bradcam_area {
        padding: 120px 0;
    }
}


.bradcam_area::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #040E27;
    opacity: .1;
    z-index: -1;
    content: '';
}

@media (max-width: 767px) {

    .bradcam_area {
        padding: 150px 0;
    }
}


.bradcam_area h3 {
    font-size: 80px;
    color: #fff;
    font-weight: 500;
    margin-bottom: 0;
    line-height: 90px;
    text-transform: capitalize;
    font-family: "Nothing You Could Do", cursive;
}

@media (max-width: 767px) {

    .bradcam_area h3 {
        font-size: 40px;
    }
}


.bradcam_area p {
    font-size: 18px;
    color: #fff;
    font-weight: 400;
    text-transform: capitalize;
}


    .bradcam_area p a {
        color: #fff;
    }


        .bradcam_area p a:hover {
            color: #fff;
        }


.bradcam_area .bradcam_text2 h3 {
    font-size: 50px;
    margin-bottom: 14px;
}

@media (max-width: 767px) {

    .bradcam_area .bradcam_text2 h3 {
        font-size: 30px;
    }
}


.bradcam_area .bradcam_text2 p {
    font-size: 20px;
    margin-bottom: 0;
}


.bradcam_area.Extra_padding {
    padding: 399px 0;
}

@media (max-width: 767px) {

    .bradcam_area.Extra_padding {
        padding: 150px 0;
    }
}

@media (min-width: 768px) and (max-width: 991px) {

    .bradcam_area.Extra_padding {
        padding: 150px 0;
    }
}

@media (min-width: 992px) and (max-width: 1200px) {

    .bradcam_area.Extra_padding {
        padding: 150px 0;
    }
}


.popup_box {
    background: #fff;
    display: inline-block;
    z-index: 9;
    width: 558px;
}


    .popup_box .boxed-btn3 {
        width: 100%;
        text-transform: capitalize;
    }


    .popup_box .popup_header {
        background: #F5FBFF;
        padding: 28px 0;
        display: block;
    }


        .popup_box .popup_header h3 {
            text-align: center;
            font-size: 20px;
            color: #2C2C2C;
            margin-bottom: 0;
            font-weight: 400;
        }


    .popup_box .custom_form {
        padding: 60px 68px;
    }


    .popup_box input {
        width: 100%;
        height: 50px;
        border: none;
        border-bottom: 1px solid #C7C7C7;
        padding: 15px 0;
        margin-bottom: 20px;
    }


        .popup_box input::placeholder {
            color: #919191;
            font-weight: 400;
        }


        .popup_box input:focus {
            outline: none;
        }


    .popup_box textarea {
        width: 100%;
        border: none;
        margin-top: 112px;
        border-bottom: 1px solid #C7C7C7;
        padding: 15px 0;
        margin-bottom: 20px;
        height: 55px;
        resize: none;
        margin-bottom: 40px;
    }


        .popup_box textarea::placeholder {
            color: #919191;
            font-weight: 400;
        }


        .popup_box textarea:focus {
            outline: none;
        }


    .popup_box .nice-select {
        -webkit-tap-highlight-color: transparent;
        background-color: #fff;
        /* border-radius: 5px; */
        border: solid 1px #E2E2E2;
        box-sizing: border-box;
        clear: both;
        cursor: pointer;
        display: block;
        float: left;
        font-family: "Rubik", sans-serif;
        font-weight: normal;
        width: 100% !important;
        /* height: 42px; */
        line-height: 50px;
        outline: none;
        padding-left: 18px;
        padding-right: 30px;
        position: relative;
        text-align: left !important;
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        white-space: nowrap;
        width: auto;
        border-radius: 0;
        margin-bottom: 30px;
        height: 50px !important;
        font-size: 16px;
        font-weight: 400;
        color: #919191;
    }


        .popup_box .nice-select::after {
            content: "\f0d7";
            display: block;
            height: 5px;
            margin-top: -5px;
            pointer-events: none;
            position: absolute;
            right: 17px;
            top: 3px;
            transition: all 0.15s ease-in-out;
            width: 5px;
            font-family: fontawesome;
            color: #919191;
            font-size: 15px;
        }


        .popup_box .nice-select.open .list {
            opacity: 1;
            pointer-events: auto;
            -webkit-transform: scale(1) translateY(0);
            -ms-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0);
            height: 200px;
            overflow-y: scroll;
        }


        .popup_box .nice-select.list {
            height: 200px;
            overflow-y: scroll;
        }


#test-form {
    display: inline-block;
    margin: auto;
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}


    #test-form .mfp-close-btn-in .mfp-close {
        color: #333;
        display: none !important;
    }


    #test-form button.mfp-close {
        display: none !important;
    }


.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #000000;
    opacity: .7;
}


.service_area {
    padding-top: 100px;
    padding-bottom: 70px;
}


    .service_area.minus_padding {
        padding-bottom: 0;
    }


    .service_area .single_service {
        padding: 30px;
        border: 1px solid #E8E8E8;
        -webkit-transition: 0.3s;
        -moz-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
        margin-bottom: 30px;
    }


        .service_area .single_service .service_icon {
            line-height: 94px;
            text-align: center;
            width: 98px;
            height: 98px;
            margin: auto;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
            /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0181f5+0,5db2ff+100 */
            background: #0181f5;
            /* Old browsers */
            background: -moz-linear-gradient(top, #0181f5 0%, #5db2ff 100%);
            /* FF3.6-15 */
            background: -webkit-linear-gradient(top, #0181f5 0%, #5db2ff 100%);
            /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to bottom, #0181f5 0%, #5db2ff 100%);
            /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0181f5', endColorstr='#5db2ff',GradientType=0 );
            /* IE6-9 */
        }


        .service_area .single_service h3 {
            font-size: 22px;
            color: #001D38;
            font-weight: 300;
            margin-top: 35px;
            margin-bottom: 23px;
        }


        .service_area .single_service p {
            font-size: 15px;
            font-weight: 400;
            color: #727272;
            line-height: 28px;
            margin-bottom: 6px;
        }


        .service_area .single_service a.learn_more {
            color: #5DB2FF;
            font-weight: 400;
            font-size: 15px;
        }


        .service_area .single_service:hover {
            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.04);
            border-color: transparent;
        }


    .service_area .col-xl-4:nth-child(2) .single_service .service_icon {
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00d363+0,37ef8d+100 */
        background: #00d363;
        /* Old browsers */
        background: -moz-linear-gradient(top, #00d363 0%, #37ef8d 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #00d363 0%, #37ef8d 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #00d363 0%, #37ef8d 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00d363', endColorstr='#37ef8d',GradientType=0 );
        /* IE6-9 */
    }


    .service_area .col-xl-4:nth-child(3) .single_service .service_icon {
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fd8e5e+0,fd8e5e+100 */
        background: #fd8e5e;
        /* Old browsers */
        background: -moz-linear-gradient(top, #fd8e5e 0%, #fd8e5e 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #fd8e5e 0%, #fd8e5e 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #fd8e5e 0%, #fd8e5e 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd8e5e', endColorstr='#fd8e5e',GradientType=0 );
        /* IE6-9 */
    }


    .service_area .col-xl-4:nth-child(4) .single_service .service_icon {
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#615cfd+0,d465ef+100 */
        background: #615cfd;
        /* Old browsers */
        background: -moz-linear-gradient(top, #615cfd 0%, #d465ef 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #615cfd 0%, #d465ef 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #615cfd 0%, #d465ef 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#615cfd', endColorstr='#d465ef',GradientType=0 );
        /* IE6-9 */
    }


    .service_area .col-xl-4:nth-child(6) .single_service .service_icon {
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#a64eee+0,3c35ce+100 */
        background: #a64eee;
        /* Old browsers */
        background: -moz-linear-gradient(top, #a64eee 0%, #3c35ce 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #a64eee 0%, #3c35ce 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #a64eee 0%, #3c35ce 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a64eee', endColorstr='#3c35ce',GradientType=0 );
        /* IE6-9 */
    }


.gj-datepicker-md [role="right-icon"] {
    position: absolute;
    right: 0px;
    top: 0px;
    font-size: 16px;
    color: #919191;
    margin-right: 15px;
    position: absolute;
    top: 16px;
    right: 10px;
    color: #AAB1B7;
}

.gj-picker-md div[role="navigator"] {
    padding-left: 30px !important;
}

.popular_destination_area {
    padding-top: 0px;
    padding-bottom: 0px;
}

@media (max-width: 767px) {
    .popular_destination_area {
        padding-top: 0px;
        padding-bottom: 0px;
    }
}

.popular_destination_area .single_destination {
    position: relative;
    margin-bottom: 30px;
    border-radius: 5px;
    overflow: hidden;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}


    .popular_destination_area .single_destination:before {
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#040e27+0,040e27+100&0+0,0.7+100 */
        background: -moz-linear-gradient(top, rgba(4, 14, 39, 0) 0%, rgba(4, 14, 39, 0.7) 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(top, rgba(4, 14, 39, 0) 0%, rgba(4, 14, 39, 0.7) 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, rgba(4, 14, 39, 0) 0%, rgba(4, 14, 39, 0.7) 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00040e27', endColorstr='#b3040e27',GradientType=0 );
        /* IE6-9 */
        content: '';
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 2;
        position: absolute;
    }


    .popular_destination_area .single_destination .thumb img {
        width: 100%;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }


    .popular_destination_area .single_destination .content {
        position: absolute;
        left: 30px;
        bottom: 30px;
        z-index: 7;
    }


        .popular_destination_area .single_destination .content p {
            margin-bottom: 0;
            font-size: 22px;
            color: #fff;
            font-weight: 400;
            font-family: "Rubik", sans-serif;
            -webkit-transition: 0.3s;
            -moz-transition: 0.3s;
            -o-transition: 0.3s;
            transition: 0.3s;
        }


            .popular_destination_area .single_destination .content p a {
                display: inline-block;
                background: #1EC6B6;
                font-size: 12px;
                border-radius: 30px;
                font-weight: 400;
                padding: 0px 12px;
                height: 25px;
                line-height: 25px;
                color: #fff;
                margin-left: 10px;
                -webkit-transition: 0.3s;
                -moz-transition: 0.3s;
                -o-transition: 0.3s;
                transition: 0.3s;
            }


    .popular_destination_area .single_destination:hover {
        -webkit-transform: translateY(-10px);
        -moz-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px);
    }


        .popular_destination_area .single_destination:hover .content p {
            color: #FF4A52;
            -webkit-transition: 0.3s;
            -moz-transition: 0.3s;
            -o-transition: 0.3s;
            transition: 0.3s;
        }


            .popular_destination_area .single_destination:hover .content p a {
                background: #FF4A52;
                color: #fff;
            }


.destination_banner_wrap {
    background-image: url(../img/banner/destination.png);
    padding: 340px 0;
    background-size: cover;
    background-position: center center;
}

@media (max-width: 767px) {

    .destination_banner_wrap {
        padding: 150px 0;
    }
}

@media (min-width: 768px) and (max-width: 991px) {

    .destination_banner_wrap {
        padding: 250px 0;
    }
}


.destination_banner_wrap.overlay:before {
    opacity: .3;
}


.destination_banner_wrap .destination_text h3 {
    font-size: 80px;
    line-height: 90px;
    color: #fff;
    font-family: "Nothing You Could Do", cursive;
    margin-bottom: 0;
}

@media (max-width: 767px) {

    .destination_banner_wrap .destination_text h3 {
        font-size: 40px;
        line-height: 50px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {

    .destination_banner_wrap .destination_text h3 {
        font-size: 60px;
        line-height: 70px;
    }
}


.destination_banner_wrap .destination_text p {
    font-size: 20px;
    font-weight: 400;
    color: #fff;
}


.destination_details_info {
    padding-bottom: 150px;
    padding-top: 70px;
}

@media (max-width: 767px) {

    .destination_details_info {
        padding-top: 70px;
        padding-bottom: 70px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {

    .destination_details_info {
        padding-top: 70px;
        padding-bottom: 70px;
    }
}


.destination_details_info .bordered_1px {
    border-top: 1px solid #E4E6E8;
    margin-top: 65px;
    padding-bottom: 65px;
}


.destination_details_info .destination_info h3 {
    font-size: 24px;
    font-weight: 500;
    color: #001D38;
    margin-bottom: 25px;
}


.destination_details_info .destination_info p {
    margin-bottom: 20px;
}


.destination_details_info .destination_info .single_destination {
    margin-bottom: 22px;
}


    .destination_details_info .destination_info .single_destination h4 {
        font-size: 16px;
        font-weight: 500;
    }


.destination_details_info .contact_join h3 {
    font-size: 24px;
    font-weight: 500;
    color: #001D38;
    margin-bottom: 32px;
}


.destination_details_info .contact_join .single_input {
    margin-bottom: 20px;
}


    .destination_details_info .contact_join .single_input input, .destination_details_info .contact_join .single_input textarea {
        width: 100%;
        background: #F4F4F4;
        height: 50px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        color: #000;
        padding-left: 15px;
        border: none;
    }


        .destination_details_info .contact_join .single_input input::placeholder, .destination_details_info .contact_join .single_input textarea::placeholder {
            color: #727272;
            font-size: 14px;
            font-weight: 300;
        }


        .destination_details_info .contact_join .single_input input:focus, .destination_details_info .contact_join .single_input textarea:focus {
            outline: none;
        }


    .destination_details_info .contact_join .single_input textarea {
        height: 115px;
        padding: 15px;
    }


.destination_details_info .contact_join .submit_btn button {
    width: 100%;
    text-align: center;
}


.newletter_area {
    background-image: url(../img/banner/newsletter.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding: 67px 0;
}


    .newletter_area.overlay::before {
        opacity: .7;
    }

@media (max-width: 767px) {

    .newletter_area .newsletter_text {
        margin-bottom: 20px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {

    .newletter_area .newsletter_text {
        margin-bottom: 20px;
    }
}


.newletter_area .newsletter_text h4 {
    font-size: 24px;
    font-weight: 400;
    color: #fff;
    margin-bottom: 0;
    margin-bottom: 11px;
}


.newletter_area .newsletter_text p {
    color: #AAB1B7;
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 0;
}


.newletter_area .mail_form .newsletter_field {
    margin-right: 10px;
}

@media (max-width: 767px) {

    .newletter_area .mail_form .newsletter_field {
        margin-right: 0;
        margin-bottom: 15px;
    }
}


.newletter_area .mail_form .newsletter_field input {
    width: 100%;
    height: 50px;
    background: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 0;
    padding-left: 15px;
    color: #000;
    font-size: 16px;
    font-family: "Rubik", sans-serif;
    font-weight: 300;
}


    .newletter_area .mail_form .newsletter_field input::placeholder {
        color: #AAB1B7;
        font-size: 16px;
        font-family: "Rubik", sans-serif;
        font-weight: 300;
    }


    .newletter_area .mail_form .newsletter_field input:focus {
        outline: none;
    }


.newletter_area .mail_form .newsletter_btn button {
    width: 100%;
    text-align: center;
    padding: 13px 10px;
}

@media (min-width: 768px) and (max-width: 991px) {

    .newletter_area .mail_form .newsletter_btn button {
        width: auto;
        padding: 13px 40px;
    }
}


.popular_places_area {
    padding-top: 142px;
    padding-bottom: 150px;
    background: #F7FAFD;
}

@media (max-width: 767px) {

    .popular_places_area {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}


.popular_places_area .single_place {
    background: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    margin-bottom: 30px;
}


    .popular_places_area .single_place .thumb {
        position: relative;
        overflow: hidden;
    }


        .popular_places_area .single_place .thumb img {
            width: 100%;
        }


        .popular_places_area .single_place .thumb .prise {
            position: absolute;
            background: #1EC6B6;
            padding: 7px 18px 4px 18px;
            display: inline-block;
            top: 20px;
            left: 20px;
            -webkit-border-radius: 18px;
            -moz-border-radius: 18px;
            border-radius: 18px;
            color: #fff;
            font-size: 16px;
            -webkit-transition: 0.3s;
            -moz-transition: 0.3s;
            -o-transition: 0.3s;
            transition: 0.3s;
        }


    .popular_places_area .single_place .place_info {
        padding: 27px 20px 25px 20px;
    }


        .popular_places_area .single_place .place_info h3 {
            font-size: 22px;
            font-weight: 400;
            color: #040E27;
            margin-bottom: 0;
            -webkit-transition: 0.3s;
            -moz-transition: 0.3s;
            -o-transition: 0.3s;
            transition: 0.3s;
        }


        .popular_places_area .single_place .place_info p {
            font-size: 14px;
            font-weight: 400;
            color: #7A838B;
            margin-top: 2px;
            margin-bottom: 7px;
        }


        .popular_places_area .single_place .place_info .rating_days span i {
            font-size: 12px;
            color: #FDAE5C;
        }


        .popular_places_area .single_place .place_info .rating_days span a {
            font-size: 14px;
            color: #7A838B;
            margin-left: 5px;
        }


        .popular_places_area .single_place .place_info .rating_days .days {
            font-size: 14px;
            font-weight: 400;
            color: #7A838B;
        }


            .popular_places_area .single_place .place_info .rating_days .days i {
                margin-right: 8px;
            }


            .popular_places_area .single_place .place_info .rating_days .days a {
                font-size: 14px;
                color: #7A838B;
            }


    .popular_places_area .single_place:hover {
        -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
        -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
    }


        .popular_places_area .single_place:hover .place_info h3 {
            color: #FF4A52;
        }


        .popular_places_area .single_place:hover .thumb .prise {
            background: #FF4A52;
        }


.popular_places_area .more_place_btn {
    margin-top: 40px;
}


.filter_result_wrap h3 {
    font-size: 16px;
    font-weight: 500;
    color: #001D38;
    margin-bottom: 26px;
}


.filter_result_wrap .filter_bordered {
    border: 1px solid #DEE2E7;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 25px;
}

@media (max-width: 767px) {

    .filter_result_wrap .filter_bordered {
        margin-bottom: 30px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {

    .filter_result_wrap .filter_bordered {
        margin-bottom: 30px;
    }
}


.filter_result_wrap .filter_inner {
    display: block;
    overflow: visible;
}


    .filter_result_wrap .filter_inner .nice-select {
        width: 100%;
        height: 50px;
        line-height: 50px;
        font-size: 16px;
        color: #AAB1B7;
        font-weight: 300;
        background: transparent;
        border: 1px solid #DEE2E7;
        margin-bottom: 15px;
    }


        .filter_result_wrap .filter_inner .nice-select::after {
            content: '\f0d7 ';
            right: 21px;
            top: 5px;
            font-family: 'fontawesome';
            color: #AAB1B7;
            font-size: 16px;
        }

        .filter_result_wrap .filter_inner .nice-select .option {
            cursor: pointer;
            font-weight: 400;
            line-height: 40px;
            list-style: none;
            min-height: 40px;
            outline: none;
            padding-left: 18px;
            padding-right: 29px;
            text-align: left;
            -webkit-transition: all 0.2s;
            transition: all 0.2s;
            color: #000;
            font-weight: 400;
        }


        .filter_result_wrap .filter_inner .nice-select.open .list {
            width: 100%;
        }


.filter_result_wrap .range_slider_wrap span.range {
    color: #040E27;
    font-size: 16px;
    font-weight: 400;
    display: block;
    margin-bottom: 15px;
}


.filter_result_wrap .range_slider_wrap p {
    margin-top: 14px;
    margin-bottom: 27px;
}


    .filter_result_wrap .range_slider_wrap p input {
        background-color: transparent;
    }


.filter_result_wrap .range_slider_wrap .ui-widget.ui-widget-content {
    border: 0;
    background: #FFD8DA;
}

.filter_result_wrap .range_slider_wrap .ui-slider-horizontal {
    height: 2px;
}

.filter_result_wrap .range_slider_wrap .ui-state-default, .filter_result_wrap .range_slider_wrap .ui-widget-content .ui-state-default, .filter_result_wrap .range_slider_wrap .ui-widget-header .ui-state-default, .filter_result_wrap .range_slider_wrap .ui-button, .filter_result_wrap .range_slider_wrap html .ui-button.ui-state-disabled:hover, .filter_result_wrap .range_slider_wrap html .ui-button.ui-state-disabled:active {
    border: 2px solid #FF4A52;
    background: #fff;
    font-weight: normal;
    width: 14px;
    height: 16px;
    border-radius: 5px;
}

.filter_result_wrap .range_slider_wrap .ui-widget-header {
    background: #FF4A52;
}

.filter_result_wrap .range_slider_wrap .ui-slider-horizontal .ui-slider-handle {
    top: -7px;
    margin-left: -.6em;
}


.filter_result_wrap .reset_btn button {
    width: 100%;
}


.video_bg {
    background-image: url(../img/banner/video.png);
}


.video_area {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding: 190px 0;
}

@media (max-width: 767px) {

    .video_area {
        padding: 100px 0;
    }
}


.video_area.overlay:before {
    opacity: .2;
}


.video_area .video_wrap h3 {
    font-family: "Nothing You Could Do", cursive;
    font-weight: 400;
    font-size: 80px;
    line-height: 90px;
    color: #fff;
    margin-bottom: 55px;
}

@media (max-width: 767px) {

    .video_area .video_wrap h3 {
        font-size: 50px;
    }
}


.video_area .video_wrap .video_icon a {
    width: 84px;
    height: 84px;
    text-align: center;
    line-height: 84px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #1EC6B6;
    display: inline-block;
    color: #fff;
    font-size: 17px;
}


    .video_area .video_wrap .video_icon a i {
        font-size: 17px;
        line-height: 84px;
        position: relative;
        left: 2px;
        top: -1px;
    }


.video_play_button {
    position: relative;
}


    .video_play_button:before {
        content: "";
        position: absolute;
        z-index: 0;
        display: block;
        width: 100%;
        height: 100%;
        background: #1EC6B6;
        border-radius: 50%;
        animation: pulse-border 1500ms ease-out infinite;
        left: 0;
        bottom: 0;
        z-index: -1;
    }

@keyframes pulse-border {
    0% {
        transform: scale(1);
        opacity: 1;
    }

    100% {
        transform: scale(1.8);
        opacity: 0;
    }
}


.recent_trip_area {
    padding-top: 150px;
    padding-bottom: 120px;
}


    .recent_trip_area .single_trip {
        margin-bottom: 30px;
    }


        .recent_trip_area .single_trip .thumb {
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
            overflow: hidden;
        }


            .recent_trip_area .single_trip .thumb img {
                width: 100%;
                -webkit-border-radius: 5px;
                -moz-border-radius: 5px;
                border-radius: 5px;
            }


        .recent_trip_area .single_trip .info {
            padding-top: 16px;
        }


            .recent_trip_area .single_trip .info .date span {
                font-size: 14px;
                font-weight: 400;
                color: #7A838B;
                display: block;
            }


            .recent_trip_area .single_trip .info a h3 {
                color: #040E27;
                font-size: 22px;
                font-weight: 400;
                margin-bottom: 0;
                margin-top: 10px;
                -webkit-transition: 0.3s;
                -moz-transition: 0.3s;
                -o-transition: 0.3s;
                transition: 0.3s;
            }


        .recent_trip_area .single_trip:hover .info a h3 {
            color: #FF4A52;
        }


.travel_variation_area {
    padding-top: 150px;
    padding-bottom: 114px;
}

@media (max-width: 767px) {

    .travel_variation_area {
        padding: 60px 0;
    }
}


.travel_variation_area .single_travel {
    margin-bottom: 30px;
}


    .travel_variation_area .single_travel h3 {
        font-size: 22px;
        font-weight: 400;
        color: #040E27;
        margin-bottom: 10px;
        margin-top: 41px;
    }

@media (max-width: 767px) {

    .travel_variation_area .single_travel h3 {
        margin-top: 20px;
    }
}


.travel_variation_area .single_travel p {
    font-size: 16px;
    font-weight: 400;
    color: #6E6E6E;
}

/*=================== contact banner start ====================*/

.dropdown .dropdown-menu {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}


.contact-info {
    margin-bottom: 25px;
}


.contact-info__icon {
    margin-right: 20px;
}


    .contact-info__icon i, .contact-info__icon span {
        color: #8f9195;
        font-size: 27px;
    }


.contact-info .media-body h3 {
    font-size: 16px;
    margin-bottom: 0;
    font-size: 16px;
    color: #2a2a2a;
}


    .contact-info .media-body h3 a:hover {
        color: #ff5e13;
    }


.contact-info .media-body p {
    color: #8a8a8a;
}

/*=================== contact banner end ====================*/
/*=================== contact form start ====================*/

.contact-title {
    font-size: 27px;
    font-weight: 600;
    margin-bottom: 20px;
}


.form-contact label {
    font-size: 14px;
}


.form-contact .form-group {
    margin-bottom: 30px;
}


.form-contact .form-control {
    border: 1px solid #e5e6e9;
    border-radius: 0px;
    height: 48px;
    padding-left: 18px;
    font-size: 13px;
    background: transparent;
}


    .form-contact .form-control:focus {
        outline: 0;
        box-shadow: none;
    }


    .form-contact .form-control::placeholder {
        font-weight: 300;
        color: #999999;
    }


.form-contact textarea {
    border-radius: 0px;
    height: 100% !important;
}

/*=================== contact form end ====================*/
/* Contact Success and error Area css
============================================================================================ */

.modal-message .modal-dialog {
    position: absolute;
    top: 36%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%) !important;
    margin: 0px;
    max-width: 500px;
    width: 100%;
}


    .modal-message .modal-dialog .modal-content .modal-header {
        text-align: center;
        display: block;
        border-bottom: none;
        padding-top: 50px;
        padding-bottom: 50px;
    }


        .modal-message .modal-dialog .modal-content .modal-header .close {
            position: absolute;
            right: -15px;
            top: -15px;
            padding: 0px;
            color: #fff;
            opacity: 1;
            cursor: pointer;
        }


        .modal-message .modal-dialog .modal-content .modal-header h2 {
            display: block;
            text-align: center;
            padding-bottom: 10px;
        }


        .modal-message .modal-dialog .modal-content .modal-header p {
            display: block;
        }


.contact-section {
    padding: 130px 0 100px;
}

@media (max-width: 991px) {

    .contact-section {
        padding: 70px 0 40px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {

    .contact-section {
        padding: 80px 0 50px;
    }
}


.contact-section .btn_2 {
    background-color: #191d34;
    padding: 18px 60px;
    border-radius: 50px;
    margin-top: 0;
}


    .contact-section .btn_2:hover {
        background-color: #ff5e13;
    }


.sample-text-area {
    background: #fff;
    padding: 100px 0 70px 0;
}


.text-heading {
    margin-bottom: 30px;
    font-size: 24px;
}


/*b,
sup,
sub,
u,
del {
    color: #ff5e13;
}*/


h1 {
    font-size: 36px;
}


h2 {
    font-size: 30px;
}


h3 {
    font-size: 24px;
}


h4 {
    font-size: 18px;
}


h5 {
    font-size: 16px;
}


h6 {
    font-size: 14px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 1.4em;
}

.typography h1,
.typography h2,
.typography h3,
.typography h4,
.typography h5,
.typography h6 {
    color: #828bb2;
}

.button-area {
    background: #fff;
}

    .button-area .border-top-generic {
        padding: 70px 15px;
        border-top: 1px dotted #eee;
    }

.button-group-area .genric-btn {
    margin-right: 10px;
    margin-top: 10px;
}

    .button-group-area .genric-btn:last-child {
        margin-right: 0;
    }

.genric-btn {
    display: inline-block;
    outline: none;
    line-height: 40px;
    padding: 0 30px;
    font-size: .8em;
    text-align: center;
    text-decoration: none;
    font-weight: 500;
    cursor: pointer;
    -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;
}


    .genric-btn:focus {
        outline: none;
    }


    .genric-btn.e-large {
        padding: 0 40px;
        line-height: 50px;
    }


    .genric-btn.large {
        line-height: 45px;
    }


    .genric-btn.medium {
        line-height: 30px;
    }


    .genric-btn.small {
        line-height: 25px;
    }


    .genric-btn.radius {
        border-radius: 3px;
    }


    .genric-btn.circle {
        border-radius: 20px;
    }


    .genric-btn.arrow {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }


        .genric-btn.arrow span {
            margin-left: 10px;
        }


    .genric-btn.default {
        color: #415094;
        background: #f9f9ff;
        border: 1px solid transparent;
    }


        .genric-btn.default:hover {
            border: 1px solid #f9f9ff;
            background: #fff;
        }


    .genric-btn.default-border {
        border: 1px solid #f9f9ff;
        background: #fff;
    }


        .genric-btn.default-border:hover {
            color: #415094;
            background: #f9f9ff;
            border: 1px solid transparent;
        }


    .genric-btn.primary {
        color: #fff;
        background: #ff5e13;
        border: 1px solid transparent;
    }


        .genric-btn.primary:hover {
            color: #ff5e13;
            border: 1px solid #ff5e13;
            background: #fff;
        }


    .genric-btn.primary-border {
        color: #ff5e13;
        border: 1px solid #ff5e13;
        background: #fff;
    }


        .genric-btn.primary-border:hover {
            color: #fff;
            background: #ff5e13;
            border: 1px solid transparent;
        }


    .genric-btn.success {
        color: #fff;
        background: #4cd3e3;
        border: 1px solid transparent;
    }


        .genric-btn.success:hover {
            color: #4cd3e3;
            border: 1px solid #4cd3e3;
            background: #fff;
        }


    .genric-btn.success-border {
        color: #4cd3e3;
        border: 1px solid #4cd3e3;
        background: #fff;
    }


        .genric-btn.success-border:hover {
            color: #fff;
            background: #4cd3e3;
            border: 1px solid transparent;
        }


    .genric-btn.info {
        color: #fff;
        background: #38a4ff;
        border: 1px solid transparent;
    }


        .genric-btn.info:hover {
            color: #38a4ff;
            border: 1px solid #38a4ff;
            background: #fff;
        }


    .genric-btn.info-border {
        color: #38a4ff;
        border: 1px solid #38a4ff;
        background: #fff;
    }


        .genric-btn.info-border:hover {
            color: #fff;
            background: #38a4ff;
            border: 1px solid transparent;
        }


    .genric-btn.warning {
        color: #fff;
        background: #f4e700;
        border: 1px solid transparent;
    }


        .genric-btn.warning:hover {
            color: #f4e700;
            border: 1px solid #f4e700;
            background: #fff;
        }


    .genric-btn.warning-border {
        color: #f4e700;
        border: 1px solid #f4e700;
        background: #fff;
    }


        .genric-btn.warning-border:hover {
            color: #fff;
            background: #f4e700;
            border: 1px solid transparent;
        }


    .genric-btn.danger {
        color: #fff;
        background: #f44a40;
        border: 1px solid transparent;
    }


        .genric-btn.danger:hover {
            color: #f44a40;
            border: 1px solid #f44a40;
            background: #fff;
        }


    .genric-btn.danger-border {
        color: #f44a40;
        border: 1px solid #f44a40;
        background: #fff;
    }


        .genric-btn.danger-border:hover {
            color: #fff;
            background: #f44a40;
            border: 1px solid transparent;
        }


    .genric-btn.link {
        color: #415094;
        background: #f9f9ff;
        text-decoration: underline;
        border: 1px solid transparent;
    }


        .genric-btn.link:hover {
            color: #415094;
            border: 1px solid #f9f9ff;
            background: #fff;
        }


    .genric-btn.link-border {
        color: #415094;
        border: 1px solid #f9f9ff;
        background: #fff;
        text-decoration: underline;
    }


        .genric-btn.link-border:hover {
            color: #415094;
            background: #f9f9ff;
            border: 1px solid transparent;
        }


    .genric-btn.disable {
        color: #222222, 0.3;
        background: #f9f9ff;
        border: 1px solid transparent;
        cursor: not-allowed;
    }


.generic-blockquote {
    padding: 30px 50px 30px 30px;
    background: #f9f9ff;
    border-left: 2px solid #ff5e13;
}


.progress-table-wrap {
    overflow-x: scroll;
}


.progress-table {
    background: #f9f9ff;
    padding: 15px 0px 30px 0px;
    min-width: 800px;
}


    .progress-table .serial {
        width: 11.83%;
        padding-left: 30px;
    }


    .progress-table .country {
        width: 28.07%;
    }


    .progress-table .visit {
        width: 19.74%;
    }


    .progress-table .percentage {
        width: 40.36%;
        padding-right: 50px;
    }


    .progress-table .table-head {
        display: flex;
    }


        .progress-table .table-head .serial,
        .progress-table .table-head .country,
        .progress-table .table-head .visit,
        .progress-table .table-head .percentage {
            color: #415094;
            line-height: 40px;
            text-transform: uppercase;
            font-weight: 500;
        }


    .progress-table .table-row {
        padding: 15px 0;
        border-top: 1px solid #edf3fd;
        display: flex;
    }


        .progress-table .table-row .serial,
        .progress-table .table-row .country,
        .progress-table .table-row .visit,
        .progress-table .table-row .percentage {
            display: flex;
            align-items: center;
        }


            .progress-table .table-row .country img {
                margin-right: 15px;
            }


            .progress-table .table-row .percentage .progress {
                width: 80%;
                border-radius: 0px;
                background: transparent;
            }


                .progress-table .table-row .percentage .progress .progress-bar {
                    height: 5px;
                    line-height: 5px;
                }


                    .progress-table .table-row .percentage .progress .progress-bar.color-1 {
                        background-color: #6382e6;
                    }


                    .progress-table .table-row .percentage .progress .progress-bar.color-2 {
                        background-color: #e66686;
                    }


                    .progress-table .table-row .percentage .progress .progress-bar.color-3 {
                        background-color: #f09359;
                    }


                    .progress-table .table-row .percentage .progress .progress-bar.color-4 {
                        background-color: #73fbaf;
                    }


                    .progress-table .table-row .percentage .progress .progress-bar.color-5 {
                        background-color: #73fbaf;
                    }


                    .progress-table .table-row .percentage .progress .progress-bar.color-6 {
                        background-color: #6382e6;
                    }


                    .progress-table .table-row .percentage .progress .progress-bar.color-7 {
                        background-color: #a367e7;
                    }


                    .progress-table .table-row .percentage .progress .progress-bar.color-8 {
                        background-color: #e66686;
                    }


.single-gallery-image {
    margin-top: 30px;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: cover !important;
    height: 200px;
}


.list-style {
    width: 14px;
    height: 14px;
}


.unordered-list li {
    position: relative;
    padding-left: 30px;
    line-height: 1.82em !important;
}


    .unordered-list li:before {
        content: "";
        position: absolute;
        width: 14px;
        height: 14px;
        border: 3px solid #ff5e13;
        background: #fff;
        top: 4px;
        left: 0;
        border-radius: 50%;
    }


.ordered-list {
    margin-left: 30px;
}


    .ordered-list li {
        list-style-type: decimal-leading-zero;
        color: #ff5e13;
        font-weight: 500;
        line-height: 1.82em !important;
    }


        .ordered-list li span {
            font-weight: 300;
            color: #828bb2;
        }


.ordered-list-alpha li {
    margin-left: 30px;
    list-style-type: lower-alpha;
    color: #ff5e13;
    font-weight: 500;
    line-height: 1.82em !important;
}


    .ordered-list-alpha li span {
        font-weight: 300;
        color: #828bb2;
    }


.ordered-list-roman li {
    margin-left: 30px;
    list-style-type: lower-roman;
    color: #ff5e13;
    font-weight: 500;
    line-height: 1.82em !important;
}


    .ordered-list-roman li span {
        font-weight: 300;
        color: #828bb2;
    }


.single-input {
    display: block;
    width: 100%;
    line-height: 40px;
    border: none;
    outline: none;
    background: #f9f9ff;
    padding: 0 20px;
}


    .single-input:focus {
        outline: none;
    }


.input-group-icon {
    position: relative;
}


    .input-group-icon .icon {
        position: absolute;
        left: 20px;
        top: 0;
        line-height: 40px;
        z-index: 3;
    }


        .input-group-icon .icon i {
            color: #797979;
        }


    .input-group-icon .single-input {
        padding-left: 45px;
    }


.single-textarea {
    display: block;
    width: 100%;
    line-height: 40px;
    border: none;
    outline: none;
    background: #f9f9ff;
    padding: 0 20px;
    height: 100px;
    resize: none;
}


    .single-textarea:focus {
        outline: none;
    }


.single-input-primary {
    display: block;
    width: 100%;
    line-height: 40px;
    border: 1px solid transparent;
    outline: none;
    background: #f9f9ff;
    padding: 0 20px;
}


    .single-input-primary:focus {
        outline: none;
        border: 1px solid #ff5e13;
    }


.single-input-accent {
    display: block;
    width: 100%;
    line-height: 40px;
    border: 1px solid transparent;
    outline: none;
    background: #f9f9ff;
    padding: 0 20px;
}


    .single-input-accent:focus {
        outline: none;
        border: 1px solid #eb6b55;
    }


.single-input-secondary {
    display: block;
    width: 100%;
    line-height: 40px;
    border: 1px solid transparent;
    outline: none;
    background: #f9f9ff;
    padding: 0 20px;
}


    .single-input-secondary:focus {
        outline: none;
        border: 1px solid #f09359;
    }


.default-switch {
    width: 35px;
    height: 17px;
    border-radius: 8.5px;
    background: #f9f9ff;
    position: relative;
    cursor: pointer;
}


    .default-switch input {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        cursor: pointer;
    }


        .default-switch input + label {
            position: absolute;
            top: 1px;
            left: 1px;
            width: 15px;
            height: 15px;
            border-radius: 50%;
            background: #ff5e13;
            -webkit-transition: all 0.2s;
            -moz-transition: all 0.2s;
            -o-transition: all 0.2s;
            transition: all 0.2s;
            box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.2);
            cursor: pointer;
        }


        .default-switch input:checked + label {
            left: 19px;
        }


.primary-switch {
    width: 35px;
    height: 17px;
    border-radius: 8.5px;
    background: #f9f9ff;
    position: relative;
    cursor: pointer;
}


    .primary-switch input {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
    }


        .primary-switch input + label {
            position: absolute;
            left: 0;
            top: 0;
            right: 0;
            bottom: 0;
            width: 100%;
            height: 100%;
        }


            .primary-switch input + label:before {
                content: "";
                position: absolute;
                left: 0;
                top: 0;
                right: 0;
                bottom: 0;
                width: 100%;
                height: 100%;
                background: transparent;
                border-radius: 8.5px;
                cursor: pointer;
                -webkit-transition: all 0.2s;
                -moz-transition: all 0.2s;
                -o-transition: all 0.2s;
                transition: all 0.2s;
            }


            .primary-switch input + label:after {
                content: "";
                position: absolute;
                top: 1px;
                left: 1px;
                width: 15px;
                height: 15px;
                border-radius: 50%;
                background: #fff;
                -webkit-transition: all 0.2s;
                -moz-transition: all 0.2s;
                -o-transition: all 0.2s;
                transition: all 0.2s;
                box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.2);
                cursor: pointer;
            }


        .primary-switch input:checked + label:after {
            left: 19px;
        }


        .primary-switch input:checked + label:before {
            background: #ff5e13;
        }


.confirm-switch {
    width: 35px;
    height: 17px;
    border-radius: 8.5px;
    background: #f9f9ff;
    position: relative;
    cursor: pointer;
}


    .confirm-switch input {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
    }


        .confirm-switch input + label {
            position: absolute;
            left: 0;
            top: 0;
            right: 0;
            bottom: 0;
            width: 100%;
            height: 100%;
        }


            .confirm-switch input + label:before {
                content: "";
                position: absolute;
                left: 0;
                top: 0;
                right: 0;
                bottom: 0;
                width: 100%;
                height: 100%;
                background: transparent;
                border-radius: 8.5px;
                -webkit-transition: all 0.2s;
                -moz-transition: all 0.2s;
                -o-transition: all 0.2s;
                transition: all 0.2s;
                cursor: pointer;
            }


            .confirm-switch input + label:after {
                content: "";
                position: absolute;
                top: 1px;
                left: 1px;
                width: 15px;
                height: 15px;
                border-radius: 50%;
                background: #fff;
                -webkit-transition: all 0.2s;
                -moz-transition: all 0.2s;
                -o-transition: all 0.2s;
                transition: all 0.2s;
                box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.2);
                cursor: pointer;
            }


        .confirm-switch input:checked + label:after {
            left: 19px;
        }


        .confirm-switch input:checked + label:before {
            background: #4cd3e3;
        }


.primary-checkbox {
    width: 16px;
    height: 16px;
    border-radius: 3px;
    background: #f9f9ff;
    position: relative;
    cursor: pointer;
}


    .primary-checkbox input {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
    }


        .primary-checkbox input + label {
            position: absolute;
            left: 0;
            top: 0;
            right: 0;
            bottom: 0;
            width: 100%;
            height: 100%;
            border-radius: 3px;
            cursor: pointer;
            border: 1px solid #f1f1f1;
        }


        .primary-checkbox input:checked + label {
            background: url(../img/elements/primary-check.png) no-repeat center center/cover;
            border: none;
        }


.confirm-checkbox {
    width: 16px;
    height: 16px;
    border-radius: 3px;
    background: #f9f9ff;
    position: relative;
    cursor: pointer;
}


    .confirm-checkbox input {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
    }


        .confirm-checkbox input + label {
            position: absolute;
            left: 0;
            top: 0;
            right: 0;
            bottom: 0;
            width: 100%;
            height: 100%;
            border-radius: 3px;
            cursor: pointer;
            border: 1px solid #f1f1f1;
        }


        .confirm-checkbox input:checked + label {
            background: url(../img/elements/success-check.png) no-repeat center center/cover;
            border: none;
        }


.disabled-checkbox {
    width: 16px;
    height: 16px;
    border-radius: 3px;
    background: #f9f9ff;
    position: relative;
    cursor: pointer;
}


    .disabled-checkbox input {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
    }


        .disabled-checkbox input + label {
            position: absolute;
            left: 0;
            top: 0;
            right: 0;
            bottom: 0;
            width: 100%;
            height: 100%;
            border-radius: 3px;
            cursor: pointer;
            border: 1px solid #f1f1f1;
        }


        .disabled-checkbox input:disabled {
            cursor: not-allowed;
            z-index: 3;
        }


        .disabled-checkbox input:checked + label {
            background: url(../img/elements/disabled-check.png) no-repeat center center/cover;
            border: none;
        }


.primary-radio {
    width: 16px;
    height: 16px;
    border-radius: 8px;
    background: #f9f9ff;
    position: relative;
    cursor: pointer;
}


    .primary-radio input {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
    }


        .primary-radio input + label {
            position: absolute;
            left: 0;
            top: 0;
            right: 0;
            bottom: 0;
            width: 100%;
            height: 100%;
            border-radius: 8px;
            cursor: pointer;
            border: 1px solid #f1f1f1;
        }


        .primary-radio input:checked + label {
            background: url(../img/elements/primary-radio.png) no-repeat center center/cover;
            border: none;
        }


.confirm-radio {
    width: 16px;
    height: 16px;
    border-radius: 8px;
    background: #f9f9ff;
    position: relative;
    cursor: pointer;
}


    .confirm-radio input {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
    }


        .confirm-radio input + label {
            position: absolute;
            left: 0;
            top: 0;
            right: 0;
            bottom: 0;
            width: 100%;
            height: 100%;
            border-radius: 8px;
            cursor: pointer;
            border: 1px solid #f1f1f1;
        }


        .confirm-radio input:checked + label {
            background: url(../img/elements/success-radio.png) no-repeat center center/cover;
            border: none;
        }


.disabled-radio {
    width: 16px;
    height: 16px;
    border-radius: 8px;
    background: #f9f9ff;
    position: relative;
    cursor: pointer;
}


    .disabled-radio input {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
    }


        .disabled-radio input + label {
            position: absolute;
            left: 0;
            top: 0;
            right: 0;
            bottom: 0;
            width: 100%;
            height: 100%;
            border-radius: 8px;
            cursor: pointer;
            border: 1px solid #f1f1f1;
        }


        .disabled-radio input:disabled {
            cursor: not-allowed;
            z-index: 3;
        }


        .disabled-radio input:checked + label {
            background: url(../img/elements/disabled-radio.png) no-repeat center center/cover;
            border: none;
        }


.default-select {
    height: 40px;
}


    .default-select .nice-select {
        border: none;
        border-radius: 0px;
        height: 40px;
        background: #f9f9ff;
        padding-left: 20px;
        padding-right: 40px;
    }


        .default-select .nice-select .list {
            margin-top: 0;
            border: none;
            border-radius: 0px;
            box-shadow: none;
            width: 100%;
            padding: 10px 0 10px 0px;
        }


            .default-select .nice-select .list .option {
                font-weight: 300;
                -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;
                line-height: 28px;
                min-height: 28px;
                font-size: 12px;
                padding-left: 20px;
            }


                .default-select .nice-select .list .option.selected {
                    color: #ff5e13;
                    background: transparent;
                }


                .default-select .nice-select .list .option:hover {
                    color: #ff5e13;
                    background: transparent;
                }


    .default-select .current {
        margin-right: 50px;
        font-weight: 300;
    }


    .default-select .nice-select::after {
        right: 20px;
    }


.form-select {
    height: 40px;
    width: 100%;
}


    .form-select .nice-select {
        border: none;
        border-radius: 0px;
        height: 40px;
        background: #f9f9ff;
        padding-left: 45px;
        padding-right: 40px;
        width: 100%;
    }


        .form-select .nice-select .list {
            margin-top: 0;
            border: none;
            border-radius: 0px;
            box-shadow: none;
            width: 100%;
            padding: 10px 0 10px 0px;
        }


            .form-select .nice-select .list .option {
                font-weight: 300;
                -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;
                line-height: 28px;
                min-height: 28px;
                font-size: 12px;
                padding-left: 45px;
            }


                .form-select .nice-select .list .option.selected {
                    color: #ff5e13;
                    background: transparent;
                }


                .form-select .nice-select .list .option:hover {
                    color: #ff5e13;
                    background: transparent;
                }


    .form-select .current {
        margin-right: 50px;
        font-weight: 300;
    }


    .form-select .nice-select::after {
        right: 20px;
    }


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


.section-top-border {
    padding: 50px 0;
    border-top: 1px dotted #eee;
}


.mb-30 {
    margin-bottom: 30px;
}


.mt-30 {
    margin-top: 30px;
}


.switch-wrap {
    margin-bottom: 10px;
}

/* Start Blog Area css
============================================================================================ */

.latest-blog-area .area-heading {
    margin-bottom: 70px;
}


.blog_area a {
    color: #666666 !important;
    text-decoration: none;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}


    .blog_area a:hover, .blog_area a :hover {
        background: -webkit-linear-gradient(131deg, #FF4A52 0%, #FF4A52 99%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        text-decoration: none;
        -webkit-transition: 0.5s;
        transition: 0.5s;
    }


.single-blog {
    overflow: hidden;
    margin-bottom: 30px;
}


    .single-blog:hover {
        box-shadow: 0px 10px 20px 0px rgba(42, 34, 123, 0.1);
    }


    .single-blog .thumb {
        overflow: hidden;
        position: relative;
    }


        .single-blog .thumb:after {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background: #000;
            opacity: 0;
            -webkit-transition: 0.5s;
            transition: 0.5s;
        }


    .single-blog h4 {
        border-bottom: 1px solid #dfdfdf;
        padding-bottom: 34px;
        margin-bottom: 25px;
    }


    .single-blog a {
        font-size: 20px;
        font-weight: 600;
    }


    .single-blog .date {
        color: #666666;
        text-align: left;
        display: inline-block;
        font-size: 13px;
        font-weight: 300;
    }


    .single-blog .tag {
        text-align: left;
        display: inline-block;
        float: left;
        font-size: 13px;
        font-weight: 300;
        margin-right: 22px;
        position: relative;
    }


        .single-blog .tag:after {
            content: '';
            position: absolute;
            width: 1px;
            height: 10px;
            background: #acacac;
            right: -12px;
            top: 7px;
        }

@media (max-width: 1199px) {

    .single-blog .tag {
        margin-right: 8px;
    }

        .single-blog .tag:after {
            display: none;
        }
}


.single-blog .likes {
    margin-right: 16px;
}

@media (max-width: 800px) {

    .single-blog {
        margin-bottom: 30px;
    }
}


.single-blog .single-blog-content {
    padding: 30px;
}


    .single-blog .single-blog-content .meta-bottom p {
        font-size: 13px;
        font-weight: 300;
    }


    .single-blog .single-blog-content .meta-bottom i {
        color: #fdcb9e;
        font-size: 13px;
        margin-right: 7px;
    }

@media (max-width: 1199px) {

    .single-blog .single-blog-content {
        padding: 15px;
    }
}


.single-blog:hover .thumb:after {
    opacity: .7;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

@media (max-width: 1199px) {

    .single-blog h4 {
        transition: all 300ms linear 0s;
        border-bottom: 1px solid #dfdfdf;
        padding-bottom: 14px;
        margin-bottom: 12px;
    }

        .single-blog h4 a {
            font-size: 18px;
        }
}


.full_image.single-blog {
    position: relative;
}


    .full_image.single-blog .single-blog-content {
        position: absolute;
        left: 35px;
        bottom: 0;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: 0.5s;
        transition: 0.5s;
    }

@media (min-width: 992px) {

    .full_image.single-blog .single-blog-content {
        bottom: 100px;
    }
}


.full_image.single-blog h4 {
    -webkit-transition: 0.5s;
    transition: 0.5s;
    border-bottom: none;
    padding-bottom: 5px;
}


.full_image.single-blog a {
    font-size: 20px;
    font-weight: 600;
}


.full_image.single-blog .date {
    color: #fff;
}


.full_image.single-blog:hover .single-blog-content {
    opacity: 1;
    visibility: visible;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

/* End Blog Area css
============================================================================================ */
/* Latest Blog Area css
============================================================================================ */

.l_blog_item .l_blog_text .date {
    margin-top: 24px;
    margin-bottom: 15px;
}


    .l_blog_item .l_blog_text .date a {
        font-size: 12px;
    }


.l_blog_item .l_blog_text h4 {
    font-size: 18px;
    border-bottom: 1px solid #eeeeee;
    margin-bottom: 0px;
    padding-bottom: 20px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}


.l_blog_item .l_blog_text p {
    margin-bottom: 0px;
    padding-top: 20px;
}

/* End Latest Blog Area css
============================================================================================ */
/* Causes Area css
============================================================================================ */

.causes_slider .owl-dots {
    text-align: center;
    margin-top: 80px;
}


    .causes_slider .owl-dots .owl-dot {
        height: 14px;
        width: 14px;
        background: #eeeeee;
        display: inline-block;
        margin-right: 7px;
    }


        .causes_slider .owl-dots .owl-dot:last-child {
            margin-right: 0px;
        }


.causes_item {
    background: #fff;
}


    .causes_item .causes_img {
        position: relative;
    }


        .causes_item .causes_img .c_parcent {
            position: absolute;
            bottom: 0px;
            width: 100%;
            left: 0px;
            height: 3px;
            background: rgba(255, 255, 255, 0.5);
        }


            .causes_item .causes_img .c_parcent span {
                width: 70%;
                height: 3px;
                position: absolute;
                left: 0px;
                bottom: 0px;
            }


                .causes_item .causes_img .c_parcent span:before {
                    content: "75%";
                    position: absolute;
                    right: -10px;
                    bottom: 0px;
                    color: #fff;
                    padding: 0px 5px;
                }


    .causes_item .causes_text {
        padding: 30px 35px 40px 30px;
    }


        .causes_item .causes_text h4 {
            font-size: 18px;
            font-weight: 600;
            margin-bottom: 15px;
            cursor: pointer;
        }


        .causes_item .causes_text p {
            font-size: 14px;
            line-height: 24px;
            font-weight: 300;
            margin-bottom: 0px;
        }


    .causes_item .causes_bottom a {
        width: 50%;
        border: 1px solid;
        text-align: center;
        float: left;
        line-height: 50px;
        color: #fff;
        font-size: 14px;
        font-weight: 500;
    }


        .causes_item .causes_bottom a + a {
            border-color: #eeeeee;
            background: #fff;
            font-size: 14px;
        }

/* End Causes Area css
============================================================================================ */
/*================= latest_blog_area css =============*/

.latest_blog_area {
    background: #f9f9ff;
}


.single-recent-blog-post {
    margin-bottom: 30px;
}


    .single-recent-blog-post .thumb {
        overflow: hidden;
    }


        .single-recent-blog-post .thumb img {
            transition: all 0.7s linear;
        }


    .single-recent-blog-post .details {
        padding-top: 30px;
    }


        .single-recent-blog-post .details .sec_h4 {
            line-height: 24px;
            padding: 10px 0px 13px;
            transition: all 0.3s linear;
        }


    .single-recent-blog-post .date {
        font-size: 14px;
        line-height: 24px;
        font-weight: 400;
    }


    .single-recent-blog-post:hover img {
        transform: scale(1.23) rotate(10deg);
    }


.tags .tag_btn {
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
    border: 1px solid #eeeeee;
    display: inline-block;
    padding: 1px 18px;
    text-align: center;
}


    .tags .tag_btn + .tag_btn {
        margin-left: 2px;
    }

/*========= blog_categorie_area css ===========*/

.blog_categorie_area {
    padding-top: 30px;
    padding-bottom: 30px;
}

@media (min-width: 900px) {

    .blog_categorie_area {
        padding-top: 80px;
        padding-bottom: 80px;
    }
}

@media (min-width: 1100px) {

    .blog_categorie_area {
        padding-top: 120px;
        padding-bottom: 120px;
    }
}


.categories_post {
    position: relative;
    text-align: center;
    cursor: pointer;
}


    .categories_post img {
        max-width: 100%;
    }


    .categories_post .categories_details {
        position: absolute;
        top: 20px;
        left: 20px;
        right: 20px;
        bottom: 20px;
        background: rgba(34, 34, 34, 0.75);
        color: #fff;
        transition: all 0.3s linear;
        display: flex;
        align-items: center;
        justify-content: center;
    }


        .categories_post .categories_details h5 {
            margin-bottom: 0px;
            font-size: 18px;
            line-height: 26px;
            text-transform: uppercase;
            color: #fff;
            position: relative;
        }


        .categories_post .categories_details p {
            font-weight: 300;
            font-size: 14px;
            line-height: 26px;
            margin-bottom: 0px;
        }


        .categories_post .categories_details .border_line {
            margin: 10px 0px;
            background: #fff;
            width: 100%;
            height: 1px;
        }


    .categories_post:hover .categories_details {
        background: rgba(222, 99, 32, 0.85);
    }

/*============ blog_left_sidebar css ==============*/

.blog_item {
    margin-bottom: 50px;
}


.blog_details {
    padding: 30px 0 20px 10px;
    box-shadow: 0px 10px 20px 0px rgba(221, 221, 221, 0.3);
}

@media (min-width: 768px) {

    .blog_details {
        padding: 60px 30px 35px 35px;
    }
}


.blog_details p {
    margin-bottom: 30px;
}


.blog_details a {
    color: #ff8b23;
}


    .blog_details a:hover {
        color: #FF4A52;
    }


.blog_details h2 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 8px;
}

@media (min-width: 768px) {

    .blog_details h2 {
        font-size: 24px;
        margin-bottom: 15px;
    }
}


.blog-info-link li {
    float: left;
    font-size: 14px;
}


    .blog-info-link li a {
        color: #999999;
    }


    .blog-info-link li i,
    .blog-info-link li span {
        font-size: 13px;
        margin-right: 5px;
    }


    .blog-info-link li::after {
        content: "|";
        padding-left: 10px;
        padding-right: 10px;
    }


    .blog-info-link li:last-child::after {
        display: none;
    }


.blog-info-link::after {
    content: "";
    display: block;
    clear: both;
    display: table;
}


.blog_item_img {
    position: relative;
}


    .blog_item_img .blog_item_date {
        position: absolute;
        bottom: -10px;
        left: 10px;
        display: block;
        color: #fff;
        background-color: #FF4A52;
        padding: 8px 15px;
        border-radius: 5px;
    }

@media (min-width: 768px) {

    .blog_item_img .blog_item_date {
        bottom: -20px;
        left: 40px;
        padding: 13px 30px;
    }
}


.blog_item_img .blog_item_date h3 {
    font-size: 22px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 0;
    line-height: 1.2;
}

@media (min-width: 768px) {

    .blog_item_img .blog_item_date h3 {
        font-size: 30px;
    }
}


.blog_item_img .blog_item_date p {
    font-size: 18px;
    margin-bottom: 0;
    color: #fff;
}

@media (min-width: 768px) {

    .blog_item_img .blog_item_date p {
        font-size: 18px;
    }
}


.blog_right_sidebar .widget_title {
    font-size: 20px;
    margin-bottom: 40px;
}


    .blog_right_sidebar .widget_title::after {
        content: "";
        display: block;
        padding-top: 15px;
        border-bottom: 1px solid #f0e9ff;
    }


.blog_right_sidebar .single_sidebar_widget {
    background: #fbf9ff;
    padding: 30px;
    margin-bottom: 30px;
}


    .blog_right_sidebar .single_sidebar_widget .btn_1 {
        margin-top: 0px;
    }


.blog_right_sidebar .search_widget .form-control {
    height: 50px;
    border-color: #f0e9ff;
    font-size: 13px;
    color: #999999;
    padding-left: 20px;
    border-radius: 0;
    border-right: 0;
}


    .blog_right_sidebar .search_widget .form-control::placeholder {
        color: #999999;
    }


    .blog_right_sidebar .search_widget .form-control:focus {
        border-color: #f0e9ff;
        outline: 0;
        box-shadow: none;
    }


.blog_right_sidebar .search_widget .input-group button {
    background: #fff;
    border-left: 0;
    border: 1px solid #f0e9ff;
    padding: 4px 15px;
    border-left: 0;
}


    .blog_right_sidebar .search_widget .input-group button i,
    .blog_right_sidebar .search_widget .input-group button span {
        font-size: 14px;
        color: #999999;
    }


.blog_right_sidebar .newsletter_widget .form-control {
    height: 50px;
    border-color: #f0e9ff;
    font-size: 13px;
    color: #999999;
    padding-left: 20px;
    border-radius: 0;
}


    .blog_right_sidebar .newsletter_widget .form-control::placeholder {
        color: #999999;
    }


    .blog_right_sidebar .newsletter_widget .form-control:focus {
        border-color: #f0e9ff;
        outline: 0;
        box-shadow: none;
    }


.blog_right_sidebar .newsletter_widget .input-group button {
    background: #fff;
    border-left: 0;
    border: 1px solid #f0e9ff;
    padding: 4px 15px;
    border-left: 0;
}


    .blog_right_sidebar .newsletter_widget .input-group button i,
    .blog_right_sidebar .newsletter_widget .input-group button span {
        font-size: 14px;
        color: #999999;
    }


.blog_right_sidebar .post_category_widget .cat-list li {
    border-bottom: 1px solid #f0e9ff;
    transition: all 0.3s ease 0s;
    padding-bottom: 12px;
}


    .blog_right_sidebar .post_category_widget .cat-list li:last-child {
        border-bottom: 0;
    }


    .blog_right_sidebar .post_category_widget .cat-list li a {
        font-size: 14px;
        line-height: 20px;
        color: #888888;
    }


        .blog_right_sidebar .post_category_widget .cat-list li a p {
            margin-bottom: 0px;
        }


    .blog_right_sidebar .post_category_widget .cat-list li + li {
        padding-top: 15px;
    }


.blog_right_sidebar .popular_post_widget .post_item .media-body {
    justify-content: center;
    align-self: center;
    padding-left: 20px;
}


    .blog_right_sidebar .popular_post_widget .post_item .media-body h3 {
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 6px;
        transition: all 0.3s linear;
    }


    .blog_right_sidebar .popular_post_widget .post_item .media-body a:hover {
        color: #fff;
    }


    .blog_right_sidebar .popular_post_widget .post_item .media-body p {
        font-size: 14px;
        line-height: 21px;
        margin-bottom: 0px;
    }


.blog_right_sidebar .popular_post_widget .post_item + .post_item {
    margin-top: 20px;
}


.blog_right_sidebar .tag_cloud_widget ul li {
    display: inline-block;
}


    .blog_right_sidebar .tag_cloud_widget ul li a {
        display: inline-block;
        border: 1px solid #eeeeee;
        background: #fff;
        padding: 4px 20px;
        margin-bottom: 8px;
        margin-right: 3px;
        transition: all 0.3s ease 0s;
        color: #888888;
        font-size: 13px;
    }


        .blog_right_sidebar .tag_cloud_widget ul li a:hover {
            background: #FF4A52;
            color: #fff !important;
            -webkit-text-fill-color: #fff;
            text-decoration: none;
            -webkit-transition: 0.5s;
            transition: 0.5s;
        }


.blog_right_sidebar .instagram_feeds .instagram_row {
    display: flex;
    margin-right: -6px;
    margin-left: -6px;
}


    .blog_right_sidebar .instagram_feeds .instagram_row li {
        width: 33.33%;
        float: left;
        padding-right: 6px;
        padding-left: 6px;
        margin-bottom: 15px;
    }


.blog_right_sidebar .br {
    width: 100%;
    height: 1px;
    background: #eeeeee;
    margin: 30px 0px;
}


.blog-pagination {
    margin-top: 80px;
}


    .blog-pagination .page-link {
        font-size: 14px;
        position: relative;
        display: block;
        padding: 0;
        text-align: center;
        margin-left: -1px;
        line-height: 45px;
        width: 45px;
        height: 45px;
        border-radius: 0 !important;
        color: #8a8a8a;
        border: 1px solid #f0e9ff;
        margin-right: 10px;
    }


        .blog-pagination .page-link i,
        .blog-pagination .page-link span {
            font-size: 13px;
        }

    .blog-pagination .page-item.active .page-link {
        background-color: #fbf9ff;
        border-color: #f0e9ff;
        color: #888888;
    }

    .blog-pagination .page-item:last-child .page-link {
        margin-right: 0;
    }

/*============ Start Blog Single Styles  =============*/
.single-post-area .blog_details {
    box-shadow: none;
    padding: 0;
}


.single-post-area .social-links {
    padding-top: 10px;
}


    .single-post-area .social-links li {
        display: inline-block;
        margin-bottom: 10px;
    }


        .single-post-area .social-links li a {
            color: #cccccc;
            padding: 7px;
            font-size: 14px;
            transition: all 0.2s linear;
        }


.single-post-area .blog_details {
    padding-top: 26px;
}


    .single-post-area .blog_details p {
        margin-bottom: 20px;
        font-size: 15px;
    }


.single-post-area .quote-wrapper {
    background: rgba(130, 139, 178, 0.1);
    padding: 15px;
    line-height: 1.733;
    color: #888888;
    font-style: italic;
    margin-top: 25px;
    margin-bottom: 25px;
}

@media (min-width: 768px) {

    .single-post-area .quote-wrapper {
        padding: 30px;
    }
}


.single-post-area .quotes {
    background: #fff;
    padding: 15px 15px 15px 20px;
    border-left: 2px solid;
}

@media (min-width: 768px) {

    .single-post-area .quotes {
        padding: 25px 25px 25px 30px;
    }
}


.single-post-area .arrow {
    position: absolute;
}


    .single-post-area .arrow .lnr {
        font-size: 20px;
        font-weight: 600;
    }


.single-post-area .thumb .overlay-bg {
    background: rgba(0, 0, 0, 0.8);
}


.single-post-area .navigation-top {
    padding-top: 15px;
    border-top: 1px solid #f0e9ff;
}


    .single-post-area .navigation-top p {
        margin-bottom: 0;
    }


    .single-post-area .navigation-top .like-info {
        font-size: 14px;
    }


        .single-post-area .navigation-top .like-info i,
        .single-post-area .navigation-top .like-info span {
            font-size: 16px;
            margin-right: 5px;
        }


    .single-post-area .navigation-top .comment-count {
        font-size: 14px;
    }


        .single-post-area .navigation-top .comment-count i,
        .single-post-area .navigation-top .comment-count span {
            font-size: 16px;
            margin-right: 5px;
        }


    .single-post-area .navigation-top .social-icons li {
        display: inline-block;
        margin-right: 15px;
    }


        .single-post-area .navigation-top .social-icons li:last-child {
            margin: 0;
        }


        .single-post-area .navigation-top .social-icons li i,
        .single-post-area .navigation-top .social-icons li span {
            font-size: 14px;
            color: #999999;
        }


.single-post-area .blog-author {
    padding: 40px 30px;
    background: #fbf9ff;
    margin-top: 50px;
}

@media (max-width: 600px) {

    .single-post-area .blog-author {
        padding: 20px 8px;
    }
}


.single-post-area .blog-author img {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    margin-right: 30px;
}

@media (max-width: 600px) {

    .single-post-area .blog-author img {
        margin-right: 15px;
        width: 45px;
        height: 45px;
    }
}


.single-post-area .blog-author a {
    display: inline-block;
}


    .single-post-area .blog-author a:hover {
        color: #FF4A52;
    }


.single-post-area .blog-author p {
    margin-bottom: 0;
    font-size: 15px;
}


.single-post-area .blog-author h4 {
    font-size: 16px;
}


.single-post-area .navigation-area {
    border-bottom: 1px solid #eee;
    padding-bottom: 30px;
    margin-top: 55px;
}


    .single-post-area .navigation-area p {
        margin-bottom: 0px;
    }


    .single-post-area .navigation-area h4 {
        font-size: 18px;
        line-height: 25px;
    }


    .single-post-area .navigation-area .nav-left {
        text-align: left;
    }


        .single-post-area .navigation-area .nav-left .thumb {
            margin-right: 20px;
            background: #000;
        }


            .single-post-area .navigation-area .nav-left .thumb img {
                -webkit-transition: 0.5s;
                transition: 0.5s;
            }


        .single-post-area .navigation-area .nav-left .lnr {
            margin-left: 20px;
            opacity: 0;
            -webkit-transition: 0.5s;
            transition: 0.5s;
        }


        .single-post-area .navigation-area .nav-left:hover .lnr {
            opacity: 1;
        }


        .single-post-area .navigation-area .nav-left:hover .thumb img {
            opacity: .5;
        }

@media (max-width: 767px) {

    .single-post-area .navigation-area .nav-left {
        margin-bottom: 30px;
    }
}


.single-post-area .navigation-area .nav-right {
    text-align: right;
}


    .single-post-area .navigation-area .nav-right .thumb {
        margin-left: 20px;
        background: #000;
    }


        .single-post-area .navigation-area .nav-right .thumb img {
            -webkit-transition: 0.5s;
            transition: 0.5s;
        }


    .single-post-area .navigation-area .nav-right .lnr {
        margin-right: 20px;
        opacity: 0;
        -webkit-transition: 0.5s;
        transition: 0.5s;
    }


    .single-post-area .navigation-area .nav-right:hover .lnr {
        opacity: 1;
    }


    .single-post-area .navigation-area .nav-right:hover .thumb img {
        opacity: .5;
    }

@media (max-width: 991px) {

    .single-post-area .sidebar-widgets {
        padding-bottom: 0px;
    }
}


.comments-area {
    background: transparent;
    border-top: 1px solid #eee;
    padding: 45px 0;
    margin-top: 50px;
}

@media (max-width: 414px) {

    .comments-area {
        padding: 50px 8px;
    }
}


.comments-area h4 {
    margin-bottom: 35px;
    font-size: 18px;
}


.comments-area h5 {
    font-size: 16px;
    margin-bottom: 0px;
}


.comments-area .comment-list {
    padding-bottom: 48px;
}


    .comments-area .comment-list:last-child {
        padding-bottom: 0px;
    }


    .comments-area .comment-list.left-padding {
        padding-left: 25px;
    }

@media (max-width: 413px) {

    .comments-area .comment-list .single-comment h5 {
        font-size: 12px;
    }

    .comments-area .comment-list .single-comment .date {
        font-size: 11px;
    }

    .comments-area .comment-list .single-comment .comment {
        font-size: 10px;
    }
}


.comments-area .thumb {
    margin-right: 20px;
}


    .comments-area .thumb img {
        width: 70px;
        border-radius: 50%;
    }


.comments-area .date {
    font-size: 14px;
    color: #999999;
    margin-bottom: 0;
    margin-left: 20px;
}


.comments-area .comment {
    margin-bottom: 10px;
    color: #777777;
    font-size: 15px;
}


.comments-area .btn-reply {
    background-color: transparent;
    color: #888888;
    padding: 5px 18px;
    font-size: 14px;
    display: block;
    font-weight: 400;
}


.comment-form {
    border-top: 1px solid #eee;
    padding-top: 45px;
    margin-top: 50px;
    margin-bottom: 20px;
}


    .comment-form .form-group {
        margin-bottom: 30px;
    }


    .comment-form h4 {
        margin-bottom: 40px;
        font-size: 18px;
        line-height: 22px;
    }


    .comment-form .name {
        padding-left: 0px;
    }

@media (max-width: 767px) {

    .comment-form .name {
        padding-right: 0px;
        margin-bottom: 1rem;
    }
}


.comment-form .email {
    padding-right: 0px;
}

@media (max-width: 991px) {

    .comment-form .email {
        padding-left: 0px;
    }
}


.comment-form .form-control {
    border: 1px solid #f0e9ff;
    border-radius: 5px;
    height: 48px;
    padding-left: 18px;
    font-size: 13px;
    background: transparent;
}


    .comment-form .form-control:focus {
        outline: 0;
        box-shadow: none;
    }


    .comment-form .form-control::placeholder {
        font-weight: 300;
        color: #999999;
    }


    .comment-form .form-control::placeholder {
        color: #777777;
    }


.comment-form textarea {
    padding-top: 18px;
    border-radius: 12px;
    height: 100% !important;
}


.comment-form ::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    font-size: 13px;
    color: #777;
}


.comment-form ::-moz-placeholder {
    /* Firefox 19+ */
    font-size: 13px;
    color: #777;
}


.comment-form :-ms-input-placeholder {
    /* IE 10+ */
    font-size: 13px;
    color: #777;
}


.comment-form :-moz-placeholder {
    /* Firefox 18- */
    font-size: 13px;
    color: #777;
}

/*============ End Blog Single Styles  =============*/
/**************** blog part css start ****************/

.blog_part {
    margin-bottom: 140px;
}

@media (max-width: 576px) {

    .blog_part {
        margin-bottom: 0px;
        padding: 0px 0px 70px;
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {

    .blog_part {
        margin-bottom: 0px;
        padding: 0px 0px 70px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {

    .blog_part {
        margin-bottom: 0px;
        padding: 0px 0px 70px;
    }
}


.blog_part .blog_right_sidebar .widget_title {
    font-size: 20px;
    margin-bottom: 40px;
    font-style: inherit !important;
}

@media (max-width: 576px) {

    .blog_part .single-home-blog {
        margin-bottom: 140px;
        margin-top: 20px;
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {

    .blog_part .single-home-blog {
        margin-bottom: 140px;
        margin-top: 20px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {

    .blog_part .single-home-blog {
        margin-bottom: 140px;
        margin-top: 20px;
    }
}


.blog_part .single-home-blog .card-img-top {
    border-radius: 0px;
}


.blog_part .single-home-blog .card {
    border: 0px solid transparent;
    border-radius: 0px;
    background-color: transparent;
    position: relative;
}


    .blog_part .single-home-blog .card .card-body {
        padding: 25px 10px 29px 40px;
        background-color: #fff;
        position: absolute;
        left: 20px;
        bottom: -140px;
        box-shadow: -7.552px 9.326px 20px 0px rgba(1, 84, 85, 0.1);
        border-radius: 10px;
    }

@media (max-width: 576px) {

    .blog_part .single-home-blog .card .card-body {
        padding: 15px;
        left: 10px;
        bottom: -140px;
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {

    .blog_part .single-home-blog .card .card-body {
        padding: 15px;
        left: 10px;
        bottom: -140px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {

    .blog_part .single-home-blog .card .card-body {
        padding: 20px;
    }
}


.blog_part .single-home-blog .card .card-body a {
    color: #FF4A52;
    text-transform: uppercase;
    -webkit-transition: 0.8s;
    transition: 0.8s;
}


    .blog_part .single-home-blog .card .card-body a:hover {
        background: -webkit-linear-gradient(131deg, #ff7e5f 0%, #feb47b 99%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }


.blog_part .single-home-blog .card .dot {
    position: relative;
    padding-left: 20px;
}


    .blog_part .single-home-blog .card .dot:after {
        position: absolute;
        content: "";
        width: 10px;
        height: 10px;
        top: 5px;
        left: 0;
        background-color: #FF4A52;
        border-radius: 50%;
    }


.blog_part .single-home-blog .card span {
    color: #8a8a8a;
    margin-bottom: 10px;
    display: inline-block;
    margin-top: 10px;
}

@media (max-width: 576px) {

    .blog_part .single-home-blog .card span {
        margin-bottom: 5px;
        margin-top: 5px;
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {

    .blog_part .single-home-blog .card span {
        margin-bottom: 5px;
        margin-top: 5px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {

    .blog_part .single-home-blog .card span {
        margin-bottom: 5px;
        margin-top: 5px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {

    .blog_part .single-home-blog .card span {
        margin-bottom: 5px;
        margin-top: 5px;
    }
}


.blog_part .single-home-blog .card h5 {
    font-weight: 600;
    line-height: 1.5;
    font-size: 20px;
    -webkit-transition: 0.8s;
    transition: 0.8s;
    text-transform: capitalize;
    margin-bottom: 22px;
}

@media (max-width: 576px) {

    .blog_part .single-home-blog .card h5 {
        margin-bottom: 10px;
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {

    .blog_part .single-home-blog .card h5 {
        margin-bottom: 10px;
        font-size: 16px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {

    .blog_part .single-home-blog .card h5 {
        margin-bottom: 10px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {

    .blog_part .single-home-blog .card h5 {
        margin-bottom: 10px;
        font-size: 18px;
    }
}


.blog_part .single-home-blog .card h5:hover {
    -webkit-transition: 0.8s;
    transition: 0.8s;
    background: -webkit-linear-gradient(131deg, #feb47b 0%, #ff7e5f 99%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-animation: 1s;
}

.blog_part .single-home-blog .card ul li {
    display: inline-block;
    color: #8a8a8a;
    margin-right: 14px;
}

@media (max-width: 576px) {
    .blog_part .single-home-blog .card ul li {
        margin-right: 10px;
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .blog_part .single-home-blog .card ul li {
        margin-right: 10px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .blog_part .single-home-blog .card ul li {
        margin-right: 10px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .blog_part .single-home-blog .card ul li {
        margin-right: 10px;
    }
}

.blog_part .single-home-blog .card ul li span {
    margin-right: 10px;
    font-size: 12px;
}

/*# sourceMappingURL=style.css.map */