.elementor-259071 .elementor-element.elementor-element-d8afe2d{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:0px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-259071 .elementor-element.elementor-element-d8afe2d:not(.elementor-motion-effects-element-type-background), .elementor-259071 .elementor-element.elementor-element-d8afe2d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#00002C;}.elementor-259071 .elementor-element.elementor-element-2a69a9c{--display:flex;--min-height:556px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:44px;--padding-bottom:56px;--padding-left:0px;--padding-right:0px;}.elementor-259071 .elementor-element.elementor-element-2a69a9c:not(.elementor-motion-effects-element-type-background), .elementor-259071 .elementor-element.elementor-element-2a69a9c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://kidan.com/wp-content/uploads/2025/11/Group-10472.png");background-repeat:no-repeat;background-size:cover;}.elementor-259071 .elementor-element.elementor-element-8fe951b{--display:flex;--min-height:554px;--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;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:53px;--padding-bottom:47px;--padding-left:49px;--padding-right:0px;}.elementor-259071 .elementor-element.elementor-element-40c2152.elementor-element{--align-self:flex-start;}.elementor-259071 .elementor-element.elementor-element-40c2152{text-align:start;}.elementor-259071 .elementor-element.elementor-element-40c2152 img{width:85%;}.elementor-259071 .elementor-element.elementor-element-124b0d6{font-family:"Gantari", Sans-serif;font-size:20px;font-weight:400;color:#FFFFFF;}.elementor-259071 .elementor-element.elementor-element-a8dfe06 .elementor-icon-box-wrapper{text-align:start;}.elementor-259071 .elementor-element.elementor-element-a8dfe06 .elementor-icon-box-title, .elementor-259071 .elementor-element.elementor-element-a8dfe06 .elementor-icon-box-title a{font-family:"Gantari", Sans-serif;font-size:26px;font-weight:600;}.elementor-259071 .elementor-element.elementor-element-a8dfe06 .elementor-icon-box-title{color:#FFFFFF;}.elementor-259071 .elementor-element.elementor-element-a8dfe06 .elementor-icon-box-description{font-family:"Gantari", Sans-serif;font-size:16px;font-weight:400;color:#FFFFFF;}.elementor-259071 .elementor-element.elementor-element-afe1ced .elementor-button{background-color:#FFFFFF;font-family:"Gantari", Sans-serif;font-size:16px;font-weight:400;fill:#000000;color:#000000;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF;}.elementor-259071 .elementor-element.elementor-element-afe1ced .elementor-button:hover, .elementor-259071 .elementor-element.elementor-element-afe1ced .elementor-button:focus{background-color:#FFFFFF00;color:#FFFFFF;border-color:#FFFFFF;}.elementor-259071 .elementor-element.elementor-element-afe1ced .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-259071 .elementor-element.elementor-element-afe1ced .elementor-button .elementor-button-content-wrapper{gap:12px;}.elementor-259071 .elementor-element.elementor-element-afe1ced .elementor-button:hover svg, .elementor-259071 .elementor-element.elementor-element-afe1ced .elementor-button:focus svg{fill:#FFFFFF;}.elementor-259071 .elementor-element.elementor-element-8e80bea{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}@media(min-width:768px){.elementor-259071 .elementor-element.elementor-element-d8afe2d{--content-width:100%;}.elementor-259071 .elementor-element.elementor-element-2a69a9c{--width:88%;}.elementor-259071 .elementor-element.elementor-element-8fe951b{--width:40%;}.elementor-259071 .elementor-element.elementor-element-8e80bea{--width:60%;}}/* Start custom CSS for button, class: .elementor-element-afe1ced */.elementor-259071 .elementor-element.elementor-element-afe1ced:hover svg path{
    fill: white;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8fe951b */.elementor-259071 .elementor-element.elementor-element-8fe951b{
    height: 318px;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-6b6a939 *//* ===================================== */
/* Site24x7 Live Demo Form - Form ID 9 */
/* FINAL UPDATED VERSION */
/* ===================================== */

#gform_wrapper_9 {
  max-width: 1000px;
  margin: auto;
  padding: 0px 40px 40px 40px;
  background: #f5f7fb;
}

/* ===== Title ===== */

#gform_wrapper_9 .gform_title {
  text-align: center;
  font-size: 28px;
  font-weight: 700;
  color: #204ce5;
  margin-bottom: 35px;
}

/* ===== Remove First 5 Labels ===== */

#field_9_14 .gfield_label,
#field_9_16 .gfield_label,
#field_9_17 .gfield_label,
#field_9_18 .gfield_label,
#field_9_22 .gfield_label {
  display: none !important;
}

/* ===== Layout ===== */

#gform_wrapper_9 .gform_fields {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 14px 24px !important;
}

#gform_wrapper_9 .gfield--width-half {
  width: calc(50% - 12px) !important;
}

#gform_wrapper_9 .gfield--width-full {
  width: 100% !important;
}

/* ===== Inputs ===== */

#gform_wrapper_9 input[type="text"],
#gform_wrapper_9 input[type="email"],
#gform_wrapper_9 input[type="tel"],
#gform_wrapper_9 textarea {
  width: 100% !important;
  height: 48px !important;
  border: 1px solid #d8dce6 !important;
  border-radius: 6px !important;
  padding: 0 14px !important;
  font-size: 14px !important;
  background: #ffffff !important;
  transition: 0.25s ease;
}

#gform_wrapper_9 textarea {
  max-height: 100px !important;
  min-height: 100px !important;
  padding-top: 12px !important;
  resize: none;
}

#gform_wrapper_9 input:focus,
#gform_wrapper_9 textarea:focus {
  border-color: #204ce5 !important;
  box-shadow: 0 0 0 2px rgba(32,76,229,0.15) !important;
  outline: none !important;
}
/* 15px space between label and textarea */

#field_9_21 .gfield_label {
  margin-bottom: 15px !important;
}

#field_9_21 .ginput_container {
  margin-top: 0 !important;
}

/* ===================================== */
/* CUSTOM CHECKBOX */
/* ===================================== */

#gform_wrapper_9 .gfield_checkbox input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  width: 20px;
  height: 20px;
  border: 2px solid #CACACA;
  border-radius: 5px;
  position: relative;
  cursor: pointer;
  transition: 0.2s ease;
}

#gform_wrapper_9 .gfield_checkbox input[type="checkbox"]:checked {
  background-color: #CACACA;
}

#gform_wrapper_9 .gfield_checkbox input[type="checkbox"]:checked::after {
  content: "✓";
  position: absolute;
  color: #fff;
  font-size: 14px;
  left: 4px;
  top: -1px;
}

/* ===================================== */
/* CUSTOM RADIO */
/* ===================================== */

#gform_wrapper_9 .gfield_radio input[type="radio"] {
  appearance: none;
  -webkit-appearance: none;
  width: 20px;
  height: 20px;
  border: 2px solid #CACACA;
  border-radius: 5px; /* as requested */
  position: relative;
  cursor: pointer;
  transition: 0.2s ease;
}

#gform_wrapper_9 .gfield_radio input[type="radio"]:checked {
  background-color: #204ce5;
}

#gform_wrapper_9 .gfield_radio input[type="radio"]:checked::after {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  background: #fff;
  top: 4px;
  left: 4px;
  border-radius: 2px;
}

/* Align choices */

#gform_wrapper_9 .gchoice {
  display: flex;
  align-items: center;
  gap: 10px;
}

/* Checkbox grid */

#gform_wrapper_9 .gfield_checkbox {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 8px 20px;
  margin-top: 10px;
}

/* Radio inline */

#gform_wrapper_9 .gfield_radio {
  display: flex;
  gap: 25px;
  margin-top: 8px;
}

/* ===== Button ===== */

#gform_wrapper_9 .gform_button {
  width: 30%;
  height: 48px;
  background: #204ce5 !important;
  color: #fff !important;
  border-radius: 6px;
  border: none;
  font-weight: 600;
  transition: 0.3s ease;
  margin-top: 20px;
}

#gform_wrapper_9 .gform_button:hover {
  background: #001AB3 !important;
}

/* ===== Mobile ===== */

@media (max-width: 768px) {

  #gform_wrapper_9 {
    padding: 25px;
  }

  #gform_wrapper_9 .gfield--width-half {
    width: 100% !important;
  }

  #gform_wrapper_9 .gfield_checkbox {
    grid-template-columns: 1fr;
  }

  #gform_wrapper_9 .gfield_radio {
    flex-direction: column;
    gap: 10px;
  }
}

/* ===== Custom Title Text ===== */

#gform_wrapper_9 .gform_title {
  visibility: hidden;
  position: relative;
}

#gform_wrapper_9 .gform_title:after {
  content: "Request A Personalized Web Demo";
  visibility: visible;
  display: block;
  text-align: center;
  font-size: 28px;
  font-weight: 700;
  color: #204ce5;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2a69a9c *//* BORDER DOTS*/
.ec-depl {
  position: relative;
  /*border: px solid #353646; */

  isolation: isolate;
  z-index: 0;
}

.ec-depl::before {
  content: "";
  position: absolute;
  inset: 0; 
  background:
   linear-gradient(#0D41FF, #0D41FF) top left,
   
    linear-gradient(#0D41FF, #0D41FF) top right,
    
linear-gradient(#0D41FF, #0D41FF) bottom left,

    linear-gradient(#0D41FF, #0D41FF) bottom right;
    
  background-size: 6px 6px;   
  background-repeat: no-repeat;


  z-index: 1;
  pointer-events: none;
}/* End custom CSS */