body {
	font-family: "Poppins", serif !important;
	font-style: normal !important;
}
.des {
	display:block;
}
.mob {
	display: none;
}
.container {
	width:80% !important;
} 
.nav-tr {
    background: #F5F5F5;
    padding: 1.5rem;
    text-align: center;
}
.banner-sec {
    background: #FFFFFF;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}
.banner-title {
    font-size: 2.9125vw;
    font-weight: 600;
    letter-spacing: -0.04em;
    line-height: 6.667vh;
    color: #FE5000;
}
.banner-subtitle {
    font-size: 1.2625vw;
    font-weight: 700;
    letter-spacing: 0em;
    line-height: 6.4815vh;
    color: #000000;
}
.banner-para {
    font-size: 0.9417vw;
    font-weight: 400;
    letter-spacing: 0em;
    line-height: 6.4815vh;
    color: #929497;
}
.primry-btn, .scndry-btn:hover {
    padding: 1rem 2.5rem;
    border: none;
    background: #FE5000;
    font-family: 'Poppins', sans-serif;
    font-size: 0.8333vw;
    font-weight: 700;
    letter-spacing: 0.1em;
    color: #FFFFFF;
    text-transform: uppercase; 
    border-radius: 0.25rem;
}
.scndry-btn, .primry-btn:hover {
    padding: 1rem 2.5rem;
    border: 1px solid #FE5000;
    background: #FFFFFF;
    font-family: 'Poppins', sans-serif;
    font-size: 0.8333vw;
    font-weight: 700;
    letter-spacing: 0.1em;
    color: #FE5000;
    text-transform: uppercase; 
    border-radius: 0.25rem;
}
.comp-logo {
    font-size: 1.0417vw;
    font-weight: 700;
    letter-spacing: 0.2em;
    color: #404041;
    text-transform: uppercase; 
    text-align: center;
}
/* Marquee Container */
.marquee-wrapper {
    overflow: hidden; /* Hides content outside this area */
    white-space: nowrap; /* Prevents logos from wrapping to the next line */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Subtle shadow */
    border-radius: 0px; /* Slightly rounded corners */
    padding: 15px 0; /* Vertical padding */
    background-color: #f8f9fa; /* Light background */
    width: 100%;
}

/* Marquee Content - the actual scrolling element */
.marquee-content {
    display: inline-block; /* Essential for horizontal scrolling */
    animation: scroll-left 35s linear infinite; /* Animation properties */
}

/* Pause animation on hover (optional) */
.marquee-content:hover {
    animation-play-state: paused;
}

/* Individual Logo Styling */
.logo-img {
    max-height: 70px; /* Adjust as needed */
    width: auto;
    object-fit: contain;
    margin: 0 10px; /* Space between logos */
    transition: filter 0.3s ease; /* Smooth transition for hover effect */
}

.logo-img:hover {
    filter: grayscale(0%); /* Optional: show original color on hover */
}

/* Keyframes for the scrolling animation */
@keyframes scroll-left {
    0% {
        transform: translateX(0%); /* Start at original position */
    }
    100% {
        transform: translateX(-50%); /* Scroll left by 50% of its width */
        /* We move by 50% because we duplicated the content.
           When the first set of logos completely leaves the view,
           the second set (which is identical) starts appearing,
           creating the loop. */
    }
}

.tech-scape {
    padding-top: 4rem;
    padding-bottom: 4rem;
    background: #EBFFFE;
}
.tech-scape-title {
    font-size: 2.0833vw;
    font-weight: 600;
    letter-spacing: -0.04em;
    line-height: 4.4444vh;
    color: #000000;
    text-align: center;
    margin-bottom: 1.5rem;
}
.tech-scape-para {
    font-size: 1.5625vw;
    font-weight: 400;
    letter-spacing: 0em;
    line-height: 3.7037vh;
    text-align: center;
    color: #929497;
    margin-bottom: 2rem;
}
.tech-scape-sub {
    font-size: 1.25vw;
    font-weight: 600;
    letter-spacing: 0em;
    line-height: 2.7778vh;
    text-align: center;
    color: #FE5000;
}
.pts {
    background: linear-gradient(to bottom right, rgba(135, 244, 217, 0.25), rgba(255, 204, 181, 0.25));
    padding: 1rem;
    margin-top: 2.5rem;
    border-radius: 3px;
}
.pts img {
    width: 30%;
    margin-bottom: 1rem;
}
.pts-para {
    font-size: 1.0017vw;
    font-weight: 400;
    letter-spacing: 0em;
    line-height: 2.9630vh;
    color: #000000;
    text-align: left;
}
.what-inside {
    background-image: url('/assets/vision-report/bg-whi.png'); /* 1. Specify your image */
    background-size: cover;                        /* 2. Make it cover the entire area */
    background-position: center center;            /* 3. Center the image */
    background-repeat: no-repeat;                  /* 4. Prevent repeating */
    width: 100%;      
    padding-top: 4rem;
    padding-bottom: 4rem;
}
.wi-title {
    font-size: 1.0417vw;
    font-weight: 700;
    letter-spacing: 0.2em;
    line-height: 4.4444vh;
    text-align: center;
    color: #FE5000;
    text-transform: uppercase;
}
.wi-heading {
    font-size: 2.0833vw;
    font-weight: 600;
    letter-spacing: -0.04em;
    line-height: 4.4444vh;
    color: #FFFFFF;
    text-align: center;
}
.wi-para {
    font-size: 1.5625vw;
    font-weight: 400;
    letter-spacing: 0em;
    line-height: 3.7037vh;
    color: #929497;
    text-align: center;
    margin-bottom: 1.5rem;
}
.wi-list {
    margin-top: 1rem;
    border-top: 1px solid rgba(112, 112, 112, 0.25); 
    padding-top: 1.5rem;
    padding-bottom: 0.5rem;
}
.l-num {
    font-size: 0.625vw;
    font-weight: 700;
    letter-spacing: 0.2em;
    line-height: 4.4444vh;
    padding: 0.2em 0.4em;
    display: inline;
    background: #FE5000;
    text-align: left;
    text-transform: uppercase;
    color: #FFFFFF;
}
.l-title {
    font-size: 1.3625vw;
    font-weight: 700;
    letter-spacing: 0em;
    line-height: 2.7778vh;
    color: #DFDFDF;
    text-align: left;
}
.l-para {
    font-size: .9517vw;
    font-weight: 400;
    letter-spacing: 0em;
    line-height: 2.7778vh;
    color: #B8B8B8;
    text-align: left;
}
#testimonial-section {
    background-color: #EBFFFE; /* Dark background */
    display: flex;
    align-items: center; /* Center content vertically */
}
.ifil-heading {
    font-size: 2.0833vw;
    font-weight: 600;
    letter-spacing: -0.04em;
    line-height: 4.4444vh;
    color: #000000;
    text-align: center;
    margin-bottom: 2.5rem;
}
.ifil-para {
    font-size: 1.5625vw;
    font-weight: 400;
    letter-spacing: 0em;
    line-height: 2.7778vh;
    color: #707070;
    text-align: center;
    margin-bottom: 2rem;
}
.testimonial-card {
    background-color: #ffffff; /* White card background */
    color: #333333; /* Dark text inside card */
    border-radius: 12px; /* Rounded corners */
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2); /* Soft shadow */
    display: flex;
    flex-direction: column;
    justify-content: space-between; /* Pushes content apart */
    min-height: 350px; /* Adjust based on content */
}

.avatar-img {
    width: 80px;
    height: 80px;
    border-radius: 50%; /* Make it circular */
    object-fit: cover; /* Ensure image covers the area */
    border: 3px solid #FF8C00; /* Orange border for avatar */
}

.testimonial-quote {
    position: relative;
    font-size: 1.15rem;
    line-height: 1.6;
    font-style: italic; /* Match image style */
    flex-grow: 1; /* Allow quote to take available space */
}

.testimonial-quote .quote-icon {
    font-size: 4rem; /* Large quote icon */
    color: rgba(0, 0, 0, 0.1); /* Light grey, transparent */
    position: absolute;
    top: -20px; /* Adjust position */
    right: 0;
    line-height: 1;
    z-index: 0; /* Behind text */
    pointer-events: none; /* Make it unclickable */
}

/* Ensure text is above the quote icon */
.testimonial-quote {
    position: relative; /* Set position for z-index context */
    z-index: 1;
}

.testimonial-card h5 {
    font-weight: 700; /* Bold for name */
    color: #333333;
    margin-bottom: 5px;
}

.testimonial-card .text-muted {
    font-size: 0.9rem;
    color: #6c757d !important;
}

.company-logo {
    max-height: 40px; /* Adjust size of company logos */
    width: auto;
    object-fit: contain;
}

/* Custom Carousel Controls (Arrows) */
#testimonial-section .custom-carousel-control {
    width: 50px;
    height: 50px;
    background-color: #FF8C00; /* Orange background */
    border-radius: 50%; /* Circular buttons */
    opacity: 1; /* Always visible, not semi-transparent */
    transition: background-color 0.3s ease; /* Smooth hover effect */
    border: none; /* Remove default border */
}
#testimonial-section .carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
    margin-top: 1rem;
    margin-bottom: 3rem;
}
#testimonial-section .custom-carousel-control .carousel-control-prev-icon {
    width: 2.5rem; /* Adjust icon size */
    height: 2.5rem;
    background-image: url(/assets/vision-report/left-arrow.svg);
    color: #fff; /* White icon color */
    font-family: "Font Awesome 5 Free"; /* Use Font Awesome for icons */
    font-weight: 900; /* For solid icons */
    opacity: 1;
}
#testimonial-section .custom-carousel-control .carousel-control-next-icon {
    width: 2.5rem; /* Adjust icon size */
    height: 2.5rem;
    background-image: url(/assets/vision-report/right-arrow.svg);
    color: #fff; /* White icon color */
    font-family: "Font Awesome 5 Free"; /* Use Font Awesome for icons */
    font-weight: 900; /* For solid icons */
    opacity: 1;
}

#testimonial-section .custom-carousel-control .carousel-control-prev-icon {
    width: 2.5rem; /* Adjust icon size */
    height: 2.5rem;
    background-image: url(/assets/vision-report/left-arrow-woh.svg);
    color: #fff; /* White icon color */
    font-family: "Font Awesome 5 Free"; /* Use Font Awesome for icons */
    font-weight: 900; /* For solid icons */
}
#testimonial-section .custom-carousel-control .carousel-control-next-icon {
    width: 2.5rem; /* Adjust icon size */
    height: 2.5rem;
    background-image: url(/assets/vision-report/right-arrow-woh.svg);
    color: #fff; /* White icon color */
    font-family: "Font Awesome 5 Free"; /* Use Font Awesome for icons */
    font-weight: 900; /* For solid icons */
}
#testimonial-section .custom-carousel-control .carousel-control-prev-icon:hover {
    width: 2.5rem; /* Adjust icon size */
    height: 2.5rem;
    background-image: url(/assets/vision-report/left-arrow.svg);
    color: #fff; /* White icon color */
    font-family: "Font Awesome 5 Free"; /* Use Font Awesome for icons */
    font-weight: 900; /* For solid icons */
}
#testimonial-section .custom-carousel-control .carousel-control-next-icon:hover {
    width: 2.5rem; /* Adjust icon size */
    height: 2.5rem;
    background-image: url(/assets/vision-report/right-arrow.svg);
    color: #fff; /* White icon color */
    font-family: "Font Awesome 5 Free"; /* Use Font Awesome for icons */
    font-weight: 900; /* For solid icons */
}
#testimonial-section .carousel-control-prev {
    position: absolute;
    top: auto;
    left: 0;
    bottom: -3rem;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 5%;
    padding: 0;
    color: #fff;
    text-align: center;
    background: none;
    border: 0;
    opacity: 1;
    transition: opacity .15s ease;
}

#testimonial-section .carousel-control-next{
    position: absolute;
    top: auto;
    left: 3rem;
    bottom: -3rem;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 5%;
    padding: 0;
    color: #fff;
    text-align: center;
    background: none;
    border: 0;
    opacity: 1;
    transition: opacity .15s ease;
}
/* Carousel Indicators (Dots) */
#testimonial-section .carousel-indicators {
    position: absolute;
    right: 0;
    bottom: -4rem;
    left: auto;
    z-index: 2;
    display: flex;
    justify-content: center;
    padding: 0;
    margin-right: 0%;
    margin-bottom: 1rem;
    margin-left: 15%;
    list-style: none;
}
#testimonial-section .carousel-indicators [data-bs-target] {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 10px;
    height: 10px;
    padding: 0;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #FE5000;
    background-clip: padding-box;
    border: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: .5;
    transition: opacity .6s ease;
    border-radius: 50%;
}
#testimonial-section .carousel-indicators .active {
    background-color: #FE5000; /* Orange for active dot */
    width: 15px; /* Slightly larger active dot */
    height: 15px;
    opacity: 1;
}
.wsrt {
    background-image: url('/assets/vision-report/bg-wsrt.png'); /* 1. Specify your image */
    background-size: cover;                        /* 2. Make it cover the entire area */
    background-position: center center;            /* 3. Center the image */
    background-repeat: no-repeat;                  /* 4. Prevent repeating */
    width: 100%;      
    padding-top: 4rem;
    padding-bottom: 4rem;
}
.wsrt-heading {
    font-size: 2.0833vw;
    font-weight: 600;
    letter-spacing: -0.04em;
    line-height: 4.4444vh;
    color:#FFFFFF;
    text-align: center;
    margin-bottom: 4rem;
}
.wsrt-para {
    font-size: 1.0417vw;
    font-weight: 300;
    letter-spacing: 0em;
    line-height: 2.7778vh;
    color: #FFFFFF;
    text-align: left;
}
.download-opt {
    font-size: 1.25vw;
    font-weight: 400;
    letter-spacing: 0em;
    line-height: 4.4444vh;
    color: #929497;
    text-align: center;
}
.bg-drk {
    background-color: rgba(64, 64, 65, 0.28); /* #404041 with 28% opacity */
    border-radius: 8px;        
    padding: 2.5rem 3.5rem;
}
.bg-wht {
    background-color:#FFFFFF; /* #404041 with 28% opacity */
    border-radius: 8px;        
    padding: 4.5rem 3.5rem;
}
.do-desc-lgt {
    font-size: 0.9417vw;
    font-weight: 400;
    letter-spacing: 0em;
    line-height: 2.7778vh;
    color: #FFFFFF;
    text-align: center;
    margin-bottom: 2em;
}
.do-desc-drk {
    font-size: 0.9417vw;
    font-weight: 400;
    letter-spacing: 0em;
    line-height: 2.7778vh;
    color: #000000;
    text-align: center;
    margin-bottom: 2em;
}
.btn-do-lgt {
    border: 1px solid #404041;
    padding: 0.01em;
    width: 100%;
    text-transform: uppercase;
    color: #FFFFFF;
    font-size: 0.7333vw;
    font-weight: 700;
    letter-spacing: 0.1em;
    line-height: 6.4815vh;
    text-align: center;
    background: transparent;
    border-radius: 5px;
}
.btn-do-org {
    border: none;
    background: #FE5000;
    padding: 0.01em;
    width: 100%;
    text-transform: uppercase;
    color: #FFFFFF;
    font-size: 0.7333vw;
    font-weight: 700;
    letter-spacing: 0.1em;
    line-height: 6.4815vh;
    text-align: center;
    border-radius: 5px;
}
.btn-do-lgt:hover {
    background: #FFFFFF;
    color: #404041;
}
.foot-vr {
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.foot-vr-para {
    font-size: 0.8375vw;
    font-weight: 400;
    letter-spacing: 0em;
    line-height: 6.4815vh;
    color: #707070;
    text-align: center;
    margin-bottom: 0;
}
.foot-vr-para a {
    font-weight: 600;
    color: #707070;
}
.foot-vr-para a:hover {
    font-weight: 600;
    color: FE5000;
}
@media only screen and (max-width: 1920px) {
	.des {
		display:block;
	}
	.mob {
		display: none;
	}
}

@media only screen and (max-width: 1660px) {
	.des {
		display:block;
	}
	.mob {
		display: none;
	}
}
@media only screen and (max-width: 1440px) {
	.des {
		display:block;
	}
	.mob {
		display: none;
	}
    .logo-img {
        max-height: 50px;
        width: auto;
        object-fit: contain;
        margin: 0 10px;
        transition: filter 0.3s ease;
    }
    .scndry-btn, .primry-btn:hover {
        padding: 1rem 1.5rem;
        border: 1px solid #FE5000;
        background: #FFFFFF;
        font-family: 'Poppins', sans-serif;
        font-size: 0.8333vw;
        font-weight: 700;
        letter-spacing: 0.1em;
        color: #FE5000;
        text-transform: uppercase;
        border-radius: 0.25rem;
    }
    .primry-btn, .scndry-btn:hover {
        padding: 1rem 1.5rem;
        border: none;
        background: #FE5000;
        font-family: 'Poppins', sans-serif;
        font-size: 0.8333vw;
        font-weight: 700;
        letter-spacing: 0.1em;
        color: #FFFFFF;
        text-transform: uppercase;
        border-radius: 0.25rem;
    }
    .banner-subtitle {
        font-size: 1.2625vw;
        font-weight: 700;
        letter-spacing: 0em;
        line-height: 3.4815vh;
        color: #000000;
    }
    .banner-para {
        font-size: 0.9417vw;
        font-weight: 400;
        letter-spacing: 0em;
        line-height: 5.4815vh;
        color: #929497;
    }
    .pts-para {
        font-size: 0.90017vw;
        font-weight: 400;
        letter-spacing: 0em;
        line-height: 2.9630vh;
        color: #000000;
        text-align: left;
    }
    .l-title {
        font-size: 1.28525vw;
        font-weight: 700;
        letter-spacing: 0em;
        line-height: 2.7778vh;
        color: #DFDFDF;
        text-align: left;
    }
    .bg-drk {
        background-color: rgba(64, 64, 65, 0.28);
        border-radius: 8px;
        padding: 2rem 3rem;
    }
    .bg-wht {
        background-color: #FFFFFF;
        border-radius: 8px;
        padding: 3.5rem 3rem;
    }
}

@media only screen and (max-width: 1366px) {
	.des {
		display:block;
	}
	.mob {
		display: none;
	}
    .logo-img {
        max-height: 50px;
        width: auto;
        object-fit: contain;
        margin: 0 10px;
        transition: filter 0.3s ease;
    }
    .scndry-btn, .primry-btn:hover {
        padding: 1rem 1.5rem;
        border: 1px solid #FE5000;
        background: #FFFFFF;
        font-family: 'Poppins', sans-serif;
        font-size: 0.8333vw;
        font-weight: 700;
        letter-spacing: 0.1em;
        color: #FE5000;
        text-transform: uppercase;
        border-radius: 0.25rem;
    }
    .primry-btn, .scndry-btn:hover {
        padding: 1rem 1.5rem;
        border: none;
        background: #FE5000;
        font-family: 'Poppins', sans-serif;
        font-size: 0.8333vw;
        font-weight: 700;
        letter-spacing: 0.1em;
        color: #FFFFFF;
        text-transform: uppercase;
        border-radius: 0.25rem;
    }
    .banner-subtitle {
        font-size: 1.2625vw;
        font-weight: 700;
        letter-spacing: 0em;
        line-height: 3.4815vh;
        color: #000000;
    }
    .banner-para {
        font-size: 0.9417vw;
        font-weight: 400;
        letter-spacing: 0em;
        line-height: 5.4815vh;
        color: #929497;
    }
    .pts-para {
        font-size: 0.90017vw;
        font-weight: 400;
        letter-spacing: 0em;
        line-height: 2.9630vh;
        color: #000000;
        text-align: left;
    }
    .l-title {
        font-size: 1.28525vw;
        font-weight: 700;
        letter-spacing: 0em;
        line-height: 2.7778vh;
        color: #DFDFDF;
        text-align: left;
    }
    .bg-drk {
        background-color: rgba(64, 64, 65, 0.28);
        border-radius: 8px;
        padding: 2rem 3rem;
    }
    .bg-wht {
        background-color: #FFFFFF;
        border-radius: 8px;
        padding: 3.5rem 3rem;
    }
}

@media only screen and (max-width: 1280px) {
	.des {
		display:block;
	}
	.mob {
		display: none;
	}
	.rs-title {
		font-size: 0.9vw;
	}
    .logo-img {
        max-height: 50px;
        width: auto;
        object-fit: contain;
        margin: 0 10px;
        transition: filter 0.3s ease;
    }
    .scndry-btn, .primry-btn:hover {
        padding: 1rem 1.5rem;
        border: 1px solid #FE5000;
        background: #FFFFFF;
        font-family: 'Poppins', sans-serif;
        font-size: 0.8333vw;
        font-weight: 700;
        letter-spacing: 0.1em;
        color: #FE5000;
        text-transform: uppercase;
        border-radius: 0.25rem;
    }
    .primry-btn, .scndry-btn:hover {
        padding: 1rem 1.5rem;
        border: none;
        background: #FE5000;
        font-family: 'Poppins', sans-serif;
        font-size: 0.8333vw;
        font-weight: 700;
        letter-spacing: 0.1em;
        color: #FFFFFF;
        text-transform: uppercase;
        border-radius: 0.25rem;
    }
    .banner-subtitle {
        font-size: 1.2625vw;
        font-weight: 700;
        letter-spacing: 0em;
        line-height: 3.4815vh;
        color: #000000;
    }
    .banner-para {
        font-size: 0.9417vw;
        font-weight: 400;
        letter-spacing: 0em;
        line-height: 5.4815vh;
        color: #929497;
    }
    .pts-para {
        font-size: 0.90017vw;
        font-weight: 400;
        letter-spacing: 0em;
        line-height: 2.9630vh;
        color: #000000;
        text-align: left;
    }
    .l-title {
        font-size: 1.28525vw;
        font-weight: 700;
        letter-spacing: 0em;
        line-height: 2.7778vh;
        color: #DFDFDF;
        text-align: left;
    }
    .bg-drk {
        background-color: rgba(64, 64, 65, 0.28);
        border-radius: 8px;
        padding: 2rem 3rem;
    }
    .bg-wht {
        background-color: #FFFFFF;
        border-radius: 8px;
        padding: 3.5rem 3rem;
    }
}

@media only screen and (max-width: 1140px) {
	.des {
		display:block;
	}
	.mob {
		display: none;
	}
}

@media only screen and (max-width: 1024px) {
	.des {
		display:block;
	}
	.mob {
		display: none;
	}
}

@media only screen and (min-device-width: 300px) and (max-device-width: 1024px) and (orientation:portrait) {
	.des {
		display:none;
	}
	.mob {
		display: block;
	}
	.container {
		width: 100% !important;
	}
    .banner-sec {
        background: #FFFFFF;
        padding-top: 0.5rem;
        padding-bottom: 1.5rem;
    }
    .banner-title {
        font-size: 5.9125vw;
        font-weight: 600;
        letter-spacing: -0.04em;
        line-height: 3.667vh;
        color: #FE5000;
    }
    .banner-subtitle {
        font-size: 3.8625vw;
        font-weight: 700;
        letter-spacing: 0em;
        line-height: 2.4815vh;
        color: #000000;
    }
    .banner-para {
        font-size: 2.9417vw;
        font-weight: 400;
        letter-spacing: 0em;
        line-height: 1.815vh;
        color: #929497;
    }
    .scndry-btn, .primry-btn:hover {
        padding: 0.75rem 1.5rem;
        border: 1px solid #FE5000;
        background: #FFFFFF;
        font-family: 'Poppins', sans-serif;
        font-size: 2.5333vw;
        font-weight: 700;
        letter-spacing: 0.1em;
        color: #FE5000;
        text-transform: uppercase;
        border-radius: 0.25rem;
    }
    .primry-btn, .scndry-btn:hover {
        padding: 0.75rem 1.5rem;
        border: none;
        background: #FE5000;
        font-family: 'Poppins', sans-serif;
        font-size: 2.5333vw;
        font-weight: 700;
        letter-spacing: 0.1em;
        color: #FFFFFF;
        text-transform: uppercase;
        border-radius: 0.25rem;
    }
    .comp-logo {
        font-size: 3.0417vw;
        font-weight: 700;
        letter-spacing: 0.2em;
        color: #404041;
        text-transform: uppercase;
        text-align: center;
        margin-top: 2rem;
    }
    .logo-img {
        max-height: 58px;
        margin: 0 5px;
    }
    .tech-scape {
        padding-top: 2rem;
        padding-bottom: 2rem;
        background: #EBFFFE;
    }
    .tech-scape-title {
        font-size: 5.0833vw;
        font-weight: 600;
        letter-spacing: -0.04em;
        line-height: 3.1444vh;
        color: #000000;
        text-align: center;
        margin-bottom: 0.5rem;
    }
    .tech-scape-para {
        font-size: 2.95625vw;
        font-weight: 400;
        letter-spacing: 0em;
        line-height: 1.9037vh;
        text-align: center;
        color: #929497;
        margin-bottom: 0.5rem;
    }
    .tech-scape-sub {
        font-size: 3.25vw;
        font-weight: 600;
        letter-spacing: 0em;
        line-height: 2.3778vh;
        text-align: center;
        color: #FE5000;
    }
    .pts {
        background: linear-gradient(to bottom right, rgba(135, 244, 217, 0.25), rgba(255, 204, 181, 0.25));
        padding: 1rem;
        margin-top: 1.5rem;
        border-radius: 3px;
    }
    .pts img {
        width: 24%;
        margin-bottom: 0.5rem;
    }
    .pts-para {
        font-size: 2.90017vw;
        font-weight: 400;
        letter-spacing: 0em;
        line-height: 2.30vh;
        color: #000000;
        text-align: left;
    }
    .what-inside {
        background-image: url(/assets/vision-report/bg-whi.png);
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        width: 100%;
        padding-top: 2rem;
        padding-bottom: 2rem;
    }
    .wi-title {
        font-size: 3.0417vw;
        font-weight: 700;
        letter-spacing: 0.2em;
        line-height: 2.4444vh;
        text-align: center;
        color: #FE5000;
        text-transform: uppercase;
    }
    .wi-heading {
        font-size: 4.0833vw;
        font-weight: 600;
        letter-spacing: -0.04em;
        line-height: 2.4444vh;
        color: #FFFFFF;
        text-align: center;
    }
    .wi-para
    {
        font-size: 2.5625vw;
        font-weight: 400;
        letter-spacing: 0em;
        line-height: 2.037vh;
        color: #929497;
        text-align: center;
        margin-bottom: 1.5rem;
    }
        .testimonial-card {
        padding: 30px;
        min-height: 380px; /* Adjust for smaller screens if text is longer */
    }
    .testimonial-quote {
        font-size: 1rem;
    }
    .avatar-img {
        width: 70px;
        height: 70px;
    }
    .custom-carousel-control {
        width: 40px;
        height: 40px;
    }
    .logo-img {
        max-height: 60px;
        margin: 0 20px;
    }
    .marquee-content {
        animation-duration: 35s; /* Slower scroll on smaller screens */
    }
    .l-num {
        font-size: 2.625vw;
        font-weight: 700;
        letter-spacing: 0.2em;
        line-height: 1.4444vh;
        padding: 0.2em 0.4em;
        display: inline;
        background: #FE5000;
        text-align: left;
        text-transform: uppercase;
        color: #FFFFFF;
    }
    .l-title {
        font-size: 3.8525vw;
        font-weight: 700;
        letter-spacing: 0em;
        line-height: 2.7778vh;
        color: #DFDFDF;
        text-align: left;
    }
    .l-para {
        font-size: 3.4517vw;
        font-weight: 400;
        letter-spacing: 0em;
        line-height: 2.4778vh;
        color: #B8B8B8;
        text-align: left;
    }
    
    .ifil-heading {
        font-size: 5.0833vw;
        font-weight: 600;
        letter-spacing: -0.04em;
        line-height: 3.4444vh;
        color: #000000;
        text-align: center;
        margin-bottom: 0.5rem;
    }
    .ifil-para {
        font-size: 3.5625vw;
        font-weight: 400;
        letter-spacing: 0em;
        line-height: 2.7778vh;
        color: #707070;
        text-align: center;
        margin-bottom: 1.5rem;
    }
    #testimonial-section .carousel-control-next {
        position: absolute;
        top: auto;
        left: 3rem;
        bottom: -3rem;
        z-index: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 10%;
        padding: 0;
        color: #fff;
        text-align: center;
        background: none;
        border: 0;
        opacity: 1;
        transition: opacity .15s ease;
    }
    #testimonial-section .carousel-control-prev {
        position: absolute;
        top: auto;
        left: 0;
        bottom: -3rem;
        z-index: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 10%;
        padding: 0;
        color: #fff;
        text-align: center;
        background: none;
        border: 0;
        opacity: 1;
        transition: opacity .15s ease;
    }
    .wsrt {
        background-image: url(/assets/vision-report/bg-wsrt.png);
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        width: 100%;
        padding-top: 2rem;
        padding-bottom: 2rem;
    }
    .wsrt-heading {
        font-size: 5.0833vw;
        font-weight: 600;
        letter-spacing: -0.04em;
        line-height: 4.4444vh;
        color: #FFFFFF;
        text-align: center;
        margin-bottom: 2rem;
    }
    .wsrt-para {
        font-size: 3.0417vw;
        font-weight: 300;
        letter-spacing: 0em;
        line-height: 1.7778vh;
        color: #FFFFFF;
        text-align: left;
    }
    .download-opt {
        font-size: 4.25vw;
        font-weight: 400;
        letter-spacing: 0em;
        line-height: 4.4444vh;
        color: #929497;
        text-align: center;
    }
    .do-desc-lgt {
        font-size: 3.9417vw;
        font-weight: 400;
        letter-spacing: 0em;
        line-height: 2.7778vh;
        color: #FFFFFF;
        text-align: center;
        margin-bottom: 1.5em;
    }
    .do-desc-drk {
        font-size: 3.9417vw;
        font-weight: 400;
        letter-spacing: 0em;
        line-height: 2.7778vh;
        color: #000000;
        text-align: center;
        margin-bottom: 1.5em;
    }
    .btn-do-lgt {
        border: 1px solid #404041;
        padding: 0.01em;
        width: 100%;
        text-transform: uppercase;
        color: #FFFFFF;
        font-size: 2.7333vw;
        font-weight: 700;
        letter-spacing: 0.1em;
        line-height: 6.4815vh;
        text-align: center;
        background: transparent;
        border-radius: 5px;
    }
    .btn-do-org {
        border: none;
        background: #FE5000;
        padding: 0.01em;
        width: 100%;
        text-transform: uppercase;
        color: #FFFFFF;
        font-size: 2.7333vw;
        font-weight: 700;
        letter-spacing: 0.1em;
        line-height: 6.4815vh;
        text-align: center;
        border-radius: 5px;
    }
    .foot-vr-para {
        font-size: 2.8375vw;
        font-weight: 400;
        letter-spacing: 0em;
        line-height: 2.4815vh;
        color: #707070;
        text-align: center;
        margin-bottom: 0;
        margin-top: 1rem;
    }
}
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
      /* For landscape layouts only */
}