/* ============================================================
   OASIS SMART NETWORK – FOOTER (ALIGNED WITH header.css)
   ============================================================ */


/* ============================================================
   1) SUBSCRIBE STRIP (FOOTER TOP)
   ============================================================ */

.subscribe {
    background-image: url("../images/building.webp");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.subscribe .opacity_overlay {
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.7);
    /* original: 60 / 80 → min 60, max 120 / 160 */
    padding-top: clamp(60px, 4.39vw, 120px);
    padding-bottom: clamp(80px, 5.86vw, 160px);
    font-family: 'OpenSans', sans-serif;
    text-align: center;
}

.subscribe .opacity_overlay h3 {
    color: #FFF6E5;   
}

.subscribe .opacity_overlay p {
    color: #FFF6E5;
	text-align: center;
}

.subscribe .opacity_overlay .form-subscribe {
    max-width: 600px;
    margin: 0 auto;
    /* original: margin-top: 30px → min 30, max 60 */
    margin-top: clamp(30px, 2.20vw, 60px);
}

.subscribe .opacity_overlay .input-group {
    position: relative;
    display: table;
    width: 100%;
}

.subscribe .opacity_overlay .form-input {
    background: rgba(255, 255, 255, 0.4);
    /* original: 25 → min 25, max 50 */
    padding-left: clamp(25px, 1.83vw, 50px);
    padding-right: clamp(25px, 1.83vw, 50px);
    border: none;
    letter-spacing: 1px;
    width: 100%;
    position: relative;
    float: left;
    /* original: 50 → min 50, max 100 */
    height: clamp(50px, 3.66vw, 100px);
    margin-bottom: 0;
    border-top-left-radius: 36px;
    border-bottom-left-radius: 36px;
    outline: none;
    color: #fff;                                 /* email text white */
}

.subscribe .opacity_overlay .btn-group {
    display: table-cell;
    width: 1%;
    vertical-align: middle;
}

.subscribe .opacity_overlay .btn {
    /* original: 50 → min 50, max 100 */
    height: clamp(50px, 3.66vw, 100px);
    /* original: 40 → min 40, max 80 */
    padding: 0 clamp(40px, 2.93vw, 80px);
    background: #fff;
    color: #000;
    position: relative;
    margin-left: -1px;
    border-top-right-radius: 36px;
    border-bottom-right-radius: 36px;
    border: none;
    cursor: pointer;
    font-family: 'OpenSans', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    transition: color 0.3s ease;
}

.subscribe .opacity_overlay .btn:hover {
    color: #720eec !important;
}

/* Placeholder colors (mainly subscribe input) */
::-webkit-input-placeholder { color: #fff; }
:-moz-placeholder { color: #fff; opacity: 1; }
::-moz-placeholder { color: #fff; opacity: 1; }
:-ms-input-placeholder { color: #fff; }


/* ============================================================
   2) FOOTER MAIN AREA
   ============================================================ */

.footer_menu_bgcolor {
    /* original: 40 / 40 → min 40, max 80 */
    padding-top: clamp(40px, 2.93vw, 80px);
    
    background: #1a1a1a;
   font-family: 'OpenSans', sans-serif;
}

/* Column headings (About / Services / Contact) */
.footer_menu_bgcolor h4 {
    color: #FFF6E5;
    text-transform: uppercase;
    margin: 0;
	font-size: clamp(15px, 1.17vw, 32px);
	
	
}

/* Heading links style + hover */
.footer_menu_bgcolor h4 .footer-heading-link {
    color: #FFF6E5;
    text-decoration: none;
    display: inline-block;
}

.footer_menu_bgcolor h4 .footer-heading-link:hover {
    color: #06ff1b;
}

/* Chhoti underline line (hr) */
.footer_menu_bgcolor hr {
    border-bottom: 2px solid #fff;
    margin-top: clamp(10px, 1vw, 40px);
    margin-bottom: clamp(10px, 1vw, 40px);
	margin-left: 0px; 
	
}

/* Same text style for:
   - About paragraph <p>
   - Services list <ul><li>
   - Contact list <ul class="contact-list"><li>
*/
.footer_menu_bgcolor p,
.footer_menu_bgcolor ul li,
.footer_menu_bgcolor ul.contact-list li {
    color: #FFF6E5;
}

/* Services / contact list UL reset */
.footer_menu_bgcolor ul {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

/* Icons (home / phone / envelope) spacing */
.footer_menu_bgcolor .contact-list i {
    margin-right: 10px;
}

/* Contact links same color as paragraph */
.footer_menu_bgcolor .contact-list a {
    color: #FFF6E5;
    text-decoration: none;
}

.footer_menu_bgcolor .contact-list a:hover {
    color: #06ff1b;
}


/* ============================================================
   3) COPYRIGHT STRIP (BOTTOM)
   ============================================================ */

.copyright-part {
    /* original: 20 / 20 → min 20, max 40 */
    padding-top: clamp(20px, 1.46vw, 40px);
    padding-bottom: clamp(20px, 1.46vw, 40px);
    background: #000;
}

.copyright-part p {
    text-align: center;
    color: #fff;
    margin: 0;
}

.copyright-part p span {
    color: #fff;
}

/* Correct hover (with dot) */
.copyright-part a:hover {
    color: #06ff1b;
}


/* ============================================================
   4) RESPONSIVE – TABLET & MOBILE (≤ 1024px)
   ============================================================ */

@media (max-width: 3840px) {
.footer-about .hr1 {
    max-width: 100%;
	width: 100%
}	
.footer-links .hr2 {
    max-width: 90%;
	width: 100%
}
.footer-contact .hr3 {
    max-width: 62%;
	width: 100%
}
}
@media (max-width: 2560px) {
.footer-about .hr1 {
    max-width: 98%;
	width: 100%
}	
.footer-links .hr2 {
    max-width: 97%;
	width: 100%
}
.footer-contact .hr3 {
    max-width: 80%;
	width: 100%
}
}

@media (max-width: 1024px) {
    /* Footer columns: thoda gap niche niche */
    .footer_menu_bgcolor .col-md-4,
    .footer_menu_bgcolor .col-sm-6 {
        margin-bottom: 20px;
    }

    /* Contact list thoda neeche se start ho */
    .contact-list {
        padding-top: 20px;
    }

    /* Subscribe overlay: thoda compact */
    .subscribe .opacity_overlay {
        padding-top: 0px;
        padding-bottom: 25px;
    }

    .subscribe .opacity_overlay .form-subscribe {
        max-width: 100%;
        padding: 0 15px;
    }

    /* Button & input stack vertically */
    .subscribe .opacity_overlay .input-group {
        display: block;
    }

    .subscribe .opacity_overlay .form-input {
        width: 100%;
        border-top-right-radius: 36px;
        border-bottom-right-radius: 36px;
        margin-bottom: 10px;
    }

    .subscribe .opacity_overlay .btn-group {
        display: block;
        width: 100%;
    }

    .subscribe .opacity_overlay .btn {
        width: 100%;
        border-top-left-radius: 36px;
        border-bottom-left-radius: 36px;
    }

    /* Footer padding & font-size chhota */
    .footer_menu_bgcolor {
        padding-top: 18px;
        padding-bottom: 25px;
		
    }
	
	.footer_menu_bgcolor h4{
        font-size: clamp(12px, 1vw, 16px);

    }
	
	.footer-links .hr2 {
		max-width: clamp(30%, 88vw, 100%);
		width: 100%
	}
	
	.footer-contact .hr3 {
		max-width: clamp(50%, 76vw, 100%);
		width: 100%
	}
	
	
    .footer_menu_bgcolor p,
    .footer_menu_bgcolor ul li,
    .footer_menu_bgcolor ul.contact-list li {
        font-size: clamp(14px, 1.02vw, 28px);
		        
    }

    /* Copyright text padding + font-size */
    .copyright-part p {
        padding: 0 15px;
        font-size: 12px;
    }
}
@media (max-width: 767px) {


/* Copyright text padding + font-size */
    .copyright-part p {
        padding: 0 10px;
        
    }
	.copyright-part p span {
        padding: 0 15px;
        
    }
}

/* ============================================================
   5) MOBILE (≤ 991px) – ABOUT COLUMN HIDE
   ============================================================ */

@media (max-width: 991px) {

    /* About column hide on smaller devices (sirf Services + Contact) */
    .footer-about {
        display: none !important;
    }
}


/* =========================================
   FULL-WIDTH FOOTER CONTAINERS (ALL SCREENS)
   Header ki tarah footer bhi 100% width par
   ========================================= */

.subscribe .opacity_overlay > .container {
    max-width: 90% !important;          /* default 1170 ko hatao */
    width: 100% !important;
    margin: 0 auto;
    /* yahan 12px already minimum hai, isliye clamp same rakha */
    padding-left: clamp(12px, 1.46vw, 56px);
    padding-right: clamp(12px, 1.46vw, 56px);
}
.footer_menu_bgcolor > .container,
.copyright-part > .container {
    max-width: 100% !important;          /* default 1170 ko hatao */
    width: 100% !important;
    margin: 0 auto;
    /* yahan 12px already minimum hai, isliye clamp same rakha */
    padding-left: clamp(12px, 1.46vw, 56px);
    padding-right: clamp(12px, 1.46vw, 56px);
}

/* ============================================================
   FOOTER COLUMNS AS FLEX CARDS
============================================================ */

.footer-about,
.footer-links,
.footer-contact {
    background: #181818;
    padding: clamp(10px, 1.4vw, 22px);
    margin-bottom: clamp(16px, 2vw, 28px);
	color: #ffffff;
	 
}