/*
    Template  Name: Bekary
*/

/*
Table Of Content

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

*/

/* ======= site font family ==========*/
@import url('https://fonts.googleapis.com/css2?family=Berkshire+Swash&family=Roboto:wght@400;500;700&display=swap');
:root{
    --blackc: #000;
    --whitec: #fff;
    --bgcolor: #D9B08C;
    --brcolor: #A4C639;
    --paracolor: #555;
    --titlecolor: #485d01;
}

/* defult css */
body{
    font-size: 16px;
    font-weight: 400;
    line-height: 1.6;
    font-family: "Roboto", sans-serif;
    color: var(--paracolor);
}
h1,h2,h3,h4,h5,h6,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{
    font-size: 24px;
    font-weight: 400;
    color: var(--titlecolor);
    line-height: 1.2;
    font-family: "Berkshire Swash", serif;
    padding: 0;
    margin-bottom: 10px;
    
}
h1{
    font-size: 30px;
}
h2{
    font-size: 24px;
}
h3{
    font-size: 22px;
}
h4{
    font-size: 18px;
}
h5{
    font-size: 16px;
}
h6{
    font-size: 15px;
}
a{
    font-size: 15px;
    font-weight: 500;
    text-decoration: none !important;
    color: var(--blackc);
    transition: .5s;
}
a:hover{
    color: var(--brcolor);
}
.fontstyle2{
    font-family: "Roboto", sans-serif;
    font-weight: 700;
}
/* highlight color css */
.highlight{
    color: var(--brcolor);
}

/*======= header top area start =====*/
.header_top_area {
    padding: 10px 165px;
    background-color: var(--brcolor);
}
/* about header top css */
.about_header_top{
    padding: 10px 160px;
}
/* header left */
.header_left span, .header_right span, .header_left a{
    font-size: 15px;
    font-weight: 500;
}
.header_left span, .header_left a {
    margin: 0 22px 0 0;
    color: var(--whitec);
}
.header_left span i,
.header_left a i{
    margin-right: 6px;
}
/* header top middle css */
.header_top_middle{
    text-align: center;
}
/* header right */
.header_right a {
    font-size: 15px;
    font-weight: 600;
    color: var(--whitec);
    margin-left: 12px;
}
.header_right a:hover{
    color: var(--blackc);
}
.header_right span i{
    margin-right: 5px;
}
/*======= header top area end ======*/

/*======== main menu area start ==========*/
.main_menu_area {
    padding: 0px 165px;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    transition: all 0.3s ease;
    z-index: 9999;
    background: #fff;
    box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1);
    height: 120px;
    border-top: 5px solid #a4c639;
}
.about_menu_area{
    padding: 0px 160px;
}
.main_menu_area.sticky {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    background: rgb(0 0 0 / 70%);
    height: 120px;
    border-bottom: 5px solid #a4c639;
    border-top: none;
}
.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: var(--whitec);
}
.main_menu_area.sticky .inner_main_nav_area >ul >li >a:hover{
    color: var(--brcolor);
}
.main_menu_area.sticky .inner_main_nav_area >ul >li >a i{
    color: var(--whitec);
}
.main_menu_area.sticky .main_nav_btn a{
    color: var(--whitec);
}
.main_menu_area.sticky .main_nav_icons >i{
    color: var(--whitec);
}
.main_menu_area.sticky .main_nav_right_text h3,
.main_menu_area.sticky .main_nav_right_text h3 a{
    color: var(--whitec);
}
.site_logo_area{
    margin-right: 15px;
}
/* main nav area css */
.main_nav_area {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.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: 35px 12px;
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
}
.inner_main_nav_area >ul >li >a>i {
    font-size: 14px;
    font-weight: 700;
    margin-left: 5px;
}
.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(--brcolor);
}
/* main nav icons together */
.main_nav_right_together {
    display: flex;
    align-items: center;
}
/* main nav btn css */
.main_nav_right_together .main_nav_btn a{
    display: inline-block;
    background: var(--brcolor);
    color: var(--whitec);
    font-size: 16px;
    font-weight: 600;
    margin-left: 10px;
    padding: 11px 25px;
}
.main_nav_right_together .main_nav_btn a:hover{
    background-color: var(--bgcolor);
    color: var(--whitec);
}
/* drop down menu css */
.inner_main_nav_area ul li .sub_menu{
    position: absolute;
    top: 130%;
    left: 0;
    width: 200px;
    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: 14px;
    text-transform: uppercase;
    padding: 8px 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 nav icons together */
.gogrin_right_area {
    display: flex;
    align-items: center;
}
.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;
    text-align: center;
    border-radius: 100%;
    background-color: var(--brcolor);
    color: var(--whitec);
    font-size: 17px;
    cursor: pointer;
    transition: .5s;
}
.main_nav_icons >i:hover{
    background-color: var(--bgcolor);
    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: -110%;
    left: 0%;
    background: #000000f0;
    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;
    top: 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 icons middle css */
.main_nav_icons_middle {
    margin-left: 18px;
    position: relative;
}
.main_nav_icons_middle a {
    position: relative;
    font-size: 20px;
    cursor: pointer;
    padding: 8px;
    display: inline-flex;
    background: var(--whitec);
    box-shadow: 0 0 5px #64333338;
    border-radius: 100%;
}
.main_nav_icons_middle a span {
    position: absolute;
    top: 0;
    right: -5px;
    width: 18px;
    height: 20px;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    background-color: var(--brcolor);
    border-radius: 100%;
    color: var(--whitec);
}
.main_nav_middle_box_item {
    overflow: scroll;
    position: absolute;
    right: 0;
    top: 130%;
    width: 300px;
    height: 300px;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    background-color: var(--whitec);
    transition: .5s;
}
.main_nav_icons_middle:hover .main_nav_middle_box_item{
    top: 180%;
    opacity: 1;
    visibility: visible;
}
.main_nav_middle_box_item p{
    padding: 20px;
}
/* main nav btn css */
.main_nav_btn {
    margin-left: 10px;
}
.main_nav_btn a {
    display: inline-block;
    border-radius: 0px 20px;
    font-size: 14px;
    font-weight: 500;
    padding: 11px 25px;
    background-color: var(--brcolor);
    color: var(--whitec);
}
.main_nav_btn a:hover{
    background-color: var(--bgcolor);
    color: var(--whitec);
}
/* absolute menu css */
.absolute_menu{
    padding: 0 165px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: none;
    z-index: 999;
}
.absolute_menu .main_nav_area{
    justify-content: end;
}
/*======== main menu area end ==========*/

/*======== mobile menu area start ==========*/
.mobile_logo_area{
    padding: 20px 0;
    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  ==========*/
.inner_slider_area {
    height: 950px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    display: flex !important;
    align-items: center;
}
.inner_slider_content {
    width: 59%;
    margin: -90px auto 0;
}
.inner_slider_content h1 {
    font-size: 18px;
    font-family: "Roboto", Sans-serif;
    color: var(--brcolor);
}
.inner_slider_content h2 {
    width: 50%;
    margin: 25px 0 10px;
    font-size: 72px;
    font-weight: 400;
    line-height: 1;
    color: var(--bgcolor);
}
.inner_slider_content p {
    width: 40%;
    margin: 15px auto 0;
    font-weight: 400;
    color: var(--whitec);
}
/* golobal btn css */
.g_btn a {
    display: inline-block;
    padding: 18px 55px;
    border-radius: 0px 20px;
    font-size: 14px;
    font-weight: 500;
    background-color: var(--brcolor);
    color: var(--whitec);
    margin-right: 15px;
}
.g_btn a:hover{
    background-color: var(--bgcolor);
    color: var(--whitec);
    border-radius: 20px 0px 20px 0;
}
.g_btn a.active{
    background-color: var(--bgcolor);
    color: var(--whitec);
}
.g_btn a.active:hover{
    background-color: var(--brcolor);
    color: var(--whitec);
} 
.g_btn.margin{
    margin-top: 50px;
}
/* home 2 slider area css */
.h2_inner_slider{
    height: 910px;
}
.h2_inner_slider .inner_slider_content {
    width: 90%;
    margin: -10px auto 0;
    text-align: center;
}
.h2_inner_slider .inner_slider_content h2 {
    width: 100%;
    margin: 0 0 5px;
    color: var(--whitec);
}
/* home 3 slider area css */
.h3_inner_slider .inner_slider_content {
    margin: -65px auto 0;
}
.h3_inner_slider .inner_slider_content h1,
.h3_inner_slider .inner_slider_content h2{
    color: var(--whitec);
}
.h3_inner_slider .inner_slider_content h2{
    width: 80%;
}
.h3_inner_slider .inner_slider_content p {
    width: 50%;
    margin: 40px 0 0;
}
/* golobal slick defult arrow css */
.slick-prev , .slick-next{
    position: absolute;
    top: 50%;
    width: 55px;
    height: 55px;
    line-height: 55px;
    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: -60px;
}
.slick-next{
    right: -40px;
}
.slick-prev::before ,.slick-next::before{
    content: '\ea93';
    font-family: IcoFont;
    display: inline-block;
    width: 55px;
    height: 55px;
    line-height: 55px;
    font-size: 40px;
    background-color: var(--brcolor);
    color: var(--whitec);
    transition: 1s;
}
.slick-next::before{
    content: '\ea94';
}
.slick-prev:hover::before ,.slick-next:hover::before{
    background-color: var(--bgcolor);
    color: var(--whitec)
}
/* slider defult arrow css */
.slider_area:hover .slick-prev, .slider_area:hover .slick-next {
    background: none;
    width: 55px;
    height: 55px;
    line-height: 55px;
    border-radius: 0;
    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(--whitec);
    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{
    color: var(--whitec);
}
/*======== slider area end  ==========*/

/*======== breadcum area start  ==========*/
.breadcum_area {
    background-size: cover;
    background-position: center center;
    padding: 60px 0;
}
.inner_breadcum_area h1{
    font-size: 30px;
    color: var(--whitec);
    margin: 0;
}
.inner_breadcum_area ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
.inner_breadcum_area ul li{
    display: inline-block;
    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  ==========*/

/*======== video slider area start  ==========*/
.video_slider_area{
    position: relative;
    height: 100%;
    overflow: hidden;
}
.video_slider_area::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    background-color: #00000057;
}
.witr_youtube_video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: -99;
    transform: scale(1.2);
}
.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 h3{
    color: var(--whitec);
}
/*======== video slider area end  ==========*/

/*===== feature area start =======*/
.feature_area {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto;
    position: relative;
    margin-top: -40px;
    z-index: 99;
}
.single_feature {
    padding: 15px 35px 10px 20px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0);
    display: flex;
    justify-content: center;
    align-items: center;
    border-right: 4px solid var(--whitec);
}
.single_feature.border_none{
    border-right: none;
}
.single_feature h2{
    font-size: 18px;
}
.single_feature i{
    font-size: 50px;
    margin-right: 10px;
}
/*===== feature area end =======*/

/*===== home 2 feature start =======*/
.h2_feature_area{
    position: relative;
    margin-top: -100px;
    z-index: 99;
}
.h2_feature_main {
    border: 20px solid var(--brcolor);
    padding: 55px 20px 15px 20px;
    background: #FCF1DD;
}
.h2_single_feature {
    display: flex;
    margin-bottom: 20px;
    border-right: 1px solid;
}
.h2_single_feature.border_none{
    border: none;
}
/* feature icon css */
.h2_fea_icon{
    margin-right: 15px;
}
.h2_fea_icon i{
    font-size: 60px;
    color: var(--blackc);
}
/*===== home 2 feature end =======*/

/*======== about area start  ==========*/
.about_area {
    padding: 120px 0 0px;
}
.inner_about_img img {
    max-width: 150%;
}
.inner_about_right {
    padding: 50px 60px 0;
}
.section_title_area{
    position: relative;
    margin-bottom: 50px;
}
.section_title_area h2{
    font-size: 18px;
    font-weight: 400;
    font-family: Roboto, sans-serif;
    color: var(--brcolor);
    margin: 0;
}
.section_title_area h3{
    font-size: 48px;
}
.section_shap {
    position: absolute;
    top: -10px;
    left: 0;
    right: 0;
    z-index: -1;
}
.inner_about_right .g_btn{
    margin-top: 35px;
}
/*======== about area end  ==========*/

/*======== home 2 about start  ======*/
.h2_about_area{
    padding: 120px 0 50px;
}
.h2_inner_about {
    padding: 75px 0 0;
}
.h2_about_area .g_btn {
    margin-top: 40px;
}
.h2_about_img.margin_down{
    margin-top: 100px;
}
.h2_about_img img {
    width: 100%;
}
/*======== home 2 about end  ======*/

/*======== home 3 about start  ======*/
.h3_about_area {
    padding: 100px 0 50px;
}
.h3_about_img{
    position: relative;
}
.h3_about_img img{
    width: auto;
}
.h3_about_video {
    position: absolute;
    top: 50%;
    left: 40%;
    transform: translate(-50%, -50%);
}
.h3_about_video a{
    display: inline-block;
    width: 75px;
    height: 75px;
    line-height: 75px;
    text-align: center;
    font-size: 23px;
    border-radius: 100%;
    background-color: var(--brcolor);
    color: var(--whitec);
    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);
    }
}
.h3_about_area .h2_inner_about{
    padding: 15px 0 0;
    position: relative;
}
.h3_inner_about{
    padding: 50px 0 0;
    position: relative;
}
.h3_inner_about .section_title_area h3{
    font-size: 36px;
}
.h3_inner_about .section_title_area p{
    width: 80%;
}
.h3_about_img.style3 {
    margin-top: -145px;
}
/* home 3 shap css */
.h3_about_shap {
    position: absolute;
    top: 70px;
    right: -270px;
    animation: witr_movelr_box45 5s linear 1s infinite alternate running;
    z-index: -1;
}
.h3_about_shap2 {
    position: absolute;
    top: -10px;
    left: -50%;
    animation: witr_movelr_box45 5s linear 1s infinite alternate running;
    z-index: -1;
}
@keyframes witr_movelr_box45 {
    0%{
         transform: translateX(0px);
      }
    100%{
        transform: translateX(45px);
      }
}
/*======== home 3 about end  ======*/

/*====== offer area start ======*/
.offer_area{
    padding: 40px 0 30px;
}
.inner_offer_area {
    padding: 30px 20px 30px 40px;
    background-position: center center;
    background-size: cover;
    margin-bottom: 20px;
}
.inner_offer_title {
    padding: 0px 235px 0px 0px;
}
.inner_offer_title h2 a{
    padding: 0px 160px 0px 0px;
    color: var(--brcolor);
}
.inner_offer_title h2 a:hover{
    color: var(--bgcolor);
}
/* inner offer btn css */
.inner_offer_btn {
    margin-top: 110px;
}
.inner_offer_btn a{
    font-size: 14px;
}
.inner_offer_btn a:hover{
    color: var(--brcolor);
}
/*====== offer area end ======*/

/*====== home 2 offer start ======*/
.h2_offer_area{
    padding: 55px 0 30px;
}
.h2_offer_width {
    max-width: 1610px;
}
.h2_inner_offer {
    background-position: center center;
    background-size: cover;
    padding: 40px 20px 40px 40px;
    margin-bottom: 20px;
}
.h2_inner_offer_cont h2{
    color: var(--whitec);
}
.h2_inner_offer_btn {
    padding: 220px 0 0;
}
.h2_inner_offer_btn a{
    font-size: 16px;
    font-weight: 700;
    color: var(--whitec);
}
.h2_inner_offer_btn a:hover{
    color: var(--brcolor);
}
/*====== home 2 offer end ======*/

/*====== home 3 offer start ======*/
.h3_offer_area {
    position: relative;
    margin-top: -110px;
    z-index: 99;
}
/* service home 3 offer css */
.service_h3_offer{
    margin-top: 120px;
}
.h3_inner_offer {
    padding: 60px 20px 60px 50px;
    background-position: center center;
    background-size: cover;
    margin-bottom: 20px;
}
.h3_inner_offer_cont {
    padding: 0px 170px 0px 0px;
}
.h3_inner_offer_cont h2{
    color: var(--whitec);
}
.h3_inner_offer_btn {
    margin-top: 105px;
}
.h3_inner_offer_btn a{
    font-size: 14px;
    color: var(--whitec);
}
/*====== home 3 offer end ======*/

/*====== home 3 offer style 2 start ======*/
.h3_offer_style2{
    padding: 45px 0 50px;
}
.h3_offer_style2 .h2_inner_offer_cont h2{
    padding: 0px 160px 0px 0px;
}
.h3_offer_style2 .h2_inner_offer_btn {
    padding: 355px 0 0;
}
.h3_offer_style2 .h2_inner_offer_cont.offer2_style h2{
    padding: 0px 60px 0px 0px;
}
.h3_offer_style2 .h2_inner_offer_btn.offer2_style {
    padding: 95px 0 0;
}
.h3_offer_style2 .h2_inner_offer_btn.offer2_style a{
    font-size: 14px;
}
/*====== home 3 offer style 2 end ======*/

/*====== service area start ======*/
.service_area {
    padding: 90px 0 0px;
    position: relative;
}
.single_service {
    position: relative;
    padding: 35px 20px 20px;
    background-color: var(--whitec);
    border-top: 3px solid #ddd6;
    margin-bottom: 20px;
    transition: .5s;
}
.single_service:hover{
    border-top: 3px solid var(--brcolor);
}
.single_service h1{
    font-family: "Roboto", Sans-serif;
    font-size: 92px;
    font-weight: 500;
}
.single_service h2 {
    color: var(--brcolor);
    margin-bottom: 20px;
}
.sin_service_icon {
    position: absolute;
    top: -25px;
    left: 0;
    right: 0;
    transition: .5s;
}
.single_service:hover .sin_service_icon{
    transform: rotate(360deg);
}
.sin_service_icon i{
    display: inline-block;
    font-size: 25px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 5px 5px 5px 5px;
    background-color: var(--brcolor);
    color: var(--whitec);
}
.service_shap {
    position: absolute;
    top: 0;
    left: 20%;
    z-index: -1;
    animation: witr_movelr_box45 5s linear 1s infinite alternate running;
}
/*====== service area end ======*/

/*====== home 3 service start ======*/
.h3_service_area{
    padding: 55px 0 30px;
}
.h3_service_width{
    max-width: 1600px;
}
.h3_single_service {
    margin-bottom: 20px;
    padding: 40px 40px 30px;
    box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, 0.2);
    position: relative;
    z-index: 1;
}
.h3_single_service::before,
.h3_single_service::after{
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: -1;
    transition: .5s;
}
.h3_single_service::before{
    width: 0;
    height: 100%;
    left: 0;
    background-color: var(--brcolor);
}
.h3_single_service::after{
    width: 0;
    height: 100%;
    right: 0;
    background-color: var(--bgcolor);
}
.h3_single_service:hover::before{
    width: 50%;
}
.h3_single_service:hover::after{
    width: 50%;
}
.h3_sin_service_cont {
    padding: 15px 0 10px;
}
.h3_sin_service_cont h2 a,
.h3_sin_service_cont p{
    transition: .5s;
}
.h3_single_service:hover h2 a,
.h3_single_service:hover p{
    color: var(--whitec);
}
.h3_sin_service_icon i{
    display: inline-block;
    color: var(--brcolor);
    font-size: 50px;
    width: 100px;
    height: 100px;
    line-height: 100px;
    text-align: center;
    border: 1px solid var(--brcolor);
    border-radius: 100px 100px 100px 100px;
    transition: .5s;
}
.h3_single_service:hover i{
    background-color: var(--whitec);
    color: var(--brcolor);
}
.h3_sin_service_btn a{
    font-size: 16px;
    color: var(--brcolor);
}
.h3_sin_service_btn a:hover{
    color: var(--bgcolor);
}
.h3_single_service:hover a{
    color: var(--whitec);
}
/*====== home 3 service end ======*/


/*======= dn slider area start =====*/
.dnslider_area {
    padding: 70px 0 50px;
}
.dnslide_width{
    max-width: 1560px;
}
.Screenshots .slick-slide img,.dnSlide-main img,.dnSlide-main.dn-response {
    width: 100%
}
.Screenshots-fearm {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 99
}
.Screenshots-area,.Screenshots-slide .slick-center,.dnSlide-main,.mobile-slide-7 .mobile-thumb {
    position: relative
}
.Screenshots-fearm img {
    width: 154%!important;
    max-width: 154%!important;
    position: relative;
    left: -123px;
    top: -26px
}
.Screenshots .dnSlide-main .dnSlide-btn {
    height: 50px!important;
    width: 50px!important;
    line-height: 50px!important;
    opacity: 1;
    position: absolute;
    z-index: 10;
    cursor: pointer
}
.Screenshots .dnSlide-main .dnSlide-left-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 20px;
    opacity: 1;
    background: var(--brcolor);
    color: var(--whitec);
}
.Screenshots .dnSlide-main .dnSlide-right-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
    opacity: 1;
    background: var(--brcolor);
    color: var(--whitec);
}
.Screenshots .dnSlide-main .dnSlide-left-btn:before {
    position: absolute;
    content: '\eac9';
    left: 43%;
    top: 46%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    font-size: 35px;
    font-family: icofont!important
}
.Screenshots .dnSlide-main .dnSlide-right-btn:before {
    position: absolute;
    content: '\eaca';
    left: 52%;
    top: 47%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    font-size: 35px;
    font-family: icofont!important
}
.Screenshots-slide .slick-center .slide-item img,.Screenshots:hover .dnSlide-main .dnSlide-left-btn,.Screenshots:hover .dnSlide-main .dnSlide-right-btn,.mobile-slide .slick-center .mobile-thumb img,.mobile-slide-6 .slick-center .mobile-thumb img,.mobile-slide-7 .mobile-thumb:hover .mobile-slide-overlay {
    opacity: 1
}
.Screenshots-slide .slide-item img,.mobile-slide .mobile-thumb img,.mobile-slide-6 .mobile-thumb img {
    opacity: .1;
    width: 100%
}
.Screenshots-area .Screenshots-frame-img {
    position: absolute;
    left: 10px;
    top: -29px;
    width: 100%
}
.dnSlide-main,.dnSlide-main .dnSlide-list {
    width: 800px;
    list-style: none;
    height: 234px
}
.Screenshots-frame-img img {
    width: 43%;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}
.Screenshots-slide .slick-arrow.slick-prev {
    left: 200px
}
.Screenshots-slide .slick-arrow.slick-next {
    right: 200px
}
.dnSlide-main.dnSlide-hide,.play-overlay span {
    display: none
}
.dnSlide-main {
    visibility: hidden;
    padding: 0;
    margin: 0 auto;
    -webkit-tap-highlight-color: transparent
}
.dnSlide-main.done {
    visibility: visible
}
.dnSlide-main.dn-response .dnSlide-list {
    width: 100%;
    height: 100%;
    margin: 0;
    padding-left: 0
}
.dnSlide-main a,.dnSlide-main img {
    display: block;
    border: 0
}
.dnSlide-main .dnSlide-btn {
    color: #000;
    height: 234px;
    width: 100px;
    opacity: .5;
    position: absolute;
    top: 0;
    left: 0;
    transition: opacity .3s;
    z-index: 10;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center center
}
.dnSlide-main .dnSlide-btn:hover {
    opacity: .8;
    transition: opacity .3s
}
.dnSlide-main .dnSlide-item {
    position: absolute;
    top: 0;
    left: 0
}
.dnSlide-main .dnSlide-left-btn {
    left: 0
}
.dnSlide-main .dnSlide-right-btn {
    right: 0;
    left: auto
}
/*======= dn slider area end =====*/

/*====== food area start ======*/
.food_area{
    padding: 50px 0 50px;
}
.food_area .h2_inner_offer_btn{
    padding: 250px 0 0;
}
/* inner food main css */
.inner_food_main {
    padding: 40px 20px 20px;
}
.inner_food_area {
    display: flex;
    margin-bottom: 20px;
}
.inner_food_icon img {
    margin-top: 10px;
    margin-right: 70px;
}
.inner_food_btn a{
    font-size: 14px;
    color: var(--brcolor);
}
/*====== food area end ======*/

/*======== shop area start ==========*/
.shop_area {
    position: relative;
    padding: 120px 0 100px;
}
.single_shop_page {
    padding: 110px 0 100px;
}
.shop_isotope {
    padding: 0 0 50px;
}
.inner_shop_area {
    padding: 20px 10px 35px;
    background-color: var(--whitec);
    border-radius: 5px;
    margin-bottom: 20px;
    box-shadow: 0 0 10px 0 rgba(148, 146, 245, .2);
}
.all_btn {
    margin-top: 30px;
}
.inner_shop_btn a{
    display: inline-block;
    padding: 12px 30px;
    display: inline-block;
    background: var(--brcolor);
    color: var(--whitec);
    font-size: 16px;
    font-weight: 400;
    border-radius: 5px;
    transition: .5s;
    margin-top: 20px;
}
.inner_shop_btn a:hover{
    background-color: var(--bgcolor);
    color: var(--whitec);
}
/* shop area defult arrow css */
.shop_area .slick-prev, .shop_area .slick-next {
    top: 50%;
    visibility: hidden;
    opacity: 0;
}
.shop_area:hover .slick-prev, .shop_area:hover .slick-next{
    visibility: visible;
    opacity: 1;
}
.shop_area .slick-prev {
    left: -60px;
}
.shop_area .slick-next{
    right: -40px;
}
/*======== shop area end ==========*/

/* ======== cart area start =========== */
.cart_area {
    padding: 120px 0 70px;
}
.my_accout_area {
    padding: 110px 0 100px;
}
.product_checkout {
    padding: 100px 0 100px;
}
/* ======== cart area end =========== */

/*======== video area start =========*/
.video_area {
    position: relative;
    z-index: 1;
    margin: 70px 0px 0px;
    padding: 120px 0 220px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
.inner_video_area>a {
    display: inline-block;
    position: relative;
    width: 100px;
    height: 100px;
    line-height: 100px;
    font-size: 28px;
    border-radius: 100%;
    text-align: center;
    background-color: var(--brcolor);
    color: var(--whitec);
    z-index: 1;
}
.inner_video_area>a::before {
    position: absolute;
    content: '';
    width: 100px;
    height: 100px;
    line-height: 100px;
    border-radius: 100%;
    left: 0;
    z-index: -1;
    right: 0;
    animation: witr_squares 1.5s ease-in-out infinite;
    background-color: var(--brcolor);
    color: var(--whitec);
}
@keyframes witr_squares{
	0%{-webkit-transform:scale(1);transform:scale(1);opacity:0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}
	20%{-webkit-transform:scale(1.24);transform:scale(1.24);opacity:1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}
	100%{-webkit-transform:scale(2.1);transform:scale(2.1);opacity:0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}
}
.inner_video_area .section_title_area{
    margin-top: 75px;
}
.inner_video_area .section_title_area p {
    width: 55%;
    margin: 25px auto 0;
}
/* home 2 video css */
.h2_video_area {
    padding: 130px 0 65px;
}
.h2_video_area .section_title_area h3,
.h2_video_area .section_title_area p{
    color: var(--whitec);
}
.h2_video_area .section_title_area p{
    width: 60%;
}
/*======== video area end =========*/

/*======== team area start =========*/
.team_area{
    position: relative;
    margin-top: -190px;
    z-index: 2;
}
/* home 3 team css */
.h3_team_area{
    margin-top: 0;
    padding: 50px 0 50px;
}
.single_page_team{
    padding: 70px 0 120px;
}
.inner_team_area {
    padding: 40px 20px 30px;
    box-shadow: 0 5px 20px 0 #00000014;
    border-radius: 10px;
    background: var(--whitec);
    margin-bottom: 20px;
    transition: .5s;
}
.inner_team_area:hover{
    transform: translateY(-10px);
}
.inner_team_area img{
    margin-bottom: 20px;
}
.inner_team_area h5{
    font-size: 16px;
    color: var(--brcolor);
    font-family: "Roboto", sans-serif;
}
.inner_team_socail a {
    display: inline-block;
    color: var(--whitec);
    background-color: var(--brcolor);
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 5px 5px 5px 5px;
    margin: 0 3px;
}
.inner_team_socail a:hover{
    background-color: var(--bgcolor);
    color: var(--whitec);
}
/*======== team area end =========*/

/*======== home 2 team start ==========*/
.h2_team_area {
    padding: 115px 0 25px;
}
.h2_inner_team {
    position: relative;
    margin-bottom: 20px;
    border: 2px solid var(--blackc);
    border-radius: 5px;
}
.h2_team_img{
    position: relative;
    overflow: hidden;
    text-align: center;
}
.h2_team_img img {
    width: 90%;
    transition: .5s;
}
.h2_inner_team:hover .h2_team_img img{
    transform: scale(1.1);
}
/* team socail css */
.h2_team_socail {
    position: absolute;
    bottom: -300px;
    right: 0;
    left: 0;
    transition: 1s;
}
.h2_inner_team:hover .h2_team_socail{
    bottom: 15px;
}
.h2_team_socail a{
    display: inline-block;
    margin: 5px 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 30px;
    font-size: 14px;
    background-color: var(--brcolor);
    color: var(--whitec);
}
.h2_team_socail a:hover{
    background-color: var(--bgcolor);
    color: var(--whitec);
}
/* team overlay css */
.h2_team_overlay{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0%;
    transition: .7s;
    background-color: #0000006b;
}
.h2_inner_team:hover .h2_team_overlay{
    height: 100%;
}
/* inner team content css */
.h2_inner_team_content {
    text-align: center;
    background-color: var(--whitec);
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 10%);
    padding: 15px 0;
}
.h2_inner_team_content p
,.h2_inner_team_content h2{
    margin: 0;
}
.h2_inner_team_content p{
    font-size: 18px;
    color: var(--brcolor);
}
/*======== home 2 team end ==========*/

/*===== counter area start  ====*/
.counter_area {
    position: relative;
    padding: 100px 0px 35px;
}
/* inner counter area css */
.inner_counter_area {
    position: relative;
    text-align: center;
    margin-bottom: 20px;
}
.inner_counter_thumb{
    display: flex;
    align-items: center;
    justify-content: center;
}
.inner_counter_thumb h2, .inner_counter_thumb h4 {
    color: var(--brcolor);
    font-size: 72px;
    margin: 0;
    font-weight: 700;
}
.inner_counter_thumb h4{
    font-family: Roboto, sans-serif;
}
.inner_counter_area h3 {
    margin-top: 10px;
    font-weight: 500;
    font-family: Roboto, sans-serif;
}
.counter_shap{
    position: absolute;
    top: -6px;
    right: 0;
}
/* counter left shap css */
.counter_left_shap {
    position: absolute;
    top: -200px;
    left: 0;
    z-index: -1;
    animation: witr_movelr_box45 5s linear 1s infinite alternate running;
}
/*===== counter area end  ====*/

/*===== testimonial area start  ====*/
.testimonial_area{
    padding: 50px 0 70px;
}
/* about testimonial css */
.about_testimonial{
    padding: 100px 0 70px;
}
.single_ag_testi{
    padding: 100px 0 70px;
}
.single_page_testimonial{
    padding: 120px 0 90px;
}
.all_testimonial {
    background-position: center center;
    background-size: cover;
    border-style: solid;
    border-width: 15px 0px 7px 0px;
    border-color: var(--brcolor);
    padding: 50px 0px 60px 0px;
}
.inner_testi_img img{
    margin: auto;
}
/* inner testi content */
.inner_testi_content {
    position: relative;
    width: 65%;
    margin: 5px auto 0;
}
.inner_testi_content p{
    font-family: "Berkshire Swash", Sans-serif;
    font-size: 24px;
}
.inner_testi_content i {
    position: absolute;
    top: -10px;
    right: 0;
    left: 0;
    font-size: 140px;
    color: #be5f1940;
}
/* testi title css */
.inner_testi_title h3{
    color: var(--brcolor);
    font-size: 18px;
    margin: 0;
}
.inner_testi_title p{
    font-size: 14px;
}
/*===== testimonial area end  ====*/

/*===== home 3 testimonial area start ====*/
.h3_testimonial_area{
    padding: 45px 0 40px;
}
/* servic testimonial css */
.service_h3_testmonial{
    padding: 100px 0 40px;
}
.h3_single_page_testi{
    padding: 30px 0 90px;
}
.h3_testi_content{
    position: relative;
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 6%);
    background: var(--whitec);
    border-radius: 5px;
    padding: 50px 20px 50px;
}
.h3_testi_content p{
    margin: 0;
}
.h3_testi_content i {
    font-size: 100px;
    color: #be5f1930;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.h3_testi_box{
    position: absolute;
    content: '';
    left: 50%;
    bottom: -36px;
    border-radius: 15px;
    width: 50px;
    height: 50px;
    background: var(--whitec);
    transform: rotate(45deg) translateX(-50%);
    z-index: -1;
    box-shadow: 0 2px 29px 0 rgb(0 0 0 / 8%);
}
/* testi title css */
.h3_testi_title{
    margin-top: 30px;
}
.h3_testi_title img{
    border-radius: 50%;
    width: 59px;
    margin: 0 auto 10px;
}
.h3_testi_title h2{
    margin: 0;
}
.h3_testimonial_area:hover .slick-prev ,.h3_testimonial_area:hover .slick-next{
    opacity: 1;
    visibility: visible;
}
/*===== home 3 testimonial area end ====*/

/*======== pricing area start ==========*/
.pricing_area{
    padding: 120px 0 100px;
}
.inner_pricing_area {
    position: relative;
    background-color: var(--whitec);
    box-shadow: 0 0 30px 0 rgb(0 0 0 / 8%);
    padding: 25px 20px 40px;
    border-radius: 5px;
    margin-bottom: 20px;
    z-index: 1;
    transition: .5s;
}
.inner_pricing_area:hover{
    transform: translateY(-10px);
}
.inner_pri_sm_title{
    text-align: center;
}
.inner_pri_sm_title h3{
    font-size: 30px;
}
/* inner pricing big title css */
.inner_pri_big_title {
    padding: 25px 0 0px;
}
.inner_pri_big_title h2 {
    display: inline-block;
    width: 150px;
    height: 150px;
    line-height: 150px;
    text-align: center;
    border-radius: 100%;
    background-color: var(--brcolor);
    color: var(--whitec);
    font-size: 40px;
}
/* inner pricing list css */
.inner_pricing_list {
    padding: 5px 0 20px;
}
.inner_pricing_list ul{
    list-style: none;
    padding: 0;
}
.inner_pricing_list ul li {
    padding: 15px 0 0;
}
.inner_pricing_list ul li i{
    font-size: 20px;
    margin-right: 6px;
}
/* inner pricing btn css */
.inner_pricing_btn {
    margin-top: 20px;
}
.inner_pricing_btn a{
    display: inline-block;
    border-radius: 0px 20px;
    padding: 17px 30px;
    font-size: 15px;
    background-color: var(--brcolor);
    color: var(--whitec);
}
.inner_pricing_btn a:hover{
    background-color: var(--bgcolor);
    color: var(--whitec);
}
/*======== pricing area end ==========*/

/*======== brand area start  ==========*/
.brand_area {
    padding: 50px 0 50px;
    position: relative;
}
/* about brand css */
.about_brand{
    padding: 50px 0 120px;
}
.inner_brand_area img{
    margin: 0 auto;
}
.h3_brand_shap {
    position: absolute;
    top: -50px;
    left: 30px;
    z-index: -1;
    animation: witr_movelr_box45 5s linear 1s infinite alternate running;
}
.h3_brand_shap img {
    width: 180%;
    max-width: none;
}
.brand_area:hover .slick-prev ,.brand_area:hover .slick-next{
    opacity: 1;
    visibility: visible;
}
/*======== brand area end  ==========*/

/*===== faq area start  ====*/
.faq_area{
    padding: 115px 0 100px;
}
.inner_faq_img {
    margin-bottom: 20px;
}
.accordion-item {
    margin-bottom: 20px;
}
.accordion-button:focus{
    box-shadow: none;
}
.accordion-button:not(.collapsed){
    background-color: var(--brcolor);
    color: var(--whitec);
}
.accordion-item .accordion-button {
    border-radius: 0;
    font-size: 17px;
    font-weight: 600;
    border: none;
    box-shadow: 0 0 5px #dddddd7d;
    font-family: "Roboto", sans-serif;
}
/*===== faq area end  ====*/

/*======== contact area start  ==========*/
.contact_area {
    padding: 120px 0 120px;
}
.inner_contact_area {
    padding: 60px 30px 80px 30px;
    box-shadow: 0 0 30px rgb(0 0 0 / 6%);
}
.inner_contact_area .section_title_area{
    margin-bottom: 20px;
}
/* inner contact form */
.inner_contact_form input {
    border: 1px solid #ddddddcc;
    outline: none;
    width: 100%;
    height: 60px;
    padding: 0 20px;
    border-radius: 5px;
    margin-bottom: 23px;
}
.inner_contact_form textarea {
    width: 100%;
    border: 1px solid #ddddddcc;
    outline: none;
    padding: 20px 20px;
}
textarea::placeholder {
    color: var(--paracolor);
}
.inner_contact_form button {
    margin-top: 18px;
    padding: 15px 30px;
    font-size: 14px;
    font-weight: 600;
    font-family: Jost,sans-serif;
    border: none;
    outline: none;
    background-color: var(--brcolor);
    color: var(--whitec);
    transition: .5s;
}
.inner_contact_form button:hover{
    background-color: var(--bgcolor);
    color: var(--whitec);
}
.inner_contact_map{
    width: 100%;
    height: 100%;
}
.inner_contact_map iframe {
    width: 100%;
    height: 100%;
}
/*======== contact area end  ==========*/

/*======== map area start  ==========*/
.map_area {
    margin: 0 0 0px;
}
.inner_map_area {
    width: 100%;
    height: 400px;
}
.inner_map_area iframe {
    width: 100%;
    height: 100%;
    border: none;
    outline: none;
}
/*======== map area end  ==========*/

/*======== blog area start  ==========*/
.blog_area {
    padding: 65px 0 120px;
}
/* inner blog area css */
.inner_blog_area {
    overflow: hidden;
    margin-bottom: 20px;
    background-color: var(--whitec);
    box-shadow: 0 5px 10px 0 rgba(50, 65, 141, .07);
}
.blog_main_all {
    padding: 20px 25px 20px;
}
.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_text span{
    margin-right: 5px;
}
.inner_blog_text span i{
    margin-right: 6px;
    color: var(--brcolor);
}
/*inner blog content css */
.inner_blog_content {
    padding: 15px 0px 10px;
}
.inner_blog_content h2 a:hover{
    color: var(--brcolor);
}
.inner_blog_content p{
    font-size: 14px;
}
.blog_btn a{
    color: var(--brcolor);
}
.blog_btn a:hover{
    color: var(--bgcolor);
}
.blog_area:hover .slick-prev ,.blog_area:hover .slick-next{
    opacity: 1;
    visibility: visible;
}
.yblog_left {
    padding: 120px 0 100px;
}
/*======== blog area end  ==========*/

/*======== footer area start  ==========*/
.footer_area {
    padding: 100px 0 60px;
    background-repeat: no-repeat;
    background-size: cover;
}
/* footer wdget css */
.footer_logo{
    margin-bottom: 25px;
}
.footer_widget{
    margin-bottom: 20px;
}
/* footer socail icon css */
.footer_socail_icons a {
    display: inline-block;
    background-color: var(--bgcolor);
    color: var(--whitec);
    width: 35px;
    height: 35px;
    line-height: 35px;
    font-size: 20px;
    text-align: center;
    border-radius: 30px;
    margin-right: 5px;
}
.footer_socail_icons a:hover{
    background-color: var(--brcolor);
    color: var(--whitec);
}
/* footer widget */
.footer_widget h2 {
    padding: 0 0 20px;
}
/* footer address css */
.footer_address ul{
    list-style: none;
    padding: 0;
}
.footer_address ul li{
    padding: 0 0 10px;
}
.footer_address ul li i{
    margin-right: 6px;
    font-size: 17px;
    color: var(--blackc);
}
/* footer tabele css */
.witr_sub_table {
    display: flex;
    justify-content: space-between;
    padding-bottom: 8px;
    margin-bottom: 10px;
    border-bottom: 1px solid var(--brcolor);
}
/*======== footer area end  ==========*/

/*======== copyright area start  ==========*/
.copy_right_area {
    padding: 25px 0 22px;
    background-color: var(--bgcolor);
}
.inner_copy_right_area p{
    color: var(--whitec);
    margin: 0;
}
/*======== copyright area end  ==========*/

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

/* blog and portfolio all color css */
.portfolio_nav ul li.current_menu_item,
.portfolio_nav ul li:hover,
.port_content_center a:hover,
.inner_portfolio_lower_nav ul li a.current,
.inner_portfolio_lower_nav ul li a:hover,
.ycalender_inner h5,
.ycalender_inner td.active,
.inner_project_in_icon a:hover,
.inner_sin_com_btn button,
.pay_sub_btn button,
.inner_my_accout_form_btn a ,
.inner_cart_btn a,
.shop_quenty button,
.shop_btn_area a  {
    background-color: var(--brcolor);
    color: var(--whitec);
}
.pay_sub_btn button:hover,
.inner_my_accout_form_btn a:hover,
.inner_cart_btn a:hover,
.tab_list_socail_icon a:hover,
.shop_btn_area a:hover,
.inner_shop_icons a:hover {
    background-color: var(--bgcolor);
    color: var(--whitec);
}
.port_content_center h2 a:hover{
    background: none;
    color: var(--brcolor);
}
.port_content_center p{
    color: var(--whitec);
}
.yblog_left_text_sub span i{
    color: var(--brcolor);
}