/*
    Template Name: Wido
*/
/*
Table Of Content

1. header top area
2. main menu area
3. slider area
4. video slider area  
5. breadcum area
6. about area
7. service area
8. counter area
9. video area
10. team area
11. pricing area 
12. testimonial area
13. contact area
14. map area
15. shop area 
16. blog area
17. brand area
18.  faq area
19. portfolio area
20. project information area
21. check-page-template area
22. footer area

*/

/* ======= site font family ==========*/
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,400;0,500;0,600;0,700;1,500&display=swap');

:root {
    --blackc: #000;
    --whitec: #fff;
    --bgcolor: #222222;
    --brcolor: #308899;
    --paracolor: #222222;
    --titlecolor: #121111;
}

html, body {
    overflow-x: hidden;
}
/* defult css */
body {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.6;
    font-family: "Barlow Condensed", sans-serif;
    color: var(--paracolor);
    margin: 0;
}

h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    font-size: 24px;
    font-weight: 700;
    color: var(--titlecolor);
    font-family: "Barlow Condensed", sans-serif;
}

h1 {
    font-size: 30px;
}

h2 {
    font-size: 24px;
}

h3 {
    font-size: 22px;
}

h4 {
    font-size: 18px;
}

h5 {
    font-size: 16px;
}

h6 {
    font-size: 15px;
}

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

.btn-primary:focus,
textarea:focus,
select:focus,
input:focus {
    box-shadow: none !important;
    border: none;
}

textarea,
input {
    outline: none;
}

.btn:focus {
    text-decoration: none;
    outline: none;
    box-shadow: none;
}

input:focus,
button:focus {
    border-color: transparent;
    outline-color: transparent;
}

textarea:focus {
    border-color: transparent;
    outline-color: transparent;
}

::-moz-placeholder {
    font-size: 16px;
}

::-webkit-input-placeholder {
    font-size: 16px;
}

:-ms-input-placeholder {
    font-size: 16px;
}

::placeholder {
    font-size: 16px;
}

a {
    font-weight: 500;
    transition: .5s;
    text-decoration: none;
    color: var(--titlecolor);
}

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

        a:hover:hover {
            color: var(--brcolor);
        }

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:active,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus,
select:-webkit-autofill:active {
    transition: background-color 50000s ease-in-out 0s, color 5000s ease-in-out 0s;
}

p.form-messege {
    margin-top: 8px;
}

.witr_all_pd0 {
    padding: 0;
}
/* highlight color css */
.highlight {
    color: var(--brcolor);
}
/*======= header top area start =====*/
.header_top_area {
    background-color: var(--brcolor);
    padding: 12px 40px;
}
/* header left */
.header_left span, .header_right span {
    font-size: 15px;
    font-weight: 500;
    color: var(--whitec);
}

.header_left span, .header_left a {
    margin: 0 8px 0 0;
    color: var(--whitec);
}

    .header_left span i,
    .header_left a i {
        margin-right: 6px;
    }
/* header right */
.header_right a {
    margin-left: 12px;
    color: var(--whitec);
}

    .header_right a:hover,
    .header_left a:hover {
        color: var(--titlecolor);
    }

.header_right span i {
    margin-right: 5px;
}
/*======= header top area end ======*/

/*======== main menu area start ==========*/
.main_menu_area {
    padding: 0 40px;
    background-color: var(--whitec);
    display: flex;
    justify-content: center; /* Centers the content horizontally */
    align-items: center;
}
/* mobile menu */
.mobile_menu {
    display: none;
    display: flex;
    justify-content: center; /* Centers the content horizontally */
    align-items: center;
}

.mobile_logo_area {
    display: none;
}

.main_menu_area.sticky {
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    z-index: 999999;
    background: #232222a3;
    height: 100px;
}

.main_menu_area .sticky_logo {
    display: none;
}

.main_menu_area.sticky .main_logo {
    display: none;
}

.main_menu_area.sticky .sticky_logo {
    display: block;
}

.main_menu_area.sticky .inner_main_nav_area > ul > li > a {
    color: white;
    font-size: 20px;
}

.main_menu_area.sticky .main_nav_icon_right > i {
    color: black;
}

.main_menu_area.sticky .inner_main_nav_area > ul > li > a:hover {
    color: turquoise;
    display: flex;
    justify-content: center; /* Centers the content horizontally */
    align-items: center;
    font-size: 20px;
}

.main_menu_area.sticky .inner_main_nav_area > ul > li > a i {
    color: var(--whitec);
    display: flex;
    justify-content: center; /* Centers the content horizontally */
    align-items: center;
}

.main_menu_area.sticky .main_nav_btn a {
    color: var(--whitec);
}

.main_menu_area.sticky .main_nav_icons a i {
    color: var(--whitec);
}
/* main nav area css */
.main_nav_area {
    display: flex;
    justify-content: center; /* Centers the content horizontally */
    align-items: center;
}
/* absolute menu css */
.absolute_menu {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    background: none;
}

    .absolute_menu .main_nav_area {
        justify-content: flex-end;
    }
/* landing menu css */
.landing_menu {
    justify-content: end;
}

.main_menu_all_item {
    align-items: center;
}
/* inner main nav area css */
.inner_main_nav_area ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.inner_main_nav_area > ul > li {
    display: inline-block;
    position: relative;
}

    .inner_main_nav_area > ul > li > a {
        display: inline-block;
        margin: 30px 17px 32px;
        font-size: 21px;
        font-weight: 600;
        text-transform: uppercase;
        color: var(--titlecolor);
        /*font-family: 'Mukta', sans-serif;*/
    }

        .inner_main_nav_area > ul > li > a > i {
            font-weight: 700;
            color: var(--titlecolor);
        }

        .inner_main_nav_area > ul > li > a:hover {
            color: var(--brcolor);
        }

.absolute_menu .inner_main_nav_area > ul > li > a {
    color: var(--whitec);
}

    .absolute_menu .inner_main_nav_area > ul > li > a:hover {
        color: var(--bgcolor);
    }
/* main nav icons together */
.main_nav_icons_together {
    display: flex;
    align-items: center;
}
/* main nav icons */
.main_nav_icons {
    margin-left: 7px;
}

    .main_nav_icons > i {
        display: inline-block;
        width: 36px;
        height: 36px;
        line-height: 36px;
        border-radius: 100%;
        text-align: center;
        background-color: var(--brcolor);
        color: var(--whitec);
        cursor: pointer;
        transition: .5s;
    }

        .main_nav_icons > i:hover {
            background-color: var(--bgcolor);
            color: var(--whitec);
        }

.main_nav_btn {
    margin-left: 22px;
}

    .main_nav_btn a {
        display: inline-block;
        font-size: 16px;
        font-weight: 500;
        border-radius: 5px;
        padding: 12px 30px;
        background-color: var(--brcolor);
        color: var(--whitec);
    }

        .main_nav_btn a:hover {
            background-color: var(--bgcolor);
            color: var(--whitec);
        }
/* nav icon popup css */
.nav_icon_popup {
    position: fixed;
    top: 0;
    left: -110%;
    background: #7745228a;
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    transition: 1s;
}

    .nav_icon_popup.icon_popup {
        opacity: 1;
        visibility: visible;
        left: 0;
    }
/* inner nav icon popup */
.inner_nav_icon_popup {
    width: 47%;
    margin: 0 auto;
    position: relative;
}

    .inner_nav_icon_popup input {
        font-size: 30px;
        font-weight: 500;
        padding: 17px 40px 15px 15px;
        width: 100%;
        border: none;
        outline: none;
        box-shadow: 0px 0px 30px 0px #dddddd45;
        background: var(--whitec);
        border-radius: 10px;
    }

        .inner_nav_icon_popup input::placeholder {
            font-size: 30px;
        }
/* inner nav popup form icons css */
.inner_nav_popup_form_icons {
    position: absolute;
    top: 35%;
    right: 10px;
    transform: translateY(-50%);
}

.inner_nav_popup_btnicon {
    font-size: 40px;
    border: none;
    outline: none;
    background: none;
}

.inner_nav_icon_popup i {
    display: inline-block;
    margin-top: 10px;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border-radius: 100%;
    background-color: var(--whitec);
    color: var(--blackc);
    font-size: 25px;
    cursor: pointer;
    transition: 1s;
}
/* main nav icon right */
.main_nav_icon_right {
    margin-left: 20px;
}

    .main_nav_icon_right > i {
        display: inline-block;
        font-size: 25px;
        color: var(--blackc);
        cursor: pointer;
    }
/* main nav icon right popup */
.main_nav_icon_right_popup {
    position: fixed;
    top: 0;
    right: -110%;
    width: 400px;
    height: 100%;
    background: #fff;
    z-index: 999;
    padding: 100px 20px 30px;
    overflow: scroll;
    opacity: 0;
    visibility: hidden;
    transition: 1s;
}

    .main_nav_icon_right_popup.site_popup {
        right: 0;
        opacity: 1;
        visibility: visible;
    }

    .main_nav_icon_right_popup h2 {
        font-size: 22px;
        padding-bottom: 5px;
        position: relative;
    }

        .main_nav_icon_right_popup h2::before {
            content: '';
            position: absolute;
            left: 0;
            bottom: 0;
            right: 0;
            border: 1px solid var(--brcolor);
            width: 26%;
            border-radius: 50%;
        }
/* main nav right popup close */
.m_nav_rpi_close {
    text-align: end;
    margin: -57px 0 20px;
}

    .m_nav_rpi_close > i {
        display: inline-block;
        color: var(--blackc);
        font-size: 40px;
        font-weight: 400;
        cursor: pointer;
    }

.m_nav_right_pp_form {
    position: relative;
}

    .m_nav_right_pp_form input {
        height: 54px;
        width: 100%;
        border: 1px solid #efefef;
        outline: none;
        padding: 0 20px;
    }

    .m_nav_right_pp_form button {
        position: absolute;
        top: 0;
        right: 0;
        font-size: 18px;
        padding: 13px 20px;
        outline: none;
        border: none;
        background: #ddd;
        color: var(--blackc);
    }
/* right popup nav */
.right_popup_nav {
    padding: 65px 0 0 0;
}

    .right_popup_nav ul {
        list-style: none;
        padding-left: 0;
    }

        .right_popup_nav ul li {
            padding: 12px 0;
            border-bottom: 1px solid #dddddd;
        }

            .right_popup_nav ul li.r_nav_child_border {
                border-bottom: none;
            }

            .right_popup_nav ul li a {
                display: inline-block;
                font-size: 16px;
                font-weight: 400;
                color: var(--paracolor);
            }
/* right popup address */
.right_popup_address {
    padding: 40px 0 14px;
}

    .right_popup_address h2 {
        font-size: 24px;
        margin-bottom: 30px;
    }

    .right_popup_address p {
        width: 85%;
    }

.right_popup_inner_address p {
    color: var(--brcolor);
}

    .right_popup_inner_address p i {
        margin-right: 6px;
    }

.right_popup_address h5 {
    background-color: var(--brcolor);
    color: var(--whitec);
    padding: 12px 0 10px;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 2px;
    width: 100%;
    margin: 0;
    position: relative;
}
/* drop down menu css */
.inner_main_nav_area ul li .sub_menu {
    position: absolute;
    top: 130%;
    left: 0;
    width: max-content;
    min-width: 205px;
    max-width: 320px;
    text-align: left;
    margin: 0;
    padding: 15px 5px 14px;
    z-index: 9999;
    box-shadow: 0 0 30px rgb(0 0 0 / 9%);
    background-color: var(--whitec);
    opacity: 0;
    visibility: hidden;
    transition: .5s;
}

    .inner_main_nav_area ul li .sub_menu li {
        position: relative;
    }

        .inner_main_nav_area ul li .sub_menu li a {
            display: inline-block;
            font-size: 18px;
            font-weight: 600;
            color: var(--titlecolor);
            padding: 6px 17px;
        }

            .inner_main_nav_area ul li .sub_menu li a:hover {
                color: var(--brcolor);
                margin-left: 5px;
            }

.inner_main_nav_area > ul > li:hover .sub_menu {
    top: 100%;
    opacity: 1;
    visibility: visible;
}

.inner_main_nav_area .sub_menu > li > ul.sub_menu {
    top: 130%;
    left: 100%;
    opacity: 0;
    visibility: hidden;
    transition: .5s;
}

.inner_main_nav_area ul li .sub_menu li:hover ul.sub_menu {
    top: 0;
    opacity: 1;
    visibility: visible;
}
/*======== main menu area end ==========*/

/*======== mobile menu area start ==========*/
.mobile_logo_area {
    display: none !important;
}

.mean-container a.meanmenu-reveal {
    display: none !important;
}

.mean-container .mean-nav > ul {
    padding: 0;
    margin: 0;
    width: 100%;
    list-style-type: none;
    display: block !important;
}

.mean-container .mean-bar {
    background: #fff;
    padding: 0;
}

.mean-container .mean-nav ul li {
    border-top: 0px solid #ddd;
}

    .mean-container .mean-nav ul li li a,
    .mean-container .mean-nav ul li a {
        color: #444;
    }

    .mean-container .mean-nav ul li li a {
        border-top: 1px solid #ddd;
    }

    .mean-container .mean-nav ul li a:hover {
        color: #ff4a17;
    }

.mobile_p {
    position: fixed;
    right: 0;
    width: 300px;
    padding: 80px 20px 0px;
    overflow-y: scroll;
    top: 0;
    height: 100%;
    z-index: 9999;
    display: block;
    transition: 0.5s all;
    box-shadow: 0 0 30px rgb(0 0 0 / 7%);
    transform: translateX(100%);
    background: #ffffff;
}

.tx-s-open {
    transform: translateX(0);
}

.mobile_p .tuetion_theme_widget > div.widget_block {
    padding: 0;
}

.mobile_p .tuetion_theme_widget > div {
    padding: 20px 0px 20px;
    box-shadow: none;
}

.mean-container .mean-nav ul li a {
    border: 0;
    width: 100%;
    border-top: 1px solid #ddd;
    font-size: 14px;
    padding: 12px 5px;
    font-weight: 500;
    display: block;
}

    .mean-container .mean-nav ul li a.mean-expand {
        width: auto;
    }

.mobile_opicon {
    text-align: right;
    padding: 4px 0;
}

.mean-container .mean-nav > ul > li:first-child > a {
    border-top: 0;
}

.mobilemenu_con {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.mobile_menu_o i {
    font-size: 26px;
}

.mobile_menu_content .mobile_menu_logo {
    margin-bottom: 20px;
}

.mobile_cicon {
    position: absolute;
    right: 30px;
    top: 50px;
}

.mobile_overlay {
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    opacity: 0;
    z-index: 999;
    width: 100vw;
    height: 100vh;
    visibility: hidden;
    position: fixed;
    background: rgba(0, 0, 0, 0.8);
    transition: all 0.3s ease-out 0s;
}

    .mobile_overlay.mactive {
        opacity: 1;
        visibility: visible;
    }
/*======== mobile menu area end ==========*/

/*======== slider area start  ==========*/
.slider_area {
    margin: 0 40px;
}

.h2_slider_area {
    margin: 0 0;
}
/* inner slider area */
.inner_slider_area {
    height: 820px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    display: flex !important;
    align-items: center;
}

.inner_slider_content {
    width: 85%;
    margin: 0 auto;
    text-align: left;
}

    .inner_slider_content h1 {
        font-size: 18px;
        font-weight: 600;
        color: turquoise;
        text-transform: uppercase;
    }

    .inner_slider_content h2 {
        font-size: 110px;
        text-transform: uppercase;
        color: var(--whitec);
        margin: 0;
    }
/* golobal btn css */
.w_btn {
    margin-top: 30px;
}

    .w_btn a {
        display: inline-block;
        padding: 22px 55px;
        background-color: var(--brcolor);
        color: var(--whitec);
        font-size: 16px;
        font-weight: 500;
        border: 1px solid transparent;
        margin-right: 10px;
    }

        .w_btn a:hover {
            background-color: var(--bgcolor);
            color: var(--whitec);
        }

        .w_btn a.active {
            background: none;
            border: 1px solid var(--whitec);
        }

            .w_btn a.active:hover {
                background-color: var(--brcolor);
                color: var(--whitec);
                border: 1px solid transparent;
            }
/* slider defult arrow css */
.slider_area .slick-prev, .slider_area .slick-next {
    background: none;
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 0;
}

.slider_area:hover .slick-prev, .slider_area:hover .slick-next {
    opacity: 1;
    visibility: visible;
}

.slider_area .slick-prev {
    left: 0;
}

.slider_area .slick-next {
    right: 10px;
}

    .slider_area .slick-prev::before, .slider_area .slick-next::before {
        content: '\eac9';
        font-family: IcoFont;
        color: var(--blackc);
        display: inline-block;
        background: 0 0;
        width: 60px;
        height: 60px;
        line-height: 60px;
        border-radius: 0;
        font-size: 50px;
        font-weight: 700;
    }

    .slider_area .slick-next::before {
        content: '\eaca';
    }

    .slider_area .slick-prev:hover::before, .slider_area .slick-next:hover::before {
        background-color: var(--whitec);
        color: var(--blackc);
    }
/* home 2 inner slider area css */
.h2_inner_slider_area {
    height: 760px;
}

    .h2_inner_slider_area .inner_slider_content {
        width: 68%;
    }

        .h2_inner_slider_area .inner_slider_content h1 {
            color: var(--brcolor);
        }

        .h2_inner_slider_area .inner_slider_content h2 {
            font-size: 90px;
            color: var(--titlecolor);
            text-transform: inherit;
        }

        .h2_inner_slider_area .inner_slider_content p {
            font-size: 18px;
            width: 60%;
            margin: 20px 0 0;
        }

        .h2_inner_slider_area .inner_slider_content .w_btn a {
            border: none;
        }

            .h2_inner_slider_area .inner_slider_content .w_btn a.active {
                background-color: var(--bgcolor);
            }

                .h2_inner_slider_area .inner_slider_content .w_btn a.active:hover {
                    background-color: var(--brcolor);
                }
/* home 3 inner slider area css */
.h3_inner_slider {
    height: 640px;
}

    .h3_inner_slider .inner_slider_content h2 {
        font-size: 90px;
        text-transform: inherit;
    }

    .h3_inner_slider .inner_slider_content .w_btn a {
        background-color: var(--bgcolor);
        color: var(--whitec);
    }

        .h3_inner_slider .inner_slider_content .w_btn a:hover {
            background-color: var(--whitec);
            color: var(--bgcolor);
        }

        .h3_inner_slider .inner_slider_content .w_btn a.active {
            background: none;
            color: var(--whitec);
        }

            .h3_inner_slider .inner_slider_content .w_btn a.active:hover {
                background-color: var(--brcolor);
                color: var(--whitec);
            }
/*======== slider area end  ==========*/

/*======== video area start  ==========*/
.video_slider_area {
    position: relative;
}

.witr_youtube_video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: -99;
    transform: scale(1.4);
}

    .witr_youtube_video iframe {
        width: 100%;
        height: 100%;
        border: none;
    }

.video_slider_area .inner_slider_content h1, .video_slider_area .inner_slider_content h2, .video_slider_area .inner_slider_content p {
    color: var(--whitec);
}
/*======== video area end  ==========*/

/*======== breadcum area start  ==========*/
.breadcum_area {
    background-size: cover;
    background-position: center center;
}

.inner_breadcum_area {
    padding: 60px 0;
}

    .inner_breadcum_area h1 {
        font-size: 29px;
        color: var(--whitec);
        margin: 0;
    }

    .inner_breadcum_area ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .inner_breadcum_area ul li {
            display: inline-block;
            font-size: 16px;
            font-weight: 400;
            color: var(--whitec);
        }

            .inner_breadcum_area ul li a {
                display: inline-block;
                font-size: 16px;
                font-weight: 400;
                color: var(--whitec);
            }

                .inner_breadcum_area ul li i, .inner_breadcum_area ul li a i {
                    font-size: 22px;
                }
/*======== breadcum area end  ==========*/

/*======== apartment area start  ==========*/
.apartment_area {
    padding: 110px 0 50px;
}

.inner_apartment_left_area h2 {
    font-size: 16px;
    font-weight: 500;
    color: var(--brcolor);
}

.inner_apartment_left_area h3 {
    font-size: 48px;
    text-transform: uppercase;
}
/* inner apartment form area css */
.inner_apartment_form_area {
    position: relative;
    z-index: 99;
    margin-top: -330px;
    text-align: center;
    border-style: solid;
    border-width: 25px 25px 25px 25px;
    border-color: #DDDDDD;
    border-radius: 0px 0px 0px 0px;
    padding: 50px 60px 55px 60px;
    background: var(--whitec);
}

    .inner_apartment_form_area h3 {
        font-size: 36px;
        color: var(--brcolor);
        margin: 0;
    }
/* apartment form css */
.apart_Form {
    margin-top: 35px;
}

.inner_apartment_form input {
    width: 100%;
    height: 45px;
    margin-bottom: 23px;
    padding: 0 20px;
    outline: none;
    border: 1px solid #101010;
}

.inner_apartment_form textarea {
    width: 100%;
    height: 160px;
    padding: 10px 20px;
    outline: none;
    border: 1px solid #101010;
}

.inner_apartment_form button {
    margin-top: 20px;
    width: 100%;
    padding: 12px 0 12px;
    background-color: var(--brcolor);
    color: var(--whitec);
    font-size: 16px;
    font-weight: 600;
    outline: none;
    border: none;
    transition: .5s;
}

    .inner_apartment_form button:hover {
        background-color: var(--bgcolor);
        color: var(--whitec);
    }
/*======= apartment area end  ======*/

/*======== feature area end =======*/
.feature_area {
    padding: 70px 0 50px;
}

.inner_feature_area {
    margin-bottom: 20px;
}
/* service feauture area css */
.service_feature {
    padding: 120px 0 50px;
}

.inner_feature_area h2 {
    margin: 30px 0 15px;
}
/* home 2 feaure area css */
.h2_feaure_area {
    position: relative;
    margin: -40px 270px 0;
    padding: 20px 0px 20px;
    border-width: 20px 20px 20px 20px;
    border-color: var(--whitec);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
    background: var(--whitec);
}

.h2_feature_width {
    padding: 50px 0px 38px;
    background-color: var(--brcolor);
}

.h2_feaure_area .inner_feature_area h2 {
    font-weight: 600;
    color: var(--whitec);
}
/*======== feature area end  ==========*/

/*======== home 3 feature area start  ======*/
.h3_feature_area {
    padding: 120px 0 30px;
}

.h3_inner_feature_area {
    display: flex;
    margin-bottom: 20px;
}

.h3_inner_feaure_img {
    margin-right: 15px;
}

    .h3_inner_feaure_img img {
        max-width: max-content;
    }

.h3_inner_feaute_content h3 {
    font-size: 18px;
    text-transform: uppercase;
}
/*======== home 3 feature area end  ======*/

/*======== home 3 title area start  ======*/
.h3_title_area {
    padding: 50px 0 20px;
}

    .h3_title_area .section_title_area {
        position: relative;
        margin-bottom: 0;
    }

        .h3_title_area .section_title_area h3 {
            margin: 15px 0 20px;
        }

        .h3_title_area .section_title_area img {
            position: absolute;
            top: -25px;
            right: 40%;
            z-index: -1;
            transform: translateX(-50%);
            animation: h3_title_shap 5s linear 1s infinite alternate running;
        }

@keyframes h3_title_shap {
    0% {
        transform: translateX(0px);
    }

    100% {
        transform: translateX(45px);
    }
}
/*======== home 3 title area end  ======*/

/*===== about area start  ====*/
.about_area {
    padding: 50px 0 0px;
}

.inner_about_img img {
    width: 100%;
}
/* inner about area css */
.inner_about_area {
    padding: 50px 40px 0;
}

    .inner_about_area > h2 {
        font-size: 48px;
        text-transform: uppercase;
    }
/* inner about btn css */
.inner_about_btn_style {
    margin-top: 30px;
    display: flex;
    align-items: center;
}

    .inner_about_btn_style i {
        display: inline-block;
        width: 50px;
        height: 50px;
        line-height: 50px;
        text-align: center;
        font-size: 24px;
        background-color: var(--brcolor);
        color: var(--whitec);
        margin-right: 15px;
        transition: .5s;
    }

    .inner_about_btn_style:hover i {
        background-color: var(--bgcolor);
    }

    .inner_about_btn_style h2 {
        font-weight: 600;
    }

.inner_about_cont {
    padding: 10px 0 0;
    display: flex;
}

.inner_about_sub_cont {
    margin-left: 20px;
}

    .inner_about_sub_cont h3 {
        font-size: 24px;
    }

    .inner_about_sub_cont p {
        font-size: 14px;
        line-height: 22px;
    }

.inner_about_right_img {
    padding: 0 0px 0 40px;
    margin-top: -220px;
}
/*===== about area end  ====*/

/*===== home 2 about area start  ====*/
.h2_about_area {
    padding: 120px 0 40px;
}
    /* home 2 inner about right text area css */
    .h2_about_area .section_title_area {
        margin-top: 35px;
        margin-bottom: 0;
    }
/* home 2 inner about list items css */
.h2_inner_about_list_items {
    display: flex;
    margin-top: 30px;
}

    .h2_inner_about_list_items ul {
        list-style: none;
        padding-left: 0;
        margin-right: 100px;
    }

        .h2_inner_about_list_items ul li {
            font-size: 18px;
            font-weight: 600;
            padding: 0 0 25px;
        }

            .h2_inner_about_list_items ul li img {
                margin-right: 15px;
            }

.h2_inner_about_right_text .w_btn {
    margin-top: 35px;
}
/*===== home 2 about area end  ====*/

/*===== counter area start  ====*/
.counter_area {
    padding: 10px 0 40px;
}

.inner_counter_area {
    margin-bottom: 20px;
    position: relative;
}

    .inner_counter_area::before {
        content: '';
        position: absolute;
        border-right: 1px solid var(--brcolor);
        top: 85px;
        right: 0;
        bottom: 0px;
        height: 55%;
    }
/* style 2 counter css */
.style2_counter {
    position: relative;
}

    .style2_counter::before {
        display: none;
    }

.inner_counter_sub_cont {
    display: flex;
    justify-content: center;
    align-items: baseline;
}

    .inner_counter_sub_cont h3, .inner_counter_sub_cont span {
        color: #F5EAE4;
        font-size: 150px;
        font-weight: 700;
    }

.inner_counter_area h2 {
    font-weight: 600;
    margin-top: -125px;
}
/*===== counter area end  ====*/

/*===== video area start  ====*/
.video_area {
    margin: 100px 30px 50px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.service_video_area {
    margin: 20px 30px 50px;
}

.inner_video_area {
    padding: 240px 0 240px;
}

    .inner_video_area a {
        display: inline-block;
        width: 80px;
        height: 80px;
        line-height: 80px;
        border-radius: 100%;
        background-color: var(--whitec);
        color: var(--brcolor);
        animation: witr-shadow 1s linear infinite;
    }

@keyframes witr-shadow {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3), 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3);
    }

    100% {
        box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3), 0 0 0 30px rgba(255, 255, 255, 0);
    }
}
/* home 2 video area css */
.h2_video_area {
    margin: 105px 0px 50px;
}

    .h2_video_area .inner_video_area {
        padding: 295px 0 260px;
    }

        .h2_video_area .inner_video_area h2 {
            margin-top: 20px;
            font-size: 110px;
            font-weight: 600;
            color: var(--whitec);
        }
/*===== video area end  ====*/

/*======== shop area start ==========*/
.shop_area {
    padding: 65px 0 50px;
}
/* home 2 shop area css */
.h2_shop_area {
    padding: 75px 0 0;
}
/* home 3 shop margin area css */
.h3_shop_margin {
    padding: 75px 0 40px;
}

    .h3_shop_margin .h3_inner_shop_btn {
        margin-top: 45px;
    }
/* section title area css */
.section_title_area {
    margin-bottom: 60px;
}

    .section_title_area h2 {
        font-size: 18px;
        font-weight: 500;
        color: var(--brcolor);
        margin: 0;
    }

    .section_title_area h3 {
        font-size: 48px;
    }

.shop_area .section_title_area {
    margin-bottom: 45px;
}
/* home 2 section title area css */
.h2_section_title {
    margin-bottom: 65px;
}

    .h2_section_title img {
        margin: 0px 0 -130px;
    }

    .h2_section_title h3 {
        font-size: 48px;
    }

    .h2_section_title p {
        width: 75%;
        margin: 0 auto;
        font-size: 18px;
    }

.shop_title {
    margin-bottom: 55px;
}

    .shop_title p {
        margin: 0 auto;
    }

.inner_shop_area {
    background-color: var(--whitec);
    margin: 15px;
    box-shadow: 0 0 10px 0 rgb(148 146 245 / 20%);
}

.inner_shop_img {
    padding: 35px 0 30px;
    position: relative;
    overflow: hidden;
}

    .inner_shop_img img {
        margin: 0 auto;
    }
/* inner shop icons css */
.inner_shop_icons {
    position: absolute;
    bottom: -50px;
    left: 0;
    right: 0;
    transition: .5s;
}

.inner_shop_area:hover .inner_shop_icons {
    bottom: 20px;
}
/* inner shop icons css */
.inner_shop_icons a {
    display: inline-block;
    width: 38px;
    height: 38px;
    line-height: 38px;
    border-radius: 100%;
    box-shadow: 0 0 10px 0 rgb(27 81 209 / 10%);
    text-align: center;
    background-color: var(--whitec);
    color: var(--titlecolor);
}

    .inner_shop_icons a:hover {
        background-color: var(--brcolor);
        color: var(--whitec);
    }
/* inner shop content css */
.inner_shop_content {
    padding: 10px 0 20px;
    box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.1);
}

    .inner_shop_content h3 a {
        font-size: 18px;
        text-transform: uppercase;
    }

        .inner_shop_content h3 a:hover {
            color: var(--brcolor);
        }

    .inner_shop_content p {
        font-size: 18px;
        font-weight: 600;
        color: var(--bgcolor);
        margin: 0;
    }

    .inner_shop_content i {
        display: inline-block;
        margin-top: 12px;
        font-size: 15px;
        color: #ffc107;
    }

.shop_area:hover .slick-prev, .shop_area:hover .slick-next {
    opacity: 1;
    visibility: visible;
}

.shop_area .single_service_btn {
    margin-top: 66px;
}

.h2_single_service_btn a {
    border-radius: 0;
}
/* home 3 shop area css */
.h3_shop_area {
    padding: 75px 0 50px;
}

    .h3_shop_area .inner_shop_area {
        margin: 10px 0 20px;
    }
/* home 3 inner shop btn css */
.h3_inner_shop_btn {
    margin-top: 30px;
}

    .h3_inner_shop_btn a {
        display: inline-block;
        width: 100%;
        text-align: center;
        font-size: 18px;
        font-weight: 500;
        text-transform: uppercase;
        padding: 20px 0 22px;
        background-color: var(--brcolor);
        color: var(--whitec);
    }

        .h3_inner_shop_btn a:hover {
            background-color: var(--bgcolor);
            color: var(--whitec);
        }
/* select items area css */
.inner_single_course_right_select {
    border-radius: 5px;
    border: 1px solid #e8e8e8;
    padding: 10px 20px;
    outline: none;
    cursor: pointer;
}

.inner_shop_title {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
}
/* select items css */
.select_items {
    border-radius: 5px;
    border: 1px solid #ddd;
    padding: 10px 20px;
    outline: none;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
}

.inner_shop_title_right {
    display: flex;
    align-items: center;
}

.inner_shop_right_icon ul li a {
    font-size: 22px;
    margin: 1px 0 0;
    padding: 2px 9px 2px;
    display: inline-block;
    margin-left: 10px;
    border-radius: 5px;
    color: #333;
    border: 1px solid #e8e8e8;
}

.inner_shop_right_icon a.active {
    background-color: var(--brcolor);
    color: var(--whitec);
}
/*======== shop area end ==========*/

/*======= style 2 shop area start  =======*/
/* select items area css */
.inner_single_course_right_select {
    border-radius: 5px;
    border: 1px solid #e8e8e8;
    padding: 10px 20px;
    outline: none;
    cursor: pointer;
}

.inner_shop_title {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
}
/* shop btn area css */
.shop_btn_area {
    margin-top: 30px;
}

    .shop_btn_area a {
        display: inline-block;
        font-size: 18px;
        font-weight: 400;
        padding: 17px 50px;
        background-color: var(--brcolor);
        color: var(--whitec);
        text-align: center;
        border-radius: 30px;
    }

        .shop_btn_area a:hover {
            background-color: var(--bgcolor);
            color: var(--whitec);
        }
/* select items css */
.select_items {
    border-radius: 5px;
    border: 1px solid #ddd;
    padding: 10px 20px;
    outline: none;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
}

.inner_shop_title_right {
    display: flex;
    align-items: center;
}

.inner_shop_right_icon ul li a {
    font-size: 22px;
    margin: 1px 0 0;
    padding: 5px 15px;
    display: inline-block;
    margin-left: 10px;
    border-radius: 5px;
    color: #333;
    border: 1px solid #e8e8e8;
}

    .inner_shop_right_icon ul li a.active {
        background-color: var(--brcolor);
        color: var(--whitec);
    }
/* tab list main css */
.tab_list_main {
    margin-bottom: 30px;
    box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 5%);
}

.tab_list_img {
    text-align: center;
}

.shop_star_icons i {
    color: #53ea078a;
}

.inner_tab_list_text {
    padding: 30px 20px 20px;
}

    .inner_tab_list_text span {
        color: var(--brcolor);
        font-weight: 700;
        margin-bottom: 20px;
    }

    .inner_tab_list_text p {
        margin-top: 10px;
    }
/* tab list socail icon css */
.tab_list_socail_icon a {
    display: inline-block;
    width: 38px;
    height: 38px;
    line-height: 38px;
    border-radius: 100%;
    text-align: center;
    background-color: var(--whitec);
    color: var(--titlecolor);
    margin: 0 5px;
    box-shadow: 0 0 10px 0 rgb(27 81 209 / 10%);
}

    .tab_list_socail_icon a:hover {
        background-color: var(--brcolor);
        color: var(--whitec);
    }
/*======= style 2 shop area end  =======*/

/*======== single shop page start  ==========*/
.single_shop_page {
    padding: 120px 0 0px;
}

.inner_sin_shop_img img {
    width: 35%;
}

.sin_page_icons {
    padding: 10px 0 15px;
}

    .sin_page_icons i {
        color: #ffc107;
    }

.sin_shop_right_content span {
    color: var(--brcolor);
    font-weight: 500;
}

.sin_shop_right_content p {
    margin-top: 10px;
}

.shop_quenty {
    padding: 20px 0 20px;
}

    .shop_quenty span {
        color: var(--brcolor);
        margin-right: 10px;
    }

    .shop_quenty input {
        border: 1px solid #ddd;
        height: 40px;
        margin-right: 10px;
    }

    .shop_quenty button {
        display: inline-block;
        padding: 10px 15px;
        border: none;
        outline: none;
        font-size: 13px;
        font-weight: 500;
        text-transform: uppercase;
        background-color: var(--brcolor);
        color: var(--whitec);
        border-radius: 3px;
        border: none;
        outline: none;
    }
/*======== single shop page end  ==========*/

/*======== choose area start ==========*/
.choose_area {
    padding: 70px 0 50px;
}

    .choose_area .section_title_area {
        margin-top: 50px;
    }

.inner_choose_area h2 {
    font-size: 18px;
    font-weight: 600;
    color: var(--brcolor);
    margin: 0;
}
/* choose tab area css */
.choose_tab_area {
    margin-top: 10px;
}

    .choose_tab_area ul li {
        margin-right: 30px;
        margin-bottom: 20px;
    }

.inner_choose_tab_right_area {
    text-align: center;
}
/*====== choose area end ======*/

/*======== faq area start  ==========*/
.faq_area {
    padding: 46px 0 50px;
}
/* home 2 faq area css */
.h2_faq_area {
    padding: 60px 0 40px;
}

    .h2_faq_area .section_title_area {
        margin-bottom: 0;
    }
/* inner faq accrodion item css */
.inner_faq_ac_item a {
    width: 100%;
    font-size: 24px;
    padding: 15px 30px 15px 20px;
    font-weight: 600;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid;
}

    .inner_faq_ac_item a:hover {
        color: var(--brcolor);
    }

    .inner_faq_ac_item a i {
        font-size: 18px;
        font-weight: 700;
    }

    .inner_faq_ac_item a.active {
        color: var(--brcolor);
        position: relative;
    }

        .inner_faq_ac_item a.active::before {
            content: '\ef9a';
            font-family: Icofont !important;
            position: absolute;
            top: 15px;
            bottom: 0;
            right: 30px;
            font-size: 18px;
        }

        .inner_faq_ac_item a.active i {
            display: none;
        }
/* inner faq text */
.inner_faq_text {
    width: 100%;
    border-radius: 0 0 5px 5px;
    border: 1px solid var(--textcolor);
}

    .inner_faq_text p {
        margin: 20px 20px 20px 20px;
        font-weight: 400;
    }
/*======== faq area end  ==========*/

/*======= single faq area start  =======*/
.single_faq_area {
    padding: 120px 0 100px;
}

    .single_faq_area .section_title_area {
        margin: 0 0;
        padding: 35px 0 30px;
    }

    .single_faq_area .inner_faq_ac_item {
        margin-bottom: 20px;
    }

        .single_faq_area .inner_faq_ac_item a {
            font-size: 17px;
            border: none;
            box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
        }

            .single_faq_area .inner_faq_ac_item a:hover {
                background-color: var(--bgcolor);
                color: var(--whitec);
            }

            .single_faq_area .inner_faq_ac_item a.active {
                background-color: var(--bgcolor);
                color: var(--whitec);
            }

    .single_faq_area .inner_faq_text p {
        font-size: 14px;
    }
/*======= single faq area end  =======*/

/*======== img area start  ==========*/
.img_area {
    padding: 50px 0 50px;
    margin: 0 0 0 210px;
}
/* about img area css */
.about_img_area {
    margin: 0 0;
    padding: 45px 0 35px;
}

.img_width {
    max-width: 1530px;
}

.inner_img_area {
    position: relative;
    overflow: hidden;
    margin: 0 15px;
}

.inner_img_overlay img {
    width: 100%;
    height: 100%;
    transition: .5s;
}

.inner_img_area:hover .inner_img_overlay img {
    transform: scale(1.2);
}

.img_overlay_main {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #000000a5;
    width: 100%;
    height: 100%;
    opacity: 0;
    transform: scale(0);
    visibility: hidden;
    transition: .5s;
}

.inner_img_area:hover .img_overlay_main {
    opacity: 1;
    visibility: visible;
    transform: scale(1.2);
}
/* golobal slick defult arrow css */
.slick-prev, .slick-next {
    position: absolute;
    top: 50%;
    width: 55px;
    height: 55px;
    line-height: 55px;
    border-radius: 100%;
    z-index: 9999;
    outline: none;
    border: none;
    font-size: 0;
    background: none;
    transform: translateY(-50%);
    transition: 1s;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
}

.slick-prev {
    left: -30px;
}

.slick-next {
    right: -20px;
}

    .slick-prev::before, .slick-next::before {
        content: '\eac9';
        font-family: IcoFont;
        display: inline-block;
        width: 55px;
        height: 55px;
        line-height: 55px;
        border-radius: 100%;
        font-size: 40px;
        background-color: var(--bgcolor);
        color: var(--whitec);
        transition: 1s;
    }

    .slick-next::before {
        content: '\eaca';
    }

    .slick-prev:hover::before, .slick-next:hover::before {
        background-color: var(--brcolor);
        color: var(--whitec);
    }

.img_area:hover .slick-prev, .img_area:hover .slick-next {
    opacity: 1;
    visibility: visible;
}
/*======== img area end  ==========*/

/*======= call to action area start  ======*/
.call_to_action {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    border: 20px solid var(--whitec);
    box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.1);
    margin: 70px 180px 30px;
}

.inner_call_to_action {
    padding: 95px 0 100px;
}

    .inner_call_to_action h2 {
        font-size: 18px;
        font-weight: 500;
        color: var(--whitec);
        text-transform: uppercase;
        margin: 0;
    }

    .inner_call_to_action h3 {
        font-size: 90px;
        color: var(--whitec);
        margin: 0;
    }

    .inner_call_to_action p {
        width: 80%;
        margin: 10px auto 5px;
        font-size: 18px;
        color: var(--whitec);
    }

    .inner_call_to_action .w_btn a {
        background-color: var(--whitec);
        color: var(--titlecolor);
        font-size: 18px;
        border: none;
        margin-right: 15px;
    }

        .inner_call_to_action .w_btn a:hover {
            background-color: var(--brcolor);
            color: var(--whitec);
            border: none;
        }

        .inner_call_to_action .w_btn a.active {
            background-color: var(--bgcolor);
            color: var(--whitec);
        }

            .inner_call_to_action .w_btn a.active:hover {
                background-color: var(--brcolor);
                color: var(--whitec);
            }
/*======= call to action area end  ======*/

/*======= testimonial area start  ======*/
.testimonial_area {
    padding: 60px 0 40px;
}
/* single testimonial area css */
.single_testimonial_area {
    padding: 115px 0 45px;
}

.testimonial_area .section_title_area {
    margin-bottom: 60px;
}

.inner_testimonial_area img {
    margin: 0 auto;
}

.inner_testimonial_area p {
    width: 90%;
    margin: 25px auto 20px;
    font-size: 18px;
}

.inner_testimonial_area h3 {
    font-size: 18px;
    font-weight: 600;
}

    .inner_testimonial_area h3 span {
        font-size: 16px;
        font-weight: 400;
        color: var(--brcolor);
    }

.testimonial_area:hover .slick-prev, .testimonial_area:hover .slick-next {
    opacity: 1;
    visibility: visible;
}
/*======= testimonial area end  ======*/

/*======== brand area start  ==========*/
.brand_area {
    padding: 70px 0 50px;
}

.inner_brand_area img {
    margin: 0 auto;
}

.brand_area:hover .slick-prev, .brand_area:hover .slick-next {
    opacity: 1;
    visibility: visible;
}
/*======== brand area end  ==========*/

/*======== blog area start  ==========*/
.blog_area {
    padding: 75px 0 30px;
}

    .blog_area .h2_section_title {
        margin-bottom: 60px;
    }
/* inner blog area css */
.inner_blog_area {
    overflow: hidden;
    margin-bottom: 20px;
    box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, 0.11);
    border-radius: 0 0 10px 10px;
}
/* home 2 inner blog area css */
.h2_inner_blog_area {
    border-radius: 0;
    box-shadow: 0px 2px 6px 0px #f5f2f2;
}
/* inner blog thumb css */
.inner_blog_thumb {
    position: relative;
    overflow: hidden;
}

.inner_blog_img img {
    width: 100%;
    transition: .5s;
}

.inner_blog_area:hover .inner_blog_img img {
    transform: scale(1.2);
}
/* blog overlay css */
.blog_overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / 50%);
    transform: scale(0);
    transition: .5s;
}

.inner_blog_area:hover .blog_overlay {
    transform: scale(1.2);
}
/* inner blog absolute css */
.inner_blog_absolute {
    position: absolute;
    top: 20px;
    left: 20px;
    display: inline-block;
    color: var(--whitec);
    background: var(--brcolor);
    padding: 4px 10px;
    border-radius: 5px;
    font-size: 14px;
    text-align: center;
}
/* inner blog text css */
.inner_blog_text {
    padding: 20px 20px 8px;
}

    .inner_blog_text span a {
        color: var(--paracolor);
        font-weight: 400;
    }

    .inner_blog_text span {
        margin-right: 10px;
        color: var(--paracolor);
    }

        .inner_blog_text span i {
            margin-right: 3px;
            color: var(--brcolor);
        }
/*inner blog content css */
.inner_blog_content {
    padding: 5px 20px 0px;
}

    .inner_blog_content h2 a {
        display: inline-block;
        margin-bottom: 8px;
        font-size: 22px;
    }

        .inner_blog_content h2 a:hover {
            color: var(--brcolor);
        }

    .inner_blog_content p {
        font-size: 14px;
    }

    .inner_blog_content > a {
        font-size: 14px;
        color: var(--brcolor);
    }

        .inner_blog_content > a:hover {
            color: var(--bgcolor);
        }
/* inner blog btn css */
.inner_blog_btn {
    padding: 5px 20px 25px;
}

    .inner_blog_btn a {
        font-size: 16px;
        font-weight: 700;
        color: #FD5A0F;
    }

        .inner_blog_btn a:hover {
            color: var(--bgcolor);
        }

        .inner_blog_btn a i {
            font-weight: 700;
            margin-left: 4px;
        }
/* home 2 inner blog text area css */
.h2_inner_blog_area .inner_blog_content {
    padding: 15px 20px 0px;
}

.h2_inner_blog_text {
    margin: 16px 20px 22px;
    padding-top: 15px;
    border-top: 1px solid #f1f1f1;
}

    .h2_inner_blog_text a, .h2_inner_blog_text span {
        font-size: 16px;
        margin-right: 10px;
    }

        .h2_inner_blog_text a:hover {
            color: var(--brcolor);
        }

        .h2_inner_blog_text a i, .h2_inner_blog_text span i {
            margin-right: 5px;
            color: var(--brcolor);
        }
/*======== blog area end  ==========*/

/*===== subscribe area start ======*/
.subscribe_area {
    padding: 75px 0 40px;
}
/* home 3 subscribe area css */
.h3_subscribe_area {
    padding: 50px 0 50px;
}

.subscribe_flex {
    align-items: center;
}

.inner_subscribe_left_cont {
    display: flex;
    align-items: center;
}

    .inner_subscribe_left_cont img {
        margin-right: 10px;
    }

    .inner_subscribe_left_cont h2 {
        font-size: 48px;
    }
/* subscribe form area css */
.inner_subscribe_form_area input {
    width: 68%;
    border-radius: 0px;
    border: none;
    outline: none;
    padding: 15px 30px;
    height: 50px;
    background: var(--bgcolor);
    color: var(--whitec);
    margin-right: 10px;
}

    .inner_subscribe_form_area input::placeholder {
        color: var(--whitec);
    }

.inner_subscribe_form_area button {
    border: none;
    outline: none;
    padding: 14px 55px 12px;
    background-color: var(--brcolor);
    color: var(--whitec);
    transition: .5s;
}

    .inner_subscribe_form_area button:hover {
        background-color: var(--bgcolor);
        color: var(--whitec);
    }
/*======== subscribe area end  ==========*/

/*======= progress area start ======*/
.progress_area {
    padding: 50px 0 0px;
}
/* inner progres bar css */
.inner_progres_bar {
    padding: 10px 0 0;
}
/* single progres bar css */
.single_progres_bar {
    margin-bottom: 25px;
}

    .single_progres_bar h5 {
        font-size: 14px;
        font-weight: 500;
        color: var(--brcolor);
        margin-bottom: 10px;
    }
/* progres bar thumb css */
.progres_bar_thumb {
    position: relative;
}

.tip {
    position: absolute;
    top: -30px;
    left: 0;
    font-size: 16px;
    font-weight: 700;
    color: var(--bgcolor);
}
/*======= progress area end ======*/

/*======= pricing area start  ======*/
.pricing_area {
    padding: 110px 0 30px;
}

    .pricing_area .h2_section_title {
        margin-bottom: 60px;
    }

        .pricing_area .h2_section_title h1 {
            font-size: 18px;
            color: var(--brcolor);
            margin: 0;
        }
/* inner pricing area css */
.inner_pricing_area {
    margin-bottom: 20px;
    box-shadow: 0px 7px 10px 0px rgba(0, 0, 0, 0.1);
    padding: 0px 0px 20px;
    border-radius: 5px;
}
/* inner pricing text css */
.inner_pricing_text {
    background-color: var(--brcolor);
    padding: 30px 30px 20px 25px;
    border-radius: 5px 5px 0 0;
}

.inner_pricing_title h2 {
    font-size: 22px;
    font-weight: 500;
    color: var(--whitec);
}

.inner_pricing_title2 {
    margin-top: 35px;
}

    .inner_pricing_title2 h2 {
        font-size: 48px;
        color: var(--whitec);
    }

        .inner_pricing_title2 h2 span {
            font-size: 18px;
            font-weight: 500;
        }
/* inner pricing list area css */
.inner_pricing_list_area {
    padding: 30px 15px 0px;
}

    .inner_pricing_list_area ul {
        list-style: none;
    }

        .inner_pricing_list_area ul li {
            font-size: 16px;
            font-weight: 400;
            padding: 6px 0;
        }
/* inner pricing btn css */
.inner_pricing_btn {
    padding: 5px 30px 20px;
}

    .inner_pricing_btn a {
        position: relative;
        display: inline-block;
        padding: 18px 150px 18px 30px;
        background-color: var(--brcolor);
        color: var(--whitec);
        font-size: 16px;
    }

        .inner_pricing_btn a:hover {
            background-color: var(--bgcolor);
            color: var(--whitec);
        }

        .inner_pricing_btn a i {
            position: absolute;
            top: 8px;
            right: 10px;
            display: inline-block;
            width: 45px;
            height: 45px;
            line-height: 45px;
            text-align: center;
            border-radius: 100%;
            background-color: var(--whitec);
            color: var(--titlecolor);
            font-weight: bold;
        }
/*======= pricing area end  ======*/

/*======== contact area start  ==========*/
.contact_area {
    padding: 120px 0 50px;
}

.single_contact_border {
    padding: 65px 50px 40px;
    border-radius: 5px;
    border: 10px solid var(--brcolor);
}

.inner_contact_content {
    margin-bottom: 20px;
}

    .inner_contact_content h2 {
        font-size: 18px;
        color: var(--brcolor);
    }

    .inner_contact_content h3 {
        font-size: 48px;
        color: var(--titlecolor);
    }

    .inner_contact_content p {
        width: 90%;
        margin-bottom: 30px;
    }
/* single contact address css */
.single_contact_address {
    display: flex;
    margin-bottom: 20px;
}

.single_add_icons {
    margin-right: 15px;
}

    .single_add_icons i {
        display: inline-block;
        width: 50px;
        height: 50px;
        line-height: 50px;
        text-align: center;
        background-color: var(--brcolor);
        color: var(--whitec);
        font-size: 22px;
        border-radius: 100%;
        transition: 1s;
    }

.single_contact_address:hover i {
    background-color: var(--bgcolor);
    color: var(--whitec);
}

.single_add_content h2 {
    font-size: 16px;
    color: var(--brcolor);
    text-transform: uppercase;
}

.single_add_content p {
    margin: 0;
}
/* inner contact form */
.inner_contact_form input {
    background: #F5F5F5;
    outline: none;
    border: none;
    width: 100%;
    height: 45px;
    padding: 0 20px;
    margin-right: 15px;
    margin-bottom: 23px;
}

    .inner_contact_form input::placeholder {
        color: var(--titlecolor);
    }

.inner_contact_form textarea {
    width: 100%;
    outline: none;
    border: none;
    padding: 20px 20px;
    background-color: #F5F5F5;
}

textarea::placeholder {
    color: var(--paracolor);
}
/* inner contact form btn css */
.inner_contact_form {
    text-align: center;
}

    .inner_contact_form button {
        margin-top: 15px;
        padding: 12px 30px;
        font-size: 16px;
        font-weight: 700;
        border: none;
        outline: none;
        background-color: var(--brcolor);
        color: var(--whitec);
        border-radius: 5px;
        transition: .5s;
    }

        .inner_contact_form button:hover {
            background-color: var(--bgcolor);
            color: var(--whitec);
        }
/*======== contact area end  ==========*/

/*====== single page accordion start=====*/
.single_page_accordion {
    padding: 20px 0 30px;
}

.single_ac_items {
    margin-bottom: 20px;
    box-shadow: 1px 1px 7px -5px rgba(0, 0, 0, 0.75);
}

    .single_ac_items a {
        display: inline-block;
        width: 100%;
        padding: 15px 20px;
        font-size: 18px;
        font-weight: 700;
        color: var(--paracolor);
    }

        .single_ac_items a i {
            margin-right: 8px;
        }

        .single_ac_items a.active {
            position: relative;
            color: var(--bgcolor);
        }

            .single_ac_items a.active::before {
                content: "\ef9a";
                position: absolute;
                font-family: Icofont !important;
                top: 18px;
                left: 20px;
                bottom: 0;
            }

            .single_ac_items a.active i {
                opacity: 0;
                visibility: hidden;
            }

.single_accor_contents {
    margin: 10px 20px 10px;
}

    .single_accor_contents p {
        font-weight: 600;
        padding-bottom: 15px;
    }
/*======== single page accordion end ==========*/

/*======= team area start =====*/
.team_area {
    padding: 45px 0 40px;
}
/* single team area css */
.single_team_page {
    padding: 115px 0 50px;
}
/* inner team area css */
.inner_team_area {
    margin-bottom: 20px;
    box-shadow: 0px 5px 4px 0px rgb(0 0 0 / 5%);
}

.inner_team_img {
    position: relative;
}

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

.inner_team_overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000000a2;
    opacity: 0;
    visibility: hidden;
    transition: .5s;
}

.inner_team_area:hover .inner_team_overlay {
    opacity: 1;
    visibility: visible;
}
/* inner team content css */
.inner_team_content {
    padding: 15px 0 20px;
}

    .inner_team_content h3 {
        margin: 0;
    }

    .inner_team_content p {
        margin-bottom: 10px;
    }

.inner_team_socail_icons a {
    color: #ababab;
    border: 1px solid #ababab;
    display: inline-block;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    line-height: 35px;
    text-align: center;
    margin: 0 3px;
    font-size: 18px;
}

    .inner_team_socail_icons a:hover {
        background-color: var(--brcolor);
        color: var(--whitec);
        border: 1px solid transparent;
    }
/*======= team area end =====*/

/*======== portfolio area start  ==========*/
.portfolio_area {
    padding: 115px 0 45px;
}

    .portfolio_area .section_title_area {
        margin-bottom: 0px;
    }

        .portfolio_area .section_title_area p {
            width: 60%;
            margin: auto;
        }
/* portfolio 2 sub content css */
.portfolio_2_subc {
    padding: 0px 0 5px 15px;
}

    .portfolio_2_subc h2 a {
        font-size: 24px;
        transition: .5s;
        color: var(--brcolor);
    }

        .portfolio_2_subc h2 a:hover {
            color: var(--bgcolor);
        }

.portfolio_nav_all {
    padding: 24px 0 22px;
}
/* portfolio nav css */
.portfolio_nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .portfolio_nav ul li {
        display: inline-block;
        border: 1px solid #f3eaea;
        padding: 10px 20px;
        font-size: 16px;
        font-weight: 500;
        margin: 0 5px 10px;
        border-radius: 5px;
        cursor: pointer;
        transition: .5s;
    }

        .portfolio_nav ul li.current_menu_item {
            background-color: var(--brcolor);
            color: var(--whitec);
        }

        .portfolio_nav ul li:hover {
            background-color: var(--brcolor);
            color: var(--whitec);
        }
/* portfolio items css */
.portfolio_img_area {
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
}

    .portfolio_img_area img {
        width: 100%;
    }

.portfolio_overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #99583080;
    opacity: 0;
    visibility: hidden;
    transition: .5s;
}

.inner_portfolio_items:hover .portfolio_overlay {
    opacity: 1;
    visibility: visible;
}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #ea375261;
    text-align: center;
}

    .overlay > a {
        display: inline-block;
        width: 55px;
        height: 55px;
        line-height: 55px;
        border-radius: 5px;
        text-align: center;
        color: var(--whitec);
        margin-right: 6px;
        transition: .5s;
        margin-top: 15%;
    }

    .overlay a:hover {
        background-color: var(--bgcolor);
        color: var(--whitec);
    }

    .overlay > a > i {
        font-size: 22px;
    }

    .overlay h2 a {
        width: 100%;
        margin-top: 10px;
        display: inline-block;
        font-size: 24px;
        color: var(--whitec);
        transition: .5s;
    }

        .overlay h2 a:hover {
            background: none;
            color: var(--blackc);
        }

    .overlay p {
        font-size: 16px;
        font-weight: 400;
        color: var(--whitec);
    }

.inner_portfolio_items:hover .overlay {
    opacity: 1;
    visibility: visible;
}
/* portfolio content css */
.portfolio_overlay_cont {
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    transition: all 0.3s ease-in-out 0.3s;
    opacity: 0;
    visibility: hidden;
}

    .portfolio_overlay_cont > a {
        display: inline-block;
        width: 55px;
        height: 55px;
        line-height: 55px;
        border-radius: 5px;
        text-align: center;
        background-color: var(--brcolor);
        color: var(--whitec);
    }

        .portfolio_overlay_cont > a:hover {
            background-color: var(--bgcolor);
            color: var(--whitec);
        }

        .portfolio_overlay_cont > a i {
            font-size: 20px;
        }

    .portfolio_overlay_cont h2 {
        margin: 0;
    }

        .portfolio_overlay_cont h2 a {
            margin-top: 10px;
            display: inline-block;
            font-size: 24px;
            color: var(--whitec);
            transition: .5s;
        }

            .portfolio_overlay_cont h2 a:hover {
                color: var(--bgcolor);
            }

    .portfolio_overlay_cont p {
        font-size: 16px;
        font-weight: 400;
        color: var(--whitec);
    }

.inner_portfolio_items:hover .portfolio_overlay_cont {
    top: 50%;
    opacity: 1;
    visibility: visible;
}
/* portfolio lower nav area css */
.portfolio_lo_nav_area {
    padding: 40px 0 0;
}

.inner_portfolio_lower_nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .inner_portfolio_lower_nav ul li {
        display: inline-block;
    }

        .inner_portfolio_lower_nav ul li a {
            display: inline-block;
            border-radius: 5px;
            font-size: 19px;
            line-height: 1;
            margin: 0 5px;
            padding: 15px 24px;
            box-shadow: 0 10px 40px 0 rgba(50,65,141,.12);
        }

            .inner_portfolio_lower_nav ul li a.current {
                background-color: var(--brcolor);
                color: var(--whitec);
            }

            .inner_portfolio_lower_nav ul li a:hover {
                background-color: var(--brcolor);
                color: var(--whitec);
            }

            .inner_portfolio_lower_nav ul li a i {
                font-size: 22px;
                font-weight: bold;
            }
/*======== portfolio area end  ==========*/

/*======== blog left area start  ==========*/
.yblog_left {
    padding: 100px 0 0px;
}

.inner_yblog_form {
    width: 100%;
    padding: 20px 0 20px;
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 5%);
}

    .inner_yblog_form input {
        width: 80%;
        outline: none;
        height: 55px;
        border: 1px solid #efefef;
        margin-left: 20px;
        padding-left: 20px;
    }

    .inner_yblog_form button {
        display: inline-block;
        outline: none;
        border: none;
        padding: 16px 20px 15px;
        margin-left: -5px;
        background-color: #dddddd9c;
    }

        .inner_yblog_form button i {
            font-size: 18px;
        }
/* inner  left title css */
.inner_yblog_left_title {
    margin: 30px 0 30px;
    width: 100%;
    padding: 20px 20px 15px;
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 5%);
}

    .inner_yblog_left_title h2 {
        padding-bottom: 10px;
        margin-bottom: 20px;
        position: relative;
    }

        .inner_yblog_left_title h2::before {
            content: '';
            position: absolute;
            bottom: 0;
            border-radius: 50%;
            border: 1px solid var(--brcolor);
            width: 20%;
        }

    .inner_yblog_left_title a {
        display: inline-block;
        margin-top: 15px;
        font-size: 15px;
        font-weight: 400;
    }

        .inner_yblog_left_title a.bottom {
            border-bottom: none;
        }

        .inner_yblog_left_title a:hover {
            color: var(--hoverbg);
        }
/* innr blog left style 2 css*/
.inner_yblgo_left_style2 a {
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #dddddd;
    padding: 13px 0 12px;
    margin-top: 0;
}

    .inner_yblgo_left_style2 a:hover {
        color: var(--brcolor);
    }
/* blog left inner css */
.yblog_left_inner {
    margin-bottom: 30px;
    box-shadow: 0 0 30px 0 rgb(0 0 0 / 5%);
}

.yblog_left_sub {
    padding: 25px 0 30px 15px;
}

    .yblog_left_sub h2 a {
        width: 90%;
    }

.yblog_left_text_sub {
    padding: 0px 0 10px;
}

    .yblog_left_text_sub span {
        color: var(--bgcolor);
    }

        .yblog_left_text_sub span i {
            color: var(--brcolor);
        }

.yblog_left_sub p {
    font-size: 16px;
    font-weight: 400;
    width: 95%;
}

.yblog_left_sub > a {
    display: inline-block;
    margin: 7px 0 0;
    padding: 7px 25px;
    border: 1px solid #dddddd;
    font-size: 16px;
    font-weight: 400;
    border-radius: 5px;
    color: var(--paracolor);
    text-transform: capitalize;
}

    .yblog_left_sub > a:hover {
        background-color: var(--brcolor);
        color: var(--whitec);
    }

.ycalender_inner h5 {
    background-color: var(--brcolor);
    color: var(--whitec);
    padding: 14px 0 12px;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 2px;
    width: 100%;
    margin: 0;
}

.ycalender_inner {
    padding: 20px 20px;
    width: 100%;
}

    .ycalender_inner th {
        text-align: center;
        border: 1px solid #dddddd;
        padding: 10px 16px;
        font-size: 15px;
        font-weight: 700;
    }

    .ycalender_inner td {
        text-align: center;
        border: 1px solid #dddddd;
        padding: 10px 12px;
        font-size: 14px;
        font-weight: 400;
    }

        .ycalender_inner td#today,
        .ycalender_inner td#active {
            background-color: var(--brcolor);
            color: var(--whitec);
        }
/*======== blog left area end  ==========*/

/*======== project information area start  ==========*/
.project_information_area {
    padding: 120px 0 30px;
}

.inner_project_information_img {
    margin-bottom: 20px;
}

    .inner_project_information_img img {
        width: 100%;
    }
/* inner project right content css */
.inner_project_right_content h2 {
    font-size: 24px;
}

.inner_project_right_content p span {
    font-size: 16px;
    color: var(--bgcolor);
    font-weight: 700;
}
/* inner project infomation icons css */
.inner_project_in_icon a {
    width: 48px;
    height: 48px;
    border: 1px solid #dddddd;
    display: inline-block;
    line-height: 46px;
    text-align: center;
    border-radius: 30px;
    background-color: var(--whitec);
    color: var(--bgcolor);
    font-size: 20px;
    margin-right: 4px;
}

    .inner_project_in_icon a:hover {
        background-color: var(--brcolor);
        color: var(--whitec);
    }
/* inner project text area css */
.inner_project_text_area {
    margin-top: 25px;
}

    .inner_project_text_area h2 {
        font-size: 24px;
    }

.inner_project_information_descrip {
    margin-bottom: 8px;
}

    .inner_project_information_descrip h4 {
        font-size: 16px;
    }

    .inner_project_information_descrip p {
        margin: 0;
    }
/* inner project information description css */
.inner_project_infor_list {
    margin-bottom: 15px;
    padding: 0;
    list-style: none;
}

    .inner_project_infor_list li {
        margin-bottom: 5px;
    }
/*======== project information area end  ==========*/

/*======== single blog page area start  ==========*/
.inner_single_box_area {
    background-color: #f8f9fa;
    padding: 20px 20px 20px;
}

    .inner_single_box_area p {
        margin-bottom: 5px;
    }

.inner_single_page_content_area p {
    margin-top: 20px;
}
/* inner single page middle text css */
.inner_single_page_middle_text {
    margin: 35px 0 45px;
}

    .inner_single_page_middle_text h2 {
        font-size: 24px;
    }
/* single blog group css */
.single_blog_group {
    margin-top: 125px;
}

.inner_single_blog_group_box {
    background-color: #f8f9fa;
    padding: 10px 20px 30px;
    margin-top: 30px;
}

    .inner_single_blog_group_box p {
        font-size: 1.5em;
        font-style: italic;
        margin-bottom: 0;
    }

    .inner_single_blog_group_box span {
        font-size: 1.125em;
        font-weight: 400;
        color: var(--paracolor);
    }

.single_blog_post_area {
    margin: 80px 0 30px;
    padding: 25px 0 25px;
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
}

    .single_blog_post_area p {
        margin: 0;
    }

    .single_blog_post_area a {
        color: var(--paracolor);
        font-size: 16px;
        font-weight: 400;
    }

        .single_blog_post_area a:hover {
            color: var(--hoverbg);
        }
/* single comment title css */
.single_comment_title {
    margin: 35px 0 55px;
}

    .single_comment_title h3 {
        font-size: 20px;
    }

.single_post_comment_area input {
    width: 47%;
    outline: none;
    height: 42px;
    padding: 0 20px;
    border: 1px solid #ced4da;
    border-radius: 5px;
    margin-right: 20px;
    margin-bottom: 20px;
}
/* inner single post checkbox css */
.inner_single_post_checkbox {
    display: flex;
    align-items: center;
    margin: 10px 0;
}

    .inner_single_post_checkbox input {
        height: 15px;
        width: 12px;
        margin-right: 6px;
    }

.single_post_comment_area textarea {
    width: 97%;
    padding: 10px 20px;
    height: 150px;
    margin-top: 15px;
    margin-bottom: 15px;
    outline: none;
    border: 1px solid #ced4da;
    border-radius: 5px;
}

.single_post_comment_area button {
    display: inline-block;
    text-align: center;
    padding: 16px 30px;
    margin-top: 5px;
    border-radius: 5px;
    background-color: var(--brcolor);
    color: var(--whitec);
    border: none;
    outline: none;
    transition: .6s;
}

    .single_post_comment_area button:hover {
        background-color: var(--bgcolor);
    }
/*======== single blog page area end  ==========*/

/*======== footer area start  ==========*/
.footer_area {
    margin: 50px 0 0;
    padding: 50px 0 40px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
    z-index: 999;
}

.footer_upper {
    padding: 40px 0 45px;
    border-bottom: 1px solid #fff;
}

.inner_footer_upper_content p {
    font-size: 18px;
    color: var(--whitec);
}
/* footer middle area css */
.footer_middle {
    padding: 45px 0 20px;
}
/* footer logo area css */
.footer_left_area h4 {
    font-size: 22px;
    color: var(--brcolor);
}

.footer_left_area p {
    padding: 10px 0 8px;
    font-size: 14px;
    color: var(--whitec);
}
/* footer socail icon css */
.footer_socail_icons {
    padding: 10px 0 0;
}

    .footer_socail_icons a {
        display: inline-block;
        color: var(--whitec);
        border-style: solid;
        border-width: 1px 1px 1px 1px;
        border-color: var(--whitec);
        font-size: 19px;
        height: 35px;
        width: 35px;
        line-height: 35px;
        text-align: center;
        margin-right: 10px;
    }

        .footer_socail_icons a:hover {
            background-color: var(--brcolor);
            border: 1px solid transparent;
        }
/* footer widget  css*/
.footer_widget h4 {
    padding: 0 0 12px;
    color: var(--brcolor);
}
/* footer nav css */
.footer_nav {
    margin-top: 10px;
}

    .footer_nav ul {
        list-style: none;
        padding-left: 0;
    }

        .footer_nav ul li {
            padding: 0 0 10px;
        }

            .footer_nav ul li a {
                color: var(--whitec);
                font-size: 16px;
                font-weight: 400;
            }

                .footer_nav ul li a:hover {
                    color: var(--brcolor);
                }
/* footer address area css */
.footer_addres_area {
    margin-top: 10px;
}

    .footer_addres_area h5 {
        color: var(--brcolor);
        font-size: 18px;
        margin: 0;
    }

    .footer_addres_area p {
        font-size: 14px;
        color: var(--whitec);
        font-weight: 200;
        margin-bottom: 5px;
    }

        .footer_addres_area p i {
            margin-right: 6px;
        }
/* footer widget sub img */
.footer_wid_sub_img {
    margin-top: 15px;
}

.inner_footer_widget_img {
    margin-bottom: 20px;
}

    .inner_footer_widget_img img {
        width: 100%;
        height: auto;
    }
/* about footer area css */
.about_footer_area {
    padding: 50px 0 25px;
    margin: 70px 0 0;
}

    .about_footer_area .footer_widget h4 {
        font-size: 24px;
        position: relative;
        margin-bottom: 18px;
    }

        .about_footer_area .footer_widget h4::before {
            content: '';
            position: absolute;
            bottom: 0;
            border-radius: 50%;
            border: 1px solid var(--brcolor);
            width: 26%;
        }

    .about_footer_area .footer_left_area p {
        font-size: 16px;
        font-weight: 200;
    }

    .about_footer_area .footer_socail_icons a {
        border: none;
        background-color: var(--bgcolor);
        color: var(--whitec);
        height: 40px;
        width: 40px;
        line-height: 40px;
        text-align: center;
        font-size: 17px;
        margin-right: 5px;
        border-radius: 4px;
    }

        .about_footer_area .footer_socail_icons a:hover {
            background-color: var(--brcolor);
            color: var(--whitec);
        }

    .about_footer_area .footer_addres_area p {
        font-size: 16px;
        font-weight: 200;
    }
/*======== footer area end  ==========*/

/*======== copyright area start  ==========*/
.copyright_area {
    /* padding: 30px 0 20px;*/
    background-color: var(--brcolor);
}
/* about copright area css */
.about_copyright {
    padding: 12px 0 12px;
    background-color: var(--brcolor);
}

.copyright_text p {
    color: var(--whitec);
    margin: 0;
}
/* copy right nav css */
.copyright_nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .copyright_nav ul li {
        display: inline-block;
    }

        .copyright_nav ul li a {
            display: inline-block;
            margin-left: 20px;
            font-weight: 300;
            font-size: 16px;
            text-transform: uppercase;
            color: var(--whitec);
        }

            .copyright_nav ul li a:hover {
                color: var(--bgcolor);
            }

            .copyright_nav ul li a i {
                margin-right: 10px;
                font-size: 20px;
            }

.about_copyright .copyright_nav ul li a {
    text-transform: capitalize;
    font-weight: 200;
}
/*======== copyright area end  ==========*/

/*======== scroll top btn css  ==========*/
#scrollUp {
    bottom: 40px;
    font-size: 40px;
    height: 40px;
    line-height: 40px;
    right: 40px;
    text-align: center;
    border-radius: 5px;
    width: 40px;
    background: var(--brcolor);
    color: var(--whitec);
}



@media (max-width: 768px) {
    .main_menu_area {
        flex-direction: column;
        padding: 0;
    }

    .mobile_menu {
        display: block;
    }

    .main_logo, .sticky_logo {
        max-width: 150px;
        margin: auto;
        direction: rtl;
    }

    .inner_main_nav_area ul {
        display: block;
        text-align: center;
        direction: rtl;
    }
}

.slider_areaAr {
    margin: 0 40px;
    direction: rtl;
}

.h2_slider_areaAr {
    margin: 0 0;
    direction: rtl;
}

.inner_slider_areaAr {
    height: 820px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    display: flex !important;
    align-items: center;
    direction: rtl;
}

.h2_inner_slider_areaAr {
    height: 760px;
    direction: rtl;
}

.slider_areaAr .slick-prev, .slider_areaAr .slick-next {
    background: none;
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 0;
    direction: rtl;
}

.slider_areaAr:hover .slick-prev, .slider_areaAr:hover .slick-next {
    opacity: 1;
    visibility: visible;
    direction: rtl;
}

.slider_areaAr .slick-prev {
    left: 0;
    direction: rtl;
}

.slider_areaAr .slick-next {
    right: 10px;
    direction: rtl;
}

    .slider_areaAr .slick-prev::before, .slider_areaAr .slick-next::before {
        content: '\eac9';
        font-family: IcoFont;
        color: var(--blackc);
        display: inline-block;
        background: 0 0;
        width: 60px;
        height: 60px;
        line-height: 60px;
        border-radius: 0;
        font-size: 50px;
        font-weight: 700;
        direction: rtl;
    }

    .slider_areaAr .slick-next::before {
        content: '\eaca';
        direction: rtl;
    }

    .slider_areaAr .slick-prev:hover::before, .slider_areaAr .slick-next:hover::before {
        /*background-color: var(--whitec);*/
        background-color: black;
        color: var(--blackc);
        direction: rtl;
    }

.inner_slider_contentAr {
    width: 85%;
    margin: 0 auto;
    text-align: left;
    direction: rtl;
}

    .inner_slider_contentAr h1 {
        font-size: 16px;
        font-weight: 500;
        color: turquoise;
        text-transform: uppercase;
        direction: rtl;
    }

    .inner_slider_contentAr h2 {
        font-size: 100px;
        text-transform: uppercase;
        color: black;
        margin: 0;
        direction: rtl;
    }

.w_btn {
    margin-top: 30px;
    direction: rtl;
}

    .w_btn a {
        display: inline-block;
        padding: 22px 55px;
        background-color: var(--brcolor);
        color: var(--whitec);
        font-size: 16px;
        font-weight: 500;
        border: 1px solid transparent;
        margin-right: 10px;
        direction: rtl;
    }

        .w_btn a:hover {
            background-color: var(--bgcolor);
            color: var(--whitec);
            direction: rtl;
        }

        .w_btn a.active {
            background: none;
            border: 1px solid var(--whitec);
            direction: rtl;
        }

            .w_btn a.active:hover {
                background-color: var(--brcolor);
                color: var(--whitec);
                border: 1px solid transparent;
                direction: rtl;
            }
/* slider defult arrow css */
.slider_areaAr .slick-prev, .slider_area .slick-next {
    background: none;
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 0;
    direction: rtl;
}

.slider_areaAr:hover .slick-prev, .slider_areaAr:hover .slick-next {
    opacity: 1;
    visibility: visible;
    direction: rtl;
}

.slider_areaAr .slick-prev {
    left: 0;
    direction: rtl;
}

.slider_areaAr .slick-next {
    right: 10px;
    direction: rtl;
}

    .slider_areaAr .slick-prev::before, .slider_areaAr .slick-next::before {
        content: '\eac9';
        font-family: IcoFont;
        color: var(--blackc);
        display: inline-block;
        background: 0 0;
        width: 60px;
        height: 60px;
        line-height: 60px;
        border-radius: 0;
        font-size: 50px;
        font-weight: 700;
        direction: rtl;
    }

    .slider_areaAr .slick-next::before {
        content: '\eaca';
        direction: rtl;
    }

    .slider_areaAr .slick-prev:hover::before, .slider_areaAr .slick-next:hover::before {
        background-color: var(--whitec);
        color: var(--blackc);
        direction: rtl;
    }

.h2_about_areaAr {
    padding: 120px 0 40px;
}
    /* home 2 inner about right text area css */
    .h2_about_areaAr .section_title_areaAr {
        margin-top: 35px;
        margin-bottom: 0;
        direction: rtl;
    }
/* home 2 inner about list items css */
.h2_inner_about_list_itemsAr {
    display: flex;
    margin-top: 30px;
    direction: rtl;
}

    .h2_inner_about_list_itemsAr ul {
        list-style: none;
        padding-left: 0;
        margin-right: 100px;
        direction: rtl;
    }

        .h2_inner_about_list_itemsAr ul li {
            font-size: 18px;
            font-weight: 600;
            padding: 0 0 25px;
            direction: rtl;
        }

            .h2_inner_about_list_itemsAr ul li img {
                margin-right: 15px;
                direction: rtl;
            }

.h2_inner_about_right_text .w_btn {
    margin-top: 35px;
}