.elementor-2326 .elementor-element.elementor-element-ec55644{--display:flex;--min-height:284px;--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;--justify-content:center;--overlay-opacity:0.1;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:var( --e-global-color-8856f78 );--border-color:var( --e-global-color-8856f78 );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-2326 .elementor-element.elementor-element-ec55644:not(.elementor-motion-effects-element-type-background), .elementor-2326 .elementor-element.elementor-element-ec55644 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ztrust.in/wp-content/uploads/2025/10/sub-page-hero-img.webp");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-2326 .elementor-element.elementor-element-ec55644::before, .elementor-2326 .elementor-element.elementor-element-ec55644 > .elementor-background-video-container::before, .elementor-2326 .elementor-element.elementor-element-ec55644 > .e-con-inner > .elementor-background-video-container::before, .elementor-2326 .elementor-element.elementor-element-ec55644 > .elementor-background-slideshow::before, .elementor-2326 .elementor-element.elementor-element-ec55644 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2326 .elementor-element.elementor-element-ec55644 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:radial-gradient(at bottom center, var( --e-global-color-accent ) 0%, var( --e-global-color-5d941e7 ) 50%);}.elementor-2326 .elementor-element.elementor-element-ec55644.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2326 .elementor-element.elementor-element-91b5e24{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2326 .elementor-element.elementor-element-b255339{text-align:center;}.elementor-2326 .elementor-element.elementor-element-b255339 .elementor-heading-title{font-family:var( --e-global-typography-350fe71-font-family ), Sans-serif;font-size:var( --e-global-typography-350fe71-font-size );font-weight:var( --e-global-typography-350fe71-font-weight );line-height:var( --e-global-typography-350fe71-line-height );color:var( --e-global-color-f756773 );}.elementor-2326 .elementor-element.elementor-element-b9b2ef9{text-align:center;}.elementor-2326 .elementor-element.elementor-element-1cf1e93{--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:60px 60px;--row-gap:60px;--column-gap:60px;--overlay-opacity:0.7;--padding-top:30px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-2326 .elementor-element.elementor-element-1cf1e93::before, .elementor-2326 .elementor-element.elementor-element-1cf1e93 > .elementor-background-video-container::before, .elementor-2326 .elementor-element.elementor-element-1cf1e93 > .e-con-inner > .elementor-background-video-container::before, .elementor-2326 .elementor-element.elementor-element-1cf1e93 > .elementor-background-slideshow::before, .elementor-2326 .elementor-element.elementor-element-1cf1e93 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2326 .elementor-element.elementor-element-1cf1e93 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-2326 .elementor-element.elementor-element-1cf1e93.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2326 .elementor-element.elementor-element-00ac3cd{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-2326 .elementor-element.elementor-element-2df0ee6{width:var( --container-widget-width, 86.368% );max-width:86.368%;padding:0px 0px 0px 0px;--container-widget-width:86.368%;--container-widget-flex-grow:0;border-style:none;}.elementor-2326 .elementor-element.elementor-element-2df0ee6.elementor-element{--flex-grow:0;--flex-shrink:0;}@media(max-width:1024px){.elementor-2326 .elementor-element.elementor-element-ec55644:not(.elementor-motion-effects-element-type-background), .elementor-2326 .elementor-element.elementor-element-ec55644 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:bottom center;}.elementor-2326 .elementor-element.elementor-element-b255339 .elementor-heading-title{font-size:var( --e-global-typography-350fe71-font-size );line-height:var( --e-global-typography-350fe71-line-height );}.elementor-2326 .elementor-element.elementor-element-1cf1e93{--justify-content:flex-end;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:30px 30px;--row-gap:30px;--column-gap:30px;--padding-top:80px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}}@media(min-width:768px){.elementor-2326 .elementor-element.elementor-element-ec55644{--width:100.431%;}.elementor-2326 .elementor-element.elementor-element-1cf1e93{--width:90.94%;}.elementor-2326 .elementor-element.elementor-element-00ac3cd{--width:100%;}}@media(max-width:767px){.elementor-2326 .elementor-element.elementor-element-ec55644{--min-height:279px;--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-2326 .elementor-element.elementor-element-ec55644:not(.elementor-motion-effects-element-type-background), .elementor-2326 .elementor-element.elementor-element-ec55644 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-2326 .elementor-element.elementor-element-b255339 .elementor-heading-title{font-size:var( --e-global-typography-350fe71-font-size );line-height:var( --e-global-typography-350fe71-line-height );}.elementor-2326 .elementor-element.elementor-element-1cf1e93{--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:60px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-2326 .elementor-element.elementor-element-00ac3cd{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2326 .elementor-element.elementor-element-2df0ee6{width:var( --container-widget-width, 310.237px );max-width:310.237px;--container-widget-width:310.237px;--container-widget-flex-grow:0;}}/* Start custom CSS for html, class: .elementor-element-2df0ee6 */.get_container {
        max-width: 600px;
        margin: auto;
        text-align: center;
        padding: 20px;
      }
      
      .label_users{
          text-align: left;
          padding: 0px 6px;
      }
      
      .image_reset{
          width:30px;
          filter: invert(1);
          
      }
    
      .button_explore{
          width:100%;
          display:flex;
          align-items:center;
          justify-content:end;
          
      }
      .button_explore a {
          color: #000000 !important;
      }
      
      .container_form{
          display: flex;
          gap:5px;
          flex-direction: column;
      }
      .button_cal{
          width: 100%;
          margin-top: 10px;
          display: flex;
          flex-direction: row;
          gap: 5px;
          align-items: center;
          justify-content: center;
      }
      
      input,
      button {
        padding: 8px;
        margin: 6px;
        border: 1px solid #ccc;
        border-radius: 6px;
        width: 45%;
      }
      button {
        background: #007bff;
        color: #fff;
        cursor: pointer;
     
      }

  
      .cards {
  display: flex;
  flex-direction: column;
  gap: 30px;
  margin-top: 15px;
}

 
.main-container {
  display: flex;
  gap: 40px;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
}
 
.left-box {
  display: flex;
  flex-direction: column;
  gap: 20px;
  flex: 1;
  min-width: 250px;
  border: 1px solid white;
  padding-top: 50px;
  padding-bottom: 30px;
  border-radius: 20px;
  background-color:#21304a; 

}
.right-box {
  display: flex;
  flex-direction: column;
  gap: 20px;
  flex: 2;
}

.row {
  display: flex;
  gap: 20px;
  justify-content: center;
}

.image {
  height: 40px;
  width: 40px;
  filter: invert(1);
}

.card {
  flex: 1;
  padding: 15px;
  border-radius: 12px;
  text-align: center;
  font-weight: 600;
  color: white;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  gap: 8px;
}

.card:hover {
  transform: translateY(-8px);
}

.plan {
   border: 1px solid white;
  background-color: #37434a;
  padding-top: 27px;
}

.instances {
    border: 1px solid white;
  background-color: #01334a;
}

.cpu {
  border: 1px solid white;
  background-color: #01334a;
}

.ram {
  border: 1px solid white;
  background-color: #01334a;
}

.storage {
    border: 1px solid white;
  background-color: #01334a;
}

 Button 
.button_explore {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: end;
}

.button_explore a {
  color: #000000 !important;
  font-size: 20px;
  font-weight: bold;
}

.button_calculate_guide {
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: end;
  cursor: pointer;
  color: #fff !important;
  
}

    
      @media (max-width: 768px) {
         .input_container{
        flex-direction: column;
      }
      .button_cal{
          width:100%;
      }
      .button_calculate{
          width:80%;
          display:flex;
          align-items:center;
          justify-content:center;
      }
      
       .button_Reset{
          width:100%;
      }
      
       .button_calculate_guide{
          width:100%;
          display: flex;
          align-items: center;
          justify-content: center;
              cursor: pointer;
      }
      
      .button_explore{
          width:100%;
          display:flex;
          align-items:center;
          justify-content:center;
      }
      .applications{
          width:100%;
          text-align: start;
      }
      
      }
     
/* Small screen handling */
@media screen and (max-width: 768px) {
  .row {
    flex-direction: column;
    align-items: center;
  }

  .card {
    width: 100%;
  }

  .card img.image {
    width: 30px;
    height: 30px;
  }
}

@media screen and (max-width: 480px) {
  .card p {
    font-size: 14px;
  }

  .card {
    max-width: 100%;
    padding: 10px;
  }

  .card img.image {
    width: 25px;
    height: 25px;
  }
}
      @media (max-width: 600px) {
        .row {
          flex-direction: column;
        }
        input {
          width: 90%;
        }
      }/* End custom CSS */