@import url('https://fonts.cdnfonts.com/css/noto-serif-gurmukhi');

        .carousel-control-prev, .carousel-control-next {
            width: 50px;
        }

        .carousel-control-next {
            background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(203 203 203 / 92%) 100%);
        }
        .carousel-control-prev {
            background: linear-gradient(90deg, rgba(203 203 203 / 92%) 0%, rgba(255,255,255,0) 100%);
        }
        .carousel-indicators {
            bottom: -40px;
        }

        .greetings-text-left {
            margin-left: 50px;
        }

        .greeting-text {
            padding-right:50px; 
            font-size:12pt; 
            margin-top:30px;
        }

        .splash-pic {
            width: 150px;
            height: 150px;
            position: fixed;
            margin-right: 30px;
            margin-left: calc(100vw - 1150px);
            margin-top: -70px;
            z-index: -2;
        }

        .carousel-indicators {
            display: block;
            margin-top: 50px;
        }

        .img-section1 {
            width:350px;
            height:375px;
            object-fit:cover;
        }

        .section1-wrapper {
            padding: 30px;
        }        

        @media only screen and (max-width: 1740px) {
            .splash-pic {
                display: none;
            }
        }

        @media only screen and (max-width: 1440px) {
            .splash-pic {
                display: block;
                width: 150px;
                height: 150px;
                position: fixed;
                margin-right: 30px;
                margin-left: calc(100vw - 862px);
                margin-top: -70px;
                z-index: -2;
            }
        }

        @media only screen and (max-width: 1350px) {
            .splash-pic {
                display: block;
                width: 150px;
                height: 150px;
                position: fixed;
                margin-right: 30px;
                margin-left: calc(100vw - 820px);
                margin-top: -70px;
                z-index: -2;
            }
        }

        @media only screen and (max-width: 1290px) {
            .splash-pic {
                display: none;
            }
        }

        @media only screen and (max-width: 990px) {
            .greeting-text-title {
                font-size:12pt;
            }
            .greeting-text {
                font-size:8pt; 
                padding-right:50px;
                margin-top:30px;
            }
            .row-header h1 {
                font-size: 28px;
                font-weight: 600;
            }
            .row-header h5 {
                font-size: 16px;
            }
        }

        @media only screen and (max-width: 480px) {
            .image-header {
                align-items: unset !important;
                display:none;
            }
            .carousel-control-prev, .carousel-control-next {
                display: none;
            }
            .row-header h1 {
                font-size: 24px;
                font-weight: 600;
            }
            .row-header h5 {
                font-size: 12px;
            }

            .greetings-text-left {
                margin-left: 10px;
            }

            .img-section1 {
                width:100%;
                height:250px;
                object-fit:cover;
            }

            .section1-wrapper {
                padding: 10px;
            } 
        }