:root{
    --bg-primary:#51338B;
    --bg-gradient-primary:rgba(81, 51, 139 ,100%);
    --bg-secondary: #2B3C90;
    --bg-tertiary: #D60F80;
    --bg-white: #fff;
    --bg-gray: rgba(220, 212, 233, .4);
    --color-primary:#51338B;
    --color-black:#000;
    --color-white:#fff;
    --border-color: #8F67A4;
    --tab-bg-gray: #EFEFEF;
}

@font-face {
    font-family: 'Bariol Regular';
    src: url(../fonts/bariol_regular-webfont.ttf);
}

@font-face {
    font-family: 'Bariol Bold';
    src: url(../fonts/bariol_bold-webfont.ttf);
}

h1{
    font-size: 57px;
    color: var(--color-primary);
    font-family: 'Bariol Bold';
    line-height: 55px;
}

h4{
    font-size: 22px;
    color: var(--color-white);
    line-height: 28.2px;
    font-family: 'Bariol Bold';
}

h6{
    font-size: 29px;
    line-height: 32px;
    color: var(--color-primary);
    font-family: 'Bariol Regular';
}

h5 {
    font-size: 46px;
    line-height: 58px;
    color: var(--color-primary);
    font-family: 'Bariol Regular';
}

h2{
    font-size: 19px;
    line-height: 25px;
    color: var(--color-primary);
    font-family: 'Bariol Bold';
}

p {
    font-size: 18px;
    line-height: 23px;
    font-family: 'Bariol Regular';
}

span {
    font-size: 20px;
    line-height: 28px;
    font-family: 'Bariol Bold';
}

a{
    text-decoration: none;
    color: var(--color-white);
}

a:hover {
    color: var(--color-white);
}

.primary-button{
    background-color: var(--bg-tertiary);
    border-radius: 8px;
    color: var(--color-white);
    font-size: 18px;
    font-family: 'Bariol Bold';
    line-height: 28px;
    padding: 7px 24px;
}

.secondary-button{
    background-color: var(--bg-primary);
    border-radius: 8px;
    color: var(--color-white);
    font-size: 14px;
    font-family: 'Bariol Bold';
    padding: 8px 30px;
    line-height: 21px;
}
body{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

p.start-strong {
    font-size: 17px;
    line-height: 20px;
    font-family: 'Bariol Regular';
    color: var(--color-primary);
}
/* Top Navbar Start */

.top-navbar{
    background-color: var(--bg-primary);
    padding: 24px 52px 24px 34px
}


/* Top Navbar End */

/* Carousel Start */

.carousel-indicators [data-bs-target] {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    margin-right: 4px;
    margin-left: 4px;
    opacity: .3;
    transition: opacity .6s ease;
}

.carousel-indicators {
    left: -82%;
    top: 5%;  
    margin-right: 19%;
}

.portfolio{
    position: absolute;
    padding: 53px 79px 34px 60px;
    background-color: var(--bg-white);
    top: 10%;
    left: 51%;
    margin-left: 2px;
    opacity: 0.85;
    z-index: 100;
}

.nutrica-pku{
    position: absolute;
    top: 82%;
    left: 42px;
}

.portfolio a{
    line-height: 76px;
}

.product-groupsshot {
    position: absolute;
    top: 89%;
    left: -0.4%;
}

.carousel-indicators .active {
    opacity: 1 !important;
}

/* Carousel End */

/* Section Two Start */

.section-two{
    background-color: var(--bg-gray);
    padding: 194px 0 0 0;
}

.section-two span {
    color: var(--color-primary);
    font-size: 28px;
}

.section-two .span{
    color: var(--color-black);
}

.section-two p {
    color: var(--color-black);
    font-size: 22px;
    line-height: 24px;
}

/* Section Two End */

/* Section Three Start */

/* .product-filter{
    line-height: 52px;
} */

.product-filter img {
    margin-top: -14px;
    width: 8%;
}

.search-icon{
    cursor: pointer;
}


.color-primary{
    line-height: 52px;
    color: var(--color-primary);
}

.product-filter {
    margin-top: 12px;
}

.yrs {
    font-size: 16px;
    font-family: 'Bariol Bold';
    color: var(--color-primary);
    margin-left: 58px;
    margin-top: -15px;
}

.checkbox-wrapper-21 .control {
    display: block;
    position: relative;
    padding-left: 48px;
    cursor: pointer;
    font-size: 18px;
}

/* .checkbox-wrapper-21 .control {
    display: block;
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    font-size: 18px;
  } */
  .checkbox-wrapper-21 .control input {
    position: absolute;
    z-index: -1;
    opacity: 0;
  }
  .checkbox-wrapper-21 .control__indicator {
    position: absolute;
    top: 2px;
    left: 0;
    height: 16.86px;
    width: 16.86px;
    background: transparent;
    border: 1px solid var(--border-color);
    border-radius: 3px;
  }

  .checkbox-wrapper-21 .control__indicator:after {
    content: '';
    position: absolute;
    display: none;
  }
  .checkbox-wrapper-21 .control input:checked ~ .control__indicator:after {
    display: block;
  }
  .checkbox-wrapper-21 .control input:checked ~ .control__indicator:after {
    display: block;
}
.checkbox-wrapper-21 .control--checkbox .control__indicator:after {
    left: 5px;
    top: 2px;
    width: 5.56px;
    height: 10.37px;
    border: solid var(--bg-primary);
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.checkbox-wrapper-21 h2{
    font-size: 16px;
    line-height: 20px;
}

.product-input{
    background-color: transparent;
    border: 1.4px solid var(--tab-bg-gray);
    width: 215px;
    height: 34px;
}
.product-input input{
    border: none;
    outline: none;
    background-color: transparent;
    padding-left: 4px;
    height: 32px;
     font-family: 'Bariol Regular';
}

.product-input input::placeholder{
    color: var(--color-black);
}


.detail span{
    color: var(--color-primary);
}

.border-bottom{
    border-bottom: 2px solid var(--color-black) !important;
}

.range {
    background: linear-gradient(to left, var(--bg-primary) 50%, var(--bg-primary) 0%);
    height: 6px;
    width: 34%;
    position: relative;
    border: none;
    border-radius: 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }

  .range [type=range] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
  }

  .range [type=range]::-moz-range-thumb {
    
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--bg-primary);
    cursor: pointer;
    border: none;
  }

  .range {
    max-width: 50%;
  }
  .range [type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--bg-primary);
    cursor: pointer;
    border: none;
  }



.product-input img {
    padding-top: 12px;
    width: unset;
}
.pagination {
    display: inline-block;
  }
  
  .pagination a {
    color: black;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
    border-radius: 50px;
    border: 1px solid #ddd;
  }
  
  .pagination a.active {
    background-color: var(--color-primary);
    color: white;
    border-radius: 30px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
  }
  
  .pagination a:hover:not(.active) {
    background-color: #ddd;
    border-radius: 50px;
    border: 1px solid #ddd;
  }

/* Section Three End */

/* Section 4 Start */



.nutricia-navigator p{
    color: var(--color-white);
    margin-top: 27px;
}



.nutricia-navigator {
    background-color: var(--bg-primary);
    border-radius: 10px;

}

.nutricia-navigator a{
    border-radius: 4px;
}

.nutricia-conntect{
    background-color: var(--bg-secondary);
    border-radius: 10px;

}



.nutricia-conntect p{
    color: var(--color-white);
    margin-top: 16px;
}

.nutricia-conntect a{
    border-radius: 4px;
    padding: 7px 38px;
}

a.primary-button.explore {
    padding: 7px 12px;
}

.signup-btn{
    display: none;
}

/* Section 4 End */

/* Footer Section Start */

.footer {

    background-image: linear-gradient(90deg, #51338B, #2F3B8F);
}

.footer img {
    width: 194px;
    height: 81.06px;
}

.footer p{
    color: var(--color-white);
    margin-top: 20px;
}

.icons-img img {
    width: 40px;
    height: 40px;
    padding: 2px;
}

/* Footer Section End */


  @media screen and (min-width: 2200px) {
    h1 {
        font-size: 94px;
        line-height: 86px;
    }
    h4 {
        font-size: 46px;
        line-height: 54.2px;
    }
    h2 {
        font-size: 30px;
        line-height: 38px;

    }
    h5 {
        font-size: 88px;
        line-height: 160px;
    }
    h6 {
        font-size: 48px;
        line-height: 56px;
    }
    span {
        font-size: 40px;
        line-height: 44px;
    }
    .span {
        font-size: 32px;
        line-height: 38px;
    }

    p {
        font-size: 36px;
        line-height: 44px;
       
    }

    p.start-strong {
        font-size: 38px;
        line-height: 40px;
 
    }

    .nutrica-pku {
        position: absolute;
        top: 82%;
        left: 62px;
    }

    .primary-button {
        font-size: 32px;
        padding: 16px 47px;
    }


    .secondary-button {
        font-size: 26px;
        padding: 14px 44px;
        line-height: 72px;
    }

    .portfolio a {
        line-height: 204px;
    }

    .portfolio {
        padding: 53px 233px 35px 65px;
        left: 54%;
    }

    .section-two {
        padding: 338px 0 0 0;
    }

    .carousel-indicators [data-bs-target] {
        width: 28px;
        height: 28px;
    }

    .product-filter img {
        margin-top: -14px;
        /* font-size: 30%; */
        width: 8%;
    }

    .yrs {
        font-size: 16px;
        font-family: 'Bariol Bold';
        color: var(--color-primary);
        margin-left: 62px;
        margin-top: -14px;
    }

    .checkbox-wrapper-21 h2 {
        font-size: 24px;
        line-height: 32px;
    }
    
    .checkbox-wrapper-21 .control--checkbox .control__indicator:after {
        left: 9px;
        top: 2px;
        width: 9.56px;
        height: 20.37px;
        border: 6px solid var(--bg-primary);
        border-width: 0px 2px 2px 0;
        transform: rotate(45deg);
    }

.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1800px !important;
}

.range {
    width: 28%;
}


.product-filter p {
    margin-top: 34px;
}

.checkbox-wrapper-21 .control {
    padding-left: 48px;
    font-size: 41px;
}

.checkbox-wrapper-21 .control__indicator {
    height: 28.86px;
    width: 28.86px;

}

.nutricia-navigator img {
    width: 50%;
}

.nutricia-conntect img {
    width: 50%;
}

.product-input {
    width: 80%;
    height: 43px;
}

.product-input input {
    padding-left: 10px;
    height: 40px;
    width: 90%;
}



.nutricia-conntect a {
    padding: 14px 68px;
    line-height: 80px;
}

a.primary-button.hide-btn {
    line-height: 100px;
}

.icons-img img {
    width: 58px;
    height: 58px;
    padding: 2px;
}


  }

  @media only screen and (max-width: 1920px) {



    .nutricia-conntect {
        background-color: var(--bg-secondary);
        border-radius: 10px;
        padding-bottom: 72px !important;
    }
    .nutricia-conntect p {
        font-size: 20px;
    }
    .nutricia-navigator p {
        font-size: 20px;
    }
    .portfolio {
        left: 60%;
    }
    .section-two {
        background-color: var(--bg-gray);
        padding: 276px 0 0 0;
    }
    .yrs {
        margin-left: 54px;
    }
 
  }

  @media only screen and (max-width: 1680px) {
    .primary-button {
        background-color: var(--bg-tertiary);
        border-radius: 8px;
        color: var(--color-white);
        font-size: 24px;
        font-family: 'Bariol Bold';
        line-height: 28px;
        padding: 7px 24px;
    }
    .portfolio {
        left: 51%;
        padding: 53px 100px 52px 77px;
 
    }

    .portfolio h1 {
        font-size: 72px;
        line-height: 76px;
    }

    .portfolio h6 {
        font-size: 36px;
        line-height: 39px;
    }



    .section-two {
        background-color: var(--bg-gray);
        padding: 226px 0 0 0;
    }

    h5 {
        font-size: 58px;
        line-height: 58px;
    }

    .section-two p {
        font-size: 25px;
        line-height: 30px;
    }

    .nutrica-pku  h4{
      font-size: 29px;
      line-height: 38px;
    }

    .section-two span {

        font-size: 40px;
    }

    span {
        font-size: 26px;
        line-height: 28px;
        font-family: 'Bariol Bold';
    }

    .checkbox-wrapper-21 h2 {
        font-size: 22px;
        line-height: 26px;
    }

    .checkbox-wrapper-21 .control--checkbox .control__indicator:after {
        left: 7px;
        width: 5.56px;
        height: 13px;
    }

    .checkbox-wrapper-21 .control__indicator {
        top: 4px;
        height: 20px;
        width: 20px;
    }

    .product-input {
        width: 82%;
        height: 34px;
    }

    .product-input input {
        height: 32px;
        width: 90%;
    }
    .secondary-button {
        font-size: 18px;
        line-height: 28px;
    }
    p {
        font-size: 24px;
        line-height: 30px;
    }
    .nutricia-conntect p {
        margin-bottom: 48px  !important;
    }
    .nutricia-conntect {
        padding-bottom: 50px !important ;
    }
    .nutricia-conntect a{
        font-size: 22px;
    }
    .nutricia-navigator a{
        font-size: 22px;
    }
  }

  @media only screen and (max-width: 1440px) {
    .primary-button {
        background-color: var(--bg-tertiary);
        border-radius: 8px;
        color: var(--color-white);
        font-size: 18px !important;
        font-family: 'Bariol Bold';
        line-height: 28px;
        padding: 7px 24px;
    }
    p {
        font-size: 18px !important;
        line-height: 23px !important;

    }
    h1 {
        font-size: 57px !important;
        line-height: 55px !important;
    }

    h5 {
        font-size: 46px !important;
    }

    h6 {
        font-size: 29px !important;
        line-height: 34px !important;

    }

    span {
        font-size: 20px !important;

    }
    
    .portfolio {
        position: absolute;
        padding: 53px 79px 34px 60px;
        background-color: var(--bg-white);
        top: 10%;
        left: 51%;
    }  
    
    .portfolio a {
        font-size: 18px !important;
    }

    h4 {
    font-size: 22px !important;
    line-height: 24px !important;

}

.nutrica-pku {
    position: absolute;
    top: 83% !important;
    left: 42px;
}

.checkbox-wrapper-21 h2 {
    font-size: 16px !important;
    line-height: 20px !important;
}

.checkbox-wrapper-21 .control {
    padding-left: 40px !important;
    font-size: 18px !important;
}

.checkbox-wrapper-21 .control__indicator {
    top: 1px !important;
    height: 16px !important;
    width: 16px !important;
}

.checkbox-wrapper-21 .control--checkbox .control__indicator:after {
    left: 5px !important;
    top: 2px !important;
    width: 5.56px !important;
    height: 10.37px !important;
}

.section-two span {
    font-size: 28px !important;
}

.section-two p {
    font-size: 22px !important;
    line-height: 24px !important;
}

.product-input input {
    height: 32px !important;
    width: 86% !important;
    font-size: 14px !important;
}

.secondary-button {
    font-size: 14px !important;
    line-height: 21px !important;
}
    
    .nutricia-conntect {
        background-color: var(--bg-secondary);
        border-radius: 10px;
        padding-bottom: 46px !important;
    }
    .nutricia-conntect p {
        margin-bottom: 32px !important;
    }
    .nutricia-conntect p {
        font-size: 16px !important;
        line-height: 22px;
    }
    .nutricia-navigator p {
        font-size: 16px !important;
        line-height: 22px;
    }

    .nutricia-conntect a{
        font-size: 18px !important;
    }
    .nutricia-navigator a{
        font-size: 18px !important;
    }
 
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1000px;
    }
    .section-two {
        background-color: var(--bg-gray);
        padding: 188px 0 0 0;
    }
    .yrs {
        margin-left: 40px !important;
    }
 
  }

  @media only screen and (max-width: 1024px){
    h1 {
        font-size: 42px !important;
        line-height: 42px !important;
    }
    h6 {
        font-size: 22px !important;
        line-height: 24px !important;
    }
    .section-two p {
        color: var(--color-black);
        font-size: 13px !important;
        line-height: 18px !important;
    }
    .section-two span {
        color: var(--color-primary);
        font-size: 22px !important;
    }
    .portfolio {
        padding: 54px 76px 18px 66px;
    }
  }

  @media only screen and (max-width: 991px){
    .col-lg-6.col-md-6.text-center.p-5 {
        padding: 0 !important;
        padding-top: 46px !important;
    }

    .carousel-item{
        height: 920px;
    }
    .logo img {
        width: 100%;
        margin-left: -22px;
    }
    section.footer {
        margin-top: 10px !important;
    }

    hr.mt-5 {
        opacity: 1;
        color: var(--color-black);
    }

    .range {
        max-width: 11%;
        right: 22px;
    }
 .section-3 .container {
    padding-left: 0;
    padding-right: 0;
}
.section-3{
    margin-right: 0px !important;
    margin-left: 0px !important;
} 


    .carousel-indicators [data-bs-target] {
   margin-top: -10px;

    }

    .carousel-indicators {
        left: 80%;
        top: 2%;
        display: grid;
        bottom: 100%;
    }

    .nutrica-pku {
        position: absolute;
        top: 43% !important;
        left: 76%;
        right: 0;
    }

    .portfolio {
        left: -2px;
        width: 100%;
        bottom: 0;
        top: 62%;
    }

    .product-groupsshot {
        top: 94%;
        left: 0;
        z-index: 1000;
    }

    .section-two {
        padding: 326px 0 0 0;
    }

    .moblie-line-art{
        background-image: url(../img/mob-images/Mobile\ line\ art.svg);
        width: 100%;
        background-repeat: no-repeat;
        height: 500px;
    }

    .strong {
    padding: 10px 140px;
    }


    .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active i{
        rotate: 180deg;
    }

    .nav-link {
        display: block;
        padding: 0 20px;
        color: var(--color-black);
    }

    hr.mt-5 {
        opacity: 1;
        color: var(--color-black);
        outline: 1px solid;
        width: 93%;
        margin: auto;
    }

    .nav {
        display: flex;
        flex-wrap: wrap;
        padding-left: 0;
        margin-bottom: 0;
        list-style: none;
        justify-content: center;
    }

    .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
        color: var(--color-black);
        background-color: var(--tab-bg-gray);
        border-color:transparent;
        padding-top: 6px;
    }

    .nav-tabs .nav-link {
        margin-bottom: -1px;
        background: 0 0;
        border: 1px solid transparent;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

    .tab-content{
        margin: 0;
        background-color: var(--tab-bg-gray);
        padding: 26px 0 12px 0;
        text-align: center;
    }



    .nav-tabs {
        border-bottom: transparent;
    }
    .checkbox-wrapper-21 .control {
        padding-left: 42% !important;
    }
    .checkbox-wrapper-21 h2 {
 
        text-align: left;
    }
    .checkbox-wrapper-21 .control__indicator {
        top: 2px;
        left: 38%;
    }

    .nav-link span{
        color: var(--color-primary);
    }

    .yrs {
        padding-left: 26% !important;
        text-align: left;
        font-size: 14px !important;
        margin-top: -16px;
    }

    .hide-btn {
        display: none;
    }

  .signup-btn {
        display: initial;
        padding: 7px 34px;
    }
   .footer p br {
        display: none;
    }

    .nav-tabs i {
        font-size: 12px;
    }

    section.section-two h5 {
        font-size: 32px;
    }

    .product-input {
        width: 20%;
        height: 34px;
    }

    .product-input input {
        height: 32px !important;
        width: 100% !important;
        font-size: 14px !important;
    }
    .section-4 p br {
        display: none;
    }
    
  }

  @media only screen and (max-width: 840px){
       .nutrica-pku {
    top: 53% !important;
}
    .section-two {
        padding: 280px 0 0 0;
    }
    
    
  }

  @media only screen and (max-width: 768px){
    .section-4 p br {
        display: none;
    }

    .product-input {
        width: 28%;
        height: 34px;
    }

  }

  @media only screen and (max-width: 640px){
    .nutrica-pku {
        top: 41%;
        left: 68%;
    }
    .section-two {
        padding: 206px 0 0 0;
    }
    .checkbox-wrapper-21 .control__indicator {
        top: 2px;
        left: 32%;
    }
    .checkbox-wrapper-21 .control {
        padding-left: 38% !important;
    }

  }

  @media only screen and (max-width: 480px){
    .tab-content>.active {
        display: block;
        margin-left: 56px;
    }
    .product-groupsshot {
        top: 91%;
        left: 0;
        z-index: 1000;
    }
.carousel-item{
        height: auto;
    }
    .detail{
        padding: 0%;
    }

    .carousel-indicators [data-bs-target] {
        margin-top: -12px;
    }

    .carousel-indicators [data-bs-target] {
        width: 8px;
        height: 8px;
    }
    .portfolio {
        left: -2px;
        width: 100%;
        bottom: 0;
        top: 48%;
    }
    .portfolio {
        padding: 25px 0 118px 0;
    }


    .portfolio a {
        font-size: 24px !important;
    }

    .product-groupsshot {
        top: 95%;
        left: 0;
        z-index: 1000;
    }

    .section-two {
        padding: 150px 0 0 0;
        padding-bottom: 20px;
    }
   .section-two span {
        font-size: 26px;
        line-height: 46px;
    }

    .section-two p {
        color: var(--color-black);
        font-size: 18px !important;
        line-height: 22px !important;
    }

    .checkbox-wrapper-21 .control {
        padding-left: 26% !important;
    }

    .checkbox-wrapper-21 .control__indicator {
        top: 2px;
        left: 18%;
    }

    .nutrica-pku {
        top: 37% !important;
        left: 59%;
    }
    h4 {
        font-size: 24px !important;
        line-height: 25px !important;
    }
    h5 {
        font-size: 26px !important;
        line-height: 28px;
    }
    span {
        font-size: 17px !important;
    }

    .strong {
        padding: 0px 40px 1px 139px;
    }

    .section-3 h5 {
        font-size: 42px !important;
        line-height: 42px;
    }
    .section-3 span {
        line-height: 16px;

    }
    .section-4 h5 {
        font-size: 42px !important;
    }
    .section-4 p {
        font-size: 21px;
        line-height: 23px;

    }
    .row.text-center.w-75.mx-auto {
        width: 100% !important;
    }
    

    .nutricia-conntect {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }

    .nutricia-navigator {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .nutricia-navigator p {
        font-size: 21px;
    }
    .nutricia-conntect p {
        font-size: 20px;
    }
   .stay.strong {
        margin-top: -60px;
    }
    .product-input {
        width: 40%;
        height: 34px;
    }
    h6 {
        font-size: 26px !important;
        line-height: 30px !important;
    }
    .yrs {
        margin-left: 10% !important;
    }
    .range {
        max-width: 20%;
        right: 22px;
    }
  }
 

@media only screen and (max-width: 376px){
    .yrs {
        margin-left: 14% !important;
    }
    .range {
        max-width: 26% !important;
        right: 22px;
    }
	h6 {
		font-size: 20px !important;
		line-height: 22px !important;
	}
}



@media only screen and (max-width: 330px){
    h4 {
        font-size: 20px !important;
        line-height: 22px !important;
    }

    h1 {
        font-size: 38px !important;
        line-height: 36px !important;
    }

    h6 {
        font-size: 20px !important;
        line-height: 22px !important;
    }

    .section-two {
        padding: 109px 0 0 0;
        padding-bottom: 20px;
    }

    h5 {
        font-size: 22px !important;
        line-height: 28px;
    }

    .section-two span {
        font-size: 18px !important;
    }

    span {
        font-size: 14px !important;
    }

    .checkbox-wrapper-21 h2 {
        font-size: 14px !important;
        line-height: 20px !important;
    }

    .product-input input {
        height: 32px !important;
        width: 84% !important;
        font-size: 14px !important;
    }

    .secondary-button {
        font-size: 14px !important;
        line-height: 11px !important;
    }

    .section-3 h5 {
        font-size: 38px !important;
        line-height: 40px;
    }

    .section-4 h5 {
        font-size: 38px !important;
    }

    .section-two p {
        color: var(--color-black);
        font-size: 13px !important;
        line-height: 18px !important;
    }

}