:root {
    --neutral-050-w: #FCFCF8;
    --neutral-300-w: #C0C3B9;
    --neutral-500-w: #666765;
    --neutral-200-c: #BFCFD9;
    --neutral-300-c: #9EB6C4;
    --neutral-400-c: #849CAE;
    --primary-100: #8EE8AA;
    --primary-200: #4BD675;
    --primary-300: #37B971;
    --primary-400: #10845D;
    --primary-500: #036D59;
    --primary-600: #085544;
    --primary-700: #11314A;
    --primary-800: #0F2333;
  }

  body{
    overflow-x:hidden;
  }

  .masthead--product--feature{
    background:#32A964;
    padding:50px 0;
    margin:0;
    text-align:center;
    position:relative;
  }

  body.clear-theme .masthead--product--feature {
    background: #32A964;
    padding: 0;
    margin: -75px 0 220px;
    text-align: center;
    position: relative;
    padding-top: 50px;
  }

  .masthead--product--feature::after {
    content: "";
    position: absolute;
    bottom: -140px;
    left: calc(50vw - 59vw);
    width: 119.5vw;
    height: 140px;
    background: #32A964;
    border-bottom-left-radius: 100vw 300px;
    border-bottom-right-radius: 100% 300px;
    z-index: 1;
  }

  .masthead--product--feature .wistia-container {
    border-radius: 20px !important;
    overflow: hidden;
    box-shadow: 0px 10px 30px 1px rgb(1 84 36 / 82%);
    position: relative;
    margin-bottom: -210px;
    z-index: 2;
  }

  .masthead--product--feature .container{
    max-width:1220px;
    width:unset;
  }

  .masthead--product--feature .masthead-inner{
    background:transparent!important;
  }

  .breadcrumb-container {
    display: block;
    margin: 0;
    font-size:16px;
    font-family: 'Inter Regular', sans-serif;
  }

  .breadcrumb-container a{
    text-decoration:none;
    color:var(--winston-text-blue);
  }

  .breadcrumb-container img.breadcrumb-home-icon{
    display: inline-block !important;
    width: 20px;
    height: auto;
    margin: 0 10px 0 0;
    vertical-align: middle;
    font-family: 'Inter Regular', sans-serif;
  }

  h3.breadcrumb {
    display: inline-block;
    font-family: 'Inter Regular', sans-serif;
  }

  .hero-img img {
    position: relative;
    z-index: 1;
  }

  .masthead--product--feature a.reverse-btn {
    display: inline-block;
    cursor: pointer;
    margin: 0 0 0 10px;
    font-size: 19px;
    padding: 13px 30px;
  }

  .featurePageOuter--2021 .AlternatingRow h2 {
    margin: 20px auto;
    padding: 0;
  }

  .featurePageOuter--2021 .AlternatingRow h2::after {
    display: none;
  }

  .masthead--product--feature .masthead-inner {
    text-align: left;
  }

  .masthead--product--feature .masthead-inner:after{
    display:none!important;
  }

  .masthead--product--feature .masthead-inner .masthead-title {
    text-align: center;
    line-height: 1.15;
    font-size: 120px;
    text-transform: unset;
    padding:0;
    color:#fff;
    margin:0 auto 30px;
  }

  .masthead--product--feature .masthead-inner .masthead-title span{
    color:#4BD675;
  }

  .page-template-product-pages .masthead--product--feature .masthead-inner .masthead-title--sub {
    margin:30px auto 10px;
    font-size: 24px; 
    line-height: 1.35;
    font-family: "EuclidSquare Regular", sans-serif;
    text-align:center;
    color:#fff;
  }

  .masthead--product--feature .masthead-inner .masthead-title .title-brand {
    text-align: left;
    font-size: 26px;
    line-height: 1.2;
    font-family: "EuclidSquare Semi-Bold", sans-serif;
    color:#fff;
    text-align:center;
  }

  .masthead--product--feature .masthead-inner .masthead-title .title-brand span{
    color:#4BD675;
  }

  .masthead--product--feature .masthead-inner p {
    margin: 5px 0;
  }

  .masthead--product--feature .masthead-inner .mktgButton {
    margin: 20px 0;
    padding: 15px 30px;
  }

  .featurePage-logos {
    background-color: transparent !important;
  }

  .masthead--product--feature .masthead-inner img {
    max-width: 100%;
  }

  /* Infinit Logo Scroller */
  .infinite-logo{
    margin:100px auto;
  }
  h4.carousel-title{
    font-family: "EuclidSquare Regular", sans-serif;
    text-transform:uppercase;
    text-align:center;
    margin:0 auto 20px;
    padding:0;
    font-size:18px;
    letter-spacing:3px;
  }

  h4.carousel-title span{
  font-family: "EuclidSquare Semi-Bold", sans-serif;
  }

  section.trusted-logos .logo-row .logo-item img{
    max-height:60px;
  }

  section.trusted-logos .award-promo-callout .curve.bottom{
    margin-bottom:-4px;
  }

  /* Sub Logos Accordion */
  .accordion-section h2.section-header{
    text-align:center;
    margin:20px auto;
    font-size:4rem;
  }

  .accordion-section h2.section-header span {
    color: #31a964;
  }

  .accordion-section p{
    margin:0 0 40px 0;
    text-align:center;
    font-size:24px;
  }


  .accordion-item{
    padding:20px 0;
    background:url(/wp-content/themes/smartrecruiters/img/2025/Show-lines.svg) 100% 40px/20px no-repeat;
  }

  .accordion-item.active{
    padding:20px 0;
    background:url(/wp-content/themes/smartrecruiters/img/2025/Hide-line.svg) 100% 45px/20px no-repeat;
  }
  .accordion-title {
    display:block;
    font-size: 26px;
    line-height: 1.2;
    font-family: "EuclidSquare Semi-Bold", sans-serif;
    padding:10px 30px 0 0;
  }

  .accordion-body p{
    text-align:left;
    font-size:18px;
    line-height:1.5;
    font-family: 'Inter Regular', sans-serif;
    margin:20px 0 0;
  }


  a.learn-link-text-cta {
    display: block;
    margin: 25px 0 10px;
    font-family: "EuclidSquare Semi-Bold", sans-serif;
    color:var(--winston-text-blue);
  }

  .accordion-image-wrapper {
    position: relative;
    height: 400px; /* adjust as needed */
  }

  .accordion-image {
    position: absolute;
    top: 40px;
    left: 0;
    width: 100%;
    height: auto;
    opacity: 0;
    transition: opacity 0.6s ease;
    pointer-events: none;
  }

  .accordion-image.active {
    opacity: 1;
    z-index: 1;
  }

  .accordion-item {
    transition: background 0.3s ease;
    cursor: pointer;
    padding: 30px 0;
    border-bottom: 1px solid #ccc;
  }

  .accordion-item:last-child{
    border-bottom:0px;
  }

  .accordion-item.active {
  }

  .accordion-body {
    overflow: hidden;
  }
  /* End Accordion */


  /* Stats Bar */
  .stat-highlight-section {
    background: url(/wp-content/themes/smartrecruiters/img/2025/Stats-Footer-BG.svg) 0 100%/contain no-repeat, #37B971;
    color: white;
    padding: 80px 20px;
    text-align: center;
    position: relative;
    overflow: hidden;
  }

  .stat-grid {
    display: flex;
    justify-content: space-between;
    gap: 40px;
    flex-wrap: wrap;
    max-width: 1200px;
    margin: 0 auto;
  }

  .stat-box {
    flex: 1;
    min-width: 280px;
  }

  .stat-number {
    font-size: 64px;
    font-weight: 700;
    line-height: 1.2;
    font-family: "EuclidSquare Semi-Bold", sans-serif;
  }

  .stat-label {
    font-size: 22px;
    font-weight: 600;
    margin-top: 10px;
    line-height: 1.25;
    font-family: "EuclidSquare Semi-Bold", sans-serif;
  }

  .stat-source {
    font-size: 18px;
    font-weight: 500;
    margin-top: 12px;
    text-decoration: underline;
    color:#fff;
    font-family: "EuclidSquare Semi-Bold", sans-serif;
  }
  .stat-source a, .stat-source a:visited, .stat-source a:hover{
    color:#fff;
    font-family: "EuclidSquare Semi-Bold", sans-serif;
  }
  /* End Stats Bar  */

  .intro-block {
    text-align: left;
    background: linear-gradient(#ffffff 0%, #EBEEF2 100%);
    border-radius: 10px;
    padding: 50px;
    margin: 0 auto 100px;
  }

  .featurePageOuter--2021 .intro h2 {
    text-align: left;
    line-height: 1.35;
  }

  .featurePageOuter--2021 .intro p {
    text-align: left;
  }

  .featurePageOuter--2021 .intro p a {
    color: #000;
  }

  .intro-block img.intro-img {
    -webkit-filter: drop-shadow(0px 15px 8px #D6D6D675);
    filter: drop-shadow(0px 15px 8px #D6D6D675);
  }

  .featurePageOuter--2021 .AlternatingRow img.icon-callout {
    display: block;
    width: 125px;
    padding: 45px;
    height: auto;
    background: url(/wp-content/themes/smartrecruiters/img/2023/Blue-Green-Icon-Splash.svg) center/125px no-repeat;
    margin: 0 0 0 -25px;
  }

  .featurePage-form .mktoForm .mktoFormRow {
    display: inline-block;
    width: 47%;
    margin-right: 2%;
  }

  .featurePage-form .mktoForm .mktoFormCol .mktoFieldWrap select,
  .featurePage-form .mktoForm .mktoFormCol .mktoFieldWrap input[type="text"],
  .featurePage-form .mktoForm .mktoFormCol .mktoFieldWrap input[type="email"],
  .featurePage-form .mktoForm .mktoFormCol .mktoFieldWrap input[type="tel"] {
    width: 100% !important;
    border: 1px solid #DCDDDD;
    padding: 8px 10px;
    font-size: 15px;
    line-height: 28px;
    color: var(--dark-blue-gray);
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    box-shadow: unset;
    -webkit-font-smoothing: auto;
  }

  .featurePage-form .mktoForm .mktoLabel {
    font-size: 1.2rem;
    padding-top: 20px;
    font-weight: bold;
  }

  .featurePage-form .mktoForm .mktoFormRow:nth-child(6),
  .featurePage-form .mktoForm .mktoFormRow:nth-child(7),
  .featurePage-form .mktoForm .mktoFormRow:nth-child(8),
  .featurePage-form .mktoForm .mktoFormRow:nth-child(9),
  .featurePage-form .mktoForm .mktoFormRow:nth-child(10),
  .featurePage-form .mktoForm .mktoFormRow:nth-child(11),
  .featurePage-form .mktoForm .mktoFormRow:nth-child(12),
  .featurePage-form .mktoForm .mktoFormRow:nth-child(13),
  .featurePage-form .mktoForm .mktoFormRow:nth-child(14) {
    display: flex;
    flex-direction: column;
    width: 100%;
  }

  .featurePage-form .mktoForm .mktoFormRow:nth-child(14) {
    flex-direction: row;
    margin-top: 20px;
  }

  .featurePage-form .mktoForm .mktoFormRow:nth-child(14) .mktoFieldDescriptor {
    max-width: 30px;
    position: relative;
  }

  .featurePage-form .mktoForm .mktoFormRow:nth-child(14) .mktoFieldDescriptor .mktoAsterix {
    position: absolute;
    left: 20px;
  }

  .featurePage-form .mktoForm .mktoFormRow:nth-child(14) .mktoHtmlText {
    line-height: 1.2;
    width: 95% !important;
  }

  .featurePage-form .mktoForm .mktoButtonWrap.mktoRound .mktoButton {
    background: #32A964 !important;
    text-align: center;
    margin: 0 auto;
    color: #fff;
    border-radius: 80px !important;
    width: 100%;
    font-weight: 600;
    font-size: 20px !important;
    transition: .07s ease-in;
    box-shadow: 0px;
    display: block;
    margin: 20px auto 10px;
    padding: 1.85rem 2rem !important;
    border: solid 1px transparent;
    box-shadow: none;
    text-shadow: none;
  }

  .featurePage-form .mktoForm .mktoButtonWrap.mktoRound .mktoButton:hover {
    box-shadow: 0px 10px 15px var(--button-drop-shadow) !important;
    border: solid 1px transparent;
  }

  .featurePage-form .mktoForm label#LblgDPRSingleOptIn.mktoLabel {
    margin: 0 !important;
  }


  /* Included Software Section */
  .included-software-section {
    color: #111;
    padding:30px 0;
  }

  .included-software-section .row{
    margin:10px 0;
  }

  .included-software-section img.software-img{
    margin:30px auto;
  }

  .included-software-section a.btn.btn-outline-success {
    padding: 15px 30px;
    min-width: fit-content;
    max-width: unset;
    border: 1px solid #036D59;
    background: transparent;
    color: #036D59;
  }

  .included-software-section a.btn.btn-outline-success:hover{
    background: #036D59;
    color:#fff;
  }

  @media screen and (max-width:767px) {
    .included-software-section a.btn.btn-outline-success{
      width:100%;
    }
  }

  .included-software-section .software-title{
    font-size:24px;
    font-family: "EuclidSquare Semi-Bold", sans-serif;
    margin:5px 0 20px;
  }


   /* Essential Add-Ons Section */
  .essential-addons-section {
    color: #111;
    padding:30px 0;
  }

  .essential-addons-section .row{
    margin:10px 0;
  }

  .essential-addons-section .addon-block{
    text-align:center;
    margin:30px auto;
  }

  .essential-addons-section img.software-img{
    margin:30px auto;
  }

  .essential-addons-section a.btn.btn-outline-success {
    padding: 15px 30px;
    width:auto;
    max-width: fit-content;
    border: 1px solid #036D59;
    background: transparent;
    color: #036D59;
    margin:0 auto;
    display:block;
  }

  .essential-addons-section a.btn.btn-outline-success:hover{
    background: #036D59;
    color:#fff;
  }

  @media screen and (max-width:767px) {
    .essential-addons-section a.btn.btn-outline-success{
      width:100%;
    }
  }

  .essential-addons-section .software-title{
    font-size:24px;
    font-family: "EuclidSquare Semi-Bold", sans-serif;
    margin:5px 0 20px;
  }




  .section-title {
    text-align:center;
    font-weight: 700;
    font-size: 40px;
    margin:20px auto;
    color: #000000;
    font-family: "EuclidSquare Semi-Bold", sans-serif;
  }

  .section-title span{
    color:#37B971;
  }

  .section-subtitle {
    text-align:center;
    font-size: 24px;
    line-height:1.35;
    margin:30px auto;
    color: #000000;
  }

  .advantage-icon {
    height: 60px;
    width: auto;
  }

  .advantage-title {
    font-weight: 700;
    font-size: 24px;
    font-family: "EuclidSquare Semi-Bold", sans-serif;
    margin:20px 0;
    color: #000000;
  }

  .advantage-text {
    font-size: 18px; /* ~16px */
    line-height:1.5;
    color: #000000;
  }

  .fade-in-up {
    opacity: 1 !important;
    transform: translateY(0) !important;
    transition: opacity 0.6s ease, transform 0.6s ease;
  }

  .advantage-item {
    opacity: 0;
    transform: translateY(20px);
    margin:40px 0;
  }


  /* Three Icon Block  */
  .three-icon-block {
    background:#F8FAFC;
    margin:20px auto;
    padding:80px 0;
    text-align:center;
  }

  .three-icon-block .message-block{
    margin:30px auto;
  }

  .three-icon-block img.block-icon{
    display:block;
    object-fit: contain;
    width:auto;
    max-height: 70px;
    margin: 0 auto;
  }

  .three-icon-block h4{
    font-size: 24px;
    font-family: "EuclidSquare Semi-Bold", sans-serif;
    margin:20px auto;
  }

  .three-icon-block p{
    font-size:16px;
    font-family: "EuclidSquare Regular", sans-serif;
  }

  .three-icon-block a{
    font-size:16px;
    font-family: "EuclidSquare Regular", sans-serif;
    text-decoration:underline;
    color:var(--winston-text-blue);
  }



  /* Three Card Slider Section */
  .three-card-slider-section{
    background:transparent;
    color:#11314A;
    padding:50px 0;
  }

  .three-card-slider-section p{
    color:#11314A;
    font-size:16px;
    font-family: "EuclidSquare Regular", sans-serif;
  }

  .three-card-slider-section p.fw-bold{
    font-size:24px;
    font-family: "EuclidSquare Semi-Bold", sans-serif;
  }

  /* Rounded Green CTA Section */
  .cta-bg.green{
    background:#37B971;
    border-radius:150px;
    padding:40px 60px;
    margin:20px auto 100px;
  }
  .green-cta h4{
    font-size:32px;
    color:#fff;
    margin:0;
    padding:5px 0;
  }
  .green-cta p{
    font-size:24px;
    color:#fff;
    margin:0;
    padding:5px 0;
  }
  .green-cta a.light-green.btn{
    padding: 20px 40px;
    font-size: 24px;
    background: #D1FAE0;
    width: 100%;
    max-width: unset;
    text-align: center;
    color:var(--winston-text-blue);
  }
  .green-cta a.light-green.btn:hover{
    background:#08544A;
    color:#fff;
  }

  @media screen and (max-width: 767px) {
    .cta-bg.green{
      border-radius:20px;
      padding:20px;
    }
    .green-cta h4{
      font-size:25px;
    }
  }

  /* Testimonial Section */
  .testimonial-section{
    padding:80px 0;
    margin:0 auto;
    background-color: #0C2844;
  }
  .testimonial-section .fw-bold{
    font-size: 50px;
    font-weight: bold;
    font-family: "EuclidSquare Semi-Bold", sans-serif;
    line-height: 1.15;
    color:#fff;
  }
  .testimonial-section .fw-bold span{
    color:#37B971;
  }
  .testimonial-slider{
    height:auto;
  }
  .border-start.border-success.h-100.mx-auto {
    display: block;
    width: 1px;
    height: 100%;
    background: #4bd676;
    min-height: 200px;
  }
  .testimonial-slider .logo-container{
    text-align:center;
  }
  .testimonial-slider .logo-container img{
    display:block;
    margin:10px auto 30px;
    max-height:110px;
    max-width:200px;
    width:auto;
    object-fit: contain;
  }
  .testimonial-wrapper {
      padding: 60px 20px;
  }
  .testimonial-box {
    background: #fff;
    padding: 40px;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
  }
  .testimonial-slide {
    display: none;
  }
  .testimonial-slide .testimonial-copy{
    color: #fff;
    font-size: 22px;
    font-family: "EuclidSquare Regular", sans-serif;
    margin: 30px 0 50px;
  }
  .testimonial-slide .testimonial-author{
    color:#fff;
    margin:0;
    font-family: "EuclidSquare Semi-Bold", sans-serif;
  }
  .testimonial-slide .testimonial-title{
    color:#fff;
  }
  .testimonial-slide.active {
    display: block;
  }
  .highlight {
    font-style: italic;
    font-weight: 600;
    color: #28a745;
  }
  .divider {
    border-left: 1px solid #28a745;
    height: 100%;
  }
  .btn-outline-success {
    border-radius: 50px;
  }
  .right-quote{
    padding:0;
  }
  a.rounded-pill.btn{
    padding:15px 30px;
    max-width:fit-content;
    width:fit-content;
    display:block;
    margin:40px auto;
    border:1px solid var(--new-green);
    color:var(--new-green);
    background:transparent;
    overflow: visible;
  }

  a.rounded-pill.btn:hover, a.rounded-pill.btn:visited{
    color:#fff!important;
    background:var(--new-green)!important;
  }

  span.left.quote {
    display: block;
    position: absolute;
    left: -30px;
  }

  span.right.quote {
    display: block;
    position: absolute;
    right:20px;
  }

  @media screen and (max-width: 767px){
    .testimonial-section .fw-bold{
      font-size:24px;
      margin:20px auto;
    }
    .testimonial-slider .shadow-sm p{
      font-size:24px;
      margin:0 auto 30px;
    }
  }

  section#featured-posts .slick-dots {
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding: 0;
    position: relative;
  }
  @media all and (max-width: 768px) {
    section#featured-posts .slick-dots {
      justify-content: center;
      position: relative;
      bottom: 25px;
    }
  }
  section#featured-posts .slick-dots li {
    list-style: none;
    font-size: 0;
    width: auto;
  }
  section#featured-posts .slick-dots li.slick-active button {
    background: var(--Primary-Primary-200, #4BD675);
    width: 100px;
  }
  @media screen and (max-width: 450px) {
    section#featured-posts .slick-dots li.slick-active button {
      width: 50px;
    }
  }
  section#featured-posts .slick-dots li button {
    font-size: 0;
    width: 20px;
    height: 20px;
    background: transparent;
    border-radius: 46px;
    border: 3px solid var(--Primary-Primary-200, #4BD675);
    transition: all 0.3s ease-in-out;
  }
  section#featured-posts .slick-dots li button:before {
    color: transparent;
    font-size: 0;
    width: 0;
    height: 0;
  }

  .testimonial-slide {
  display: none;
  }
  .testimonial-slide.active {
    display: block;
  }




  /* Marketecture Section  */
  .marketecture-section {
    background-color: #0C2844;
    font-family: "EuclidSquare Semi-Bold", sans-serif;
    text-align: center;
    padding: 4rem 0 6rem;
    color:#fff;
    margin-bottom:0;
  }
  .marketecture-section h3{
    font-size:4rem;
    margin:10px auto;
    font-style: italic;
    color:#D1FAE0;
  }
  .marketecture-section h4{
    font-size:3rem;
    color:#0F2333;
    margin:10px auto;
    font-style: italic;
  }
  .marketecture-section h2 {
    color:#fff;
    font-weight: 700;
    font-size:4rem;
  }
  .marketecture-section p{
    color:#fff;
  }
  .highlight {
    color: #30cc71;
  }
  .container-box {
    background: #ffffff;
    border-radius: 24px;
    border:1px solid #2ECC71;
    padding: 2rem;
    color: black;
    max-width: 1200px;
    margin: 50px auto 0;
    box-shadow: 0 0 30px rgba(0,0,0,0.1);
  }
  .section {
    border-radius: 30px;
    padding: 1.5rem;
    margin-bottom: 1.5rem;
  }
  .winston {
    background: url('https://www.smartrecruiters.com/wp-content/uploads/Winston-Companion-BG.png') top center/cover no-repeat, #0C1C2B;
    color: #ffffff;
    padding:20px;
    border:1px solid #D1FAE0;
  }
  .winston img.brandmark-icon{
    display: inline-block;
    margin: -10px 0 0 10px;
    width: 70px;
    height: auto;
    vertical-align: middle;
    line-height: normal;
  }
  .smartos {
    background: #10845D;
    color: #ffffff;
    padding:20px;
    border:1px solid #D1FAE0;
  }
  .addons {
    background: #ffffff;
    color: black;
    border:2px solid #4BD675;
  }
  .module-buttons, .addon-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: center;
    margin-top: 1rem;
  }
  .module-buttons .tag, .addon-buttons .tag {
    min-width: 120px;
    background: #D1FAE0;
    color: #0F2333;
    font-size:1.85rem;
    font-weight: 600;
    border-radius: 10px;
    padding: 1.55rem 1rem;
    margin:20px 0;
    display: inline-block;
  }
  .addon-buttons .tag {
    background: #ffffff;
    color: #0F2333;
    border: 2px solid #4BD675;
  }
  .smartos-icons {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: center;
  }
  .smartos-icons .tag {
    background: #4BD675;
    color: #0F2333;
    border-radius: 10px;
    padding: 1.55rem 1rem;
    margin:20px 0;
    font-size:1.85rem;
    font-weight: 600;
    display: inline-block;
    border:1px solid #D1FAE0;
  }
  .features {
    color: #ffffff;
    font-size: 1.75rem;
    margin:1rem 2rem;
    line-height:1.5;
  }
  .features span{
    color:#4BD675;
  }
    /* .tag Animation */
    .tag {
      opacity: 0;
      transform: translateY(20px);
      transition: opacity 0.6s ease, transform 0.6s ease;
    }

    .tag.animate-in {
      opacity: 1;
      transform: translateY(0);
    }

    /* Tags on mobile */
    @media screen and (max-width:767px){
      .marketecture-section h3{
        font-size:2.5rem;
      }
      .marketecture-section h4{
        font-size:2rem;
      }
      .smartos-icons .tag{
        font-size:1.5rem;
        margin:5px auto;
      }
      .module-buttons .tag, .addon-buttons .tag{
        font-size:1.5rem;
        margin:5px auto;
      }
    }


  /* Demo Video Section */
  section.demo-video {
    margin:0 auto;
    background: #ffffff;
    text-align: center;
    padding:80px 0;
    position:relative;
    overflow:hidden;
    z-index:2;
  }

  section.demo-video .wistia-container {
    border-radius: 20px !important;
    overflow: hidden;
    position: relative;
    z-index: 2;
  }

  .demo-video .container .row .col-12{
    position:relative;
    z-index:2;
  }

  .copy-container{
    position:relative;
    z-index:2;
  }

  section.demo-video h4{
    font-size:40px;
    margin:40px 0 10px;
    color:var(--winston-text-blue);
    text-align:center;
  }

  section.demo-video p{
    margin:10px auto 40px;
  }

  section.demo-video .sub-video-copy{
    display:block;
    margin:50px auto;
  }

  section.demo-video .sub-video-copy .small, section.demo-video .sub-video-copy .large{
    color:var(--winston-text-blue);
    text-align:center;
  }

  section.demo-video .sub-video-copy .small{
    font-size:20px;
    line-height:1.2;
    font-family: "EuclidSquare Regular", sans-serif;
  }

  section.demo-video .sub-video-copy .large{
    margin:20px 0 0;
    line-height:1.2;
    font-size:40px;
    font-family: "EuclidSquare Semi-Bold", sans-serif;
  }

  section.demo-video .sub-video-copy .large span{
    color:#4BD675;
    font-style:italic;
  }

  .video-CTA a.btn{
    padding:15px 30px;margin:30px auto;
  }

  .background-circle {
    position: absolute;
    left: calc(50% - 350px);
    bottom: -250px;
    right: 0;
    transform: translateY(-50%);
    width: 700px;
    height: 700px;
    background:radial-gradient(circle, #b5ffcfab 0%, #4dea8200 70%);
    border-radius: 50%;
    z-index: -1;
  }



  /* Customer Carousel Section - PDFs */
  .customer-carousel-section .slick-prev:before, .customer-carousel-section .slick-next:before{
    display:none;
  }

  .customer-carousel-section .slick-prev, .customer-carousel-section .slick-next{
    width:2rem;
  }

  .customer-carousel-section {
    background-color: #11314A; /* adjust to match your brand */
    margin:0 auto;
    padding:50px 0 100px;
  }

  .customer-carousel-section h2{
    color:#fff;
    text-align:center;
  }

  .customer-carousel .card {
    overflow: hidden;
    max-width: 190px;
    margin: 0 40px;
    text-align: left;
  }

  .customer-carousel .card .card-body p.fw-bold{
    font-family: "EuclidSquare Regular", sans-serif;
    color:#fff;
  }

  .customer-carousel .card .card-body a.text-success{
    font-family: "EuclidSquare Regular", sans-serif;
    color:#fff;
  }

  .customer-carousel .card-img-top {
    object-fit: cover;
    height: auto;
    margin:0 auto 30px;
  }

  .customer-carousel a:hover {
    text-decoration: underline;
  }


  /* Superhuman Hiring Section */
  section.platform-behind {
    position: relative;
    background: var(--primary-600);
    margin: 0;
  }
  section.platform-behind .slider-wrapper {
    margin-top: 4rem;
  }
  section.platform-behind .slider-wrapper h2.section-header {
    color: #FFF !important;
    font-family: "EuclidSquare Bold";
    font-size: 50px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    text-transform: none;
    /* 60px */
    letter-spacing: 0.25px;
  }
  section.platform-behind .slider-wrapper h2.section-header strong {
    color: var(--Primary-Primary-200, #4BD675);
    font-family: "EuclidSquare Bold";
    font-size: 50px;
    font-style: italic;
    font-weight: 600;
    line-height: 120%;
    letter-spacing: 0.25px;
  }
  @media screen and (max-width: 500px) {
    section.platform-behind .slider-wrapper h2.section-header {
      font-size: 40px;
    }
    section.platform-behind .slider-wrapper h2.section-header strong {
      font-size: 40px;
    }
  }
  section.platform-behind .slider-wrapper .slide-copy {
    color: #FFF !important;
    font-family: "EuclidSquare Regular";
    display: flex;
    flex-direction: column;
  }
  section.platform-behind .slider-wrapper .slide-copy h3 {
    font-size: 38px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    /* 57px */
    letter-spacing: 0.19px;
    margin-bottom: 1rem;
  }
  section.platform-behind .slider-wrapper .slide-copy div.subhead {
    font-size: 30px;
    font-style: normal;
    font-weight: 100;
    letter-spacing: 0.15px;
  }
  section.platform-behind .slider-wrapper .slide-copy p {
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0.12px;
    color: #fff;
    margin: 4rem 0 2rem;
  }
  section.platform-behind .slider-wrapper .slide-copy p strong {
    color: var(--Primary-Primary-200, #4BD675);
    font-family: "EuclidSquare Bold";
    font-size: 24px;
    font-style: italic;
    font-weight: 700;
    line-height: 150%;
    letter-spacing: 0.12px;
  }
  section.platform-behind .slider-wrapper .slide-copy p.key-features {
    color: #fff;
    font-family: "EuclidSquare Bold";
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: 3.84px;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
    text-transform: uppercase;
    margin: 2rem 0;
  }
  section.platform-behind .slider-wrapper .slide-copy ul {
    padding-left: 0;
  }
  section.platform-behind .slider-wrapper .slide-copy ul li {
    list-style: none;
    line-height: 1.3;
    margin-bottom: 2rem;
  }
  section.platform-behind .slider-wrapper .slide-copy .cta-wrapper a {
    max-width: unset;
    color: var(--primary-700);
    padding:15px 30px;
  }
  section.platform-behind .slider-nav {
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: flex-start;
  }
  section.platform-behind .slider-nav #pb_arrows {
    margin-top: 30px;
  }
  section.platform-behind .slider-nav #pb_arrows .slick-prev,
  section.platform-behind .slider-nav #pb_arrows .slick-next {
    position: relative;
    display: inline-block;
    width: 30px;
    height: auto;
  }
  section.platform-behind .slider-nav #pb_arrows .slick-prev:before,
  section.platform-behind .slider-nav #pb_arrows .slick-next:before {
    font-size: 0;
  }
  section.platform-behind .slider-nav #pb_arrows .slick-prev {
    left: 0;
  }
  section.platform-behind .slider-nav #pb_arrows .slick-next {
    right: 0;
  }
  section.platform-behind .slider-nav #pb_arrows .prev-btn,
  section.platform-behind .slider-nav #pb_arrows .next-btn {
    background: transparent;
    border: none;
  }
  section.platform-behind .slider-nav #pb_arrows .prev-btn img,
  section.platform-behind .slider-nav #pb_arrows .next-btn img {
    width: 30px;
  }
  section.platform-behind .slider-nav #pb_arrows .prev-btn span,
  section.platform-behind .slider-nav #pb_arrows .next-btn span {
    font-size: 0;
  }
  section.platform-behind .slider-nav #pb_dots {
    margin-left: auto;
  }
  section.platform-behind .slider-nav #pb_dots ul.slick-dots {
    position: relative;
    bottom: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
  }
  section.platform-behind .slider-nav #pb_dots ul.slick-dots li {
    list-style: none;
    font-size: 0;
    width: auto;
  }
  section.platform-behind .slider-nav #pb_dots ul.slick-dots li.slick-active button {
    background: var(--Primary-Primary-200, #4BD675);
    width: 100px;
  }
  @media screen and (max-width: 450px) {
    section.platform-behind .slider-nav #pb_dots ul.slick-dots li.slick-active button {
      width: 50px;
    }
  }
  section.platform-behind .slider-nav #pb_dots ul.slick-dots li button {
    font-size: 0;
    width: 20px;
    height: 20px;
    background: transparent;
    border-radius: 46px;
    border: 3px solid var(--Primary-Primary-200, #4BD675);
    transition: all 0.3s ease-in-out;
  }
  section.platform-behind .slider-nav #pb_dots ul.slick-dots li button:before {
    color: transparent;
    font-size: 0;
    width: 0;
    height: 0;
  }



  /* Inline - Progressive Form */
  .bodyContent.wForm {
    text-align: left;
    max-width: 1200px;
    display: block;
  }

  .bodyContent.wForm h6 {
    font-size: 45px;
    line-height: 1.2;
    font-weight: 600;
    color: #0A1017;
    margin-top: 30px;
    padding-right: 30px;
    font-family: "EuclidSquare Regular", sans-serif;
  }

  .bodyContent.wForm h6 span {
    color: #37B971;
  }

  .bodyContent.wForm p {
    color: #0A1017;
    font-size: 18px;
    line-height: 1.5;
    margin: 15px 30px 30px 0;
    padding: 0;
  }

  .bodyContent.wForm p span {
    color: #37B971;
  }

  .bodyContent.wForm h4 {
    font-size: 24px;
    line-height: 1.2;
    font-weight: normal;
    color: #fff;
    margin: 10px 0;
  }

  .bodyContent.wForm p.chatsubTitle {
    font-size: 14px;
    line-height: 20px;
    text-transform: uppercase;
    color: #0A1017;
    margin: 50px auto 5px;
  }

  .custom-chat-box {
    background: #fff;
    border-radius: 10px;
    padding: 20px;
    display: inline-block;
    max-width: fit-content;
    margin: 40px 0 0 0;
    box-shadow: 0px 10px 20px rgba(214, 214, 214, 1);
    vertical-align: middle;
  }

  .custom-chat-box .chat-with-user {
    display: block;
    position: relative;
    width: fit-content;
    margin: 0 auto;
  }

  .custom-chat-box img.activeUser {
    display: block;
    width: 150px;
    height: auto;
    margin: 0 auto 10px;
  }

  .custom-chat-box .active-indicator {
    display: block;
    width: 15px;
    height: 15px;
    background: #32bb32;
    position: absolute;
    z-index: 2;
    top: 15px;
    right: 20px;
    border-radius: 50%;
  }

  .custom-chat-box .active-indicator:after {
    display: block;
    width: 15px;
    height: 15px;
    background: #35d635;
    position: absolute;
    z-index: 0;
    top: 0;
    right: 0;
    border-radius: 50%;
    content: "";
    animation-name: indicator;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out;
  }

  .chat-box-text {
    display: inline-block;
    width: 350px;
    padding: 20px 40px;
    vertical-align: middle;
  }

  .bodyContent.wForm .chat-box-text h6 {
    font-size: 16px;
    line-height: normal;
    color: var(--new-green);
    margin: 0;
    padding: 0;
  }

  .bodyContent.wForm .chat-box-text p {
    font-size: 24px;
    line-height: normal;
    font-weight: 600;
    color: #000;
    margin: 10px 0 0 0;
    padding: 0;
  }

  @keyframes indicator {
    0% {
      transform: scale(0);
      opacity: 1;
    }

    100% {
      transform: scale(3);
      opacity: 0;
    }
  }

  .bodyContent.wForm a.reverse-btn {
    padding: 15px 25px;
    font-size: 16px;
    border: 2px solid var(--new-light-green);
  }

  /* Form Style */
  .footer-form {
    padding: 0 0 50px;
    margin: 50px auto;
  }

  .footer-form .form-submit {
    display: block;
    margin: 30px 0 0;
    padding: 25px 20px;
  }

  .footer-form img.footer-img {
    display: block;
    width: 100%;
    margin-top: 75px;
  }

  .footer-form h6 {
    font-size: 26px;
    line-height: 38px;
    margin: 0 0 20px 0;
  }

  .footer-form img.FormChatExample {
    display: block;
    width: 100%;
    max-width: 200px;
    height: auto;
  }

  .rFormFloat {
    background: #fff;
    display: block;
    position: relative;
    height: fit-content;
    max-width: 460px;
    z-index: 888;
    border-radius: 10px;
    text-align: center;
    padding: 10px 30px;
    box-sizing: border-box;
    box-shadow: 0px 10px 20px rgba(50, 64, 74, 0.10);
    z-index: 990;
  }

  /* Float Right Form - 2025 Using Flex */
  .masthead--resource .mktoForm .mktoFormRow, .form--twocol .mktoForm .mktoFormRow{
      display:unset;
      width:unset;
      margin-right:unset;
  }

  .rFormFloat form#mktoForm_3708 {
      width: 100% !important;
      display: flex;
      justify-content: space-between;
      gap: 10px;
      flex-direction: row;
      flex-wrap: wrap;
      align-content: flex-start;
      align-items: flex-start;
      padding:20px 0!important;
      line-height:1.5;
      position:relative;
  }

  .rFormFloat form#mktoForm_3708 .mktoFormRow {
      flex: 1 1 calc(50% - 15px); /* Each row takes 50% width minus the gap */
      min-width: unset; /* Ensures it doesn't shrink too much */
      position:relative;
  }

  /* Visual UI CSS Fixes */
  .rFormFloat .form--twocol form#mktoForm_3708 > div:nth-child(15) {
      width:100%!important;
      flex:100%!important;
  }
  .rFormFloat form#mktoForm_3708 select#State.mktoField{
      width:100%!important;
  }
  .rFormFloat form#mktoForm_3708 div.mktoHtmlText.mktoHasWidth{
      width:100%!important;
  }
  .rFormFloat .form--twocol form#mktoForm_3708.mktoForm .mktoFormRow:has(.mktoPlaceholder) {
      display: none!important;
  }

  .rFormFloat form#mktoForm_3708 input,
  .rFormFloat form#mktoForm_3708 select {
      display:flex;
      flex-direction: column;
      flex-wrap: nowrap;
      align-items: stretch;
      flex: 40%;
      width: 100%!important; /* Ensures input/select elements fill their container */
      border: 1px solid #DCDDDD;
      border-radius: 5px;
      padding: 8px 10px;
      font-size: 15px;
      line-height: 28px;
      color: var(--dark-blue-gray);
      appearance: none;
      -webkit-appearance: none;
      -moz-appearance: none;
      box-shadow: unset;
      font-family: 'Bai Jamjuree', sans-serif;
      -webkit-font-smoothing: auto;
  }

  .rFormFloat form#mktoForm_3708 select.mktoField {
      -moz-appearance: none;
      background: #fff url(https://ta.smartrecruiters.com/js/forms2/images/arrow-down-bk.png) center right no-repeat;
  }

  .rFormFloat form#mktoForm_3708 .mktoFormRow:nth-child(6),
  .rFormFloat form#mktoForm_3708 .mktoFormRow:nth-child(7),
  .rFormFloat form#mktoForm_3708 .mktoFormRow:nth-child(8),
  .rFormFloat form#mktoForm_3708 .mktoFormRow:nth-child(9),
  .rFormFloat form#mktoForm_3708 .mktoFormRow:nth-child(10),
  .rFormFloat form#mktoForm_3708 .mktoFormRow:nth-child(11),
  .rFormFloat form#mktoForm_3708 .mktoFormRow:nth-child(12),
  .rFormFloat form#mktoForm_3708 .mktoFormRow:nth-child(13),
  .rFormFloat form#mktoForm_3708 .mktoFormRow:nth-child(14),
  .rFormFloat form#mktoForm_3708 .mktoFormRow:nth-child(16){
      flex:100%;
  }

  .rFormFloat form#mktoForm_3708 > div:nth-child(14) > div.mktoFieldDescriptor.mktoFormCol {
      position: absolute;
      width: 50px;
      left: 0;
      top: 0;
  }

  /*  ✅ Checkbox Label position child  */
  .rFormFloat form#mktoForm_3708 .mktoFormRow:nth-child(14) {
      margin:10px 0 0 0;
      padding-left: 45px;
  }

  .rFormFloat form#mktoForm_3708 .mktoFormRow:nth-child(14) > div.mktoFieldDescriptor.mktoFormCol {
      position: absolute;
      width: 50px;
      left: 0;
      top: 0;
  }

  /*  ✅ Checkbox  */
  .mktoLogicalField.mktoCheckboxList.mktoHasWidth.mktoRequired {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width:15px;
    height:17px;
  }

  /* Display Labels */
  .form--twocol .mktoForm .mktoLabel {
    display: block !important;
    font-size: 1.2rem;
  }

  @media (max-width: 600px) {
      .rFormFloat form#mktoForm_3708 .mktoFormRow {
          flex: 1 1 100%; /* Stack rows into a single column on small screens */
      }
  }

  form#mktoForm_3708 input::placeholder,form#mktoForm_3708 select{color:#000;}
  

  form#mktoForm_3708 label#LblgDPRSingleOptIn, form#mktoForm_3708 label#LblGDPR_Privacy_Policy_Consent__c{font-size:12px;}
  form#mktoForm_3708 label#LblgDPRSingleOptIn a, form#mktoForm_3708 label#LblGDPR_Privacy_Policy_Consent__c a{font-size:12px;color:#0841B0}

  .form--twocol #mktoForm_3708.mktoForm label.mktoLabel[for="GDPR_Privacy_Policy_Consent__c"] + .mktoGutter + .mktoLogicalField, .form--twocol #mktoForm_3708.mktoForm label.mktoLabel[for="gDPRSingleOptIn"] + .mktoGutter + .mktoLogicalField{margin-top:0px;}
  .form--twocol #mktoForm_3708.mktoForm label.mktoLabel[for="GDPR_Privacy_Policy_Consent__c"], .form--twocol #mktoForm_3708.mktoForm label.mktoLabel[for="gDPRSingleOptIn"]{padding-left:0px!important;width:10px!important;}
  .form--twocol #mktoForm_3708.mktoForm label#LblgDPRSingleOptIn {padding-left: 0px !important;}

  #mktoForm_3708 > div.mktoButtonRow{display:block;width:100%;}
  .form--twocol #mktoForm_3708.mktoForm .mktoButtonRow{margin:10px 0 0 0;}

#mktoForm_3708 .mktoButtonWrap.mktoRound {display:block;margin:0;margin-left:unset;}

/* CTA Fixes */
#mktoForm_3708 .mktoButtonWrap.mktoRound .mktoButton{background:#32A964;text-align:center;margin:0 auto;color:#fff;border-radius:80px;width:100%;font-weight:600;font-size:20px;transition:.07s ease-in;box-shadow:0px;display:block;margin:20px auto 10px;padding:1.85rem 2rem;border:0px;box-shadow:none;text-shadow:none;}
#mktoForm_3708 .mktoButtonWrap.mktoRound .mktoButton:hover{background:var(--new-light-green);transition:.07s ease-in;box-shadow:0px 10px 15px var(--button-drop-shadow);border-radius:80px;}

form[data-zi-mapped-form]#mktoForm_3708 .mktoFormRow{width:100%;}

img.contact-card-callout{display:block;margin:10px 0;width:100%;max-width:500px;}



/* Inline Promos - Additional Resources Overrides */
.inline-promos h3{
  font-family: "EuclidSquare Regular", sans-serif;
  font-size:18px;
  letter-spacing:3px;
}
.inline-promos h3 span{
  font-family: "EuclidSquare Semi-Bold", sans-serif;
  font-weight:bold;
  text-decoration:underline;
}
.inline-promos .inline-promo-module{
    background:#fff;
    border-radius:12px;
    margin:0 5px;
    width:100%;
  }
  .inline-resources .tag{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.4rem 4.8rem;
    gap: 1rem;
    border-radius: 3rem;
    border: 0.1rem solid var(--primary-500);
    color: var(--primary-500);
    font-size: 1.4rem;
    font-weight: 500;
    width:fit-content;
    margin:0 auto;
  }
  .inline-resources .inline-resource-title{
    text-align:center;
    font-size:25px;
    line-height:1.25;
  }
  .inline-promos .inline-promo-module .inline-product-thumb img, .inline-promos .inline-promo-module .inline-resource-thumb img {
    display: block;
    width: auto;
    max-height: 190px;
    margin: auto;
  }


  /* Navattic - Embed w/Image Swap  */
  .mobile-wrapper{
    display:none;
  }
  .navattic-wrapper {
    min-height:600px;
    position: relative;
    margin-bottom: -230px;
    z-index: 997;
  }
  @media screen and (max-width:767px) {
    .masthead--product--feature .masthead-inner .mobile-wrapper{
      position: relative;
      z-index: 2;
      display: block;
      margin: 0 auto -280px;
    }
    .masthead--product--feature .masthead-inner .mobile-wrapper img {
      display: block;
      padding: 0;
      margin: 0;
      max-width: unset;
      max-height: unset;
      width: 100%;
      height: auto;
  }

    .navattic-wrapper{
      display:none;
    }
  }


  /* Responsive Views */

  @media screen and (max-width:1315px) {}

  @media screen and (max-width:1200px) {}

  @media screen and (max-width:1070px) {}

  @media screen and (max-width:950px) {}

  @media screen and (max-width:767px) {
    .container--customerQuoteTop img {
      margin: 20px auto;
    }

    .masthead--product--feature .masthead-inner {
      padding: 5px 0;
    }

    .masthead--product--feature .masthead-inner .masthead-title {
      text-align: center;
      font-size: 70px;
      padding: 0 0 5px 0;
      margin:0 auto;
    }

    .page-template-product-pages .masthead--product--feature .masthead-inner .masthead-title--sub {
      padding: 0;
      text-align: center;
      font-size: 18px;
    }

    .masthead--product--feature .masthead-inner .mktgButton {
      display: block;
      width: 100%;
      max-width: unset;
      margin: 20px auto;
    }

    .masthead--product--feature a.reverse-btn {
      display: block;
      width: 100%;
      max-width: unset;
      margin: 20px auto;
    }

    .intro-block {
      padding: 30px 15px;
    }

    .inline-promos .inline-promo-module a {
      display: block;
      width: 100%;
      max-width: unset;
      margin: 20px auto;
    }

    .inline-faq .ui-accordion .ui-accordion-header {
      padding: 20px 50px 10px 20px;
      line-height: 1.25;
    }

    .inline-faq .ui-accordion .ui-accordion-content {
      padding: 3rem;
    }

    .inline-promos h3 {
      font-size: 2rem;
      line-height: 1.25;
      margin: 0 auto;
    }
  }

/* Mobile Header Hot Fixes */
@media all and (max-width: 768px) {
body.clear-theme .masthead--product--feature{
  margin:0 0 300px;
  padding-top:0px;
}
.page-template-product-pages .masthead--product--feature .masthead-inner .masthead-title--sub{
  font-size:15px;
}
section.winston-hero {
  position: relative;
  background: url(../modules/assets/images/winston-hero-background.jpg) 79% 65px / 260% no-repeat;
  padding: 290px 0 0 0;
  overflow: hidden;
}

section.winston-hero::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  height: 55%;
  width: 100%;
  background:linear-gradient(to bottom, rgba(15, 35, 51, 0) 20%, #0F2334 100%);
}

section.winston-hero > * {
  position: relative;
  z-index: 2;
}

body.clear-theme.page-template-page-smartos-category-page-2025 header {
  background: #08544A;
}

body.clear-theme.page-template-page-smartos-category-page-2025 header.stickyHeader{
  background: #fff;
}

body.clear-theme.page-template-page-smartos-category-page-2025 header .mobile-menu::after{
  filter: brightness(0) invert(1);
}

body.clear-theme.page-template-page-smartos-category-page-2025 header.stickyHeader .mobile-menu::after{
  filter: brightness(0) invert(0);
}

body.clear-theme header .nav-ct{
  background:transparent;
}

.cta.cta-secondary{
  margin-left:0;
}

.accordion-section h2.section-header{
  font-size: 25px;
  line-height: 1.25;
}

.accordion-section p{
  font-size:16px;
}

section.demo-video .sub-video-copy .large{
  font-size: 25px;
  line-height: 1.25;
}

.inline-faq .ui-accordion .ui-accordion-header{
  line-height:1.5;
}

section.faqs .faq-answer{
  font-size:14px;
  line-height:1.45;
}

.footer a.btn.btn-outline{
  margin:30px auto;
}
}