.elementor-4960 .elementor-element.elementor-element-29a2828{--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-4960 .elementor-element.elementor-element-a714ab9{--spacer-size:50px;}.elementor-4960 .elementor-element.elementor-element-2396e80e{--display:flex;--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:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:40px;--padding-bottom:40px;--padding-left:15px;--padding-right:15px;}.elementor-4960 .elementor-element.elementor-element-6e0e9d84{--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;--justify-content:space-between;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;box-shadow:29px 29px 60px 0px rgba(0,0,0,0.2);--padding-top:60px;--padding-bottom:60px;--padding-left:60px;--padding-right:60px;}.elementor-4960 .elementor-element.elementor-element-47489561{width:var( --container-widget-width, 101.147% );max-width:101.147%;--container-widget-width:101.147%;--container-widget-flex-grow:0;}.elementor-4960 .elementor-element.elementor-element-47489561.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-4960 .elementor-element.elementor-element-47489561 .elementskit-section-title-wraper .elementskit-section-title{margin:0px 0px 0px 0px;font-family:"Poppins", Sans-serif;font-size:30px;font-weight:700;}.elementor-4960 .elementor-element.elementor-element-47489561 .elementskit-section-title-wraper .elementskit-section-title > span{color:#636363;}.elementor-4960 .elementor-element.elementor-element-47489561 .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:#835B04;}.elementor-4960 .elementor-element.elementor-element-809ed69{--display:flex;}.elementor-4960 .elementor-element.elementor-element-2f1d268{--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-4960 .elementor-element.elementor-element-4292906{--spacer-size:150px;}@media(max-width:767px){.elementor-4960 .elementor-element.elementor-element-6e0e9d84{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}}/* Start custom CSS for shortcode, class: .elementor-element-7497a47 *//* ====== ValidateCertify Custom Styling by Vicky ====== */

/* Table styling */
.validatecertify table {
  width: 100%;
  border-collapse: collapse;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(21, 52, 72, 0.15);
  margin-bottom: 20px;
}

.validatecertify table th,
.validatecertify table td {
  padding: 12px 16px;
  text-align: left;
  border-bottom: 1px solid #e5e7eb;
  font-size: 15px;
  color: #153448;
}

.validatecertify table tr:last-child td {
  border-bottom: none;
}

/* Input box styling */
.validatecertify input[type="text"] {
  width: 100%;
  padding: 10px 14px;
  border: 1px solid #cbd5e1;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.3s ease;
}

.validatecertify input[type="text"]:focus {
  border-color: #153448;
  box-shadow: 0 0 6px rgba(21, 52, 72, 0.2);
  outline: none;
}

/* Button styling */
.validatecertify input[type="submit"],
.validatecertify button {
  background-color: #153448;
  color: #ffffff;
  border: none;
  border-radius: 8px;
  padding: 10px 22px;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.3s ease, transform 0.2s ease;
}

.validatecertify input[type="submit"]:hover,
.validatecertify button:hover {
  background-color: #1e4c6b;
  transform: translateY(-2px);
}

/* Placeholder & form alignment */
.validatecertify p {
  color: #475569;
  font-size: 14px;
}

/* Add subtle animation to result box */
.validatecertify table {
  animation: fadeIn 0.6s ease-in-out;
}

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}/* End custom CSS */