*{
    margin:0; 
    padding: 0;
    box-sizing: border-box;
}
.body-section{
    padding: 30px;
    background: #EDEDED;
}
.whatsapp{position:fixed;bottom: 30px;right: 30px;z-index: 999;width: 50px;height: 50px;}
.whatsapp a{display: block;}
.whatsapp a img{width: 100%;}
.topheader{
    padding: 8px 0;
    border-bottom: 1px solid rgba(237, 237, 237, 0.9);
    background: #000;
}
.topheader .call-us{}
.topheader .call-us span{
    font-size: 14px;
    color: #fff;
    font-weight: 500;
}
.topheader .whislist{
    text-align: end;
}
.topheader .whislist span{
    font-size: 14px;
    color: #333;
    font-weight: 500;
}
.header{
    /* padding: 15px 0; */
    background: #fff;
}
.header .logo{
    padding: 15px 0;
}
.header .logo h2{margin:0;line-height: 54px;}
.header .logo h2 a{
    text-decoration: none;
    color: #6a6a6a;
    font-size: 24px;
}
.header .logo img{ margin-top: 4px; width: 89%;}
.header .menu-list{
    padding: 0px 15px;
}
.header .menu-list > ul{
    list-style: none;
    display: flex;
    justify-content: end;
    align-items: center;
    margin: 0;
}
.header .menu-list > ul > li{
    padding: 45px 20px;
    position: relative;
}
/* -------------------- sub menu css ------------------------ */
.header .menu-list ul li > .sub-menu {
    background: #fff;
    position: absolute;
    top: 100%;
    left:15%;
    z-index: 99;
    padding: 15px 20px;
    border: 1px solid #EDEDED;
    /* margin-top: 15px; */
    transition: .4s;
    opacity: 0;
    visibility: hidden;
    min-width: 235px;
}

.header .menu-list ul li > .sub-menu > ul {
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start;
    padding: 0;
    margin: 0;
    list-style-type: none;
}
.header .menu-list ul li > .sub-menu > ul > li{
    display: flex;
    align-items: center;
}
.header .menu-list ul li > .sub-menu > ul > li:before{
    content: "\f105";
    font-family: 'FontAwesome';
    color:  #B2955D;
    padding-right: 8px;
    font-size: 14px;
  
}
.header .menu-list ul li > .sub-menu > ul > li > a{
    white-space: nowrap;
    text-decoration: none;
    color: #333;
    display: block;
    padding: 2px 0;
    transition: padding-left .4s;
}
.header .menu-list ul li > .sub-menu > ul > li > a:hover{
    color: #B2955D;
    padding-left: 8px;
}
/* -------------------- sub menu css end ------------------------ */


.header .menu-list > ul > li > a{
    text-decoration: none;
    color: #333;
    font-weight: 500;
    display: flex;
    align-items: center;
}
.header .menu-list > ul > li > a.active,
.header .menu-list > ul > li > a:hover{
    color: #B2955D;
}
.header .menu-list > ul > li.has-submenu > a > i{
    font-size: 16px;
}
.header .menu-list .responsive-logo{
    display: none;
}
.header .menu-list .close-menu{ display: none;}
.header .menu-list .close-menu i{}

.header .toggle-menu{
    cursor: pointer;
    width: 45px;

    text-align: center;
    /* display: flex;
    align-items: center;    
    justify-content: center; */
    display: none;
}
.header .toggle-menu span{
    width: 40px; 
    height: 2px;
    background: #B2955D;
    display: block;
    position: relative;
}
.header .toggle-menu span:after,
.header .toggle-menu span:before{
    content: '';
    width: 80%; 
    height: 100%;
    background: #B2955D;
    display: block;
    position: absolute;
    left: 10%;
}
.header .toggle-menu span:after{ top: 8px;}
.header .toggle-menu span:before{ top: -8px; }
.slider-section .slider{
    width: 100%;
}
.slider-section .slider img{
    width: 100%;
}

.browse-section{
    background: rgb(255 238 156 / 14%);
    padding: 30px 0;
}
.browse-section .slider{
    width: 100%;
    position: relative;
    height: 400px;
    width: 100%;
}
.browse-section .slider img{
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.browse-section .slider-content{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0/ 40%);
    padding: 83px 100px;
}
.browse-section .slider-content .special-disc{
    padding: 8px 0;
}
.browse-section .slider-content .special-disc span{
    font-size: 18px;
    font-weight: 500;
    color: #e2b080;
}
.browse-section .slider-content .title{}
.browse-section .slider-content .title h2{
    margin: 0;
    color: #fff;
    font-weight: 300;
    padding-bottom: 1px;
    font-size: 46px;
}
.browse-section .slider-content .title h1{
    margin: 0;
    font-size: 43px;
    font-weight: 700;
    color: #fff;
    letter-spacing: -1px;
}
.browse-section .slider-content .view-btn{
    padding-top: 40px;
}
.browse-section .slider-content .view-btn a{
    text-decoration: none;
    color: #fff;
    background: #E2AB76;
    padding: 8px 14px;
    border-radius: 4px;
    font-size: 16px;
}




.disc-sale-flat{padding: 40px 10px;background: rgb(255 238 156 / 14%);}
.disc-sale-flat .first-dsf-box{ padding-left: 0;}
.disc-sale-flat .second-dsf-box{}
.disc-sale-flat .third-dsf-box{ padding-right: 0;}
.disc-sale-flat .dsf-box{
    overflow: hidden;
    position: relative;
}
.disc-sale-flat .dsf-box img{
    width: 100%; height: 100%; object-fit: cover;
    transition: .5s;
}
.disc-sale-flat .dsf-box:hover img{
    width: 110%;
}
.disc-sale-flat .dsf-box .dsf-box-wrapper{
    background-color: rgb(0 0 0/ 40%);
    width: 100%;
    height: 100%;
    padding: 60px 25px;
    position: absolute; top: 0; left: 0;
}
.disc-sale-flat .dsf-box > span{
    font-size: 24px;
    letter-spacing: -1px;
    font-weight: 500;
    color: #fff;
}
.disc-sale-flat .dsf-box .title{}
.disc-sale-flat .dsf-box .title span{
    font-size: 24px;
    font-weight: 300;
    color: #fff;
    line-height: 32px;
}
.disc-sale-flat .dsf-box .view-btn{
    padding: 20px 0;
}
.disc-sale-flat .dsf-box .view-btn a{
    color: #e4ad77;
    font-size: 15px;
    font-weight: 500;
}
.disc-sale-flat .discount{
    background: url('../images/zips/1.jpg');
    background-size: 100%;
    background-position: center;
    width: 100%;
    height: 200px;

    transition: background-size .4s;
}
.disc-sale-flat .discount:hover{
    background-size: 110%;
    background-position: center;
}
.disc-sale-flat .discount span{}
.disc-sale-flat .discount .title{}
.disc-sale-flat .discount .title span{}
.disc-sale-flat .discount .view-btn{
 
}
.disc-sale-flat .discount .view-btn a{

}
.disc-sale-flat .sale{
    background: url('../images/zips/2.jpg');
    background-size: 100%;
    background-position: center;
    width: 100%;
    height: 200px;
    transition: background-size .4s ;
}
.disc-sale-flat .sale:hover{
    background-size: 110%;
    background-position: center;
}
.disc-sale-flat .sale span{}
.disc-sale-flat .sale .title{}
.disc-sale-flat .sale .title span{}
.disc-sale-flat .sale .view-btn{}
.disc-sale-flat .sale .view-btn a{}
.disc-sale-flat .flat{
    background: url('../images/zips/3.jpg');
    background-size: 100%;
    background-position: center;
    width: 100%;
    height: 200px;
    transition: background-size .4s ;
}
.disc-sale-flat .flat:hover{
    background-size: 110%;
    background-position: center;
}
.disc-sale-flat .flat span{}
.disc-sale-flat .flat .title{}
.disc-sale-flat .flat .title span{}
.disc-sale-flat .flat .view-btn{}
.disc-sale-flat .flat .view-btn a{}

.trending{
    background: rgb(255 238 156 / 14%);
}
.trending .trending-title{
    text-align: center;
    padding: 10px 0 20px 0;
}
.trending .trending-title h3{
    font-weight: 600;
}
.product-section .trending-box,
.trending .trending-box{
    padding-bottom: 30px;
    margin: 0 5px;
}
.product-section .trending-box .trending-img,
.trending .trending-box .trending-img{
    position: relative;
    overflow: hidden;
}
.product-section .trending-box .trending-img img,
.trending .trending-box .trending-img img{
    width: 100%;
}

.product-section .trending-box .trending-content,
.trending .trending-box .trending-content{
    padding: 15px 0;
    position: relative;
    overflow: hidden;
}
.product-section .trending-box .trending-img .side-addtocart,
.trending .trending-box .trending-img .side-addtocart{
    position: absolute;
    bottom: -50px;
    left: 0;
    transition: left .4s;
    width: 100%;
    transition: bottom .4s;
}
.product-section .trending-box:hover .trending-img .side-addtocart,
.trending .trending-box:hover .trending-img .side-addtocart{
    bottom: 0;
}
.product-section .trending-box .trending-img .side-addtocart button,
.trending .trending-box .trending-img .side-addtocart button{
    text-decoration: none;
    color: #fff;
    background: #e2ab76;
    padding: 8px 0;
    border-radius: 4px;
    font-weight: 500;
    letter-spacing: 1px;
    width: 100%;
    display: block;
    text-align: center;
    font-size: 14px;
    border:none;
    outline:none;
}
.trending .trending-box .trending-content .title{
}
.product-section .trending-box .trending-content .title a,
.trending .trending-box .trending-content .title a{
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0px;
    color: #6a6a6a;
    text-decoration: none;
}
.slick-prev:before{
    content: "\f060";
    font-family: 'FontAwesome';
    color: white;
    background: #e2ab76;
    padding: 10px;
    z-index: 999;
    border-radius: 2px;
}
.slick-next:before{
    content: "\f061";
    font-family: 'FontAwesome';
    color: white;
    background: #e2ab76;
    padding: 10px;
    z-index: 999;
    border-radius: 2px;
}
.slick-prev{
    left: -45px;
    z-index: 999;
}



/* ===================== application page css ==================== */


.application{
    padding: 30px 20px;
    background: rgb(255 238 156 / 14%);
}
.application .app-box{
    height: 267px;
    background: #e7e7e7;
    margin: 10px 0;
    position: relative;
    overflow: hidden;
}
.application .app-box img{width: 100%;}
.application .app-box .app-box-wrapper{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 20%);
    /* display: flex; */
    /* justify-content: center; */
    /* align-items: center; */
}
.application .app-box .app-box-wrapper h4{
    color: #fff;
    background: #00000078;
    text-align: center;
    position: absolute;
    bottom: 5px;
    left: 0;
    padding: 4px 0;
    right: 0;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 18px;
}





/* ===================== shop page css ==================== */
.shop{
    background: rgb(255 238 156 / 14%);
    padding: 40px 0;
}
.shop .shop-row{
    display: flex;
    align-items: center;
}
.shop .shop-img{
    width: 100%;
    border: 1px solid rgb(237 237 237);
}
.shop .shop-img img{
    width: 100%;
    height: 100%;
}
.shop .shop-content{

}
.shop .shop-content .title{}
.shop .shop-content .title span{
    font-size: 31px;
    font-weight: 500;
    color: #333;
}
.shop .shop-content .color{padding-bottom: 13px;}
.shop .shop-content .color span{
    font-size: 16px;
    font-weight: 500;
}
.shop .shop-content .desc{
    padding: 15px 0;
}
.shop .shop-content .desc p{
    margin: 0;
    color: #777777;
    line-height: 25px;
    font-size: 15px;
}
.shop .shop-content .weight{}
.shop .shop-content .weight span{
    font-size: 16px;
    color: #333;
}

.related{
    padding: 15px 0;
}


/* ===================== catalog page css ==================== */
.catalog{
    background: #fff;
    padding: 30px 0;
}
.catalog .catalog-col{
    border: 1px solid #EDEDED;
    padding: 15px;
}
.catalog .catalog-content{
    display: flex;
    justify-content: space-between;
    align-items: start;
}
.catalog .catalog-content .title{}
.catalog .catalog-content .title h2{
    font-size: 50px;
}
.catalog .catalog-content .catalog-img{width: 160px;border: 1px solid #ededed;}
.catalog .catalog-content .catalog-img img{
    width: 100%;
}
.catalog .catalog-btn {}
.catalog .catalog-btn a{
    background: #e4ad77;
    color: #fff;
    text-decoration: none;
    padding:  8px 15px;
    border-radius: 4px;
    display: inline-block;
}




footer{
    background: url('../images/bg-contact.png') center 70px no-repeat #000;;
    padding: 50px 0
}
footer .footer-title{
    padding-bottom: 30px;
}
footer .footer-title h2{
    text-transform: uppercase;
    font-size: 2.5rem;
    color: #fff;
    letter-spacing: -1px;
    font-weight: 500;
}
footer .footer-add{
    padding: 20px;
}
footer .footer-add .info-details{
    display: flex;
    margin-bottom: 20px;
}
footer .footer-add .info-details .footer-icon{
    padding: 5px 10px;
}
footer .footer-add .info-details .footer-icon i{
    color: #fff;
    font-size: 26px;
}
footer .footer-add .info-details .content{}
footer .footer-add .info-details .content h4{
    margin: 0;
    color: #fff;
    font-size: 18px;
}
footer .footer-add .info-details .content span{
    color: #fff;
    font-size: 14px;
}

footer .footer-add .info-details .email-content span:hover{
    
}
footer .social-media{padding: 10px 30px;}
footer .social-media a{
    text-decoration: none;
}
footer .social-media a i{
    color: #e4ad77;
    font-size: 20px;
    margin: 0 4px;
}
footer form{
    padding: 20px 50px;
}
footer form input[type='email'],
footer form input[type='text']{
    border: 1px solid #988A86;
    background: none;
    color: #fff;
    border-radius: 0;
    margin-bottom: 25px;
}
footer form input[type='email']:focus,
footer form input[type='text']:focus{
    background: none;
    border:1px solid #988A86;
    box-shadow: none;
    color: #fff;
}
footer form input[type='submit']{
    color: #fff;
    width: 100%;
    text-align: center;
    background: #e4ad77;
    font-weight: 600;
    border-radius: 0;
}
footer form input[type='submit']:focus{
    box-shadow: none;
    color: #fff;
}

.bottom-footer{
    background-color: #4B4B4B;
    padding: 10px 0;
}
.bottom-footer p{
    margin: 0;
    color: #ffff;
    line-height: 65px;
    text-align: center;
}
.bottom-footer p a{
    text-decoration: none;
    color: #e4ad77;
}
.bottom-footer .bottom-footer-img{text-align: end;}
.bottom-footer .bottom-footer-img img{
    height: 60px;
}


/* =================== why us page css ============== */
.why-us{
    /*background: rgb(255 238 156 / 14%);*/
}
.why-us .main-title{
    padding:  0 0 20px;
}
.why-us .main-title h3{}
.why-us .why-us-list{
    list-style: none;
}
.why-us .why-us-list li{
    padding: 2px 0;
}
.why-us .why-us-list li:before{
    content: "\f101";
    font-family: 'FontAwesome';
    font-size: 12px;
    margin-right: 10px;
    color:#000;
    font-weight: bold;
}


/* =================== about us page css ============== */
.aboutus{
    background: #fff;
    padding:  30px 0;
}
.aboutus .aboutus-content{}
.aboutus .aboutus-content .desc{}
.aboutus .aboutus-content .desc p{
    margin: 0;
    color: #6a6a6a;
    font-size: 15px;
}
.aboutus .aboutus-content .aboutus-links{padding:  15px 0;}
.aboutus .aboutus-content .aboutus-links ul{
    padding: 0;
    margin: 0;
    list-style: none;
}

.aboutus .aboutus-content .aboutus-links ul li{}
.aboutus .aboutus-content .aboutus-links ul li:before{
    content: "\f105";
    font-family: 'FontAwesome';
    color:  #6a6a6a;
    padding-right: 5px;
    font-size: 14px;
}
.aboutus .aboutus-content .aboutus-links ul li a{
    color: #6a6a6a;
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 1px;
    transition: padding-left .4s;
}
.aboutus .aboutus-content .aboutus-links ul li a:hover{
    color: #333;
    padding-left: 5px;
}
.aboutus .aboutus-img{}
.aboutus .aboutus-img img{
    width: 100%;
    border-radius: 5px;
}
.team .section-title,
.history .section-title{
    text-align: center;

}
.team .section-title h3,
.history .section-title h3{
        margin: 0;
    font-size: 40px;
    line-height: 33px;
}
.team{
    background: rgb(255 238 156 / 14%);
    padding: 30px 0;
    border-top: 1px solid #ededed;
}
.team .main-title{
    padding-bottom: 25px;
}
.team .main-title h3{}
.team .team-member{}
.team .team-member .teamer-img{}
.team .team-member .teamer-img img{
    width: 100%;
}
.team .teamer-details{
    padding: 50px 20px;
}
.team .teamer-details .post{}
.team .teamer-details .post span{}
.team .teamer-details .name{}
.team .teamer-details .name span{
    font-size: 18px;
    font-weight: 500;
    color: #333;
}
.team .teamer-details .name span.phone{
    font-size: 14px;
}
.team .teamer-details .post span{
    font-size: 14px;
    font-weight: 500;
    color: #6a6a6a;
}
.team .desc{
    padding: 5px 0;
}
.team  p{
    color: #6a6a6a;
    margin: 0;
    line-height: 20px;
    font-size: 15px;
    text-align: justify;
}
.history{
    background: #fff;
    padding: 20px 0;
    border-top: 1px solid #ededed;
}
.history .main-title{}
.history .main-title h3{}
.history .about-history{
    padding: 20px 0;
}
.history .about-history p{
    margin: 0;
    color: #6a6a6a;
}

/* =================== ourpresence ============== */
.ourpresence{
    background: rgb(255 238 156 / 14%);
}
.ourpresence img{
    width:100%;
}


/* =================== certificates ============== */
.certificates{
    padding:  20px 0;
    background: #f0eee2;
}
.certificates .certificate{
    text-align: center;
    margin: 0 0 20px;
}
.certificates .certificate .badge-img{
    text-align: center;
}
.certificates .certificate .badge-img img{
    width: 200px;
}
.certificates .certificate .badge-title{
    padding: 10px 0;
}
.certificates .certificate .badge-title a{text-decoration: none;font-size: 18px;color: #000;font-weight: 600;}


/* =================== csr ============== */


.csr{
    background: rgb(255 238 156 / 14%);
    padding: 40px 0;
}
.csr .free-source{}
.csr .free-source .title{}
.csr .free-source .title h2{
    margin: 0;
    font-size: 22px;
    font-weight: 700;
}
.csr .free-source .content{
    padding: 15px 0;
}
.csr .free-source .content p{
    margin: 0;
    font-size: 16px;
    font-weight: 400;
}
.csr .free-source-img{
    max-height: 250px;
    overflow: hidden;
    border-radius: 4px;
}
.csr .free-source-img img{
    width: 100%;
}
.csr .free-source2{}
.csr .free-source2 .title{}
.csr .free-source2 .title span{
    font-weight: 700;
}
.csr .free-source2 .content{
    padding: 15px 0;
}
.csr .free-source2 .content p{
    margin: 0;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 15px;
}
.csr .water-treat-img{
    max-height: 250px;
    overflow: hidden;
    border-radius: 5px;
}
.csr .water-treat-img img{
    width: 100%;
}
.csr .water-treat-content{}
.csr .water-treat-content .title{
}
.csr .water-treat-content .title h2{
    font-size: 22px;
    font-weight: 700;
}
.csr .water-treat-content .content{
    padding: 15px 0;
}
.csr .water-treat-content .content p{
    font-size: 16px;
}
.csr .prohibited{}
.csr .prohibited .title{
}
.csr .prohibited .title h2{
    margin: 0;
    font-size: 22px;
    font-weight: 700;
}
.csr .prohibited .content{}
.csr .prohibited .content p{
    margin: 0;
    padding: 15px 0;
    font-size: 16px;
}
.csr .prohibited-img{
    max-height: 250px;
    overflow: hidden;
    margin-bottom: 20px;
}
.csr .prohibited-img img{
    width: 100%;
}
.csr .safe-measure-img{
    text-align: center;
    max-height: 250px;
    overflow: hidden;
}
.csr .safe-measure-img img{
    width: 100%;
}
.csr .safe-measure-content{
}
.csr .safe-measure-content .title{}
.csr .safe-measure-content .title h2{
    font-size: 22px;
    font-weight: 700;
}
.csr .safe-measure-content .content{
    padding: 15px 0 0;
}
.csr .safe-measure-content .content p{
    margin: 0;
    font-size: 16px;
}




.intro-about{
    padding: 40px 0 0;
}
.intro-about .about-us{}
.intro-about .about-us .title{
    padding: 0 0 15px;
}
.intro-about .about-us .title h3{
    margin: 0;
    font-size: 20px;
    font-weight: 700;
}
.intro-about .about-us .content{}
.intro-about .about-us .content p{
    margin: 0;
    font-size: 15px;
    padding-bottom: 15px;
}
.intro-about .mission-vission{
    padding: 20px 0;
}
.intro-about .mission-vission .title{
    padding-bottom: 15px;
    margin: 0;
}
.intro-about .mission-vission .title h3{
    margin: 0;
    font-size: 20px;
    font-weight: 700;
}
.intro-about .mission-vission .content{}
.intro-about .mission-vission .content p{
    margin: 0;
    padding-bottom: 15px;
    font-size: 15px;
}






/* =================== contact us page css ============== */
.contact-page{
    background: #000;
    padding: 20px 0;
}
.pages .breadcrup,
.contact-page .breadcrup{text-align: center;}
.pages .breadcrup span,
.contact-page .breadcrup span{font-size: 14px;font-weight: 400;color: #fff;text-transform: capitalize;}
.contact-page .breadcrup span{}
.pages .main-title,
.contact-page .main-title{
    text-align: center;
}
.pages .main-title h1,
.contact-page .main-title h1{font-size: 24px;color: #fff;margin: 0;text-transform: capitalize;}
.map{
    background-color: rgb(255 238 156 / 14%);
    padding: 30px 0;
}
.contact-form{

    background: rgb(255 238 156 / 14%);
}
.contact-form-title h2{
    text-align: center;
}
.contact-form .footer-title{
    padding-bottom: 30px;
}
.contact-form .footer-title h2{
    text-transform: uppercase;
    font-size: 2.5rem;
    color: #fff;
    letter-spacing: -1px;
    font-weight: 500;
}
.contact-form .footer-add{
    padding: 20px;
}
.contact-form .footer-add .info-details{
    display: flex;
    margin-bottom: 20px;
}
.contact-form .footer-add .info-details .footer-icon{
    padding: 5px 10px;
}
.contact-form .footer-add .info-details .footer-icon i{
    color: #808080;
    font-size: 26px;
}
foo.contact-formter .footer-add .info-details .content{}
.contact-form .footer-add .info-details .content h4{
    margin: 0;
    color: #000;
    font-size: 16px;
    padding-bottom: 5px;
}
.contact-form .footer-add .info-details .content span{
    color: #808080;
    font-size: 14px;
}
.contact-form .footer-add .info-details .email-content span:hover{
    color: #E4AD77;
}
.contact-form .social-media{padding: 10px 30px;}
.contact-form .social-media a{
    text-decoration: none;
}
.contact-form .social-media a i{
    color: #e4ad77;
    font-size: 20px;
    margin: 0 4px;
}
.contact-form form{
    padding: 20px 50px;
}
.contact-form form textarea,
.contact-form form input[type='email'],
.contact-form form input[type='text']{
    border: 1px solid #e4ad77;
    background: none;
    color: #000;
    border-radius: 0;
    margin-bottom: 25px;
}
.contact-form form textarea:focus,
.contact-form form input[type='email']:focus,
.contact-form form input[type='text']:focus{
    background: none;
    border:1px solid #333;
    box-shadow: none;
    color: #000;
}
.contact-form form input[type='submit']{
    color: #fff;
    width: 100%;
    text-align: center;
    background: #E4AD77;
    font-weight: 600;
    border-radius: 0;
}
.contact-form form input[type='submit']:focus{
    box-shadow: none;
}


.blog-page{
    background: #000;
    padding: 20px 0;
}
.blog-page .breadcrup{
    text-align: center;
}
.blog-page .breadcrup span{
    color: #fff;
    font-size: 14px;
}
.blog-page .main-title{
    text-align: center;
}
.blog-page .main-title h1{margin: 0;color: #fff;font-size: 24px;}
.blogs{
    background: rgb(255 238 156 / 14%);
    padding: 30px 0;
}
.blogs .category{}
.blogs .category .cate-title{}
.blogs .category .cate-title h3{
    font-size: 20px;
    font-weight: 600;
    color: #333;
    /* letter-spacing: 1px; */
}
.blogs .category .cate-list{}
.blogs .category .cate-list ul{
    margin: 0;
    list-style: none;
    padding: 0;
}
.blogs .category .cate-list ul li{}
.blogs .category .cate-list ul li:before{
    content: "\f105";
    font-family: 'FontAwesome';
    color:  #6a6a6a;
    padding-right: 5px;
}
.blogs .category .cate-list ul li a{
    text-decoration: none;
    font-size: 15px;
    color: #555555;
    padding: 3px 0;
    display: inline-block;
    transition: padding-left .4s;
}
.blogs .category .cate-list ul li a:hover{
    padding-left: 5px;
    color: #333;
}
.blogs .blogs-section{}
.blogs .blogs-section .blogs-img{
    margin-bottom: 20px;
}
.blogs .blogs-section .blogs-img img{width: 100%;}
.blogs .blogs-section .blogs-content{
    margin-bottom: 20px;
}
.blogs .blogs-section .blogs-content .date{
    padding-bottom: 15px;
}
.blogs .blogs-section .blogs-content .date span{
    font-size: 14px;
    color: #555555;
    font-weight: 500;
}
.blogs .blogs-section .blogs-content .blog-post-title{}
.blogs .blogs-section .blogs-content .blog-post-title h3{
    font-size: 20px;
}
.blogs .blogs-section .blogs-content .blogs-desc{}
.blogs .blogs-section .blogs-content .blogs-desc p{
    margin: 0;
    font-size: 15px;
    color: #6a6a6a;
}
.blogs .blogs-section .blogs-content .blog-read-more{
    padding: 80px 0 0 0;
}
.blogs .blogs-section .blogs-content .blog-read-more a{
    text-decoration: none;
    color: #333;
    font-size: 14px;
    font-weight: 600;
}
.blogs .blogs-section .blogs-content .blog-read-more a:hover{
    color:#B2955D;
}



.why-us .why-us-box-wrapper{
    background: #000;
    margin-bottom: 20px;
    padding: 20px;
    border-radius: 5px;
}
.why-us .why-us-box{
    box-shadow: 0px 0px 8px 0px rgb(0 0 0 / 12%);
    padding: 20px;
    min-height: 116px;
    border-radius: 5px;
    background: #fff;
    border-bottom-left-radius: 50px;
    position: relative;
}
.why-us .why-us-box .dots{
    position: absolute;
    top: 10px;
    right: 10px;
    width: 10px;
    height: 10px;
    border: 2px solid #000;
    border-radius: 50%;
}
.why-us .why-us-box .title{
    /*padding-bottom: 15px;*/
}
.why-us .why-us-box .title span{
    font-size: 18px;
    font-weight: 500;
    color: #B2955D;
}
.why-us .why-us-box .desc{}
.why-us .why-us-box .desc p{
    margin: 0;
    font-size: 16px;
    text-align: justify;
    color: #333;
}