.elementor-942 .elementor-element.elementor-element-659f725{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-942 .elementor-element.elementor-element-1306943 > .elementor-widget-container{margin:0px 1px 0px 0px;padding:0px 0px 0px 0px;}.elementor-942 .elementor-element.elementor-element-566830c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-942 .elementor-element.elementor-element-4f6740a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-942 .elementor-element.elementor-element-b2d62ac{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}body.elementor-page-942:not(.elementor-motion-effects-element-type-background), body.elementor-page-942 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-942 .elementor-element.elementor-element-4f6740a{--width:50%;}.elementor-942 .elementor-element.elementor-element-b2d62ac{--width:50%;}}/* Start custom CSS for html, class: .elementor-element-1306943 */.cargo-banner {background-image: url('https://png.pngtree.com/thumb_back/fh260/back_pic/00/08/53/96562a4a3f71141.jpg'); /* Direct image URL */
  background-color: transparent;
  background-size: cover;
  background-position: center;
  height: 200px;
  width: 1000px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 30px auto; /* REDUCED width */
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 5px 20px rgba(0,0,0,0.2);
}

.cargo-banner-overlay {
  background: rgba(0, 0, 0, 0.55);
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.cargo-banner-content {
  text-align: center;
  color: #fff;
  padding: 20px;
}

.cargo-banner-content h1 {
  font-size: 36px;
  font-weight: 700;
  margin-bottom: 10px;
}

.breadcrumb {
  font-size: 16px;
  color: #fff;
}

.breadcrumb a {
  color: #ffd700;
  text-decoration: none;
}

.breadcrumb a:hover {
  text-decoration: underline;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-aecc807 *//* 🌍 Cargo Calculator Style */
.cargo-section, .cargo-form-container {
  background: #f7f7f7;
  padding: 24px;
  border-radius: 10px;
  max-width: 800px;
  margin: 30px auto;
}

h2 {
  font-size: 22px;
  margin-bottom: 20px;
  color: #004a99;
  text-align: center;
}

.form-row {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.form-group {
  flex: 1 1 30%;
}

input, select, textarea {
  width: 100%;
  padding: 10px;
  margin-top: 6px;
  margin-bottom: 16px;
  border-radius: 6px;
  border: 1px solid #ccc;
}

textarea {
  height: 100px;
  resize: vertical;
}

.rateResult {
  background: #e0f7e0;
  padding: 10px;
  border-radius: 6px;
  color: #006600;
  font-weight: bold;
  margin: 10px 0;
}

button {
  background: #004a99;
  color: #fff;
  padding: 12px 20px;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  font-size: 16px;
}

button:hover {
  background: #002f6c;
}

@media (max-width: 600px) {
  .form-row {
    flex-direction: column;
  }
}
/for deomestic/
.cargo-type-.elementor-942 .elementor-element.elementor-element-aecc807 {
  text-align: left;
  background: #eef3fc;
  padding: 30px;
  border-radius: 12px;
  margin: 20px auto;
  max-width: 600px;
}

.cargo-buttons button {
  margin: 10px;
  align-items: center;
  padding: 12px 24px;
  background: #004a99;
  color: white;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  font-size: 16px;
}

.cargo-buttons button:hover {
  background: #002f6c;
}
.hc
{
    text-align: left;
}/* End custom CSS */