.heading-menu .menuhead{
display:block;
}
.banner h1 {
    font: 50px / 1.1 Zoho_Puvi_ExtraBold !important;
}
.gen-ai .col {width: 50%;}
.slick-dots li {
    background: #c7d0df;
    border: 1px solid #c7d0df;
}
.heading-menu{display:none}
.box h4 {
    font: 26px / 1.3 "Zoho_Puvi_Bold";
}
.internal-links {
    text-decoration: none !important;
    color: #3670e5;
}
.sdp-multisite{width: 85%;
    margin: 0 auto;}

.sdp-card-parent{
		display: flex;
		  align-items: center;
		  justify-content: center;
		  padding: 40px 24px;
	  }
    .cards-wrapper {
      display: flex;
      gap: 24px;
      flex-wrap: wrap;
      justify-content: center;
    }

    .card {
      background: #ffffff;
      border-radius: 16px;
      padding: 36px 40px;
      width: 380px;
      box-shadow: 0 2px 12px rgba(0,0,0,0.06);
      cursor: pointer;
      display: flex;
      flex-direction: column;
      min-height: 300px;
    }
  a.card:hover{text-decoration: none;}
    .card-content { flex: 1; text-align:left;}

    /* ── Roles icon ── */
    .roles-icon-wrapper {
      margin-bottom: 20px;
      width: 75px;
      height: 70px;
      position: relative;
    }
    .roles-icon-wrapper svg { position: absolute; top: 0; left: 0; }
    .svg-lines { z-index: 0; }
    .person-red, .person-yellow, .person-green {
      position: absolute; top: 0; left: 0;
      width: 75px; height: 70px;
      transition: transform 0.6s cubic-bezier(0.4,0,0.2,1);
      z-index: 1;
    }
    .card:hover .person-red    { transform: translate(23px, 41px); }
    .card:hover .person-yellow { transform: translate(-45px, 0px); }
    .card:hover .person-green  { transform: translate(22px, -41px); }

    /* ── Template builder icon ── */
    .tb-icon-wrapper { margin-bottom: 20px; width: 68px; height: 70px; }
    .tb-green-header { transition: width 0.4s cubic-bezier(0.4,0,0.2,1); }
    .card:hover .tb-green-header { width: 33.141px; }
    .tb-white-line-header { transition: width 0.4s cubic-bezier(0.4,0,0.2,1); }
    .card:hover .tb-white-line-header { width: 24.7996px; }

    /* ── Scheduler icon ── */
    .scheduler-icon-wrapper { margin-bottom: 20px; width: 72px; height: 70px; }
    .clock-minute-hand {
      transform-origin: 52.6029px 50.5271px;
      transition: transform 0.7s cubic-bezier(0.4,0,0.2,1);
    }
    .clock-hour-hand {
      transform-origin: 52.6029px 50.5271px;
      transition: transform 0.7s cubic-bezier(0.4,0,0.2,1);
    }
    .card:hover .clock-minute-hand { transform: rotate(60deg); }
    .card:hover .clock-hour-hand   { transform: rotate(5deg); }

    /* ── Custom actions icon ── */
    .ca-icon-wrapper { margin-bottom: 20px; width: 78px; height: 70px; }

    /* Small boxes slide 15px right on hover */
    .box1, .box2, .box3 {
      transform-box: fill-box;
      transform-origin: left center;
      transition: transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
    }
    .card:hover .box1 { transform: translateX(15px); }
    .card:hover .box2 { transform: translateX(15px); }
    .card:hover .box3 { transform: translateX(15px); }

    /* Gear — rotate 36deg once with easeInOut on hover */
    .gear-group {
      transform-box: fill-box;
      transform-origin: center center;
    }
    .gear-group.spinning {
      animation: gear-rotate 0.6s cubic-bezier(0.4, 0, 0.2, 1) 1 forwards;
    }
    @keyframes gear-rotate {
      0%   { transform: rotate(0deg); }
      40%  { transform: rotate(42deg); }
      100% { transform: rotate(36deg); }
    }

    h2 { font-size: 24px; font-weight: 700; color: #111; margin-bottom: 16px; }
    p  { font-size: 17px; line-height: 1.55; margin-bottom: 28px; }

    .arrow {
      margin-top: auto;
      font-size: 22px;
      color: #111;
      display: inline-block;
      transition: transform 0.2s ease;
    }
    .card:hover .arrow { transform: translateX(4px); }
.card-content h4{font: 23px / 1.4 'Zoho_Puvi_Bold';color: #000000;}
.feature .card-content p{
   margin-bottom:20px;
}
a.internal-links {
    text-decoration: none !important;
    color: #3670e5;
}