.elementor-118 .elementor-element.elementor-element-7f563f7{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.15);}.elementor-118 .elementor-element.elementor-element-7f563f7:not(.elementor-motion-effects-element-type-background), .elementor-118 .elementor-element.elementor-element-7f563f7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-1129c31 );}.elementor-118 .elementor-element.elementor-element-e697d8c{width:var( --container-widget-width, 75px );max-width:75px;--container-widget-width:75px;--container-widget-flex-grow:0;}.elementor-118 .elementor-element.elementor-element-8223695 .elementor-menu-toggle{margin:0 auto;background-color:var( --e-global-color-accent );}.elementor-118 .elementor-element.elementor-element-8223695 .elementor-nav-menu .elementor-item{font-weight:600;text-transform:uppercase;}.elementor-118 .elementor-element.elementor-element-8223695 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-3ad4683 );fill:var( --e-global-color-3ad4683 );padding-left:0px;padding-right:0px;}.elementor-118 .elementor-element.elementor-element-8223695 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-118 .elementor-element.elementor-element-8223695 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-118 .elementor-element.elementor-element-8223695 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-118 .elementor-element.elementor-element-8223695 .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-118 .elementor-element.elementor-element-8223695 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-118 .elementor-element.elementor-element-8223695 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-118 .elementor-element.elementor-element-8223695 .e--pointer-framed .elementor-item:before,
					.elementor-118 .elementor-element.elementor-element-8223695 .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-118 .elementor-element.elementor-element-8223695 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-accent );}.elementor-118 .elementor-element.elementor-element-8223695 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:before,
					.elementor-118 .elementor-element.elementor-element-8223695 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:after{background-color:var( --e-global-color-accent );}.elementor-118 .elementor-element.elementor-element-8223695 .e--pointer-framed .elementor-item.elementor-item-active:before,
					.elementor-118 .elementor-element.elementor-element-8223695 .e--pointer-framed .elementor-item.elementor-item-active:after{border-color:var( --e-global-color-accent );}.elementor-118 .elementor-element.elementor-element-8223695{--e-nav-menu-horizontal-menu-item-margin:calc( 40px / 2 );}.elementor-118 .elementor-element.elementor-element-8223695 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:40px;}.elementor-118 .elementor-element.elementor-element-8223695 .elementor-nav-menu--dropdown a:hover,
					.elementor-118 .elementor-element.elementor-element-8223695 .elementor-nav-menu--dropdown a:focus,
					.elementor-118 .elementor-element.elementor-element-8223695 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-118 .elementor-element.elementor-element-8223695 .elementor-nav-menu--dropdown a.highlighted,
					.elementor-118 .elementor-element.elementor-element-8223695 .elementor-menu-toggle:hover,
					.elementor-118 .elementor-element.elementor-element-8223695 .elementor-menu-toggle:focus{color:var( --e-global-color-1129c31 );}.elementor-118 .elementor-element.elementor-element-8223695 .elementor-nav-menu--dropdown a:hover,
					.elementor-118 .elementor-element.elementor-element-8223695 .elementor-nav-menu--dropdown a:focus,
					.elementor-118 .elementor-element.elementor-element-8223695 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-118 .elementor-element.elementor-element-8223695 .elementor-nav-menu--dropdown a.highlighted{background-color:var( --e-global-color-3ad4683 );}.elementor-118 .elementor-element.elementor-element-8223695 div.elementor-menu-toggle{color:var( --e-global-color-1129c31 );}.elementor-118 .elementor-element.elementor-element-8223695 div.elementor-menu-toggle svg{fill:var( --e-global-color-1129c31 );}.elementor-118 .elementor-element.elementor-element-91a6209{--display:flex;}.elementor-118 .elementor-element.elementor-element-bb8a8c3{--display:flex;}.elementor-118 .elementor-element.elementor-element-b98dbdf{--display:flex;}.elementor-118 .elementor-element.elementor-element-5a094c1{--display:flex;--background-transition:0.3s;--padding-top:10px;--padding-bottom:10px;--padding-left:32px;--padding-right:32px;}.elementor-118 .elementor-element.elementor-element-5a094c1:not(.elementor-motion-effects-element-type-background), .elementor-118 .elementor-element.elementor-element-5a094c1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-4a51e4a );}.elementor-118 .elementor-element.elementor-element-5a094c1:hover{background-color:var( --e-global-color-accent );}.elementor-118 .elementor-element.elementor-element-f115f70 .elementor-heading-title{font-size:16px;font-weight:600;color:var( --e-global-color-3ad4683 );}.elementor-118 .elementor-element.elementor-element-f115f70 .elementor-heading-title a:hover, .elementor-118 .elementor-element.elementor-element-f115f70 .elementor-heading-title a:focus{color:var( --e-global-color-1129c31 );}.elementor-118 .elementor-element.elementor-element-c5d4f9d{--display:flex;}.elementor-118 .elementor-element.elementor-element-78ccd85{--display:flex;}.elementor-118 .elementor-element.elementor-element-8fb4bbf{--n-menu-dropdown-content-max-width:fit-content;--n-menu-heading-justify-content:center;--n-menu-title-flex-grow:initial;--n-menu-title-justify-content:initial;--n-menu-title-justify-content-mobile:center;--n-menu-heading-wrap:wrap;--n-menu-heading-overflow-x:initial;--n-menu-title-distance-from-content:0px;--n-menu-toggle-icon-wrapper-animation-duration:500ms;--n-menu-title-space-between:0px;--n-menu-title-color-normal:var( --e-global-color-3ad4683 );--n-menu-title-transition:300ms;--n-menu-icon-size:16px;--n-menu-toggle-icon-size:20px;--n-menu-toggle-icon-hover-duration:500ms;--n-menu-toggle-icon-distance-from-dropdown:0px;}.elementor-118 .elementor-element.elementor-element-8fb4bbf.elementor-element{--align-self:center;}.elementor-118 .elementor-element.elementor-element-8fb4bbf > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-118 .elementor-element.elementor-element-8fb4bbf > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-118 .elementor-element.elementor-element-8fb4bbf > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{font-weight:600;text-transform:uppercase;}.elementor-118 .elementor-element.elementor-element-8fb4bbf {--n-menu-title-color-hover:var( --e-global-color-accent );--n-menu-title-color-active:var( --e-global-color-accent );}.elementor-118 .elementor-element.elementor-element-8ae9cb5 .elementor-button{background-color:var( --e-global-color-accent );border-radius:5px 5px 5px 5px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for html, class: .elementor-element-8c472a2 *//* ============================
   Playground Mega Menu
============================ */

.play-mega-menu {
  width: 100%;
  background: #ffffff;
  border-top: 1px solid #e3e7ee;
  border-bottom: 1px solid #e3e7ee;
  box-shadow: 0 18px 44px rgba(15, 37, 64, 0.1);
  box-sizing: border-box;
  overflow: hidden;
}

.play-mega-menu * {
  box-sizing: border-box;
}

.play-mega-menu-inner {
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
  padding: 28px 24px;
  display: grid;
  grid-template-columns: 260px minmax(0, 1fr) 300px;
  gap: 30px;
}

/* Left Main Category */
.play-mega-main {
  padding-right: 24px;
  border-right: 1px solid #e3e7ee;
}

.play-mega-label {
  margin-bottom: 14px;
  font-size: 13px;
  line-height: 1.4;
  font-weight: 800;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #2f5f99;
}

.play-mega-main-item {
  display: block;
  padding: 13px 14px;
  border-radius: 10px;
  text-decoration: none !important;
  transition: all 0.25s ease;
}

.play-mega-main-item + .play-mega-main-item {
  margin-top: 6px;
}

.play-mega-main-item span {
  display: block;
  margin-bottom: 3px;
  font-size: 16px;
  line-height: 1.35;
  font-weight: 800;
  color: #10243f;
}

.play-mega-main-item small {
  display: block;
  font-size: 13px;
  line-height: 1.45;
  color: #5f6b7a;
}

.play-mega-main-item:hover,
.play-mega-main-item.is-active {
  background: #eaf4ff;
}

.play-mega-main-item:hover span,
.play-mega-main-item.is-active span {
  color: #2f5f99;
}

/* Center Product Columns */
.play-mega-products {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 26px 28px;
  min-width: 0;
}

.play-mega-column {
  min-width: 0;
}

.play-mega-column h3 {
  margin: 0 0 12px;
  padding-bottom: 10px;
  border-bottom: 1px solid #e3e7ee;
  font-size: 17px;
  line-height: 1.35;
  font-weight: 800;
  color: #10243f;
}

.play-mega-column ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.play-mega-column li {
  margin: 0;
  padding: 0;
}

.play-mega-column a {
  position: relative;
  display: block;
  padding: 7px 0 7px 15px;
  font-size: 14.5px;
  line-height: 1.45;
  font-weight: 500;
  color: #333333;
  text-decoration: none !important;
  transition: all 0.22s ease;
}

.play-mega-column a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 15px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #2f5f99;
  opacity: 0.55;
  transition: all 0.22s ease;
}

.play-mega-column a:hover {
  color: #2f5f99;
  transform: translateX(4px);
}

.play-mega-column a:hover::before {
  opacity: 1;
}

/* Right Featured */
.play-mega-featured {
  overflow: hidden;
  border-radius: 16px;
  background: #f6f9fc;
  border: 1px solid #e3e7ee;
}

.play-mega-featured-image {
  width: 100%;
  height: 170px;
  overflow: hidden;
  background: #eaf4ff;
}

.play-mega-featured-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.play-mega-featured-content {
  padding: 22px 20px 24px;
}

.play-mega-featured-content h3 {
  margin: 0 0 10px;
  font-size: 21px;
  line-height: 1.3;
  font-weight: 800;
  color: #10243f;
}

.play-mega-featured-content p {
  margin: 0 0 18px;
  font-size: 14.5px;
  line-height: 1.6;
  color: #5f6b7a;
}

.play-mega-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 0 20px;
  border-radius: 999px;
  background: #2f5f99;
  color: #ffffff !important;
  font-size: 14px;
  line-height: 1;
  font-weight: 800;
  text-decoration: none !important;
  transition: all 0.25s ease;
}

.play-mega-btn:hover {
  background: #163f6c;
  color: #ffffff !important;
  transform: translateY(-2px);
}

/* Tablet */
@media (max-width: 1024px) {
  .play-mega-menu-inner {
    grid-template-columns: 220px minmax(0, 1fr);
  }

  .play-mega-products {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .play-mega-featured {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: 280px minmax(0, 1fr);
  }

  .play-mega-featured-image {
    height: 100%;
    min-height: 180px;
  }
}

/* Mobile */
@media (max-width: 767px) {
  .play-mega-menu-inner {
    padding: 22px 15px;
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .play-mega-main {
    padding-right: 0;
    border-right: none;
  }

  .play-mega-products {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .play-mega-featured {
    display: block;
  }

  .play-mega-featured-image {
    height: 190px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5a094c1 */.sub-menu-d:hover span {
    color:#FFF !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8c472a2 *//* ============================
   Playground Mega Menu
============================ */

.play-mega-menu {
  width: 100%;
  background: #ffffff;
  border-top: 1px solid #e3e7ee;
  border-bottom: 1px solid #e3e7ee;
  box-shadow: 0 18px 44px rgba(15, 37, 64, 0.1);
  box-sizing: border-box;
  overflow: hidden;
}

.play-mega-menu * {
  box-sizing: border-box;
}

.play-mega-menu-inner {
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
  padding: 28px 24px;
  display: grid;
  grid-template-columns: 260px minmax(0, 1fr) 300px;
  gap: 30px;
}

/* Left Main Category */
.play-mega-main {
  padding-right: 24px;
  border-right: 1px solid #e3e7ee;
}

.play-mega-label {
  margin-bottom: 14px;
  font-size: 13px;
  line-height: 1.4;
  font-weight: 800;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #2f5f99;
}

.play-mega-main-item {
  display: block;
  padding: 13px 14px;
  border-radius: 10px;
  text-decoration: none !important;
  transition: all 0.25s ease;
}

.play-mega-main-item + .play-mega-main-item {
  margin-top: 6px;
}

.play-mega-main-item span {
  display: block;
  margin-bottom: 3px;
  font-size: 16px;
  line-height: 1.35;
  font-weight: 800;
  color: #10243f;
}

.play-mega-main-item small {
  display: block;
  font-size: 13px;
  line-height: 1.45;
  color: #5f6b7a;
}

.play-mega-main-item:hover,
.play-mega-main-item.is-active {
  background: #eaf4ff;
}

.play-mega-main-item:hover span,
.play-mega-main-item.is-active span {
  color: #2f5f99;
}

/* Center Product Columns */
.play-mega-products {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 26px 28px;
  min-width: 0;
}

.play-mega-column {
  min-width: 0;
}

.play-mega-column h3 {
  margin: 0 0 12px;
  padding-bottom: 10px;
  border-bottom: 1px solid #e3e7ee;
  font-size: 17px;
  line-height: 1.35;
  font-weight: 800;
  color: #10243f;
}

.play-mega-column ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.play-mega-column li {
  margin: 0;
  padding: 0;
}

.play-mega-column a {
  position: relative;
  display: block;
  padding: 7px 0 7px 15px;
  font-size: 14.5px;
  line-height: 1.45;
  font-weight: 500;
  color: #333333;
  text-decoration: none !important;
  transition: all 0.22s ease;
}

.play-mega-column a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 15px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #2f5f99;
  opacity: 0.55;
  transition: all 0.22s ease;
}

.play-mega-column a:hover {
  color: #2f5f99;
  transform: translateX(4px);
}

.play-mega-column a:hover::before {
  opacity: 1;
}

/* Right Featured */
.play-mega-featured {
  overflow: hidden;
  border-radius: 16px;
  background: #f6f9fc;
  border: 1px solid #e3e7ee;
}

.play-mega-featured-image {
  width: 100%;
  height: 170px;
  overflow: hidden;
  background: #eaf4ff;
}

.play-mega-featured-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.play-mega-featured-content {
  padding: 22px 20px 24px;
}

.play-mega-featured-content h3 {
  margin: 0 0 10px;
  font-size: 21px;
  line-height: 1.3;
  font-weight: 800;
  color: #10243f;
}

.play-mega-featured-content p {
  margin: 0 0 18px;
  font-size: 14.5px;
  line-height: 1.6;
  color: #5f6b7a;
}

.play-mega-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 0 20px;
  border-radius: 999px;
  background: #2f5f99;
  color: #ffffff !important;
  font-size: 14px;
  line-height: 1;
  font-weight: 800;
  text-decoration: none !important;
  transition: all 0.25s ease;
}

.play-mega-btn:hover {
  background: #163f6c;
  color: #ffffff !important;
  transform: translateY(-2px);
}

/* Tablet */
@media (max-width: 1024px) {
  .play-mega-menu-inner {
    grid-template-columns: 220px minmax(0, 1fr);
  }

  .play-mega-products {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .play-mega-featured {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: 280px minmax(0, 1fr);
  }

  .play-mega-featured-image {
    height: 100%;
    min-height: 180px;
  }
}

/* Mobile */
@media (max-width: 767px) {
  .play-mega-menu-inner {
    padding: 22px 15px;
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .play-mega-main {
    padding-right: 0;
    border-right: none;
  }

  .play-mega-products {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .play-mega-featured {
    display: block;
  }

  .play-mega-featured-image {
    height: 190px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5a094c1 */.sub-menu-d:hover span {
    color:#FFF !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8c472a2 *//* ============================
   Playground Mega Menu
============================ */

.play-mega-menu {
  width: 100%;
  background: #ffffff;
  border-top: 1px solid #e3e7ee;
  border-bottom: 1px solid #e3e7ee;
  box-shadow: 0 18px 44px rgba(15, 37, 64, 0.1);
  box-sizing: border-box;
  overflow: hidden;
}

.play-mega-menu * {
  box-sizing: border-box;
}

.play-mega-menu-inner {
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
  padding: 28px 24px;
  display: grid;
  grid-template-columns: 260px minmax(0, 1fr) 300px;
  gap: 30px;
}

/* Left Main Category */
.play-mega-main {
  padding-right: 24px;
  border-right: 1px solid #e3e7ee;
}

.play-mega-label {
  margin-bottom: 14px;
  font-size: 13px;
  line-height: 1.4;
  font-weight: 800;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #2f5f99;
}

.play-mega-main-item {
  display: block;
  padding: 13px 14px;
  border-radius: 10px;
  text-decoration: none !important;
  transition: all 0.25s ease;
}

.play-mega-main-item + .play-mega-main-item {
  margin-top: 6px;
}

.play-mega-main-item span {
  display: block;
  margin-bottom: 3px;
  font-size: 16px;
  line-height: 1.35;
  font-weight: 800;
  color: #10243f;
}

.play-mega-main-item small {
  display: block;
  font-size: 13px;
  line-height: 1.45;
  color: #5f6b7a;
}

.play-mega-main-item:hover,
.play-mega-main-item.is-active {
  background: #eaf4ff;
}

.play-mega-main-item:hover span,
.play-mega-main-item.is-active span {
  color: #2f5f99;
}

/* Center Product Columns */
.play-mega-products {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 26px 28px;
  min-width: 0;
}

.play-mega-column {
  min-width: 0;
}

.play-mega-column h3 {
  margin: 0 0 12px;
  padding-bottom: 10px;
  border-bottom: 1px solid #e3e7ee;
  font-size: 17px;
  line-height: 1.35;
  font-weight: 800;
  color: #10243f;
}

.play-mega-column ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.play-mega-column li {
  margin: 0;
  padding: 0;
}

.play-mega-column a {
  position: relative;
  display: block;
  padding: 7px 0 7px 15px;
  font-size: 14.5px;
  line-height: 1.45;
  font-weight: 500;
  color: #333333;
  text-decoration: none !important;
  transition: all 0.22s ease;
}

.play-mega-column a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 15px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #2f5f99;
  opacity: 0.55;
  transition: all 0.22s ease;
}

.play-mega-column a:hover {
  color: #2f5f99;
  transform: translateX(4px);
}

.play-mega-column a:hover::before {
  opacity: 1;
}

/* Right Featured */
.play-mega-featured {
  overflow: hidden;
  border-radius: 16px;
  background: #f6f9fc;
  border: 1px solid #e3e7ee;
}

.play-mega-featured-image {
  width: 100%;
  height: 170px;
  overflow: hidden;
  background: #eaf4ff;
}

.play-mega-featured-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.play-mega-featured-content {
  padding: 22px 20px 24px;
}

.play-mega-featured-content h3 {
  margin: 0 0 10px;
  font-size: 21px;
  line-height: 1.3;
  font-weight: 800;
  color: #10243f;
}

.play-mega-featured-content p {
  margin: 0 0 18px;
  font-size: 14.5px;
  line-height: 1.6;
  color: #5f6b7a;
}

.play-mega-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 0 20px;
  border-radius: 999px;
  background: #2f5f99;
  color: #ffffff !important;
  font-size: 14px;
  line-height: 1;
  font-weight: 800;
  text-decoration: none !important;
  transition: all 0.25s ease;
}

.play-mega-btn:hover {
  background: #163f6c;
  color: #ffffff !important;
  transform: translateY(-2px);
}

/* Tablet */
@media (max-width: 1024px) {
  .play-mega-menu-inner {
    grid-template-columns: 220px minmax(0, 1fr);
  }

  .play-mega-products {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .play-mega-featured {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: 280px minmax(0, 1fr);
  }

  .play-mega-featured-image {
    height: 100%;
    min-height: 180px;
  }
}

/* Mobile */
@media (max-width: 767px) {
  .play-mega-menu-inner {
    padding: 22px 15px;
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .play-mega-main {
    padding-right: 0;
    border-right: none;
  }

  .play-mega-products {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .play-mega-featured {
    display: block;
  }

  .play-mega-featured-image {
    height: 190px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5a094c1 */.sub-menu-d:hover span {
    color:#FFF !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8c472a2 *//* ============================
   Playground Mega Menu
============================ */

.play-mega-menu {
  width: 100%;
  background: #ffffff;
  border-top: 1px solid #e3e7ee;
  border-bottom: 1px solid #e3e7ee;
  box-shadow: 0 18px 44px rgba(15, 37, 64, 0.1);
  box-sizing: border-box;
  overflow: hidden;
}

.play-mega-menu * {
  box-sizing: border-box;
}

.play-mega-menu-inner {
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
  padding: 28px 24px;
  display: grid;
  grid-template-columns: 260px minmax(0, 1fr) 300px;
  gap: 30px;
}

/* Left Main Category */
.play-mega-main {
  padding-right: 24px;
  border-right: 1px solid #e3e7ee;
}

.play-mega-label {
  margin-bottom: 14px;
  font-size: 13px;
  line-height: 1.4;
  font-weight: 800;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #2f5f99;
}

.play-mega-main-item {
  display: block;
  padding: 13px 14px;
  border-radius: 10px;
  text-decoration: none !important;
  transition: all 0.25s ease;
}

.play-mega-main-item + .play-mega-main-item {
  margin-top: 6px;
}

.play-mega-main-item span {
  display: block;
  margin-bottom: 3px;
  font-size: 16px;
  line-height: 1.35;
  font-weight: 800;
  color: #10243f;
}

.play-mega-main-item small {
  display: block;
  font-size: 13px;
  line-height: 1.45;
  color: #5f6b7a;
}

.play-mega-main-item:hover,
.play-mega-main-item.is-active {
  background: #eaf4ff;
}

.play-mega-main-item:hover span,
.play-mega-main-item.is-active span {
  color: #2f5f99;
}

/* Center Product Columns */
.play-mega-products {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 26px 28px;
  min-width: 0;
}

.play-mega-column {
  min-width: 0;
}

.play-mega-column h3 {
  margin: 0 0 12px;
  padding-bottom: 10px;
  border-bottom: 1px solid #e3e7ee;
  font-size: 17px;
  line-height: 1.35;
  font-weight: 800;
  color: #10243f;
}

.play-mega-column ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.play-mega-column li {
  margin: 0;
  padding: 0;
}

.play-mega-column a {
  position: relative;
  display: block;
  padding: 7px 0 7px 15px;
  font-size: 14.5px;
  line-height: 1.45;
  font-weight: 500;
  color: #333333;
  text-decoration: none !important;
  transition: all 0.22s ease;
}

.play-mega-column a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 15px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #2f5f99;
  opacity: 0.55;
  transition: all 0.22s ease;
}

.play-mega-column a:hover {
  color: #2f5f99;
  transform: translateX(4px);
}

.play-mega-column a:hover::before {
  opacity: 1;
}

/* Right Featured */
.play-mega-featured {
  overflow: hidden;
  border-radius: 16px;
  background: #f6f9fc;
  border: 1px solid #e3e7ee;
}

.play-mega-featured-image {
  width: 100%;
  height: 170px;
  overflow: hidden;
  background: #eaf4ff;
}

.play-mega-featured-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.play-mega-featured-content {
  padding: 22px 20px 24px;
}

.play-mega-featured-content h3 {
  margin: 0 0 10px;
  font-size: 21px;
  line-height: 1.3;
  font-weight: 800;
  color: #10243f;
}

.play-mega-featured-content p {
  margin: 0 0 18px;
  font-size: 14.5px;
  line-height: 1.6;
  color: #5f6b7a;
}

.play-mega-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 0 20px;
  border-radius: 999px;
  background: #2f5f99;
  color: #ffffff !important;
  font-size: 14px;
  line-height: 1;
  font-weight: 800;
  text-decoration: none !important;
  transition: all 0.25s ease;
}

.play-mega-btn:hover {
  background: #163f6c;
  color: #ffffff !important;
  transform: translateY(-2px);
}

/* Tablet */
@media (max-width: 1024px) {
  .play-mega-menu-inner {
    grid-template-columns: 220px minmax(0, 1fr);
  }

  .play-mega-products {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .play-mega-featured {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: 280px minmax(0, 1fr);
  }

  .play-mega-featured-image {
    height: 100%;
    min-height: 180px;
  }
}

/* Mobile */
@media (max-width: 767px) {
  .play-mega-menu-inner {
    padding: 22px 15px;
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .play-mega-main {
    padding-right: 0;
    border-right: none;
  }

  .play-mega-products {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .play-mega-featured {
    display: block;
  }

  .play-mega-featured-image {
    height: 190px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5a094c1 */.sub-menu-d:hover span {
    color:#FFF !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8c472a2 *//* ============================
   Playground Mega Menu
============================ */

.play-mega-menu {
  width: 100%;
  background: #ffffff;
  border-top: 1px solid #e3e7ee;
  border-bottom: 1px solid #e3e7ee;
  box-shadow: 0 18px 44px rgba(15, 37, 64, 0.1);
  box-sizing: border-box;
  overflow: hidden;
}

.play-mega-menu * {
  box-sizing: border-box;
}

.play-mega-menu-inner {
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
  padding: 28px 24px;
  display: grid;
  grid-template-columns: 260px minmax(0, 1fr) 300px;
  gap: 30px;
}

/* Left Main Category */
.play-mega-main {
  padding-right: 24px;
  border-right: 1px solid #e3e7ee;
}

.play-mega-label {
  margin-bottom: 14px;
  font-size: 13px;
  line-height: 1.4;
  font-weight: 800;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #2f5f99;
}

.play-mega-main-item {
  display: block;
  padding: 13px 14px;
  border-radius: 10px;
  text-decoration: none !important;
  transition: all 0.25s ease;
}

.play-mega-main-item + .play-mega-main-item {
  margin-top: 6px;
}

.play-mega-main-item span {
  display: block;
  margin-bottom: 3px;
  font-size: 16px;
  line-height: 1.35;
  font-weight: 800;
  color: #10243f;
}

.play-mega-main-item small {
  display: block;
  font-size: 13px;
  line-height: 1.45;
  color: #5f6b7a;
}

.play-mega-main-item:hover,
.play-mega-main-item.is-active {
  background: #eaf4ff;
}

.play-mega-main-item:hover span,
.play-mega-main-item.is-active span {
  color: #2f5f99;
}

/* Center Product Columns */
.play-mega-products {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 26px 28px;
  min-width: 0;
}

.play-mega-column {
  min-width: 0;
}

.play-mega-column h3 {
  margin: 0 0 12px;
  padding-bottom: 10px;
  border-bottom: 1px solid #e3e7ee;
  font-size: 17px;
  line-height: 1.35;
  font-weight: 800;
  color: #10243f;
}

.play-mega-column ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.play-mega-column li {
  margin: 0;
  padding: 0;
}

.play-mega-column a {
  position: relative;
  display: block;
  padding: 7px 0 7px 15px;
  font-size: 14.5px;
  line-height: 1.45;
  font-weight: 500;
  color: #333333;
  text-decoration: none !important;
  transition: all 0.22s ease;
}

.play-mega-column a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 15px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #2f5f99;
  opacity: 0.55;
  transition: all 0.22s ease;
}

.play-mega-column a:hover {
  color: #2f5f99;
  transform: translateX(4px);
}

.play-mega-column a:hover::before {
  opacity: 1;
}

/* Right Featured */
.play-mega-featured {
  overflow: hidden;
  border-radius: 16px;
  background: #f6f9fc;
  border: 1px solid #e3e7ee;
}

.play-mega-featured-image {
  width: 100%;
  height: 170px;
  overflow: hidden;
  background: #eaf4ff;
}

.play-mega-featured-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.play-mega-featured-content {
  padding: 22px 20px 24px;
}

.play-mega-featured-content h3 {
  margin: 0 0 10px;
  font-size: 21px;
  line-height: 1.3;
  font-weight: 800;
  color: #10243f;
}

.play-mega-featured-content p {
  margin: 0 0 18px;
  font-size: 14.5px;
  line-height: 1.6;
  color: #5f6b7a;
}

.play-mega-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 0 20px;
  border-radius: 999px;
  background: #2f5f99;
  color: #ffffff !important;
  font-size: 14px;
  line-height: 1;
  font-weight: 800;
  text-decoration: none !important;
  transition: all 0.25s ease;
}

.play-mega-btn:hover {
  background: #163f6c;
  color: #ffffff !important;
  transform: translateY(-2px);
}

/* Tablet */
@media (max-width: 1024px) {
  .play-mega-menu-inner {
    grid-template-columns: 220px minmax(0, 1fr);
  }

  .play-mega-products {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .play-mega-featured {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: 280px minmax(0, 1fr);
  }

  .play-mega-featured-image {
    height: 100%;
    min-height: 180px;
  }
}

/* Mobile */
@media (max-width: 767px) {
  .play-mega-menu-inner {
    padding: 22px 15px;
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .play-mega-main {
    padding-right: 0;
    border-right: none;
  }

  .play-mega-products {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .play-mega-featured {
    display: block;
  }

  .play-mega-featured-image {
    height: 190px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5a094c1 */.sub-menu-d:hover span {
    color:#FFF !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8c472a2 *//* ============================
   Playground Mega Menu
============================ */

.play-mega-menu {
  width: 100%;
  background: #ffffff;
  border-top: 1px solid #e3e7ee;
  border-bottom: 1px solid #e3e7ee;
  box-shadow: 0 18px 44px rgba(15, 37, 64, 0.1);
  box-sizing: border-box;
  overflow: hidden;
}

.play-mega-menu * {
  box-sizing: border-box;
}

.play-mega-menu-inner {
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
  padding: 28px 24px;
  display: grid;
  grid-template-columns: 260px minmax(0, 1fr) 300px;
  gap: 30px;
}

/* Left Main Category */
.play-mega-main {
  padding-right: 24px;
  border-right: 1px solid #e3e7ee;
}

.play-mega-label {
  margin-bottom: 14px;
  font-size: 13px;
  line-height: 1.4;
  font-weight: 800;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #2f5f99;
}

.play-mega-main-item {
  display: block;
  padding: 13px 14px;
  border-radius: 10px;
  text-decoration: none !important;
  transition: all 0.25s ease;
}

.play-mega-main-item + .play-mega-main-item {
  margin-top: 6px;
}

.play-mega-main-item span {
  display: block;
  margin-bottom: 3px;
  font-size: 16px;
  line-height: 1.35;
  font-weight: 800;
  color: #10243f;
}

.play-mega-main-item small {
  display: block;
  font-size: 13px;
  line-height: 1.45;
  color: #5f6b7a;
}

.play-mega-main-item:hover,
.play-mega-main-item.is-active {
  background: #eaf4ff;
}

.play-mega-main-item:hover span,
.play-mega-main-item.is-active span {
  color: #2f5f99;
}

/* Center Product Columns */
.play-mega-products {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 26px 28px;
  min-width: 0;
}

.play-mega-column {
  min-width: 0;
}

.play-mega-column h3 {
  margin: 0 0 12px;
  padding-bottom: 10px;
  border-bottom: 1px solid #e3e7ee;
  font-size: 17px;
  line-height: 1.35;
  font-weight: 800;
  color: #10243f;
}

.play-mega-column ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.play-mega-column li {
  margin: 0;
  padding: 0;
}

.play-mega-column a {
  position: relative;
  display: block;
  padding: 7px 0 7px 15px;
  font-size: 14.5px;
  line-height: 1.45;
  font-weight: 500;
  color: #333333;
  text-decoration: none !important;
  transition: all 0.22s ease;
}

.play-mega-column a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 15px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #2f5f99;
  opacity: 0.55;
  transition: all 0.22s ease;
}

.play-mega-column a:hover {
  color: #2f5f99;
  transform: translateX(4px);
}

.play-mega-column a:hover::before {
  opacity: 1;
}

/* Right Featured */
.play-mega-featured {
  overflow: hidden;
  border-radius: 16px;
  background: #f6f9fc;
  border: 1px solid #e3e7ee;
}

.play-mega-featured-image {
  width: 100%;
  height: 170px;
  overflow: hidden;
  background: #eaf4ff;
}

.play-mega-featured-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.play-mega-featured-content {
  padding: 22px 20px 24px;
}

.play-mega-featured-content h3 {
  margin: 0 0 10px;
  font-size: 21px;
  line-height: 1.3;
  font-weight: 800;
  color: #10243f;
}

.play-mega-featured-content p {
  margin: 0 0 18px;
  font-size: 14.5px;
  line-height: 1.6;
  color: #5f6b7a;
}

.play-mega-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 0 20px;
  border-radius: 999px;
  background: #2f5f99;
  color: #ffffff !important;
  font-size: 14px;
  line-height: 1;
  font-weight: 800;
  text-decoration: none !important;
  transition: all 0.25s ease;
}

.play-mega-btn:hover {
  background: #163f6c;
  color: #ffffff !important;
  transform: translateY(-2px);
}

/* Tablet */
@media (max-width: 1024px) {
  .play-mega-menu-inner {
    grid-template-columns: 220px minmax(0, 1fr);
  }

  .play-mega-products {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .play-mega-featured {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: 280px minmax(0, 1fr);
  }

  .play-mega-featured-image {
    height: 100%;
    min-height: 180px;
  }
}

/* Mobile */
@media (max-width: 767px) {
  .play-mega-menu-inner {
    padding: 22px 15px;
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .play-mega-main {
    padding-right: 0;
    border-right: none;
  }

  .play-mega-products {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .play-mega-featured {
    display: block;
  }

  .play-mega-featured-image {
    height: 190px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5a094c1 */.sub-menu-d:hover span {
    color:#FFF !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8c472a2 *//* ============================
   Playground Mega Menu
============================ */

.play-mega-menu {
  width: 100%;
  background: #ffffff;
  border-top: 1px solid #e3e7ee;
  border-bottom: 1px solid #e3e7ee;
  box-shadow: 0 18px 44px rgba(15, 37, 64, 0.1);
  box-sizing: border-box;
  overflow: hidden;
}

.play-mega-menu * {
  box-sizing: border-box;
}

.play-mega-menu-inner {
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
  padding: 28px 24px;
  display: grid;
  grid-template-columns: 260px minmax(0, 1fr) 300px;
  gap: 30px;
}

/* Left Main Category */
.play-mega-main {
  padding-right: 24px;
  border-right: 1px solid #e3e7ee;
}

.play-mega-label {
  margin-bottom: 14px;
  font-size: 13px;
  line-height: 1.4;
  font-weight: 800;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #2f5f99;
}

.play-mega-main-item {
  display: block;
  padding: 13px 14px;
  border-radius: 10px;
  text-decoration: none !important;
  transition: all 0.25s ease;
}

.play-mega-main-item + .play-mega-main-item {
  margin-top: 6px;
}

.play-mega-main-item span {
  display: block;
  margin-bottom: 3px;
  font-size: 16px;
  line-height: 1.35;
  font-weight: 800;
  color: #10243f;
}

.play-mega-main-item small {
  display: block;
  font-size: 13px;
  line-height: 1.45;
  color: #5f6b7a;
}

.play-mega-main-item:hover,
.play-mega-main-item.is-active {
  background: #eaf4ff;
}

.play-mega-main-item:hover span,
.play-mega-main-item.is-active span {
  color: #2f5f99;
}

/* Center Product Columns */
.play-mega-products {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 26px 28px;
  min-width: 0;
}

.play-mega-column {
  min-width: 0;
}

.play-mega-column h3 {
  margin: 0 0 12px;
  padding-bottom: 10px;
  border-bottom: 1px solid #e3e7ee;
  font-size: 17px;
  line-height: 1.35;
  font-weight: 800;
  color: #10243f;
}

.play-mega-column ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.play-mega-column li {
  margin: 0;
  padding: 0;
}

.play-mega-column a {
  position: relative;
  display: block;
  padding: 7px 0 7px 15px;
  font-size: 14.5px;
  line-height: 1.45;
  font-weight: 500;
  color: #333333;
  text-decoration: none !important;
  transition: all 0.22s ease;
}

.play-mega-column a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 15px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #2f5f99;
  opacity: 0.55;
  transition: all 0.22s ease;
}

.play-mega-column a:hover {
  color: #2f5f99;
  transform: translateX(4px);
}

.play-mega-column a:hover::before {
  opacity: 1;
}

/* Right Featured */
.play-mega-featured {
  overflow: hidden;
  border-radius: 16px;
  background: #f6f9fc;
  border: 1px solid #e3e7ee;
}

.play-mega-featured-image {
  width: 100%;
  height: 170px;
  overflow: hidden;
  background: #eaf4ff;
}

.play-mega-featured-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.play-mega-featured-content {
  padding: 22px 20px 24px;
}

.play-mega-featured-content h3 {
  margin: 0 0 10px;
  font-size: 21px;
  line-height: 1.3;
  font-weight: 800;
  color: #10243f;
}

.play-mega-featured-content p {
  margin: 0 0 18px;
  font-size: 14.5px;
  line-height: 1.6;
  color: #5f6b7a;
}

.play-mega-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 0 20px;
  border-radius: 999px;
  background: #2f5f99;
  color: #ffffff !important;
  font-size: 14px;
  line-height: 1;
  font-weight: 800;
  text-decoration: none !important;
  transition: all 0.25s ease;
}

.play-mega-btn:hover {
  background: #163f6c;
  color: #ffffff !important;
  transform: translateY(-2px);
}

/* Tablet */
@media (max-width: 1024px) {
  .play-mega-menu-inner {
    grid-template-columns: 220px minmax(0, 1fr);
  }

  .play-mega-products {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .play-mega-featured {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: 280px minmax(0, 1fr);
  }

  .play-mega-featured-image {
    height: 100%;
    min-height: 180px;
  }
}

/* Mobile */
@media (max-width: 767px) {
  .play-mega-menu-inner {
    padding: 22px 15px;
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .play-mega-main {
    padding-right: 0;
    border-right: none;
  }

  .play-mega-products {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .play-mega-featured {
    display: block;
  }

  .play-mega-featured-image {
    height: 190px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5a094c1 */.sub-menu-d:hover span {
    color:#FFF !important;
}/* End custom CSS */