body {
            position: relative;
        }

        

        .sticky-nav {
            position: sticky;
            top: 10px;
            border-right: 1px solid rgb(195, 194, 194);
            max-height: calc(100vh - 20px);
            overflow-y: auto;
            overscroll-behavior: contain;
            scroll-behavior: smooth;
        }

        @media (max-width:768px) {
            #sectionNav {
                display: none;
            }
        }

        .sticky-nav::-webkit-scrollbar {
            width: 0 !important;
            display: none;
        }

        .sticky-nav .nav-link img {
            transition: 0.2s;
            filter: none;
        }

        /* صرف non-first items کے active image کو blue بنائے */
        .sticky-nav .nav-item:not(:first-child) .nav-link.active img {
            filter: brightness(0) saturate(100%) invert(26%) sepia(98%) saturate(7472%) hue-rotate(205deg) brightness(95%) contrast(102%);
        }

        /* یقینی بنائیں کہ پہلا item کبھی filter نہ پائے */
        .sticky-nav .nav-item:first-child .nav-link img {
            filter: none !important;
        }

        .nav-link {
            font-weight: bold;
            color: rgb(97, 97, 97);
            font-size: 14px;
            text-align: center;
        }

        .nav-link.active {
            font-weight: bold;
            color: royalblue !important;
        }

        .section {
            padding-bottom: 10px;
            /* padding-top: 35px; */
            /* border-bottom: 1px solid #eee; */
        }

        
        .background-img {
            padding-bottom: 100px;
            padding-top: 120px;
            background-color: #f5f4f9;
        }

        .img-fluid {
            width: 65%;
        }

        .eximg {
            margin-top: -10px;
            width: 70%;
        }

        @media (max-width:900px) {
            .eximg {

                width: 100%;
            }
        }

        h5 {
            font-weight: 570;
        }

        .startbtn {
            background-color: transparent;
            border: 3px solid royalblue;
            color: white;
            background-color: royalblue;
            transition: .3s;
        }

        .startbtn:hover {
            animation: pulse 1s infinite;
            transition: .3s;
            color: royalblue;
            border: 3px solid royalblue;
        }

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

            70% {
                transform: scale(.9);
            }

            100% {
                transform: scale(1);
            }
        }

        .banner {
            /* background: #00c2d6; */
            /* width: 70%; */
            height: 300px;
            border-radius: 8px;
            overflow: hidden;
            /* text-align: center; */
            /* padding: 20px; */
        }

        @media (max-width:768px) {
            .banner {
                height: auto;
            }

            .small {
                margin-top: -65px;

            }

            .large-screen {
                display: none
            }
        }

        .banner img {
            width: 100%;
            height: 70%;
            object-fit: cover;
            border-radius: 8px;
        }

        .brand-card {
            background: #f5f5f5;
            border-radius: 10px;
            padding: 15px;
            text-align: center;
            transition: 0.3s;
        }

        .brand-card:hover {
            background: #e9e9e9;
        }

        .brand-card img {
            max-width: 145px;
            height: 130px;
            object-fit: cover;
            margin-bottom: 10px;
        }

        .section-title {
            font-weight: 700;
            margin: 40px 0 20px 0;
        }

        @media (max-width: 767px) {
            .sidebar {
                border: none;
                min-height: auto;
            }
        }

        p {
            margin-bottom: 0px;
        }

        .container {
            max-width: 1100px;
        }

        .container-main {
            max-width: 1100px;
            margin: 0 auto;
            padding: 12px 12px 0;
        }

        /* default */