/** Shopify CDN: Minification failed

Line 790:29 Expected ":"

**/
/****** GLOBAL_CSS_BEGINS ******/


/***** GOOGLE_FONTS_USED_ON_THEME *****/

@import url('https://fonts.googleapis.com/css2?family=Instrument+Sans:ital,wght@0,400..700;1,400..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap');

* {
  box-sizing: border-box;
  letter-spacing: 0;
}
html {
  font-size: 62.5%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body {
  font-family: var(--body-font);
  font-weight: 500;
  color: var(--body-color);
  font-size: clamp(1.6rem, 1.12vw, 1.8rem);  
  line-height: 1.5;   
  letter-spacing: 0;
}
:root {
  --heading-font: "Instrument Sans", sans-serif;
  --body-font: "Nunito Sans", sans-serif;
  --garamondLightFont: "Lato", sans-serif;  

  --theme-yellow: #D4AF37;
  --theme-black: #111111;
  --body-color: #545454;

  --whiteColor: #fff;
  --blackColor: #000;

  --rgbBlackColor: 0, 0, 0;
  --rgbWhiteColor: 255, 255, 255;
  --rgbBorderColor: 208, 221, 214;
  --global-color-image-loader-primary: transparent;
  --global-color-image-loader-secondary: transparent;

  --page-width: 1470px;

  --padding-100: clamp(5rem,6.25vw,10rem);
  --padding-50: clamp(2.5rem,3.12vw,5rem);  
}
h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6 {
  font-family: var(--heading-font);
  font-weight: normal; 
  letter-spacing: normal;
  color: var(--theme-black);
  margin-top: 0 !important;
  margin-bottom: 2rem;
  line-height: 1.1;
}

/* h6,.h6 { 
  font-size: clamp(1.4rem, 1.125vw, 1.8rem);
}
h5,.h5 {
  font-size: clamp(1.6rem, 1.25vw, 2rem);
}
h4,.h4 {
  font-size: clamp(2rem, 1.5vw, 2.4rem);  
}
h3,.h3 {
  font-size: clamp(2.8rem, 2.81vw, 4.5rem);
}  
h2,.h2 { 
  font-size: clamp(3rem, 3.25vw, 5rem);
}
h1,.h1 {
  font-size: clamp(3.6rem, 4.06vw, 5.5rem);
} */

button,.btn,a,.link,input[type="submit"] { transition: all ease-in-out 0.3s;}

img {  display: inline-block;max-width: 100%; }

:after,:before {   box-sizing: border-box;letter-spacing: normal;}

a,a:hover,a:focus { text-decoration: none; }

a,.link {-webkit-transition: ease-in 0.3s;-moz-transition: ease-in 0.3s;transition: ease-in 0.3s;}

a,button,input[type="submit"] { transition: all ease-in-out 0.3s;cursor: pointer; }

p {
  margin: 0 0 2rem 0;
}
p:last-child {
  margin-bottom: 0;
}

button,button:hover,button:focus {
  outline: none !important;
  box-shadow: none !important;
}
:focus {
  outline: none !important;
  box-shadow: none !important;
}
select {
  font-weight: 400;
  border: 1px solid #bfbfc1;
  height: 6rem;
  width: 100%;
  padding: 0 16px;
  font-size: clamp(1.6rem, 1.12vw, 1.8rem);
  outline: none !important;
}

select:focus {
  border-color: var(--primaryColor);
  box-shadow: none !important;
}

.page-width,.container{
  width: 100%;
  padding-right: 15px !important;
  padding-left: 15px !important;
  margin-right: auto !important;
  margin-left: auto !important;
  max-width: var(--page-width);
}  
.mobile{
  display:none !important;
}
.center {
  text-align: center;  
}

@media only screen and (max-width:767px){
  .mobile{
      display:block !important;
  }
  .desktop{
      display:none !important;
  }
} 

/****** GLOBAL_CSS_ENDS ******/


/***** HEADER_CSS_BEGINS_HERE *****/

.header-wrapper {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  background-color: var(--blackColor);  
}
.template-index .header-wrapper {
  background-color: transparent;
  position: absolute;
  width: 100%;  
}
.header {
  display: flex;
  justify-content: space-between;
  gap:2rem; 
}
.header .header__icons .btn .circle-arrow {
  background: var(--theme-yellow);
  color: var(--whiteColor);  
  flex-shrink: 0;
}
.header .header__inline-menu {
  margin-left: auto;  
}
.header .header__inline-menu .list-menu--inline {
  gap:1rem 2rem;
}
.header .header__inline-menu .list-menu--inline .list-menu__item {
  padding: 0;  
}
.header .header__inline-menu .list-menu--inline .list-menu__item,
.header .header__inline-menu .list-menu--inline .list-menu__item span {
  padding: 0;
  letter-spacing: 0;  
  text-decoration: none !important;
  font-family: var(--body-font);
  color: var(--whiteColor);
  font-size: clamp(1.6rem, 1.12vw, 1.8rem);    
  transition: all 0.3s ease;
} 
.header .header__inline-menu .list-menu--inline .list-menu__item:hover span,   
.header .header__inline-menu .list-menu--inline .list-menu__item span.header__active-menu-item {
  color: var(--theme-yellow);  
}
.header .header__icons {
  gap: 2.4rem;
  align-items: center;
  padding-right: 0;
}
.desktop-localization-wrapper{
  display:none;
}
.header .header__icons .header__icon,
.header .header__icons .header__icon .svg-wrapper,
.header .header__icons .header__icon .svg-wrapper svg {
  width: 3rem;
  height: 3rem;
  color: var(--whiteColor);
  transition: all 0.3s ease;
}
.header .header__icons .header__icon .svg-wrapper svg:hover {
  color: var(--theme-yellow); 
}
body:is(.template-index) .header .header__icon {
  color: #fff;  
}
.header__icons .header__icon--cart {
  margin-right: 0;
}


/***** HEADER_CSS_BEGINS_ENDS *****/
    

/****** HOME_BANNER_CSS_BEGINS ******/

.home-banner {
  position: relative;
}
.home-banner .hero-bg img {
  vertical-align: bottom;   
  width: 100%;
}
.home-banner .hero-main {
  display: flex;
  flex-direction: column;  
  row-gap: 4rem;  
}
.home-banner .hero-content {
  position: absolute;
  width: 100%;
  height: calc(100% - var(--headerwrap-height));
  top: var(--headerwrap-height);
  padding-top: 4rem;
  padding-bottom: 4rem;
  background-image: url('/cdn/shop/files/banner-line.png'); 
  background-repeat: repeat-y;
  background-size: auto 100%;  
  background-position: center top;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.home-banner .hero-main .left-content {
  width: 100%;
  max-width: 76%;
}
.home-banner .hero-main .right-content {
  width: 100%;
  max-width: 43%;
  margin-left: auto;
}
.home-banner .hero-main .left-content .hero-heading {
  font-size: clamp(3.6rem, 3.6vw, 6.5rem);
  color: var(--whiteColor);
  text-transform: uppercase;
  font-weight: 700;
  font-family: var(--heading-font);
}
.home-banner .hero-main .left-content .hero-heading .highlight {
  font-size: clamp(4rem,4.72vw,8.5rem); 
}
.home-banner .hero-buttons {
  display: flex;
  gap: 3rem;  
  margin-top: 4rem; 
}
.theme-btn {
  padding: 0.6rem 3rem 0.6rem 0.8rem;
  border-radius: 10em;   
  background-color: var(--theme-yellow);
  display: inline-flex;
  align-items: center;  
  gap: 1rem;
  justify-content: center;
  font-size: clamp(1.6rem, 1.12vw, 1.8rem);  
  color: var(--whiteColor);
  font-weight: 500;
  font-family: var(--body-font);
  border: 1px solid transparent;
  line-height:1.2;
  text-align:center;
}
.theme-btn .circle-arrow {
  width: 4rem;
  height: 4rem;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  background-color: var(--whiteColor);  
  color: var(--theme-black);  
  transition: all 0.3s ease;
  flex-shrink:0;
}
.circle-arrow svg {
    width: 12px;
    height: 12px;
}
.theme-btn .circle-arrow svg,
.theme-btn .circle-arrow path {
  transition: all 0.3s ease;
}
.theme-btn:hover {  
  background-color: var(--theme-black);
  color: var(--theme-yellow) !important; 
  box-shadow: inset 0 0 .8rem var(--theme-yellow);
  border: 1px solid var(--theme-yellow) !important; 
}
.theme-btn:hover .circle-arrow {
  transform: rotate(45deg);
  background-color: var(--theme-yellow);
  color: var(--whiteColor); 
}
.btn-secondary {
  border: 1px solid var(--whiteColor);
  background-color: transparent;  
}
.btn-secondary .circle-arrow {
  background-color: var(--theme-yellow);
  color: var(--whiteColor);  
}
.home-banner .hero-main .right-content {
  color: var(--whiteColor);
}
.home-banner .hero-main .right-content .hero-icon {
  width: 7.8rem;
  height: 4.9rem;
  object-fit: contain;
  margin-bottom: 1rem;
}


/****** HOME_BANNER_CSS_ENDS ******/


/***** FOOTER_CSS__BEGINS ******/

.footer {
  background-image: url('/cdn/shop/files/Footer-background_628b9326-8665-4c27-8709-8822fcb80bef.png');
  background-repeat: no-repeat;
  background-size: cover;
  padding: var(--padding-100) 0 2rem !important; 
  background-position: bottom;
  background-attachment:scroll !important;
}
.footer-block__image-wrapper {
  margin-bottom: 1.5rem !important;
}
.footer .footer__blocks-wrapper {
  display: flex;
  gap: var(--footer-gap);
  --footer-gap: clamp(5rem,8.12vw,13rem);
}
.blog .title-wrapper-with-link {
    display: flex;
    flex-direction: column;
    align-items: inherit;
}
.footer .footer__blocks-wrapper .footer-block:nth-child(1) {
  width: 100%;
  max-width: calc(33% - var(--footer-gap)*3/4);
}
.footer .footer__blocks-wrapper .footer-block:nth-child(2) {
  width: 100%;
  max-width: calc(22% - var(--footer-gap)*3/4);
}   
.footer .footer__blocks-wrapper .footer-block:nth-child(3) {
  width: 100%;
  max-width: calc(19% - var(--footer-gap)*3/4);
}
.footer .footer__blocks-wrapper .footer-block:nth-child(4) {
  width: 100%;
  max-width: calc(26% - var(--footer-gap)*3/4);
}
.footer .footer__blocks-wrapper .footer-block__heading {
  font-size: clamp(1.8rem,1.40vw,2rem);
  color: var(--whiteColor);
  font-weight: 700;
  margin-bottom: 2.5rem;
  text-transform: uppercase;  
}
.footer .footer__blocks-wrapper .footer-block__details-content {
  display: flex;
  flex-direction: column;
  row-gap: .5rem;
}
.footer .footer__blocks-wrapper .footer-block__details-content .list-menu__item,
.footer .footer__blocks-wrapper .footer-block__details-content {
  color: var(--whiteColor);
  font-size: clamp(1.6rem, 1.12vw, 1.8rem);  
  padding-bottom: .4rem; 
  font-weight: 500;
  letter-spacing: 0;
  padding-top: 0;
  text-decoration: none !important; 
  transition: all 0.3s ease;
}
.footer .footer__blocks-wrapper .footer-block__details-content .list-menu__item:hover {
  color: var(--theme-yellow); 
}
.footer .footer__blocks-wrapper .footer-block .contact-item {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
}
.footer .footer__blocks-wrapper .footer-block .contact-item:not(:last-child) {
  margin-bottom: 1.8rem; 
}
.footer .footer__blocks-wrapper .footer-block .contact-item .contact-icon {
  line-height: 0;
}
.footer .footer__blocks-wrapper .footer-block .contact-item .contact-icon,
.footer .footer__blocks-wrapper .footer-block .contact-item .contact-icon svg {
  min-width: 1.8rem;
} 
.footer .footer__blocks-wrapper .footer-block .contact-item .contact-icon svg,
.footer .footer__blocks-wrapper .footer-block .contact-item .contact-icon svg path {
  transition: all 0.3s ease;
}
.footer .footer__blocks-wrapper .footer-block .contact-item .contact-text {
  font-weight: 500;
  font-family: var(--body-font);
  transition: all 0.3s ease;
  color: var(--whiteColor);  
  line-height: 1.2;
  font-size: clamp(1.6rem, 1.12vw, 1.8rem);
}
.footer .footer__blocks-wrapper .footer-block .contact-item:hover a.contact-text {
  color: var(--theme-yellow);
}
.footer .footer__content-top {
  padding-bottom: clamp(4rem,5.55vw,8rem); 
}
.footer .footer__content-bottom {
  padding-top: 2rem;
  transform: none !important;
  position: relative;
}
.footer .footer__content-bottom:before {
  position: absolute;
  content: '';  
  width: 100%;
  height: .1rem;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("data:image/svg+xml,%3Csvg width='1920' height='1' viewBox='0 0 1920 1' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='1920' height='1' fill='white' fill-opacity='0.1'/%3E%3Crect x='244.8' width='40' height='1' rx='0.5' fill='url(%23paint0_linear_394_637)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_394_637' x1='244.8' y1='0.5' x2='284.8' y2='0.5' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23D4AF37' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23D4AF37'/%3E%3Cstop offset='1' stop-color='%23D4AF37' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
}
.footer .footer__content-bottom-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: center;
  gap: 2rem;
  justify-content: space-between;
}
.footer .footer__content-bottom-wrapper .footer__copyright {
  margin: 0;
  text-align:left;
  line-height:1.2;
}
.footer__content-bottom-wrapper .policy-link {
    text-align: right;
}
.footer__content-bottom-wrapper .proudly-canadian {
    display: flex;
    align-items: center;
    gap: .5rem;
    justify-content: center;
    font-size: clamp(1.2rem,1.2vw,1.4rem);
    font-weight: 500;
    color: var(--whiteColor) 
}
.footer__content-bottom-wrapper .proudly-canadian img{
    max-width:33px;
    max-height:33px;
    object-fit:contain;
}

.footer__copyright.caption {
    font-size: inherit;
}
.footer .copyright__content{
  font-size: clamp(1.2rem,1.2vw,1.4rem);
  font-weight: 500;
  text-transform: uppercase;
  font-family: var(--heading-font); 
  text-decoration: none !important; 
  color: var(--whiteColor) !important;
  transition: all 0.3s ease;
}
.footer .copyright__content a{
    font-size:inherit;
    color:currentColor;
    text-decoration:none !important;
    padding:0;
}
.footer .copyright__content a:hover {
  color: var(--theme-yellow) !important;
}  
.footer-block--menu + .footer-block--menu .footer-block__heading {
  opacity: 0;
  visibility: hidden;
}
 
.list-social {
  gap: 1.5rem;
  justify-content: flex-start !important; 
}
.footer .list-social  {
  margin-top: 1.8rem; 
}
.list-social .list-social__link {
  width: 3.6rem;
  height: 3.6rem;
  border-radius: 100%;
  background-color: var(--theme-yellow);
  color: var(--whiteColor);
  padding: 1rem;
  transition: all 0.3s ease;  
  border: 1px solid transparent;
}
.list-social .list-social__link:hover {
  background-color: var(--blackColor);
  color: var(--theme-yellow); 
  border: 1px solid var(--theme-yellow);
}

/***** FOOTER_CSS__ENDS ******/

/****** DATA_DRIVEN_CSS_BEGINS ******/

.data-drive-decission {
  padding: var(--padding-100) 0 var(--padding-50);
}
.data-drive-decission .data-decision-container {
  display: flex;
  align-items: center;
  gap: 4rem;
  flex-wrap: wrap;  
}
.data-drive-decission .data-decision-container .data-decision-image {
  width: 100%;
  max-width: calc(43.5% - 4rem/2);
  line-height: 0;
}
.data-drive-decission .data-decision-container .data-decision-content {
  width: 100%;
  max-width: calc(56.5% - 4rem/2);  
}
.data-drive-decission .accordion-wrapper .accordion-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  background-color: transparent;
  border: none;
  padding: 0; 
}
.data-drive-decission .accordion-wrapper .accordion-item {
  padding: 1.7rem 0;
  border-bottom: 1px solid #D3D3D3; 
}
.data-drive-decission .accordion-wrapper .accordion-item:nth-child(1) {
  padding-top: 0;
}
.data-drive-decission .accordion-wrapper .accordion-header span {
  font-size: 2rem;
  font-weight: 600;
  color: #333333;
  text-transform: uppercase;
  font-family: var(--body-font);  
}
.data-drive-decission .accordion-wrapper .active .accordion-header span {
  color: var(--theme-yellow);
}
.hero-marketplace-growth {
  position: relative;
  overflow: hidden;
}
.data-drive-decission .accordion-wrapper .accordion-header span:nth-child(2):before {
  position: absolute;
  content: '';
  width: 100%;
  height: .2rem;
  background-repeat:no-repeat;
  background-size: cover;
  background-image: url("data:image/svg+xml,%3Csvg width='17' height='2' viewBox='0 0 17 2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='15.6373' y1='1' x2='0.999982' y2='1' stroke='%23D4AF37' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
  top: 50%;
  left: 0;
  transform: translateY(-50%); 
  opacity: 0;
  transition: all 0.3s ease;
}
.data-drive-decission .accordion-wrapper .active .accordion-header span:nth-child(2):before {
  opacity: 1;
}
.data-drive-decission .accordion-wrapper .active .accordion-header span:nth-child(2) {
  font-size: 0;
  height: 2px;
}
.data-drive-decission .accordion-wrapper .accordion-header span:nth-child(2) {
  font-size: 2.5rem;
  transition: all 0.3s ease;
  width: 1.6rem;
  position: relative;
}
.accordion-wrapper .accordion-body {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: all 0.3s ease;
}
.accordion-wrapper .accordion-item.active .accordion-body {
  max-height: fit-content;
  opacity: 1;   
  padding-top: 1.5rem;
}
.accordion-wrapper .accordion-body .accordion-link {
  display: flex;
  align-items: center;
  gap: 1rem;
  font-size: 1.8rem;
  font-weight: 500;
  color: var(--theme-yellow);
}

/****** DATA_DRIVEN_CSS_ENDS ******/


/* OUR_SERVICES_CSS_BEGINS */

.our-service {
  padding: var(--padding-50) 0;
}
.our-service .our-services-title {
  text-align: center;
}
.our-service .custom-tabs-container {
  display: flex;
  flex-wrap:wrap;
  align-items: center;
  justify-content: center;
  gap:1.5rem clamp(2rem,3.12vw,4rem);
  margin:3rem 0 4rem 0;
}
.our-service .custom-tabs-container .tab-item {
  font-size: clamp(1.8rem,1.38vw,2rem);
  font-weight: 600;
  text-transform: uppercase;
  color: var(--theme-black);
  font-family: var(--heading-font);
  line-height: 1.2;
  text-align: center;
}
.our-service .our-services-content {
  margin-top: 3.5rem;
}
.our-service .our-services-content .services-list {
  display: flex;
  flex-direction: column;
}
.our-service .service-item .wrapper {
  display: flex;  
}
.our-service .service-row .wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.our-service .service-row .wrapper .service-right {
  display: none;  
}
.our-service .service-row .wrapper .service-left > div {
  padding-block: 4.3rem;
}
.our-service .service-row .wrapper .service-left {
  display: flex;
}
.our-service .service-row .service-number {
  width: 100%;
  min-width: 11rem;
  max-width: 11rem;  
  display: flex;
  align-items: center;
  justify-content: flex-start;  
  font-family: var(--heading-font);
  transition: all 0.3s ease;
}
.our-service .service-row .service-title .srvc-tittle {
  font-size: clamp(2rem,1.5vw,2.4rem);
  font-weight: 600;
  text-transform: uppercase;
  line-height: 1.1;
  font-family: var(--heading-font);
  transition: all 0.3s ease;
  width: 75%;
  text-align: left;
  color: var(--theme-black); 
}
.our-service .service-row .service-number .number {
  font-size: clamp(1.6rem,16.25vw,1.8rem);
  font-weight: 600;
  line-height: 1; 
  font-family: var(--heading-font);
  color: var(--body-color);
  transition: all 0.3s ease;
}
.our-service .service-row .wrapper .service-left .srvc-dscrptn {
  transition: all 0.3s ease;  
  font-size: clamp(1.6rem,16.25vw,1.8rem);
  font-weight: 500;
  font-family: var(--body-font);
  color: var(--body-color);
}
.our-service .service-row.active .service-number .number,
.our-service .service-row.active .service-number .number, 
.our-service .service-row.active .service-title .srvc-tittle,
.our-service .service-row.active .wrapper .service-left .srvc-dscrptn {
  color: var(--theme-yellow);
}
.our-service .service-row .service-title {
  width: 100%;
  min-width: 51rem;
  max-width: 51rem;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-inline: 2rem;
  transition: all 0.3s ease;
  font-family: var(--heading-font);
  border-left: 1px solid #D4D4D4;
  border-right: 1px solid #D4D4D4;
}
.our-service .service-row .service-description  {
  padding-left: clamp(2rem,3.12vw,5rem);
  padding-block: 1rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  text-align: left;
}
.service-right img.service-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 2rem;
}


.service-row.active {
  background-color: #F8F8F8;
  border-bottom: 1px solid #F8F8F8;
}

/****** STATISTIC_BOX_CSS_BEGINS ******/

.state-box-sec {
  padding: var(--padding-50) 0;
}
.state-box-sec .wrapper {
  display: flex;
  gap: 3rem;
  justify-content: center;
}
.state-box-sec .wrapper .stats-box {
  width: 100%;
  max-width: calc(100%/3 - 3rem*2/3);
  display: flex;
  flex-direction: column;
  row-gap: 1rem; 
  text-align: center;
  align-items: center;
  padding: 5rem;
  border-radius: 2rem;
  background-color: #F0F0F0;s
}
.state-box-sec .wrapper .stats-box .stats-number {
  font-size: clamp(2.5rem,3vw,4.8rem);
  font-weight: 700;
  line-height: 1;
  color: var(--theme-black);
  font-family: var(--heading-font);
}
.state-box-sec .wrapper .stats-text {
  font-size: clamp(1.8rem,1.38vw,2rem);
  font-weight: 600;
  text-transform: uppercase;
  color: var(--body-color);  
  font-family: var(--heading-font);
}

/****** STATISTIC_BOX_CSS_ENDS ******/


/****** WHY_CANADIAN_CSS_BEGINS ******/


.why-chose-sec {
  padding-bottom: var(--padding-50);
}
.why-container  {
  display: flex;
  align-items:center;
  gap: var(--whcndn-gap);
  --whcndn-gap: clamp(3rem,3.47vw,5rem);
}
.why-container .why-image {
  max-width: calc(58% - var(--whcndn-gap)/2);
  width: 100%;
}
.why-container .why-content {
  width: 100%;
  max-width: calc(42% - var(--whcndn-gap)/2);
}
.why-container .why-image img {
  vertical-align: bottom;
  border-radius: 2rem; 
}

/****** WHY_CANADIAN_CSS_ENDS ******/


/***** FULLFILMENTS_CSS_BEGINS *****/

.fulfillment-hubs {
  padding: 4rem 0 var(--padding-100);  
}
.office--hubs-ads{
    text-align:center;
}
.office--hubs-ads .section-title{
    margin-bottom:3rem;
}
.headoffice h4{
  margin-bottom:10px;
}
.fulfillment-hubs .map-container {
  margin-top: var(--padding-50);
  border-radius: 2rem;
  overflow: hidden; 
  line-height: 0;
}
.fulfillment-hubs .offices-grid {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 3rem;
  margin-top: var(--padding-50);
}
.fulfillment-hubs .offices-grid .office-card {
  width: 100%;
  max-width: calc(30% - 3rem*3/4);
  border-radius: 2rem;
  border: 1px solid #B3B3B3;
  padding: 2.5rem 1.5rem;
  font-family: var(--body-font);
  line-height:1.34;
}
.fulfillment-hubs .offices-grid .office-card h3 {
  font-size: clamp(1.8rem,1.38vw,2rem); 
  font-weight: bold;
  text-transform: uppercase;
  color: #545454; 
  margin-bottom: 1.5rem; 
  font-family: var(--body-font);
}
.fulfillment-hubs .offices-grid .office-card p:not(:last-child) {
  margin-bottom: 0.7rem;
}

/***** FULLFILMENTS_CSS_ENDS *****/

/****** WHY_CHOOSE_US_SECTION_CSS_BEGINS *******/

.why-choose-section {
  padding: 1rem 0 var(--padding-50);
}
.why-choose-section .why-choose-container {
  flex-direction: row-reverse;  
  gap: var(--padding-50);
  align-items: center;
  display: flex;
  flex-wrap: wrap;
}
.why-choose-section .why-choose-container .why-choose-left {
  width: 100%;
  max-width: calc(42% - var(--padding-50)/2);  
}
.why-choose-section .why-choose-container .why-choose-right {
  width: 100%;
  max-width: calc(58% - var(--padding-50)/2);
}
.why-choose-section .why-choose-container .why-choose-right img {
  width: 100%; 
  max-width: 100%; 
  border-radius: 2rem;
  vertical-align: bottom;
}
.why-choose-section .why-choose-text {
  margin-block: 2rem; 
}
.why-choose-section .why-choose-text li:not(:last-child){
    margin-bottom:1rem;
}

/****** WHY_CHOOSE_US_SECTION_CSS_ENDS *******/


/****** CROSS_BORDER_SECTION_CSS_BEGINS ******/

.cross-border-section {
  padding: var(--padding-100) 0;  
}
.cross-border-header {
  margin: 0 auto var(--padding-50);
  max-width: 130rem; 
}
.section-description strong{
    color:var(--blackColor);
}

.cross-border-section .cross-border-content {
  display: flex;
  align-items: center;
  gap: var(--crs-brdr-gap);
  --crs-brdr-gap: clamp(3.5rem,4.62vw,7.4rem); 
}
.cross-border-section .cross-border-content .cross-border-left {
  width: 100%;
  max-width: calc(58% - var(--crs-brdr-gap)/2);
}
.cross-border-section .cross-border-content .cross-border-left img {
  width: 100%;
  vertical-align: bottom;
}
.cross-border-section .cross-border-content .cross-border-right {
  width: 100%;
  max-width: calc(42% - var(--crs-brdr-gap)/2);  
}
.cross-border-section .cross-border-right .advantage-list {
  list-style: none;
  padding:0;
  margin-top: 3rem; 
} 
.cross-border-section .cross-border-right .advantage-list li {
  position: relative;
  padding-left: 4.5rem;
  min-height:28px;
  display:flex;
  align-items:center;
}
.cross-border-section .cross-border-right .advantage-list li:before {
  position: absolute;
  content: '';
  width: 2.8rem;
  height: 2.8rem;
  background-repeat:no-repeat;
  background-size: contain;
  left: 0;
  top: 0;
  background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 0C6.28009 0 0 6.28009 0 14C0 21.7199 6.28009 28 14 28C21.7199 28 28 21.7199 28 14C28 6.28009 21.7199 0 14 0ZM21.0957 11.0332L13.5123 18.6164C13.2848 18.8439 12.9861 18.9584 12.6875 18.9584C12.3889 18.9584 12.0902 18.8439 11.8627 18.6164L8.07111 14.8248C7.6148 14.3687 7.6148 13.6313 8.07111 13.1752C8.5272 12.7189 9.26439 12.7189 9.7207 13.1752L12.6875 16.142L19.4461 9.38361C19.9022 8.9273 20.6394 8.9273 21.0957 9.38361C21.5518 9.8397 21.5518 10.5769 21.0957 11.0332Z' fill='%23D4AF37'/%3E%3C/svg%3E%0A");
}
.cross-border-section .cross-border-right .advantage-list li:not(:last-child) {
  margin-bottom: 2.6rem;
}
.template-page-cross-border-expertise .why-choose-section .why-choose-container,
.template-page-service-page .why-choose-section .why-choose-container,
body:not(.template-index) .why-choose-section .why-choose-container {
  flex-direction: row;
  gap: var(--padding-50);
  align-items: center;
  display: flex;
  flex-wrap: wrap;
}
.template-page-cross-border-expertise .why-choose-section .why-choose-container .why-choose-left,
.template-page-service-page .why-choose-section .why-choose-container .why-choose-left,
body:not(.template-index) .why-choose-section .why-choose-container .why-choose-left {
  width: 100%;
  max-width: calc(43% - var(--padding-50)/2);
}
.template-page-cross-border-expertise .why-choose-section .why-choose-container .why-choose-right,
.template-page-service-page .why-choose-section .why-choose-container .why-choose-right,
body:not(.template-index) .why-choose-section .why-choose-container .why-choose-right {
  width: 100%;
  max-width: calc(57% - var(--padding-50)/2);  
}

.template-page-cross-border-expertise .why-choose-section,
.template-page-service-page .why-choose-section,
body:not(.template-index) .why-choose-section {
  background-color: #F8F8F8; 
  padding: var(--padding-100) 0;
}

/****** CROSS_BORDER_SECTION_CSS_ENDS ******/


/******** SERVICE_PAGE_CSS_BEGINS *******/

.template-page-service-page main .custom-servicesec:nth-of-type(1) {
  
} 
.custom-servicesec {
  padding-block: var(--padding-100);
}
.custom-servicesec .section-title {
  margin-bottom: 3.5rem; 
}
.custom-servicesec .service-feature-container {
  gap: var(--service-imgtxt-gap);
  --service-imgtxt-gap: clamp(3.5rem,4.06vw,6.5rem);
}
.custom-servicesec .service-feature-container .service-feature-image img {
  width: 100%;
  vertical-align: bottom;
  max-width: 100%;
  border-radius: 2rem;
}
.custom-servicesec .service-feature-container .service-feature-image {
  width: 100%;
  max-width: calc(61% - var(--service-imgtxt-gap)/2);
}
.custom-servicesec .service-feature-container .service-feature-content {
  width: 100%;
  max-width: calc(39% - var(--service-imgtxt-gap)/2); 
}
.custom-servicesec:has(.image-right) {
  background-color: #F8F8F8;
}
.custom-servicesec .service-feature-content .service-feature-number {
  color: var(--theme-yellow);
  font-weight: 600;
  line-height: 1;
  font-family: var(--heading-font);  
  margin-bottom: 1.5rem;
}
.custom-servicesec .service-feature-content .service-feature-title {
  font-size: clamp(1.8rem,1.66vw,2.4rem);
  margin-bottom: 1.4rem;
  font-weight: 600;
  text-transform: uppercase;
  color: var(--theme-black);
}

.brands-section {
  padding-block: var(--padding-100);
}
.brands-section .section-description {
  margin-block: 3rem 4rem;
}
.brands-section .swiper-button-prev,
.brands-section .swiper-button-next{
  display: none;
}
.brands-section .brand__image {
  padding: clamp(2rem,2.4vw,4rem) 2rem; 
  border-radius: 1rem;    
  border: 1px solid #E9E9E9; 
  opacity: .3;
  transition: all 0.3s ease;
  height:100%;
  transform: scale(0.9);
  transform-origin: center;
}
.swiper-slide:is(.swiper-slide-prev, .swiper-slide-active, .swiper-slide-next) .brand__image {
  opacity: 1;
  transform:scale(1);
}
.brand__image img{
  display:block;
  height:40px;
  width:auto;
  object-fit:contain;
  margin:0 auto;
}
.swiper.brands-swiper {
    padding: 0 10%;
}
.swiper.brands-swiper:before, .swiper.brands-swiper:after{
  content:"";
  position:absolute;
  top:0;
  height:100%;
  width:20%;
  z-index:2;
  opacity:0.5;
  pointer-events:none;
}
.swiper.brands-swiper:before{
  left:0;
  background: linear-gradient(to right, white 0%, transparent 100%);
}
.swiper.brands-swiper:after{
  right:0;
   background: linear-gradient(to left, white 0%, transparent 100%);
}


/******** SERVICE_PAGE_CSS_ENDS *******/


/***** CASE_STUDIES_CSS_BEGINS *****/

.case-studies-container {
  padding-block: var(--padding-100);  
}
.case-studies-sec .case-studies-heading {
  text-align: center;
  text-transform: uppercase;
}
.case-studies-sec .case-studies-grid {
  display: flex;
  flex-wrap: wrap;
  --gap: 3rem;
  --count: 3;
  column-gap: var(--gap);
  row-gap: 3rem;
  margin-top: 3.8rem; 
}
.case-studies-sec .case-studies-grid .case-study-card {
  width: calc((100% - (var(--gap) * (var(--count) - 1))) / var(--count));
}
.case-studies-sec .case-studies-grid .case-study-card .case-study-image img {
  vertical-align: bottom;
  border-radius: 2rem;
}
.case-studies-sec .case-study-card .case-study-content {
  padding: 2rem 2.5rem 0 0;
}
.case-studies-sec .case-study-content .case-study-sector {
  font-size: clamp(1.8rem,1.66vw,2.4rem);
  color: var(--theme-black);
  font-family: var(--heading-font);
  text-transform: uppercase; 
  margin-bottom: 1.5rem;
  font-weight: 600;
}
.case-studies-sec .case-study-content .case-study-sector strong,
.case-studies-sec .case-study-card p strong {
  font-family: var(--heading-font);
  color: var(--theme-yellow);
  font-weight: 600;
  text-transform: capitalize;
}
.case-studies-sec .case-study-card .wrapper {
  display: flex;
  gap: 3rem;
}
.case-studies-sec .case-study-card .case-study-challenge {
  padding-right: 1.9rem;
  position: relative;
}
.case-studies-sec .case-study-card p {
  margin: 0;
  font-weight: 500;
  color: var(--body-color);
}
.case-studies-sec .case-study-card .case-study-challenge:before {
  position: absolute;
  content: '';
  height: 45%;
  width: 1px;
  background: #D9D9D9;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.case-studies-sec .case-study-card .wrapper p {
  width: calc(100%/2 - 3rem/2);   
}

/***** CASE_STUDIES_CSS_ENDS *****/



/****** CONTACT_US_PAGE_DESIGN_CSS_BEGINS ******/

.contact-map-sec {
  padding-block: var(--padding-100); 
}
.contact-map-sec .hero-buttons {
  display: flex;
  justify-content: center;
  margin-block: 2.8rem;
  gap: 2.2rem;
}

.contact-map-sec .section-text .text {
    position: relative;
    display: flex;
    justify-content: center;
    align-items:center;
}
.contact-map-sec .section-text .text:before {
  display:inline-block;
  width: 2.8rem;
  height: 2.8rem;
  content: '';
  background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 0C6.28054 0 0 6.28054 0 14C0 21.7195 6.28054 28 14 28C21.7195 28 28 21.7195 28 14C28 6.28054 21.7195 0 14 0ZM14 26.25C7.24523 26.25 1.75001 20.7548 1.75001 14C1.75001 7.24523 7.24523 1.75001 14 1.75001C20.7548 1.75001 26.25 7.24523 26.25 14C26.25 20.7548 20.7548 26.25 14 26.25Z' fill='%23D4AF37'/%3E%3Cpath d='M14.875 5.25H13.125V14.3623L18.6313 19.8686L19.8687 18.6313L14.875 13.6377V5.25Z' fill='%23D4AF37'/%3E%3C/svg%3E%0A");
  background-size:100%;
  background-repeat:no-repeat;
  margin:0 1rem 0 0;
}

/****** CONTACT_US_PAGE_DESIGN_CSS_ENDS ******/


/**** INSIGHT_PAGE_CSS_BEGINS ****/


.blog__posts.articles-wrapper {
  display: flex;
  flex-wrap: wrap;
  --gap: 3rem;
  --count: 3;
  column-gap: var(--gap);  
  row-gap: 3rem;
  margin-bottom: clamp(3.5rem,3.47vw,5rem) !important;
}
.blog__posts.articles-wrapper .blog__post.grid__item {
  width: calc((100% - (var(--gap) * (var(--count) - 1))) / var(--count));
}
.blog__post.grid__item .card__inner   {
  border-radius: 1.5rem;
  overflow: hidden;
}
.blog__post.grid__item .card--standard>.card__content .card__information {
  padding: 2.5rem 0rem 0;  
}
.blog__post.grid__item .article-card .card__heading a {
  text-decoration: none !important;
}
.blog__post.grid__item .article-card .card__heading {
  margin-bottom: 1.4rem;
  font-size: clamp(1.8rem,1.66vw,2.4rem);
  font-weight: 600;
  text-transform: uppercase;
  max-width: 415px;
  line-height: 1.3;
}
.blog__post.grid__item .card__information .btn {
  text-decoration: none !important;
  position: relative;
  z-index: 1;
  color: #F8F8F8;
}
.blog .slider-buttons {
  display: none !important;
}
.blog .blog__title, .section-title, .rich-text__heading{
    font-size: clamp(3rem, 3.25vw, 4.2rem);
    text-transform:uppercase;
    font-weight:bold;
}

.blog__posts.articles-wrapper {
  overflow: visible !important;
}
.blog__posts.articles-wrapper .blog__post.grid__item {
  margin: 0;
  padding: 0;
} 

.article-template{
    padding:0 0 5rem 0;
}
.article-template__hero-container {
  max-width: 100% !important;
}
.article-template__hero-container .media {
  background: transparent;
}
.article-template__title{
    font-size: clamp(1.8em,2.4vw,2.5em);
    color: #1a1a1a;
    margin-bottom: 30px;
    line-height: 1.2;
    border-bottom: 3px solid #ff9900;
    padding-bottom: 15px;
}
.template-article .caption-with-letter-spacing {
  font-size: 1.4rem;
  font-weight: 600;
  color: var(--theme-black);
}
.article-template__back{
    display:none !important;
}
.template-page-insights .title-wrapper-with-link,
.template-page-insights .note  {
  color: var(--body-color); 
}


.cart__warnings {
  padding-block: var(--padding-50) !important;
}
.cart__login-title {
  padding-top: 2rem !important;
}

/**** INSIGHT_PAGE_CSS_ENDS ****/



/******* MARKETTING_CONSULTANCY_PAGE_BEGINS *******/

.consulting-packages {
  padding-block: var(--padding-100);  
}
.text-center {
  text-align: center;
}
.consulting-packages .grid-sec {
  display: flex;
  flex-wrap: wrap;
  --gap: 3rem;
  --count: 3;  
  column-gap: var(--gap);
  row-gap: 3rem;
  margin-top: 3.8rem;
}
.consulting-packages .grid-sec .package-card {
  width: calc((100% - (var(--gap) * (var(--count) - 1))) / var(--count));
  transition: all 0.3s ease;
  padding: 3rem 1rem 3rem 3rem;
  border: 1px solid #E3DDDD;
  border-radius: 1.5rem;
}
.consulting-packages .grid-sec .package-card:hover {
  box-shadow: 0px 4px 24px rgba(212, 175, 55, 0.4);
}
.consulting-packages .grid-sec .package-card h3 {
  font-size: clamp(1.8rem,1.66vw,2.4rem);
  font-weight: 600;
  transition: all 0.3s ease;
  text-transform: uppercase; 
  margin-bottom: 2.2rem;
}
.consulting-packages .grid-sec .package-card:hover h3 {
  color: var(--theme-yellow);
}
.consulting-packages .grid-sec .package-card .text {
  list-style: none;
  padding: 0;
  margin-bottom: 2rem;
  line-height: 1.34;
  color:var(--theme-black);
}
.consulting-packages .grid-sec .package-card .text ul{
  margin:0;
  padding:0;
}
.consulting-packages .grid-sec .package-card .text ul li {
  position: relative;
  display: flex;
  padding-left:4.5rem;
  align-items:center;
  min-height:28px;
    color:var(--body-color);
}
.consulting-packages .grid-sec .package-card .text ul li:not(:last-child) {
  margin-bottom: 2rem;
}
.consulting-packages .grid-sec .package-card .text ul li:before {
  content: '';
  width: 2.8rem;
  height: 2.8rem;
  background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 0C6.28009 0 0 6.28009 0 14C0 21.7199 6.28009 28 14 28C21.7199 28 28 21.7199 28 14C28 6.28009 21.7199 0 14 0ZM21.0957 11.0332L13.5123 18.6164C13.2848 18.8439 12.9861 18.9584 12.6875 18.9584C12.3889 18.9584 12.0902 18.8439 11.8627 18.6164L8.07111 14.8248C7.6148 14.3687 7.6148 13.6313 8.07111 13.1752C8.5272 12.7189 9.26439 12.7189 9.7207 13.1752L12.6875 16.142L19.4461 9.38361C19.9022 8.9273 20.6394 8.9273 21.0957 9.38361C21.5518 9.8397 21.5518 10.5769 21.0957 11.0332Z' fill='%23D4AF37'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  position:absolute;
  left:0;
  top:0;
}
.consulting-packages .grid-sec .package-card .price {
  /* font-size: 1.4rem; */
  font-weight: 500;
  text-transform: uppercase;
  font-family: var(--heading-font);
  color: var(--theme-black);
  line-height: 1.2;
  margin-bottom: 3rem;
  letter-spacing: normal;
}
.consulting-packages .grid-sec .package-card .price strong {
    color: var(--theme-yellow);
    font-size: clamp(1.4rem,1.4vw,2rem);
    font-weight: bold;
    vertical-align: middle;
}

/******* MARKETTING_CONSULTANCY_PAGE_ENDS *******/

/* DEFAULT_CSS_BEGINS */

.shopify-policy__container {
  padding-block: var(--padding-50) !important;
  max-width: var(--page-width);
}
.shopify-policy__title h1 {
  margin-bottom: clamp(2.5rem,2.77vw,4rem);
  text-transform: uppercase; 
}

.rich-text .rich-text__wrapper{
    width:100%;
}
.rich-text__wrapper .rich-text__blocks {
    max-width: 100%;
    width: 100%;
    color: var(--theme-black);
}
.rich-text__buttons .button:before, .rich-text__buttons .button:after{
    display:none;
}
.rich-text__buttons .button{
    border: 1px solid transparent;
    background-color: var(--theme-yellow);
    border-radius:10em;
    letter-spacing:normal;
    font-size: clamp(1.6rem, 1.12vw, 1.8rem);
    font-weight:500;
    transition: all ease-in-out 0.3s;
}
.rich-text__buttons .button:hover {
    background-color: var(--theme-black);
    color: var(--theme-yellow) !important;
    box-shadow: inset 0 0 .8rem var(--theme-yellow);
    border: 1px solid var(--theme-yellow) !important;
}
.wellness_brand_image_text{
  background-color:var(--whiteColor) !important;
}
.wellness_brand_image_text .why-choose-container{
    flex-direction:row-reverse !important;
}
.free-chat-btn{
    margin-top:30px;
}
.page-width .container{
    max-width:100%;
    padding-left:0 !important;
    padding-right:0 !important;
}
.stat-highlight ul {
    padding: 0;
    list-style: none;
}


.customer button {
    padding: .6rem 3rem .6rem .8rem;
    border-radius: 7.6rem;
    background-color: var(--theme-yellow);
    display: inline-flex;
    align-items: center;
    gap: 1rem;
    justify-content: center;
    font-size: clamp(1.6rem, 1.12vw, 1.8rem);
    color: var(--whiteColor);
    font-weight: 500;
    font-family: var(--body-font);
    border: 1px solid transparent;
    line-height: 1.2;
    text-align: center;
    transition: all 0.3s ease;
    min-width: auto;
    min-height:auto;
    letter-spacing: normal;
}
.customer button:hover {
  background-color: var(--theme-black);
  color: var(--theme-yellow) !important;
  box-shadow: inset 0 0 .8rem var(--theme-yellow);
  border: 1px solid var(--theme-yellow) !important;
}
.customer button:before,
.customer button:after {
  display: none;
}

.chat-closed button,
.chrome,
#button-body,
.gt_float_switcher .gt-selected .gt-current-lang {  
  background: var(--theme-yellow) !important;
}

.header__icon--cart .cart-count-bubble{
    background:var(--theme-yellow);
}

.header__icon--cart .cart-count-bubble {
    background: var(--theme-yellow);
    left: 0.4rem;
    bottom: 1.8rem;
}
.customer:not(.account):not(.order){
  padding-top:5rem;
  padding-bottom:5rem;
}
.cart__login-title{
    font-size:clamp(2rem,1.4vw,2.4rem);
    font-weight:normal;
}
summary.facets__summary{
    margin-bottom:0;
}
body:is(.template-collection, .template-product) .content-for-layout{
    padding-top:50px;
    padding-bottom:50px;
}