/*
    Template  Name: Barber
*/

/*
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=Oswald:wght@400..700&family=Teko:wght@400..700&display=swap');
:root{
    --blackc: #000;
    --whitec: #fff;
    --bgcolor: #333;
    --bg2color: #F1EEE8;
    --brcolor: #b28348;
    --paracolor: #555;
    --titlecolor: #333333;
}

/* defult css */
body{
    font-size: 16px;
    font-weight: 400;
    line-height: 1.6;
    font-family: "Oswald", 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: 600;
    color: var(--titlecolor);
    line-height: 1.2;
    font-family: "Teko", sans-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);
}
/* highlight color css */
.highlight{
    color: var(--brcolor);
}

/*======= header top area start =====*/
.header_top_area {
    padding: 10px 395px;
    border-bottom: 1px solid #c7c5c5;
    background-color: #271d14;
}
/* 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 395px;
    transition: .5s;
}
.main_menu_area.sticky {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    background: rgb(0 0 0 / 70%);
}
.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 15px;
    font-size: 14px;
    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;
    padding: 11px 25px;
    font-size: 15px;
    font-weight: 600;
    font-family: 'Teko', sans-serif;
    background-color: var(--brcolor);
    color: var(--whitec);
}
.main_nav_btn a:hover{
    background-color: var(--bgcolor);
    color: var(--whitec);
}
/* absolute menu css */
.absolute_menu{
    position: absolute;
    left: 0;
    right: 0;
    background: none;
    z-index: 999;
}
.absolute_menu .main_nav_area{
    justify-content: end;
}
/* home 3 main menu css */
.h3_main_menu {
    top: 80px;
    margin: 0px 395px 0;
    padding: 0 15px;
    border-radius: 5px;
    background: var(--whitec);
}
.h3_main_menu .inner_main_nav_area ul li a{
    color: var(--titlecolor);
}
/*======== 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: var(--whitec);
}
.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: -75px auto 0;
}
.inner_slider_content h1 {
    font-size: 22px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 5px;
    color: var(--whitec);
    margin-bottom: 20px;
}
.inner_slider_content h2 {
    font-size: 72px;
    font-weight: 600;
    line-height: 1;
    color: var(--whitec);
    margin-bottom: 5px;
}
.inner_slider_content p {
    width: 48%;
    margin: 15px 0 0;
    font-weight: 400;
    color: var(--whitec);
}
/* home 2 slider area */
.h2_inner_slider .inner_slider_content{
    text-align: center;
}
.h2_inner_slider .inner_slider_content img {
    margin: 0 auto 45px;
}
.h2_inner_slider .inner_slider_content p {
    margin: 30px auto 40px;
}
/* home 3 slider css */
.h3_inner_slider .inner_slider_content {
    text-align: center;
    margin: -60px auto 0;
}
.h3_inner_slider .inner_slider_content h2{
    font-size: 90px;
}
.h3_inner_slider .inner_slider_content p{
    margin: 5px auto 0;
}
/* golobal btn css */
.g_btn a {
    display: inline-block;
    padding: 15px 40px;
    font-size: 15px;
    font-weight: 600;
    font-family: 'Teko', sans-serif;
    border: 2px solid var(--whitec);
    background-color: var(--brcolor);
    color: var(--whitec);
    margin-right: 15px;
}
.g_btn a:hover{
    background-color: var(--bgcolor);
    color: var(--whitec);
}
.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: 40px;
}
.g_btn.style2 a{
    background-color: var(--bg2color);
    color: var(--titlecolor);
    border: 1px solid var(--brcolor);
}
.g_btn.style2 a:hover{
    background-color: var(--brcolor);
    color: var(--whitec);
    border: 1px solid transparent;
}
.g_btn.style3 a{
    background-color: var(--bgcolor);
    color: var(--whitec);
    border: 1px solid var(--brcolor);
}
.g_btn.style3 a:hover{
    background-color: var(--brcolor);
    color: var(--whitec);
    border: 1px solid transparent;
}
/* 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  ==========*/
.breadcrumb_menu {
    padding: 0px 165px;
}
.breadcum_area {
    background-size: cover;
    background-position: center center;
    padding: 150px 0 110px;
}
.inner_breadcum_area h1{
    font-size: 30px;
    color: var(--whitec);
}
.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{
    padding: 120px 0 50px;
}
.single_feature {
    display: flex;
    border: 3px solid var(--brcolor);
    background-color: var(--bg2color);
    padding: 25px 30px 5px 25px;
    margin-bottom: 20px;
}
.sin_feature_icon i {
    display: inline-block;
    margin-right: 15px;
    font-size: 60px;
    color: var(--blackc);
    transition: .5s;
}
.single_feature:hover .sin_feature_icon i{
    transform: rotateY(180deg);
}
.sin_feature_content h3{
    color: var(--brcolor);
    font-size: 16px;
    text-transform: uppercase;
}
/*======== feature area end ==========*/

/*======== about area start  ==========*/
.about_area {
    padding: 120px 0 50px;
}
.inner_about_right {
    padding: 35px 0 0;
    position: relative;
}
.section_title_area{
    position: relative;
    margin-bottom: 50px;
    z-index: 1;
}
.section_title_area h2{
    font-size: 22px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: var(--brcolor);
}
.section_title_area h3{
    font-size: 60px;
}
.section_title_area.font_small h3{
    font-size: 48px;
}
.section_title_area.color_white h3{
    color: var(--whitec);
}
/* witr back title css */
.witr_back_title {
    position: absolute;
    top: -50px;
    left: 0;
    right: 0;
    z-index: -1;
}
.witr_back_title h4{
    opacity: 1;
    font-size: 180px;
    -webkit-text-stroke: 1px #888888;
    -webkit-text-stroke-color: #F8F4F1;
    -webkit-text-fill-color: #F8F4F1;
}
.witr_back_title.color_2 h4{
    -webkit-text-stroke-color: #494645B8;
    -webkit-text-fill-color: #494645B8;
    opacity: 1;
}
.witr_title_shap {
    position: absolute;
    top: -35px;
    left: 0;
    right: 0;
    z-index: -1;
    animation: witr_movelr_box45 5s linear 1s infinite alternate running;
}
.inner_about_right .section_title_area{
    margin-bottom: 0;
}
/* inner right about css */
.inner_about_title {
    padding: 5px 0 30px;
    display: flex;
    align-items: end;
}
.inner_ab_title_text h3 {
    font-size: 16px;
    font-weight: 500;
    font-family: Oswald, sans-serif;
}
.inner_ab_title_text h2{
    color: var(--brcolor);
}
.about_shap {
    position: absolute;
    top: 100px;
    right: -300px;
    z-index: -1;
    animation: witr_movelr_box46 5s linear 1s infinite alternate running;
}
@keyframes witr_movelr_box45 {
    0%{
         transform: translateX(0px);
      }
    100%{
        transform: translateX(45px);
      }
}
@keyframes witr_movelr_box46 {
    0%{
         transform: translateY(0px);
}
    100%{
        transform: translateY(45px);
}
}
/*======== about area end  ==========*/

/*======= home 3 about start  ======*/
.h3_about_area{
    padding: 40px 0 50px;
}
.tx_countdown_area {
    padding: 20px 0 30px;
}
.tx_countdown_box {
    display: flex;
    text-align: center;
}
.tx_single_countdown{
    margin-right: 20px;
}
.witr_digit{
    font-size: 45px;
    font-weight: 700;
    margin: 0;
}
.tx_countdown_box p{
    font-size: 19px;
    font-weight: 400;
    color: var(--whitec);
}
.tx_single_countdown{
    padding: 15px 30px 0;
    font-size: 45px;
    font-weight: 700;
    color: var(--whitec);
    background-color: var(--brcolor);
    border-radius: 10px;
}
/*======= home 3 about end  ======*/

/*======= service area start  =====*/
.service_area{
    padding: 75px 0 50px;
}
.service_width {
    max-width: 1550px;
}
/* single service area css */
.single_service_area {
    margin-bottom: 20px;
    background-color: var(--bg2color);
    border: 3px solid var(--brcolor);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0);
    padding: 25px 25px 40px;
    position: relative;
    z-index: 1;
}
.single_service_area::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0%;
    background-color: var(--brcolor);
    transition: .5s;
    z-index: -1;
}
.single_service_area:hover::before{
    height: 100%;
}
.single_ser_icon i{
    font-size: 80px;
    color: var(--brcolor);
    transition: .5s;
}
/* service absolute icon css */
.service_absolute_icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
    transition: .5s;
}
.single_service_area:hover .service_absolute_icon i{
    opacity: 0;
    visibility: hidden;
}
.service_absolute_icon i{
    font-size: 200px;
    color: #B2834824;
}
/* service content css */
.single_ser_content h2 {
    margin: 20px 0 15px;
    transition: .5s;
}
.single_ser_content p{
    transition: .5s;
}
/* sevice btn css */
.ser_btn {
    margin-top: 20px;
}
.ser_btn a{
    font-size: 16px;
    font-weight: 600;
    color: var(--brcolor);
    font-family: Teko, sans-serif;
}
.single_service_area:hover i,
.single_service_area:hover h2,
.single_service_area:hover p,
.single_service_area:hover .ser_btn a{
    color: var(--whitec);
}
.all_btn {
    margin-top: 30px;
}
/* home 2 service css */
.h2_service_area {
    padding: 110px 0 120px;
}
.h2_service_area .single_service_area{
    background: transparent;
}
.h2_service_area .single_ser_content h2,
.h2_service_area .single_ser_content p{
    color: var(--whitec);
}
/*======= service area end  =====*/

/*======== call to action area start =======*/
.call_to_action {
    margin: 70px 0 0;
    padding: 55px 0 45px;
    background-size: cover;
    background-position: center center;
}
.call_to_action .section_title_area{
    margin-bottom: 0;
}
.call_to_action .section_title_area h3{
    color: var(--whitec);
}
.inner_call_btn .b_btn{
    margin-top: 0;
}
.inner_call_btn .g_btn a{
    border: 1px solid var(--bgcolor);
}
.inner_call_btn .g_btn a:hover{
    background-color: var(--bgcolor);
    color: var(--whitec);
}
/*======== call to action area end =======*/

/*======== tab area start =======*/
.tab_service_bg{
    background-position: center center;
    background-size: cover;
}
.tab_area {
    position: relative;
    z-index: 1;
    padding: 120px 0px 290px 0px;
    background-position: center center;
    background-size: cover;
}
.inner_tab_area ul li a {
    display: inline-block;
    margin: 0 20px;
    border: 0;
    border-radius: 5px;
    font-size: 17px;
    padding: 15px 35px;
    background-color: var(--whitec);
}
.inner_tab_area ul li a.active{
    background-color: var(--brcolor);
    color: var(--whitec);
}
.inner_tab_area ul li a i{
    font-size: 60px;
    color: var(--brcolor);
}
.inner_tab_area ul li a p {
    padding: 15px 0 0px;
    font-size: 17px;
    font-weight: 700;
    color: var(--brcolor);
}
.inner_tab_area ul li a.active p,
.inner_tab_area ul li a.active i{
    color: var(--whitec);
}
/*======== tab area end =======*/

/*======== tab style 2 start =======*/
.tab_style2 {
    position: relative;
    margin-top: -170px;
    z-index: 2;
}
.tab_style2_inner_video {
    padding: 250px 0px 250px 0px;
    background-position: center center;
    background-size: cover;
    position: relative;
}
.inner_video_area a{
    display: inline-block;
    width: 100px;
    height: 100px;
    line-height: 100px;
    text-align: center;
    font-size: 28px;
    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);
    }
}
.tab_style2 .inner_about_right {
    background-color: var(--whitec);
    padding: 45px 25px 45px;
    box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.1);
}
/* home 2 tab area */
.home2_tab_style2 .tab_style2_inner_video{
    padding: 0 0;
}
.home2_tab_style2 .inner_video2 {
    position: absolute;
    top: 50%;
    left: 44%;
    transform: translate(-50%, -50%);
}
.home2_tab_style2 .inner_about_right{
    background: transparent;
    box-shadow: none;
}
.home2_tab_style2 .section_title_area h2{
    color: var(--brcolor);
}
.home2_tab_style2 .section_title_area h3,
.home2_tab_style2 .section_title_area p,
.home2_tab_style2 .inner_ab_title_text h3{
    color: var(--whitec);
}
/*======== tab style 2 end =======*/

/*======== home 2 video start =======*/
.h2_video_area {
    padding: 285px 0px 250px 0px;
    background-position: center center;
    background-size: cover;
}
.inner_video_area h2 {
    margin-top: 45px;
    font-size: 60px;
    color: var(--whitec);
}
/*======== home 2 video end =======*/

/*======== pricing area start =======*/
.pricing_area{
    padding: 120px 0 50px;
    position: relative;
}
.site_pricing{
    padding: 120px 0 30px;
}
.inner_pricing_area {
    display: flex;
    align-items: center;
    border: 2px solid var(--brcolor);
    padding: 30px 20px 30px 30px;
    background-color: var(--bg2color);
    margin-bottom: 20px;
    transition: .5s;
}
.inner_pricing_area:hover {
    border: 2px solid var(--bgcolor);
    border-radius: 50px;
}
.inner_pricing_img{
    margin-right: 20px;
}
.allsection_btn {
    margin-top: 15px;
}
/* pricing shap css */
.pricing_left_shap, .pricing_right_shap {
    position: absolute;
    z-index: -1;
    animation: witr_movelr_box46 5s linear 1s infinite alternate running;
}
.pricing_left_shap{
    top: 80%;
    left: 0;
}
.pricing_right_shap {
    top: 20%;
    right: -50px;
}
/*======== pricing area end =======*/

/*======== home 2 pricing start =======*/
.h2_pricing_area {
    position: relative;
    padding: 60px 0 415px;
}
/* single page price */
.single_page_price{
    padding: 120px 0 100px;
}
.h2_inner_pricing_all {
    padding: 40px 25px 10px 25px;
    border: 2px solid var(--brcolor);
    margin-bottom: 20px;
    transition: .5s;
}
.h2_inner_pricing_all:hover{
    border: 2px solid var(--whitec);
    transform: translateY(-10px);
}
.h2_inner_pricing{
    margin-bottom: 35px;
}
.h2_pricing_icon {
    margin-bottom: 20px;
}
.h2_inner_pricing h2 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--whitec);
}
.h2_inner_pricing h2 span{
    color: var(--brcolor);
}
.h2_inner_pricing p {
    font-size: 15px;
    color: var(--whitec);
}
/* pricing shap css */
.h2_pricing_left_shap, .h2_pricing_right_shap {
    position: absolute;
    top: -50px;
    animation: witr_movelr_box45 5s linear 1s infinite alternate running;
}
.h2_pricing_left_shap{
    left: 50px;
}
.h2_pricing_right_shap{
    top: 0px;
    right: 20px;
}
/*======== home 2 pricing end =======*/

/*======== team area start =======*/
.team_area{
    padding: 65px 0 50px;
}
/* about team css */
.about_team{
    padding: 65px 0 30px;
}
/* single page team */
.single_page_team{
    padding: 120px 0 30px;
}
.inner_team_area{
    margin-bottom: 20px;
    border: 2px solid var(--brcolor);
    background-color: var(--bg2color);
    padding: 15px;
    transition: .5s;
}
.inner_team_area:hover{
    background-color: var(--whitec);
}
.inner_team_img{
    position: relative;
    overflow: hidden;
}
.inner_team_img img{
    width: 100%;
}
/* inner team content css */
.inner_team_content {
    position: absolute;
    padding: 15px 0 15px;
    bottom: -65px;
    left: 0;
    right: 0;
    background-color: var(--bg2color);
    transition: all .3s ease 0s;
}
.inner_team_area:hover .inner_team_content{
    bottom: 0px;
}
.inner_team_content h2{
    margin: 0;
}
.inner_team_content p{
    font-size: 13px;
    color: var(--brcolor);
}
/* team socail icons css */
.team_socail_icons a {
    display: inline-block;
    background-color: var(--brcolor);
    color: var(--whitec);
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    border-radius: 100%;
    margin: 0px 3px;
    font-size: 16px;
}
.team_socail_icons a:hover{
    background-color: var(--bgcolor);
    color: var(--whitec);
}
/*======== team area end =======*/

/*======== contact area start  ==========*/
.contact_area {
    position: relative;
    z-index: 2;
    margin: 0px 170px 0px;
    padding: 80px 0 80px;
    background-position: center center;
    background-size: cover;
}
.contact_area .section_title_area {
    margin-bottom: 20px;
}
.inner_contact_area {
    padding: 0 50px;
}
/* inner contact form */
.inner_contact_form {
    margin-top: 20px;
}
/* inner contact form */
.inner_contact_form input {
    outline: none;
    border: 1px solid #dddddd;
    width: 100%;
    height: 58px;
    padding: 0 20px;
    margin-right: 15px;
    background-color: var(--bg2color);
}
.inner_contact_form input::placeholder{
    color: var(--titlecolor);
}
.inner_contact_form select {
    width: 100%;
    height: 58px;
    padding: 0 20px;
    background-color: var(--bg2color);
}
.inner_contact_form select:focus{
    outline: none;
}
.inner_contact_form textarea {
    width: 100%;
    outline: none;
    padding: 20px 20px;
    border: 1px solid #dddddd;
}
.inner_contact_form button {
    width: 100%;
    background-color: var(--brcolor);
    color: var(--whitec);
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    border: 2px solid var(--whitec);
    padding: 15px 50px 13px 50px;
    transition: .5s;
}
.inner_contact_form button:hover{
    background-color: var(--bgcolor);
    color: var(--whitec);
}
.inner_contact_area p.form-messege{
    color: var(--whitec);
}
.inner_contact_map{
    width: 100%;
    height: 100%;
}
.inner_contact_map iframe{
    width: 100%;
    height: 100%;
}
/* home 2 contact css */
.h2_inner_contact {
    background-size: cover;
    background-repeat: no-repeat;
    padding: 70px 35px 80px;
}
.h2_inner_contact .inner_contact_form input,
.h2_inner_contact .inner_contact_form select{
    height: 45px;
    background: var(--whitec);
}
/* single contact css */
.single_contact_page{
    padding: 120px 0 50px;
}
/*======== contact area end  ==========*/

/*======= contact area start ========*/
.site_map_area .inner_contact_map{
    width: 100%;
    height: 600px;
}
.site_map_area .inner_contact_map iframe {
    width: 100%;
    height: 100%;
}
/*======= contact area end =======*/

/*======= testimonial area start  ======*/
.testimonial_area {
    position: relative;
    z-index: 1;
    margin-top: -200px;
    padding: 260px 0px 120px 0px;
}
/* home 3 testimonial css */
.h3_testimonial {
    margin-top: 70px;
    padding: 120px 0px 120px 0px;
}
/* single page testimonial */
.single_page_testi{
    margin: 120px 0 50px;
    padding: 120px 0px 120px 0px;
}
.inner_testimonial_area {
    position: relative;
    background-color: var(--bg2color);
    border: 3px solid var(--brcolor);
    padding: 35px 30px 25px;
}
.inner_testi_para {
    padding: 25px 0 0;
}
/* testimonial title css */
.testi_title {
    display: flex;
    align-items: center;
}
.testi_img {
    margin-right: 20px;
}
/* testimonial content css */
.testi_content h2{
    margin: 0;
    color: var(--brcolor);
}
.testi_content p{
    font-size: 14px;
}
/* testimonial icon */
.em_testi_icon {
    position: absolute;
    top: 50px;
    right: 50px;
}
.em_testi_icon i{
    font-size: 60px;
    color: var(--brcolor);
}
/* testimonial defult arrow css */
.testimonial_area .slick-prev ,.testimonial_area .slick-next{
    opacity: 1;
    visibility: visible;
    top: -100px;
}
.testimonial_area .slick-prev {
    left: 89%;
}
.testimonial_area .slick-next{
    right: 30px;
}
.testimonial_area .slick-prev:hover::before,
.testimonial_area .slick-next:hover::before{
    background-color: var(--whitec);
    color: var(--brcolor);
}
/*======= testimonial area end  ======*/

/*======= home 2 testimonial start ======*/
.h2_testimonial {
    padding: 0 0;
    margin-top: -310px;
}
.h2_testimonial .inner_testimonial_area{
    background: var(--bgcolor);
    border-width: 0 0 2px;
    border-color: var(--brcolor);
}
.h2_testimonial .inner_testi_para p,
.h2_testimonial .testi_content p{
    color: var(--whitec);
}
/*======= home 2 testimonial end ======*/

/*===== counter area start  ====*/
.counter_area {
    padding: 260px 0 40px;
    margin-top: -141px;
}
.inner_counter_area {
    display: flex;
    align-items: center;
}
.inner_counter_icon{
    margin-right: 20px;
}
.inner_counter_icon i {
    padding: 25px 25px 25px 25px;
    background: var(--bgcolor);
    color: var(--brcolor);
    border: 2px solid var(--brcolor);
    font-size: 35px;
    transition: .5s;
}
.inner_counter_area:hover .inner_counter_icon i{
    border: 2px solid transparent;
    background-color: var(--whitec);
    color: var(--brcolor);
}
.inner_counter_thumb h2{
    color: var(--whitec);
    font-size: 52px;
    margin: 0;
}
.inner_counter_area h3 {
    font-size: 16px;
    font-weight: 400;
    color: var(--whitec);
    font-family: Oswald, sans-serif;
}
/*===== counter area end  ====*/

/*======== img area start ==========*/
.img_priceing_bg{
    background-color: #252525;
}
.img_area {
    padding: 60px 0 30px;
}
/* home 2 img css */
.h2_img_area{
    padding: 0 0 50px;
}
.inner_img_area{
    position: relative;
    margin-bottom: 20px;
}
.inner_img_area img{
    width: 100%;
}
.inner_img_area a {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: inline-block;
    font-size: 20px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: var(--whitec);
    background: var(--brcolor);
    opacity: 0;
    visibility: hidden;
    transition: .5s;
    z-index: 22;
}
.inner_img_area:hover a{
    opacity: 1;
    visibility: visible;
}
.inner_img_area a:hover{
    background-color: var(--bgcolor);
    color: var(--whitec);
}
.inner_img_overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #b282488d;
    visibility: hidden;
    opacity: 0;
}
.inner_img_area:hover .inner_img_overlay{
    visibility: visible;
    opacity: 1;
}
/*======== img area end ==========*/

/*======== shop area start ==========*/
.shop_area {
    position: relative;
    padding: 50px 0 50px;
}
/* about shop css */
.about_shop{
    padding: 70px 0 40px;
}
.shop_area.shop_style2{
    padding: 65px 0 30px;
}
.inner_shop_area {
    padding: 0px 0px 0px;
    background-color: var(--whitec);
    margin-bottom: 30px;
}
.inner_shop_img {
    padding: 50px 0 50px;
    background-color: var(--bg2color);
    border: 3px solid var(--brcolor);
}
.inner_shop_area:hover .inner_shop_img{
    background: transparent;
}
/* shop area defult arrow css */
.shop_area .slick-prev, .shop_area .slick-next {
    opacity: 1;
    visibility: visible;
    top: -100px;
}
.shop_area .slick-prev {
    left: 89%;
}
.shop_area .slick-next{
    right: 30px;
}
/* single page paga css */
.single_shop_page {
    padding: 120px 0 20px;
}
.single_shop_page .inner_shop_area {
    margin-bottom: 30px;
    padding-bottom: 20px;
    box-shadow: 0 0 10px 0 rgba(148, 146, 245, .2);
}
.single_shop_page .inner_shop_img{
    padding: 0 0;
    background: transparent;
    border: none;
}
/*======== shop area end ==========*/

/* ======== site page main all =========== */
.cart_area {
    padding: 120px 0 50px;
}
.my_accout_area {
    padding: 110px 0 30px;
}
.single_shop_page .inner_shop_area {
    margin-bottom: 30px;
    padding-bottom: 20px;
    box-shadow: 0 0 10px 0 rgba(148, 146, 245, .2);
}
.single_shop_page .inner_shop_img{
    padding: 0 0;
    background: transparent;
    border: none;
}
.product_checkout {
    padding: 100px 0 30px;
}
.project_information_area {
    padding: 120px 0 30px;
}
/* ======== cart area end =========== */

/*===== faq area start  ====*/
.faq_area{
    padding: 115px 0 30px;
}
.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: 18px;
    font-weight: 600;
    border: none;
    box-shadow: 0 0 5px #dddddd7d;
}
/*===== faq 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 50px;
    background-position: center center;
    background-size: cover;
}
.blog_area .witr_back_title h4{
    -webkit-text-stroke-color: var(--bg2color);
    -webkit-text-fill-color: var(--bg2color);
}
/* inner blog area css */
.inner_blog_area {
    overflow: hidden;
    margin-bottom: 20px;
    background-color: var(--bg2color);
    box-shadow: 0 5px 10px 0 rgba(31, 33, 44, 0.057);
    transition: .5s;
}
.inner_blog_area:hover {
    background: transparent;
}
.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 {
    font-size: 14px;
    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{
    font-weight: 500;
}
.inner_blog_content h2 a:hover{
    color: var(--brcolor);
}
.inner_blog_content p{
    font-size: 14px;
}
.blog_btn a{
    font-family: Teko, sans-serif;
    font-weight: 600;
    letter-spacing: 2px;
    color: var(--brcolor);
}
.blog_btn a:hover{
    color: var(--bgcolor);
}
/* home 2 blog css */
.h2_blog_area {
    padding: 35px 0 30px;
}
.h2_blog_area .inner_blog_area{
    background-color: var(--bgcolor);
}
.h2_blog_area .inner_blog_content h2 a,
.h2_blog_area .inner_blog_text span{
    color: var(--whitec);
}
.h2_blog_area .inner_blog_content h2 a:hover,
.h2_blog_area .blog_btn a:hover{
    color: var(--brcolor);
}
/* site page section */
.portfolio_area {
    padding: 115px 0 50px;
}
.yblog_left {
    padding: 120px 0 20px;
}
.yblog_left_inner{
    margin-bottom: 30px;
    background: transparent;
}
.yblog_left_sub p{
    font-size: 16px;
}
/*======== blog area end  ==========*/

/*======== brand area start  ==========*/
.brand_area {
    padding: 50px 0 50px;
    position: relative;
}
.inner_brand_area img{
    margin: 0 auto;
}
.brand_area:hover .slick-prev ,.brand_area:hover .slick-next{
    opacity: 1;
    visibility: visible;
}
/*======== brand area end  ==========*/

/*======== subscribe area start ==========*/
.subscribe_area {
    padding: 70px 0 0px;
    position: relative;
    z-index: 9;
}
.sub_width {
    padding: 60px 30px 40px;
    background-color: var(--brcolor);
}
.inner_subscribe_area h2{
    font-size: 40px;
    color: var(--whitec);
}
.inner_subscribe_form {
    position: relative;
    overflow: hidden;
}
.inner_subscribe_form input{
    width: 100%;
    font-size: 16px;
    line-height: 28px;
    border-radius: 0px;
    border: none;
    outline: none;
    padding: 15px 30px;
    height: 50px;
    background: var(--whitec);
    color: var(--blackc);
}
.inner_subscribe_form button {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    padding: 12px 30px 12px;
    font-size: 16px;
    font-weight: 600;
    border: none;
    outline: none;
    background-color: var(--bgcolor);
    color: var(--whitec);
}
/*======== subscribe area end ==========*/

/*======== footer area start  ==========*/
.footer_area {
    position: relative;
    margin-top: -80px;
    z-index: 1;
    padding: 170px 0 10px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
/* 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: 20px;
    height: 35px;
    width: 35px;
    line-height: 35px;
    text-align: center;
    margin-right: 10px;
}
.footer_socail_icons a:hover{
    background-color: var(--brcolor);
    color: var(--whitec);
    border: 1px solid transparent;
}
/* footer widget */
.footer_widget h2 {
    margin-bottom: 20px;
    padding: 0 0 12px;
    color: var(--whitec);
    position: relative;
}
.footer_widget h2::before {
    content: '';
    position: absolute;
    bottom: 0;
    border: 1px solid var(--brcolor);
    border-radius: 50%;
    width: 20%;
}
.footer_widget p{
    color: var(--whitec);
}
.footer_widget img{
    margin-bottom: 12px;
}
/* footer nav css */
.footer_nav {
    margin-top: 20px;
}
.footer_nav ul{
    list-style: none;
    padding-left: 0;
}
.footer_nav ul li {
    padding: 0 0 10px;
    color: var(--whitec);
}
.footer_nav ul li i{
    font-size: 12px;
    color: var(--brcolor);
    margin-right: 5px;
}
/* footer address area css */
.footer_address {
    margin-top: 20px;
}
.footer_address ul{
    list-style: none;
    padding-left: 0;
}
.footer_address ul li {
    padding: 0 0 10px;
    color: var(--whitec);
}
.footer_address ul li i{
    margin-right: 10px;
    color: var(--whitec);
}
/* footer tabele css */
.witr_sub_table {
    display: flex;
    justify-content: space-between;
    padding-bottom: 8px;
    margin-bottom: 10px;
    border-bottom: 1px solid var(--brcolor);
}
.witr_sub_table span{
    color: var(--whitec);
}
/* footer blog area css */
.footer_blog_area {
    margin-top: 30px;
}
.footer_main_add{
    display: flex;
    margin-bottom: 20px;
}
.footer_blog_area img {
    width: 70px;
    height: 70px;
    margin-right: 15px;
}
.footer_add_cont a {
    display: inline-block;
    font-size: 18px;
    font-family: Teko, sans-serif;
    color: var(--whitec);
    line-height: 19px;
}
.footer_add_cont a:hover{
    color: var(--whitec);
}
.footer_add_cont span{
    display: block;
    font-size: 16px;
    color: var(--whitec);
}
/* copy right border css */
.copy_right_border {
    margin-top: 35px;
    padding: 25px 0 10px;
    border-top: 1px solid var(--brcolor);
}
.copy_right_area {
    padding: 15px 0 12px;
    background-color: var(--bgcolor);
}
.inner_copy_right_area p{
    color: var(--whitec);
    margin: 0;
}
/*======== footer 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);
}