/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* START CSS that was in Customizer -> CSS */
body {
  overflow-x: hidden;
}

/* Header */
@media only screen and (min-width: 600px) {
  .clip-shaper {
    clip-path: polygon(0% 0%, 95% 0%, 100% 50%, 95% 100%, 0% 100%);
    margin-right: -1rem;
  }

  .clip-after {
    clip-path: polygon(0% 0%, 98% 0%, 100% 50%, 98% 100%, 0% 100%);
    margin-right: -1.3rem;
  }

  .clip-after:after {
    content: "";
    padding: 10px;
  }
}

/* Footer */
.f-color-w .elementor-shortcode {
  color: #fff;
  line-height: 16px;
}

/* Home page */
@media only screen and (max-width: 600px) {

  /* contact pg name field spacing */
  input#form-field-field_cf43114 {
    margin-bottom: -28px;
  }

  .hide-on-mob {
    display: none;
  }

  .logo-abs {
    position: static !important;
  }
}

.path-clip-shape-section {
  clip-path: polygon(8% 0%, 100% 0%, 100% 100%, 8% 100%, 0% 50%);
}

.path-clip-shape-section-right {
  clip-path: polygon(0% 0%, 92% 0%, 100% 50%, 92% 100%, 0% 100%);
}

/* other pages */
@media only screen and (max-width: 600px) {
  .path-clip-shape-banner {
    clip-path: polygon(0% 0%, 95% 0%, 100% 50%, 95% 100%, 0% 100%) !important;
  }
}

.path-clip-shape-banner {
  clip-path: polygon(0% 0%, 97% 0%, 100% 50%, 97% 100%, 0% 100%);
}

.path-clip-shape-btn {
  clip-path: polygon(3% 0%, 100% 0%, 100% 100%, 3% 100%, 0% 50%);
}

/* Responsive break points */
@media only screen and (max-width: 767px) {
  .logo-abs {
    position: static !important;
  }
}

@media only screen and (max-width: 1080px) and (min-width: 767px) {

  .clip-after:after {
    padding: 0px !important;
  }

  .clip-after {
    margin-right: -0.5rem !important;
  }

  .clip-shaper {
    margin-right: -0.4rem;
  }
}

@media only screen and (max-width: 1920px) and (min-width: 1024px) {

  /* Menu spacing	 */
  /* 	.elementor-18 .elementor-element.elementor-element-9cb5ed7 {
  --e-nav-menu-horizontal-menu-item-margin: calc( 103px / 2 );
} */
  .div_box_width_breaker>.e-con-inner {
    width: 70%;
    min-width: 70%;
  }
}

@media only screen and (max-width: 2742px) and (min-width: 2400px) {

  .breaker-size a {
    font-size: 26px !important;
    padding: 15px 0;
    line-height: 2.2 !important;
  }

  .clip-after,
  .clip-shaper {
    margin-right: -2rem;
  }

  /* 	.nav-breaker a.elementor-item {
  font-size: 26px !important;
  padding: 20px 46px !important;
} */
  .nav-breaker li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-32 a.elementor-item.elementor-item-anchor {
    padding-right: 24px !important;
  }

  .elementor-18 .elementor-element.elementor-element-b4a3cb4 {
    --width: 14%;
  }

  .elementor-18 .elementor-element.elementor-element-45bf21c {
    padding: 50px 0;
  }

  .main-title-breaker h1.elementor-heading-title {
    font-size: 88px !important;
    padding-top: 15px;
  }

  .main-subtitle-breaker h6.elementor-heading-title {
    font-size: 34px !important;
  }

  .elementor-15 .elementor-element.elementor-element-26b9da7 {
    padding: 10% 13%;
  }

  .banner-btn-breaker h4.elementor-heading-title {
    font-size: 100px !important;
  }

  .banner-subbtn-breaker h4.elementor-heading-title {
    font-size: 76px !important;
  }

  .banner_boxer_breaker {
    margin-bottom: -400px;
    padding: 0 25%;
  }

  .banner_box_breaker {
    padding: 80px 50px;
  }

  .main-inner-breaker {
    padding: 4% 3%;
    --widgets-spacing: 35px;
  }

  .main_icon_breaker i.far.fa-arrow-alt-circle-right {
    font-size: 70px !important;
  }

  .shaper-text-breaker h4.elementor-heading-title {
    font-size: 60px !important;
  }

  .shaper_left_breaker {
    padding: 4% 0% 4% 6%;
  }

  .shaper-subtext-breaker h6.elementor-heading-title {
    font-size: 30px !important;
  }

  .shaper-subtext-breaker .elementor-widget-container {
    padding-left: 50px !important;
  }

  .before_shaper_text_breaker h4.elementor-heading-title {
    font-size: 46px !important;
  }

  .before_shaper_subtext_breaker h4.elementor-heading-title {
    font-size: 28px !important;
  }

  .iron_breaker_right {
    padding-right: 7%;
  }

  .iron_breaker_left {
    /*     padding-left: 7%; */
    padding-top: 5%;
    padding-bottom: 5%;
  }

  .div_box_width_breaker>.e-con-inner {
    width: 78%;
    min-width: 78%;
  }

  .meet_breaker h3.elementor-heading-title {
    font-size: 40px;
    padding: 20px 0;
  }

  .spacer_breaker {
    --spacer-size: 60px !important;
  }

  /* 	Meet */
  .meet_caro_breaker img {
    width: 100% !important;
  }

  .meet_caro_breaker h3.elementor-image-box-title {
    font-size: 26px !important;
  }

  .meet_caro_breaker p.elementor-image-box-description {
    font-size: 27px !important;
  }

  .view_btn_breaker span.elementor-button-text {
    font-size: 36px;
    padding: 12px 20px;
  }

  .what_peo_breaker h5.elementor-heading-title {
    font-size: 36px;
  }

  .what_peo_breaker h4.elementor-heading-title {
    font-size: 46px;
  }

  .what_peo_breaker p.elementor-heading-title {
    font-size: 34px;
  }

  .what_peo_breaker {
    padding: 5% 0;
  }

  .home-last_breaker h5.elementor-heading-title {
    font-size: 34px;
  }

  .home-last_breaker .elementor-image-box-title {
    font-size: 32px !important;
  }

  .home-last_breaker p.elementor-image-box-description {
    font-size: 28px !important;
  }

  .home-last_breaker img {
    width: 100%;
    min-width: 100%;
  }

  .before_footer_breaker h3.elementor-heading-title {
    font-size: 58px !important;
    padding: 20px 0;
  }

  .footer_section_breaker span.elementor-button-text {
    font-size: 42px;
    padding: 10px 40px;
  }

  .footer_section_breaker ul#menu-1-6af5544 a.elementor-item {
    font-size: 28px;
    margin: 20px 30px;
  }

  .footer_section_breaker img {
    width: 100% !important;
  }

  .footer_section_breaker .elementor-shortcode,
  .footer_section_breaker .elementor-heading-title {
    font-size: 26px;
    padding-bottom: 14px;
  }
}

/* mohsin */
#form-id input[type="text"] {
  height: 50px;
}

#form-id input[type="tel"] {
  height: 50px;
}

#form-id input[type="email"] {
  height: 50px;
}

#form-id button[type="submit"] {
  flex-basis: 150px;
}

#form-id select {
  height: 50px;
}

label[for="form-field-field_9a3b558"] {
  visibility: hidden;
}



/* contact pg last name field */
input#form-field-field_9a3b558 {
  margin-top: 32px;
}

/* Footer menu underline */

.footer_menu a {
  text-underline-offset: 5px;
}

/* resource pg color */

.res-txt a {
  color: #8f312f;
  line-height: 3;
  text-decoration: underline;
  text-underline-offset: 4px;
}

.res-txt li {
  list-style-type: none;
  margin-left: -38px;
}

.res-txt a:hover {
  color: #27456f;
}

.underline-spec a {
  text-decoration: underline;
}

/* MQ for Tablet */
@media only screen and (max-width: 1024px) {
  .clip-shaper {
    margin-right: -0.7rem;
  }

  .elementor-18 .elementor-element.elementor-element-4e1b10c {
    bottom: -43px;
  }
}

.footer_menu_mb {
  width: 298px;
}

/* home buy sell hover  */
.banner_box_breaker:hover .main_icon_breaker {
  transform: scale(1.3);
}

.banner_box_breaker .main_icon_breaker,
.banner_box_breaker .banner-btn-breaker,
.banner_box_breaker .banner-subbtn-breaker {
  transition-duration: 0.8s;
}

.banner_box_breaker:hover .banner-btn-breaker {
  transform: translateX(-10px);
}

.banner_box_breaker:hover .banner-subbtn-breaker {
  transform: translateX(10px);
}

/* hover end */

/* footer bottom sitemap menu */
.site_mp_footer {
  text-underline-offset: 5px;
}

.elementor-2525 .elementor-element.elementor-element-6b404b3 .elementor-icon-list-item>.elementor-icon-list-text,
.elementor-2525 .elementor-element.elementor-element-6b404b3 .elementor-icon-list-item>a {
  text-underline-offset: 4px;
}

/* contact pg number underline */
a.under-line {
  text-decoration: underline;
  text-underline-offset: 5px;
}

/* header sell buy pointer */
.elementor-element-59ac532,
.elementor-element-83c852b {
  cursor: pointer;
}

/* Airipad Tablet */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {

  .elementor-15 .elementor-element.elementor-element-4a2a92e>.elementor-widget-container {
    padding: 0px 0px 0px 64px;
  }

  .elementor-15 .elementor-element.elementor-element-d6b3974>.elementor-widget-container {
    padding: 0px 0px 0px 55px;
  }



  .elementor-15 .elementor-element.elementor-element-9c6ea40 {

    min-height: 25vh;
  }

  /* 	menu spacing */

  .elementor-18 .elementor-element.elementor-element-9cb5ed7 {
    --e-nav-menu-horizontal-menu-item-margin: calc(103px / 3);
  }

  /* 	our distribution img sizing */
  .elementor-15 .elementor-element.elementor-element-687ab4b {
    --spacer-size: 1vh;
  }

  .elementor-18 .elementor-element.elementor-element-7ac5173 {
    --width: 10%;
  }

  .elementor-nav-menu__align-right .elementor-nav-menu {
    margin-right: 10px;
  }

  .elementor-element.elementor-element-22dbb1d .e-con-inner {
    flex-direction: column;
  }

  .elementor-element.elementor-element-000e10b {
    padding: 50px 15px;
  }

  /* 	.elementor-553 .elementor-element.elementor-element-8942179{
  display:none;
} */
  .elementor-555 .elementor-element.elementor-element-651ae7c {
    flex-direction: column;
    row-gap: 15px;

  }

  .elementor-555 .elementor-element.elementor-element-651ae7c>div {
    width: 100%;
  }

  .elementor-555 .elementor-element.elementor-element-79dc328 {
    --container-widget-width: 100%;
    padding: 15px;
  }

  .elementor-555 .elementor-element.elementor-element-eb94e0f {
    --container-widget-width: 100%;
    padding: 15px;
  }

  .elementor-555 .elementor-element.elementor-element-48c5eb0 {
    padding: 15px;
    --container-widget-width: 100%;

  }

  .elementor-15 .elementor-element.elementor-element-d5da17b {
    height: 100%;
  }

  .elementor-element.elementor-element-34a9a0f.elementor-widget.elementor-widget-image {
    height: 100%;
  }

  .elementor-element.elementor-element-34a9a0f.elementor-widget.elementor-widget-image img {
    height: 100%;
  }

  /* 	sell pg arrow  */
  .elementor-706 .elementor-element.elementor-element-f84c769 {
    margin-left: 55px;
  }

  .all-pgs-height {
    height: 27vh;
  }

  .path-clip-shape-banner {
    margin-top: -50px;
  }

  .elementor-706 .elementor-element.elementor-element-16d3e14 {
    --padding-block-start: 20%;
  }

  .elementor-811 .elementor-element.elementor-element-951b649 {
    --padding-block-start: 20%;
  }

  /* 	contact events pipe hide */
  .hide_pipe {
    display: none;
  }

  .elementor-element.elementor-element-ddc8c03.e-con-full.e-flex.e-con.e-child {
    padding: 0px 30px 0px 30px;
  }

  /* 	what we do columns expand */
  /* 	Blue */
  .elementor-element.elementor-element-50aaece.e-con-full.e-flex.e-con.e-child {
    width: 100%;
    padding: 0px 0px 20px 40px;
  }

  /* 	red */
  .elementor-element.elementor-element-6df504f.e-con-full.e-flex.e-con.e-child {
    width: 100%;
  }

  /* 	text align home our distr */
  .elementor-15 .elementor-element.elementor-element-dfbd368>.elementor-widget-container {
    margin: 24px 0px 0px;
  }

  .elementor-15 .elementor-element.elementor-element-8f55b10>.elementor-widget-container {
    margin: 20px 0px 0px;
  }

  /* 	buy to us */
  .elementor-811 .elementor-element.elementor-element-1cf9b79>.elementor-widget-container {
    margin: 0px 0px 0px -110px;
  }


  .path-clip-shape-section {
    margin-left: 50px;
  }
}

/* MQ of 1024 to 1440 */
@media only screen and (min-width: 1024px) and (max-width: 1440px) {

  ul#menu-1-3836521 {
    margin-right: 66px;

  }

  .div_box_width_breaker>.e-con-inner {
    width: 100%;
  }

  /* 	blue section img */
  .wpi-img {
    margin-right: 29px;
  }

  /* 	Events font size */

  .addres_1 div {
    font-size: 13px;
  }

  br.hide_pipe {
    display: none;
  }


  .elementor-15 .elementor-element.elementor-element-4f6c504 .elementor-heading-title {

    font-size: 30px;
    margin-left: 46px;
  }


  .elementor-18 .elementor-element.elementor-element-ddbc7db {
    width: 20%;
  }

  .elementor-nav-menu--layout-horizontal .elementor-nav-menu {

    flex-wrap: inherit;

  }

  .elementor-18 .elementor-element.elementor-element-9cb5ed7 {
    --e-nav-menu-horizontal-menu-item-margin: calc(45px / 2);
  }

  .elementor-15 .elementor-element.elementor-element-2571cb7 .elementor-heading-title {

    font-size: 40px;
  }

  .elementor-15 .elementor-element.elementor-element-ce968b9 .elementor-heading-title {
    color: var(--e-global-color-text);
    font-size: 18px;
  }

  /* 	sell to us setting */
  .elementor-706 .elementor-element.elementor-element-a7ef8c4 .elementor-heading-title {

    font-size: 35px;
  }

  .elementor-706 .elementor-element.elementor-element-d1ac611>.elementor-widget-container {
    padding: 0px 0px 0px 70px;

  }

  /* 	buy to us setting */

  .elementor-811 .elementor-element.elementor-element-2812221>.elementor-widget-container {
    padding: 0px 0px 0px 30px;
  }

  .elementor-811 .elementor-element.elementor-element-2812221 .elementor-heading-title {

    font-size: 35px;
  }

  .elementor-811 .elementor-element.elementor-element-1cf9b79>.elementor-widget-container {
    margin: 0px 0px 0px 30px;
  }
}

@media only screen and (min-device-width: 820px) and (max-device-width: 1180px) and (orientation: landscape) {
  .elementor-18 .elementor-element.elementor-element-9cb5ed7 .elementor-nav-menu .elementor-item {
    font-size: 18px !important;
  }
}

/* .footer_menu a.elementor-item, .site_mp_footer a, .liner-off a {
  text-underline-offset: 1px;
} */

/* laptop */
@media only screen and (min-width: 1440px) and (max-width: 1747px) {
  .elementor-18 .elementor-element.elementor-element-9cb5ed7 .elementor-nav-menu .elementor-item {
    font-size: 18px !important;
  }

  #menu-1-9cb5ed7 {
    flex-wrap: nowrap;
  }
}

/* END CSS that was in Customizer -> CSS */



/* Gravity Forms */
.gform_wrapper {
  input[type=date],
  input[type=email],
  input[type=number],
  input[type=password],
  input[type=search],
  input[type=tel],
  input[type=text],
  input[type=url],
  select,
  textarea {
    height: 50px !important;
    line-height: 50px !important;
    border-radius: 0 !important;
    background-color: #f2f2f2 !important;
    border-color: #ababab !important;
    box-shadow: none !important;
  }

  .gfield_label  {
    font-size: 18px !important;
  }

  .gform_button {
    background-color: #c53531 !important;
    border-radius: 0 !important;
    color: #FFF !important;
    font-weight: 700 !important;
    font-size: 18px !important;
    padding: 20px 60px 20px 60px !important;
  
    &:hover {
      background-color: #9c2a27 !important;
      border-color: #9c2a27 !important;
    }
  }

  .chosen-search {
    display: none !important;
  }

  .chosen-drop {
    margin-top: -6px !important;
    transform: translateY(-1px) !important;
  }

  .chosen-single {
    height: 50px !important;
    line-height: 50px !important;
    font-size: 18px !important;
    background-color: #f2f2f2 !important;
  }

  .chosen-results {
    padding-top: 0 !important;
  }

  .chosen-container .chosen-results li {
    /* line-height: 50px !important; */
    font-size: 16px !important;
  }

  .chosen-single {
    box-shadow: none !important;
  }

  .chosen-container .chosen-results li.highlighted {
    background-color: #606A70 !important;
    color: #FFF;
  }

  .gfield:where(.gfield--type-select,.gfield--input-type-select) .chosen-container .chosen-results li.result-selected {
    box-shadow: #606A70 3px 0px 0px 0px inset !important; 
  }
}

div#field_1_23, div#field_1_24 {
    margin-top: -27px;
}

/* Language toggle */
.chanson-lang-toggle {
  position: fixed;
  z-index: 9999;
  top: 16px;
  right: 16px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  border-radius: 999px;
  background: rgba(12, 24, 36, 0.85);
  color: #fff;
  font-family: "Rubik", "Roboto", sans-serif;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(6px);
}

.chanson-lang-toggle__icon {
  font-size: 16px;
  line-height: 1;
}

.chanson-lang-toggle button {
  border: none;
  background: transparent;
  color: inherit;
  font-weight: 600;
  font-size: 13px;
  padding: 4px 10px;
  border-radius: 999px;
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease;
}

.chanson-lang-toggle button.is-active {
  background: #f37321;
  color: #0c181e;
}

.chanson-lang-toggle button:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 2px;
}

@media (max-width: 767px) {
  .chanson-lang-toggle {
    top: 12px;
    right: 12px;
  }
}
.lang-pair {
  display: inline;
  white-space: inherit;
}

.lang-pair [data-lang] {
  display: none;
}

/* Default/fallback: show English if data-current-lang is missing */
html:not([data-current-lang]) .lang-pair [data-lang="en"],
html[data-current-lang="en"] .lang-pair [data-lang="en"] {
  display: inherit;
}

html[data-current-lang="zh"] .lang-pair [data-lang="zh"] {
  display: inherit;
}

/* Top contact bar alignment */
.elementor-element-5bca7be .elementor-icon-box-wrapper,
.elementor-element-ecf68f5 .elementor-icon-box-wrapper {
  display: flex;
  align-items: center;
  gap: 6px;
}

.elementor-element-5bca7be .elementor-icon-box-icon,
.elementor-element-ecf68f5 .elementor-icon-box-icon {
  display: flex;
  align-items: center;
}

/* Contact/address enhancements */
.chanson-contact-card {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 12px;
  padding: 10px 16px;
  margin-top: 12px;
  color: #fff;
  font-family: "Rubik", sans-serif;
}

.elementor-element-5bca7be .chanson-contact-card,
.elementor-element-c2ffc3c .chanson-contact-card,
.elementor-element-56d913e .chanson-contact-card {
  background: rgba(11, 27, 44, 0.85);
  border-color: rgba(255, 255, 255, 0.2);
}

.chanson-contact-card__icon {
  font-size: 18px;
  line-height: 1;
  margin-top: 4px;
}

.chanson-contact-card__line {
  display: block;
  line-height: 1.4;
}

.chanson-contact-card__line--cn {
  font-weight: 600;
}

.chanson-contact-card__line--en {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.8);
}

.chanson-footer-address {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-top: 20px;
  color: #fff;
  font-family: "Rubik", sans-serif;
}

.chanson-footer-address strong {
  font-size: 18px;
}

.chanson-footer-address span {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.85);
}

.chanson-footer-address a {
  color: #f5821f;
  font-weight: 600;
  text-decoration: none;
}

.chanson-footer-address a:hover,
.chanson-footer-address a:focus-visible {
  text-decoration: underline;
}