/* footer */

footer {background-color: var(--clr-dark); padding-top: 60px;}
footer label {display:block; font-family: var(--ff-source-sans); font-weight: var(--fw-400); font-size: var(--fs-16); color: #fff; margin-bottom: 20px; transition: var(--transition);}
footer li label{padding-left:10px}
footer .head {display: grid; grid-template-columns: 2fr 1fr; gap: 30px; padding-bottom: 60px; border-bottom: 1px solid #fff;}
footer .col {display: flex; flex-direction: column; align-items: start; justify-content: space-between;}
footer .title {margin-bottom: 30px;}
footer .title label {font-family: var(--ff-quicksand); font-weight: var(--fw-500); font-size: var(--fs-40); color: #fff; line-height: 48px; transition: var(--transition);}
footer .social-media ul {display: inline-flex; align-items: center;}
footer .social-media ul li {padding-right: 10px;}
footer .social-media img {width: 40px; height: 40px; transition: var(--transition);}
footer .telephone a {font-weight: var(--fw-700); font-size: var(--fs-50); color: #fff!important; transition: var(--transition);}
footer .download-app ul {display: inline-flex;}
footer .download-app ul li {padding-right: 10px;}
footer .download-app img {width: 150px; height: 40px; transition: var(--transition);}
footer .main {display: grid; grid-template-columns: 40% 20% 1fr; gap: 30px; padding-block: 40px 60px; border-bottom: 1px solid #fff;}
footer .about img {width: 245px; height: 24px; margin-bottom: 40px;}
footer .about p {color: #fff; line-height: 28px; margin-bottom: 15px}
footer .about ul li {padding-bottom: 15px;display:flex; flex-direction:row; }
footer .about ul li svg {fill: #fff; margin-top:1%}
footer .about ul a {color: #fff!important; padding-left: 10px; line-height: 24px;}
footer .about span {color: #fff; margin-left: 30px;}
footer .links label,
footer .newsletter label {font-family: var(--ff-source-sans); font-weight: var(--fw-400); font-size: var(--fs-20); color: #fff; margin-bottom: 40px;     display: block;}
footer .links ul li {margin-bottom: 18px;}
footer .links ul a {color: #fff; transition: var(--transition);}
footer .links ul li:last-child a{display:flex; gap:5px;align-items:center}
footer .newsletter form {margin-bottom: 40px;}
footer .newsletter form input {color:white;width:250px; background-color: transparent; border: 1px solid var(--clr-grey-lt); padding: 10px; border-radius: 10px; margin-right: 10px; transition: var(--transition);}
footer .newsletter form input:focus {border-color: var(--clr-blue);}
footer .newsletter form button {width: 80px; padding:9px; border-radius: 8px;}
footer .newsletter form input::placeholder {color: var(--clr-grey-lt);}
footer .payments img {max-width: 370px; width: 100%;}
footer .copyright {padding-block: 10px; text-align: center;}
footer .copyright p {color: #a0a0a0;}
footer .links ul a:hover {color: var(--clr-red);}

/* Media Quries */
@media only screen and (max-width: 1200px) {
footer .title h2 {font-size: var(--fs-36);}
footer .telephone a {font-size: var(--fs-42);}
footer .newsletter form input {width: 220px;}
}
/* (Media Screen: Max-Width 991px) */
@media only screen and (max-width: 991px) {
footer{height:auto}
footer .main {grid-template-columns: 2fr 1fr;}
footer .newsletter {grid-column: 1 / 3;}
}
/* (Media Screen: Max-Width 767px) */
@media only screen and (max-width: 767px) {
footer h6 {margin-bottom: 10px;}
footer .head,
footer .main {grid-template-columns: 1fr;}
footer .download-app {margin-top: 20px;}
footer .newsletter {grid-column: auto;}
footer .title h2 { font-size: var(--fs-32);}
footer .telephone a {font-size: var(--fs-36);}
}
/* (Media Screen: Max-Width 575px) */
@media only screen and (max-width: 575px) {
footer .social-media img {width: 30px; height: 30px;}
footer .download-app img {width: 120px; height: auto;}
footer .newsletter form input {margin-right: 10px;}
}
.th_submit{position:relative;}
.feedback{bottom:50px;right:0;}