.Hm_wrapper{clear: both; width: 100%; background-color: var(--lightbgcolor);}
/*hero section*/
.Hm_hero{clear: both; width: 100%; position: relative; padding-top: 20px;}
.Hm_hero_main{width: 100%; display: flex; grid-gap:10px; flex-wrap: wrap;}
.Hm_hero_left{width:68.5%; position: relative;}
.Hm_hero_right{width: calc(31.5% - 10px); position: relative;}
.Hm_hero_leftimg,._hm_hero_rightimg{width: 100%; display: flex; height: 100%; border-radius: 25px;}
.Hm_hero_txtlayer{position: absolute; right: 0; width: 100%; bottom: 0; min-height: 60%; background: linear-gradient(rgba(0,0,0,0), #333333); display: flex; justify-content: center;
align-items: flex-end; padding-bottom:13.5%;}
.Hm_hero_txtlayerhd{font-size: 36px; line-height: 46px; color: var(--white); font-weight: 800; text-align: center; padding: 0 15px; margin: 0 0 30px; }
.Hm_hero_layermn{max-width: 350px; text-align: center;}
.Hm_hero_cta{display: inline-flex; position: relative; font-size: 14px; letter-spacing: 0.5px; color: var(--white); text-transform: uppercase; padding: 10px 25px; border:solid 1px var(--white);
text-decoration: none; border-radius: 8px; font-weight: 700; transition: 0.35s;}
.Hm_hero_cta:hover{border-color: var(--themeColor); color: var(--themeColor); text-decoration: none;}
.Hm_hero_left .popular-categories{padding: 0; float: left; width: 100%;}
._hm_hero_rightmbimg{display: none;}

.Hm_hero_left .owl-carousel.home-herobanner .owl-nav .owl-next{right: 25px; background: rgba(var(--rgbWhite), 0.7); position: absolute;
top: 50%; width: 34px;  height: 34px; border: solid 2px var(--basecolor); border-radius: 50%; display: flex; align-items: center; z-index: 1; justify-content: center; margin-top: -17px;}
.Hm_hero_left .owl-carousel.home-herobanner .owl-nav .owl-prev{left: 25px; background: rgba(var(--rgbWhite), 0.7); position: absolute;
top: 50%; width: 34px;  height: 34px; border: solid 2px var(--basecolor); border-radius: 50%; display: flex; align-items: center; z-index: 1; justify-content: center; margin-top: -17px;}
.home-herobanner{float: left; width: 100%; position: relative;}      
.Hm_hero_left .owl-carousel.home-herobanner .owl-nav .owl-next.disabled,.Hm_hero_left .owl-carousel.home-herobanner .owl-nav .owl-prev.disabled{opacity: 0.35; }
.home-herobanner:not(.owl-loaded) ~ .Hm_hero_btncntrols{display: none}

.Hm_hero_btncntrols{position: absolute; bottom: 25px;left: 50%;transform: translateX(-50%);z-index: 2;width: 156px;height: 45px;border: solid 1px rgba(255, 255, 255, 0.4);background: rgba(155, 155, 155, 0.37);
    backdrop-filter: blur(4px) brightness(135%);-webkit-backdrop-filter: blur(4px) brightness(135%); border-radius: 8px; display: flex; flex-wrap: wrap;}
.Hm_hero_btncntrols .owl-prev{width: 50px;border: none;height: 43px; background: none; cursor: pointer;border-right: solid 1px rgba(255,255,255,0.20); display: flex; align-items: center; justify-content: center;}
.Hm_hero_btncntrols .owl-next{width: 50px;border: none;height: 43px; background: none; cursor: pointer;border-left: solid 1px rgba(255,255,255,0.20); display: flex; align-items: center; justify-content: center;}   
.Hm_hero_btncntrols .Hm_tpcat_prev, .Hm_hero_btncntrols .Hm_tpcat_nxt{width: 8px; height: 16px; fill: var(--white);}
.Hm_hero_slidcntrols {width: 53px;display: flex; height: 43px;overflow: hidden; flex-wrap: wrap; align-items: center; justify-content: center; cursor: pointer;}
.icon_play_btn{width: 15px; height: 14px;}
.icon_pause_btn{width: 7px; height: 15px;}

@media only screen and (min-width:1501px)
{   
    .container.hero_container,.Click_Collect_cta > .container{max-width: 1440px;}
}

@media only screen and (min-width:992px)
{
  .Hm_hero_left .owl-carousel.home-herobanner .owl-nav .owl-next:not(.disabled):hover,.Hm_hero_left .owl-carousel.home-herobanner .owl-nav .owl-prev:not(.disabled):hover{ border-color: var(--themeColor); transition: 0.3s;} 
  .Hm_hero_left .owl-carousel.home-herobanner .owl-nav .owl-next:not(.disabled):hover .Hm_tpcat_nxt,.Hm_hero_left .owl-carousel.home-herobanner .owl-nav .owl-prev:not(.disabled):hover .Hm_tpcat_prev{fill: var(--themeColor);} 
  
  .Hm_hero_right > a{display: flex; height: 100%;}
  .home-herobanner:not(.owl-loaded) ~ .Hm_hero_btncntrols{display: none;}
  .Hm_hero_right{aspect-ratio: 1 / 1.125; overflow: hidden;}
  .Hm_hero_left{aspect-ratio:1 / .505; overflow: hidden;}
}
@media only screen and (max-width: 991px)
{
    .Hm_hero_main{flex-wrap: wrap; grid-gap: 0;}
    .Hm_hero_right,.Hm_hero_left{width: 100%;}
    .Hm_hero_right{padding-top: 10px;}
    ._hm_hero_rightimg{display: none;}
    ._hm_hero_rightmbimg{display:block; width: 100%; border-radius: 15px;}
    .Hm_hero_leftimg{border-radius: 15px;}
    .Hm_hero_txtlayer{height: 100%; background: rgba(0,0,0,0.4);}
    .Hm_hero_txtlayerhd{font-size: 24px; line-height:1.583;}
}
/* End hero section*/

/*Click and Collect*/
.Click_Collect_cta{clear: both; width: 100%; position: relative; padding-top: 10px;}
.Click_Collect_ctaicn{width: 100%; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; border-radius: 25px; background-color: #BBD4C4;}
.click_collect_ctatxt{font-size: 24px; line-height: 32px; color: var(--primaryColor); font-weight: 600;}
.icon_click_collect{width: 41px; height: 40px;}
.click_collect_ctalnk{display: inline-flex; align-items: center; width: 100%; pointer-events: none; grid-gap: 30px;padding: 20px 30px 25px; justify-content: center;  flex-wrap: wrap; text-decoration: none;}
.click_collect_ctalnk:hover{text-decoration: none;}
@media only screen and (max-width:991px)
{
   .icon_click_collect {width: 25px; height: 25px;}
   .click_collect_ctatxt{font-size: 18px; line-height: 28px;}
   .Click_Collect_ctaicn{border-radius: 15px;}
   .click_collect_ctalnk{padding: 16px 30px 18px; grid-gap: 20px;}
}
@media only screen and (max-width:480px)
{
    .click_collect_ctalnk {padding: 16px 10px 18px;grid-gap: 13px; font-size: 16.5px;}
}
/*End Click and Collect*/

/*Home top content*/
.Hm_tp_contnt{clear: both; width: 100%; padding: 40px 0 30px; }
.Hm_tp_cntnthd{text-align: center; font-size: 24px; line-height: 32px; color: var(--primaryColor); font-weight: 700; margin: 0 0 15px; padding: 0 18%;}
.Hm_tp_cntntmn > p{color: var(--basecolor); font-size: 16px; line-height: 24px; text-align: center;}
@media only screen and (max-width:991px)
{
    .Hm_tp_cntnthd {font-size: 18px; line-height: 28px; color: var(--basecolor); padding: 0;}
    .popular-categories.owl-carousel .owl-stage{display: flex;}
    .popular-categories.owl-carousel .owl-stage .owl-item{display: flex; flex-wrap:wrap; align-items: center; padding-left: 2px;}
    .Hm_tp_cat_item{height: 100%;}
    .Hm_tp_cat_itemmn { height: 100%;}
}
/*End Home top content*/



/*Top category*/
.Hm_tp_cat{width: 100%; clear: both; position: relative; margin: 0; padding: 50px 0 50px; background-color: var(--lightgray);}
.Hm_tp_catstitle{width: 84px; margin-left: calc((100% - 1324px) / 2); font-size: 12px; line-height: 16px; text-transform: uppercase; font-weight: 700; color: var(--basecolor); }
.Hm_tp_catwr{/*width: calc(100% - 84px);*/ padding-top:0; position: relative; width: calc( 1270px + ((100% - 1384px) / 2)); padding-left: 20px;}

.popular-categories{padding: 0 0 0 45px;}
.Hm_tpcat_nxt,.Hm_tpcat_prev{width: 6px; height: 12px;}
.Hm_tp_catmn > .container{display: flex; flex-wrap: wrap; align-items: center;}
.Hm_tp_catmn{width: 100%; clear: both; margin: 0; padding: 0; display: flex; flex-wrap: wrap; align-items: center;}
.Hm_tp_cat_item{width: 100%; margin:0; padding:2px 1px; }
.Hm_tp_cat_itmlnk{display: flex; width: 100%; padding:0 5px; border:solid 1px var(--menuListborder); border-radius: 8px; align-items: center; text-decoration: none; background-color: var(--white);
transition: all 0.35s;}

.Hm_tp_cat_itmlnk:hover {border-color: var(--themeColor); text-decoration: none;}
.Hm_tp_cat_itmlnk:hover span{color: var(--themeColor); }

.owl-carousel .owl-item .Hm_tp_catimg{width: 64px; height: 64px;}
.Hm_tp_catname{font-size: 12px; line-height: 16px; color: var(--primaryColor); padding-left: 5px; transition: all 0.35s;}
.owl-carousel.popular-categories .owl-nav .owl-prev{position: absolute;  left: 0;  top: 50%; width: 34px;  height: 34px;  border: solid 2px var(--basecolor); border-radius: 50%; display: flex
; align-items: center; z-index: 1; justify-content: center; margin-top: -17px;}
.owl-carousel.popular-categories .owl-nav .owl-next{position: absolute;  right:20px;  top: 50%; width: 34px;  height: 34px;  border: solid 2px var(--basecolor); border-radius: 50%; display: flex
    ; align-items: center; z-index: 1; justify-content: center; margin-top: -17px; background-color: #fff;}
.popular-categories .owl-stage  .owl-item.active{opacity:1; pointer-events: all;}
.popular-categories .owl-stage  .owl-item{opacity: 0.5;  pointer-events: none;}
.popular-categories.owl-carousel .owl-stage{padding-left:0px !important;}
/* .popular-categories .owl-stage-outer::before { content: ''; display: block; background: #f4f4f4; position: absolute;  right: 0;  top: 0; height: 100%;  opacity: .7;  z-index: 10;
    width: calc(16.66% - 10px);} */
.Hm_tpcat_nxt{position: relative; transform: rotate(180deg);}  


@media only screen and (min-width:992px)
{
    .container.Hm_cat{display: flex; flex-wrap: wrap; max-width: 100%; padding: 0;}
}


@media only screen and (min-width:992px) and (max-width:1200px)
{
    /* .popular-categories.owl-carousel .owl-stage {margin-left: -25.15%;} */
}
@media screen and (max-width: 991px) {

    .Hm_tp_cat_itmlnk{padding: 20px 15px; text-align: center; height: 100%; justify-content: center;}
    .Hm_tp_catname{padding: 0;}
    .Hm_tp_cat{padding: 0; background-color: transparent;}
    
    /* .popular-categories.owl-carousel .owl-stage{margin: 0;} */
}

/*End Top category*/

/*top page common cta*/
.Mn_brndcta{display: block; width: 100%; clear: both; position: relative; padding:0 0 35px;}
.Tp_ctamain{display: flex; width: 100%;}
.Tp_cta_cntnr{display: flex; justify-content: space-between; width: 100%;}
.Tp_ctabx{width: 30%; display: inline-flex; align-items:center; justify-content: center;}
.Tp_cta_icn{display: inline-flex; margin: 0 10px 0 0; fill: var(--primaryColor); align-items: center;}
.diy_save{width: 22px; height: 36px;}
.Tp_cta_nm{color:var(--basecolor); font-weight: 600; font-size:18px; line-height: 25px;}
.diy_video{width: 34px; height: 33.5px;}
.Range_styles{width: 36px; height: 36px;}
.click_collect{width: 24px; height: 39.5px;}

@media only screen and (max-width: 991px)
{
	.Tp_ctabx:not(.active){display: none;}
  	.Tp_cta_cntnr{justify-content: center; min-height: 40px;}
    .Tp_ctabx{width: 100%;}
    .Tp_ctabx{font-size: 16px; line-height: 32px;}
    .Tp_cta_nm{font-size: 16px;}
    .Tp_cta_icn{min-height: 50px;}

}
/* end page commin cta*/

/*Home Product list*/
.Hm_prdct_listmn{clear: both; width: 100%; position: relative; margin: 0; padding: 35px 0;}
.Hm_prdct_liststitle{width: 100%; clear: both; margin: 0 0 25px; position: relative;}
.Hm_prdct_listshd{position: relative; font-size: 24px; line-height: 32px; color: var(--primaryColor); font-weight: 700; padding:0; margin: 0;}
.Hm_prdct_listshd > a{color: var(--primaryColor); text-decoration: none;}
.Hm_prdct_listshd::after{content: ''; margin: 10px 0 0; display: block; width: 116px; height: 2px; background-color: var(--themeColor);}
.Hm_prdct_listbxmn{clear: both; width: 100%; margin: 0;}
.owl-carousel.Hm_prdct_listgrid{width: 100%; grid-template-columns: repeat(4, 1fr); grid-gap: 30px;}
.Hm_prdct_listbx{position: relative; border-radius: 15px; background-color: var(--white); box-shadow: 0px 3px 3px rgba(0,0,0,0.16); transition: 0.35s; border:solid 1px transparent;}
.Hm_Prdct_listbximg{position: relative; width: 100%; overflow: hidden;}
.Hm_Prdct_listbximg::before{content:""; display: block; padding-top: 100%;}
.Hm_prdct_listimg{position: absolute; left: 50%; top:50%; width: auto; height: auto; max-width: 100%; max-height: 100%; transform: translate(-50%,-50%);}
.Hm_prdct_listimglnk{display: block;}
.Hm_prdct_listimg{max-width: 100%; display: block; border-radius: 15px 15px 0 0;}
.Hm_prdct_liststag{position: absolute; left: -1px; top:22px; width: auto; max-width: 100%; font-size: 12px; color: var(--white); background-color: var(--baseDarktheme); font-weight: 700;
line-height: 18px; padding: 6px 15px; text-transform: uppercase; z-index: 2;}
.Hm_prdct_list_name{width: 100%; padding: 15px 30px; font-size: 15px; font-weight: 700; line-height: 21px; color: var(--basecolor);}
.Hm_prdct_list_name > a{color: var(--basecolor); text-decoration: none;}
.Hm_prdct_list_dscp{width: 100%; clear: both; padding: 0 30px 0; margin: 0 0 15px;}
.Hm_prdct_special_text {font-size: 12px; line-height: 18px; font-weight: 700; color: var(--themeColor); margin-top: 5px;}
.Hm_prdct_lst_ul{list-style-type: none; margin: 0; padding: 0;}
.Hm_prdct_list_li{font-size: 12px; line-height: 18px; color: var(--basecolor); position: relative; padding-left: 15px; margin: 0 0 2px;}
.Hm_prdct_list_li::before{content: ''; position: absolute; left: 0; top:7px; border-radius: 50%; width: 4px; height: 4px; background-color:var(--menuListborder); display: block;}
.Hm_prdct_list_actninfo{width: 100%; clear: both; padding: 0 15px 0 30px; display: flex; flex-wrap: wrap; justify-content: space-between;}
.Hm_prdct_listprcinfo{width: auto;}
.Hm_prdct_buybtn{width: 100%; justify-content: center; display: flex; padding: 20px 0 0; align-items: flex-end;}
.Hm_prdct_listprcmn{display: flex; grid-gap: 6px; align-items:end;}
.Hm_prdct_listprc{font-size: 21px; font-weight: 700; color: var(--baseDarktheme); line-height: 23px;}
.Hm_prdctlst_oldprc{font-size: 14px; line-height: 18px; color: var(--basecolor); font-weight: 300; text-decoration: line-through;}
.Hm_prdct_prcdiscount{clear: both; font-size: 12px; line-height: 24px; font-weight: 700; color: var(--baseDarktheme);}
.Hm_prdct_listbuybtn{font-size: 12px; line-height: 24px; font-weight: 700; color: var(--primaryColor); text-decoration: none; display: inline-flex; 
border:solid 1px var(--menuListborder); padding: 6px 20px; border-radius: 8px; transition: all 0.35s;}
.Hm_prdct_listcmpare{width: 100%; clear: both; padding: 20px 30px 25px; text-align: center;}    
.Hm_compare_chkbx{position: relative; display: inline-flex; padding-left: 20px; font-size: 12px; line-height: 18px; color: var(--basecolor); cursor: pointer;}
.Hm_prdct_checkmarks{content: ''; position: absolute; left: 0; top:2px; border: solid 1px var(--basecolor); width: 13px; height: 13px;}
.Hm_compare_chkbx input{position: absolute;width: 0; height: 0;}
.Hm_compare_chkbx input:checked ~ .Hm_prdct_checkmarks{background: url('../images/checked-icon.svg') no-repeat center; background-size: cover;}
.Hm_prdct_listviewbtn{width: 100%; margin: 50px 0 0; clear: both; display: flex; justify-content: center;}
.Hm_listviewbtn{width: 220px; max-width: 100%; display: inline-flex; justify-content: center; align-items: center; font-size: 16px; font-weight: 700; line-height: 24px; text-transform: uppercase;
letter-spacing: 0.5px; color: var(--primaryColor); border:solid 1px var(--primaryColor); text-decoration: none; min-height: 52px; padding: 10px 30px; border-radius: 8px; transition: 0.35s; position: relative;
overflow: hidden;}
.Hm_listviewbtn:hover{color: var(--themeColor); border-color: var(--themeColor); text-decoration: none;}
.Hm_prdct_listprc_bold {  font-size: 21px;   font-weight: 700;   color: var(--basecolor);   line-height: 23px;}
.nocompare-product{font-size: 16px; line-height: 24px; color: var(--basecolor); text-align: center;}




@media only screen and (max-width:1500px)
{
    .Hm_tp_catstitle{margin-left: calc(4% + 15px);}
    .Hm_tp_catwr{width: calc(96% - 99px);}
    .Hm_prdct_list_name{padding: 15px 20px;}
    .Hm_prdct_list_dscp{padding:0 20px 0;}
    .Hm_prdct_list_actninfo{padding: 0 15px 0 20px;}
}
@media only screen and (max-width: 1200px)
{
    .owl-carousel.Hm_prdct_listgrid{grid-template-columns: repeat(3, 1fr);}
}
@media screen and (min-width:992px)
{
    .owl-carousel.Hm_prdct_listgrid{display: grid;}
    .Hm_prdct_listcta{display: block;}
    .Hm_prdct_listbx{display: grid; grid-template-rows: subgrid; grid-row: auto / span 5; grid-gap: 0;}
    /* Support grid feature*/
    /*@supports (grid-template-rows: subgrid) {
     .Hm_prdct_listbx { grid-template-rows: subgrid; }
    }*/

    .Hm_prdct_listbx:hover{border:solid 1px var(--themeColor);}
    .Hm_prdct_listbuybtn:hover{color: var(--themeColor); border-color: var(--themeColor); text-decoration: none;}

}

@media only screen and (max-width:991px)
{
    .Hm_prdct_listbuybtn:hover{color: var(--primaryColor); border-color: var(--primaryColor); text-decoration: none;}
    .Hm_prdct_listgrid .owl-item{padding: 5px 3px;}
    .Hm_prdct_list_actninfo{flex-wrap: wrap; padding: 0 15px 0 20px;}
    .Hm_prdct_buybtn {width: 100%;  text-align: center;    margin: 0;    padding: 20px 0 5px; }
    .Hm_tp_catstitle{width: 100%; margin: 0 0 20px; padding: 0; color: var(--primaryColor);  font-weight: 700; text-transform: inherit;   font-size: 18px; line-height: 32px;}
    .Hm_tp_catstitle::after{content: ''; margin: 5px 0 0; display: block;  width: 116px;   height: 2px; background-color: var(--themeColor);}
    .Hm_prdct_listcmpare{padding: 10px 20px 15px;}
    .Hm_prdct_listshd{font-size: 18px; line-height: 32px;}
    .Hm_tp_catwr{width: 100%;}
    .Hm_tp_catwr{padding-left: 0;}
    .popular-categories{padding: 0 45px 0 45px;}
    .owl-carousel .owl-item .Hm_tp_catimg{display: none;}
    .owl-carousel.popular-categories .owl-nav .owl-next{right: 0;}
    .Hm_prdct_listshd::after{margin: 5px 0 0;}

    .owl-carousel.Hm_prdct_listgrid{display: flex; overflow-x: hidden; flex-wrap: wrap; grid-gap: 0; max-height: 600px;}
    .owl-carousel.Hm_prdct_listgrid.owl-loaded{overflow-x: auto;  max-height: fit-content;}
    .owl-carousel.Hm_prdct_listgrid:not(.owl-loaded)  .Hm_prdct_listbx{width: 33.33%;}
    .owl-carousel.Hm_prdct_listgrid .owl-nav .owl-prev{position: absolute;  left: 0;  top: 50%; width: 34px;  height: 34px;  border: solid 2px var(--basecolor); border-radius: 50%; display: flex
        ; align-items: center; z-index: 1; justify-content: center; margin-top: -17px;}
    .owl-carousel.Hm_prdct_listgrid .owl-nav .owl-next{position: absolute;  right:0;  top: 50%; width: 34px;  height: 34px;  border: solid 2px var(--basecolor); border-radius: 50%; display: flex
            ; align-items: center; z-index: 1; justify-content: center; margin-top: -17px;}
    .Hm_prdct_liststitle{margin: 0 0 15px;}        
    
}

@media screen and (max-width:767px) 
{
    .owl-carousel.Hm_prdct_listgrid:not(.owl-loaded)  .Hm_prdct_listbx{width: 50%;}
    .Hm_prdct_list_actninfo{padding: 0 15px 0 20px;}  
}
@media only screen and (max-width:480px)
{
    .Hm_prdct_listprcmn{flex-wrap: wrap;}
}
/*End Home Product list*/


/* Home product list cta*/
.Hm_prdct_listcta{width: 100%; background-color: #54D8CA; padding: 0 15px; border-radius: 15px;  box-shadow: 0px 3px 3px rgba(0,0,0,0.16); display: block
; text-align: center; position: relative; }
.Hm_prdct_listctaimgbx{width: 100%; padding: 30px 0; text-align: center;}
img.Hm_prdct_listctaimg { display: inline-flex; width: 138px; max-width: 92%;}
.Hm_prdct_listctanm{font-size: 24px; font-weight: 700; width: 100%; line-height: 28px; text-align: center; padding:30px 0 25px;}
.Hm_prdct_listctatxt{font-size: 18px; line-height: 28px; font-weight: 700; text-align: center; padding: 0 0 30px;}
.Hm_prdct_listctlnkmn{width: 100%; clear: both; display: flex; justify-content: center; padding: 0 0 30px;}
.Hm_prdct_listctalnks{font-size: 16px; display: inline-flex; line-height: 24px; padding: 0 5px 5px; border-bottom: solid 1px var(--white); text-decoration: none; color: var(--basecolor);
transition: all 0.35s;}
.Hm_prdct_listctalnks:hover{color: var(--themeColor); text-decoration: none;}
.Hm_prdct_listctaterm{position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%); font-size: 12px; line-height: 24px; color: var(--white);}
.hm_prd_mcta{width: 100%; clear: both; margin: 40px 0 0; display: flex; flex-wrap: wrap; justify-content: center; display: none;}
.hm_prd_mctabx{background: var(--ctabg); padding: 20px; border-radius: 8px; display: flex; flex-wrap: wrap; grid-gap: 15px; align-items: center;}
.hm_prd_mctaicn{width: 58px;}
.Hm_prd_mctatxt{width: calc(100% - 73px);}
.Hm_prd_listctaimg{width: 58px;}
.Hm_prd_mctatitle{font-size: 18px; font-weight: 700; color: var(--basecolor); line-height: 1.43; margin: 0 0 6px;}
.Hm_prd_sbtitle{font-size: 15px; line-height: 1.43; margin: 0; font-weight: 700; margin: 0 0 2px;}
.Hm_prd_contnt{font-size: 14px; line-height: 1.43;}

@media only screen and (min-width:992px)
{
    .Hm_prdct_listcta{display: flex; grid-row: auto / span 5;  grid-gap: 0;}
}

@media only screen and (max-width:991px)
{
    .hm_prd_mcta{display: flex;}
    .hm_prd_mctabx{width: 100%; max-width: 480px;}
}
/* End Home product list cta*/

.hm_commin_sbtitle{position: relative;  font-size: 24px; line-height: 32px; color: var(--primaryColor); font-weight: 700; padding: 0; margin: 0;}
.hm_commin_sbtitle a{color: var(--primaryColor); text-decoration: none;}
.hm_commin_sbtitle::after{content: '';  margin: 10px 0 0;  display: block; width: 116px;  height: 2px; background-color: var(--themeColor);}
.Hm_shopby_title.hm_commin_sbtitle{margin: 0 0 30px;}
.Hm_shopby_title.hm_commin_sbtitle::after{margin:10px auto 0;}

/*Shop by brand*/
.Hm_shopby{clear: both; width: 100%; padding: 80px 0 60px; background-color: var(--white); margin-top: 35px;}
.Hm_shopby_mn{margin: 0 auto; max-width: 872px; width: 100%;}
.Hm_shopby_toptxt{width: 100%; text-align: center; margin: 0 0 15px;}
.Hm_shopby_text{font-size: 16px; line-height: 24px;}
.owl-carousel.shop_by_brand{width: 100%;}
.Hm_shopby_logomn{border:solid 1px var(--menuListborder); transition: 0.35s ease; position: relative; border-radius: 14px; box-shadow: 0 3px 6px rgba(0,0,0,0.16); aspect-ratio: 1 / 0.75; display: flex; justify-content: center; align-items: center;}
.Hm_shopby_logomn > a {position: absolute;display: flex;align-items: center; justify-content: center;top: 0;left: 0;height: 100%;}
.Hm_shopby_logoimg{max-width: 96%; max-height: 96%; width: auto; height: auto;}
.Hm_shopby_logos{width: 100%; clear: both; padding: 20px 0 0;}
.Hm_shopby_addmore{width: 100%; clear: both; text-align: center;  padding: 35px 0 0;}
.Hm_shopby_addmorelnk{font-size: 16px; line-height: 24px; color: var(--primaryColor); text-decoration: underline; display: inline-flex; transition: all 0.35s;}
.Hm_shopby_addmorelnk:hover{color: var(--themeColor);}

@media only screen and (min-width:992px)
{
    .owl-carousel.shop_by_brand{display: grid; grid-template-columns: repeat(5, 1fr); grid-gap: 20px;}
    .Hm_shopby_logomn:hover{border-color: var(--themeColor);}
    
}
@media only screen and (max-width:991px)
{
    .owl-carousel.shop_by_brand { width: 100%; padding: 0 37px 15px; }
    .owl-carousel.shop_by_brand .owl-stage-outer{padding: 0 0 15px;}
    .Hm_shopby_logomn{margin: 0 2px;}
    .owl-carousel .owl-dots{width: 100%; display: flex; justify-content: center; grid-gap: 10px; margin-top: 15px;}
    .owl-carousel.Hm_prdct_listgrid .owl-dots{margin-top: 25px;}
    .owl-carousel .owl-dots > .owl-dot{width: 11px; height: 11px; border-radius: 50%; border:solid 1px var(--primaryColor); background-color: var(--white);}
    .owl-carousel .owl-dots > .owl-dot.active{background-color: var(--primaryColor);}
    .owl-carousel.shop_by_brand  .owl-nav .owl-prev{position: absolute;  left: 0;  top: 50%; width: 34px;  height: 34px;  border: solid 2px var(--basecolor); border-radius: 50%; display: flex; 
        align-items: center; z-index: 1; justify-content: center; margin-top: -40px;}
    .owl-carousel.shop_by_brand  .owl-nav .owl-next{position: absolute;  right:0;  top: 50%; width: 34px;  height: 34px;  border: solid 2px var(--basecolor); border-radius: 50%; 
    display: flex; align-items: center; z-index: 1; justify-content: center; margin-top: -40px;}
    .hm_commin_sbtitle{font-size: 18px;}
    .Hm_shopby{margin-top: 10px;}
    .Hm_shopby{padding: 35px 0;}
    .Hm_shopby_title.hm_commin_sbtitle{margin-bottom: 22px;}
    .Hm_shopby_addmore{padding: 15px 0 0;}
}
/* End shop by brand*/

/*why hasting mower*/
.Hm_why{width: 100%; clear: both; padding:50px 0 45px; margin: 0; background-color: var(--lightgray);}
.Hm_why_mn{position: relative; display: flex; flex-wrap: wrap; grid-column-gap: 40px;}
.hm_why_left{width: calc(58.33% - 20px);}
.Hm_why_right{width: calc(41.66% - 20px);}
.hm_why_img{display: block; width: 100%;}
.Hm_why_titel{clear: both; width: 100%; margin: 0 0 45px;}
.Hm_why_gridbx{width: 100%; display:grid; grid-template-columns:repeat(2, 1fr); grid-gap: 45px;}
.Hm_why_box{width: 100%; display: grid; grid-template-columns: 110px calc(100% - 110px);}
.hm_why_icon1{width: 80px; height: 73px;}
.hm_why_icon2{width: 81px; height: 73px;}
.hm_why_icon3{width: 66px; height: 70px;}
.hm_why_icon4{width: 67px; height: 76px;}
.Hm_why_boxtxt{padding-right: 10px;}
.Hm_why_boxtitle{font-size: 18px; font-weight: 600; line-height: 32px; margin: 0 0 5px;}
.Hm_why_text{font-size: 16px; line-height: 24px;}

@media only screen and (max-width:1200px)
{
    .Hm_why_gridbx{grid-template-columns: 1fr; grid-gap: 20px;}
    .Hm_why_box{grid-template-columns: 101px calc(100% - 101px);}
}
@media only screen and (max-width:991px)
{
    .hm_why_left{width: 100%;}
    .Hm_why_right{display: none;}
}
/*why hasting mower*/

/*tips*/
.Hm_news{width: 100%; clear: both; padding: 75px 0 75px;}
.Hm_news_title{width: 100%; text-align: center; padding: 0 0 50px;}
.Hm_news_title .hm_commin_sbtitle::after{margin-left: auto; margin-right: auto;}
.Hm_news_content{clear: both; margin: 0; position: relative;}
.Hm_news_items{position: relative; width: 100%; clear: both;}
.Hm_news_box{position: relative; clear: both; width: 100%;}
.Hm_news_imgbx{width: 100%; display: block; width: 100%;}
.Hm_news_box img{border-radius: 15px;}
.Hm_news_bxlayer{position: absolute; display: flex; align-items: flex-end; left: 0; bottom: 0; min-height: 50%; width: 100%; border-radius: 0 0 15px 15px; background: linear-gradient(180deg, rgba(0,0,0,0), #333);
padding: 0 25px 20px 25px; pointer-events: none;}
.hm_news_bxlayrtxt{color: var(--white); font-size: 18px; line-height: 32px; font-weight: 600; margin: 0; padding: 0;}
.Hm_news_bxcntnt{clear: both; width: 100%; margin: 25px 0 0; position: relative;}
.Hm_news_bxcntnt > p{font-size: 16px; line-height: 24px;}
.Hm_news_ul{list-style-type: none; margin: 0; padding: 0;}
.Hm_news_li{position: relative; display: block; margin: 0 0 10px; padding-left: 16px; font-size: 16px; line-height: 24px; color: var(--basecolor);}
.Hm_news_li::before{content: ''; width: 4px; height: 4px; background-color: var(--menuListborder); border-radius: 50%; position: absolute; left: 0; top:10px;}
.Hm_news_lnk{font-size: 16px; line-height: 24px; display: inline-flex; margin: 10px 0 0; text-decoration: underline; color: var(--primaryColor); transition: 0.35s;}
.Hm_news_lnk:hover{color: var(--themeColor);}

@media screen and (min-width:992px) 
{
    .owl-carousel.news_carousel{display: grid; grid-template-columns: repeat(3, 1fr); grid-column-gap: 30px;}    
}
@media only screen and (max-width:991px)
{
    .Hm_news{padding: 50px 0 45px;}
    .Hm_news_title {padding: 0 0 40px;}
    .news_carousel {padding: 0 37px;}
    .owl-carousel.news_carousel .owl-nav .owl-prev{position: absolute;  left: 0;  top: 50%; width: 34px;  height: 34px;  border: solid 2px var(--basecolor); border-radius: 50%; display: flex; 
        align-items: center; z-index: 1; justify-content: center; margin-top: -40px;}
    .owl-carousel.news_carousel  .owl-nav .owl-next{position: absolute;  right:0;  top: 50%; width: 34px;  height: 34px;  border: solid 2px var(--basecolor); border-radius: 50%; 
    display: flex; align-items: center; z-index: 1; justify-content: center; margin-top: -40px;}
    .Hm_news_lnk{margin: 10px 0 20px;}
}
/*tips*/

/*footer*/
footer{clear: both; width: 100%;}
.footer_top{width: 100%; background-color: var(--lightgray_vrnt2); position: relative;}
.footer_top_mn{width: 100%; clear: both; display: flex; flex-wrap: wrap; position: relative;}
.footer_top_special{width: 33.33%; padding:18px 0 17px;}
.footer_top_newsltr{width: 41.665%; display: flex; flex-wrap: wrap; padding:20px 10px 15px;}
.footer_newsltr_form{display: flex; flex-wrap: wrap; width: 100%;}
.footer_top_contact{width: 25%; padding:18px 0 17px; background-color: var(--menuListborder); text-align: center; display: flex; justify-content: center; align-items: center; position: relative;}
.footer_newsltr_textbox{max-width: 270px; width: 55%;  margin-right: 15px;}
.footer_newsltr_input{width: 100%; background-color: var(--white); height: 44px; border-radius: 8px; font-size: 16px; padding: 0 15px; border:none; outline: none;} 
.footer_newsltr_input.field_error{border:solid 1px var(--errorColor);}
.footer_newsltr_button{width: 136px; max-width: 100%; outline: none; transition: 0.35s; cursor: pointer; display: inline-flex; justify-content: center; align-items: center; font-size: 16px; text-transform: uppercase;
font-weight: 700;line-height: 24px; background-color: transparent; letter-spacing: 0.5px;color: var(--primaryColor);border: solid 1px var(--primaryColor);text-decoration: none;min-height: 44px;padding: 9px 30px; border-radius: 8px;}
.footer_newsltr_button:hover{color: var(--themeColor); border-color: var(--themeColor);}
.footer_top_special{display: flex; align-items: flex-end; grid-gap: 20px;}
.footer_top_leftimg{width: 122px; height: 109px;}
.footer_top_leftbxtxt{font-size: 18px; line-height: 24px; color: var(--basecolor); font-weight: 600; padding-left: 142px;}
.footer_top > .container{position: relative;}
.footer_top_leftpicbx{width: 122px; position: absolute; left: 0; bottom: 0;}
.footer_top_pholink{font-size: 24px; font-weight: 700; color: var(--primaryColor); text-decoration: none; line-height: 32px; transition: 0.3s; }
.footer_top_pholink:hover{color: var(--themeColor); text-decoration: none;}
.footer_top::before{content: ''; position: absolute; height: 100%; right:0; width: calc((100% - 1320px) / 2); background-color:var(--menuListborder);}
.footer_middle{width: 100%; clear: both; position: relative; background-color: var(--lightbgcolor);}
.footer_middle_main{width:100%; display: flex; flex-wrap: wrap; justify-content: space-between; position: relative; z-index: 1;}
.footer_middle_left{width: calc(75% - 30px); padding: 30px 0;}
.footer_middle_right{width: 25%; background-color:#eff5f1; padding: 30px  0 30px 20px;}
.footer_middle_title{font-size: 18px; font-weight: 700; line-height: 28px; border-bottom: solid 2px var(--themeColor); color: var(--basecolor); padding: 0 0 10px; margin: 0 0 20px;}
.footer_middle_lnksgrids{width: 100%; display: grid; grid-template-columns: repeat(3, 1fr); grid-column-gap:30px;}
.footer_middle_ul{list-style-type:none; margin: 0; padding: 0; width: 100%;}
li.footer_middle_lnk{display: block; margin: 0 0 12.5px;}
.footer_middle_lnk{color: var(--basecolor); font-size: 16px; text-decoration: none; transition: all 0.35s;}
a.footer_middle_lnk:hover { text-decoration: underline; color: var(--themeColor);}
.footer_middle_location{width: auto; padding: 15px 0 25px; display: inline-flex; align-items: center; grid-gap: 5px;}
.footer_location{width: 20px; height: 19px; fill: var(--primaryColor);}
.footer_dir_lnk{color: var(--primaryColor); text-decoration: none; font-size: 16px; line-height: 24px; transition:all 0.3s;}
.footer_dir_lnk:hover{color: var(--themeColor); text-decoration: none;}
.footer_datetime_info{width: 100%; display: grid; grid-template-columns: 95px calc(100% - 95px); margin: 0 0 10px;}
.footer_middle::after{content: ''; position: absolute; height: 100%; right:0; width: calc((100% - 1324px) / 2); top:0; background-color:#eff5f1;}
.footer_social_icn{clear: both; width: 100%; display: flex; justify-content: flex-end; margin-top: -5px;}
.footer_social_fb{display: inline-flex;}
.fb_icon{width: 39px; height: 39px;}
.footer_middle::before{content: ''; position: absolute; width: 32%; bottom: 0; aspect-ratio: 1.57 / 1; background: url('../images/footer_art_img.svg') no-repeat; background-position: left bottom; z-index: 0;
background-size: contain; opacity: 0.75;}
.footer_middle_addrss{font-size: 16px;}
.footer_bottom{width: 100%; clear: both; background-color: var(--basecolor); padding: 25px 0 15px;}
.footer_bottom_main{width: 100%; display: flex; justify-content: space-between;}
.footer_bottm_ul{list-style-type: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; grid-gap:10px 50px;}
.footer_bottom_lnk{font-size: 14px; line-height: 24px; color: var(--white); text-decoration: none; transition: 0.35s;}
.footer_bottom_lnk:hover{color: var(--themeColor);}
.footer_bottom_left{min-width: 60%;}
.footer_bottom_right{min-width: 35%; display: flex; justify-content: flex-end; flex-wrap: wrap;}
.footer_payments{width: 100%; display: flex; grid-gap: 10px 45px; justify-content: flex-end;}
.footr_payment_visa{width: 52px; height: 16px;}
.footr_payment_mstrcrd{width: 37px;}
.footr_payment_applepay{width: 47px;}
.footr_payment_gpay{width: 54px;}
.footer_btm_copyright{width: 100%; margin: 20px 0 0; display: flex; justify-content: flex-end; font-size: 12px; line-height: 24px; color: #A8A8A8;}
.footer_btm_copyright a{color: #A8A8A8; margin-left: 5px;}
.footer_middle_lnksgrids._no_grids{width: 100%; display: flex; flex-wrap: wrap;}
.footer_middle_ul._grid_colmns{display: grid; grid-template-columns: repeat(3, 1fr); grid-column-gap: 30px;}

.footer_bottom_rightlnkbx{width: 100%; display: flex; justify-content: flex-end; clear: both; align-items: center; padding: 15px 0 0; color: var(--white);}
.footer_bottom_rightlnkbx .footer_bottom_rightlnks{color: var(--white); font-size: 12px; line-height: 18px; font-weight: 400; transition: 0.3s;}
.footer_bottom_rightlnkbx .footer_bottom_rightlnks:hover{color: var(--themeColor);}
.footer_btm_copyright{margin: 5px 0 0;}
.footer_btm_seprator{display: inline-flex; margin:0 10px; font-size: 12px; line-height: 18px;}
@media only screen and (max-width:991px)
{
    .footer_bottom_rightlnkbx{justify-content: center;}
}


@media only screen and (max-width:1500px)
{
    .footer_middle::after{width: calc(4% + 15px);}
    .footer_top::before{width: calc(4% + 18px);}
}

@media only screen and (max-width:1200px)
{
    .footer_top_leftbxtxt{font-size: 16px; line-height: 22px; padding-left: 135px;}
    .footer_top_contact{align-items: flex-start;}
    .footer_datetime_info{font-size: 14px;}
    .footer_middle_addrss,.footer_dir_lnk,.footer_middle_lnk{font-size: 14px;}
    .footer_bottm_ul{grid-gap: 10px 25px;}
    .footer_payments{grid-gap: 10px 30px;}
}

@media only screen and (min-width:992px)
{
.footer_top_pholink{pointer-events: none;}
.footer_middle_location:hover .footer_location{fill: var(--themeColor);}
.footer_middle_location:hover .footer_dir_lnk{text-decoration: underline; color: var(--themeColor);}
}

@media only screen and (max-width:991px)
{
    .footer_top .container,.footer_middle .container{padding: 0; width: 100%;}
    .footer_top_contact{order: -1;width: 100%; padding: 15px 0 15px;}
    .footer_top_pholink{font-size: 18px; line-height: 24px;}
    .footer_top::before,.footer_top_leftpicbx{display: none;}
    .footer_top_special{width: 100%; padding: 20px 30px 15px;}
    .footer_top_leftbxtxt{padding: 5px 0 0;}
    .footer_middle::after{display: none;}
    .footer_top_newsltr{width: 100%; padding: 5px 30px 25px;}
    .footer_newsltr_textbox {max-width: calc(100% - 200px);  width: 100%;   margin-right: 15px; }
    .footer_middle_left,.footer_middle_right{width: 100%; padding: 20px 30px;}
    .footer_middle_right .footer_middle_title{width: 70%;}
    .footer_bottom_left,.footer_bottom_right{width: 100%;}
    .footer_bottom_main{flex-wrap: wrap;}
    .footer_payments{justify-content: flex-start; margin-top: 30px;}
    .footer_btm_copyright{justify-content: center;}
    .footer_dir_lnk:hover{color: var(--primaryColor); text-decoration: none;}
}

@media only screen and (max-width:767px)
{
    .footer_newsltr_textbox{max-width: 100%;  width: 100%;   margin-right: 0;}
    .footer_newsltr_button {font-size: 14px;}
    .footer_newsltr_butnbx {width: 100%; display: flex; justify-content: center; margin: 15px 0 0; }
   
    .footer_newsltr_button{font-size: 14px; width: 300px; max-width: 100%;}
}

@media only screen and (max-width:480px)
{
    .footer_newsltr_button{width: 100%;}
    
}
/*footer*/


/*Common Page loader*/
.loader{position:fixed; left: 0; top:0; width: 100%; height: 100%; display: none; justify-content: center;
align-items: center; background-color: rgba(255,255,255,0.6); z-index: 10; }
.loader.active{display: flex;}
.Ftr_grdbx::before{content: ''; position: absolute; left: 0; top:0; width: 100%; height: 100%; z-index: 10; display: none;
background:rgba(255,255,255,0.5) url('../images/loader.svg') no-repeat; background-position: center; background-size: 35px 35px;}
.Ftr_grdbx.show_loader::before{display: block;}
.gender{display:none;}
.has-error{color: red;}
.formerrors2{color: red;}
.formerrors{color: red;margin-bottom: 10px;}
.success-flash-message{color: green;}

/* carousel nav hover*/
.owl-carousel.popular-categories .owl-nav .owl-prev.disabled,.owl-carousel.popular-categories .owl-nav .owl-next.disabled{opacity: 0.5; pointer-events: none;}
.owl-carousel.popular-categories .owl-nav .owl-prev:hover,.owl-carousel.popular-categories .owl-nav .owl-next:hover{border-color: var(--themeColor); transition: 0.3s;}
.owl-carousel.popular-categories .owl-nav .owl-prev:hover .Hm_tpcat_prev{fill: var(--themeColor);}
.owl-carousel.popular-categories .owl-nav .owl-next:hover .Hm_tpcat_nxt{fill: var(--themeColor);}
/* carousel nav hover*/