.elementor-kit-5{--e-global-color-primary:#687A85;--e-global-color-secondary:#FCFCFC;--e-global-color-text:#0D0D0D;--e-global-color-accent:#DBFF05;--e-global-color-c4a91b2:#0D0D0D;--e-global-color-3dca289:#DBFF05;--e-global-color-96ec5ed:#687A85;--e-global-color-627dd79:#FCFCFC;--e-global-color-db8fb93:#8C8B8B;--e-global-color-74a03fb:#E6E6E6;--e-global-color-9eb7e36:#EDEDED;--e-global-color-2b082a7:#FFFFFF;--e-global-color-ce8b707:#A3A3A3;--e-global-color-9ac8608:#D9D9D9;--e-global-color-1422416:#586973;--e-global-typography-primary-font-family:"Space Mono";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"DM Sans";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"DM Sans";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;color:var( --e-global-color-text );font-family:"DM Sans", Sans-serif;font-size:16px;}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-kit-5 h1{font-family:"Space Mono", Sans-serif;font-size:72px;font-weight:400;}.elementor-kit-5 h2{font-size:50px;line-height:125%;}.elementor-kit-5 h3{font-family:"Space Mono", Sans-serif;font-size:38px;line-height:115%;}.elementor-kit-5 h4{font-family:"DM Sans", Sans-serif;font-size:28px;}.elementor-kit-5 h5{font-family:"Space Mono", Sans-serif;font-size:18px;}.elementor-kit-5 h6{color:var( --e-global-color-db8fb93 );font-family:"Space Mono", Sans-serif;font-size:16px;font-weight:400;text-transform:uppercase;}.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{font-family:"Space Mono", Sans-serif;font-size:16px;font-weight:400;text-transform:uppercase;color:var( --e-global-color-text );box-shadow:-6px 6px 0px 0px #0D0D0D;border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-text );border-radius:0px 0px 0px 0px;}.elementor-kit-5 input:not([type="button"]):not([type="submit"]),.elementor-kit-5 textarea,.elementor-kit-5 .elementor-field-textual{font-family:"Space Mono", Sans-serif;text-transform:lowercase;border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-text );border-radius:0px 0px 0px 0px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1350px;}.e-con{--container-max-width:1350px;--container-default-padding-top:55px;--container-default-padding-right:30px;--container-default-padding-bottom:55px;--container-default-padding-left:30px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-kit-5{font-size:14px;}.elementor-kit-5 h2{font-size:38px;}.elementor-kit-5 h3{font-size:46px;}.elementor-kit-5 h4{font-size:21px;}.elementor-kit-5 h6{font-size:16px;}.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{font-size:14px;}.e-con{--container-default-padding-top:50px;--container-default-padding-right:15px;--container-default-padding-bottom:50px;--container-default-padding-left:15px;}}@media(max-width:767px){.elementor-kit-5 h1{font-size:75px;}.elementor-kit-5 h3{font-size:32px;}.elementor-kit-5 h4{font-size:18px;}}/* Start custom CSS *//*Form Styles*/
input::placeholder,
textarea::placeholder {
  color: #D9D9D9 !important;
  opacity: 1 !important;
}

/*Light Text*/
.text-opacity {
    opacity: 0.35;
}

/*Product Tabs*/
  .hoshi-tabs-overlap .e-n-tabs,
  .hoshi-tabs-overlap .elementor-tabs {
    position: relative;
  }

  .hoshi-tabs-overlap .e-n-tabs-heading,
  .hoshi-tabs-overlap .elementor-tabs-wrapper {
    display: flex;
    align-items: stretch;
    gap: 0 !important;
    position: relative;
    z-index: 5;
    margin-bottom: -2px;
  }

  .hoshi-tabs-overlap .e-n-tabs-content,
  .hoshi-tabs-overlap .elementor-tabs-content-wrapper {
    position: relative;
    z-index: 1;
  }

  .hoshi-tabs-overlap .e-n-tab-title,
  .hoshi-tabs-overlap .elementor-tab-title {
    position: relative;
    margin: 0;
    border: 2px solid #2a2a2a;
    border-bottom: 2px solid transparent !important;
    background: transparent;
    z-index: 1;
  }

    .hoshi-tabs-overlap .e-n-tab-title:hover,
    .hoshi-tabs-overlap .e-n-tab-title:focus,
    .hoshi-tabs-overlap .e-n-tab-title:focus-visible,
    .hoshi-tabs-overlap .elementor-tab-title:hover,
    .hoshi-tabs-overlap .elementor-tab-title:focus,
    .hoshi-tabs-overlap .elementor-tab-title:focus-visible {
      border-bottom: 2px solid transparent !important;
    }

  .hoshi-tabs-overlap .e-n-tab-title + .e-n-tab-title,
  .hoshi-tabs-overlap .elementor-tab-title + .elementor-tab-title {
    margin-left: -2px !important;
  }

  .hoshi-tabs-overlap .e-n-tab-title[aria-selected="true"],
  .hoshi-tabs-overlap .elementor-tab-title.elementor-active {
    z-index: 7;
    border-bottom: 2px solid transparent !important;
  }

  .hoshi-tabs-overlap .e-n-tab-title[aria-selected="true"]::after,
  .hoshi-tabs-overlap .elementor-tab-title.elementor-active::after {
    content: "";
    position: absolute;
    left: 0px;
    width: 100%;
    bottom: -2px;
    height: 2px;
    background: #FFFFFF;
    z-index: 8;
    pointer-events: none;
  }
/*Product Gallery Slider*/
   .hoshi-gallery-pagination .elementor-swiper,
  .hoshi-gallery-pagination .elementor-image-carousel-wrapper,
  .hoshi-gallery-pagination .swiper {
    --swiper-pagination-bottom: 12px;
  }

  .hoshi-gallery-pagination .elementor-image-carousel-wrapper.swiper,
  .hoshi-gallery-pagination .swiper {
    position: relative;
    overflow: hidden;
  }

  .hoshi-gallery-pagination .swiper-pagination,
  .hoshi-gallery-pagination .swiper-pagination-bullets {
    position: absolute !important;
    left: 50% !important;
    right: auto !important;
    bottom: 40px !important;
    transform: translateX(-50%) !important;
    width: auto !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 12px !important;
    z-index: 3 !important;
  }

  .hoshi-gallery-pagination .swiper-pagination-bullet {
    width: 16px;
    height: 16px;
    margin: 0 !important;
    border: 2px solid #111;
    border-radius: 50%;
    background: transparent;
    opacity: 1;
    box-sizing: border-box;
    transition: background-color 180ms ease, border-color 180ms ease, transform 180ms ease;
  }

  .hoshi-gallery-pagination .swiper-pagination-bullet:hover {
    background: rgba(17, 17, 17, 0.1);
  }

  .hoshi-gallery-pagination .swiper-pagination-bullet-active {
    background: #d9ff00;
    border-color: #d9ff00;
    transform: scale(1.03);
  }

  @media (max-width: 767px) {
    .hoshi-gallery-pagination .swiper-pagination,
    .hoshi-gallery-pagination .swiper-pagination-bullets {
      bottom: 35px !important;
    }

    .hoshi-gallery-pagination .swiper-pagination,
    .hoshi-gallery-pagination .swiper-pagination-bullets {
      gap: 10px;
    }

    .hoshi-gallery-pagination .swiper-pagination-bullet {
      width: 14px;
      height: 14px;
      border-width: 2px;
    }
  }

/*Quotation Form Checkbox*/
:root {
    --hoshi-card-gap: 12px;
    --hoshi-card-border: #2a2a2a;
    --hoshi-card-selected: #d9ff00;
    --hoshi-card-bg: transparent;
    --hoshi-card-label: #1d1d1d;
    --hoshi-card-image-height: 160px;
    --hoshi-card-radius: 0px;
    --hoshi-card-border-width: 1px;
  }

  .hoshi-product-form #hoshiproductselect,
  .hoshi-product-form .elementor-field-group-hoshiproductselect {
    border: 2px solid var(--hoshi-card-border);
    padding: 15px !important;
    background: transparent;
    gap: 8px;
    margin: 0px 10px;
  }

  .hoshi-product-form #hoshiproductselect::before,
  .hoshi-product-form .elementor-field-group-hoshiproductselect::before {
    content: "What Hoshi set(s) you interested in?";
    display: block;
    margin-bottom: 14px;
    font-size: 16px;
    line-height: 1.3;
    font-weight: 600;
    color: #111;
    letter-spacing: 0.01em;
  }

  .hoshi-product-form #hoshiproductselect > .elementor-field-label,
  .hoshi-product-form #hoshiproductselect .elementor-field-label,
  .hoshi-product-form .elementor-field-group-hoshiproductselect > .elementor-field-label,
  .hoshi-product-form .elementor-field-group-hoshiproductselect .elementor-field-label {
    display: block;
    margin-bottom: 14px;
    font-size: 16px;
    line-height: 1.3;
    font-weight: 600;
    color: #111;
    letter-spacing: 0.01em;
  }

  .hoshi-product-form #hoshiproductselect .elementor-field-subgroup,
  .hoshi-product-form .elementor-field-group-hoshiproductselect .elementor-field-subgroup {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--hoshi-card-gap);
    margin: 0;
  }

  .hoshi-product-form #hoshiproductselect .elementor-field-option,
  .hoshi-product-form .elementor-field-group-hoshiproductselect .elementor-field-option {
    margin: 0;
  }

  .hoshi-product-form #hoshiproductselect input[type="checkbox"],
  .hoshi-product-form #hoshiproductselect input[type="radio"],
  .hoshi-product-form .elementor-field-group-hoshiproductselect input[type="checkbox"],
  .hoshi-product-form .elementor-field-group-hoshiproductselect input[type="radio"] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
  }

  .hoshi-product-form #hoshiproductselect .elementor-field-option label,
  .hoshi-product-form .elementor-field-group-hoshiproductselect .elementor-field-option label {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
    margin: 0;
    cursor: pointer;
    color: var(--hoshi-card-label);
    text-align: center;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.02em;
    line-height: 1.2;
    user-select: none;
  }

  .hoshi-product-form #hoshiproductselect .elementor-field-option label::before,
  .hoshi-product-form .elementor-field-group-hoshiproductselect .elementor-field-option label::before {
    content: "";
    display: block;
    width: 100%;
    aspect-ratio: 1 / 1;
    border: var(--hoshi-card-border-width) solid var(--hoshi-card-border);
    border-radius: var(--hoshi-card-radius);
    background-color: var(--hoshi-card-bg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    filter: brightness(1);
    transition: filter 220ms ease, border-color 220ms ease;
  }

  .hoshi-product-form #hoshiproductselect .elementor-field-option:nth-child(1) label::before,
  .hoshi-product-form .elementor-field-group-hoshiproductselect .elementor-field-option:nth-child(1) label::before {
    background-image: url("/wp-content/uploads/2026/06/456-1-1.png");
  }

  .hoshi-product-form #hoshiproductselect .elementor-field-option:nth-child(2) label::before,
  .hoshi-product-form .elementor-field-group-hoshiproductselect .elementor-field-option:nth-child(2) label::before {
    background-image: url("/wp-content/uploads/2026/06/123-1-1.png");
  }

  .hoshi-product-form #hoshiproductselect .elementor-field-option:nth-child(3) label::before,
  .hoshi-product-form .elementor-field-group-hoshiproductselect .elementor-field-option:nth-child(3) label::before {
    background-image: url("/wp-content/uploads/2026/06/Rectangle-167.png");
  }

  .hoshi-product-form #hoshiproductselect .elementor-field-option:nth-child(4) label::before,
  .hoshi-product-form .elementor-field-group-hoshiproductselect .elementor-field-option:nth-child(4) label::before {
    background-image: url("/wp-content/uploads/2026/06/Rectangle-167-1.png");
  }

  .hoshi-product-form #hoshiproductselect input:checked + label::before,
  .hoshi-product-form #hoshiproductselect input:checked ~ label::before,
  .hoshi-product-form .elementor-field-group-hoshiproductselect input:checked + label::before,
  .hoshi-product-form .elementor-field-group-hoshiproductselect input:checked ~ label::before {
    border-color: var(--hoshi-card-selected);
    border-width: 3px;
  }

  .hoshi-product-form #hoshiproductselect .elementor-field-option label:hover::before,
  .hoshi-product-form #hoshiproductselect .elementor-field-option label:focus-visible::before,
  .hoshi-product-form .elementor-field-group-hoshiproductselect .elementor-field-option label:hover::before,
  .hoshi-product-form .elementor-field-group-hoshiproductselect .elementor-field-option label:focus-visible::before {
    filter: brightness(1.06);
  }

  @media (max-width: 1024px) {
    .hoshi-product-form #hoshiproductselect .elementor-field-subgroup,
    .hoshi-product-form .elementor-field-group-hoshiproductselect .elementor-field-subgroup {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .hoshi-product-form #hoshiproductselect .elementor-field-label,
    .hoshi-product-form .elementor-field-group-hoshiproductselect .elementor-field-label {
      font-size: 16px;
    }
  }

  @media (max-width: 767px) {
    .hoshi-product-form #hoshiproductselect,
    .hoshi-product-form .elementor-field-group-hoshiproductselect {
      padding: 16px 14px 14px;
    }

    .hoshi-product-form #hoshiproductselect .elementor-field-subgroup,
    .hoshi-product-form .elementor-field-group-hoshiproductselect .elementor-field-subgroup {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 10px;
    }

    .hoshi-product-form #hoshiproductselect .elementor-field-option label,
    .hoshi-product-form .elementor-field-group-hoshiproductselect .elementor-field-option label {
      font-size: 14px;
    }

    .hoshi-product-form #hoshiproductselect .elementor-field-option label::before,
    .hoshi-product-form .elementor-field-group-hoshiproductselect .elementor-field-option label::before {
      aspect-ratio: 1 / 1;
    }
  }
  
/*Card Styles*/
.card-shadow:hover {
   box-shadow: -10px 10px 0px 0px #0D0D0D;
}

.text-underline:hover {
    text-decoration: underline !important;
}

.text-underline:hover a span {
    text-decoration: underline !important;
}


.text-underline a:hover span {
    text-decoration: underline !important;
}

.card-hover:hover .text-underline h1, .card-hover:hover .text-underline h2, .card-hover:hover .text-underline h3,.card-hover:hover .text-underline h4,  .card-hover:hover .text-underline h5, .card-hover:hover .text-underline h6  {
    text-decoration: underline !important
}

.card-hover {
    cursor: pointer;
}

.card-hover .text-underline {
    margin-top: auto;
}

/*Arrow Buttons*/
.arrow-button .elementor-button-text {
    line-height: 16px;
    display: flex;
}

.arrow-button .elementor-button-text:after {
    content: url("https://hoshiblox.com/wp-content/uploads/2024/04/button_arrow_smaller.svg");
    display: inline-block;
    width: 0px;
    opacity: 0;
    transition: all 200ms ease-in-out;
    margin-left: 0;
}

.arrow-button .elementor-button:hover .elementor-button-text:after {
    width: 24px;
    opacity: 1;
    margin-left: 8px;
}

.elementor-form .elementor-button .elementor-button-text {
    line-height: 16px;
    display: flex;
}

.elementor-form .elementor-button .elementor-button-text:after {
    content: url("https://hoshiblox.com/wp-content/uploads/2024/04/button_arrow_smaller.svg");
    display: inline-block;
    width: 0px;
    opacity: 0;
    transition: all 200ms ease-in-out;
    margin-left: 0;
}

.elementor-form .elementor-button:hover .elementor-button-text:after {
    width: 24px;
    opacity: 1;
    margin-left: 8px;
}



::-webkit-scrollbar {
    width: 10px;
}
/*Fix dial code style*/
.iti .iti__selected-dial-code {
    margin-top: 0px !important;

}

.cfefp-intl-container .iti__selected-dial-code {
        color: #0d0d0d !important;
}
 
 /*body p {*/
 /*    font-size: 16px;*/
 /*}*/
 
 /*@media (max-width: 1024px) {*/
 /*    body p {*/
 /*    font-size: 14px;*/
 /*}*/
 /*}*/
::-webkit-scrollbar-track {
    background: rgba(0,0,0,0.05); 
    -webkit-border-radius: 20px;
    border-radius: 20px;
  width: 4px;
}
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 20px;
  border-radius: 20px;
    background: #dbff05; 
    border: 2px solid #0d0d0d;
    background-clip: content-box;
}
::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(0,0,0,0.05);  
}

  /* Updated Shift Animations */

/* Global timing feel for these custom animation overrides */
.rotateIn,
.rotateInDownLeft,
.rotateInDownRight,
.rotateInUpLeft,
.rotateInUpRight,
.fadeInUp,
.fadeInDown,
.fadeInLeft,
.fadeInRight {
    animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1) !important;
}

/* Rotate-ins */
.rotateIn {
    animation-name: shiftRotateIn !important;
}

.rotateInDownLeft {
    animation-name: shiftRotateInDownLeft !important;
}

.rotateInDownRight {
    animation-name: shiftRotateInDownRight !important;
}

.rotateInUpLeft {
    animation-name: shiftRotateInUpLeft !important;
}

.rotateInUpRight {
    animation-name: shiftRotateInUpRight !important;
}

/* Fade-ins */
.fadeInUp {
    animation-name: shiftFadeInUp !important;
}

.fadeInDown {
    animation-name: shiftFadeInDown !important;
}

.fadeInLeft {
    animation-name: shiftFadeInLeft !important;
}

.fadeInRight {
    animation-name: shiftFadeInRight !important;
}

@keyframes shiftRotateIn {
    from {
        transform-origin: center;
        transform: rotate(-16deg) translate3d(0, 12px, 0);
        opacity: 0;
    }

    to {
        transform-origin: center;
        transform: none;
        opacity: 1;
    }
}

@keyframes shiftRotateInDownLeft {
    from {
        transform-origin: left bottom;
        transform: rotate(-18deg) translate3d(-14px, -14px, 0);
        opacity: 0;
    }

    to {
        transform-origin: left bottom;
        transform: none;
        opacity: 1;
    }
}

@keyframes shiftRotateInDownRight {
    from {
        transform-origin: right bottom;
        transform: rotate(18deg) translate3d(14px, -14px, 0);
        opacity: 0;
    }

    to {
        transform-origin: right bottom;
        transform: none;
        opacity: 1;
    }
}

@keyframes shiftRotateInUpLeft {
    from {
        transform-origin: left bottom;
        transform: rotate(18deg) translate3d(-14px, 14px, 0);
        opacity: 0;
    }

    to {
        transform-origin: left bottom;
        transform: none;
        opacity: 1;
    }
}

@keyframes shiftRotateInUpRight {
    from {
        transform-origin: right bottom;
        transform: rotate(-18deg) translate3d(14px, 14px, 0);
        opacity: 0;
    }

    to {
        transform-origin: right bottom;
        transform: none;
        opacity: 1;
    }
}

@keyframes shiftFadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0, 22px, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

@keyframes shiftFadeInDown {
    from {
        opacity: 0;
        transform: translate3d(0, -22px, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

@keyframes shiftFadeInLeft {
    from {
        opacity: 0;
        transform: translate3d(-22px, 0, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

@keyframes shiftFadeInRight {
    from {
        opacity: 0;
        transform: translate3d(22px, 0, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}/* End custom CSS */