body {
  font-family: "Finlandica Text", sans-serif;
  color: #333;
}
a{
  text-decoration: none;
}
ul{
  padding: 0;
}
.text-primary{
  color: #fe7e01 !important;
}
.light-bg{
  background-color: #f2f2f2;
}
.logo{
  width: 140px;
}
/** wordpress menu **/
/* Navbar */
.navbar {
    padding: 10px 0;
}

/* Main menu */
.navbar-nav {
    align-items: center;
}
#wpforms-form-140 .wpforms-field-container{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0px 20px;
}
/* normal fields */
.two-form{
   width:100%;
}

/* last textarea full width */
.wpforms-field-textarea{
   grid-column:1 / -1;
}
@media(max-width:768px){
   .wpforms-field-container{
      grid-template-columns: 1fr;
   }
}
.navbar-nav .menu-item {
    position: relative;
    list-style: none;
}
.wpforms-container .wpforms-field, .wp-core-ui div.wpforms-container .wpforms-field{
  padding: 9px 0 !important;
}
.wpforms-field-label{
   margin-bottom; 5px !important;
}
/* Links */
.navbar-nav .menu-item > a {
    display: block;
    padding: 10px 15px;
    color: #222;
    font-weight: 500;
    text-decoration: none;
    transition: 0.3s;
}

.navbar-nav .menu-item > a:hover {
    color: #ff6600;
}

/* Dropdown */
.navbar-nav .menu-item-has-children > a::after {
    content: " ▼";
    font-size: 12px;
}

/* Submenu hidden */
.navbar-nav .menu-item-has-children {
    position: relative;
}

.navbar-nav .sub-menu {
    position: absolute;
    top: calc(100% - 2px);
    left: 0;
    background: #fff;
    min-width: 220px;
    display: none;
    list-style: none;
    padding: 10px 0;
    margin: 0;
    border-radius: 8px;
    box-shadow: 0 8px 20px rgba(0,0,0,0.08);
    z-index: 9999;
}
.navbar {
    overflow: visible !important;
}

.navbar-collapse {
    overflow: visible !important;
}
/* Hover dropdown */
.navbar-nav .menu-item-has-children:hover > .sub-menu {
    display: block;
}

/* Show on hover */
.menu-item-has-children:hover > .sub-menu {
    display: block;
}

/* Submenu items */
.sub-menu li a {
    padding: 10px 15px;
    display: block;
    color: #333;
	font-size: 15px;
}

.sub-menu li a:hover {
    background: #f5f5f5;
    color: #ff6600;
}
/** end wordpress css **/
.hero {
      padding: clamp(30px, 8vw, 80px) 0;
    }
.hero .d-flex{
  margin-bottom: clamp(30px, 5vw, 0px);
}    

    .hero h1 {
      font-size: clamp(28px, 8vw, 50px);
      font-weight: 700;
    }

    .hero p {
      font-size: clamp(14px, 1.5vw, 16px);;
      color: #555;
      max-width: 500px;
    }

    .btn-audit {
      background: #fe7e01;
      color: #fff;
      padding: 10px 20px;
      border-radius: 8px;
      border: none;
      border: 1px solid transparent;
    }

    .btn-audit:hover {
      color: #fe7e01;
      border-color: #3e3b3c;
    }

    .mockup {
      width: 100%;
      border-radius: 12px;
      box-shadow: 0 10px 30px rgba(0,0,0,0.1);
    }

    .navbar-brand {
      font-weight: bold;
    }

    .nav-link {
      margin-right: 15px;
    }

    .section-title{
  text-align:center;
  margin-bottom:10px;
  font-size: clamp(30px, 5vw, 42px);
  font-weight:700;
}
.main-box{
        display: grid;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    gap: 20px;
}
.main-box .feature-card{
  flex: 1 1 200px;
}
.blog-grid{
	display:flex;
	flex-wrap:wrap;
	gap:20px;
	padding:20px;
}

.blog-item{
	width:calc(50% - 10px);
	background:#fff;
	padding:20px;
	border-radius:10px;
	box-sizing:border-box;
	box-shadow:0 2px 10px rgba(0,0,0,0.1);
}
.blog-item img{
width:100%;    height: 500px;
    object-fit: cover;}
.entry-title a{
    color: #fe7e01;
}
@media(max-width:768px){
	.blog-item{
		width:100%;
	}
}
.read-more-btn{
display:none;}
.blog-grid .read-more-btn{
    display: flex;
    align-items: center;
    color: #000;}
	.blog-grid .read-more-btn i{
   display: inline-block;
padding-top: 5px;   
}
.blog-grid .read-more-btn:hover{
   color: #fe7e01;
}
.icon-box {
  background-color: #eeecf5;
  border-radius: 10px;
  padding: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  margin-bottom: 15px;
}
.learn-more{
    color: #000;
    font-size: 16px;
    margin-top: 10px;
    display: flex;
    align-items: center;
}
.learn-more:hover{
  color: #fe7e01;
}
.learn-more i.bi{
  font-size: 22px;
    line-height: 0;
    display: inline-block;
    padding-top: 3px;
}
.icon-box i,
.icon-box svg {
  color: #3d2f8f;
  font-size: 22px;
}
.how-section {
      padding: 70px 40px;
      text-align: center;
    }
 

    /* Timeline wrapper */
    .timeline {
      position: relative;
      display: flex;
      justify-content: center;
      align-items: flex-start;
      gap: 0;
      max-width: 1000px;
      margin: 0 auto;
    }
 
    /* Horizontal line behind icons */
    .timeline::before {
      content: '';
      position: absolute;
      top: 38px;
      left: 10%;
      right: 10%;
      height: 2px;
      background: linear-gradient(to right, #c9b8f0, #ad5050, #c9b8f0);
      z-index: 0;
    }
 
    .step {
      flex: 1;
      display: flex;
      flex-direction: column;
      align-items: center;
      position: relative;
      z-index: 1;
      padding: 0 10px;
	  transition: all 0.3s ease;
    }
	.step:hover {
  transform: translateY(-10px);
}
 
    .timeline .icon-circle {
      width: 76px;
      height: 76px;
      border-radius: 50%;
      background: #fe7e01;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 20px;
      box-shadow: 0 4px 18px rgba(59, 31, 140, 0.25);
	   transition: all 0.3s ease;
    }
      .step:hover .icon-circle {
  transform: scale(1.1);
  box-shadow: 0 10px 25px rgba(255, 136, 0, 0.35);
}
     .timeline .icon-circle i {
      font-size: 1.6rem;
      color: #fff;
    }
 .iti__tel-input::placeholder {
  color: transparent !important;
   opacity:0 !important;
}
     .timeline .step h3 {
      font-size: 1rem;
      font-weight: 700;
      color: #111;
      margin-bottom: 10px;
    }
 
     .timeline .step p {
      font-size: 0.875rem;
      color: #777;
      line-height: 1.6;
      max-width: 180px;
      text-align: center;
    }
 
    @media (max-width: 768px) {
      .timeline {
        flex-direction: column;
        align-items: center;
        gap: 40px;
      }
 
      .timeline::before {
        display: none;
      }
 
      .step p {
        max-width: 260px;
      }
    }
.entry-title{text-align: left;}
.post-meta-wrapper {display:none}
p:empty,p:has(br),
p:has( ) {
    display: none;
}
    .cards-wrapper {
      display: flex;
      gap: 24px;
      max-width: 1100px;
      margin: 0 auto;
      flex-wrap: wrap;
      margin: 0 auto;
    }
 
    /* Main Card */
    .card {
      flex: 1 1 300px;
      background: #fff;
      border-radius: 16px;
      padding: 28px 24px;
      box-shadow: 0 2px 16px rgba(0,0,0,0.06);
      display: flex;
      flex-direction: column;
      gap: 16px;
    }
 
    /* Card Header */
    .card-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
 
    .card-header h3 {
      font-size: 1.05rem;
      font-weight: 700;
      color: #111;
    }
 
    .card-header i {
      font-size: 1.4rem;
      color: #e07b2a;
    }
 
    /* Stat Box */
    .stat-box {
      background: #f4f4f7;
      border-radius: 10px;
      padding: 14px 16px;
    }
 
    .stat-box .label {
      font-size: 0.8rem;
      color: #888;
      margin-bottom: 6px;
    }
 
    .stat-box .value {
      font-size: 1.6rem;
      font-weight: 800;
    }
 
    .stat-box .value.purple { color: #3b1f8c; }
    .stat-box .value.orange { color: #e07b2a; }
 
    /* Description */
    .card-desc {
      font-size: 0.875rem;
      color: #777;
      line-height: 1.65;
      margin-top: 4px;
    }
     .pricing-wrapper {
      display: flex;
      gap: 24px;
      max-width: 1050px;
      margin: 0 auto;
      align-items: center;
      flex-wrap: wrap;
      margin: 0 auto;
    }
 
    /* Base Card */
    .pricing-card {
      flex: 1 1 280px;
      background: #fff;
      border-radius: 16px;
      padding: 32px 28px;
      box-shadow: 0 2px 16px rgba(0,0,0,0.06);
      display: flex;
      flex-direction: column;
      gap: 20px;
    }
 
    /* Popular Card */
    .pricing-card.popular {
      background: #3e3b3c;
      color: #fff;
      transform: scaleY(1.04);
      box-shadow: 0 8px 32px rgba(59,31,140,0.35);
      z-index: 1;
    }
 
    /* Badge */
    .badge {
      display: inline-block;
      background: #e07b2a;
      color: #fff;
      font-size: 0.78rem;
      font-weight: 700;
      padding: 6px 18px;
      border-radius: 50px;
      width: fit-content;
    }
 
    /* Plan name */
    .plan-name {
      font-size: 1.4rem;
      font-weight: 800;
      color: #111;
    }
    .popular .plan-name { color: #fff; }
 
    .plan-desc {
      font-size: 0.875rem;
      color: #888;
    }
    .popular .plan-desc { color: #fff; }
 
    /* Price */
    .price {
      display: flex;
      align-items: baseline;
      gap: 4px;
    }
 .entry-content p:has( ) {
    display: none;
}
    .price .amount {
      font-size: clamp(30px, 5vw, 2.4rem);
      font-weight: 800;
      color: #111;
    }
    .popular .price .amount { color: #fff; }
 
    .price .per {
      font-size: 0.9rem;
      color: #888;
    }
    .popular .price .per { color: #c9b8f0; }
 
    /* Divider */
    .divider {
      border: none;
      border-top: 1px solid #eee;
    }
    .popular .divider { border-color: rgba(255,255,255,0.2); }
.entry-categories{display:none}
     


    /* Features list */
    .features {
      list-style: none;
      display: flex;
      flex-direction: column;
      gap: 14px;
    }
 
    .features li {
      display: flex;
      align-items: center;
      gap: 10px;
      font-size: 0.9rem;
      color: #444;
    }
    .popular .features li { color: #fff; }
 
    .features li i {
      color: #3b1f8c;
      font-size: 1rem;
      flex-shrink: 0;
    }
    .popular .features li i { color: #fff; }
 
    /* CTA Button */
    .btn-plan {
      display: block;
      text-align: center;
      padding: 13px;
      border-radius: 10px;
      font-weight: 700;
      font-size: 0.95rem;
      cursor: pointer;
      border: none;
      margin-top: auto;
      text-decoration: none;
    }
 
    .btn-plan.outline {
      border: 2px solid #3b1f8c;
      color: #3b1f8c;
      background: transparent;
    }
 
    .btn-plan.solid {
      background: #e07b2a;
      color: #fff;
    }
    .training-features{
	   list-style: none;
    display: flex;
    flex-direction: column;
    gap: 14px;
	}	
	.training-features li {
		position: relative;
		margin-left: 18px;
		    margin-bottom: 10px;
    font-size: clamp(14px, 1.5vw, 18px);
	}
	.training-features li:before {
    content: "";
    position: absolute;
    left: -14px;
    top: 8px;
    background-color: #fe7e01;
    border-radius: 50%;
    padding: 3px;
}
    @media (max-width: 768px) {
      .pricing-card.popular { transform: none; }
    }
section{
  padding: 50px 0;
}
.section-subtitle{
    text-align: center;
    color: #666;
    font-size: 17px;
    max-width: 710px;
    margin: 0 auto 50px;
}
.view{
  color: #000;
}
.view:hover{
  color: #fe7e01;
}
.feature-card{
  border:1px solid #e8e8e8;
  border-radius:12px;
  padding:25px;
  height:100%;
  transition:0.3s;
  background:#fff;
  height: 100%;
}

.feature-card:hover{
  box-shadow:0 10px 25px rgba(0,0,0,0.08);
  border-color: #fe7e01
}

.feature-title{
  font-size:18px;
  font-weight:700;
  margin-bottom:10px;
}

.feature-text{
  font-size:14px;
  color:#666;
  line-height:1.6;
}

.section-subtitle{
  text-align:center;
  color:#666;
  margin-bottom:50px;
  font-size: 17px;
}

/* Card (same as previous section style) */
.result-card{
  border:1px solid #e8e8e8;
  border-radius:14px;
  padding:28px;
  height:100%;
  background:#fff;
  transition:0.3s;
}

.result-card:hover{
  transform:translateY(-6px);
  box-shadow:0 12px 28px rgba(0,0,0,0.08);
}

/* Label */
.result-label{
  font-size:13px;
  color: #fe7e01;
  font-weight:600;
  margin-bottom:10px;
}

/* Big number */
.result-value{
  font-size: clamp(20px, 5vw, 40px);
  font-weight:800;
  margin-bottom:10px;
  color: #0b0347;
}

/* text */
.result-text{
  font-size:14px;
  color:#666;
  line-height:1.6;
}
.form-width{
    max-width: 650px;
    margin: 0 auto;
    background-color: #fff;
    padding: 31px;
    border-radius: 10px;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.08);
}
.form-width .form-group{
  margin-bottom: 20px;
}
.form-width label{
  display: block;
  color: #111827;
  font-size: 16px;
  margin-bottom: 5px;
  font-weight: 600;
}
.form-width .form_input{
    border: 1px solid #e9e9e9;
    width: 100%;
    height: 46px;
    color: #000;
    border-radius: .25rem;
    padding: 6px .75rem;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.25rem;
}
.form-width .form_input:focus{
  border-color: #fe7e01;
  outline: none;
}
.form_select{
     border: 1px solid #e9e9e9;
    width: 100%;
    height: 140px;
    color: #000;
    border-radius: .25rem;
    padding: 6px .75rem;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.25rem;
    textarea: none;
}
.form-btn{
      width: 100%;
    border: none;
    background-color: #fe7e01;
    color: #fff;
    border-radius: 4px;
    padding: 10px 0;
    font-size: 17px;
    font-weight: 700;
}
.form-bottom{
  margin-top: 10px;
  text-align: center;
}

footer {
  padding: 50px 0;
}
footer h4{
  font-size: 20px;
  font-weight: 600;
}
footer li{
  display: block;
  margin: 10px 0 0px 15px;
  position: relative;
}
footer li:before{
     content: "";
    position: absolute;
    left: -11px;
    top: 9px;
    background-color: #929292;
    width: 5px;
    height: 5px;
    border-radius: 50%;
}
#site-content{
   margin-top:40px;
}   
footer li a,footer a, #menu-footer li a{
     color: #929292;
    font-size: 15px;
}
footer li a:hover,footer a:hover, #menu-footer li a:hover {
   color: #fe7e01;
}
footer svg{
      color: #929292;
    margin: 0 5px 20px;
}
footer svg:hover{
   color: #fe7e01;
}
.home-view{
    color: #000;
    font-size: 16px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
}    
.home-view:hover{
   color: #fe7e01;
}
.home-view .bi{
       font-size: 26px;
    line-height: 0;
}
.training-hero-title {
      font-size: clamp(28px, 4vw, 48px);
      font-weight: 700;
      color: #0a0146;
      line-height: 1.2;
    }

    .features li {
      margin-bottom: 10px;
      font-size:clamp(14px, 1.5vw, 18px);
    }


    .btn-gradient {
      background: linear-gradient(45deg, #7b2ff7, #9b59b6);
      color: #fff;
      border-radius: 10px;
      padding: 10px 25px;
    }

    .btn-gradient:hover {
      opacity: 0.9;
    }

    .form-card {
      border-radius: 12px;
      box-shadow: 0 5px 20px rgba(0,0,0,0.1);
    }

    .submit-btn {
      background: #fe7e01;
      color: #fff;
      padding: 12px;
      border-radius: 8px;
      border: none;
    }

    .submit-btn:hover {
      background: #c0392b;
    }
    .course-card {
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 5px 20px rgba(0,0,0,0.08);
    transition: 0.3s;
    background: #fff;
        height: 100%;
  }

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

  .course-img {
    height: 180px;
    object-fit: cover;
    width: 100%;
  }

  .course-title {
    color: #0a0146;
    font-weight: 700;
  }

  .check-list {
    list-style: none;
    padding-left: 0;
  }

  .check-list li {
    margin-bottom: 10px;
    font-size: 15px;
  }

  .check-list li::before {
    content: "✔";
    color: #e74c3c;
    margin-right: 10px;
  }
  .feature-item {
    display: flex;
    align-items: center;
    margin-bottom: 18px;
    font-size: 18px;
  }

  .icon-circle {
    width: 20px;
    height: 20px;
    background: #fe7e01;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
    font-size: 16px;
    margin-bottom: 0;
  }
.card-custom {
      background: #fff;
      border-radius: 15px;
      padding: 30px;
      box-shadow: 0 5px 20px rgba(0,0,0,0.08);
      height: 100%;
      transition: 0.3s;
    }

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

    .learn-icon-circle {
      width: 70px;
      height: 70px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 20px;
      font-size: 28px;
      color: #fff;
    }

    .icon-blue {
      background: #2c4fb5;
    }

    .icon-orange {
      background: #f25c4c;
    }

    .card-title {
      color: #0a0146;
      font-weight: 600;
      margin-bottom: 15px;
    }

    .highlight {
      color: #fe7e01;
      font-weight: 600;
    }

    .list-star {
      list-style: none;
      padding-left: 0;
      margin-top: 15px;
    }

    .list-star li {
      margin-bottom: 10px;
      position: relative;
      padding-left: 20px;
    }

    .list-star li::before {
      content: "★";
      position: absolute;
      left: 0;
      color: #fe7e01;
    }
     .career-section {
      background: #767676;
      color: #fff;
      padding: 80px 0;
      text-align: center;
    }

    .career-section h2 {
      font-weight: 700;
      margin-bottom: 15px;
    }

    .career-section p {
      max-width: 700px;
      margin: 0 auto 40px;
      color: rgba(255,255,255,0.85);
    }

    .feature-card {
      background: #fff;
      border-radius: 15px;
      padding: 35px 20px;
      text-align: center;
      color: #2c4fb5;
      box-shadow: 0 6px 20px rgba(0,0,0,0.1);
      height: 100%;
      transition: 0.3s;
    }

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

    .feature-icon {
      font-size: 40px;
      margin-bottom: 15px;
    }

    .feature-title {
      font-weight: 600;
      font-size: 18px;
	  color: #0a0146;
    }

    .highlight-number {
      font-size: 42px;
      font-weight: 700;
    }

    .btn-custom {
      background-color: #fe7e01;
      border: none;
      padding: 12px 28px;
      border-radius: 5px;
      color: #fff;
      font-weight: 500;
      transition: 0.3s;
      border: 1px solid transparent;
    }
    .btn-custom:hover{
      border-color: #fff;
      color: #000;
      background-color: #fff;
    }
    .btn-dark{
        background-color: #fe7e01;
        border: 1px solid #fe7e01;
        color: #fff;
        padding: 10px 25px;
    }
    .btn-custom:hover {
      opacity: 0.9;
    }
     .faq-section {
      padding: 80px 0;
      text-align: center;
    }

    .faq-section h2 {
      color: #2c4fb5;
      font-weight: 700;
    }

    .faq-section p {
      color: #666;
      margin-bottom: 40px;
    }
     .feature-card .learn-more{
      justify-content: center;
    }
    .accordion {
      max-width: 900px;
      margin: auto;
    }
    .thank-you{
            height: 50vh;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}     
   .thank-you h1{
       font-size: clamp(32px, 5vw, 52px);
           font-size: 52px;
    font-weight: 700;
} 
.thank-you p{
       color: #959595;
    font-size: 18px;
}
    .accordion-item {
      border: none;
      border-radius: 12px;
      margin-bottom: 10px;
      overflow: hidden;
      box-shadow: 0 4px 15px rgba(0,0,0,0.08);
    }

    .accordion-button {
      font-weight: 500;
      padding: 18px;
      background: #fff;
      color: #000;
    }

    .accordion-button:not(.collapsed) {
      background: #fff;
      color: #000;
      box-shadow: none;
    }

    .accordion-button:focus {
      box-shadow: none;
    }

    .accordion-body {
      text-align: left;
      color: #444;
      padding: 20px;
    }
    .btn-demo {
      background-color:  #fe7e01;
      color: #fff;
    }

    .btn-demo:hover {
      opacity: 0.9;
    }
    .demo-bg{
      background-color: #2f4db6;
      color: #fff;
      padding: 100px 20px;
      text-align: center;
    }
    .btn-outline-light-custom {
     border: 2px solid #000;
      color: #000;
      background: transparent;
      padding: 10px 20px;
    }

    .btn-outline-light-custom:hover {
      background: #fff;
      color: #2f4db6;
    }

    @media (max-width: 768px) {
      .hero-title {
        font-size: 2rem;
      }
    }
   
   .contact-detailsbox{
    display: flex;
    flex-direction: column;
    gap: 20px;
   }
/* ── CATEGORIES ─────────────────────────── */
   .categories-grid {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 25px;
  }
  .cat-card {
    padding: 2.5rem 2rem;
    background: #fff;
    border:none;
    position: relative;
    overflow: hidden;
    transition: border-color 0.3s;
  }
  .cat-card::before {
    content: '';
    position: absolute; top: 0; left: 0; right: 0;
    height: 2px;
    background: var(--gold);
    transform: scaleX(0); transform-origin: left;
    transition: transform 0.35s ease;
  }
  .cat-card:hover { border: none }
  .cat-card:hover::before { transform: scaleX(1); }
  .cat-icon {
    width: 48px; height: 48px;
    border: 0.5px solid #ddd;
    border-radius: 2px;
    display: flex; align-items: center; justify-content: center;
    margin-bottom: 1.5rem;
    font-size: 1.4rem;
  }
  .cat-card h3 {
    font-size: 1.4rem; font-weight: 700;
    color: #000; margin-bottom: 0.6rem;
  }
.entry-content p:empty,
.entry-content p:has(br:only-child) {
    display: none;
}
  .cat-card p { font-size: 0.9rem; color: #666; line-height: 1.6; margin-bottom: 1.4rem; }
  .cat-criteria { list-style: none; }
  .cat-criteria li {
    font-size: 0.82rem; color: #666;
    padding: 0.4rem 0;
    display: flex; align-items: flex-start; gap: 0.6rem;
  }
  .cat-criteria li::before { content: '✦'; color: #666; font-size: 0.6rem; margin-top: 0.35em; flex-shrink: 0; }

  /* ── HOW TO APPLY ───────────────────────── */
  #apply {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 5rem;
    align-items: start;
  }
  .step-num{
    font-size: 32px;
    font-weight: 700;
  }
  .apply-cta-box {
    background: #f2f2f2;
    padding: 2.5rem;
    border-radius: 2px;
    position: sticky; top: 6rem;
  }
  .apply-cta-box .deadline {
    font-size: 0.72rem; letter-spacing: 0.15em; text-transform: uppercase;
    color: var(--gold); margin-bottom: 0.8rem;
  }
  .form-widthsecond .form-group{
    margin-bottom: 20px;
  }
 .form-widthsecond  label{
        display: block;
    color: #111827;
    font-size: 16px;
    margin-bottom: 5px;
    font-weight: 600;
}
 .form-widthsecond  input,.form-widthsecond select{
      border: 1px solid #e9e9e9;
    width: 100%;
    height: 46px;
    color: #000;
    border-radius: .25rem;
    padding: 6px .75rem;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.25rem;
 }

  /* ── WINNERS / TESTIMONIALS ─────────────── */
  .winners-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 1.5rem;
  }
  .winner-card {
    background: #fff;
    border: 0.5px solid var(--border-soft);
    padding: 2rem;
    position: relative;
    overflow: hidden;
    transition: transform 0.25s, border-color 0.25s;
  }
  .winner-card:hover { transform: translateY(-4px); border-color: var(--border); }
  .winner-year {
    position: absolute; top: 1.5rem; right: 1.5rem;
    font-size: 0.7rem; font-weight: 600; letter-spacing: 0.15em;
    text-transform: uppercase; color: #1e1e1e;
    border: 0.5px solid #ddd;
    padding: 0.2rem 0.6rem; border-radius: 999px;
  }
  .winner-category {
    font-size: 0.72rem; font-weight: 600; letter-spacing: 0.15em;
    text-transform: uppercase; color: #fe7e01;
    margin-bottom: 0.5rem;
  }
  .winner-card h3 {
    font-size: 1.5rem; font-weight: 700; color: #000;
    margin-bottom: 0.2rem;
  }
  .winner-card .winner-sub { font-size: 0.82rem; color: #8a8080; margin-bottom: 1.2rem; }
  .winner-quote {
    font-size: 0.9rem; color: #000;font-size: 1.05rem; line-height: 1.5;}
  .winner-avatar {
    width: 42px; height: 42px; border-radius: 50%;
    background: #000;
    border: 1px solid var(--border);
    display: flex; align-items: center; justify-content: center;
    font-weight: 600; font-size: 0.9rem; color: #fff;
    margin-top: 1.5rem; margin-bottom: 0.3rem;
  }
  .winner-name-small { font-size: 0.82rem; color: #656565; font-weight: 500; }
  .winner-role-small { font-size: 0.75rem; color: var(--cream-dim); }

  /* ── JUDGES ─────────────────────────────── */
  #judges .judges-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 25px;
  }
  .judge-card {
    background: #f2f2f2;
    padding: 2rem 1.5rem;
    text-align: center;
    transition: transform 0.25s, border-color 0.25s;
  }
  .judge-card:hover { transform: translateY(-4px); border-color: var(--border); }
  .judge-avatar {
    width: 72px; height: 72px; border-radius: 50%;
    background: #0c0c0c;
    border: 1.5px solid var(--border);
    margin: 0 auto 1.2rem;
    display: flex; align-items: center; justify-content: center;
    font-size: 1.6rem; font-weight: 700;
    color: #fff;
  }
  .judge-card h4 { font-weight: 600; font-size: 1rem; color: #000; margin-bottom: 0.25rem; }
  .judge-card .judge-role { font-size: 0.8rem; color: #fe7e01; margin-bottom: 0.4rem; }
  .judge-card .judge-org { font-size: 0.78rem; color: #686868; }
   .detail-label{
      color: #000000;
      font-size: 17px;
      font-weight: 600;
   }
   .detail-val{
       color: #979797;
      font-size: 18px;
      font-weight: 400;
   }
  /* SERVICES */
  .svc-grid{display:grid;grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));gap:25px;background:var(--border)}
  .svc-card{background:#fff;padding:3rem 2.5rem;position:relative;overflow:hidden;transition:background .3s}
  .svc-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .4s ease}
  .svc-card:hover{background:var(--bg3)}
  .svc-card:hover::after{transform:scaleX(1)}
  .svc-num{font-family:var(--ff-h);font-size:5rem;font-weight:800;color:rgba(255,77,0,.06);position:absolute;top:1rem;right:1.5rem;line-height:1;pointer-events:none;transition:color .3s}
  .svc-card:hover .svc-num{color:rgba(255,77,0,.1)}
  .svc-icon{font-size:2rem;margin-bottom:1.8rem;display:block}
  .svc-card h3{font-family:var(--ff-h);font-size:1.5rem;font-weight:800;color:var(--white);margin-bottom:.8rem}
  .svc-card p{font-size:.9rem;color:var(--gray);line-height:1.7;margin-bottom:1.8rem}
  .svc-tags{display:flex;flex-wrap:wrap;gap:.5rem}
  .tag{font-size:.72rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase;padding:.3rem .8rem;border:.5px solid #ddd;border-radius:999px;color:#999}
  .svc-card:hover .tag{border-color:rgba(255,77,0,.25);color:var(--accent2)}

  .process-steps{display:grid;grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));gap:25px;position:relative}

  .pstep{text-align:center;padding:2rem 1.5rem;position:relative}
  .pstep-circle{width:72px;height:72px;border-radius:50%;background:#d2d2d2;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;font-size:1.4rem;font-weight:800;color:var(--accent);transition:border-color .3s,background .3s}
  .pstep h4{font-family:var(--ff-h);font-size:1.05rem;font-weight:700;color:var(--white);margin-bottom:.5rem}
  .pstep p{font-size:.85rem;color:var(--gray);line-height:1.6}

  /* PORTFOLIO */
  #portfolio{background:var(--bg2)}
  .port-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:auto;gap:1px;background:var(--border)}
  .port-item{position:relative;overflow:hidden;aspect-ratio:4/3;background:var(--bg3);cursor:pointer}
  .port-item.large{grid-column:span 2}
  .port-bg{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:3rem;transition:transform .5s ease}
  .port-item:hover .port-bg{transform:scale(1.08)}
  .port-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(8,8,8,.9) 0%,transparent 60%);opacity:0;transition:opacity .3s;display:flex;flex-direction:column;justify-content:flex-end;padding:2rem}
  .port-item:hover .port-overlay{opacity:1}
  .port-cat{font-size:.68rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--accent);margin-bottom:.3rem}
  .port-title{font-family:var(--ff-h);font-size:1.1rem;font-weight:700;color:var(--white)}
.wpforms-form button[type=submit] {width: 100%;
    border: none;
    background-color: #fe7e00 !important;
    color: #fff;
    border-radius: 4px;
    padding: 10px 0;
    font-size: 17px;
    font-weight: 700;}
.wpforms-container {margin:0 auto !important;}
.form-card .wpforms-container{width:100%}



   .popup{
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    inset: 0;
    z-index: 9999;

    display: flex;
    align-items: center;
    justify-content: center;
    display : none; 
    opacity: 0;
    visibility: hidden;
    transform: translateY(-100px);
    transition: all 0.5s ease;
}

.popup.show{
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
	display: flex;
}

.formpopup{
    max-width: 800px;
    width: 100%;
    background-color: #fff;
    border-radius: 5px;
    position: relative;
    padding: 26px;
}

.formpopup .close{
    position: absolute;
    right: 7px;
    top: 8px;
    z-index: 2;
}

.formpopup .close svg{
    width: 20px;
    height: 20px;
}
.conact-inner{
    margin-top:70px;
}
.contact-form{
background-color: #fafafa;
    border-radius: 10px;
    padding: 26px;}
   @media (max-width: 979px) {
    .pricing-wrapper{flex-direction: column}
    .pricing-card{flex: 1 1 100%;width: 100%;}
    .cards-wrapper{margin: clamp(0px, 2vw, 20px)}
    .pricing-wrapper{margin: clamp(20px, 5vw, 0px)}
       .navbar-nav{background-color: #f5f5f5; margin-bottom: 15px; align-items: start;}
    .btn-audit{margin-left:0 !important}
    .categories-grid,#apply{grid-template-columns: repeat(2, 1fr) important}
         .course-card{height: auto;margin-bottom:20px;}
		 .btn-audit,.contact-detailsbox{margin-bottom: 20px;}	
   }
   @media (max-width: 767px) {
      .categories-grid,#apply{grid-template-columns: repeat(1, 1fr) !important}
	  
   }