/* =========================================================
FOOTER LINKS
========================================================= */

.tv-footer-links{

padding:80px 0;

background:#f8fafc;

border-top:1px solid #edf2f7;

}

.tv-footer-links-grid{

display:grid;

grid-template-columns:
repeat(4,1fr);

gap:40px;

}

/* =========================================================
LINK COLUMN
========================================================= */

.tv-footer-link-col h3{

font-size:18px;

font-weight:700;

margin-bottom:24px;

color:#1f2937;

}

.tv-footer-link-col ul{

list-style:none;

padding:0;
margin:0;

}

.tv-footer-link-col ul li{

margin-bottom:14px;

}

.tv-footer-link-col ul li a{

font-size:14px;

color:#64748b;

transition:0.3s ease;

}

.tv-footer-link-col ul li a:hover{

color:#FF6F00;

padding-left:4px;

}

/* =========================================================
MAIN FOOTER
========================================================= */

.tv-footer{

background:#ffffff;

padding-top:80px;

}

/* =========================================================
GRID
========================================================= */

.tv-footer-grid{

display:grid;

grid-template-columns:
1.5fr
1fr
1fr
1.2fr;

gap:60px;

padding-bottom:70px;

}

/* =========================================================
ABOUT
========================================================= */

.tv-footer-logo{

height:58px;

margin-bottom:26px;

}

.tv-footer-about p{

font-size:15px;

line-height:1.9;

color:#64748b;

margin-bottom:28px;

}

/* =========================================================
CONTACT
========================================================= */

.tv-footer-contact{

display:flex;

flex-direction:column;

gap:16px;

}

.tv-footer-contact a,
.tv-footer-address{

display:flex;

align-items:flex-start;

gap:14px;

font-size:15px;

color:#1e293b;

}

.tv-footer-contact i,
.tv-footer-address i{

width:42px;
height:42px;

border-radius:14px;

background:#fff4ec;

display:flex;
align-items:center;
justify-content:center;

color:#FF6F00;

flex-shrink:0;

}

/* =========================================================
COLUMN
========================================================= */

.tv-footer-column h3{

font-size:18px;

font-weight:700;

margin-bottom:24px;

color:#1f2937;

}

/* =========================================================
LIST
========================================================= */

.tv-footer-column ul{

list-style:none;

padding:0;
margin:0;

}

.tv-footer-column ul li{

margin-bottom:14px;

}

.tv-footer-column ul li a{

font-size:15px;

color:#64748b;

transition:0.3s ease;

}

.tv-footer-column ul li a:hover{

color:#FF6F00;

padding-left:5px;

}

/* =========================================================
NEWSLETTER
========================================================= */

.tv-news-text{

font-size:14px;

line-height:1.8;

color:#64748b;

margin-bottom:20px;

}

.tv-newsletter-form{

display:flex;

flex-direction:column;

gap:14px;

}

.tv-newsletter-form input{

height:54px;

border:1px solid #e2e8f0;

border-radius:16px;

padding:0 18px;

font-size:14px;

outline:none;

transition:0.3s ease;

}

.tv-newsletter-form input:focus{

border-color:#FF6F00;

}

.tv-newsletter-form button{

height:54px;

border:none;

border-radius:16px;

background:
linear-gradient(
135deg,
#FF6F00,
#1f493d
);

color:#fff;

font-size:15px;

font-weight:600;

cursor:pointer;

transition:0.3s ease;

}

.tv-newsletter-form button:hover{

transform:translateY(-2px);

}

/* =========================================================
SOCIAL
========================================================= */

.tv-footer-social{

display:flex;

align-items:center;

gap:12px;

margin-top:24px;

}

.tv-footer-social a{

width:44px;
height:44px;

border-radius:16px;

background:#f8fafc;

display:flex;
align-items:center;
justify-content:center;

font-size:16px;

color:#1f2937;

border:1px solid #e2e8f0;

transition:0.3s ease;

}

.tv-footer-social a:hover{

background:
linear-gradient(
135deg,
#FF6F00,
#1f493d
);

color:#fff;

transform:translateY(-3px);

}

/* =========================================================
BOTTOM
========================================================= */

.tv-footer-bottom{

border-top:1px solid #edf2f7;

padding:24px 0;

}

/* =========================================================
BOTTOM WRAP
========================================================= */

.tv-footer-bottom-wrap{

display:flex;

align-items:center;

justify-content:space-between;

gap:20px;

}

/* =========================================================
COPYRIGHT
========================================================= */

.tv-copyright{

font-size:14px;

color:#64748b;

}

/* =========================================================
POLICY
========================================================= */

.tv-footer-policy{

display:flex;

align-items:center;

gap:20px;

}

.tv-footer-policy a{

font-size:14px;

color:#64748b;

transition:0.3s ease;

}

.tv-footer-policy a:hover{

color:#FF6F00;

}

/* =========================================================
RESPONSIVE
========================================================= */

@media(max-width:1100px){

.tv-footer-links-grid{

grid-template-columns:
repeat(2,1fr);

}

.tv-footer-grid{

grid-template-columns:
1fr
1fr;

}

}

@media(max-width:768px){

.tv-footer-grid{

grid-template-columns:1fr;

gap:50px;

}

.tv-footer-links-grid{

grid-template-columns:1fr;

}

.tv-footer-bottom-wrap{

flex-direction:column;

text-align:center;

}

}

@media(max-width:576px){

.tv-footer-links{

padding:60px 0;

}

.tv-footer{

padding-top:60px;

}

}