/* ----------- Created by paresh:-------------------- */

/* ==== header css start ====== */

.header__row--bottom .header__columns {
    display: flex;
}
.header-message p {
    color: #234bbb;
    font-size: 16px;
    text-transform: capitalize;
    margin: unset;
}
.header-message p a {
    font-size: 20px;
    color: #232323;
    text-decoration: unset;
    font-weight: 600;
    text-transform: lowercase;
}
button.search__button.field__button {
color: #ff2437;
}
button.search__button.field__button svg.icon.icon-search {
    height: 2.4rem;
    width: 2.4rem;
}
.predictive-search--center .field {
    --color-input-border: 0px;
    box-shadow: 0 2px 5px #0003;
    border-radius: 14px;
}
.predictive-search--center .field button.search__button.field__button {
    box-shadow: unset;
}
.header__inline-menu .header__menu-item {
    padding: 7px;
}
.header-logo__image-container span.h2 {
    font-size: 16px;
}
.header-logo__image-container {
    width: 100%;
    max-width: 270px;
    height: auto;
}
.header__columns.items-center.spacing-style {
    max-width: 1400px;
    margin: auto;
    width: 100%;
    padding: 0 15px;
}
.header__column--center {
    margin-left: -19%;
}
.header__icon span:not(.icon-flag) {
    height: 100%;
    font-weight: 400;
    text-transform: capitalize;
}
.header__search .search--inline .predictive-search--center .search__input::placeholder {
    color: #808080 !important;
}
input.search__input.field__input {
    font-size: 18px;
}
.drawer__content-inner button.button:hover {
    color: #fff;
}
input.shopify-challenge__button:hover {
    color: #fff;
}
.search-modal__form button.reset__button.field__button {
    display: none;
}
.predictive-search--center .field button.search__button.field__button {
    background-color: #fff !important;
}
a.skip-to-content-link.button.visually-hidden {
    display: none;
}

/* ========== home page css start ============= */
/* ------ brands circle -----  */
.brand-title-sec {
    text-align: center;
    padding-top: 60px;
}
.brand-title-sec p {
    margin: unset;
}
.brand-title-sec h3 {
    margin-bottom: 20px;
    text-transform: uppercase;
    font-size: 24px;
}
 .brand-section {
    height: 700px;
    width: 700px;
    position: relative;
    margin: auto;
 }
.center-img {
    position: absolute;
    top: 38%;
    left: 36%;
    z-index: 7;
    height: 150px;
    width: 150px;
    border-radius: 50%;
           display: flex;
    flex-direction: column;
    justify-content: center;
}
.brand-logo1 {
    top: 11%;
    right: 0%;
}
.brand-logo2 {
    top: 38%;
    right: -10%;
}
.brand-logo3 {
    top: 67%;
    right: -1%;
}
.brand-logo4 {
    top: 86%;
    right: 24%;
}
.brand-logo5 {
    bottom: -7%;
    left: 25%;
}
.brand-logo6 {
    bottom: 10%;
    left: 1%;
}
.brand-logo7 {
    bottom: 37%;
    left: -10%;
}
.brand-logo8 {
    bottom: 66%;
    left: -3%;
}
.brand-logo9 {
    bottom: 87%;
    left: 20%;
}
.brand-logo10 {
    bottom: 87%;
    left: 52%;
}
.circle-img-container {
    height: 500px;
    width: 500px;
    animation: rotateGroup 60s linear infinite;
    border-radius: 50%;
    position: absolute;
    top: 12%;
    left: 11%;
}
.circle-img-container img{
 width: auto;
  height: auto;
}

@keyframes rotateGroup {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.brand-logo {
    position: absolute;
    animation: spin-brand-logo-img 60s linear infinite;
    height: 100px;
    width: 100px;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

@keyframes spin-brand-logo-img {
    100% {
        transform: rotateZ(-360deg);
    }
}
.brand-main {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
  .brand-text{
    width:43%;
  }
.brand-circle{
  width:55%;
}
.brand-text p {
    text-align: justify;
    font-size: 16px;
    line-height: 1.7;
}

/* ----- home page categories css----- */
.categories-main {
    padding-top: 40px;
}
.categories-sub{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
}
.categories-box {
    margin: 10px 15px;
    width: 190px;
  text-align:center;
  width:14%;
}
.categories-box h3{
  font-size:18px;
}
.categories-box img {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    transition: all .6s;
    width: 192px;
    height: 192px;
}
.categories-box a {
    display: inline-block;
}
.categories-title-box p {
    margin: unset;
    font-size: 16px;
}
.categories-title-box {
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    box-shadow: 1px 1px 15px gray;
    padding: 5px 0px;
}
.categories-box2 {
    margin-top: 48px;
}
.categories-box-one{
  transition:all 1s;
}
.categories-box-one:hover {
transform: translateY(39px);
}
.categories-box-two{
transition:all 1s;
}
.categories-box-two:hover {
transform: translateY(-39px);
}
.categories-main h3 {
    font-size: 24px;
    margin-bottom: 42px;
    text-transform: uppercase;
  text-align:center;
}

/* ------- new categories section ------- */
.new-categories-sec a {
    color: #000076;
    font-size: 16px;
    margin-top: 5px;
    display: inline-block;
}
.new-categories-sec {
    padding-bottom: 35px;
}
.new-categories-sec .container {
    max-width: 1600px;
}
.new-categories-sec span {
    font-size: 13px;
    margin-top: 1px;
    padding: 0px 6px;
    padding-left: 8px;
}
.new-categories-sec p {
    display: inline-block;
    background-color: #efeff4;
    font-size: 18px;
    padding: 7px 35px;
    margin: 0px;
    font-weight: 400;
}
.categories-line {
    padding-left: 40px;
    padding-top: 10px;
}
.new-brand-title {
    margin-top: 35px !important;
}

/* ------ Review slider ------  */
.testi .grid__item > .group-block {
    box-shadow: 7px 5px 16px gray;
}
.testi .grid__item {
    padding: 25px;
    height: auto;
}
.testi .swiper-pagination-bullet-active {
    background: #73c79e;
}
.testi .grid__item>.group-block {
    box-shadow: 7px 5px 16px gray;
    height: -webkit-fill-available;
}
.testi .icon-block.border-style {
    background-color: #cbcbcb;
    padding: 9px 5px 9px 10px;
    border-radius: 34px;
    color: #fff;
}

/* ----- most popular product slider ----  */
.card--block-vendor .opacity-70 {
    opacity: unset;
}
.collection-carousel-swiper-component .grid__item.swiper-slide {
    border: 1px solid #f5f5f5;
    height: auto;
    padding: 0px 20px;
}
.card--block-media .card__badge.right {
    display: none;
}

/* ============ footer - start ========== */
.section-footer .group-block-content .group-block:nth-child(3) {
    width: 65%;
}
.section-footer .group-block-content .group-block:nth-child(3) svg {
    height: 20px;
    width: 20px;
}
.section-footer .group-block-content .group-block:nth-child(3) .icon-block {
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.section-footer a.link.link--hover-underline {
    font-size: 14px;
}
.section-footer .icon-block__content p {
    font-size: 14px;
}
.section-footer .icon-block__content p a {
    text-decoration: unset;
}
.section-footer li.menu__item.paragraph {
    margin-top: 11px;
}
.section-footer .image-with-content-block {
    margin-top: -6px;
}
.section-footer:last-of-type rte-formatter {
    margin: auto;
}
.twitter {
    background-color: #31b1df !important;
    border-color: #31b1df !important;
    color: #4b4b4b !important;
}
.facebook {
    background-color: #385a9a !important;
    border-color: #385a9a !important;
    color: #4b4b4b !important;
}
.pinterest {
    background-color: #ec2327 !important;
    border-color: #ec2327 !important;
    color: #4b4b4b!important;
}
.instagram {
    background-color: #3e739d !important;
    border-color: #3e739d !important;
    color: #4b4b4b !important;
}
.tumblr {
    background-color: #ec2327 !important;
    border-color: #ec2327 !important;
    color: #4b4b4b !important;
}
.youtube {
    background-color: #ec2327 !important;
    border-color: #ec2327 !important;
    color: #4b4b4b !important;
}
.social__item--effect svg:first-child {
    top: 6px;
    left: 6px;
    height: 2.2rem;
    width: 2.2rem;
}
.section-footer .group-block-content .group-block:nth-child(1) img {
    width: auto !important;
}
.section-footer:last-of-type rte-formatter p {
    font-size: 14px;
}

/* =========== product page start =========== */
li.breadcrumbs__item {
    color: #999;
    font-size: 18px;
}
li.breadcrumbs__item a.link {
    color: #999;
}
li.breadcrumbs__item a.link:hover {
    color: #000;
}
.main-product-information {
    display: flex;
    flex-wrap:wrap;
}
.main-product-information .product-information .product-information__grid {
    grid-template-columns: 1fr 1fr !important;
}
.main-product-information .product-information {
    max-width: 1400px;
    margin: auto;
    padding-left: 15px;
    padding-right: 15px;
}
span.product-info-name {
    font-size: 18px;
    font-weight: bold;
}
span.product-info-value {
    font-size: 18px;
    padding-left: 6px;
}
.product-details h1 {
    font-size: 25px;
}
.product-details {
    flex-direction: column;
}
.popup.ask-an-expert > .button svg {
    top: 0;
    display: none;
}
.popup.ask-an-expert > .button  span {
    background-color: #000;
    color: #fff;
    padding: 10px;
    border-radius: 5px;
    font-weight: 400;
}
.popup.ask-an-expert > .button span:hover {
    text-decoration: underline;
}
.new-badge.badge.badge--bottom-left {
    display: none;
}
.ask-an-expert__content label.block.paragraph {
    display: none;
}
form.contact-form .contact-form-row:has(textarea)>label {
    display: block !important;
}
.block-contact-form .contact-form-input, .contact-form-textarea {
    color: #232323 !important;
    border: 1px solid #c7c7c7;
    border-radius: 4px;
}
.contact-form-input:focus-visible {
    box-shadow: unset;
    outline: unset;
    outline-offset: unset;
}
.contact-form-textarea:focus-visible {
    box-shadow: unset;
    outline: unset;
    outline-offset: unset;
}
.block-contact-form .contact-form-input::placeholder {
    color: #9b9b9b;
}
.contact-form-row:has(.form-ratio) {
    display: flex;
    padding-top: 15px !important;
    color: #000 !important;
    font-weight: 600;
    font-size: 18px;
}
.contact-form-row:has(.form-ratio) label {
    color: #000;
    font-size: 18px;
}
form.contact-form .contact-form-row:has(textarea)>label {
    display: block!important;
    color: #000;
    font-size: 18px;
    font-weight: 600;
}
.block-contact-form button.button.whitespace-nowrap {
    background-color: #000;
    color: #fff;
    border: 1px solid;
}
.block-contact-form button.button.whitespace-nowrap:hover {
    background-color: #fff !important;
    color: #000 !important;
}
.block-contact-form button.button.whitespace-nowrap:after {
    display:none;
}
.ask-an-expert__info p {
    font-size: 18px;
    color: #000;
}
.ify-quote-group {
    text-align: start !important;
}
.ify-quote-group button.storeify-quote-btn-trigger-popup:hover {
    text-decoration: underline;
}

/* ======= contact page css - start ========= */
.block-contact-form button.button-secondary.whitespace-nowrap {
    border-radius: 4px;
}
.button-hover--effect .button-secondary:not(.button-unstyled, .header__icon, [disabled]), .button-hover--effect .button:not(.button-unstyled, .header__icon, [disabled]) {
    &:hover {
&:after{
        background-color: #000;
}
    }
}
.button-hover--effect .button-secondary:not(.button-unstyled, .header__icon, [disabled]), .button-hover--effect .button:not(.button-unstyled, .header__icon, [disabled]) {
    &:hover {
.button-overflow:after{
    color: #fff;
}
    }
}

/* ========== blog page - start ========= */
.blog-posts__main.grid h2 {
    font-size: 25px;
    padding-top: 25px;
    padding-bottom: 10px;
}
.blog-posts__main.grid h3 {
    font-size: 22px;
    padding-top: 15px;
    padding-bottom: 10px;
}
.pagination__item {
    background: unset;
    color: #000;
    border: unset;
    display: flex;
    align-items: center;
}
.pagination__item--current {
    box-shadow: unset;
    border: 1px solid;
    border-radius: 50%;
}

/* ========== collection page =========== */
.collection-page {
    display: flex !important;
    width:100%;
    max-width: 1400px;
    margin: auto;
}
.collection-page .card--block.card-wrapper.product-card-wrapper {
    border: 1px solid #F5F5F5;
    padding: 20px;
}
.card--block-vendor {
    font-weight: 500;
    font-size: 20px;
}

/* ============== brands page ============== */
 .brand-page-sub {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
        }

        .brand-page-img {
            width: 16%;
            margin: 10px 15px;
            height: 150px;
        }

      .flip-box-inner {
    position: relative;
    width: 100%;
    height: 146px;
    text-align: center;
    transition: transform .8s;
    transform-style: preserve-3d;
    display: flex;
    justify-content: center;
    align-items: center;
}
.flip-box-inner:hover {
    box-shadow: 1px 1px 5px;
}
.flip-box:hover .flip-box-inner {
    transform: rotateY(180deg);
}

.flip-box-front, .flip-box-back {
    position: absolute;
    width: auto;
    height: 94px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
          overflow: hidden;
}
.flip-box-back {
    transform: rotateY(180deg);
}
.flip-box-front img {
     width: 80%;
}
.flip-box-back img {
    width: 80%;
}
.brand-page {
    margin-top: 50px;
}

/* ========= blog list page =========== */
.blog-post-card__content-text a {
    display: none;
}
.blog-post-card__content .button {
    padding: 5px;
    min-width: 161px;
    font-weight: 600;
}
.blog-post-card__content .button:hover {
    background-color: #232323;
    color: #fff;
}
.blog-post-card__content .text-block--AcmVXVlBNWkhNODhwS__heading {
    font-size: 22px;
    line-height: 1.2;
}
.blog-post-card__content {
    width: 70% !important;
}
.blog-post-card__image-container {
    width: 30% !important;
}
.blog-posts-container {
    gap: 5px;
}
.blog-post-item .balance-even {
    flex-direction: unset !important;
}

/* ====== blog page - start ======== */
.article-template  h1 {
    font-size: 26px !important;
}

/* ============ search filter - start ============ */
.card-product-information {
    flex-direction: column;
    align-items: start;
}

/* ========== About us - start ========= */

.about-us-page {
    max-width: 1350px;
}

.about-us-section{
    display: flex;
    flex-wrap: wrap;
}
.about-sec1{
    width: 50%;
}
.about-sec2{
    width: 50%;
}
.about-sec img {
    height: 300px !important;
    width: auto;
}
.about-sec p {
    text-align: justify;
    margin: 0px !important;
}
.about-sec h3 {
    margin: 0px;
    font-size:18px;
    line-height: 60px;
}
.about-us-page .container {
    width: 100%;
        text-align: start;
}
.main-page-title {
    text-align: center;
    font-size: 25px;
    font-weight: 600;
}
.about-sec2 img {
    float: right;
}
.about-sec {
    margin: 25px 0px;
}
.brand-sub {
    display: flex;
    flex-wrap: wrap;
   justify-content: center;
}
.brand-box {
    width: 330px;
    text-align: center;
    margin: 10px;
}
.about-us-page .brand-img {
    background-image: linear-gradient(#c1c3fc, #e0c3fc);
    padding: 30px 0px;
    border-radius: 12px;
    width: 200px !important;
    height: 140px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
}
.about-us-page .brand-box2 .brand-img {
    background-image: linear-gradient(#a2c5fd, #bde3fb);
}
.about-us-page .brand-box3 .brand-img {
    background-image: linear-gradient(#ced9f4, #d3d7fb);
}
.about-us-page .brand-img img {
    width: 75%;
}
.brand-box h3 {
    margin: 0px;
    font-size:18px;
    line-height:60px;
}
.brand-box p {
    margin: 0px;
    font-size: 16px;
}
.our-brand-sec h2 {
    text-align: center;
    margin: 40px 0px !important;
}
.about-us-page .brand-img:hover {
    box-shadow: 1px 2px 8px;
}

.about-us-page h2 {
    margin: 24px 0px;
    font-size: 24px;
}
.about-img {
    display: flex;
    align-items: center;
      justify-content: center;
}
.about-sec-mobile{
  display:none;
}


/* ============ media queary - start ========== */
@media (max-width:1400px){
    .about-sec1 {
    padding-right: 45px;
}
.collection-page {
    padding-left: 15px;
    padding-right: 15px;
}
}

@media (max-width:1280px){
    .header__column--center {
    margin-left: -11%;
}
.section-footer .group-block-content .group-block:nth-child(1) {
    width: 80%;
}
}

@media (max-width:1200px){
    .brand-text{
    width:100%;
  }

.brand-circle{
  width:100%;
}
  .categories-box {
  width:20%;
}
  .brand-box {
    width: 250px;
}
 .header__column--center {
    margin-left: 0%;
}
.section-footer .group-block-content.relative.layout-panel-flex.layout-panel-flex--row.tablet-layout-panel-flex--column.mobile-column {
    gap: 10px;
}

}

@media (max-width:1024px){
.section-footer .group-block-content {
    flex-direction: row;
    flex-wrap: wrap;
}
.section-footer .group-block-content .group-block--width-custom:nth-child(2) {
    width: 50%;
}
.section-footer .group-block-content .group-block--width-custom:nth-child(2) .group-block-content {
    display: flex;
    flex-wrap: nowrap;
}
.section-footer .group-block-content .group-block--width-custom:nth-child(2) accordion-custom.menu-block {
    width: 50% !important;
}
.section-footer .group-block-content .group-block:nth-child(3) {
    width: 100%;
    padding-top: 24px;
}
.section-footer .group-block-content {
    justify-content: start;
}
.section-footer .group-block-content .group-block:nth-child(1) {
    width: 46%;
}
.section-footer .group-block-content .group-block:nth-child(1) .text-block {
    display: block !important;
    width: 100%;
}
.header__row.header__row--top {
    padding-top: 10px;
    padding-bottom: 10px;
    box-shadow: 0 2px 3px #00000036;
}
header-component#header-component {
    min-height: unset;
}
.blog-posts-container {
    gap: 40px;
}
}

@media (max-width:992px){
  .top-brand-box {
    width: 32%;
}
  .top-brand-sub{
  justify-content:center;
}
  .top-brand-box{
  margin:10px 5px;
}
    .categories-box {
  width:19%;
}
  .brand-page-img {
    width: 25%;
}
  .categories-box img {
    width: 147px;
    height: auto;
}
.blog-posts__main.grid h2 {
    font-size: 18px;
}
.blog-posts__main.grid h3 {
    font-size: 16px;
}
}

@media (max-width:768px){

  .categories-box {
    width: 27%;
}
  .categories-box2 {
    margin: 10px 15px;
}
  .categories-box-one:hover {
transform: unset !important;
}
.categories-box-two:hover {
transform: unset !important;
}
.about-sec1, .about-sec2 {
    width: 100%;
}
  .brand-box {
    width: 320px;
}
  .categories-main h3 {
    line-height: 1.4;
}
  .categories-line {
    padding-left: 5px;
}
  .categories-box img {
    width: auto;
    height: auto;
}
.about-sec-mobile{
  display:block;
}
  .about-sec-desktop{
  display:none;
  }
  .about-sec img {
    height: unset !important;
    width: auto;
}
input#Search-In-Modal-Mobile {
    padding-left: 10px;
}
.search-drawer .predictive-search--center .field__label {
    left: 11px;
}
}

@media (max-width:767px){
    .brand-section {
    height: 400px;
    width: 400px;
}
  .circle-img-container img {
    width: auto;
    height: auto;
}
.section-footer .group-block-content .group-block:nth-child(1) {
    width: 100%;
}
.section-footer .group-block-content .group-block--width-custom:nth-child(2) {
    width: 100%;
    padding-top: 30px;
}
.circle-img-container {
    height: 350px;
    width: 350px;
}
.brand-text {
    padding: 0px 10px;
}
.brand-circle {
    padding-bottom: 50px;
}
.center-img {
    left: 30%;
}
.section-footer .section.section--custom.color-scheme-8 {
    padding: 0px 10px;
}
.collection-page {
    padding-left: 0px;
    padding-right: 0px;
}
.blog-post-card__content {
    width: 100%!important;
}
.blog-post-card__image-container {
    width: 96%!important;
}
.section-footer .group-block-content .group-block:nth-child(1) .icon-block {
    width: 100%;
}
.section-footer .group-block-content .group-block:nth-child(1) .icon-block span {
    width: 100%;
}
.section-footer .group-block-content .group-block:nth-child(1) img {
    width: 100% !important;
}
.brand-page {
    margin-top: 20px;
}
.storeify-quote-btn-trigger-popup {
    padding: 10px 15px;
}
.storeify-light-modal.target {
    padding: 20px;
}
}

@media (max-width:576px){
    .section-footer .group-block-content .group-block--width-custom:nth-child(2) .group-block-content {
    flex-wrap: wrap;
}
.section-footer .group-block-content .group-block--width-custom:nth-child(2) accordion-custom.menu-block {
    width: 100%!important;
}
.circle-img-container {
    height: 350px;
    width: 350px;
    /* top: 12%; */
    /* left: 5%; */
}
.circle-img-container img {
    width: 70px;
    height: auto;
}
.center-img {
    left: 35%;
}
.circle-img-container {
    top: 12%;
    left: 53px;
}
}

@media (max-width:550px){
    .product-details h1 {
    font-size: 20px;
}
}

@media (max-width:480px){
    .top-brand-box {
    width: 45%;
      display:flex;
      flex-direction:column;
      
}
  .brand-logo {
    height: 50px;
    width: 50px;
}
.center-img {
    top: 30%;
    left: 30%;
    height: 117px;
    width: 117px;
}
      .categories-box {
  width:44%;
         margin: 10px 5px;
}
  .brand-page-img {
    width: 40%;
}
.about-sec1 {
    padding-right: unset;
}
.circle-img-container {
    height: 250px;
    width: 250px;
}
.brand-section {
    height: 320px;
}
}