/* Solar Calculator */
.elementor-widget-wdt-fuel-calculator > div{
  display:flex;
  flex-wrap:wrap;
  align-items: stretch;
}
.wdt_calculate-result {
 display: flex;
 gap: 30px;
 flex: 1;
 background: var(--wdtTertiaryColor);
 padding: 40px;
 border-radius: 20px;
}
.wdt_card {
 width: 100%;
 max-width: 500px;
 display: inline-block;
 position: relative;
 border-radius: 20px;
 margin-right: clamp(1.875rem, -1.7039rem + 5.5866vw, 5rem);
 /* background-color: var(--wdtPrimaryColor); */
}

.wdt_card > h3{
 margin:0 0 20px;
}
.wdt_card > p.wdt-calc-subtitle{
 font-size: calc(var(--wdtFontSize_Base) + 2px);
 font-weight: calc(var(--wdtFontWeight_Ext) + 100);
 letter-spacing: 0;
 text-transform: capitalize;
 position:relative;
 display:inline-flex;
 align-items:center;
}

.wdt_card > p.wdt-calc-subtitle:before,
.wdt_card > p.wdt-calc-subtitle:after{
 content:'';
 position:relative;
 width:40px;
 height:14px;
 background:currentColor;
 margin-right:8px;
 -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 42 12' style='enable-background:new 0 0 42 12;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M36.9,1.1l-2,2v1.9l3.6-3.6l-0.6-1.3L36.9,1.1z'%3E%3C/path%3E%3Cpath d='M39.9,3.4H37l-1.3,1.3h5.1l0.5-1.3H39.9z'%3E%3C/path%3E%3Cpath d='M40.5,7.2l-2-2h-1.9l3.6,3.6l1.3-0.6L40.5,7.2z'%3E%3C/path%3E%3Cpath d='M38.2,10.3V7.4l-1.3-1.3v5.1l1.3,0.5V10.3z'%3E%3C/path%3E%3Cpath d='M34.4,10.9l2-2V6.9l-3.6,3.6l0.6,1.3L34.4,10.9z'%3E%3C/path%3E%3Cpath d='M31.3,8.6h2.9l1.3-1.3h-5.1l-0.5,1.3H31.3z'%3E%3C/path%3E%3Cpath d='M30.8,4.8l2,2h1.9l-3.6-3.6l-1.3,0.6L30.8,4.8z'%3E%3C/path%3E%3Cpath d='M33.1,1.7v2.9l1.3,1.3V0.8l-1.3-0.5V1.7z'%3E%3C/path%3E%3C/g%3E%3Cg%3E%3Crect x='0.5' y='10.9' width='29.3' height='1'%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
 mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 42 12' style='enable-background:new 0 0 42 12;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M36.9,1.1l-2,2v1.9l3.6-3.6l-0.6-1.3L36.9,1.1z'%3E%3C/path%3E%3Cpath d='M39.9,3.4H37l-1.3,1.3h5.1l0.5-1.3H39.9z'%3E%3C/path%3E%3Cpath d='M40.5,7.2l-2-2h-1.9l3.6,3.6l1.3-0.6L40.5,7.2z'%3E%3C/path%3E%3Cpath d='M38.2,10.3V7.4l-1.3-1.3v5.1l1.3,0.5V10.3z'%3E%3C/path%3E%3Cpath d='M34.4,10.9l2-2V6.9l-3.6,3.6l0.6,1.3L34.4,10.9z'%3E%3C/path%3E%3Cpath d='M31.3,8.6h2.9l1.3-1.3h-5.1l-0.5,1.3H31.3z'%3E%3C/path%3E%3Cpath d='M30.8,4.8l2,2h1.9l-3.6-3.6l-1.3,0.6L30.8,4.8z'%3E%3C/path%3E%3Cpath d='M33.1,1.7v2.9l1.3,1.3V0.8l-1.3-0.5V1.7z'%3E%3C/path%3E%3C/g%3E%3Cg%3E%3Crect x='0.5' y='10.9' width='29.3' height='1'%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
 -webkit-mask-repeat:no-repeat;
 mask-repeat:no-repeat;
 bottom:0;
 -webkit-transform:scaleX(1);
 transform:scaleX(1);
}
.wdt_card > p.wdt-calc-subtitle:after{
 margin-left:8px;
 -webkit-transform:scaleX(-1);
 transform:scaleX(-1);
}

.wdt_result-content {
 width: 100%;
 align-self: center;
 text-align:center;
 position:relative;
}

.wdt_result-content:not(:last-child):after{
 content:'';
 position:absolute;
 width:1px;
 height:100%;
 background:var(--wdtBorderColor);
 right:-10px;
 top:0;
}

.wdt_result-content .wdt_result-img{
 margin-bottom:20px;
}

.wdt_result-content i{
 font-size:50px;
 color:var(--wdtPrimaryColor);
}

.wdt_result-content .wdt_result-text p{
 font-size:var(--wdtFontSize_H5);
 font-weight:var(--wdtFontWeight_Alt)
}

.wdt_card .wdt_inputbox > span{
 display:none;
}

.wdt_card #error-msg-calc {
  width: 100%;
  display: block;
  margin: 10px 0 20px;
  color: #dc3232;
  font-size: var(--wdtFontSize_Ext);
}

.wdt_card .wdt_inputbox input{
    padding: var(--wdtInputPadding);
    -webkit-border-radius: var(--wdtRadius_Part);
    border-radius: var(--wdtRadius_Part);
    background-color: var(--wdtAccentTxtColor);
    position: relative;
}

.wdt_card .submit-button-calc  button.calc-btn {
  padding: 0;
  font-size: 0;
  color: var(--wdtAccentTxtColor);
  background: none !important;
  font-weight: calc(var(--wdtFontWeight_Ext) + 100);
  line-height: 1;
  z-index: 1;
}

.wdt_card .submit-button-calc  button.calc-btn:before{
 content:'';
 position: absolute;
 top: -0.1vw;
 bottom: -0.1vw;
 left: -0.1vw;
 right: -0.1vw;
 border-radius:inherit;
}

.wdt_card .submit-button-calc:hover button.calc-btn{
 color:var(--wdtHeadAltColor);
}

.wdt_inputbox {
 position:relative;
}

.wdt_card .submit-button-calc{
 display: inline-flex;
 position: absolute;
 width: max-content;
 padding: 0;
 border-radius: var(--wdtRadius_Part);
 margin-top: 0;
 right: 6px;
 top: 6px;
}

.wdt_card .submit-button-calc:before{
 content: "";
 position: absolute;
 right: 2px;
 top: 2px;
 bottom: 2px;
 background-color: none;
 border-radius: inherit;
 transition: var(--wdt-Ad-Transition);
 width: clamp(2.25rem, 2.0769rem + 0.7692vw, 3rem);
 opacity: 0;
 left: auto;
 z-index: 0;
}

.wdt_card .submit-button-calc:hover:before {
   width: calc(100% - 4px);
   opacity: 1;
}

.wdt_card .submit-button-calc i{
 background: var(--wdtPrimaryColor);
 z-index: 1;
 display: grid;
 place-items: center;
 width: clamp(2.25rem, 2.1385rem + 0.5096vw, 2.75rem);
 height: clamp(2.25rem, 2.1385rem + 0.5096vw, 2.75rem);
 font-size: clamp(1.25rem, 1.1943rem + 0.2548vw, 1.5rem);
 border-radius: var(--wdtRadius_Full);
 pointer-events: none;
 transition:var(--wdtAltTransition);
 overflow:hidden;
}
.wdt_card .submit-button-calc i svg {
 transition:var(--wdtAltTransition);
}

.wdt_card .submit-button-calc:hover i{
 background: var(--wdtHeadAltColor);
}

.wdt_card .submit-button-calc:hover i svg{
 fill: var(--wdtAccentTxtColor);
}

.wdt_calculate-result .wdt_result-content .wdt_result-text{
  font-size: var(--wdtFontSize_H6);
  font-weight: var(--wdtFontWeight_H5);
}

@media only screen and (max-width:1280px){
  .wdt_card{
      max-width: 350px;
  }
}

@media only screen and (max-width:1024px){
  .elementor-widget-wdt-fuel-calculator .elementor-widget-container {
    flex-direction:column;
  }
   .wdt_card{
      margin: 0 auto 20px;
      max-width: 600px;
      text-align: center;
    }

  .wdt_calculate-result {
    flex-direction:column;
    max-width: 600px;
    margin:auto;
    width: 100%;
  }

  .wdt_result-content:not(:last-child){
    margin-bottom:20px;
  }

  .wdt_result-content:not(:last-child):after{
    height:1px;
    width:100%;
    bottom:-20px;
    left:0;
    top:auto;
    right:0;
  }
}