/** Shopify CDN: Minification failed

Line 222:4 Comments in CSS use "/* ... */" instead of "//"
Line 346:0 Comments in CSS use "/* ... */" instead of "//"
Line 574:10 Expected identifier but found whitespace
Line 574:11 Unexpected "rotate("

**/
/* Accordion CSS Code by WebSensePro.com 
https://websensepro.com/blog/how-to-create-collapsible-accordion-for-product-description-shopify/
*/
.accordion {
	 margin: 1rem 0;
	 padding: 0;
	 list-style: none;
	 border-top: 1px solid #13394b;
}
 .accordion-item {
   padding: 15px 0;
   border-bottom: 1px solid #13394b;
   list-style: none !important; 
}
/* Thumb */
 .accordion-thumb {
	 margin: 0;
     padding: 0.6rem 0;
     cursor: pointer;
     font-weight: 600;
     font-size: 20px;
     color: #13394b;
}
 .accordion-thumb::before {
	 content: '';
	 display: inline-block;
	 height: 7px;
	 width: 7px;
	 margin-right: 1rem;
	 margin-left: 0.5rem;
	 vertical-align: middle;
	 border-right: 1px solid;
	 border-bottom: 1px solid;
	 transform: rotate(-45deg);
	 transition: transform 0.2s ease-out;
}
/* Panel */
 .accordion-panel {
	 margin: 0;
	 padding-bottom: 0.8rem;
     padding-left: 0px;
	 display: none;
     font-size: 12px;
     font-weight: 500;
     letter-spacing: 1px;
     word-spacing: 2px;
     color: #13394b;
}
/* Active */
 .accordion-item.is-active .accordion-thumb::before {
	 transform: rotate(45deg);
}
/* css for dimentions */
.details-main h3{
  font-size: 16px;
  font-weight: 600;
  margin: 7px 0px;
}
.details-main h4{
  font-size: 14px;
  font-weight: 600;
  margin: 7px 0px;
}
.details-main p{
  margin: 0px 0px 5px;
}
/* video section */
.accordion-panel video{
  width: 100%;
}

/* faqs */
.accordion-panel .page-content{
 padding-top: 10px;
    padding-bottom: 10px;
}
.accordion-panel .page-width{
 padding:  0px 0px
}
.accordion-panel .faq-main-box strong{
   font-weight: ;
   font-size: 14px;
   color: #13394b;
}
.accordion-panel .faq-main-box p{
     font-size: 12px;
     font-weight: 400;
     color: #13394b;
  margin: 0px 0px 5px
}

/* DIMENSIONS & DETAILS css */
.metafield-rich_text_field p{
    margin: 0 0 5px;
}
.metafield-rich_text_field h2{
     font-size: 16px;
     font-weight: 900;
     color: #13394b;
    margin: 15px 0 15px;
}
.metafield-rich_text_field h4{
     font-size: 14px;
     font-weight: 600;
     color: #13394b;
   margin: 10px 0 10px;
}
.metafield-rich_text_field strong{
     font-size: 14px;
     font-weight: 600;
     color: #13394b;
   margin: 10px 0 10px;
}






/* Product recomendation section */
.recommends{
  width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    padding: 0px 40px;
  flex-wrap: wrap;
  max-width: 1500px;
    margin: 0 auto;
}
.recommends-box{
  width: 23%;
  display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
     margin-bottom: 15px;
}
.recommends-box-title{
    text-align: center;
  text-transform: capitalize;
    color: #13394b;
    font-size: 16px;
    font-family: Open Sans,sans-serif;
    letter-spacing: .025em;
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    text-rendering: optimizeSpeed;
    position: relative;
    font-weight: 400;
   margin-bottom: 3px;
}
.recommends-box-price h2{
    font-size: 16px;
    text-align: center;
    font-weight: 400;
    text-transform: capitalize;
    padding-right: 8px;
    margin: 0 0 8px;
}
.recommends-box-price{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

@media screen and (max-width: 1200px) {
.recommends-box-title{
font-size: 14px
}
  .recommends-box-price h2{
    font-size: 14px
  }
}
@media screen and (max-width: 990px) {
.recommends-box{
  width: 48%;
}
}
@media screen and (max-width: 767px) {
.recommends{
    padding: 0px 20px;
}
  .recommend-heading{
   width: 100%;
    font-size: 24px; 
}
  
}
@media screen and (max-width: 600px) {
.recommends-box {
    width: 100%;
}
}
.recommends-box-price{
  color: #1c1d1d;
  font-size: 13.6px;
}
.saved{
  color: #d94141;
  font-size: 13.6px;
}
.recommend-heading{
  width: 100%;
  text-align: center;
}
.accordion-panel {
  text-transform: unset;
}
.product-single__description--excerpt{
  display: none
} 
    // **************************************************** Related products styles start here **************************************************** //

.related-products-wrapper {
}

.related-products-dummy {
    padding: 10 px;
    clear: both;
}

.related-product-list {
    margin-top: 15px;
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
  width: 100%;
}

.related-product {
    display: flex;
    flex-direction: row;
    align-items: center;
    text-align: center;
    max-width: 100%;
   width: 100%;
}

.related-product-image {
    height: auto;
    width: 30%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.related-product-image img {
    max-width: 100%;
    max-height: 100%;
}

.related-product-price {
    color: $color-body-text;
}
.related-buttons {
    display: flex;
    width: 100%;
    justify-content: space-around;
    align-items: center;
    padding: 10px 0px 20px; 
}
.product-content-box{
  width: 70%;
  text-align: left;
  font-size: 14px;
  font-weight: 600;
  padding-left: 10px;
  
}
.related-product-details {
  padding: 10px;
  border-radius: 10px;
  width: 100%;
}
.related-product-button-box{
   width: 100%;
}
.custom-button{
  background-color: #000;
  transition-delay: .25s;
  transition: background-color .2s ease 0s;
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .2em;
  display: inline-block;
  padding: 12px 0px;
  color: #fff;
  width: 100%;
  text-align: center;
}
.custom-button:hover{
  background-color: #000000b5;
}
.next-btn{
  background-color: #fefefe;
  transition-delay: .25s;
  transition: background-color .2s ease 0s;
  letter-spacing: .2em;
  display: inline-block;
  width: 40%;
  font-weight: 600;
  padding: 12px 20px;
  text-align: center;
}
/* .next-btn:hover{
 box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
} */
.next-btn a{
  font-size: 10px;
  font-weight: 900;

  text-transform: uppercase;
  
  color: #000;
}
@media only screen and (max-width: 990px) and (min-width: 1200px){
.product-content-box{
  font-size: 12px; 
}
}
@media only screen and (max-width: 959px){
.custom-button {
    font-size: 10px !important;
}
  .next-btn {
    font-size: 10px !important;
}
}
@media only screen and (max-width: 500px){
.product-content-box{
  font-size: 12px;
  
}
}
// **************************************************** Related products styles end here **************************************************** //







.related-products-wrapper {
      margin-bottom: 20px;
}

.related-products-dummy {
    padding: 10 px;
    clear: both;
}

.related-product-list {
    margin-top: 15px;
    display: flex;
    gap: 15px;
    width: 100%;
    flex-wrap: wrap;
}

.related-product {
   display: flex;
    text-align: center;
    max-width: 100%;
    width: 100%;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.related-product-image {
    height: auto;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.related-product-image img {
    max-width: 100%;
    width: 100%;
}

.related-product-price {
    color: #1c1d1d;
}
.related-buttons {
    display: flex;
    width: 100%;
    justify-content: space-around;
    align-items: center;
    padding-top: 10px;
}
.product-content-box{
  width: 100%;
  text-align: left;
  font-size: 16px;
  font-weight: 600;
  padding-left: 10px;
  color: #13394b; 
}
.related-product-details {
  border-radius: 10px;
  width: 100%;
}
.related-product-button-box{
/*    width: 60%; */
}
.custom-button{
  background-color: #1d3849;
  transition-delay: .25s;
  transition: background-color .2s ease 0s;
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .2em;
  display: inline-block;
  padding: 12px 0px;
  color: #fff;
  width: 100%;
}
.custom-button:hover{
  background-color: #000000b5;
}
.next-btn{
  background-color: #fefefe;
  transition-delay: .25s;
  transition: background-color .2s ease 0s;
  letter-spacing: .2em;
  display: inline-block;
  width: 40%;
  font-weight: 600;
  padding: 12px 20px;
  text-align: center;
}
/* .next-btn:hover{
 box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
} */
.next-btn a{
  font-size: 10px;
  font-weight: 900;

  text-transform: uppercase;
  
  color: #000;
}




/* display none apps */
.template-block__block-page-block-usps .usps{
  display: none;
}
#shopify-section-template--14666245111877__product-pairs-with{
  display: none
}
#pairs-with-9057776454{
   display: none;
}
.template-block__block-product-description #fullDescription{
  display: none;
}
/* .index-section--small .page-width{
  display: none;
} */
.index-section .section-header{
  display: none;
}
#shopify-section-template--14669883277381__441276f4-bad2-48d2-a8d8-23028e032784 .index-section .section-header{
  display: block;
}
#Recommendations-6875153203269.grid-product__colors{
  display: none;
}
#RecentlyViewed-template--14669883277381__recently-viewed .index-section .section-header{
  display: block;
}
.index-section .product-details__grid{
  display: none;
}
.accordion-main{
  display: none;
}
.custom-tab-main{
  display: block
}
.product-banner-image{
  display: none;
}
@media only screen and (max-width: 767px){
.accordion-main{
  display:block;
}
  .custom-tab-main{
  display: none;
}
}
.hr--large {
    margin: 0px auto !important;
}



/* reccomend product mobile responsive */
.recommends-mobile{
        display: none
      }

    @media only screen and (max-width: 990px){
.recommends{
  display: none
}
      .recommends-mobile{
        display: block
      }
      .recommends-mobile .recommends-box {
  flex: 0 0 50%;
  padding:10px 20px;
}
}
@media only screen and (max-width: 600px){

    .recommends-mobile .recommends-box {
  flex: 0 0 100%;
  padding:10px 20px;
}  
}




.recommends-mobile .slider {
  position: relative;
  overflow: hidden;
}

.recommends-mobile .slider-container {
  display: flex;
  transition: transform 0.5s ease;
}



.recommends-mobile .slider-nav {
  position: absolute;
    bottom: 50%;
    
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.recommends-mobile .slider-prev, .slider-next {
  background: transparent;
  border: none;
  cursor: pointer;
  font-size: 16px;
  transition: all 0.3s ease;
}
.recommends-mobile .slider-next {
  transform: rotate(180deg);
}
transform: rotate(181deg);
.slider-prev:hover, .slider-next:hover {
  scale: 1.1;
} 



/* new header settings */


@media only screen and (min-width: 1100px){
.megamenu .medium-up--one-fifth {
    width: 25%;
}
 .megamenu .grid .grid__item {
    float: left;
    padding-right: 30px;
   padding-left: 0px;
    min-height: 1px;
}
  .text-center .megamenu .grid {
    text-align: center;
    max-width: 1100px;
    margin: 0 auto;
}
  .text-center .site-navigation {
    margin: 0 auto;
    max-width: 1100px;
}
}
@media only screen and (min-width: 769px){
.megamenu .medium-up--one-fifth {
    width: 25%;
}
 .megamenu .grid .grid__item {
    float: left;
    padding-right: 30px;
   padding-left: 0px;
    min-height: 1px;
}
  .text-center .megamenu .grid {
    text-align: center;
    max-width: 1100px;
    margin: 0 auto;
}
}
#Recommendations-9057776454 .index-section .section-header {
  display: block;
}






.site-header {
    padding-bottom: 0;
    z-index: 990;
}



/* Custom tab metafields loop image code */

  .custom_metafields_image_loop_mb{
    display: flex;
    align-items: center !important;
    justify-content: center;
    flex-wrap: wrap;
  }
  .custom_metafields_image_container_mb img{
    width: 100%;
  }
  
  
  .custom_metafields_image_container_mb{
    width: 50%;
    display: flex;
  }