.section-bg-color {
            background: #faf5ac;
        }

        .hero {
            text-align: center;
            position: relative;
            background-image: url(../img/header-bottom-bg.webp);
            background-position: center;
            background-size: cover;
            padding-bottom: 70px;
        }

        .footer {
            background: #082746;
            color: white;
            padding: 10px;
            text-align: center;
            padding-top: 40px;
        }

        .hero p {
            font-size: 22px;
            text-transform: capitalize;
            font-weight: 600;

        }

        .product-card {
            border: none;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
            transition: transform 0.2s;
            height: 100%;
        }

        .product-card:hover {
            transform: translateY(-5px);
        }

        .category {
            font-size: 16px;
            color: #082746;
            font-weight: 700;
        }

        .mainheading {
            color: #ff761e;
        }

        .productname {
            color: #ffffff;
            background-color: #082746;
            padding: 10px !important;
            font-size: 14px;
            position: absolute;
            bottom: 0;
            width: 100%;
        }

        .call-icon {
            height: calc(1.325rem + .9vw);
            margin-right: 5px;
        }

        .product-img img {
            width: 100%;
            height: auto;
        }

        .position-relative {
            position: relative;
            margin-bottom: 20px;
            overflow: hidden;
        }

        .padding-product-cart {
            padding-top: 15px;
        }

        a {
            text-decoration: none;
        }

        .dfjc {
            display: flex;
            justify-content: center;
        }

        .two-btn {
margin-top: 20px;
            display: flex;
            flex-direction: row;
            gap: 10px;
     
        }

        .two-btn .buy-now-call-btn {
            color: #ffffff;
            background-color: #082746;
            padding: 12px 35px;
            font-weight: bold;
            font-size: 20px;
            border-radius: 10px;
            border: 1px solid #ffffff;
            cursor: pointer;
            text-align: center;
        }
        

        .logo-section-main-box {
            width: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            padding-top: 20px;
        }


        .logo-section img {
            width: 200px;
            height: auto;
        }

        .footer-logo-section {
            display: flex;
            justify-content: center;
        }

        .footer-logo-section a img {
            width: 150px;
        }

        .branding-logo img {
            width: auto;
            padding: 15px 15px;
            border-radius: 10px;
        }

        /* modal css start */
        .cb-modal-overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.6);
            display: none;
            align-items: center;
            justify-content: center;
            z-index: 9999;
        }

        .cb-modal-box {
            background: #fff;
            width: 400px;
            padding: 25px;
            border-radius: 10px;
            position: relative;
            animation: cbFadeIn 0.3s ease-in-out;
        }

        .cb-close-btn {
            position: absolute;
            right: 15px;
            top: 10px;
            font-size: 22px;
            cursor: pointer;
        }

        .cb-title {
            text-align: center;
            margin-bottom: 20px;
        }

        .cb-form-group {
            margin-bottom: 15px;
        }

        .cb-form-group label {
            display: block;
            font-size: 14px;
            margin-bottom: 5px;
        }

        .cb-input {
            width: 100%;
            padding: 10px;
            border-radius: 5px;
            border: 1px solid #ccc;
        }

        .cb-submit-btn {
            width: 100%;
            padding: 10px;
            background: #007bff;
            color: #fff;
            border: none;
            border-radius: 5px;
            cursor: pointer;
        }

        .cb-submit-btn:hover {
            background: #0056b3;
        }

        .cb-open-btn {
            padding: 10px 20px;
            background: #28a745;
            color: #fff;
            border: none;
            border-radius: 5px;
            cursor: pointer;
        }

        @keyframes cbFadeIn {
            from {
                transform: translateY(-20px);
                opacity: 0;
            }

            to {
                transform: translateY(0);
                opacity: 1;
            }
        }

        .right-side-discount-image {
            position: fixed;
            bottom: 10px;
            right: 10px;
        }

        .right-side-discount-image img {
            width: 200px;
        }



        /* Side Sticky Button */


        .free-consultency-btn .button {
            background-color: #fb992a;
            -webkit-border-radius: 10px;
            border-radius: 5px;
            font-weight: 600;
            border: none;
            color: #fff !important;
            cursor: pointer;
            display: inline-block;
            font-size: 20px;
            padding: 5px 20px;
            text-align: center;
            text-decoration: none;
            -webkit-animation: 1.5s infinite glowing;
            -moz-animation: 1.5s infinite glowing;
            -o-animation: 1.5s infinite glowing;
            animation: 1.5s infinite glowing
        }

        .mobiledevicebtn .button {
            border-radius: 0 0 5px 5px;
            padding: 5px 10px
        }

        @-webkit-keyframes glowing {

            0%,
            100% {
                background-color: #fb992a;
                -webkit-box-shadow: 0 0 3px #fb992a
            }

            50% {
                background-color: #fb992a;
                -webkit-box-shadow: 0 0 20px #145da0
            }
        }

        @-moz-keyframes glowing {

            0%,
            100% {
                background-color: #fb992a;
                -moz-box-shadow: 0 0 3px #fb992a
            }

            50% {
                background-color: #145da0;
                -moz-box-shadow: 0 0 20px #145da0
            }
        }

        @-o-keyframes glowing {

            0%,
            100% {
                background-color: #051d40;
                box-shadow: 0 0 3px #051d40
            }

            50% {
                background-color: #fb992a;
                box-shadow: 0 0 20px #145da0
            }
        }

        @keyframes glowing {

            0%,
            100% {
                background-color: #fb992a;
                box-shadow: 0 0 3px #051d40
            }

            50% {
                background-color: #145da0;
                box-shadow: 0 0 20px #145da0
            }
        }

        .free-consultency-btn {
            position: fixed;
            right: 3px;
            top: 25%;
            transform: rotate(-90deg) translateY(-50%);
            transform-origin: right center;
            z-index: 9999;
        }

        @media (max-width: 769px) {
            .free-consultency-btn .button {
                font-size: 10px;
            }
        }



        .plr-50px {
            padding-left: 2.8vw;
            padding-right: 2.8vw
        }

        .pt-70px {
            padding-top: 3vw
        }


        /* CSS */
        .video-by-button {
            align-items: center;
            appearance: none;
            background-color: #FCFCFD;
            border-radius: 4px;
            border-width: 0;
            box-shadow: rgba(45, 35, 66, 0.4) 0 2px 4px, rgba(45, 35, 66, 0.3) 0 7px 13px -3px, #D6D6E7 0 -3px 0 inset;
            box-sizing: border-box;
            color: #36395A;
            cursor: pointer;
            display: inline-flex;
            height: 55px;
            justify-content: center;
            line-height: 1;
            list-style: none;
            overflow: hidden;
            padding-left: 16px;
            padding-right: 16px;
            position: relative;
            text-align: left;
            text-decoration: none;
            transition: box-shadow .15s, transform .15s;
            user-select: none;
            -webkit-user-select: none;
            touch-action: manipulation;
            white-space: nowrap;
            will-change: box-shadow, transform;
            font-size: 20px;
            font-weight: 600;
            width: 100%;
        }

        .video-by-button:focus {
            box-shadow: #D6D6E7 0 0 0 1.5px inset, rgba(45, 35, 66, 0.4) 0 2px 4px, rgba(45, 35, 66, 0.3) 0 7px 13px -3px, #D6D6E7 0 -3px 0 inset;
        }

        .video-by-button:hover {
            box-shadow: rgba(45, 35, 66, 0.4) 0 4px 8px, rgba(45, 35, 66, 0.3) 0 7px 13px -3px, #D6D6E7 0 -3px 0 inset;
            transform: translateY(-2px);
            color: #1f547b;
        }

        .video-by-button:active {
            box-shadow: #D6D6E7 0 3px 7px inset;
            transform: translateY(2px);
        }

        .button-inner-box {
            padding: 12px;
        }

        .dfjc {
            display: flex;
            justify-content: center;
        }

        .section-title p span {
            margin: 0;
            position: relative;
            font-weight: 700;
            line-height: 1.5;
            text-transform: capitalize;
            display: block;
            font-size: 60px;
            z-index: 9;
            color: #ffffff
        }

        .section-title p {
            text-align: center;
        }
        .bg-orange{
            background-color: #ff761e;
        }
        .paddingtopbotttom60{
            padding-top: 60px;
            padding-bottom: 60px;
        }
        .product-content-box{
            display: flex;
            flex-direction: column;
            justify-content: center;
            height: 100%;
        }
        .product-content-box{
            display: flex;
            flex-direction: column;
            justify-content: center;
            height: 100%;
        }
        .product-content-box .product-heading{
          padding: 15px 25px;
          background-color: #ffffff;
          color: #0e4c72;
          border-radius: 10px;
          font-size: 30px;
          font-weight: 700;
          text-align: center;
                    }
                    .product-content-box .avilable-text{
                        color: #fff;
                        font-weight: 700;
                        font-size: 25;
                    }
                    .variation-pricing p{
                       font-size: 18px;
                       font-weight: 700;
                       margin-bottom: 20px;
                       color: #fff;
                    }
                     .variation-pricing p span{
                        padding: 4px 10px;
                        background-color: #fff;
                        color: #0e4c72;
                        border-radius: 10px;
                        font-size: 20px;
                     }
                     .product-main-section > *:not(:last-child) {
  border-bottom: 2px solid #fff;
}
.row-reverce-class{
    display: flex;
    flex-direction: row-reverse;
}
.product-info-video-section {
            margin: 0;
            padding: 0;
            position: relative;
        }

        .product-info-video-section img {
            width: 100%;
            height: auto;
        }

        .product-info-video-section .hot-it-work-video {
            position: absolute;
            bottom: 24.3%;
            left: 29.5%;
            width: 41%;
            z-index: 2;
        }

        .mute-btn {
         position: absolute;
    bottom: 19%;
    left: 48%;
    padding: 3px 6px;
    background: rgba(255, 255, 255, 1);
    color: #000000;
    border: none;
    border-radius: 30px;
    font-size: 0.8vw;
    cursor: pointer;
    z-index: 10;
}


        .mute-btn:hover {
            background: rgba(255, 255, 255, 0.9);
        }
        .rx-product-image{
            width: 100%;
            height: auto;
        }
        .product-content-box{
            padding: 25px 0;
        }

            @media (max-width: 769px) {
          
        .two-btn {
               flex-direction: column;
        }
        }