/* Style for underlined hover effect */
    .navbar-nav .nav-link:hover {
      text-decoration: underline;
    }

    /* Custom CSS to increase the width of the search bar */
    .form-control {
      width: 400px;
      /* Adjust the width as needed */
    }

    .navbar-nav .nav-link {
      margin-right: 20px;
      /* Increase space between nav links */
      margin-right: 20px;
    }

    .icons {
      margin-right: 20px;
      /* Increase space between nav links */
      margin-right: 20px;
    }

    .input-group .form-control {
      border-top-left-radius: 20px;
      border-bottom-left-radius: 20px;
      border-color: #aaaaaa;
    }

          /* Tablet and larger screens */
      @media (min-width: 768px) {
        .input-group .form-control {
          width: 400px; /* Adjust as needed */
        }
        .only-mobile{
          display: none;
        }
      }

      /* Mobile devices */
      @media (max-width: 767.98px) {
        .input-group .form-control {
          width: 300px; /* Adjust as needed */
        }
        .Only-pc{
          display: none;
        }
      }

    



    /* More rounded borders for the search button */
    .input-group .btn {
      border-top-right-radius: 20px;
      border-bottom-right-radius: 20px;
      color: #aaaaaa;
      border-color: #aaaaaa;
    }

    /* Change button hover color to black */
    .input-group .btn:hover {
      background-color: black;
      color: white;
      /* Change text color to white on hover for better contrast */
    }

    .icons {
      color: black;
      /* Change the icon color to black */
      margin-right: 05px;
      /* Reduce the gap between icons */
      margin-left: 05px;
      size: 10px;
      font-size: 24px;
      /* Change the icon size to 24 pixels */
    }

    #navbarSupportedContent .navbar-nav .nav-link {
      font-size: 14px;
      font-family: 'acumin-pro', 'Acumin Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
      color: #3f434d;
      font-weight: bold;
      /* You may need to adjust this value based on the available weights */
      padding-right: 03px;
    }

    #navbarSupportedContent .navbar-nav .nav-link:hover {
      font-size: 14px;
      font-family: 'acumin-pro', 'Acumin Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
      color: black;
      font-weight: bold;
      /* You may need to adjust this value based on the available weights */
    }

    .dropdown-menu .dropdown-item {
      color: #000000;
      /* Change to your desired color */
    }

    /* Change dropdown menu item hover color */
    .dropdown-menu .dropdown-item:hover {
      background-color: #e9e9e9;
      /* Change to your desired hover color */
    }
    
     .custom-frame {
            display: none;
        }

        p {
            color: rgba(0, 0, 0, 0.80);

            /* Content */
            font-family: DM Sans;
            font-size: 20px;
            font-style: normal;
            font-weight: 400;
            line-height: 30px;
            /* 150% */
        }

        h1 {
            color: #090909;
            font-family: DM Sans;
            font-size: 48px;
            font-style: normal;
            font-weight: 700;
            line-height: 54px;
            /* 112.5% */
            text-transform: capitalize;
        }

        .navtext {
            color: #FFF;
            font-family: DM Sans;
            font-size: 14px;
            font-style: normal;
            font-weight: 700;
            line-height: normal;
        }

        .sec01Img {
            text-align: center;
            font-family: DM Sans;
            font-size: 96px;
            font-style: normal;
            font-weight: 700;
            /* line-height: 100px; */
            /* 104.167% */
            text-transform: uppercase;
            background: url(./images/6218e029a2a9bac499669f7ae42c87a2.png), lightgray 50% / cover no-repeat;
            background-clip: text;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        .newsletter {
            /* color: #000; */
            font-family: DM Sans;
            font-size: 24px;
            font-style: normal;
            font-weight: 700;
            line-height: 40px;
            /* 166.667% */
        }

        .btncustom {
            border-radius: 20px 0px;
            margin-left: 10px;
            margin-right: 10px;
            display: flex;
            text-align: center;
            vertical-align: middle;
            width: 75%;
            /* Set a width as a percentage of its container */

            gap: 10px;
        }

        .footertext {
            color: var(--neutral-800, #A5ACBA);

            /* Text L/Regular */
            font-family: Inter;
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: 24px;
            /* 150% */
            letter-spacing: -0.1px;
        }

        .ul_font {
            color: #25438B;
            font-family: DM Sans;
            font-size: 24px;
            font-style: normal;
            font-weight: 700;
            line-height: 60px;
            /* 250% */
        }

        paradel {
            background-color: yellow;
        }

        @media screen and (max-width: 629px) {
            .sec01Img {
                text-align: center;
                font-family: DM Sans;
                font-size: 30px;
                font-style: normal;
                font-weight: 350;
                /* line-height: 100px; */
                /* 104.167% */
                text-transform: uppercase;
                background: url(./images/6218e029a2a9bac499669f7ae42c87a2.png), lightgray 50% / cover no-repeat;
                background-clip: text;
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
            }
        }

        @media (min-width: 768px) {
            .carousel-inner {
                display: flex;
            }

            .carousel-item {
                margin-right: 0;
                flex: 0 0 25%;
                display: block;
            }
        }

        @media (max-width: 629px) {
            img#optionalstuff {
                display: none;
            }
        }

        @media screen and (max-width: 629px) {
            .MobileContent {
                display: none;
            }
        }

        @media screen and (min-width: 629px) {
            .clicktocall {
                display: none;
            }
        }

        .carousel-inner {
            padding: 1em;
        }

        .card {
            margin: 0 .5em;
            box-shadow: 2px 6px 8px 0 rgba(22, 22, 26, 0.18);
            border: none;
        }

        .carousel-control-prev,
        .carousel-control-next {
            background-color: #e1e1e1;
            width: 6vh;
            height: 6vh;
            border-radius: 50%;
            top: 50%;
            transform: translateY(-50%);
        }

        .card .img-wrapper {
            max-width: 100%;
            height: 13em;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        img {
            max-height: 100%;
        }
   
        @media (max-width:629px) {
            img#optionalstuff {
                display: none;
            }
        }

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

            .MobileContent {

                display: none;

            }

        }

        @media screen and (min-width: 629px) {
            .clicktocall {

                display: none;

            }

        }

        /* Banner */

        .banner {
            background-color: #8a4680;
            color: #e2d1df;
            padding: 8em 0;
            position: relative;
        }

        .banner input,
        .banner select,
        .banner textarea {
            color: #ffffff;
        }

        .banner a {
            color: #ffffff;
        }

        .banner strong,
        .banner b {
            color: #ffffff;
        }

        .banner h1,
        .banner h2,
        .banner h3,
        .banner h4,
        .banner h5,
        .banner h6 {
            color: #ffffff;
        }

        .banner blockquote {
            border-left-color: rgba(255, 255, 255, 0.25);
        }

        .banner code {
            background: rgba(255, 255, 255, 0.075);
            border-color: rgba(255, 255, 255, 0.25);
        }

        .banner hr {
            border-bottom-color: rgba(255, 255, 255, 0.25);
        }

        .banner.full {
            padding: 0;
            min-height: 100vh;
            height: 100vh !important;
        }

        .banner.half {
            padding: 0;
            min-height: 50vh;
            height: 50vh !important;
        }

        .banner:after {
            -moz-pointer-events: none;
            -webkit-pointer-events: none;
            -ms-pointer-events: none;
            pointer-events: none;
            -moz-transition: opacity 1.5s ease-in-out, visibility 1.5s;
            -webkit-transition: opacity 1.5s ease-in-out, visibility 1.5s;
            -ms-transition: opacity 1.5s ease-in-out, visibility 1.5s;
            transition: opacity 1.5s ease-in-out, visibility 1.5s;
            background: #000000;
            content: '';
            display: block;
            height: 100%;
            left: 0;
            opacity: 0;
            position: absolute;
            top: 0;
            visibility: hidden;
            width: 100%;
            z-index: 2;
        }

        .banner .indicators {
            bottom: 1.5em;
            left: 0;
            list-style: none;
            margin: 0;
            padding: 0;
            position: absolute;
            text-align: center;
            width: 100%;
            z-index: 2;
        }

        .banner .indicators li {
            cursor: pointer;
            display: inline-block;
            height: 2em;
            overflow: hidden;
            padding: 0;
            position: relative;
            text-indent: 2em;
            width: 2em;
        }

        .banner .indicators li:before {
            background: rgba(255, 255, 255, 0.35);
            border-radius: 100%;
            content: '';
            display: inline-block;
            height: 0.8em;
            left: 50%;
            margin: -0.4em 0 0 -0.4em;
            position: absolute;
            text-indent: 0;
            top: 50%;
            width: 0.8em;
        }

        .banner .indicators li.visible:before {
            background: #fff;
        }

        .banner>article {
            -moz-transition: opacity 1.5s ease, visibility 1.5s;
            -webkit-transition: opacity 1.5s ease, visibility 1.5s;
            -ms-transition: opacity 1.5s ease, visibility 1.5s;
            transition: opacity 1.5s ease, visibility 1.5s;
            background-attachment: fixed;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
            height: 100%;
            left: 0;
            opacity: 0;
            position: absolute;
            text-align: center;
            top: 0;
            visibility: hidden;
            width: 100%;
            z-index: 0;
        }

        .banner>article:before {
            content: '';
            display: inline-block;
            height: 100%;
            vertical-align: middle;
        }

        .banner>article:after {
            content: '';
            display: block;
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;

            opacity: 0.0;
        }

        .banner>article .inner {
            position: relative;
            display: inline-block;
            vertical-align: middle;
            z-index: 1;
        }

        .banner>article .inner> :last-child {
            margin-bottom: 0;
        }

        .banner>article h2 {
            font-size: 3.0vw;
            margin-bottom: 0;
            color: #FFF;
            font-weight: 300;
        }

        .banner>article h2:after {
            display: none;
        }

        .banner>article p {
            color: rgba(255, 255, 255, 0.65);
            text-transform: uppercase;
            font-size: 1rem;
            font-weight: 300;
            margin: 0;
            padding-bottom: 1.75rem;
            letter-spacing: .25rem;
        }

        .banner>article p:after {
            content: '';
            position: absolute;
            margin: auto;
            right: 0;
            bottom: 0;
            left: 0;
            width: 50%;
            height: 1px;
            background-color: rgba(255, 255, 255, 0.65);
        }

        .banner>article a {
            color: #FFF;
            text-decoration: none;
        }

        .banner>article img {
            display: none;
        }

        .banner>article.visible {
            opacity: 1;
            visibility: visible;
        }

        .banner>article.top {
            z-index: 1;
        }

        .banner>article.instant {
            -moz-transition: none !important;
            -webkit-transition: none !important;
            -ms-transition: none !important;
            transition: none !important;
        }

        body.is-loading .banner:after {
            opacity: 1.0;
            visibility: visible;
        }

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

            .banner.full {
                padding: 0;
                min-height: 75vh;
                height: 75vh !important;
            }

        }

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

            .banner.full {
                padding: 0;
                min-height: 50vh;
                height: 50vh !important;
            }

            .banner>article {
                background-attachment: scroll;
            }

        }

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

            .banner>article .inner {
                width: 90%;
            }

            .banner>article p {
                margin-bottom: 1rem;
            }

            .banner>article h2 {
                font-size: 4vw;
            }

        }

        body.is-mobile .banner>article {
            background-attachment: scroll;
        }

        .wrapper.style3 {
            background-color: #000;
            color: #bfbfbf;
            background-image: url(../../images/power-plus-white.jpg);
            background-size: cover;
            background-attachment: fixed;
            background-position: center;
            position: relative;
        }

        .wrapper.style3 input,
        .wrapper.style3 select,
        .wrapper.style3 textarea {
            color: #ffffff;
        }

        .wrapper.style3 a {
            color: #8a4680;
        }

        .wrapper.style3 strong,
        .wrapper.style3 b {
            color: #ffffff;
        }

        .wrapper.style3 h1,
        .wrapper.style3 h2,
        .wrapper.style3 h3,
        .wrapper.style3 h4,
        .wrapper.style3 h5,
        .wrapper.style3 h6 {
            color: #000000;
        }

        .wrapper.style3 blockquote {
            border-left-color: rgba(255, 255, 255, 0.25);
        }

        .wrapper.style3 code {

            border-color: rgba(255, 255, 255, 0.25);
        }

        .wrapper.style3 hr {
            border-bottom-color: rgba(255, 255, 255, 0.25);
        }

        .wrapper.style3 .box {
            border-color: rgba(255, 255, 255, 0.25);
        }

        .wrapper.style3 input[type="submit"],
        .wrapper.style3 input[type="reset"],
        .wrapper.style3 input[type="button"],
        .wrapper.style3 button,
        .wrapper.style3 .button {
            background-color: #f2f2f2;
            color: #000 !important;
        }

        .wrapper.style3 input[type="submit"]:hover,
        .wrapper.style3 input[type="reset"]:hover,
        .wrapper.style3 input[type="button"]:hover,
        .wrapper.style3 button:hover,
        .wrapper.style3 .button:hover {
            background-color: white;
        }

        .wrapper.style3 input[type="submit"]:active,
        .wrapper.style3 input[type="reset"]:active,
        .wrapper.style3 input[type="button"]:active,
        .wrapper.style3 button:active,
        .wrapper.style3 .button:active {
            background-color: #e5e5e5;
        }

        .wrapper.style3 input[type="submit"].alt,
        .wrapper.style3 input[type="reset"].alt,
        .wrapper.style3 input[type="button"].alt,
        .wrapper.style3 button.alt,
        .wrapper.style3 .button.alt {
            background-color: transparent;
            box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.25);
            color: #ffffff !important;
        }

        .wrapper.style3 input[type="submit"].alt:hover,
        .wrapper.style3 input[type="reset"].alt:hover,
        .wrapper.style3 input[type="button"].alt:hover,
        .wrapper.style3 button.alt:hover,
        .wrapper.style3 .button.alt:hover {
            background-color: rgba(255, 255, 255, 0.075);
        }

        .wrapper.style3 input[type="submit"].alt:active,
        .wrapper.style3 input[type="reset"].alt:active,
        .wrapper.style3 input[type="button"].alt:active,
        .wrapper.style3 button.alt:active,
        .wrapper.style3 .button.alt:active {
            background-color: rgba(255, 255, 255, 0.2);
        }

        .wrapper.style3 input[type="submit"].alt.icon:before,
        .wrapper.style3 input[type="reset"].alt.icon:before,
        .wrapper.style3 input[type="button"].alt.icon:before,
        .wrapper.style3 button.alt.icon:before,
        .wrapper.style3 .button.alt.icon:before {
            color: #999999;
        }

        .wrapper.style3 input[type="submit"].special,
        .wrapper.style3 input[type="reset"].special,
        .wrapper.style3 input[type="button"].special,
        .wrapper.style3 button.special,
        .wrapper.style3 .button.special {
            background-color: #8a4680;
            color: #ffffff !important;
        }

        .wrapper.style3 input[type="submit"].special:hover,
        .wrapper.style3 input[type="reset"].special:hover,
        .wrapper.style3 input[type="button"].special:hover,
        .wrapper.style3 button.special:hover,
        .wrapper.style3 .button.special:hover {
            background-color: #9b4f90;
        }

        .wrapper.style3 input[type="submit"].special:active,
        .wrapper.style3 input[type="reset"].special:active,
        .wrapper.style3 input[type="button"].special:active,
        .wrapper.style3 button.special:active,
        .wrapper.style3 .button.special:active {
            background-color: #793d70;
        }

        .wrapper.style3 label {
            color: #ffffff;
        }

        .wrapper.style3 input[type="text"],
        .wrapper.style3 input[type="password"],
        .wrapper.style3 input[type="email"],
        .wrapper.style3 select,
        .wrapper.style3 textarea {
            background: rgba(255, 255, 255, 0.075);
            border-color: rgba(255, 255, 255, 0.25);
        }

        .wrapper.style3 input[type="text"]:focus,
        .wrapper.style3 input[type="password"]:focus,
        .wrapper.style3 input[type="email"]:focus,
        .wrapper.style3 select:focus,
        .wrapper.style3 textarea:focus {
            border-color: #8a4680;
            box-shadow: 0 0 0 1px #8a4680;
        }

        .wrapper.style3 .select-wrapper:before {
            color: rgba(255, 255, 255, 0.25);
        }

        .wrapper.style3 input[type="checkbox"]+label,
        .wrapper.style3 input[type="radio"]+label {
            color: #bfbfbf;
        }

        .wrapper.style3 input[type="checkbox"]+label:before,
        .wrapper.style3 input[type="radio"]+label:before {
            background: rgba(255, 255, 255, 0.075);
            border-color: rgba(255, 255, 255, 0.25);
        }

        .wrapper.style3 input[type="checkbox"]:checked+label:before,
        .wrapper.style3 input[type="radio"]:checked+label:before {
            background-color: #8a4680;
            border-color: #8a4680;
            color: #ffffff;
        }

        .wrapper.style3 input[type="checkbox"]:focus+label:before,
        .wrapper.style3 input[type="radio"]:focus+label:before {
            border-color: #8a4680;
            box-shadow: 0 0 0 1px #8a4680;
        }

        .wrapper.style3 ::-webkit-input-placeholder {
            color: #999999 !important;
        }

        .wrapper.style3 :-moz-placeholder {
            color: #999999 !important;
        }

        .wrapper.style3 ::-moz-placeholder {
            color: #999999 !important;
        }

        .wrapper.style3 :-ms-input-placeholder {
            color: #999999 !important;
        }

        .wrapper.style3 .formerize-placeholder {
            color: #999999 !important;
        }

        .wrapper.style3 ul.alt li {
            border-top-color: rgba(255, 255, 255, 0.25);
        }

        .wrapper.style3 header p {
            color: #000000;
        }

        .wrapper.style3 table tbody tr {
            border-color: rgba(255, 255, 255, 0.25);
        }

        .wrapper.style3 table tbody tr:nth-child(2n + 1) {
            background-color: rgba(255, 255, 255, 0.075);
        }

        .wrapper.style3 table th {
            color: #ffffff;
        }

        .wrapper.style3 table thead {
            border-bottom-color: rgba(255, 255, 255, 0.25);
        }

        .wrapper.style3 table tfoot {
            border-top-color: rgba(255, 255, 255, 0.25);
        }

        .wrapper.style3 table.alt tbody tr td {
            border-color: rgba(255, 255, 255, 0.25);
        }

        .wrapper.style3 .inner {
            position: relative;
            z-index: 2;
        }

        .wrapper.style3 p {
            text-transform: uppercase;
            font-size: .75rem;
            font-weight: 300;
            margin: 0 0 .5rem 0;
            padding: 0 0 1rem 0;
            letter-spacing: .25rem;
        }

        .wrapper.style3 p:after {
            content: '';
            position: absolute;
            margin: auto;
            right: 0;
            bottom: 0;
            left: 0;
            width: 50%;
            height: 1px;
            background-color: rgba(255, 255, 255, 0.5);
        }

        .wrapper.style3:before {
            -moz-transition: opacity 3s ease;
            -webkit-transition: opacity 3s ease;
            -ms-transition: opacity 3s ease;
            transition: opacity 3s ease;
            -moz-transition-delay: 1.25s;
            -webkit-transition-delay: 1.25s;
            -ms-transition-delay: 1.25s;
            transition-delay: 1.25s;
            content: '';
            display: block;

            height: 100%;
            left: 0;
            opacity: 0.75;
            position: absolute;
            top: 0;
            width: 100%;
            z-index: 1;
        }

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

            .wrapper>.inner {
                width: 75rem;
            }

        }

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

            .wrapper>.inner {
                width: 90%;
            }

            .wrapper.style3 {
                background-attachment: scroll;
            }

        }

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

            .wrapper {
                padding: 3rem 0 1rem 0;
            }


        }

        .wrapper.style5 {
            background-color: #000;
            color: #bfbfbf;
            background-image: url(../../images/power-plus-mobility-proudly-canadian-wheelchair-seating-backs-cushions-owners-manual-background-1.jpg);
            background-size: cover;
            background-attachment: fixed;
            background-position: center;
            position: relative;
        }

        input[type="checkbox"] {
            width: 20px;
            height: 20px;
        }

        .checkbox-labels {
            font-size: 18px;
        }