/*
    Tamplate Name: Honbe
*/

/*
Table Of Content

1. Top Menu CSS
2. Menu Area CSS
3. Slider Area CSS
4. Feature Area CSS
5. About Area CSS
6. Service Area CSS
7. Team Area CSS
8. Pricing Area CSS
9. Testimonial Area CSS
10. Portfolio Area CSS
11. Brand Area CSS
12. Faq Area CSS
13. Contact Area CSS
14. Skill Area CSS
15. Blog Area CSS
16. Footer Area CSS
17. Breadcum Area CSS

6. Call Area CSS
7. Service Area CSS
8. Team Area CSS
9. Pricing Area CSS
10. Testimonial Area CSS
11. Case Area CSS
12. Counter Area CSS
13. Portfolio Area CSS
14. Brand Area CSS
15. Faq Area CSS
16. Contact Area CSS
17. Blog Area CSS
18. Footer Area CSS
19. Breadcum Area CSS
20. Single Service Area CSS


5. About Area CSS
6. Service Area CSS
7. Tab Area CSS
8. Team Area CSS
9. Counter Area CSS
10. Portfolio Area CSS
11. Faq Area CSS
12. Contact Area CSS
13. Blog Area CSS
14. Footer Area CSS
15. Breadcum Area CSS
16. Single Team Area CSS
17. Feature Area CSS

*/

/* ======= site font family ==========*/


:root{
    --blackc: #000;
    --whitec: #fff;
    --bgcolor: #30180c;
    --brcolor: #4d8130;
    --paracolor: #333333;
    --linkcolor: #fcc800;
    --titlecolor: #000000;
}
html,body{
    overflow-x: hidden;
}

h1,h2,h3,h4,h5,h6,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{
    font-size: 18px;
    font-weight: 700;
    color: var(--titlecolor);
    line-height: 1.2;
    font-family: "Oswald", sans-serif;
    padding: 0;
    margin-bottom: 10px;
    
}
h1,
h1 a{
    font-size: 30px;
}
h2,
h2 a{
    font-size: 18px;
}
h3,
h3 a{
    font-size: 18px;
}
/* h4,
h4 a{
    font-size: 18px;
} */
h5,
h5 a{
    font-size: 16px;
}
h6,
h6 a{
    font-size: 15px;
}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{ 
    color:inherit;    
}
a{
    text-decoration: none;
    color: var(--paracolor);
    transition: .5s;
}
a:hover{
    color: var(--brcolor);
}
.witr_all_pd0{
    padding: 0;
}
/* highlight color css */
.highlight{
    color: var(--brcolor);
}


.slider_area .slick-prev, .slider_area .slick-next {
    background: none;
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 0;
    opacity: 0;
    visibility: hidden;
}
.slider_area:hover .slick-prev, .slider_area:hover .slick-next{
    opacity: 1;
    visibility: visible;
}
.slider_area .slick-prev{
    left: 0;
}
.slider_area .slick-next{
    right: 10px;
}
.slider_area .slick-prev::before ,.slider_area .slick-next::before{
    content: '\eac9';
    font-family: IcoFont;
    color: var(--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{
    background-color: var(--whitec);
    color: var(--blackc);
}
/* golobal slick defult arrow css */
.slick-prev , .slick-next{
    position: absolute;
    top: 50%;
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 100%;
    z-index: 9999;
    outline: none;
    border: none;
    font-size: 0;
    background: none;
    transform: translateY(-50%);
    transition: 1s;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
}
.slick-prev{
    left: 20px;
}
.slick-next{
    right: 40px;
}
.slick-prev::before ,.slick-next::before{
    content: '\eac9';
    font-family: IcoFont;
    display: inline-block;
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 100%;
    font-size: 45px;
    font-weight: 700;
    background-color: var(--bgcolor);
    color: var(--whitec);
    transition: 1s;
}
.slick-next::before{
    content: '\eaca';
}
.slick-prev:hover::before ,.slick-next:hover::before{
    background-color: var(--secondary-color);
    color: var(--whitec);
}

/*======== shop area start ==========*/
.shop_area {
    padding: 60px 0 50px;
    position: relative;
}
/* single page shop area css */
.single_page_shop{
    padding: 100px 0 100px;
}
.product_shop{
    padding: 120px 0 50px;
}
/* section title area css */
.section_title_area {
    margin-bottom: 35px;
}
.section_title_area h2{
    font-size: 18px;
    font-weight: 500;
    color: var(--brcolor);
    text-transform: uppercase;
}
.section_title_area h3{
    font-size: clamp(25.59px, 2.031vw, 78px);
    font-weight: 600;
    letter-spacing: -0.39px;
}
.shop_area .portfolio_nav_all {
    padding: 10px 0 50px;
}
/* inner shap right img css */
.inner_shap_right_img {
    position: absolute;
    top: -335px;
    right: -200px;
    z-index: 1;
    animation: witr_movetb_box45 5s linear 1s infinite alternate running;
}
@keyframes witr_movetb_box45 { 
    0% { transform: translateX(0px); 
    }
    100% { transform: translateX(45px);
     }
}
/* inner shap middle img css */
.inner_shap_middle {
    position: absolute;
    top: 31%;
    right: 5%;
    z-index: -1;
    animation: witr_movetb_box45 5s linear 1s infinite alternate running;
}
/* inner shap bottom area css */
.inner_shap_bottom{
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
    animation: witr_movetb_box45 5s linear 1s infinite alternate running;
}
.shop_area .shop_nav_area ul li{
    font-size: 18px;
    font-weight: 500;
    border: 2px dashed var(--bgcolor);
    border-radius: 100px;
    padding: 14px 30px 14px 40px;
}
.shop_area .shop_nav_area ul li:hover{
    background-color: var(--brcolor);
    color: var(--whitec);
    border: 2px dashed transparent;
}
.shop_area .shop_nav_area ul li.current_menu_item{
    background-color: var(--brcolor);
    color: var(--whitec);
    border: 2px dashed transparent;
}
.shop_title{
    margin-bottom: 55px;
}
.shop_title p{
    margin: 0 auto;
}
.inner_shop_area{
    background-color: var(--whitec);
    margin-bottom: 20px;
    text-align: center;
    background-color: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 10px 0px;
    border: 2px dashed var(--whitec);
    border-radius: 10px;
    padding: 20px 20px 10px;
    transition: .2s;
}
.inner_shop_area:hover{
    border: 2px dashed var(--brcolor);
}
.inner_shop_img {
    position: relative;
    overflow: hidden;
    text-align: center;
    transition: .5s;
}
.inner_shop_img img{
    margin: 0 auto;
    width: 270px;
    height: 360px;
}
/* inner shop icons css */
.inner_shop_icons {
    position: absolute;
    bottom: -50px;
    left: 0;
    right: 0;
    transition: .5s;
}
.inner_shop_area:hover .inner_shop_icons{
    bottom: 20px;
}
/* inner shop icons css */
.inner_shop_icons a{
    display: inline-block;
    width: 38px;
    height: 38px;
    line-height: 38px;
    border-radius: 100%;
    text-align: center;
    background-color: var(--whitec);
    color: var(--titlecolor);
}
.inner_shop_icons a:hover{
    background-color: var(--brcolor);
    color: var(--whitec);
}
/* inner shop content css */
.inner_shop_content {
    padding: 10px 0 20px;
}
.inner_shop_content h3 a{
    font-weight: 600;
}
.inner_shop_content p{
    font-weight: 700;
    color: var(--brcolor);
    margin: 0;
}
.inner_shop_content i {
    display: inline-block;
    margin-top: 12px;
    font-size: 19px;
    color: #ffc107;
}
/* select items area css */
.inner_single_course_right_select{
    border-radius: 5px;
    border: 1px solid #e8e8e8;
    padding: 10px 20px;
    outline: none;
    cursor: pointer;
}
.inner_shop_title {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
}
/* shop btn area css */
.shop_btn_area {
    margin-top: 30px;
}
.shop_btn_area a {
    display: inline-block;
    font-size: 18px;
    font-weight: 400;
    padding: 17px 50px;
    background-color: var(--brcolor);
    color: var(--whitec);
    text-align: center;
    border-radius: 30px;
}
.shop_btn_area a:hover{
    background-color: var(--bgcolor);
    color: var(--whitec);
}
/* select items css */
.select_items {
    border-radius: 5px;
    border: 1px solid #ddd;
    padding: 10px 20px;
    outline: none;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
}
.inner_shop_title_right{
    display: flex;
    align-items: center;
}
.inner_shop_right_icon a {
    font-size: 22px;
    margin: 1px 0 0;
    padding: 7px 9px;
    display: inline-block;
    margin-left: 10px;
    border-radius: 5px;
    color: #333;
    border: 1px solid #e8e8e8;
}
.inner_shop_right_icon a.active_shop_icon{
    background-color: var(--brcolor);
    color: var(--whitec);
}
/* style 2 shop area css */
.style2_shop_area{
    padding: 150px 0 50px;
    position: relative;
}   	
/* style 2 shop right shap css */
.style2_shop_right_shap {
    position: absolute;
    top: 120px;
    right: 60px;
    animation: witr_movetb_box45 5s linear 1s infinite alternate running;
}
.style2_shop_area .section_title_area{
    margin-bottom: 50px;
}
.style2_shop_area .inner_shop_area{
    margin: 10px 15px;
}
.shop_area:hover .slick-prev ,.shop_area:hover .slick-next{
    opacity: 1;
    visibility: visible;
}
/*======== shop area end ==========*/