@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap');

*{
	margin: 0;
	padding: 0;
	font-family: 'Roboto', sans-serif;
	box-sizing: border-box;
}
ul li{
	list-style: none;
}
a{
	text-decoration: none;
        transition: all 0.2s linear;
}
a:hover{
	text-decoration: none;
}

/*---------------------------------- HEADER CSS -------------------------*/
.site-header {
    z-index: 99;
    margin: auto;
    background-color: #fff;
    position: relative;
        -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}
.site-header .navbar-brand img {
    max-width: 220px;
}
.site-header .nav-link {
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 600;
}
.site-header .nav-item .nav-link {
    position: relative;
}
.navbar-light .navbar-nav .active {
    color: #35ab39!important;
    border-radius: 20px;
}
.navbar-light .navbar-nav .nav-link {
    font-size: 15px;
    color: #3e3939;
        padding: 8px 20px;
    border-radius: 20px;
    opacity: 1;
    float: left;
    font-weight: 500;
    text-transform: uppercase;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: #35ab39;
}
.site-header .nav-item{
    margin-left: 8px;
}
.site-header .nav-item:hover {
       color: #35ab39;
}

/*--------------------------- BANNER CSS --------------------------*/
.banner{
    background: url(../images/banner-1.png);
    background-size: cover;
    padding: 100px 0;
}
.ban-sec{
    padding: 80px 0 0;
}
.ban-sec h2 span{
    font-size: 50px;
    font-weight: 700;
    font-family: 'Poppins', sans-serif;
    color: #35ab39;
}
.ban-sec h2 {
font-size: 30px;
    font-weight: 600;
    color: #3e3939;
    display: block;
    font-family: 'Poppins', sans-serif;
}
.ban-sec h4 {
    padding: 20px 0;
}
.ban-sec p{
    font-size: 17px;
    font-weight: 400;
    color: #696969;
    line-height: 25px;
}
.btn-main, .add-to-cart, .sec1-shopnow{
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    padding: 15px 40px;
    display: inline-block;
    margin-top: 20px;
    transition: unset;
    margin-bottom: 40px;
    border-radius: 0;
    background: #35ab39;
    border: none;
    text-transform: uppercase;
}
.btn-main:hover, .add-to-cart:hover, .sec1-shopnow:hover{
    background: #3e3939;
    color: #fff;
}

/*---------------------------- ABOUT CSS ------------------------------*/
.about{
    padding: 100px 0 50px;
}
.feature-item {
    margin-right: 20px;
    margin-bottom: 20px;
    padding: 30px 25px;
    border-radius: 10px;
    text-align: left;
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 10px 1px rgb(145 140 145 / 35%);
    -moz-box-shadow: 0px 0px 10px 1px rgba(145, 140, 145, 0.35);
    box-shadow: 0px 0px 8px 1px rgb(145 140 145 / 35%);
}
.feature-item > img {
    font-size: 28px;
    height: 60px;
    width: 60px;
    line-height: 55px;
    background-color: #35ab39;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    border-radius: 50px;
    color: #fff;
    padding: 10px;
}
.feature-item .title {
    margin: 1.5rem 0 0.8rem;
    line-height: 1.2;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
    color: #3e3939;
}
.feature-item p {
    margin-bottom: 15px;
    font-size: 14px;
}
.about-sec{
    padding: 35px 0;
}
.about-sec h2 span{
    font-size: 30px;
    font-weight: 600;
    color: #3e3939;
    display: block;
    font-family: 'Poppins', sans-serif;
}
.about-sec h2 {
    font-size: 50px;
    font-weight: 700;
    font-family: 'Poppins', sans-serif;
    color: #35ab39;
}
.about-sec p{
        margin-top: 20px;
    font-size: 17px;
    font-weight: 400;
    color: #696969;
    line-height: 25px;
}

/*--------------------------- INFO CSS --------------------------*/
.info{
    /* background: url(../images/banner-1.png);
    background-size: cover; */
    padding: 50px 0 50px;
}
.info-sec{
    padding: 80px 0 0;
}
.info img{
    width: 100%;
}
.info-sec h2 span{
    font-size: 24px;
    font-weight: 700;
    font-family: 'Poppins', sans-serif;
    color: #35ab39;
}
.info-sec h2 {
    font-size: 35px;
    font-weight: 600;
    color: #3e3939;
    display: block;
    font-family: 'Poppins', sans-serif;
}
.info-sec h4 {
    padding: 20px 0;
    font-size: 50px;
    font-weight: 700;
    font-family: 'Poppins', sans-serif;
    color: #35ab39;
}
.info-sec p{
    font-size: 17px;
    font-weight: 400;
    color: #696969;
    line-height: 25px;
}


/*--------------------------- INFO CSS --------------------------*/
.product{
    background-color: #fefefe;
   /* background: url(../images/pro-ban.png);*/
    background-size: cover;
    padding: 80px 0;
    text-align: center;
}
.product h4{
    font-family: 'Poppins', sans-serif;
    font-size: 30px;
    font-weight: 600;
    text-transform: capitalize;
    position: relative;
    display: inline-block;
    color:  #35ab39;
}
.product h2 {
    font-size: 50px;
    font-weight: 700;
    font-family: 'Poppins', sans-serif;
}
.pro-box{
   /* background: url(../images/pro.png);*/
   background-color: #ffff;
    background-size: cover;
    margin-bottom: 50px;
    border-radius: 0.4rem;
    /* box-shadow: 0 .25rem 1.75rem rgba(30,34,40,.07)!important; */
    border: 5px solid #35ab39;
    transition: 0.3s ease-in-out;
}
.pro-box:hover{
    box-shadow: 0px 0px 8px 1px rgb(145 140 145 / 35%);
    border: none;
    border-radius: 10px;
}
.pro-box .pro-img img{
    width: 100%;
    padding: 20px;
}
.pro-box .pro-info {
    text-align: center;

}
.pro-1 {
        color: #21262c;
    font-size: 20px;
    font-weight: 600;
    padding-top: 0;
    line-height: 32px;
    font-family: 'Poppins', sans-serif;
    min-height: 64px;
}
.pro-2 {
    font-weight: 800;
    font-size: 28px;
    line-height: 23px;
    color: #21262c;
}



/*---------------------------- FOOTER CSS -----------------------------*/
footer{
    padding: 100px 0 50px;
    background: url(../images/footer.png);
    background-size: cover;
}
.footer-logo img{
    width: 290px;
}
footer h5{
    font-size: 22px;
    font-weight: 600;
    color: #000;
    margin-bottom: 15px;
}
.footer-list li:first-child {
    padding-top: 0px;
}
.footer-list li a {
    color: #000;
    font-size: 14px;
}
.footer-list li a:hover{
    color: #35ab39;
}
.footer-list li {
    margin-bottom: 13px;
    border-bottom: 1px dashed rgb(0 0 0 / 50%);
    position: relative;
    padding: 13px 10px 12px 0px;
    line-height: 20px;
    font-size: 14px;
    background: none;
    color: #696969;
}
.copy{
    padding: 12px 0;
    background-color: #3e3939;
    border-top: 1px solid #fff;
}
.copy p{
    font-size: 13px;
    color: #fff;
    text-align: center;
    margin-bottom: 0px;
}

/*-------------------------------------- OTHER BANNER ----------------------------------*/
.breadcrumb-bg {
    background-size: cover;
    padding-top: 100px;
    padding-bottom: 50px;
    position: relative;
    background-image: url(../images/OTHER-BAN.png);
    height: 370px;
}
.breadcrumb-bg .container {
    /* display: table; */
    height: 100%;
}
.sx-bnr-inr-entry {
    /* display: table-cell; */
    vertical-align: bottom;
    text-align: left;
    position: relative;
    z-index: 1;
    width: 100%;
    padding-bottom: 30px;
}
.sx-bnr-inr-entry .banner-title-outer {
    position: relative;
    margin-bottom: 20px;
}
.sx-bnr-inr-entry .banner-title-outer h2 {
    margin-top: 0px;
    margin-bottom: 20px;
    color: #fff;
    font-size: 50px;
    font-weight: 600;
    letter-spacing: 0px;
    font-family: 'Poppins', sans-serif;
}
.sx-breadcrumb {
    margin: 0;
    list-style: none;
}
.sx-breadcrumb li {
    padding: 0;
    margin-right: 3px;
    color: #fff;
    position: relative;
    display: inline-block;
    font-size: 15px;
}
.sx-breadcrumb li a{
    color: #000;
    font-weight: 600;
}
.breadcrumb-style-2 li:after {
    content: "\f101";
    margin-left: 7px;
    font-family: 'FontAwesome';
    color: #fff;
    font-size: 16px;
    font-weight: normal;
}
.sx-breadcrumb li:last-child {
    color: #fff;
}
.sx-breadcrumb li:last-child:after {
    display: none;
}

/*-------------------------- PRODUCT PAGE CSS -------------------*/
.prod-mid-sec, .con-mid-sec, .prod-top {
    /* float: left; */
    width: 100%;
    text-align: center;
    padding: 7px 0 10px 0;
    margin-bottom: 30px;
}
.prd-details {
    float: left;
    width: 100%;
    padding: 30px 0 50px;
}
.prod-spec {
    float: left;
    width: 100%;
}
.prds-left {
    float: left;
    width: 40.2%;
    text-align: center;
    /* min-height: 488px; */
    position: relative;
}
.prds-left img {
    display: inline-block;
    padding-top: 42px;
    position: relative;
    z-index: 9;
    width: 100%;
}
.prds-right {
    float: right;
    width: 59%;
    text-align: left;
    padding: 50px 30px 0;
    border: 3px solid #35ab39;
    border-radius: 15px;
}
.prds-right h3{
    color: #2d2d2d;
    font-size: 26px;
    font-weight: 500;
}
.prd-dtl1 {
    font-size: 30px;
    line-height: 38px;
    color: #000;
    font-weight: 700;
    float: left;
    width: 100%;
}
h2.prd-dtl1 span {
    padding: 0;
    font-size: 30px;
    color: #35ab39;
    font-weight: 600;
}
.shop-txt {
    font-size: 18px;
    line-height: 30px;
    color: #2d2d2d;
    margin: 22px 0px 0;
    font-weight: normal;
    text-align: left;
    width: 100%;
    float: left;
}
.prod-spec li h4 {
    font-size: 17px;
    font-weight: 600;
    color: #21262c;
    font-family: 'Poppins', sans-serif;
}
p:last-child {
    margin-bottom: 0;
}
.pric-box {
    float: left;
    width: 90%;
    margin-top: 22px;
    padding-bottom: 25px;
}
.pro-dtil-rgt-p2 {
    font-size: 25px;
    float: left;
    line-height: 22px;
    color: #000000;
    display: inline-block;
    width: 100%;
}
.price {
    font-size: 34px;
    font-weight: 800;
    line-height: 45px;
    color: #21262c;
    font-family: 'Poppins', sans-serif;
}


/*------------------------------ Thankyou Page CSS -----------------------------*/
/* .thank-last{
    margin-top: 400px;
} */
/*------------------------------ Contact Page CSS -----------------------------*/
/* .con-last{
    margin-top: 500px;
} */
.con-mid-sec {
    padding: 47px 0;
}
.s2txt2 {
    display: inline-block;
    width: 100%;
    color: #21262c;
        font-weight: 600;
    margin-bottom: 30px;
    font-size: 50px;
    /* text-shadow: 0 2px 2px #333; */
}
ul:last-child, ol:last-child {
    margin-bottom: 0;
}
.cont-list {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.cont-list li {
    line-height: 25px;
    font-size: 18px;
    font-weight: 300;
    color: #000;
    float: left;
    margin-bottom: 30px;
    position: relative;
    text-align: left;
    width: 50%;
    margin: 20px 0;
}
.cont-list li a{
    line-height: 25px;
    font-size: 16px;
    font-weight: 300;
    color: #000;
    float: left;
    margin-bottom: 30px;
    position: relative;
    text-align: left;
    width: 50%;
    margin: 20px 0;
}
.cont-list li a:hover{
    color: #35ab39;
}
.cont-list li i {
    display: block;
    font-size: 33px;
    float: left;
    width: 70px;
    height: 70px;
    line-height: 70px;
    background: #35ab39;
    text-align: center;
    color: #696969;
}
.cinfo {
    overflow: hidden;
    padding-left: 20px;
}
.cont-list li span {
    font-weight: 600;
    font-size: 20px;
    color: #35ab39;
    display: block;
    margin: 13px 0 6px 0;
    line-height: 25px;
}
/*------------------------------ Checkout Page CSS -----------------------------*/
/* .check-last{
    margin-top: 1500px;
} */

.svg-separator.top {
    top: -1px;
    bottom: auto;
}

.benefits-block-innr {
    text-align: center;
    margin-top: 25px;
    background: #fff;
    /* padding: 20px; */
    box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 8%);
    border-radius: 0.4rem;
    position: relative;
    z-index: 3;
    min-height: 350px;
    transition: all 0.2s;
}
.benefits-block-innr:hover {
    background: #151419!important;
    margin-top:-2%;
}
.benefits-block-innr:hover .benefits-block-txt h4, .benefits-block-innr:hover .benefits-block-txt p{
    color: #fff!important;
}
.benefits-block-txt h4 {
    font-family: 'Poppins', sans-serif;
    margin: 0;
    font-size: 20px;
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: 20px;
}

.benefits-block {
    position: relative;
    overflow: hidden;
    z-index: 1;
    background: #fff;
    padding: 80px 0;
}
/*.benefits-block::before {
    position: absolute;
    z-index: -1;
    content: '';
    height: 2521px;
    width: 1920px;
    background-image: url(../images/shape-3.png);
    background-repeat: no-repeat;
    top: -110px;
    right: -130px;
}*/
.benefits-block-innr-img {
    padding: 25px;
}
.benefits-block-txt {
    padding: 15px 20px;
}
.block-head {
    margin-bottom: 30px;
}
.block-head h2 {
    font-size: 50px;
    font-weight: 700;
    font-family: 'Poppins', sans-serif;
}
.block-head h4 {
    font-family: 'Poppins', sans-serif;
    font-size: 30px;
    font-weight: 600;
    text-transform: capitalize;
    position: relative;
    display: inline-block;
    color: #35ab39;
    letter-spacing: 1px;
    padding-top: 30px;
}

.bg-yellow{
    background: #35ab39!important;
}