
		 .product-detail{
		 	margin-top: -50px;
		 }
		 @media(max-width: 1100px){
		 	 .product-detail{
			 	margin-top: -10px;
			 }
		 }
   .product-detail .pd-review {
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 37px;
   }
   .product-detail .pd-g-image {
      width: 24px;
      height: 24px;
      margin-left: 5px;
   }
   .product-detail .pd-g-image img {
      width: 100%;
      height: 100%;
      object-fit: contain;
   }
   .product-detail .pd-review span {
      font-weight: 700;
      margin-right: 10px;
      display: block;
   }
   .product-detail .sr-review-img {
      position: relative;
   }
   .product-detail .sr-review-img .yellow-img {
      position: absolute;
      left: 0;
      top: 0;
      overflow: hidden;
   }
   .product-detail .sr-review-img img {
      width: 6.25rem;
      max-width: 6.25rem;
   }

   .card-hover {
      transition: 0.4s;
   }
   .card-hover:hover {
      box-shadow: -6px 6px 0 #054372;
   }
   .card-hover.hover-both:hover {
      transform: translate(7px, -0.38rem);
   }
   {# Accordion #}
	.accordion__content {
		max-height: 0;
		overflow: hidden;
      transition: .5s;
		color: #f1f1f1;
		opacity: 0;
	}
	.faq_content {
		color: #707070 !important;
	}
	.accordion__active .accordion__content {
      opacity: 1;
      margin-bottom: 20px;
   }
   .accordion__content p {
       color: #707070;
   }
   .accordion__intro {
      padding: 24px 0;
      padding-right: 24px;
   }
   .accordion-section .container {
      max-width: 1280px !important;
      margin: 0 auto !important;
   }
   .accordion-column {
      padding: 0 16px;
   }
   .accordion {
      position: relative;
      border-bottom: 1px solid #D9D9D9;
   }
   .accordion-section .plus-icon {
      position: absolute;
      top: 50%;
      right: 0;
      width: 14px;
      height: 14px;
      transform: translateY(-50%);
      cursor: pointer;
      pointer-events: none;
   }
   .accordion-section .plus-icon::before,
   .accordion-section .plus-icon::after {
      content: "";
      position: absolute;
      top: 50%;
      left: 50%;
      width: 14px;
      height: 2px;
      background-color: #000000;
      transform: translate(-50%, -50%);
      transition: all .15s cubic-bezier(.42,0,.58,1);
   }
   .accordion-section .plus-icon::before {
      width: 14px;
      height: 2px;
      transform: translate(-50%, -50%) rotate(90deg);
   }
   .accordion-section .plus-icon::after {
      height: 2px;
   }
   .accordion.accordion__active .plus-icon::before{
      transform: translate(-50%, -50%) rotate(0);
   }
   .accordion.accordion__active .plus-icon::after {
      background-color: #054372;
   }
    .accordion.accordion__active .accordion__intro h4 {
      color: #054372;
    }
   .accordion-section .accordion-flex {
      margin: 0 -16px;
   }
   .accordion-section .col-left .accordion:first-child {
      border-top: 1px solid #D9D9D9;
   }
   {# Accordion End #}

   {# Products #}
   .product-detail .product-detail-conetnt {
      input[type="number"]::-webkit-inner-spin-button,
      input[type="number"]::-webkit-outer-spin-button {
         -webkit-appearance: none;
         margin: 0;
      }
      input[type="number"] {
         -moz-appearance: textfield;
      }
   }
   .product-detail .product-detail-conetnt .add_number {
      display: inline-flex !important;
      justify-content: center;
      min-height: 70px;
      min-width: 155px;
      border-radius: 5px;
      border-color: #000000;
   }
    .product-detail .product-detail-conetnt .add_number button {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 24px;
      height: 24px;
      padding: 0;
    }
    .product-detail .product-detail-conetnt .add_number button,
    .product-detail .product-detail-conetnt .add_number input[type="number"] {
      font-weight: 500;
      flex: 1;
    }
   .product-detail .product-detail-conetnt .btn {
      min-height: 70px;
      border-radius: 5px;
      margin-left: 24px;
   }
   .product-detail .product-content-wrap {
      max-width: 540px;
   }
   .product-content-wrap .product-btn-grp {
	display: flex;
   }
   .product-content-wrap .add_number {
	width: 50%;
   }
   .product-content-wrap .btn {
	width: 50%;
   }
   @media (max-width: 1200px) {
      .product-detail .product-detail-conetnt .add_number,
      .product-detail .product-detail-conetnt .btn {
         min-height: 50px;
      }
   }
   @media (max-width: 992px) {
      .product-detail .product-content-wrap {
         max-width: 100%;
      }
   }
   @media (max-width: 767px) {
    .product-content-wrap .product-btn-grp {
		flex-direction: column;
		align-items: flex-start;
	}
	 .product-content-wrap .add_number {
		width: 100%;
	 }
   .product-content-wrap .btn {
	   width: 100%;
	 }
   }
   {# Products End#}
   {# Button With Icon #}
   @media(max-width: 767px) {
   .btn-with-icon{
      width: 100%;
	 text-align: center;
    }
	.product-detail .product-detail-conetnt .btn {
		margin-left: 0;
		margin-top: 24px;
	}
   }
   {# Button With Icon #}

   {# Other Products #}
   .other-products .swiper-arrows .swiper-button {
      position: relative;
      background-image: none;
      width: 40px;
      height: 40px;
      border: 1px solid #ADADAD;
      border-radius: 100vh;
   }
   .other-products .swiper-arrows .swiper-button::before {
      content: "";
      position: absolute;
      left: 50%;
      top: 50%;
      width: 13px;
      height: 13px;
      transform: translate(-50%, -50%);
      background-repeat: no-repeat;
      background-size: 100%;
   }
   .other-products .swiper-arrows .swiper-button-prev::before {
      background-image: url(/images/arrow_back.svg);
   }
   .other-products .swiper-arrows .swiper-button-next::before {
      background-image: url(/images/arrow_forward.svg);
   }
   .other-products .swiper-arrows  {
      padding-left: .625rem;
      padding-right: .625rem;
   }
   .other-products .swiper-arrows .swiper-button-prev {
      left: 0;
      right: 0;
   }
   .other-products .swiper-arrows .swiper-button-next {
      right: 0;
      left: auto;
      margin-left: 16px;
   }
   .other-products picture img {
   	height: 100%;
	width: 100%;
	object-fit: cover;
   }
   .other-products .swiper-arrows {
   	margin-top: 30px;
   }
   @media (max-width: 767px){
   	.other-products .four-column-card {
		opacity: 0.5;
	}
	.other-products .four-column-card.swiper-slide-active {
		opacity: 1;
	}
	.other-products .op-slider {
		margin-right: -20px;
	}
   }
   {# Other Products End #}
   
   {# Component Heading #}
   @media(max-width: 767px) {
	.component-heading {
		font-size: 26px;
	}   
   }
   .no-heading-style {
	   .component-heading {
			font-size: 20px;
		} 	
   }
   {# Component Heading End #}
   
   {# Section Spacing #}
   .section-spacing {
   	padding: 0 !important;
	margin: 124px 0;
   }
   .section-spacing.head-spacing {
   	margin: 100px 0 80px;
   }
   .section-spacing.product-spacing {
   	margin-top: 80px;
   }
   @media (max-width: 767px) {
   .section-spacing {
  	 margin: 80px 0;
   }	
   .section-spacing.head-spacing {
   	margin: 80px 0 48px;
   }
   .section-spacing.product-spacing {
   	margin-top: 48px;
   }
   }
   {# Section Spacing End #}
   
   {# Thumb Overlay #}
   .thumb-img-item::before {
   	content: "";
   	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #ffffff;
	z-index: 1;
	opacity: 0.4;
	transition: 0.4s;
	pointer-events: none;
   }
   .thumb-img-item.thumb-overlay::before {
   	opacity: 0;
   }
   {# Thumb Overlay End #}
   
   .image-spacing picture {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.image-spacing h5 {
	font-size: 20px !important;
}
.image-spacing h3 {
	font-size: 28px !important;
}
.image-spacing button {
	width: auto;
}
@media(max-width: 767px) {
	.image-spacing button {
		width: 100%;
	}
}

   {# SlideShow Patter #}
   .slideshow_pattern{
	      top: -76px;
		  width: 484px;
		  height: 484px;
		  left: -36px;
   }
   @media (max-width: 767px){
     .slideshow_pattern{
		top: -24px;
		width: 484px;
		height: 484px;
		left: -240px;
	}
   }
   .four-column-card picture img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
   {# SlideShow Patter End #}

      {# Payment Form #}
         #paymentForm .gateway-payment-form legend {
            font-size: 1.125rem;
            line-height: 1.75rem;
            margin-bottom: .5rem;
            font-family: neue-haas-grotesk-display, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
         }
         #paymentForm .gateway-payment-form input {
            padding-top: .5rem;
            padding-bottom: .5rem;
            padding-left: 1rem;
            padding-right: 1rem;
            --tw-border-opacity: 1;
            border-color: rgba(107, 114, 128, var(--tw-border-opacity));
            border-width: 2px;
            border-radius: .25rem;
            --tw-text-opacity: 1;
            color: rgba(107, 114, 128, var(--tw-text-opacity));
            font-weight: 500;
            line-height: 1.25;
         }
         #paymentForm input[type="checkbox"] {
            margin-right: .5rem;
         }
         #paymentForm .payment-form {
            font-size: 1.125rem;
            line-height: 1.75rem;
            display: block;
            margin-bottom: .5rem;
            font-family: neue-haas-grotesk-display, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
         }
		  .error {
			  border: 1px solid red;
		   }
    
      {# Payment Form End#}
	 
  {# Checkout #}
  .checkout_page .co-heading {
    font-size: 45px;
  }
  .checkout_page .co-left {
    max-width: 740px;
    width: 100%;
  }
  .checkout_page .co-left {
    border-top: 1px solid #D9D9D9;
    border-bottom: 1px solid #D9D9D9;
  }
  .checkout_page .co-right {
    max-width: 413px;
    width: 100%;
  }
  .checkout_page .order-total {
    font-size: 40px;
    color: #003458;
  }
  .checkout_page .add_number {
    display: inline-flex !important;
    justify-content: center;
    min-height: 70px;
    min-width: 155px;
    border-radius: 5px;
    border-color: #000000;
    min-height: 56px;
  }
  .checkout_page .add_number button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    padding: 0;
    font-weight: 500;
    flex: 1;
  }
  .checkout_page .add_number input[type="number"] {
    font-weight: 500;
    flex: 1;
  }
  .checkout_page {
    input[type="number"]::-webkit-inner-spin-button,
    input[type="number"]::-webkit-outer-spin-button {
      -webkit-appearance: none;
      margin: 0;
    }
    input[type="number"] {
      -moz-appearance: textfield;
    }
  }
  @media (max-width: 992px) {
    .checkout_page .co-right {
      max-width: 100%;
    }
    .checkout_page .co-heading {
      font-size: 32px !important;
    }
  }
  {# Checkout End #}


  {# Checkout Form #}
  .form_wrapper input {
    border: 1px solid #111111;
    height: 54px;
    width: 100%;
    border-radius: 5px;
    padding: 16px;
    font-size: 16px;
    font-weight: 500;
    font-family: aktiv-grotesk;
    margin-bottom: 28px;
  }
  .form_wrapper input[type= "checkbox"] {
    width: auto;
    height: auto;
    margin-bottom: 0;
  }
  .form_wrapper input::placeholder {
    font-size: 16px;
    font-family: aktiv-grotesk;
  }
  .form-container {
    margin: 0 -14px 80px;
  }
  .form-container .form-col {
    padding: 0 14px;
  }

  .form_wrapper .co-checkbox input[type="checkbox"] {
    display: none;
    width: initial;
    height: initial;
    margin-bottom: 0;
    padding: 0;
    cursor: pointer;
  }
  .form_wrapper .co-checkbox label {
    position: relative;
  }
  .form_wrapper .co-checkbox label::before {
    content: "";
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-right: 24px;
    padding: 0.5rem;
    background-color: #DEE2E6;
    border: 1px solid #495057;
    -webkit-appearance: none;
    cursor: pointer;
    width: 1.69rem;
    height: 1.69rem;
    border-color: #BABABA;
    border-radius: 0.19rem;
  }
  .form_wrapper .co-checkbox input[type="checkbox"]:checked + span::after {
    content: "";
    position: absolute;
    top: 7px;
    left: 10px;
    display: block;
    width: 0.44rem;
    height: 0.75rem;
    border: solid #003458;
    border-width: 0 0.19rem 0.19rem 0;
    transform: rotate(42deg);
  }
  .form_wrapper .co-checkbox span {
    color: #343A40;
  }
  .form_wrapper .select_field select {
    border: 1px solid #111111;
    height: 54px;
    width: 100%;
    border-radius: 5px;
    padding: 16px;
    font-size: 16px;
    font-family: aktiv-grotesk;
    font-weight: 500;
    color: #868E96;
    -webkit-appearance: none;
    background-image: url("/images/select_arrow_down.png");
    background-repeat: no-repeat;
    background-size: 12px 8px;
    background-position: right 24px center;
    margin-bottom: 28px;
  }
  .form_wrapper .select_field select span {
    color: red;
  }
  .delivery_form .form-container {
    margin-bottom: 0;
  }
  .delivery_form .for_border {
    padding-bottom: 32px;
    margin-bottom: 32px;
    border-bottom: 1px solid #D9D9D9;
  }
  .delivery_form .co-checkbox {
    margin-bottom: 16px;
  }
  .payment-form .top-border {
    /*border-top: 1px solid #D9D9D9;*/
    padding-top: 32px;
  }

  @media(max-width: 767px) {
    .order-confirmation .mobile_border {
      border-bottom: 1px solid #D9D9D9;
    }
  }
  {# Checkout Form End #}


  {# Custom Select #}
  .custom-select-wrap .custom-select {
    position: relative;
    width: 100%;
    display: inline-block;
  }

  .custom-select-wrap .select-selected {
    color: black;
    padding: 16px 16px;
    cursor: pointer;
  }

  .custom-select-wrap .select-selected {
    background-color: #ccc;
    background-color: transparent;
    border: 1px solid #111111;
    border-radius: 5px;
    background-image: url("../../../web/images/select_arrow_down.png");
    background-repeat: no-repeat;
    background-size: 12px 8px;
    background-position: right 24px center;
    font-family: aktiv-grotesk;
    font-weight: 500;
    color: #868E96;
    padding-right: 45px;
  }
    .custom-select-wrap .select-selected span {
      color: #003458;
      font-weight: 600;
      margin-left: 24px;
    }

  .custom-select-wrap .select-items {
    position: absolute;
    background-color: #ffffff;
    border: 1px solid #111111;
    z-index: 99;
    width: 100%;
    display: none;
  }

  .custom-select-wrap .select-items div:hover, .custom-select-wrap .same-as-selected {
    background-color: #ddd;
  }

  @media(max-width: 767px) {
    .custom-select-wrap .select-selected {
      display: flex;
      flex-direction: column;
    }
    .custom-select-wrap .select-selected span {
      margin-left: 0;
      margin-top: 24px;
    }
  }
  {# Custom Select End #}
  	.fifty-fifty {
    width: 50% !important;
	}
	@media(max-width: 767px) {
		.fifty-fifty {
			width: 100% !important;
		}
	}
	.custom-select-wrap .select-items {
	  padding: 10px 18px;
	}
	.form_wrapper .select_field select {
	  padding-right: 45px;
	}
	.checkout_page .co-heading,
	.checkout_page .co-right {
	  color: #000000;
	}
	.checkout_page h4 {
	  color: #000000;
	}
	.product-detail-conetnt .btn:hover {
	  background: #022f51 !important;
	}
	.other-products .swiper-arrows {
		margin-top: 50px;
	}
	.four-column-card h3 {
	  color: #003458 !important;
	}
	.four-column-card .fcc-add-to-cart {
	  background-color: #003458 !important;
	}
	
	.order-total {
	  font-size: 24px !important;
	  color: #000000 !important;
	}
	.order-total.order-price {
	  color: #003458 !important;
	}

	@media (max-width: 767px) {
	  .order-total {
		font-size: 16px !important;
	  }
	}
	
	.checkout-button {
	  background-color: #003458 !important;
	}
	.checkout-button:hover {
	  background-color: #024e83 !important;
	}
	
	.product-thumb {
	  width: 86px;
	  height: 86px;
	}
	@media (max-width: 767px) {
	  .product-thumb {
		width: 64px;
		height: 64px;
	  }
	}
	
	.hamburger-wrap {
	  align-items: center;
	}
	.hamburger-wrap .cart-icon-wrap {
	  margin-right: 10px;
	}
	
	.product-line {
	  display: flex !important;
	}
	.product-line .add_number {
	  width: auto;
	}

	@media (max-width: 767px) {
	  .product-line {
		display: block !important;
	  }
	  .product-line .add_number {
		width: 100%;
	  }
	}
	
	.address-wrap {
		text-transform: capitalize;
	}
	.address-wrap span:last-child {
		display: block;
		margin-top: 20px;
	}
	@media (max-width: 767px) {
		.address-wrap {
			text-transform: inherit;
		}
	}
	.address-wrap span:last-child {
		display: block;
		margin-top: 20px;
	}
	.price-format {
	  font-size: 40px !important;
	  color: #003458 !important;
	}
	@media(max-width: 767px) {
	  .price-format {
		font-size: 32px !important;
	  }
	}
  

.singleTextButtonGroup .max-w-xl{
	max-width:50rem;
}
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
    height: 100%;
}


@media (max-width: 767px) {
    h2.component-heading.font-sans-primary.font-bold.text-sm.\|.lg\:text-base.text-white.leading-tight.tracking-wide {
		font-size: 16px;
	}
}

.accordion-section ol, ul {
    list-style: inside;
}

.sliderPages .flickity-slider picture img{
      height: 100%;
      object-fit: cover;
   }