/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLFj_Z11lFc-K.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}    
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLFj_Z1JlFc-K.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLFj_Z1xlFQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrJJbecmNE.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrJJnecmNE.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrJJfecg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLGT9Z11lFc-K.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLGT9Z1JlFc-K.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLGT9Z1xlFQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLEj6Z11lFc-K.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLEj6Z1JlFc-K.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLEj6Z1xlFQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLCz7Z11lFc-K.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLCz7Z1JlFc-K.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLCz7Z1xlFQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLDD4Z11lFc-K.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLDD4Z1JlFc-K.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLDD4Z1xlFQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/* cyrillic-ext */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/oswald/v48/TK3iWkUHHAIjg752FD8Ghe4.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/oswald/v48/TK3iWkUHHAIjg752HT8Ghe4.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/oswald/v48/TK3iWkUHHAIjg752Fj8Ghe4.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/oswald/v48/TK3iWkUHHAIjg752Fz8Ghe4.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/oswald/v48/TK3iWkUHHAIjg752GT8G.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/oswald/v48/TK3iWkUHHAIjg752FD8Ghe4.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/oswald/v48/TK3iWkUHHAIjg752HT8Ghe4.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/oswald/v48/TK3iWkUHHAIjg752Fj8Ghe4.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/oswald/v48/TK3iWkUHHAIjg752Fz8Ghe4.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/oswald/v48/TK3iWkUHHAIjg752GT8G.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/oswald/v48/TK3iWkUHHAIjg752FD8Ghe4.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/oswald/v48/TK3iWkUHHAIjg752HT8Ghe4.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/oswald/v48/TK3iWkUHHAIjg752Fj8Ghe4.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/oswald/v48/TK3iWkUHHAIjg752Fz8Ghe4.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/oswald/v48/TK3iWkUHHAIjg752GT8G.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/oswald/v48/TK3iWkUHHAIjg752FD8Ghe4.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/oswald/v48/TK3iWkUHHAIjg752HT8Ghe4.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/oswald/v48/TK3iWkUHHAIjg752Fj8Ghe4.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/oswald/v48/TK3iWkUHHAIjg752Fz8Ghe4.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/oswald/v48/TK3iWkUHHAIjg752GT8G.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

body{
  font-family: var(--primary-font);
  padding:0px;
  margin:0px;
  overflow-x: hidden;
}

.container{
  position:relative;
}

*{
  box-sizing: border-box;
  margin:0px;
  padding:0px;
}
h1,h2,h3,h4,h5,h6,p{
  margin:0px;
  padding:0px;
}


p, label{
  font-size: 14px;
}

img{
  max-width: 100%;
}

ul{
  list-style: none;
  padding:0px;
  margin:0px;
}

a{
  text-decoration: none !important;
  outline:none;
  display: inline-block;
}


:root {
  --primary-font:'Poppins';
}




.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1070px;
}



/*login css*/


.login__fullvh{
  background: #010101;
  height: 100vh;
  background-image: url(../image/login-banner.png);
    background-size: 65%;
    background-repeat: no-repeat;
    background-position: right bottom;
    overflow:auto;
    padding-bottom:50px;
}

.signup__fullvh{
  background-image: url(../image/signup-banner.png)
}


header {
    padding-top: 20px;
    padding-bottom: 20px;
}
.header__row {display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;}

.logo img {height: 90px;}

.logo.text-center img {
    margin: 0 auto;
}

.social__block ul {display: flex;flex-wrap: wrap;align-items: center;}

.social__block ul li {margin-right: 12px;}

.social__block ul li:last-child {margin-right: 0px;}

.social__block ul li a img {height: 35px;opacity: 0.5;}

.social__block ul li a:hover img{opacity: 1;}

.login__content {height: auto;display: flex;justify-content: center;align-items: center;}

.forget-password {
    color: #fff;
    text-align: center;
    margin-bottom: 15px;
}

header {padding-top: 20px;padding-bottom: 20px;}




.login__main h1 {font-size: 30px;color: #fff;font-weight: 700;}

.login__main p {color: #676767;font-size: 17px;}

label {color: #fff;font-size: 17px;}

input {background: transparent;}

.form__inner input, .form__inner input:active, .form__inner input:focus {background: transparent;border: 1px solid #273F47;height: 45px;border-radius: 0px;font-size: 15px;color:#fff;box-shadow: none;font-weight: 400;}

.form__inner {position: relative;}

.form__inner img {position: absolute;right: 10px;top: 50%;transform: translateY(-50%);width: 24px;cursor: pointer;}


.login__main form {
    margin-top: 30px;
}

.paswd {
    padding-right: 48px;
}

.login__main input::-webkit-input-placeholder { /* Edge */
  color: #676767;
}

.login__main input:-ms-input-placeholder { /* Internet Explorer */
  color: #676767;
}

.login__main input::placeholder {
  color: #676767;
}


.forgot__password {text-align: right;margin-bottom: 25px;}

.forgot__password a {font-style: italic;text-decoration: underline !IMPORTANT;color: #fff;}

.forgot__password a:hover{color:#3BB349;}

.login__button {background: #3BB349;width: 100%;text-align: center;line-height: 48px;border: none;outline: none;box-shadow: none;border-radius: 6px;color: #fff;font-weight: 600;font-size: 18px;transition: 0.5s;border:1px solid #3BB349;}

.login__button:hover{background: transparent;color:#3BB349;}

.button__login {margin-bottom: 15px;}

.button__login a{display:block;}

.dont__have__link {text-align: center;}

.dont__have__link a {color: #fff;}

.dont__have__link a:hover{color:#3BB349;}


.form-group.check__box {}.form-group.check__box {color: #B7B7B7;font-size: 14px;display: flex;flex-wrap: wrap;}

.form-group.check__box span:nth-child(1) input {width: 30px;height: 26px;background: transparent !important;}

.form-group.check__box span:nth-child(2) {width: calc(100% - 35px);padding-left: 10px;}



/*login css*/




/*index css*/



/*anousement css*/

.right__top ul {display: flex;display:-webkit-flex;flex-wrap: wrap;justify-content: end;}

.right__top ul li a {color: #0E0E0E;}

.right__top ul li a p {color: #403A35;}

.right__top ul li a {display: flex;display:-webkit-flex;flex-wrap: wrap;}

.icon__top img {width: 24px;}

.icon__top {width: 28px;position: relative;}

.account__top p {font-size: 12px;line-height: 12px;}

.account__top {width: calc(100% - 28px);padding-left: 10px;}

.account__top h4 {font-size: 14px;line-height: 14px;}

.right__top ul li {margin-right: 10px;position: relative;}

.account__top h5 {font-size: 16px;color: #FF8585;}

.right__top ul li:last-child {margin-right: 0px;}

.icon__top span {background: red;width: 16px;display: block;height: 16px;line-height: 16px;text-align: center;color: #fff;border-radius: 50%;position: absolute;font-size: 12px;top: 0px;right: 0px;}

.left__top .dropdown-menu.show {
    transform: translateY(40px) !important;
    z-index: 9;
    width:288px;
}

section.anousment__bar {
    padding-top: 10px;
    padding-bottom: 10px;
}

.left__top button#dropdownMenuButton img {width: 17px;margin-right: 8px;}

.left__top button#dropdownMenuButton{outline: none;box-shadow: none;color:#0E0E0E;display: flex;align-items: center;}

.left__top button#dropdownMenuButton input, .left__top button#dropdownMenuButton input:active, .left__top button#dropdownMenuButton input:focus{box-shadow: none;outline: none;}

/*anousement css*/


/*hedaer css*/

.header__menu li.nav-item {position: relative;}

section.hedaer__new {background: #142328;}section.hedaer__new {}

.header__menu nav {background: transparent !IMPORTANT;padding-top: 0px;padding-bottom: 0px;}

.header__menu nav ul li a {color: #fff !important;font-weight: 300;padding-top: 0px;padding-bottom: 0px;line-height: 55px;padding-left: 15px !important;padding-right: 15px !important;font-size: 13px;}

.header__menu nav ul li .dropdown-menu a {color: #000 !important;}

.header__menu li.nav-item.active a {background: #3BB349;}

.header__menu li.nav-item a:hover{background: #3BB349;}

.hedaer__row {display: flex;display: -webkit-flex;justify-content: space-between;align-items: center;}

.right__header ul {display: flex;flex-wrap: wrap;align-items: center;justify-content: flex-end;}

li.subscribe__btn a {line-height: 55px;
  /*background: #ed421b;*/
  background: orange;
  color: #fff;padding: 0px 16px;transition: 0.5s;font-size: 13px;}

li.subscribe__btn a:hover{background: #3BB349;}

.header__menu li.nav-item .dropdown-menu a {line-height: 30px;}

li.search__bar img {width: 20px;}

li.menu__toggle img {width: 23px;}

.right__header ul li {margin-right: 10px;}

.right__header ul li:last-child {margin-right: 0px;}

li.subscribe__btn a span {
    display: none;
}

.search__box {
    position: relative;
    margin-right: 10px;
}

.search__box .search-icon {
    position: absolute;
    height: 100%;
    width: 30px;
    z-index: 11;
    right: 0px;
    top: 0px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.search__box input {
    height: 45px;
    border: none;
    outline: none;
    border-radius: 0px;
    font-size: 14px;
    width: 200px;
    padding-right: 30px;
}

.cart__mini {
    position: absolute;
    background: #fff;
    z-index: 99;
    right: 0px;
    width: 320px;
    padding: 26px 10px;
    border-radius: 7px;
    box-shadow: 0px 8px 5px #000;
    display: none;
}
.close__cart{
  position: absolute;
  right:10px;
  top:10px;
  border-radius: 50%;
  z-index: 999;
}

.cart__detail a {
    display: block;
}

.view__cart__page a {
    border: 1px solid #3BB349;
    justify-content: center;
    text-align: center;
    line-height: 38px;
    margin-top: 15px;
    background: #3BB34B;
    color: #fff !important;
    border-radius: 7px;
    transition: 0.5s;
}

.view__cart__page a:hover {
    background: transparent;
    color: #3BB349 !important;
}

.input__indropdown {
    padding-left: 15px;
    padding-right: 15px;
}

/*hedaer css*/


body .mySwiper2 img{
    height: 390px !important;
    object-fit: contain !important;
    object-position: center;
}

.mySwiper2 {
    margin-bottom: 10px !important;
}

/*hero section*/

.hero__row {position: absolute;top: 50%;left: 0px;width: 100%;transform: translateY(-50%);}

.banner__overlay {padding: 20px;text-align: center;width: 60%;margin: 0 auto;background-image: linear-gradient(180deg, rgb(252 255 255/0.2), transparent);}

.banner__overlay h4 {font-size: 16px;color: #fff;font-weight: 300;}

.banner__overlay h2 {font-weight: 700;color: #fff;font-size: 29px;}

.banner__overlay p {font-size: 16px;color: #F2F2F2;font-weight: 300;}

.banner__overlay .shopnow__btn {background: #3BB349;
    line-height: 30px;
    color: #fff;
    padding: 0px 18px;
    border-radius: 5px;
    margin-top: 18px;
    font-size: 12px;
    transition: 0.5s;
    border: 1px solid #3BB349;}

.banner__overlay .shopnow__btn:hover{background: transparent;color:#3BB349;}

.hero__section .owl-dots {display: flex;justify-content: center;align-items: center;position: absolute;width: 100%;bottom: 20px;}

.hero__section .owl-dots button {height: 6px;width: 6px;background: #fff !IMPORTANT;margin-right: 5px;border-radius: 50%;opacity: 0.5;transition: 0.5s;}

.hero__section .owl-dots button.active {width: 50px;border-radius: 30px;opacity: 1;}



.hero__image img {
    height: 350px;
    object-fit: cover;
    object-position: center;
}

/*hero section*/



.mg-50{
  margin:20px 0px;
}
.new__arrival {background-size: cover;background-repeat: no-repeat;padding: 20px;height: 205px;display: flex;flex-direction: column;border-radius: 7px;overflow: hidden;}

.new__arrival a {margin-top: auto;border: 1px solid #1B8150;width: 100px;text-align: center;font-size: 13px;line-height: 34px;color: #1B8150;font-weight: 500;border-radius: 5px;transition: 0.5s;}

.new__arrival a:hover{background: #1B8150;color:#fff;border-color: #1B8150;}

.new__arrival h4 {font-family: 'Oswald';color: #142328;font-weight: 700;}

.new__arrival p {font-family: 'Oswald';font-weight: 200;color: #6A848D;margin-top: 10px;}



/*product slider*/


.bg-light{background: #F8F8F8;}

.pd-50{padding:20px 0px;}

.title__section {width: 500px;margin: 0 auto;text-align: center;margin-bottom: 20px;}

.title__section h2 span{color:#3BB349 !important;}

.title__section h2 {font-weight: 700;color: #142328;margin-bottom: 15px;text-transform: uppercase;}

.title__section p {color: #6A848D;font-size: 14px;}


/*.pd-left {
    padding-left: 7%;
}*/

.product__inner {background: #EFEFEF;padding: 10px;border-radius: 5px;}

.product__contnet {text-align: center;padding: 15px 15px 0px 15px;}

.product__contnet p {font-weight: 700;color: #1C1C1C;height: auto;overflow: hidden;white-space: nowrap; text-overflow: ellipsis;}

.product__contnet h4 {color: #3BB349;font-size: 13px;margin: 5px 0px;}

.product__contnet h4 span {font-weight: 400;color: #777777;text-decoration: line-through;}

.product__contnet a {border: 1px solid #3BB349;color: #3BB349;font-weight: 500;font-size: 11px;line-height: 29px;padding: 0px 15px;border-radius: 5px;transition: 0.5s;}

.product__contnet a:hover {background: #3BB349;color: #fff;}



.product_slider .owl-dots {display: flex;justify-content: center;align-items: center;margin-top: 40px;}

.product_slider .owl-dots button {height: 16px;width: 16px;background: transparent; !IMPORTANT;margin-right: 5px;border-radius: 50%;opacity: 0.5;transition: 0.5s;border:1px solid #142328;}

.product_slider .owl-dots button.active {position: relative;}

.product_slider .owl-dots button.active:before{content: '';position: absolute;border-radius: 50%;width: 80%;height: 80%;left:50%;top:50%;transform: translate(-50%, -50%);background-color: #3BB349;}

.view-all {text-align: right;}

.view-all a {color: #3BB349;text-decoration: underline !IMPORTANT;margin-bottom: 11px;}

/*product slider*/


/*shop css*/

a.shop__section {color: #1C1C1C;text-decoration: none;text-align: center;display: block;}

a.shop__section p {margin-top: 10px;}

a.shop__section {margin-bottom: 20px;}

.shop__image {
    border-radius: 5px;
    overflow: hidden;
    border:2px solid transparent;
}

.shop__image {border-radius: 5px;overflow: hidden;}

a.shop__section:hover {color: #3BB349;}

a.shop__section:hover .shop__image{border-radius: 50%;
    overflow: hidden;
    border: 2px dashed #3BB349;}



div#category__list .col-md-3 {
    -ms-flex: 0 0 16.5%;
    flex: 0 0 16.5%;
    max-width: 16.5%;
}



/*shop css*/


/*count down css*/

.count_section{background-image: url(../image/count-down.png);background-repeat: no-repeat;background-position: center;background-size: cover;}


.count__main {padding: 30px 0px;}

.count__down p {color: #6A848D;letter-spacing: 1px;}

.count__down h2 {font-weight: 700;color: #142328;margin-top: 10px;margin-bottom: 25px;}

div#countdown ul {display: flex;flex-wrap: wrap;}

div#countdown ul li {
  font-size: 50px;
    font-weight: 700;
    color: #6A848D;
    margin-right: 12px;
    line-height: 60px;
    text-align: center;
    position: relative;
    padding-bottom: 30px;
}

span.name-day {text-align: center;
    font-size: 14px;
    font-weight: 400;
    position: absolute;
    left: 0px;
    width: 100%;
    bottom: -13px;    text-transform: lowercase;
    font-weight: 700;}

div#countdown ul li span:nth-child(1) {line-height: 65px;display: inline-block;}

.countdown__btn a {border: 1px solid #3BB349;
  background: #3BB349;
      color: #fff;
    
    font-weight: 500;
    font-size: 15px;
    line-height: 38px;
    padding: 0px 25px;
    border-radius: 5px;
    transition: 0.5s;}

    .countdown__btn a:hover{
      color: #3BB349;
      border: 1px solid #3BB349;
      background: transparent;
    }

.countdown__btn {margin-top: 29px;}

/*count down css*/



.newarriwal__row .product__inner{margin-bottom:30px;transition: 0.5s;border:2px solid transparent;}

.newarriwal__row .product__inner:hover{border:2px solid #3BB349;box-shadow: 0px 0px 30px #cbcbcb;}

.item .product__inner {border: 2px solid transparent;}

.item:hover .product__inner {border: 2px solid #3bb349;}

.call__section{background-image: url(https://mjdirect.com/uploads/banner/1659952276bannerpng.png);background-repeat: no-repeat;background-position: center;background-size: cover;padding:30px 0px;}


.call_inner h2 {font-weight: 700;
    color: #fff;
    margin-bottom: 15px;}

.contact__number a {font-size: 29px;color: #fff;font-family: 'Oswald';font-weight: 300;}

.contact__number a img {margin-right: 19px;}

.call_inner p {color: #fff;letter-spacing: 2px;font-weight: 300;text-shadow: 1px 1px 1px rgb(150 150 150);}

.call_inner a.subscribe_now_btn {border: 1px solid #3BB349;
    color: #fff;
    font-weight: 500;
    font-size: 14px;
    line-height: 38px;
    padding: 0px 15px;
    border-radius: 5px;
    transition: 0.5s;background: #3BB349;margin-top: 30px;transition: 0.5s;}

.call_inner a.subscribe_now_btn:hover {background: transparent;color: #3BB349;}


/*blog css*/


.blog__section img {border: 2px solid transparent;margin-bottom: 10px;transition: 0.5s;height: 219px;width: 100%;object-fit: cover;}

.blog__section:hover img{border: 2px solid #3BB349;}

.blog__section span {color: #6A848D;font-size: 13px;display: block;margin-bottom: 10px;}

.blog__section h4 {color: #1C1C1C;font-size: 17px;margin-bottom: 10px;font-weight: 700;overflow: hidden;text-overflow: ellipsis;white-space: normal;}

.blog__section p {color: #6A848D;font-size: 15px;}

.blog__section div a {border: 1px solid #3BB349;
    color: #3BB349;
    font-weight: 500;
    font-size: 14px;
    line-height: 38px;
    padding: 0px 15px;
    border-radius: 5px;
    transition: 0.5s;}

.blog__section div {margin-top: 20px;}

.blog__section div a:hover {background: #3BB349;color: #fff;}


/*blog css*/


/*get in touch css*/

.get__intouch{background-image: url(../image/getin-touch.png);background-repeat: no-repeat;background-size: cover;background-position: center;}


.get__intouch__inner h2 {font-weight: 700;
    color: #142328;
    margin-bottom: 15px;}

.get__intouch__inner p {color: #6A848D;letter-spacing: 2px;margin-bottom: 10px;}

.get__in__inner {display: flex;flex-wrap: wrap;margin-top: 25px;}

.text__box input, .text__box input:active, .text__box input:focus {border: 1px solid #142328;height: 45px;background: transparent;border-radius: 5px;box-shadow: none;outline: none;}

.button__subscribe a {height: 45px;line-height: 45px;border: 1px solid #3BB349;background: #3BB349;color: #fff;padding: 0px 30px;font-weight: 500;font-size: 14px;border-radius: 5px;transition: 0.5s;}

.button__subscribe a:hover{background: transparent;color:#3BB349;}

.text__box {flex: 1;padding-right: 10px;}

/*get in touch css*/








/*index css*/


/*footer css*/

footer{background: #142328;padding-top: 50px;}

a.logo__footer {margin-bottom: 15px;}

a.logo__footer img {height: 85px;}

.footer1 ul li a {color: #fff;display: flex;flex-wrap: wrap;font-weight: 300;font-size: 14px;}

.footer1 ul li.call__btn a {font-size: 24px;font-weight: 700;}

.footer1 ul li.call__btn a span {color: #3BB349;}

.footer1 ul li.call__btn {margin-bottom: 20px;}

.footer1 ul li a span:nth-child(2) {flex: 1;padding-left: 6px;}

.footer1 ul li {margin-bottom: 7px;}

.footer1 {padding-right: 59px;margin-bottom: 45px;}

.footer1 ul li a span:nth-child(2) {color: #78938E;}

.footer__link h4 {color: #3BB349;font-weight: 700;font-size: 20px;margin-bottom: 35px;}

.footer__link ul li a {display: block;color: #fff;font-weight: 300;font-size: 14px;}

.footer__link ul li {margin-bottom: 7px;}

.footer__link {margin-bottom: 45px;}

.footer__link ul li a:hover {color: #3BB349;}

.social__block.footer__social ul {justify-content: end;}

.copyright__block {padding: 10px 0px;border-top: 1px solid #565656;}

.copyright__inner.text-center p {color: #fff;font-weight: 300;font-size: 14px;}

/*footer css*/





/*product page css*/



.swiper {
        width: 100%;
        height: 300px;
        margin-left: auto;
        margin-right: auto;
      }

      .swiper-slide {
        background-size: cover;
        background-position: center;
      }

      .mySwiper2 {
        height: 80%;
        width: 100%;
      }

      .mySwiper {
        height: 20%;
        box-sizing: border-box;
        padding: 10px 0;
      }

      .mySwiper .swiper-slide {
        width: 25%;
        height: 100%;
        opacity: 0.4;
        cursor: pointer;
      }

      .mySwiper .swiper-slide-thumb-active {
        opacity: 1;
        border:2px solid #FE9D2B;
      }

      .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }











.category__anounce {display: flex;align-items: center;font-size: 12px;color: #FEAD54;background: rgba(254 173 84/ 0.2);display: inline-block;padding: 5px 10px;border-radius: 8px;}

.category__anounce img {margin-right: 7px;width: 18px;}

.product_detail_right h1 {font-weight: 700;
    color: #142328;
    margin-bottom: 15px;font-size: 30px;margin: 15px 0px;}

.product_detail_right p {color: #6A848D;font-weight: 400;font-size: 14px;}

ul.select_price {display: flex;flex-wrap: wrap;align-items: center;margin: 25px 0px;}

ul.select_price li {padding: 4px 15px;border: 1px solid #ddd;margin-right: 10px;border-radius: 8px;text-align: center;cursor: pointer;}

ul.select_price li.active {border-color: #3BB349;}

ul.select_price li.active p {color: #3BB349;}

span.overline {
    text-decoration: line-through;
}

ul.select_price li span {color: #989898;font-size: 14px;display: block;}

ul.select_price li p {font-size: 22px;font-weight: 700;color: #3A3A3A;}

.product_detail_right h5 {font-size: 15px;color: #3A3A3A;margin-bottom: 10px;}

.product_detail_right h5 span {color: #3BB349;}

.quantity__select {display: flex;align-items: center;margin-bottom: 25px;}

p.qty {margin-left: 10px;display: flex;align-items: center;}

p.qty button {height: 36px;width: 36px;border-radius: 50%;border: 2px solid #ddd;font-size: 25px;background: transparent;line-height: 36px;}

p.qty input {height: 36px;border: none;text-align: center;padding: 0px;font-size: 16px;width: 50px;outline: none;box-shadow: none;}

.quantity__select h5 {margin: 0px;}

.buy__buttons ul {display: flex;flex-wrap: wrap;}

.buy__buttons ul li {margin-right: 10px;}

.buy__buttons ul li button {line-height: 40px;padding: 0px 30px;border: 2px solid #3BB349;border-radius: 7px;font-weight: 600;transition: 0.5s;font-size:13px;}

.buy__buttons ul li button a{color:#3BB349;}

.buy__buttons ul li button a:hover{color:#fff;}

.buy__buttons {margin-bottom: 25px;}

.buy__buttons ul li:nth-child(1) button {background: transparent;}

.buy__buttons ul li:nth-child(2) button {background: #3BB349;color: #fff;}

.buy__buttons ul li:nth-child(2) button:hover {background: transparent;color: #3BB349;}

.buy__buttons ul li:nth-child(1) button:hover {background: #3BB349;color: #fff;}


.cate__list ul {display: flex;flex-wrap: wrap;}

.cate__list ul li {width: 50%;margin-bottom: 11px;padding-left: 25px;padding-right: 10px;position: relative;}

.cate__list ul li:before {content: '\f00c';font-family: fontAwesome;color: #3BB349;position: absolute;left: 0px;}


.shipping__list {margin-top: 25px;}

.shipping__list ul {display: flex;flex-wrap: wrap;}

.shipping__list ul li {margin-right: 10px;display: flex;align-items: center;width: 160px;}

.img--sub {width: 55px;}

.shipping__list ul li p {width: calc(100% - 55px);padding-left: 6px;}


section.category__list {margin-bottom: 50px;}

.tab__content__data {padding: 20px;}

.tab__content__data p {color: #6A848D;margin-bottom: 15px;font-size: 13px;}

.tab-content {border: 1px solid #ddd;}

.tab__content__data h3 {
    font-size: 20px;
    margin-bottom: 10px;
}

.category__list__tab ul {border-bottom: 2px solid #3bb349;}

.category__list__tab ul li a {border-radius: 0px !important;}

.category__list__tab ul li {border-radius: 0px;margin-right: 10px;}

.category__list__tab ul li a.active {background: #4EAE4A !important;}

.category__list__tab ul li a {font-size: 13px !IMPORTANT;
    line-height: 45px !important;
    padding: 0px 35px;background: #EEEEEE;color: #000;}



/*product page css*/


nav.navbar.navbar-expand-lg.navbar-light.bg-light {
    padding-left: 0px;
    padding-right: 0px;
}

/*category page css*/

.category__hero{
  /*background-image: url(../image/catbg.png);*/
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.category__hero_profile{
  background-image: url(../image/catbg.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.categody__listtitle{
  height: 200px;
  display: flex;
  align-items: center;
  justify-content:center;
}

.categody__listtitle h1{
  color:#fff;
  font-weight: 500;
  font-size: 34px;
}

.catelist__inner a {display: block;width: 100%;}

.catelist__inner {position: relative;margin-bottom: 30px;}

.catelist__inner p {position: absolute;bottom: 0px;left: 0px;background: rgba(0,0,0,0.6);width: 100%;padding: 10px;color: #fff;}
.catelist__inner a img {
    width: 100%;
}

/*category page css*/




/*my account*/



.my-account{
  padding-left: 30px;
  background-image: url(../image/home.png);
  background-repeat: no-repeat;
    background-position: left;
    background-size: 19px;
}

.tab-content {
    border: 1px solid transparent;
}

h3.my-account {font-size: 16px;line-height: 33px;font-weight: 600;margin-bottom: 20px;}

.my_address_tlt{font-size: 16px;line-height: 33px;font-weight: 600;margin-bottom: 20px;}


.my__accountlist .list-group a {border: none;border-top: 1px solid #dddd;}

.my__accountlist .list-group a:last-child{border-bottom: 1px solid #dddd;}

.my__accountlist .list-group a.active {background: transparent;color: #3BB349;position: relative;}

.my__accountlist .list-group a.active:after {content: '\f178';position: absolute;font-family: fontAwesome;right: 0px;}

.add__block {min-height: 250px;border: 1px dashed green;padding: 15px;margin-bottom: 20px;}


.my__accountcontnet {padding-left: 30px;}

a.address__link {display: block;}

.add__address.add__block {display: flex;justify-content: center;align-items: center;}

.add__address.add__block p {color: #1F253C;text-align: center;font-weight: 700;}

.add__address.add__block p span {display: block;}

.address__detail h4 {font-size: 16px;font-weight: 600;margin-bottom: 15px;}

.address__detail p {font-size: 13px;line-height: 25px;}

.address__btns ul {display: flex;flex-wrap: wrap;justify-content: center;}

.address__detail {display: flex;flex-direction: column;}

.address__btns {margin-top: auto;}

.address__btns ul li {margin-right: 10px;width: 45%;}

.address__btns ul li:last-child {margin-right: 0px;}

.address__btns ul li a {border: 1px solid #3BB349;font-size: 14px;line-height: 35px;display: block;text-align: center;border-radius: 5px;color: #3BB349;transition: 0.5s;}

.address__btns ul li:nth-child(1) a:hover {background: #3BB349;color: #fff;}

.address__btns ul li:last-child a {background: #3BB349;color: #fff;}

.address__btns ul li:last-child a:hover {background: transparent;color: #3BB349;}





/*my account*/





/*subscription page css*/

#subscription{background: #000000;}

.hero__subscrion{
  background-image: url(../image/subscription-banner.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  padding-bottom: 75px;
}


#subscription .left__top button#dropdownMenuButton,
#subscription .right__top ul li a p, #subscription .account__top h4{
  color:#fff;
}

.subsciption__banner h4 {
    font-size: 20px;
    color: #8f8f8f;
    font-weight: 300;
  }

.subsciption__banner h1 {color: #fff;font-size: 45px;margin: 10px 0px;font-weight: 700;}

.subsciption__banner p {color: #fff;font-weight: 300;}

.subscription__btn a {background: transparent;
    line-height: 43px;
    font-weight: 600;
    padding: 0px 30px;
    border-radius: 5px;
    margin-top: 35px;
    font-size: 15px;
    transition: 0.5s;
    border: 1px solid #3BB349;color: #3BB349;}

.subscription__btn a:hover {background: #3BB349;color: #fff;}

.subsciption__right {
    padding: 0px 30px;
}



/*made ease section*/

.relative{position: relative;background-image: url(../image/footer-svg.svg);background-repeat: no-repeat;background-position: bottom;background-size: 100%;padding-bottom: 200px;}


img.top__absolute {
    position: absolute;
    right: 0px;
    width: 270px;
    top: -92px;
}

img.bottom__absolute {
    position: absolute;
    width: 86px;
    bottom: 124px;
}

.mg-top-50{margin-top:50px;}



.relativeinner{
  text-align: center;
}

.relativeinner h4 {
    color: #F78178;
    font-size: 19px;
    margin: 15px 0px;
}

.relativeinner p {
    color: #78938E;
    font-size: 14px;
}

.subscription__btn p {
    font-weight: 300;
    margin-top: 9px;
    font-size: 14px;
}

.text-center.subscription__btn a{
    background: #3BB349;
    color: #fff;
}
.text-left.subscription__btn a{background: #3BB349;
    color: #fff;}
.text-center.subscription__btn a:hover{
    background: transparent;
    color: #3BB349;
}
.text-left.subscription__btn a:hover{background: transparent;
    color: #3BB349;}

.title__section.text-left p {
    font-weight: 300;
    font-size: 14px;
}

.title__section.text-left {
    width: 100%;
    margin-bottom: 19px;
}

.box__left ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.box__left ul li {
    color: #6A848D;
    font-size: 14px;
    font-weight: 400;
    padding-left: 26px;
    position: relative;
    margin-bottom: 8px;
}

.box__left ul li:before {
    content: '\f00c';
    position: absolute;
    left: 0px;
    font-family: fontAwesome;
    color:#F78178;
}




/*made ease section*/


/*testimonial slider*/


.testimonial__inner img {
    width: 64px !important;
    margin: 0 auto;
}

.testimonial__inner p {
    color: #6A848D;
    margin: 20px 0px;
    font-size: 14px;
    line-height: 27px;
}

.testimonial__inner h4 {
    color: #3BB349;
    font-size: 20px;
}



.testimonial .owl-dots {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 40px;
}

.testimonial .owl-dots button {
    height: 16px;
    width: 16px;
    background: transparent;
    margin-right: 5px;
    border-radius: 50%;
    opacity: 0.5;
    transition: 0.5s;
    border: 1px solid #fff;
}

.testimonial .owl-dots button.active {
    position: relative;
}

.testimonial .owl-dots button.active:before {
    content: '';
    position: absolute;
    border-radius: 50%;
    width: 80%;
    height: 80%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: #3BB349;
}

/*testimonial slider*/


/*plan css*/

.plan__main {
    border-radius: 10px;
    overflow: hidden;
}

.text-center.plan__title {
    background: rgba(255,255,255,0.2);
    padding: 15px;
}

.text-center.plan__title h2 {
    font-size: 20px;
    font-weight: 500;
}

.text-center.plan__title p {
    font-size: 14px;
    font-weight: 300;
    margin-top: 5px;
}

.plan__feature ul li {
    color: #ffffff;
    font-size: 14px;
    font-weight: 300;
    padding-left: 26px;
    position: relative;
    margin-bottom: 8px;
}

.plan__feature {
    padding: 20px 15px 20px 15px;
}

.plan__feature ul li:before {
}

.plan__feature ul li:before {
    content: '\f00c';
    position: absolute;
    left: 0px;
    font-family: fontAwesome;
    color: #ffffff;
}

.plan__feature a {
    margin-top: 15px;
}

.orange__bg{
  background: linear-gradient(to bottom, #ED602E, #F5A540);
}

.blue__bg{
  background: linear-gradient(to bottom, #007BBB, #9541F6);
}

.pink__bg{
  background: linear-gradient(to bottom, #EC388B, #8603F9);
}


/*plan css*/

/*instagram css*/

.instagram__section ul {
    display: flex;
}

.instagram__section ul li {
    position: relative;
    overflow: hidden;
}

.instagram__section ul li img {
    width: 100%;
}

.instagram__section ul li div {
    position: absolute;
    top: -100%;
    left: 0px;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(0,0,0,0.8);
    transition: 0.5s;
}

.instagram__section ul li:hover div{top:0px;}

.instagram__section ul li div img {
    width: 38px;
}

section.pd-top-50 {
    padding-top: 50px;
}

/*instagram css*/


/*subscription page css*/


/*checkout page css*/

.check__tab ul li {
    width: 33.3%;
    text-align: center;
}

.check__tab ul li a.active {
    background: transparent !IMPORTANT;
}

.check__tab ul li a i {
    height: 30px;
    width: 30px;
    background: #b5b2b2;
    border-radius: 50%;
    line-height: 30px;
    color: #fff;
}

.check__icon {
    position: relative;
}

.check__icon:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 5px;
    background: #D8D8D8;
    left: 0px;
    top: 47%;
    z-index: -1;
}

.check__tab ul li a {
    padding: 0px;
    color: #000;
    font-weight: 500;
}

.check__tab ul li a p {
    font-size: 13px;
    margin-top: 7px;
}

.check__tab {
    z-index: 9;
}

.check__tab ul li a.active .check__icon:before {
    background: #1F8E2C;
}

.check__tab ul li a.active i {
    background: #1F8E2C;
}

.check__tab ul li a.active p {
    color: #000;
}

label.errors {
    color: red;
    font-size: 11px;
    font-weight: 300;
    position: absolute;
}

.cart__tabcontent {
    margin-top: 40px;
}

.cart__tabcontent table th {
    color: #aba3a3;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
}

.cart__tabcontent table th, .cart__tabcontent table td {
    border: none;
}

.cart__tabcontent table td .quantity__select{margin:0 auto;margin-bottom: 0px;justify-content: center;}

.cart__tabcontent table th.dark-color {
    color: #0a0a0a;
    font-size: 16px;
    font-weight: 700;
    text-align: left;
}

.cart__product_image {
    width: 100px;
}

.cart__product {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 320px;
}
.cart__tabcontent table td{position: relative;vertical-align: middle;text-align: center;}

.cart__product_content {
    width: calc(100% - 100px);
    padding-left: 10px;
    text-align: left;
}

.cart__product p {
    font-size: 14px;
    color: #142328;
}

.cart__product_content h5 {
    color: #6A848D;
    font-size: 15px;
}

.cart__product_content h5 span {
    color: #1F8E2C;
}

h4.color-black {
    font-size: 15px;
    font-weight: 600;
}

.cart__tabcontent table td h3 {
    font-size: 16px;
    color: #1F8E2C;
}

.cart__tabcontent table td a {
    color: #000;
    position: absolute;
    bottom: 16px;
    display: block;
    font-size: 13px;
    right: 13px;
    text-decoration: underline !important;
}

.cart__tabcontent table th:last-child {
    text-align: right;
}

.cart__tabcontent table td:last-child {
    text-align: right;
}

.cart__tabcontent table tr {
    border-bottom: 1px solid #dddada;
}

.cart__tabcontent table tr td {
    padding-bottom: 32px;
}

.add__note {
    margin-top: 40px;
}

.add__note h4 {
    margin-bottom: 16px;
    color: #0a0a0a;
    font-size: 16px;
    font-weight: 700;
    text-align: left;
}



.paymeny__summery {
    border: 1px solid #e7e7e7;
    border-radius: 7px;
    overflow: hidden;
    margin-bottom: 15px;
}

.paymeny__summery h4 {
    background: #142328;
    color: #fff;
    font-size: 17px;
    padding: 12px 15px;
}


.payment__block {
    padding: 10px;
}

.wallate__balence_left {
    font-size: 13px;
    font-weight: 500;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.wallate__balence_left input {
    width: 20px;
    height: 20px;
    margin-right: 9px;
}

.wallate__balence_block {
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 2px dashed #adadad;
    display: flex;
    justify-content: space-between;
}

.wallate__balence_right {
    color: #3BB349;
    font-weight: 500;
}

.apply__cuponcode {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 2px dashed #adadad;
}

.apply__cuponcode__input {
    position: relative;
}

.apply__cuponcode__input input, .apply__cuponcode__input input:active, .apply__cuponcode__input input:focus {
    box-shadow: none;
    outline: none;
    border: 1px solid #BCBCBC;
    height: 40px;
    font-size: 14px;
    background: #F5F5F5;
    padding-right: 80px;
}

button.apply__cuponcode__overlay__btn {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 100%;
    padding: 0px 15px;
    background: #3BB349;
    border: none;
    border-radius: 7px;
    color: #fff;
    font-size: 15px;
    transition: 0.5s;
    border:1px solid #3BB349;
}


button.apply__cuponcode__overlay__btn:hover{
  background: transparent;
  color: #3BB349;
}

.payment__discription ul li {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 10px;
    font-size: 14px;
    width: 100%;
    margin-right: 0px;
}

.payment__discription {
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ddd;
}

.cart__mini .cart__detail__title h3:before {
    display: none;
}

.payment_dis_name {
    flex: 1;
}

.payment__value {
    width: 66px;
    text-align: right;
}

.payment__discription ul li:last-child {
    margin-bottom: 0px;
}

.payment__discription.payment__discription__val {
    border: none;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.payment__value.color-green {
    color: #3bb349;
    font-weight: 600;
}

.paymeny__button_gru {
    margin-top: 15px;
}

.paymeny__button_gru a {
    display: block;
    text-align: center;
    line-height: 40px;
    font-size: 14px;
    border-radius: 7px;
    margin-bottom: 10px;
    border:1px solid #3BB349;
    transition: 0.5s;
}

.paymeny__button_gru a:last-child {
    margin-bottom: 0px;
}

a.updatecart {
    border-color: #3BB349;
    color: #3BB349;
}

a.updatecart:hover {background: #3BB349;color: #fff;}

a.processcart {
    border-color: #3BB349;
    background: #3BB349;
    color: #fff;
}

a.processcart:hover {
    background: transparent;
    color: #3BB349;
}

.payment__footer p {
    display: flex;
    font-size: 12px;
    font-style: italic;
    margin-bottom: 15px;
}

.payment__footer p span {font-weight: 500;margin-right: 5px;font-style: normal;}


.payment__footer_n ul li {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.payment__text {
    flex: 1;
    font-size: 14px;
    font-weight: 600;
}

.payment__icon {
    width: 30px;
}

.payment__icon img {
    width: 25px;
}

.transform__100 {
    transform: translateY(-60px);
}

.sontinue_shopping a {
    text-align: center;
    line-height: 40px;
    font-size: 15px;
    border-radius: 7px;
    margin-bottom: 10px;
    border: 1px solid #3BB349;
    transition: 0.5s;
    padding: 0px 28px;
    color: #3BB349;
}

.sontinue_shopping a:hover {
    background: #3BB349;
    color: #fff;
}

.sontinue_shopping {
    padding-top: 25px;
}


.cart__detail {
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 2px dashed #ddd;
}

.cart__detail__title {
    cursor: pointer;
        margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ddd;
}

.cart__detail__title h3 {
    font-size: 17px;
    position: relative;
    padding-right: 22px;
}

.cart__detail__title h3:before {
    content: '\f107';
    position: absolute;
    font-family: 'FontAwesome';
    right: 0px;
}

.product__cart__row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ddd;
}

.product__cat__image {
    width: 57px;
}

.product__detail__list {
    flex: 1;
    padding: 0px 10px;
    overflow: hidden;
}

.product__detail__list p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 13px;
}

.quantity__multiple p {
    margin: 0px;
}

.quantity__multiple {
    display: flex;
    margin-top: 7px;
}

.quantity__multiple p.qty button {
    height: 25px;
    width: 25px;
    line-height: 22px;
    font-size: 15px;
}

.quantity__multiple p.qty input {
    height: 23px;
    width: 42px;
}

.price__block p {
  font-size: 17px;
    color: #3BB349;
    font-weight: 600;
}

.price__block {
    text-align: right;
    width: 61px;
}

.price__block a {
    font-size: 13px;
    text-decoration: underline !important;
}

.product__cart__row:last-child {
    margin-bottom: 0px;
    padding-bottom: 0px;
    border-bottom: none;
}


h4.address__delivery__title {
    color: #0a0a0a;
    font-size: 16px;
    font-weight: 700;
    text-align: left;
    margin-bottom: 25px;
}

.address__delivery__block {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 8px;
    padding: 10px;
    border: 1px solid #ddd;
}

.address__delivery__block:hover{
  border-color:#3BB349;
}

.address__delivery__left {
    width: 150px;
    font-weight: 500;
    display: flex;
    align-items: center;
}

.address__delivery__left p {
    font-size: 14px;
}

.address__delivery__right {
    flex: 1;
    font-size: 14px;
}

.address__delivery__left input {
    margin-right: 5px;
    height: 20px;
    width: 20px;
    display: flex;
    align-items: center;
}
.address__delivery__left p {
    font-size: 14px;
}

.address__delivery__right a {
    margin-left: 10px;
    text-decoration: underline !important;
}

.sontinue_shopping.text-right a {
    background: #3BB349;
    color: #fff;
}

.sontinue_shopping.text-right a:hover {
    background: transparent;
    color: #3BB349;
}


.payment__method ul li input {
    width: 20px;
    height: 20px;
}

.payment__method ul li {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 15px;
}

.payment__method ul li img {
    margin: 0px 6px;
    width: 21px;
}



.swiper-button-next, .swiper-button-prev {
    color: #000;
}


.dp-block-subscribe{
  display:none;
}

.dp-none-subscribe{
  display: block;
}


#subscription .dp-block-subscribe{
  display: block;
}

#subscription .dp-none-subscribe{
  display: none;
}


/*checkout page css*/








/*review css*/


.review__block {
    display: flex;
    flex-wrap: wrap;
    align-items: start;
}

.review__image {
    width: 80px;
    border-radius: 50%;
    overflow: hidden;
}

.review__image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.review__contnet {
    width: calc(100% - 80px);
    padding-left: 19px;
}

.review__contnet h4 {
    font-size: 20px;
}

.review__contnet div {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 7px;
}

.review__contnet div {}

.review__contnet p {
    font-weight: 400;
    color: #000;
    font-size: 14px;
}

.review__contnet i {
    color: #4eae4a;
    font-size: 18px;
    line-height: 25px;
}

.review__contnet div div {
    margin-left: 20px;
}

.review__contnet div p{
  margin-left: 20px;
}




/*review css*/

.product__cart__details{
    max-height: 202px;
    overflow-y: auto;
}

.product__category__list .col-md-3{
  margin-bottom: 15px;
}



/*new css 5-8-2022*/


/*.hero__image img {
    height: 360px;
    object-fit: cover;
    object-position: center;
}
*/

/*new css 5-8-2022*/


.shipping__list ul li {
    flex-direction: column;
    text-align: center;
}

.shipping__list ul li p {
    margin-top: 10px;
}


/*responsive css*/







nav.my-3 ul.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap:wrap;
}

nav.my-3 ul.pagination li a {display: inline-block;height: 40px;width: 40px;text-align: center;line-height: 40px;border-radius: 50%;margin-right: 8px;background: #142328;font-size: 12px;color: #fff;}

nav.my-3 ul.pagination li a:last-child {
    margin-right: 0px;
}

nav.my-3 ul.pagination li a.current {
    background: #3BB349;
}

nav.my-3 ul.pagination li a:hover {
    background: #3BB349;
}

a[rel="next"] {
    width: 65px !important;
    border-radius: 30px !IMPORTANT;
}

a[rel="prev"] {
    width: 81px !important;
    border-radius: 30px !IMPORTANT;
}

nav.my-3 ul.pagination li {
    margin-right: 8px;
}

nav.my-3 ul.pagination li:last-child{
  margin-right: 0px;
}

.left__top .dropdown {
    position: relative;
    width: 200px;
}

.left__top .dropdown input {
    font-size: 14px;
    padding-left: 30px;
}

.left__top .dropdown .search_result {
    position: absolute;
    width: 100%;
    z-index: 99;
}

.left__top .dropdown .search_result a {
    font-size: 14px;
    padding: 8px;
}



/*cms page css*/

.about_content h2 {
    font-size: 26px;
    margin-bottom: 15px;
}

.about_content {
    padding-bottom: 50px;
    padding-top: 20px;
}

.about_content p {
    margin-bottom: 13px;
}

.page-breadcrumb {
    margin-top: 20px;
}

.page-breadcrumb ul {
    background: #fff;
}

.page-breadcrumb ul a {
    color: #000;
}

.page-breadcrumb ul li:nth-child(1) a {
    color: #3bb349;
}


.about_content .row.oder-detail label {
    color: #000;
}

.about_content input[type="submit"] {
    background: #3bb349;
    border-color: #3bb349;
    transition: 0.5s;
}

.about_content input[type="submit"]:hover {
    background: #000;
    border-color: #000;
}

.contact-detail li {
    margin-bottom: 9px;
    font-size: 16px;
}

.contact-detail li a {
    color: #000;
    font-weight: 600;
}

.contact-detail li a i {
    margin-right: 12px;
}


/*cms page css*/



/*review section css*/

.review__set {
    padding: 20px;
    background: #F8F9F8;
}

.review__set {
    display: flex;
    flex-wrap: wrap;
    align-items: start;
    flex-wrap: wrap;
    align-items: start;
    border-radius: 15px;
}

.client__image {
    width: 57px;
}

.client__image img {
    border-radius: 50%;
    height: 57px;
    width: 57px;
    border-radius: 50%;
}

.client__text {
    width: calc(100% - 57px);
    padding-left: 20px;
}

.client-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: end;
}

.name__rev h4 {
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 5px;
}

.rates i {
    color: #e1961a;
}

.date__rev {
    font-size: 12px;
    font-style: italic;
}

.review__rev {
    margin-top: 10px;
}

.review__text p {
    font-size: 13px;
}

.review__section__new h4 {
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 16px;
}

.review__section__new p {
    color: #403A35;
    font-weight: 400;
    font-size: 13px;
}

.review__section__new p span {
    color: #1FB70B;
}

.review__section__new .italic {
    font-style: italic;
}

.review__form {
    margin-top: 16px;
}

.review__rate {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 10px;
}

.review__rate i {
    color: #e1961a;
}

.review__writing {
    margin-bottom: 11px;
}

.review__writing label {
    color: #000;
}

.review__writing input {
    height: 40px;
}

.review__writing input, .review__writing textarea {
    border-radius: 4px;
    font-size: 13px;
}

.review__writing label {
    color: #000;
    font-size:14px;
}

button.submit.submit-review {
    background: #4BA550;
    color: #fff;
    font-weight: 500;
    font-size: 14px;
    border: 1px solid #4BA550;
    outline: none;
    padding: 7px 30px;
    margin-top: 26px;
    border-radius: 5px;
    transition: 0.5s;
}

button.submit.submit-review:hover {
    background: transparent;
    color: #4BA550;
}

/*review section css*/



/*otp css*/


.otp__page {
    height: calc(72vh);
    display: flex;
    justify-content: center;
    align-items: center;
}

.login__main.otp__veri__main {
    text-align: center;
}

.login__main.otp__veri__main h2 { 
    color: #fff;
    font-size: 19px;
}

.otp__verification ul {
    display: flex;
    flex-wrap: wrap;
}

.otp__verification ul li {
    width: 16.5%;
    padding: 0px 7px;
}

.otp__verification ul li input {
    height: 45px;
    width: 100%;
    border: 2px solid #fff;
    color: #fff;
    text-align: center;
}

.otp__verification {
    margin-bottom: 35px;
}

.otp__resend {
    margin-bottom: 100px;
}

.otp__resend h4 {
    font-size: 15px;
    color: #fff;
    font-weight: 300;
    margin-bottom: 11px;
}

.otp__resend a {
    color: #3bb349;
    font-size: 14px;
}



/*otp css*/



.login__main h2 {
    color: #fff;
    font-size: 20px;
    margin-top: 35px;
}

.more__content__document p {
    font-size: 13px;
    text-align: justify;
    color: #676767;
}


.form__inner input[type="date"] {
    width: 100%;
    padding: 0px 11px;
    position: relative;
    z-index: 2;
}

.form__inner input[type="date"]:before {
    content: '\f073';
    position: absolute;
    right: 16px;
    top: 0px;
    height: 43px;
    width: 23px;
    font-family: fontAwesome !important;
    font-weight: 400;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: -1;
}


div#suggesstion-box ul {
    display: block;
}

div#suggesstion-box ul li {
    margin: 0px;
}

div#suggesstion-box ul li a {
    display: block;
    padding: 3px 5px;
    color: #000;
    font-size: 14px;
}

div#suggesstion-box ul li:first-child {
    padding: 5px;
}


.more__content__home h1 {
    font-size: 26px;
    margin-bottom: 20px;
}

.more__content__home h2 {
    font-size: 23px;
    margin-bottom: 20px;
    font-weight: 300;
}

.more__content__home p {
    margin-bottom: 10px;
}



@media(max-width:1199px){
  .header__menu nav ul li a{
    padding-left: 10px !important;
    padding-right: 10px !important;
    font-size: 13px;
  }

  li.menu__toggle img {
    width: 19px;
  }
  li.search__bar img {
      width: 17px;
  }
  .left__top button#dropdownMenuButton{
    font-size: 14px;
  }

  .banner__overlay h2{font-size: 24px;}

  .banner__overlay h4{font-size: 15px;}

  .banner__overlay p{font-size: 15px;}

  .banner__overlay .shopnow__btn{line-height: 34px;}

  .new__arrival h4{font-size: 17px;}

  .new__arrival{height: 172px;}

  .new__arrival p{font-size: 14px;}

  .new__arrival a{font-size: 11px;line-height: 28px;width: 80px;}

  h2 {
      font-size: 26px;
  }

  p, label, .view-all {
      font-size: 14px;
  }

  .product__contnet p{height: auto;}

  div#countdown ul li{font-size: 42px;line-height: 63px;padding-bottom: 22px;}

  span.name-day{font-size: 11px;}

  li span.main-count {
      min-width: 48px;
  }
  div#countdown ul li{margin-right: 0px;}

  .contact__number a{font-size: 24px;}

  .contact__number img {
      width: 48px;
  }

  .blog__section span{font-size: 11px;}

  .blog__section h4{font-size: 14px;}

  .blog__section p{font-size: 13px;}

  .blog__section div a{
    font-size: 13px;
    line-height: 32px;
  }

  .text__box input, .text__box input:active, .text__box input:focus {font-size: 13px;height: 40px;}

  .button__subscribe a {height: 40px;line-height: 40px;}

  .footer1 ul li.call__btn a{font-size: 20px;}

  .footer1 ul li a{font-size: 12px;}

  .footer__link ul li a{font-size: 12px;}

  .footer__link h4{font-size: 17px;margin-bottom: 22px;}

  .footer1, .footer__link{margin-bottom: 28px;}

  .copyright__inner.text-center p{font-size: 11px;}

  .subsciption__banner h4{font-size: 17px;}

  .subsciption__banner h1{font-size: 36px;}

  .subscription__btn a{margin-top: 20px;}

  .subsciption__right {padding: 0px;}

  img.top__absolute{width: 170px;top: -70px;}

  img.bottom__absolute{width: 65px;bottom: 106px;}

  .relative{padding-bottom: 140px;}

  .cart__product{width:235px;}

  .cart__product_image {
    width: 60px;
  }

  .cart__product_content{
    width: calc(100% - 60px);
  }

  .cart__product p{font-size: 11px;}

  .cart__product_content h5{font-size: 13px;}

  .quantity__select .qty button {
      height: 25px;
      width: 25px;
      line-height: 21px;
      font-size: 18px;
  }

}

@media(max-width:1024px){

  .login__main h1{font-size: 22px;}

  .login__main p{font-size: 14px;}

  .login__main form {
      margin-top: 15px;
  }
  label{font-size: 14px;}
  .form__inner input, .form__inner input:active, .form__inner input:focus{height: 38px;font-size: 14px;}

  .forgot__password a {
    font-size: 14px;
  }
  .forgot__password{margin-bottom: 15px;}

  .login__button{line-height: 34px;font-size: 14px;}




}



@media(max-width:991px){

  .left__top .dropdown {
    width: 100%;
    margin-bottom: 10px;
}

  .right__header {position: absolute;right: 30px;top: 0px;}

  li.subscribe__btn a{line-height: 40px;font-size: 13px;}

  button.navbar-toggler {height: 40px;padding: 0px;display: flex;justify-content: center;align-items: center;padding-bottom: 0px;}

  .left__top .dropdown-menu.show{
    width:100%;
  }

  .header__menu {
      flex: 1;
  }

  .left__top button#dropdownMenuButton{
    width: 100%;
    text-align: left;
  }

  .header__menu nav ul li a{line-height: 35px;}

  .dropdown-toggle::after{
    position: absolute;
    right: 1px;
    top: 24px;
  }

  a#navbarDropdownMenuLink {
      position: relative;
  }

  .dropdown-menu a {
      color: #000;
      font-weight: 400 !IMPORTANT;
  }

  section.anousment__bar .col-md-4 {
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
      width: 100%;
  }

  .right__top ul {
      display: flex;
      flex-wrap: wrap;
      width: 100%;
      justify-content: space-between;
  }

  .dropdown-menu {width: 100%;}

  .dropdown-menu a {font-size: 13px;padding: 3px 19px;}

  .banner__overlay h2 {
      font-size: 24px;
  }

  div#countdown ul li{font-size: 42px;}

  .product__contnet h4{font-size: 12px;}

  .product__contnet a{font-size: 11px;line-height: 30px;}

  .footer1{padding-right: 0px;}

  a.logo__footer img {
      height: 85px;
  }

  .product_detail_right h1{font-size: 24px;}

  ul.select_price li p{font-size: 16px;}

  ul.select_price li span{font-size: 12px;}

  .product_detail_right h5{font-size: 14px;}

  .buy__buttons ul li button{font-size: 14px;padding:0px 20px;}


  .category__list__tab ul li a{
    font-size: 14px !important;
    line-height: 37px !important;
    padding:0px 15px;
  }
  .tab__content__data p{font-size: 13px;}


  .cart--content--row .col-md-8, .cart--content--row .col-md-4 {
    width: 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.cart__tabcontent th, .cart__tabcontent td {
      padding: 3px;
  }
  .cart__tabcontent table tr td {
      padding-bottom: 25px;
  }

  .transform__100 {
      transform: translateY(0px);
      margin-top: 30px;
  }
  
  
    li.subscribe__btn a span {
        display: contents;
    }
    
    li.subscribe__btn a { 
        font-size: 0px;
    }
    
    li.subscribe__btn a img {
        width: 35px;
    }
    
    .search__box input{
        height:36px;
    }
    
    li.subscribe__btn a{
        padding: 0px 7px;
    }
    
    .search__box input{
        width:180px;
    }

}



@media(max-width:767px){

  .form-group.check__box{font-size: 13px;}

  .social__block ul li a img{height: 30px;}

  .new__arrival{margin-bottom: 20px;}

  .new__arrival{background-size: contain;}

  .arrival__content .col-md-4 {
      width: 324px;
  }

  .banner__overlay h2 {
      font-size: 18px;
  }

  .hero__image img {
      height: 230px;
      object-fit: cover;
  }

  .title__section{width:100%;}

  .count__main {
      text-align: center;
  }

  div#countdown ul{
    justify-content: center;
  }

  .product__contnet a {
      font-size: 15px;
      line-height: 40px;
  }

  .product__contnet h4 {
      font-size: 18px;
  }

  .product__contnet p {
      font-size: 18px;
      height: auto;
  }

  .blog__section {
      margin-bottom: 20px;
  }

  .social__block.footer__social ul {
      justify-content: center;
      margin-top: 10px;
  }

  .banner__overlay{width:100%;}

  .categody__listtitle h1{font-size: 24px;}

  .product_detail_right {
      margin-top: 40px;
  }

  .buy__buttons ul li button{
    padding: 0px 20px;
  }

  .hero__subscrion .row {
      flex-direction: column-reverse;
  }

  .subsciption__right {
      margin-bottom: 40px;
  }

  .subsciption__banner {
      text-align: center;
  }

  img.top__absolute{
    width: 115px;
  }

  .relativeinner{margin-bottom: 20px;}

  img.bottom__absolute {
      width: 54px;
      bottom: 7%;
  }

  .box__right {
      margin-top: 35px;
  }

  .plan__main {
      margin-bottom: 20px;
  }

  .instagram__section ul{flex-wrap: wrap;}

  .instagram__section ul li{width: 33.3%;}

  .hero__subscrion{background-size: cover;}

  .instagram__section ul li div img {
      width: 25px;
  }

  .my__accountcontnet {
      padding-left: 0;
  }

  body .mySwiper2 img{
    height: 100% !important;
  }


  .contact-detail {
      margin-top: 30px;
  }
  
  .otp__resend {
        margin-bottom: 35px;
    }
  
  .otp__verification ul li{
      padding: 0px 2px;
  }
  
  .login__main.otp__veri__main h2{
      font-size:16px;
  }
  
  .otp__page{
      height: calc(60vh);
  }
  
  .more__content__home h1{
      font-size: 18px;
  }
  
  .more__content__home h2{
      font-size:16px;
  }
  
}

@media(max-width: 991px){
  .cate__list ul li{font-size: 12px;}

  .shipping__list ul li p{
    width: calc(100% - 30px);
    padding-left: 6px;
    font-size: 10px;
  }
  .img--sub {
      width: 30px;
  }
  .shipping__list ul li{width:90px;}
}


@media(max-width: 500px){
  .cate__list ul li{font-size: 12px;}

  .shipping__list ul li p{
    width: calc(100% - 30px);
    padding-left: 6px;
    font-size: 10px;
  }
  .img--sub {
      width: 30px;
  }
  .shipping__list ul li{width:90px;}

  .category__list__tab ul li {
      border-radius: 0px;
      margin-right: 0px;
      width: 100%;
  }

  .check__tab ul li a p{font-size: 10px;}

  .address__delivery__right{font-size: 12px;}

  .address__delivery__left{width:100px;}

  .relative {
      padding-bottom: 100px;
  }
    section.mg-50.mg-bt-0 {
      margin-bottom: 0px;
  }

  .tab__content__data{
    padding:20px 0px;
  }

  .review__image{
    width: 45px;
  }
  .review__contnet{
    width: calc(100% - 45px);
    padding-left: 5px;
  }
  .review__contnet h4{
    font-size: 14px;
  }

  .review__contnet div div {
      margin-left: 7px;
  }
  .review__contnet i{
    font-size: 11px;
    line-height: 19px;
  }
  .review__contnet div p {
      margin-left: 4px;
      font-size: 10px;
  }

  .review__contnet p {
      font-size: 10px;
  }

  .styled-components {
  display: flex !important;
   margin-top: 10px !important;
  margin-bottom: 10px !important;
}


.styled-components li {
  width: auto !important;
  margin: 0px 4rem 0px 0px !important;
  display: grid;
  text-align: center;
}

.styled-components i {
  font-size: 55px !important;
  margin-bottom: 10px !important;
}

.styled-brand span{
    background: rgb(242, 243, 244) none repeat scroll 0% 0%;
    color: rgb(37, 41, 53);
    border-radius: 0.1875rem;
    font-weight: 700;
    font-size: 0.75rem;
    letter-spacing: 0.00625rem;
    margin: 0px 0.5rem 0.5rem 0px;
    padding: 0px 0.25rem;
    white-space: nowrap;
}


/*section.anousment__bar .mobile__account {*/
/*    -ms-flex: 0 0 50%;*/
/*    flex: 0 0 50%;*/
/*    max-width: 50%;*/
/*    width: 50%;*/
/*}*/


}


/*responsive css*/

.left__top .dropdown img {
    position: absolute;
    z-index: 9;
    width: 13px;
    left: 7px;
    top: 10px;
}

span.select2.select2-container.select2-container--default{
  width: 218px !important;
}

.left__top .dropdown select, .left__top .dropdown span {
    height: 40px !important;
}

.left__top .dropdown span > span.selection span {
    padding-left: 32px;
}

.left__top .dropdown span > span.selection span span {
    padding-left: 0px;
    height: 40px !important;
    line-height: 40px !important;
    font-size:13px;
}

/*----------------------*/
/* PAGE STYLES */
:root { font-size: 16px; }
* { box-sizing: border-box; }
html {
  font-family: 'Montserrat', sans-serif;
}
.pin-title {
  position: fixed;
  top: 1.875rem;
  bottom: 1.875rem;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: 'Exo', sans-serif;
  font-weight: 800;
  font-size: 800%;
  letter-spacing: 0.0625rem;
  color: #f3f3f3;
  user-select: none;
  z-index: -1;
  text-align: center;
}


/* COOKIE POPUP STYLES */

.cookie-popup {
  
  font-size: 0.875rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  position: fixed;
  bottom: -6.25rem;
  left: 1.25rem;
  right: 1.25rem;
  padding: 0.625rem 0.9375rem;
  box-shadow: 0 0 0.625rem 0 rgba(0,0,0, .15);
  line-height: 150%;
  transition: opacity .5s;
  opacity: 0;
}
.cookie-popup--short {
  right: none;
  width: 21.875rem; 
}
.cookie-popup--dark {
  background: #000;
  color: #fff;
}
.cookie-popup--not-accepted {
  opacity: 1;
  animation: cookie-popup-in .5s ease forwards;  
}
.cookie-popup--accepted {
  opacity: 0;
}
.cookie-popup a {
  color: skyblue;
}
.cookie-popup a:visited {
  color: skyblue;
  text-decoration: none;
}
.cookie-popup-actions {
  flex: 1;
  text-align: right;
}
.cookie-popup-actions button {
  color: orange;
  border: none;
  background: none;
  font-family: inherit;
  font-style: inherit;
  font-size: inherit;
  font-weight: bold;
  text-transform: uppercase;
  font-size:  0.75rem;
  padding: 0;
  cursor: pointer;
}
.cookie-popup-actions button:hover {
  text-decoration: underline;
}

@keyframes cookie-popup-in {
  from { bottom: -6.25rem; }
  to { bottom: 1.25rem; }
}

.loade__main {
    position: fixed;
    top: 0px;
    left: 0px;
    height: 100vh;
    width: 100%;
    background-color: rgb(255 255 255 / 70%);
    z-index: 99999;
}

.loader__inner {
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.loader__inner img {
    height: 75px;
}



.loader {
    border: 5px solid #bfffc7;
      border-radius: 50%;
      border-top: 5px solid #3BB349;
      width: 80px;
      height: 80px;
      -webkit-animation: spin 2s linear infinite;
      animation: spin 2s linear infinite;
  }

  /* Safari */
  @-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
  }

  @keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
  }


/*new css 19-7-2022*/



button.btn.btn-primary.address__submit {
    border: 1px solid #3BB349;
    background: #3BB349;
    text-transform: uppercase;
    margin-top: 20px;
    padding: 7px 25px;
    float: right;
    transition: 0.5s;
    outline: none;
}

button.btn.btn-primary.address__submit:hover {
    background: transparent;
    color: #3BB349;
}

table.table.table-bordred.table__order th, table.table.table-bordred.table__order td {
    font-weight: 400;
    font-size: 14px;
}

table.table.table-bordred.table__order th, table.table.table-bordred.table__order td {
    white-space: nowrap;
}

span.green__bg {
    background: green;
    color: #fff;
    padding: 7px;
}

span.orage__bg {
    padding: 7px;
    background: orange;
    color: #fff;
}

.my_address_tlt{
  text-transform: uppercase;
}

.wallate__row {
    width: 200px;
    border: 1px solid #e1e1e1;
    display: flex;
    flex-wrap: wrap;
    padding: 10px;
    border-radius: 5px;
}

.wallate__image {
    width: 65px;
    opacity: 0.5;
}

.wallate__price {
    width: calc(100% - 65px);
    display: flex;
    flex-direction: column;
    color:#000;
}

.wallate__price h4 {
    margin-top: auto;
}

form.password__change label {
    color: #000;
    font-size: 15px;
}

.profile-pic {
    width: 200px;
    max-height: 200px;
    display: inline-block;
}

.file-upload {
    display: none;
}
.circle {
    border-radius: 100% !important;
    overflow: hidden;
    width: 128px;
    height: 128px;
    border: 2px solid rgba(255, 255, 255, 0.2);
    position: absolute;
}
.p-image {
  position: absolute;
      top: 83px;
    right: 9px;
  color: #666666;
  transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
}
.p-image:hover {
  transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
}
.upload-button {
  font-size: 1.2em;
}

.upload-button:hover {
  transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
  color: #999;
}

.profile--image {
    width: 128px;
    height: 128px;
    position: relative;
}

label.upload-file-block .text-uppercase {
    font-size: 10px;
}


.referral__block p {
    height: 50px;
    padding-left: 40px;
    padding-right: 40px;
    white-space: nowrap;
    line-height: 50px;
    border: 1px solid #ddd;
    border-radius: 5px;
    background: #f1f1f1;
    overflow: hidden;
    text-overflow: ellipsis;
}

.referral__block {
    position: relative;
}

i.fa.fa-user-o {}

.referral__block i.fa.fa-user-o {
    position: absolute;
    top: 50%;
    left: 11px;
    transform: translateY(-50%);
}

a.copytext {
    position: absolute;
    color: #000;
    right: 13px;
    top: 50%;
    transform: translateY(-50%);
}


.referral__block {
    margin-bottom: 10px;
}








/*21-7-2022 css*/


section.thankyou__order {
    margin-top: 75px;
}

section.thankyou__order h4 {
    font-size: 18px;
    margin-bottom: 20px;
}

section.thankyou__order {
    margin-bottom: 40px;
}

section.order__detail__place h2 {
    margin-bottom: 35px;
    text-transform: capitalize;
    font-weight: 600;
}

.order__table img {
    width: 110px;
}

section.thankyou__order table th, section.thankyou__order table td, .order__detail__place table th, .order__detail__place table td {
    font-size: 13px;
}

section.thankyou__order table th:nth-child(1), .order__detail__place table th:nth-child(1) {
    width: 140px;
}

.order__detail__place table th:last-child, .order__detail__place table td:last-child {
    text-align: right;
}

section.order__detail__place {
    margin-bottom: 30px;
}

td.text-right.bold {
    font-size: 22px;
    font-weight: 600;
}

table td.bold__total {
    font-size: 25px;
    font-weight: 600;
    color: #3BB349;
}


.view__more__btn {
    background: #3BB349;
    line-height: 43px;
    color: #fff;
    padding: 0px 30px;
    border-radius: 5px;
    margin-top: 18px;
    font-size: 15px;
    transition: 0.5s;
    border: 1px solid #3BB349;
}

.view__more__btn:hover {
    background: transparent;
    color: #3BB349;
}


.table__order table th:nth-child(1), .table__order  table th:nth-child(1){
  width:auto;
  text-align: left;
}

.order__detail__new p {
    margin-bottom: 18px;
}

.order__detail__new p span {
    color: orange;
}

.order__tail__time {
    margin-bottom: 24px;
}

.order__detail__new p {
    margin-bottom: 18px;
}

.order__detail__new p span {
    color: orange;
}

.order__tail__time, .shipping__detail {
    margin-bottom: 24px;
    border: 1px solid #ddd;
    padding: 20px;
}

.order__detail__new p {
    margin-bottom: 18px;
}

.order__detail__new p span {
    color: orange;
}

.order__tail__time, .shipping__detail {
    margin-bottom: 24px;
    border: 1px solid #ddd;
    padding: 20px;
}


.shipping__detail h5 {
    font-size: 13px;
    margin: 9px 0px;
    font-weight: 400;
}


.order__tail__time, .shipping__detail {
    margin-bottom: 40px;
    padding: 20px;
    border: 1px solid #ddd;
}

.order__tail__time h2, .shipping__detail h2 {
    font-size: 28px;
    margin-bottom: 17px !important;
}

.shipping__detail p {
    margin-bottom: 5px;
    font-size: 16px !important;
    font-weight: 400;
    color: #606060;
}

.shipping__detail h5 {
    font-size: 13px;
    margin-bottom: 10px;
}

.shipping__detail {
    padding-bottom: 32px;
}

.delivery__block {
    padding: 20px;
    border: 1px solid #ddd;
    margin-top: 25px;
}

.delivery__block h4 {
    color: #0a0a0a;
    font-size: 16px;
    font-weight: 700;
    text-align: left;
    margin-bottom: 25px;
}

.radio__block {
    margin-bottom: 20px;
}

.delivery__block h3 {
    margin-bottom: 10px;
}

.delivery__block p {
    margin-top: 13px;
    margin-bottom: 10px;
}



button.accordion-button {
    font-size: 18px;
    border: none;
    outline: none;
    background: none;
    border: 1px solid #e3e3e3;
    width: 100%;
    text-align: left;
    padding: 12px;
}

.accordion-collapse.collapse {
    /*display: block;*/
    padding: 0px 10px;
}

.accordion-collapse.collapse ol {
    padding-left: 15px;
}


.styled-components {
  display: flex !important;
   margin-top: 10px !important;
  margin-bottom: 10px !important;
}


.styled-components li {
  width: auto !important;
  margin: 0px 4rem 0px 0px !important;
  display: grid;
  text-align: center;
}

.styled-components i {
  font-size: 55px !important;
  margin-bottom: 10px !important;
}

.styled-brand span{
    background: rgb(242, 243, 244) none repeat scroll 0% 0%;
    color: rgb(37, 41, 53);
    border-radius: 0.1875rem;
    font-weight: 700;
    font-size: 0.75rem;
    letter-spacing: 0.00625rem;
    margin: 0px 0.5rem 0.5rem 0px;
    padding: 0px 0.25rem;
    white-space: nowrap;
}


p.titi__block {
    font-size: 20px;
    text-align: center;
    margin-bottom: 20px;
    color: #fff;
    font-weight: 400;
}

.plan__feature .col-md-12 {
    text-align: center;
}

.plan__feature .col-md-12 .text-white {
    display: inline-block;
    font-size: 16px;
    font-weight: 300;
    margin-right: 10px;
    margin-bottom: 20px;
}





.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #3bb349 !important;
    color: white;
    font-size: 14px !important;
}





.popup__maker {
    position: fixed;
    z-index: 99999;
    background: rgba(0,0,0,0.5);
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    display:none;
}

a.close__popup {
    position: absolute;
    right: 20px;
    top: 20px;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    background: red;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.popup__inner {
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.popup__box {
    width: 300px;
    background: #fff;
    border-radius: 15px;
    padding: 20px;
    text-align: center;
    animation:slideIndown 0.4s;
}


@keyframes slideIndown{
    0%{
        transform:translateY(-100px);
        opacity:0;
    }
    100%{
        transform:translateY(0px);
        opacity:1;
    }
}



.popup__box p {
    margin-bottom: 15px;
    font-size: 17px;
}

.popup__box h3 {
    margin-bottom: 20px;
    font-weight: 700;
    color: #000;
}

.popup__box img {
    width: 74%;
    margin-bottom: 20px;
}

.continue__btn a {
    display: block;
    text-align: center;
    background: green;
    color: #fff;
    text-transform: uppercase;
    line-height: 45px;
    border-radius: 6px;
    transition: 0.5s;
}

.continue__btn a:hover {
    background: #000;
}




@media(max-width: 767px){
  div#category__list .col-md-3{
    -ms-flex: 0 0 33.3%;
    flex: 0 0 33.3%;
    max-width: 33.3%;
  }
  
  .popup__box{
      width: 250px;
  }
  
  .popup__box h3{
      font-size: 24px;
  }
  
  .popup__box p{
      font-size:14px;
  }
  
  .continue__btn a{
      font-size: 14px;
      line-height: 39px;
  }
  
}


@media(max-width:991px){
  span.select2.select2-container.select2-container--default {
      width: 100% !important;
      margin-bottom: 10px;
  }
}







@media(max-width:550px){
  .login__main p {
    font-size: 10px;
}


}

nav.my-3 ul.pagination a.current {
    background: #3BB349;
}
nav.my-3 ul.pagination a {
    display: inline-block;
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 40px;
    border-radius: 50%;
    margin-right: 8px;
    background: #142328;
    font-size: 12px;
    color: #fff;
}



nav.my-3 ul.pagination a[rel="prev"] {
    width: 81px !important;
    border-radius: 30px !IMPORTANT;
}

nav.my-3 ul.pagination a[rel="next"] {
    width: 65px !important;
    border-radius: 30px !IMPORTANT;
}

button.star.active_new {
    color: #4ba550;
}

.review__rate.review-container button {
    border: none;
    outline: none;
    font-size: 25px;
    background: transparent;
}

button.submit-review {
    line-height: 40px;
    padding: 0px 30px;
    border: 2px solid #3bb349;
    border-radius: 7px;
    font-weight: 600;
    transition: 0.5s;
    font-size: 13px;
}

button.submit-review:hover {
    background: #3bb349;
    color: #fff;
}