@media all and (min-width: 350px) {
	    .heading-slider {
	        font-size: 3em;
	        font-weight: bold;
	        line-height: 1.3;
	        color: white;
	        padding: 10% 0% 7% 0%;
	        font-weight: bold;
	        font-family: var(--fontFamilyCabinetGrotesk);
	        overflow: hidden;
	        height: 250px;
	        text-align: center;
	    }

	    .hero-section {
	        padding: 0px;
	        padding: 15% 7% 15% 0%;
	    }

	    #inAboutUs .container-fluid {
	        padding: 10% 6% 10% 6%;
	        background: white;
	    }

	    .tender-section {
	        padding: 3% 5%;
	        font-family: var(--fontFamilyCabinetGrotesk);
	    }

	    .tender-box {
	        width: 100%;
	    }

	    .tender-deadline {
	        font-size: 14px;
	        margin-top: 4px;
	        font-weight: normal;
	        background-color: var(--secondaryColor);
	        position: absolute;
	        top: -45px;
	        border: 5px solid var(--bgColor);
	        right: -15px;
	        padding: 5px 15px;
	        border-radius: 45px;
	        color: white;
	    }

	    .tender-section .tender-title {
	        margin-top: 0px;
	        color: #444;
	        font-weight: normal;
	        padding-left: 15px;
	        font-size: 15px;
	    }

	    .view-more {
	        display: block;
	        margin-top: 15px;
	        color: var(--secondaryColor);
	        font-weight: 600;
	        text-align: center;
	    }

	    #inPerformCount .container-fluid {
	        padding: 7% 6% 10% 6%;
	        overflow: hidden;
	    }

	    #inPerformCount h1 {
	        text-align: center;
	        color: white;
	        margin-top: 0px;
	        font-size: 3em;
	        font-family: var(--fontFamilyCabinetGrotesk);
	        padding-bottom: 15px;
	        font-weight: 600;
	    }

	    #inPerformCount p {
	        text-align: center;
	        color: white;
	        font-family: var(--fontFamilyCabinetGrotesk);
	        margin-top: 0px;
	        font-size: 1.4em;
	        padding-bottom: 0px;
	    }

	    .inWhyUsHeroSection {
	        background: linear-gradient(135deg, #0033cc 0%, #4169E1 50%, #D4AF37 100%);
	        min-height: 100vh;
	        padding: 60px 00px;
	        position: relative;
	        font-family: var(--fontFamilyCabinetGrotesk);
	    }

	    .section-title {
	        text-align: center;
	        color: white;
	        font-size: 14px;
	        letter-spacing: 2px;
	        margin-bottom: 0px;
	        font-weight: 600;
	    }

	    .main-title {
	        text-align: center;
	        color: white;
	        font-size: 2em;
	        font-weight: 700;
	        margin-bottom: 20px;
	        line-height: 1.2;
	    }

	    .traffic-card {
	        background: rgba(30, 30, 50, 0.9);
	        border-radius: 15px;
	        padding: 15px 25px;
	        opacity: 0;
	        color: white;
	        transform: translateY(50px);
	    }

	    .features-grid {
	        display: grid;
	        grid-template-columns: repeat(3, 1fr);
	        gap: 25px;
	        background: var(--themeColor);
	        width: 70%;
	        border-radius: 15px;
	        padding: 15px;
	        margin-left: 45px;
	        margin-top: 0px;
	        position: relative;
	        z-index: 99;
	    }

	    #inProPeers .container-fluid {
	        padding: 10% 3% 5% 3%;
	    }

	    #inProPeers img {
	        margin-top: 0px;
	        margin-left: 0px;
	        border-radius: 15px;
	        border: 0px solid white;
	    }

	    #inProPeers .well {
	        background-image: url(../image/bgDots.png);
	        background-size: cover;
	        background-position: center;
	        background-color: white;
	        background-repeat: no-repeat;
	        border-radius: 15px;
	        padding: 15px;
	        border: none;
	    }

	    #inTestimonials .container-fluid {
	        padding: 5%5% 5% 5%;
	    }

	    #inOurPricing .container-fluid {
	        padding: 4% 5% 2% 5%;
	        background-color: var(--bgColor);
	    }

	    #inBookAppointment .container-fluid {
	        padding: 2% 2% 4% 2%;
	    }

	    /* Left panel */
	    .leftBook {
	        background: linear-gradient(180deg, rgba(12, 35, 86, 0.02), rgba(12, 35, 86, 0.00));
	        border-radius: var(--radius);
	        padding: 25px 15px;
	        position: relative;
	        overflow: hidden;
	        box-shadow: var(--shadow);
	    }

	    .rightBook {
	        background: linear-gradient(180deg, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.9));
	        border-radius: var(--radius);
	        padding: 15px;
	        margin-top: 25px;
	        box-shadow: var(--shadow);
	        position: relative;
	        overflow: visible;
	        border: 1px solid rgba(20, 30, 80, 0.04);
	    }

	    .footerSection {
	        background: var(--themeColor);
	        position: relative;
	        padding: 80px 6% 40px 6%;
	        overflow: hidden;
	        margin-top: 25px;
	    }

	    .footerAbout img {
	        height: 50px;
	        margin-right: 10px;
	    }

	    .footerAbout .brand-text h4 {
	        padding: 0;
	        margin: 0;
	        font-weight: bold;
	        font-family: var(--fontFamilyCabinetGrotesk);
	        font-size: 24px;
	        color: white;
	    }

	    .footerAbout .brand-text h5 {
	        padding: 0px;
	        margin: 0px;
	        font-family: var(--fontFamilyHKGrotesk);
	        font-size: 14px;
	        color: white;
	        opacity: 0.8;
	        letter-spacing: 0.5px;
	        text-align: left;
	    }

	    .footerTenderComp h5 {
	        color: white;
	        font-weight: bold;
	        font-size: 16px;
	        padding-top: 15px;
	        padding-bottom: 5px;
	        font-family: var(--fontFamilyCabinetGrotesk);
	    }

	    .copyrightComp h5 {
	        color: white;
	        opacity: 0.7;
	        padding-top: 5px;
	        font-size: 0.8em;
	    }

	    .copyrightComp h6 {
	        color: white;
	        padding-top: 5px;
	        font-size: 0.8em;
	        opacity: 0.7;
	        line-height: 18px;
	    }

	    .abt-right {
	        padding-top: 25px;
	    }

	    .abt-desc {
	        font-size: 18px;
	        color: #666;
	        margin-bottom: 10px;
	        line-height: 1.8;
	    }

	    .hidden_section {
	        height: 70px;
	        background-color: transparent;
	    }

	    .paggignationSmallHeader h3 {
	        margin: 0px;
	        padding: 0px 0px 25px 0px;
	        font-size: 12px;
	        line-height: 20px;
	        font-weight: bold;
	        color: var(--secondaryColor);
	    }

	    .paggignationSmallHeader a {
	        color: var(--themeColor);
	        font-weight: normal;
	    }

	    .sectionWrapper .container-fluid {
	        padding: 0% 5%;
	        margin-top: -2%;
	    }

	    .PageHeaderSection .title {
	        font-size: 2em;
	        margin: 0px;
	        padding: 0px;
	        line-height: 35px;
	        font-weight: normal;
	        background: var(--themeColor);
	        -webkit-background-clip: text;
	        -webkit-text-fill-color: transparent;
	    }

	    .PageHeaderSection .title span {
	        font-size: 1em;
	        font-weight: 800;
	        background: var(--bgImage);
	        -webkit-background-clip: text;
	        -webkit-text-fill-color: transparent;
	    }

	    .vm-box {
	        padding: 15px 20px;
	        background: #fff;
	        border-radius: var(--radius);
	        border: 1px solid #e5eaf1;
	        box-shadow: var(--shadow);
	        transition: 0.3s;
	        margin-bottom: 15px;
	    }

	    .why-choose-section {
	        background: var(--themeColor);
	        padding: 30px 0;
	        color: #fff;
	        border-radius: 15px;
	        position: relative;
	        overflow: hidden;
	    }

	    .why-container {
	        width: 100%;
	        padding: 0px 20px;
	        margin: auto;
	    }

	    .new-ui {
	        display: grid;
	        grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
	        gap: 25px;
	        margin-top: 20px;
	    }

	    .cta-section {
	        margin: 20px 0%;
	        padding: 15px 15px;
	        border-radius: 30px;
	        background: var(--gradient);
	        text-align: center;
	        color: #fff;
	        box-shadow: var(--shadow);
	    }

	    .cta-section h2 {
	        font-size: 2.5em;
	        font-weight: bold;
	    }

	    .cardTender {
	        border-radius: 15px;
	        overflow: hidden;
	        background: white;
	        border: 1px solid var(--themeColorRGBA02);
	        padding: 10px;
	        transition: 0.35s ease;
	        position: relative;
	        margin-bottom: 15px;
	        box-shadow: 0 12px 35px rgba(0, 0, 0, 0.1);
	        transform-origin: center;
	    }

	    .tender-title {
	        font-size: 22px;
	        font-weight: bold;
	        color: #222;
	        margin: 0px 0px 15px 0px;
	        padding: 0px;
	        font-family: var(--fontFamilyCabinetGrotesk);
	        animation: fadeIn 0.6s ease;
	    }

	    .tender-container {
	        margin: 0px auto;
	        background: transparent;
	        border-radius: 0px;
	        padding: 0px;
	    }

	    .StateTenderOuter h3 {
	        font-weight: bold;
	        font-size: 2.5em;
	        font-family: var(--fontFamilyCabinetGrotesk);
	        text-align: center;
	        background: var(--bgImage);
	        -webkit-background-clip: text;
	        -webkit-text-fill-color: transparent;
	    }

	    .state-card {
	        background: #F9F9F9;
	        border-radius: 18px;
	        border: 1px solid rgba(255, 255, 255, 0.4);
	        padding: 8px;
	        cursor: pointer;
	        transition: all .35s ease;
	        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
	        animation: fadeUp .55s ease forwards;
	        opacity: 0;
	        margin-bottom: 15px;
	    }

	    .tender-info-card {
	        padding: 5px;
	    }

	    /* Card */
	    .country-card {
	        background: #F9F9F9;
	        border-radius: 18px;
	        border: 1px solid rgba(255, 255, 255, 0.4);
	        padding: 8px;
	        cursor: pointer;
	        transition: all .35s ease;
	        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
	        animation: fadeUp .55s ease forwards;
	        opacity: 0;
	        margin-bottom: 15px;
	    }

	    .CountryTenderOuter h3 {
	        font-weight: bold;
	        font-size: 2.5em;
	        font-family: var(--fontFamilyCabinetGrotesk);
	        text-align: left;
	        background: var(--bgImage);
	        -webkit-background-clip: text;
	        -webkit-text-fill-color: transparent;
	    }

	    .ti-contact-box {
	        margin-top: 15px;
	        padding: 20px 10px;
	        border-top: 5px solid var(--themeColor);
	        background: #f1f5ff;
	        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
	        text-align: center;
	        border-radius: 25px;
	        margin-bottom: 15px;
	    }

	    .success-box {
	        background: linear-gradient(145deg, #ffffff, #f3f7ff);
	        padding: 15px;
	        max-width: 800px;
	        width: 100%;
	        margin: 30px auto;
	        box-shadow: 0 12px 35px rgba(0, 0, 0, 0.12);
	        border-radius: 22px;
	        text-align: center;
	        animation: fadeIn 0.7s ease;
	        font-family: var(--fontFamilyCabinetGrotesk);
	        border: 1px solid #eef2ff;
	    }

	    .success-details {
	        text-align: left;
	        margin-top: 25px;
	        line-height: 25px;
	        background: #f9fbff;
	        padding: 18px 0px;
	        border-radius: 15px;
	        border: 1px solid #e1e7ff;
	    }

	    .layout-wrapper {
	        padding-top: 25px;
	    }

	    .sidebarUser {
	        display: none;
	    }

	    .tcMeta {
	        display: block;
	        align-items: center;
	        gap: 20px;
	        font-size: 13px;
	        padding: 0px 15px;
	        margin-top: 6px;
	        color: var(--themeColor);
	    }

	    .tcMeta span {
	        padding: 0px 5px;
	        line-height: 25px;
	    }
	}