/* Breakthrough */
.breakthrough,
.more-than-hr-sw {
  background-color: #ffe9de;
  background-image: url(/wp-content/uploads/2025/09/sme-bnrMask.png);
}

.h1-tag-line {
  margin: 0 !important;
}

.breakthrough h1 {
  font-size: 40px !important;
  line-height: 52px !important;
}

.breakthrough-content {
  padding-left: 7vw !important;
  display: flex;
  align-items: center;
}

.breakthrough-content .title-payroll {
  width: 80%;
  margin-top: 30px;
}

.breakthrough .subtext {
  font-weight: 400;
  margin-block: 28px 20px;
  margin-inline: 0;
}

.wavy-border {
  position: relative;
}

.wavy-border::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 16px;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="125.438" height="22.603" viewBox="0 0 125.438 22.603"><path data-name="Path 120080" d="M.086 15.806a2.467 2.467 0 0 1 .43-1.732A15.789 15.789 0 0 1 1.58 12.39a13.558 13.558 0 0 1 7.548-4.993c4.619-1.202 8.895 1.592 12.828 3.638a9.116 9.116 0 0 0 6.514 1.363c4.583-1.073 8.416-4.04 12.644-5.978 4.401-2.288 8.76-.894 12.76 1.49 2.14 1.192 4.163 2.728 6.616 3.225 3.104.594 5.763-1.4 8.77-3.378 2.745-1.804 5.781-3.595 9.71-3.383a15.932 15.932 0 0 1 8.035 2.49c1.83 1.054 3.384 2.58 5.35 3.391a3.962 3.962 0 0 0 3.431-.3c2.232-1.163 4.226-2.778 6.6-3.66 5.254-1.972 10.193.28 14.524 3.265q2.702 1.72 5.53 3.232c.488.243.977.468 1.486.672a1.79 1.79 0 0 1-1.223 3.357c-1.036-.377-2.084-.746-3.084-1.214-2.904-1.364-5.54-3.21-8.33-4.772a9.845 9.845 0 0 0-6.49-1.295c-3.72.8-6.104 4.114-9.785 4.906-3.472.679-5.942-1.101-8.603-2.89-2.172-1.46-4.472-2.927-7.55-3.071-4.411-.36-7.79 2.974-11.415 4.944-4.34 2.543-8.758 2.026-12.995-.448-2.639-1.39-5.142-3.364-8.18-3.742a6.8 6.8 0 0 0-3.533.79c-2.172 1.072-4.235 2.342-6.37 3.485-3.54 1.956-7.53 3.79-11.675 3.046-4.614-.864-7.998-4.674-12.504-5.844-2.42-.547-4.866.497-6.915 1.718a32.235 32.235 0 0 0-3.66 2.876 6.245 6.245 0 0 1-.852.733.534.534 0 0 1-.263.055.463.463 0 0 1-.413-.29z"/></svg>')
    no-repeat #ffe9de;
  bottom: -2px;
  left: 0;
}


.breakthrough-content {
  padding-bottom: 20px;
}

/* Award banner */
/* .award-banner-inner-container {
  border-radius: 10px;
  background: url("https://www.opportunehr.com/wp-content/uploads/2025/09/mbance-mask-bg.png")
    no-repeat center center;
  overflow: hidden;
} */
.award-banner .home-container .award-banner-inner-container > .row {
  background: linear-gradient(to right, #c6500f 8%, #ff9a64 48%, #d56505 97%);
  mix-blend-mode: multiply;
  border-radius: 10px;
  padding: 20px 30px;
}

.left-award-text,
.right-award-text {
  gap: 10px;
}

:is(.left-award, .right-award) img {
  max-width: 121px;
}

.award-middle-text {
  color: #ffffff;
  opacity: 0.5;
  text-transform: capitalize;
}

/* Budgets */
.sme-budgets {
  background: url(https://www.opportunehr.com/wp-content/uploads/2025/09/bg_pink.png)
      no-repeat,
    url(https://www.opportunehr.com/wp-content/uploads/2025/09/bg_pink_right.png)
      no-repeat scroll 0 0;
  background-position: left bottom 80%, right bottom 80%;
  background-size: 8%;
}

.sme-budgets h2 {
  margin-bottom: 20px;
}

.orange-feather {
  position: absolute;
  top: -30px;
  right: -5px;
}

/* .sme-budgets h2:after{
    position: absolute;
    content: '';
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32.01" height="47.969" viewBox="0 0 32.01 47.969"><g data-name="Group 71959"><path data-name="Path 120077" d="M799.365 1197.339c-1.616-.549 1.044-5.042 1.416-6.178 2.73-5.789 5.222-11.711 8.337-17.306a3.518 3.518 0 0 1 6.253.171 3.417 3.417 0 0 1 .1 2.72c-.861 1.911-1.873 3.751-2.876 5.592-1.906 3.613-8.536 16.036-13.23 15.001z" transform="translate(-798.849 -1172.033)" style="fill:%23f58345"/><path data-name="Path 120078" d="M826.221 1228.915c-1.346-1.673 9.616-10.536 11.2-12.136 1.38-1.221 2.741-2.467 4.148-3.655 1.545-1.407 3.51-2.526 5.346-.866 3.122 3.3-1.885 6.49-4.194 8.463-3.968 3-8 6.158-12.731 7.852a10.1 10.1 0 0 1-2.935.611 1.108 1.108 0 0 1-.834-.269z" transform="translate(-815.901 -1196.678)" style="fill:%23f58345"/><path data-name="Path 120079" d="M840.83 1290.425c-1.764-.172-6.455-.853-7.058-2.742-.053-.131.014-.353.177-.338 3.576-2.219 11.115-2.707 15.342-2.539a2.675 2.675 0 0 1 2.048 4.469 3.381 3.381 0 0 1-2.532.907 40.534 40.534 0 0 1-7.977.243z" transform="translate(-820.684 -1242.56)" style="fill:%23f58345"/></g></svg>');
    width: 35px;
    height: 50px;
    top: -30px;
    left: 97%;
    background-repeat: no-repeat;
} */

.budgets-wrapper .boxed-container {
  margin-block: 50px;
}

.budgets-wrapper .boxed-container:nth-child(even) .row {
  flex-direction: row-reverse;
}

.budgets-wrapper img {
  /* border-radius: 31px; */
  max-width: 479px;
  width: 100%;
}

.budget-content > a{
  -webkit-transition: 0.3s all ease;
  -o-transition: 0.3s all ease;
  transition: 0.3s all ease;
  cursor: pointer;
}

.budget-content > a:hover{
  color: #f07c00 !important;
}

.budget-content-list-item {
  padding-left: 33px;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="checked" width="40.784" height="40.784" viewBox="0 0 40.784 40.784"><g id="Group_16391" data-name="Group 16391" transform="translate(9.684 5.124)"><g id="Group_16390" data-name="Group 16390"><path id="Path_11990" data-name="Path 11990" d="M151.5,64.779a1.537,1.537,0,0,0-2.173,0l-18.44,18.391-6.653-7.226a1.537,1.537,0,1,0-2.262,2.082l7.737,8.4a1.535,1.535,0,0,0,1.1.5h.033a1.539,1.539,0,0,0,1.085-.448L151.5,66.953A1.537,1.537,0,0,0,151.5,64.779Z" transform="translate(-121.568 -64.327)" fill="%23ff5f00"/></g></g><g id="Group_16393" data-name="Group 16393" transform="translate(0 0)"><g id="Group_16392" data-name="Group 16392"><path id="Path_11991" data-name="Path 11991" d="M39.247,18.855a1.537,1.537,0,0,0-1.537,1.537A17.318,17.318,0,1,1,20.392,3.074a1.537,1.537,0,1,0,0-3.074A20.392,20.392,0,1,0,40.784,20.392,1.537,1.537,0,0,0,39.247,18.855Z" transform="translate(0 0)" fill="%23ff5f00"/></g></g></svg>')
    no-repeat;
  background-size: 20px;
  margin-block: 5px;
}

/* Featured cards */
.featured-cards .boxed-container > .row {
  border-radius: 20px;
  background-color: #f58345;
}

.featured-cards .boxed-container > .row:after {
  position: absolute;
  content: "";
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="68" height="79" viewBox="0 0 68 79" fill="none"><mask id="mask0_637_560" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="69" height="79"><path d="M66.314 0H1.90534C0.973321 0 0.217773 1.27072 0.217773 2.83824V75.2134C0.217773 76.781 0.973321 78.0517 1.90534 78.0517H66.314C67.246 78.0517 68.0015 76.781 68.0015 75.2134V2.83824C68.0015 1.27072 67.246 0 66.314 0Z" fill="white"/></mask><g mask="url(%23mask0_637_560)"><path opacity="0.2" d="M61.2604 66.4495C85.8811 66.4495 105.84 46.4326 105.84 21.7404C105.84 -2.95179 85.8811 -22.9688 61.2604 -22.9688C36.6397 -22.9688 16.6807 -2.95179 16.6807 21.7404C16.6807 46.4326 36.6397 66.4495 61.2604 66.4495Z" fill="white"/><path opacity="0.2" d="M61.2597 52.1151C77.9867 52.1151 91.5467 38.5157 91.5467 21.7401C91.5467 4.96454 77.9867 -8.63477 61.2597 -8.63477C44.5326 -8.63477 30.9727 4.96454 30.9727 21.7401C30.9727 38.5157 44.5326 52.1151 61.2597 52.1151Z" fill="white"/></g></svg>');
  width: 150px;
  height: 150px;
  top: 0;
  right: 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.featured-cards .boxed-container .row:nth-child(even) {
  margin-top: 40px;
  /* margin-left: -30px; */
  flex-direction: row-reverse;
}

.featured-cards .boxed-container .row:nth-child(even):after {
  right: auto;
  left: -40px;
  rotate: 270deg;
}

.featured-img-left {
  position: absolute;
  left: -30px;
  bottom: 0;
}

.featured-cards .boxed-container .row:nth-child(even) .featured-img-left {
  left: auto;
  right: -22px;
}

.featured-tag {
  position: absolute;
  background-color: #006172;
  border-radius: 0 5px 5px 0;
  padding: 4px 16px;
  color: #fff;
  left: -16px;
  top: 20px;
  text-transform: uppercase;
  font-weight: 500;
}

.featured-tag:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 16px solid #006172;
  left: 0px;
  bottom: -10px;
  transform: rotateX(41deg);
}

.featured-cards
  .boxed-container
  .row:nth-child(even)
  .featured-img-left
  .featured-tag {
  left: auto;
  right: -16px;
}

.featured-cards
  .boxed-container
  .row:nth-child(even)
  .featured-img-left
  .featured-tag:after {
  border-right: 0;
  border-left: 16px solid #006172;
  bottom: -8px;
  left: auto;
  right: 0;
}

.featured-img-left img {
  width: 100%;
  /* max-width: 339px; */
}

.featured-right-content {
  padding-block: 40px;
}

.featured-cards .budget-content-list-item {
  padding-left: 33px;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="checked" width="40.784" height="40.784" viewBox="0 0 40.784 40.784"><g id="Group_16391" data-name="Group 16391" transform="translate(9.684 5.124)"><g id="Group_16390" data-name="Group 16390"><path id="Path_11990" data-name="Path 11990" d="M151.5,64.779a1.537,1.537,0,0,0-2.173,0l-18.44,18.391-6.653-7.226a1.537,1.537,0,1,0-2.262,2.082l7.737,8.4a1.535,1.535,0,0,0,1.1.5h.033a1.539,1.539,0,0,0,1.085-.448L151.5,66.953A1.537,1.537,0,0,0,151.5,64.779Z" transform="translate(-121.568 -64.327)" fill="white"/></g></g><g id="Group_16393" data-name="Group 16393" transform="translate(0 0)"><g id="Group_16392" data-name="Group 16392"><path id="Path_11991" data-name="Path 11991" d="M39.247,18.855a1.537,1.537,0,0,0-1.537,1.537A17.318,17.318,0,1,1,20.392,3.074a1.537,1.537,0,1,0,0-3.074A20.392,20.392,0,1,0,40.784,20.392,1.537,1.537,0,0,0,39.247,18.855Z" transform="translate(0 0)" fill="white"/></g></g></svg>')
    no-repeat;
  background-size: 20px;
  margin: 0;
  margin-bottom: 7px;
}

/* Decision making */
.decision-making {
  background-image: url(https://www.opportunehr.com/wp-content/uploads/2025/09/curve-green-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top;
}

.desicion-making-tab-wrapper {
  margin-top: 36px;
}

.desicion-making-tabs .nav-link {
  color: white !important;
  margin-top: 20px;
  padding: 10px;
  text-align: left;
  border-bottom: 1px solid #88807a;
  border-radius: 0 !important;
}

.desicion-making-tabs .nav-link.active {
  border-radius: 12px !important;
  background-color: #f58345 !important;
}

.desicion-making-tabs .nav-link:hover {
  color: white;
}

.desicion-making-tabs .nav-link h5 {
  margin: 0;
  /* line-height: 50px !important; */
}

.much-more-container {
  margin-top: 100px;
  padding-top: 70px !important;
  border-top: 1px solid #fffafa59;
}

.much-more-container h2 {
  margin-bottom: 40px;
}

.much-more-specs-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 15px;
}

.much-more-specs-btn {
  margin-top: 20px;
}

.much-more-specs-item {
  align-items: center;
  gap: 20px;
}

.much-more-specs-item-icon {
  background-color: #084c58;
  border-radius: 50%;
  padding: 20px 20px;
  flex-shrink: 0;
}

.much-more-specs-item-icon img {
  width: 30px;
  height: 30px;
  object-fit: cover;
}

/* No brainer */
.no-brainer {
  background: url(https://www.opportunehr.com/wp-content/uploads/2025/09/brainer-left-element.png)
      no-repeat,
    url(https://www.opportunehr.com/wp-content/uploads/2025/09/brainer-right-element.png)
      no-repeat scroll 0 0;
  background-position: left bottom 34%, right bottom 100%;
  background-size: 16%;
}

:is(.cloud-data, .desktop-data) p {
  text-align: center;
  color: #000;
  line-height: 20px;
  margin: 0;
}

ul.sme-inner-pointer li {
  display: block;
  color: #000;
  border: none !important;
  padding: 0 !important;
  min-height: auto !important;
}

/* Wise questions */
.wise-questions-wrapper {
  margin-top: 26px;
}

:is(.wise-questions, .more-than-hr-sw, .best-for-you) h2 svg path {
  fill: #006172 !important;
}

.wq-item-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  border: 2px dotted #ff7712;
  margin-inline: auto;
}

.wise-questions {
  background: url(https://www.opportunehr.com/wp-content/uploads/2025/09/sme-mask-bg.png)
    no-repeat scroll 0 0 #ffe9de;
  background-position: 0 40%;
}

.wise-questions-card {
  background-color: white;
  border-radius: 20px;
  padding: 20px;
}

.wise-questions-item {
  margin-bottom: 50px;
}

.wise-questions-item h6 {
  color: #f58345;
  margin-block: 10px 8px;
}

/* Business growth */
.business-growth {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="653.668" height="653.668" viewBox="0 0 653.668 653.668"><g style="opacity:.04"><path data-name="Path 120262" d="M151 114.9h57.451v384.288h153.2V114.9h57.451L285.053 0z" transform="translate(41.781)" style="fill:%239b4d22"/><path data-name="Path 120263" d="M441.752 295.9h38.3L384.3 181.015 346 226.97V449.1h95.752z" transform="translate(95.737 50.086)" style="fill:%239b4d22"/><path data-name="Path 120264" d="M195.053 449.1V226.97l-38.3-45.955L61 295.9h38.3v153.2z" transform="translate(16.878 50.086)" style="fill:%239b4d22"/><path data-name="Path 120265" d="m347.774 421 57.442 116.179h152.225L460.421 421z" transform="translate(96.227 116.489)" style="fill:%239b4d22"/><path data-name="Path 120266" d="m210.227 421-57.449 116.179h263.566L358.9 421z" transform="translate(42.273 116.489)" style="fill:%239b4d22"/><path data-name="Path 120267" d="M209.673 421H97.02L0 537.179h152.227z" transform="translate(0 116.489)" style="fill:%239b4d22"/></g></svg>')
      no-repeat,
    url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="653.668" height="653.668" viewBox="0 0 653.668 653.668"><g style="opacity:.04"><path data-name="Path 120262" d="M151 114.9h57.451v384.288h153.2V114.9h57.451L285.053 0z" transform="translate(41.781)" style="fill:%239b4d22"/><path data-name="Path 120263" d="M441.752 295.9h38.3L384.3 181.015 346 226.97V449.1h95.752z" transform="translate(95.737 50.086)" style="fill:%239b4d22"/><path data-name="Path 120264" d="M195.053 449.1V226.97l-38.3-45.955L61 295.9h38.3v153.2z" transform="translate(16.878 50.086)" style="fill:%239b4d22"/><path data-name="Path 120265" d="m347.774 421 57.442 116.179h152.225L460.421 421z" transform="translate(96.227 116.489)" style="fill:%239b4d22"/><path data-name="Path 120266" d="m210.227 421-57.449 116.179h263.566L358.9 421z" transform="translate(42.273 116.489)" style="fill:%239b4d22"/><path data-name="Path 120267" d="M209.673 421H97.02L0 537.179h152.227z" transform="translate(0 116.489)" style="fill:%239b4d22"/></g></svg>')
      no-repeat scroll 0 0;
  background-position: left 5% bottom 0, right 5% bottom 0%;
  background-size: 30%;
}

.business-growth-steps .budget-content-list-item {
  background-position-y: 7px;
}

.automate-cta-wrapper {
  border-radius: 12px;
  box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.16);
  background-color: #006172;
  padding: 40px 16px;
}

.automate-cta-title .orange-feather {
  top: -25px;
  right: -35px;
}

/* More than HR Software */
.hr-sw-specs-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.specs-icon-box-item {
  padding-block: 40px;
}

.specs-icon-box-item-icon {
  background-color: #f58345;
  border-radius: 50%;
  padding: 30px 30px;
  display: inline-block;
}

.specs-icon-box-item h6 {
  margin-top: 20px;
}

.specs-platform {
  background-color: white;
  border-radius: 50%;
  border: 1px solid #f58345;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 56px 30px;
  width: fit-content;
  margin-inline: auto;
  grid-column: span 2;
  position: relative;
}

.specs-platform-img img {
  width: 60%;
  border-bottom: 1px solid #000;
}

.inner-content-sme-hr h6 {
  color: #f58345;
  margin: 10px 0 5px 0;
}

.specs-platform p {
  font-size: 12px;
  font-weight: 600;
  text-align: center;
  color: #6a6a6a;
  margin: 0;
  line-height: 20px;
  text-transform: uppercase;
}

.hr-sw-commn-txt {
  margin-block: 60px 20px;
  line-height: 34px !important;
}

/* Add on */
.add-on-icon-box {
  border-radius: 8px;
  border: 1px solid #f58345;
  padding: 30px 50px;
  margin-bottom: 90px;
  height: 170px;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}

.add-on-icon-box-icon {
  position: absolute;
  top: -50px;
  border: 1px solid #f58345;
  background-color: #fff0e8;
  border-radius: 50%;
  padding: 20px 20px;
}

.add-on-icon-box-icon svg {
  width: 60px;
  height: 60px;
}

/* Best for you */
.best-for-you {
  background: url("https://www.opportunehr.com/wp-content/uploads/2025/09/bg_pink.png")
      no-repeat,
    url("https://www.opportunehr.com/wp-content/uploads/2025/09/bg_pink_right.png")
      no-repeat scroll 0 0;
  background-position: left bottom 45%, right bottom 45%;
  padding: 100px 0;
  background-color: #ffe9de !important;
  width: 100%;
  position: relative;
}

.best-for-you h2 {
  color: #ff7712;
}

.best-for-you-card-item-wrapper{
  margin-block: 30px;
}

.best-for-you-card-item {
  border-radius: 12px;
  align-content: center;
  box-shadow: 0 10px 12px 0 rgba(0, 0, 0, 0.07);
  background: #fff;
  padding: 30px 40px;
  margin: 30px 0 30px 0;
}

.best-for-you-card-item h6 {
  color: black;
  text-transform: capitalize;
}

.best-for-you-card-item.customer-retention h6 {
  font-size: 52px !important;
}

/* Inner header */
.inner-header,
.advisory-board {
  background: url("https://www.opportunehr.com/wp-content/uploads/2025/09/bg_pink.png")
      no-repeat,
    url("https://www.opportunehr.com/wp-content/uploads/2025/09/bg_pink_right.png")
      no-repeat scroll 0 0;
}
.inner-header {
  clip-path: ellipse(120% 81% at 50% 0);
  background-position: left bottom 57%, right bottom 57% !important;
  padding: 9rem 0 !important;
  background-size: 95px;
  display: flex;
  align-items: center;
  background-color: #ffe9de !important;
  width: 100%;
  justify-content: center;
}

.inner-header h1 {
  text-transform: capitalize !important;
  margin: 0 0 50px 0;
}

/* Alter text image */
.alter-text-image h3 {
  text-transform: capitalize;
}

.alter-text-image .home-container > .row:nth-child(even) {
  flex-direction: row-reverse;
}

/* Our approach */
.our-approach {
  background: url("https://www.opportunehr.com/wp-content/uploads/2025/09/inner_orange_bg.png")
    no-repeat;
  width: 100%;
  background-size: 100%;
  background-position: 0 0;
  position: relative;
  padding: 50px 0 0 0;
  background-size: auto;
}

.our-approach-card {
  background: #fff;
  /* padding-block: 20px; */
  /* margin: 70px 60px 0 0 !important; */
  overflow: hidden;
  /* width: 45%; */
  border-radius: 12px;
  box-shadow: 0 24px 26px 0 rgb(0 0 0 / 16%);
  padding: 40px 22px;
  margin: 30px 30px 0 0;
  /* top: -50px; */
  display: flex;
  align-items: center;
  gap: 15px;
  /* position: relative; */
  /* float: left; */
  /* min-height: 140px; */
}

.half_circle_pink {
  width: 100px;
  height: 100px;
  background: #fde7d6;
  position: absolute;
  right: -40px;
  border-radius: 50px;
  top: -21px;
}

.half_circle_pink1 {
  width: 120px;
  height: 120px;
  background: #fef2e9;
  position: absolute;
  right: -37px;
  border-radius: 100px;
  top: -24px;
  z-index: 1;
  opacity: 0.8;
}

/* Leadership team */
.leadership-team-card:hover .team-member-meta-container {
  transform: translateY(-10px);
}

.team-member-meta-container {
  transition: all 0.8s cubic-bezier(0.2, 0.8, 0.2, 1) 0s;
}

.team-member-meta-container,
.team-member-description {
  margin-top: 20px;
}

.team-member-designation,
.team-member-description {
  color: #5a5a5a;
}

/* Advisory board */
.advisory-board {
  background-position: left bottom 45%, right bottom 45%;
}

/* HR Solutions */
.hr-solutions-inner-heading {
  background: #ff6d00;
  /* width: 40%; */
  margin: 20px auto 30px auto;
  color: #fff;
  padding: 6px 0;
}

.hr-solution-card {
  box-shadow: 2px 6px 22px 2px #b3b3b35c;
  border-radius: 9px;
  padding: 20px 20px;
}

.hr-solutions-card-header {
  /* margin-bottom: 20px; */
  display: grid;
}

.hr-solutions-card-header img {
  max-width: 337px;
  width: 100%;
  max-height: 86px;
  height: 100%;
  margin-bottom: 1.5rem;
  object-fit: contain;
}

.h-card-text {
  color: #000;
}

/* Why OpportuneHR CTA */
.why-opportune-hr-cta-wrapper {
  display: flex;
  flex-wrap: wrap;
  border-radius: 12px;
  box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.16);
  background-color: #006172;
  padding: 40px 50px;
  justify-content: space-between;
  align-items: center;
}

/* .why-opportune-hr-cta-title{
  font-size: 28px !important;
} */

.why-opportune-hr-cta-description {
  font-size: 16px;
}

/* FAQs */
/* Choose Category */
.faq-tabs {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow-x: auto;
  padding-bottom: 15px;
}

.faq-tabs li {
  display: inline-block;
  margin-right: 50px;
}

.faq-tabs li a {
  padding: 11px 0;
  border-radius: 6px;
  border: solid 1px #d6d6d6;
  width: 274px;
  display: inline-block;
  background-color: #fff;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.29;
  letter-spacing: normal;
  text-align: center;
  color: #000;
}

.faq-tabs li a:is(:hover, .mPS2id-clicked) {
  background: linear-gradient(to right, #ff6d00, #ffa765);
  color: #fff;
}

/* HRMS Software */
:is(.hrms-sw-sec, .payroll-sw-sec, .time-attendance-sec) .card {
  border: 0;
}

:is(.hrms-sw-sec, .payroll-sw-sec, .time-attendance-sec) .card-header {
  margin: 15px 0px;
  border-radius: 6px !important;
  display: flex;
  align-items: flex-start;
  /* justify-content: space-between; */
  background-color: #fff;
  border-bottom: 1px solid #dbdbdb;
  margin-bottom: 0 !important;
  padding: 15px 0;
  cursor: pointer;
}

:is(.hrms-sw-sec, .payroll-sw-sec, .time-attendance-sec) .card-title {
  color: black !important;
  font-size: 18px;
  font-weight: 500;
  padding: 0 40px;
  position: relative;
}

:is(.hrms-sw-sec, .payroll-sw-sec, .time-attendance-sec)
  .card-header[aria-expanded="true"]
  .card-title {
  color: #fd6e21 !important;
}

:is(.hrms-sw-sec, .payroll-sw-sec, .time-attendance-sec) .card-title .faq-help {
  position: absolute;
  left: 0;
  top: 1px;
}

:is(.hrms-sw-sec, .payroll-sw-sec, .time-attendance-sec)
  .card-title
  :is(.faq-ans, .active-faq-img) {
  position: absolute;
  right: 5px;
  top: 3px;
}

/* .hrms-sw-sec .card-header.collapsed .faq-ans{
  display: block;
} */

:is(.hrms-sw-sec, .payroll-sw-sec, .time-attendance-sec)
  .card-header.collapsed
  .active-faq-img {
  display: none;
}

:is(.hrms-sw-sec, .payroll-sw-sec, .time-attendance-sec) .card-body {
  padding: 20px 15px 20px 45px;
}

/* Privacy Policy */
.legal-information-container :is(h5, ul li:has(> h6)) {
  color: #ff7006;
}

.legal-information-container ul li:not(:has(> h6)) {
  color: black;
}

.legal-information-container h5 {
  text-transform: uppercase;
  font-weight: 600;
  margin-top: 34px;
}

.legal-information-container h6 {
  font-size: 16px !important;
  text-transform: uppercase;
  font-weight: 300;
  margin-top: 30px;
}

.legal-information-container ul {
  padding-left: 20px !important;
}

/* SME Testimonials */
.sme-testimonials-logo-wrapper {
  gap: 50px;
}

.sme-testimonials-logo-wrapper img {
  object-fit: contain;
}

.sme-testimonials-swiper {
  width: 100%;
  height: 100%;
}

.sme-testimonials-swiper .swiper-slide {
  display: flex;
  color: black;
  height: auto;
  justify-content: center;
}

.testimonial-card {
  padding: 25px;
  border: 1px solid #fd6e21;
  border-radius: 8px;
}

.sme-testimonial-header {
  gap: 20px;
  display: flex;
  align-items: center;
}

.testimonial-author-img {
  width: 85px;
  height: 85px;
  border-radius: 50%;
  object-fit: cover;
}

.sme-testimonial-content {
  min-height: 252px;
}

.sme-testimonials-swiper-prev,
.sme-testimonials-swiper-next {
  font-size: 14px;
  margin: 5px;
  display: inline-block;
  cursor: pointer;
  border-radius: 50% !important;
  background: #feb47c !important;
  color: #fff !important;
  padding: 6px 10px !important;
  position: absolute;
  bottom: 0;
  top: auto;
  width: auto;
  height: auto;
}

.sme-testimonials-swiper .swiper-button-prev:after,
.sme-testimonials-swiper .swiper-button-next:after {
  display: none !important;
}

.sme-testimonials-swiper-next.swiper-button-lock,
.sme-testimonials-swiper-prev.swiper-button-lock{
  display: none !important;
}

.sme-testimonials-swiper-prev {
  right: 55%;
  left: auto;
}

.sme-testimonials-swiper-next {
  left: 55%;
  right: auto;
}

/* Automate CTA */
.automate-cta-wrapper .gradient-btn1 {
  width: auto;
}

/* Media queries */
@media (min-width: 768px) {
  /* h2{
    max-width: 58% !important;
  } */

  /* Budgets */
  .boxed-container {
    padding-inline: calc(5vw - 16px);
  }

  .budget-content {
    margin-inline: auto;
    width: fit-content;
  }

  /* Featured cards */
  .featured-cards .boxed-container .row:nth-child(even) {
    margin-left: -30px;
  }

  .featured-img-left img {
    max-width: 339px;
  }

  .featured-cards .boxed-container .row:not(:nth-child(even)) .featured-right-content{
    padding-left: 22rem;
  }

  /* Business growth */
  .business-growth .col-lg-6 {
    order: -1;
  }

  /* Best for you */
  .best-for-you {
    clip-path: ellipse(95% 75% at 50% 77%);
  }

  /* Automate CTA */
  .automate-cta-wrapper {
    padding-inline: 50px;
  }

  /* HR Solutions - About Us*/
  .hr-solutions-inner-heading {
    width: 40%;
  }
}

@media (min-width: 992px) {

  /* Award banner */
.award-banner-inner-container {
  border-radius: 10px;
  background: url("https://www.opportunehr.com/wp-content/uploads/2025/09/mbance-mask-bg.png")
    no-repeat center center;
  overflow: hidden;
}

  /* Budgets */
  .boxed-container {
    padding-inline: 12vw;
  }

  /* Featured cards */
  .featured-img-left img {
    max-width: 300px;
  }

  
  .featured-right-content {
    padding-left: 50px;
  }

  .featured-cards .boxed-container .row:not(:nth-child(even)) .featured-right-content{
    padding-left: 0;
  }

  .featured-cards .boxed-container .row:nth-child(even) .featured-right-content {
    padding-left: 120px !important;
  }

  .featured-right-content {
    padding-left: 50px !important;
  }

  /* Decision making */
  .desicion-making-tabs .nav-link {
    padding-block: 20px;
    /* border-bottom: 1px solid #88807a; */
  }

  .desicion-making-tabs .nav-link h5 {
    line-height: 50px !important;
  }

  /* Much more specs */
  .much-more-specs-container {
    text-align: start;
  }

  /* No brainer */
  .no-brainer-table {
    max-width: 1050px;
    margin-inline: auto;
    margin-top: 100px;
    /* box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); */
    margin-bottom: 4px;
    text-align: center;
    overflow: visible;
    /* cursor: pointer; */
    border-width: 0;
    border-color: #006172;
    border-style: solid;
    transition: 0.4s all;
    /* border-radius: 20px; */
    z-index: 3;
  }

  .no-brainer-table-col.col-left,
  .no-brainer-table-col.col-right {
    border-color: #006172;
    /* border-radius: 20px 0 0 20px; */
    border-style: solid;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    border-top-width: 1px;
    border-bottom-width: 8px;
  }

  .no-brainer-table-col.col-left {
    padding-inline: 30px 0;
    border-radius: 20px 0 0 20px;
    border-left-width: 8px;
    margin-right: -16px;
  }

  .no-brainer-table .col-left .list-group-item:nth-child(3),
  .no-brainer-table .col-right-cell:nth-child(4) {
    min-height: 123px;
  }

  .col-center-cell .table-list .list-group-item:before {
    content: "\2022";
    color: #ff7712;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
  }

  .no-brainer-table-col.col-right {
    padding-inline: 0 30px;
    border-radius: 0 20px 20px 0;
    border-right-width: 8px;
    margin-left: -16px;
  }

  .no-brainer-table-col.col-center .col-center-cell,
  .no-brainer-table-col.col-right .col-right-cell {
    padding-inline: 40px;
  }

  .no-brainer-table-th,
  .cloud-payroll-head {
    font-size: 28px;
    /* padding: 20px 0 0 22px; */
    font-weight: 500;
    border-bottom: 1px solid #dedede;
    min-height: 98px;
    align-content: center;
  }

  .table-header-img {
    position: absolute;
    top: -61px;
    border-radius: 20px 20px 0 0;
    /* box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.16); */
    border: 1px solid #f58345 !important;
    background-color: #ffe9de;
    padding-block: 5px;
    width: 100%;
  }

  .table-header-img img {
    max-width: 176px;
    width: 100%;
  }

  .no-brainer-table-th {
    color: #f58345;
  }

  .no-brainer-table-col.col-center {
    position: relative;
    overflow: visible;
    box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.16);
    border: 1px solid #f58345;
    background-color: #ffe9de;
    padding: 0;
    border-radius: 0 0 20px 20px;
  }

  .cloud-payroll-head {
    background-color: #f58345;
    color: #fff;
  }

  .no-brainer-table .table-list li {
    border: 0;
    background: transparent;
    padding: 0;
    /* padding-block: 20px; */
  }

  .no-brainer-table .col-left .table-list li:not(:last-child),
  .col-center-cell:not(:last-child),
  .col-right-cell:not(:last-child) {
    border-bottom: 1px solid #dbdbdb;
  }

  .no-brainer-table .col-left .table-list li,
  .col-center-cell,
  .col-right-cell {
    padding-block: 20px;
    min-height: 98px;
  }

  /* Wise questions */
  .specs-platform {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  /* More than HR Software */
  .specs-icon-box-item {
    padding-inline: 20px;
  }

  .specs-icon-box-item p {
    width: 40%;
  }

  .position-relative .specs-icon-box-item:is(:first-child, :nth-child(2)) {
    border-bottom: solid 1px #f58345;
  }

  .position-relative .specs-icon-box-item:is(:first-child, :nth-child(4)) {
    border-right: solid 1px #f58345;
  }
  /* Business growth */
  .business-growth .col-lg-6 {
    order: 0;
  }

  /* Best for you */
  .best-for-you .gradient-btn1 {
    padding-block: 12px !important;
  }

  /* Automate CTA */
  .automate-cta h6{
    font-size: 22px !important;
  }

  .automate-cta-wrapper .gradient-btn1 {
    margin-left: auto !important;
    padding-inline: 38px;
  }
}

@media (min-width: 1200px) {
  /* h2{
    max-width: 45% !important;
  } */

  /* Breakthrough */
  .breakthrough h1 {
    font-size: 52px !important;
    line-height: 68px !important;
  }

  /* Budgets */
  .featured-img-left img {
    max-width: 339px;
  }

  .featured-right-content {
    padding-left: 30px !important;
  }
}

@media (max-width: 991px) {
  /* Breakthrough */
  .breakthrough-content {
    padding-inline: 7vw !important;
  }

  .breakthrough-content .title-payroll {
    width: 100%;
  }

  .breakthrough-content {
    padding-top: 70px;
  }

  .award-middle-text {
    margin-bottom: 30px;
  }

  /* Decision making */
  .desicion-making-tab-wrapper .desicion-making-tabs {
    flex-direction: row !important;
    flex-wrap: nowrap;
    /* overflow: auto; */
  }

  .desicion-making-tabs .nav-link {
    padding-block: 20px;
  }

  .desicion-making-tabs .nav-link p {
    margin: 0;
  }

  .desicion-making-tabs-content {
    margin-top: 60px;
  }

  /* No Brainer -  Price card */
  .sme-business-pricing .main-plan {
    position: relative;
    text-align: center;
    width: 100%;
    margin: 30px 0 0 0;
  }

  .inner-plan.main-inner-plan {
    border-radius: 20px;
    border: 1px solid #f58345;
    background-color: #ffe9de;
    box-shadow: 0 2px 25px 0 rgba(0, 0, 0, 0.16);
    padding: 85px 0 0 0;
  }

  .inner-plan h2 {
    width: 36%;
    right: 0;
    margin: 0px auto;
    position: absolute;
    top: 0;
    left: 5px;
    z-index: 99;
    font-weight: 600;
    padding-top: 5px;
    min-height: auto;
  }

  .price-sme-card {
    width: 100%;
    display: flex;
  }

  .price-sme-card h5 {
    font-size: 16px !important;
  }

  .price-sme-card .cloud-data,
  .price-sme-card .desktop-data {
    width: 50%;
    border-top: 1px solid #ccc;
    padding: 14px 5px !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 14px;
  }

  .price-sme-card .cloud-data {
    border-right: 1px solid #ccc;
  }

  :is(.cloud-data, .desktop-data) span {
    font-size: 13px;
    padding: 4px 10px;
    margin: 0;
    background-color: #e5fbff;
    border-radius: 12px;
    font-weight: normal;
    color: #000;
  }

  .inner-plan.main-inner-plan .title-text {
    color: #000;
    background: #f6a95b;
    font-size: 18px;
    font-weight: 500;
    padding: 6px 0;
  }

  :is(.cloud-data, .desktop-data) .table-list .list-group-item {
    font-size: 14px;
    background-color: transparent;
    border: 0;
    padding: 0;
  }

  ul.sme-inner-pointer {
    padding: 0;
    list-style-type: none;
    text-align: left;
    width: 70%;
    margin: 0 auto;
  }

  :is(.cloud-data, .desktop-data) .table-list .list-group-item::before {
    content: "\2022";
    color: #ff7712;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
  }

  /* Decision making - Accordion */
  .analytic-tab-content {
    margin: 20px auto;
    width: 80%;
  }

  .analytic-tab-content .accordion {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%);
    padding: 10px 10px;
    width: 100%;
  }

  .analytic-tab-content .accordion .card {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
  }

  #sme-report .card {
    border: 0;
    border-radius: 0;
  }

  .analytic-tab-content .accordion .card-header {
    background-color: transparent;
    border-bottom: 1px solid #ffd3b2;
    padding: 10px 10px;
  }

  .card-header:first-child {
    border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
  }

  .card-header {
    margin: 10px 0;
  }

  #sme-report .card .card-header .btn-link.collapsed {
    color: #000;
    padding: 0;
    text-transform: inherit;
    text-align: left;
    position: relative;
    display: block;
  }

  #sme-report .card .card-header > h6{
    position: relative;
  }
  
  #sme-report .card .card-header .btn-link {
    color: #f58345;
    padding: 0;
    text-align: left;
    text-transform: inherit;
    width: 100%;
  }

  #sme-report .card .card-header .btn-link.collapsed p {
    margin: 0;
  }

  #sme-report .card .card-header .btn-link.collapsed p {
    padding: 0 10px 0 0;
  }

  #sme-report .card .card-header .btn-link:after {
    content: "\f106";
    font-family: FontAwesome;
    position: absolute;
    font-size: 24px;
    font-weight: 900;
    right: 0;
    top: 0;
    float: right;
    margin-top: 0;
  }

  #sme-report .card .card-header .btn-link.collapsed:after {
    content: "\f107";
  }

  /* Testimonials */
  .sme-testimonial-logo-pagination {
    text-align: center;
    margin-top: 10px;
  }

  .sme-testimonial-logo-pagination .swiper-pagination-bullet {
    margin: 5px 7px;
    width: 10px;
    height: 10px;
  }

  .sme-testimonial-logo-pagination
    .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #ff740c;
  }

  /* Featured cards */
  .featured-cards
    .boxed-container
    .row:nth-child(even)
    .featured-right-content {
    padding-left: 30px !important;
  }

  /* Award banner */
  .award-banner .home-container > .row {
    padding-inline: 16px;
  }

  /* Automate CTA */
  .automate-cta-wrapper {
    justify-content: center;
    text-align: center;
  }

  .automate-cta-wrapper .gradient-btn1 {
    width: auto;
    padding-inline: 36px;
  }
}

@media (max-width: 767px) {
   /* Breakthrough */
   .breakthrough h1 {
    font-size: 30px !important;
    line-height: 42px !important;
  }


  /* Budgets */
  .budgets-wrapper .boxed-container {
    text-align: start;
  }

  /* Featured cards */
  .featured-cards .boxed-container .row:nth-child(even) {
    flex-direction: column;
    margin-top: 100px;
  }

  /* .featured-cards
    .boxed-container
    .row:not(:nth-child(even))
    .featured-left-content {
    padding-bottom: 30px;
  } */

  .featured-cards .boxed-container .row:nth-child(even) .featured-img-left {
    right: 0;
    top: auto;
    bottom: 30px;
    z-index: 1;
  }

  .featured-img-left {
    position: relative;
    left: 0;
    top: -50px;
    text-align: center;
  }

  .featured-img-left img {
    width: 85%;
  }

  .featured-tag {
    left: auto;
    margin-left: -16px;
  }

  .featured-cards
    .boxed-container
    .row:nth-child(even)
    .featured-img-left
    .featured-tag {
    right: 0;
    margin-right: 5%;
  }

  .featured-right-content {
    padding-left: 30px !important;
    padding-top: 0;
  }

  /* Decision making */
  .desicion-making-tab-wrapper .desicion-making-tabs {
    overflow: auto;
  }

  .desicion-making-tabs .nav-link {
    width: 90% !important;
    flex-grow: 1;
    flex-shrink: 0;
  }

  /* Automate CTA */
  .automate-cta-wrapper{
    padding: 30px;
  }

  /* #sme-report .card .card-header .btn-link:after {
    right: 0;
  } */
}

@media (max-width: 576px) {
  /* Breakthrough */
  .breakthrough-content .title-payroll {
    text-align: center;
  }

  /* .breakthrough-content {
    padding-top: 70px;
  } */

  .breakthrough h1 {
    font-size: 30px !important;
    line-height: 42px !important;
  }

  .wavy-border::after {
    bottom: -10px;
  }

  /* Featured cards */
  .featured-tag {
    font-size: 14px;
  }

  .featured-cards .boxed-container .row:nth-child(even) .featured-img-left .featured-tag{
    margin-right: 4.8%;
  }

  /* Much more specs */
  .much-more-specs-container {
    text-align: start;
  }

  .much-more-specs-container .much-more-specs-item{
    flex-wrap: wrap;
  } 

  /* No Brainer */
  :is(.cloud-data, .desktop-data) p,
  ul.sme-inner-pointer li {
    font-size: 12px;
  }

  .price-sme-card .table-list {
    padding-left: 14px;
  }

  .inner-plan.main-inner-plan .title-text {
    font-size: 16px;
  }

  /* Award banner */
  .right-award {
    margin-bottom: 20px;
  }

  /* Budget */
  .budget-content {
    margin-top: 40px;
    margin-left: 20px;
  }

  /* Automate CTA */
  .automate-cta-wrapper .gradient-btn1{
    font-size: 14px;
  }

  /* Why OpportuneHR CTA - About Us */
  .why-opportune-hr-cta-wrapper {
    padding-inline: 16px;
  }

  /* FAQs */
  /* HRMS Software */
  :is(.hrms-sw-sec, .payroll-sw-sec, .time-attendance-sec) .card-body {
    padding-left: 10px;
  }
  .faq-tabs {
    justify-content: start;
  }
}

@media (max-width: 425px) {
  .orange-feather{
    top: -17px;
    right: -7px;
    width: 20px;
    height: 35px;
  }

  /* Award banner */
  .right-award-text h6 {
    font-size: 14px !important;
  }

  .right-award-text p {
    font-size: 14px !important;
  }

  /* featured cards */
  .featured-cards .boxed-container .row:nth-child(even) .featured-img-left .featured-tag{
    margin-right: 3.8%;
  }

  /* Automate CTA */
  .automate-cta-title .orange-feather{
    top: -12px;
    right: -15px;
  }
}

@media (max-width: 375px) {
  /* Budgets */
  .budget-content{
    margin-left: 10px;
  }

  /* featured cards */
  .featured-cards .boxed-container .row:nth-child(even) .featured-img-left .featured-tag{
    margin-right: 3%;
  }

  /* Much more specs */
  .much-more-specs-container {
    text-align: center;
  }

  .much-more-specs-item {
    flex-direction: column;
  }
}