.elementor-2653 .elementor-element.elementor-element-07377cb{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:0;}.elementor-2653 .elementor-element.elementor-element-07377cb > .elementor-shape-bottom .elementor-shape-fill, .elementor-2653 .elementor-element.elementor-element-07377cb > .e-con-inner > .elementor-shape-bottom .elementor-shape-fill{fill:#002E5D;}.elementor-2653 .elementor-element.elementor-element-07377cb > .elementor-shape-bottom svg, .elementor-2653 .elementor-element.elementor-element-07377cb > .e-con-inner > .elementor-shape-bottom svg{width:calc(120% + 1.3px);height:100px;transform:translateX(-50%) rotateY(180deg);}.elementor-2653 .elementor-element.elementor-element-07377cb > .elementor-shape-bottom, .elementor-2653 .elementor-element.elementor-element-07377cb > .e-con-inner > .elementor-shape-bottom{z-index:2;pointer-events:none;}.elementor-2653 .elementor-element.elementor-element-bc39fa7{--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;--padding-top:40px;--padding-bottom:0px;--padding-left:40px;--padding-right:0px;}.elementor-2653 .elementor-element.elementor-element-be9f72b.ob-harakiri{writing-mode:inherit;}.elementor-2653 .elementor-element.elementor-element-be9f72b.ob-harakiri .elementor-heading-title{writing-mode:inherit;}.elementor-2653 .elementor-element.elementor-element-be9f72b.ob-harakiri div{writing-mode:inherit;}.elementor-2653 .elementor-element.elementor-element-be9f72b .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:42px;font-weight:700;letter-spacing:0.5px;}.elementor-2653 .elementor-element.elementor-element-be9f72b.ob-harakiri > div, .elementor-2653 .elementor-element.elementor-element-be9f72b.ob-harakiri > h1, .elementor-2653 .elementor-element.elementor-element-be9f72b.ob-harakiri > h2, .elementor-2653 .elementor-element.elementor-element-be9f72b.ob-harakiri > h3, .elementor-2653 .elementor-element.elementor-element-be9f72b.ob-harakiri > h4, .elementor-2653 .elementor-element.elementor-element-be9f72b.ob-harakiri > h5, .elementor-2653 .elementor-element.elementor-element-be9f72b.ob-harakiri > h6, .elementor-2653 .elementor-element.elementor-element-be9f72b.ob-harakiri > p{transform:rotate(0deg);}.elementor-2653 .elementor-element.elementor-element-be9f72b > div{text-indent:0px;mix-blend-mode:inherit;}.elementor-2653 .elementor-element.elementor-element-4192a5c.ob-harakiri{writing-mode:inherit;}.elementor-2653 .elementor-element.elementor-element-4192a5c.ob-harakiri .elementor-heading-title{writing-mode:inherit;}.elementor-2653 .elementor-element.elementor-element-4192a5c.ob-harakiri div{writing-mode:inherit;}.elementor-2653 .elementor-element.elementor-element-4192a5c > .elementor-widget-container{margin:0px 0px 0px 5px;}.elementor-2653 .elementor-element.elementor-element-4192a5c{font-size:18px;font-weight:500;}.elementor-2653 .elementor-element.elementor-element-4192a5c.ob-harakiri > div, .elementor-2653 .elementor-element.elementor-element-4192a5c.ob-harakiri > h1, .elementor-2653 .elementor-element.elementor-element-4192a5c.ob-harakiri > h2, .elementor-2653 .elementor-element.elementor-element-4192a5c.ob-harakiri > h3, .elementor-2653 .elementor-element.elementor-element-4192a5c.ob-harakiri > h4, .elementor-2653 .elementor-element.elementor-element-4192a5c.ob-harakiri > h5, .elementor-2653 .elementor-element.elementor-element-4192a5c.ob-harakiri > h6, .elementor-2653 .elementor-element.elementor-element-4192a5c.ob-harakiri > p{transform:rotate(0deg);}.elementor-2653 .elementor-element.elementor-element-4192a5c > div{text-indent:0px;mix-blend-mode:inherit;}.elementor-2653 .elementor-element.elementor-element-c236e2f{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2653 .elementor-element.elementor-element-654a16e > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2653 .elementor-element.elementor-element-654a16e img{border-style:none;}#elementor-popup-modal-2653{background-color:#000000D9;justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-2653 .dialog-message{width:1000px;height:auto;}#elementor-popup-modal-2653 .dialog-close-button{display:flex;top:0%;font-size:24px;}#elementor-popup-modal-2653 .dialog-widget-content{box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}body:not(.rtl) #elementor-popup-modal-2653 .dialog-close-button{right:0%;}body.rtl #elementor-popup-modal-2653 .dialog-close-button{left:0%;}@media(min-width:768px){.elementor-2653 .elementor-element.elementor-element-bc39fa7{--width:50%;}.elementor-2653 .elementor-element.elementor-element-c236e2f{--width:50%;}}@media(max-width:1024px){.elementor-2653 .elementor-element.elementor-element-07377cb > .elementor-shape-bottom svg, .elementor-2653 .elementor-element.elementor-element-07377cb > .e-con-inner > .elementor-shape-bottom svg{height:0px;}.elementor-2653 .elementor-element.elementor-element-bc39fa7{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:10px;}.elementor-2653 .elementor-element.elementor-element-654a16e img{width:100%;}}/* Start custom CSS for container, class: .elementor-element-07377cb *//* Scope it so it only affects this popup form */
.popup .wpcf7 .form {
  display: flex;
  flex-direction: column;
  gap: 15px;
  padding-right:40px;
  
}

/* Inputs + textarea */
.popup .wpcf7 .form input[type="text"],
.popup .wpcf7 .form input[type="tel"],
.popup .wpcf7 .form input[type="email"],
.popup .wpcf7 .form textarea {
  width: 100%;
  box-sizing: border-box;

  border: 1.5px solid #2b2b2b;
  border-radius: 10px;

  padding: 10px 20px;
  font-size: 18px;
  line-height: 1.2;

  background: #fff;
  color: #111;

  outline: none;
  box-shadow: none;
}

/* Match the tall message box */
.popup .wpcf7 .form textarea {
  height: 100px;
  resize: vertical;
  padding-top: 18px;
}

/* Placeholder color like the mock */
.popup .wpcf7 .form input::placeholder,
.popup .wpcf7 .form textarea::placeholder {
  color: #7b7b7b;
  opacity: 1;
}

/* Focus state */
.popup .wpcf7 .form input:focus,
.popup .wpcf7 .form textarea:focus {
  border-color: #1e63f3;
}

/* Button */
/* BUTTON (scoped to popup CF7) */
.popup .wpcf7 .form .btn .wpcf7-submit{
  width: 100%;
  border: 0;
  border-radius: 10px;

  background: #1e63f3;
  color: #fff;

  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 14px;

  padding: 16px 18px;  /* button height */
  cursor: pointer;

  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;           /* space between icon and text */
}

/* ICON before text */
.popup .wpcf7 .form .btn p{
  margin: 0;
}

.popup .wpcf7 .form .btn .wpcf7-submit:hover{
    background: black;
}


/* Paper plane icon on the button */
.popup .wpcf7 .form .btn p {
  position: relative;
  margin: 0;
}
/* Make the submit wrapper the positioning anchor */
.popup .wpcf7 .form .btn p{
  position: relative !important;
  margin: 0 !important;
}

/* Add space so the icon doesn't overlap the text */
.popup .wpcf7 .form .btn .wpcf7-submit{
  font-family: "Poppins", sans-serif !important;
  font-weight: 400 !important;
  font-size: 16px !important;

  padding-left: 46px !important; /* room for icon */
}

/* Icon as a pseudo element */
.popup .wpcf7 .form .btn p::before{
  content: "" !important;
  position: absolute !important;
  left: 32% !important;
  top: 50% !important;
  transform: translateY(-50%) !important;

  width: 18px !important;
  height: 18px !important;

  background-image: url("https://dioncomfort.com/wp-content/uploads/2025/12/Image.png") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;

  pointer-events: none !important;
  z-index: 2 !important;
}


/* If you do not have a plane icon file, remove the ::before block above. */

/* Remove CF7 default spacing */
.popup .wpcf7 p { margin: 0; }
.popup .wpcf7 .wpcf7-spinner { display: none; }


/* Close button styling */
.dialog-close-button.dialog-lightbox-close-button{
  width: 44px;
  height: 44px;

  background: #1768E6 !important;
  border-radius: 0 !important;
  border: 0 !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  box-shadow: none !important;
  outline: none !important;
  text-decoration: none !important;
}

/* White X icon */
.dialog-close-button.dialog-lightbox-close-button i{
  color: #fff !important;
  font-size: 18px !important;
  line-height: 1 !important;
}

/* Remove outline / focus ring states */
.dialog-close-button.dialog-lightbox-close-button:focus,
.dialog-close-button.dialog-lightbox-close-button:focus-visible,
.dialog-close-button.dialog-lightbox-close-button:active{
  outline: none !important;
  box-shadow: none !important;
}




/* Tablet + Mobile adjustments only */
@media (max-width: 1024px){

  /* Reduce input + textarea font size */
  .popup .wpcf7 .form input[type="text"],
  .popup .wpcf7 .form input[type="tel"],
  .popup .wpcf7 .form input[type="email"],
  .popup .wpcf7 .form textarea{
    font-size: 14px !important;
    padding: 10px 16px !important;
  }

  /* Reduce placeholder a bit as well */
  .popup .wpcf7 .form input::placeholder,
  .popup .wpcf7 .form textarea::placeholder{
    font-size: 14px !important;
  }

  /* Reduce textarea height */
  .popup .wpcf7 .form textarea{
    height: 90px !important;
  }

  /* Reduce button font size */
  .popup .wpcf7 .form .btn .wpcf7-submit{
    font-size: 14px !important;
    padding: 14px 16px !important;
    padding-left: 16px !important; /* remove extra space since icon is hidden */
  }

  /* Hide the icon on tablet + mobile */
  .popup .wpcf7 .form .btn p::before{
    display: none !important;
    content: none !important;
    background-image: none !important;
  }
}

/* Remove popup scroll on desktop */
@media (min-width: 1025px){
  .dialog-widget-content{
    overflow: hidden !important;
  }

  .dialog-message{
    overflow: hidden !important;
    max-height: none !important;
  }
}/* End custom CSS */