.footer{
    overflow: hidden;
    position: relative;
    background: url('../images/FOOTER.png') center/cover no-repeat;
    background-size: cover;
    background-position: center center;
    width: 100%;
}

.footer-container {
    padding-top: 50px;
    background: #fff5ddbd;
}

.footer-inner{
    display: grid;
    grid-template-columns: 1fr 1fr 0.5fr 0.8fr;
    gap: 30px;
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
    padding: 30px 100px;
}

.footer-col.map {
    width: 100%;
}

.gogle-map {
    position: relative;
    width: 100%;
    text-align: right;
}

    .gogle-map img {
    position: relative;
    border: 3px solid #ff5757;
    width: 100%;
    height: 100%;
    max-width: 100%;
    }

    .mad-form {
    text-align: center;
    margin-top: 5px;
}

  .mad-form p{
    margin:0;
  }

.footer-title {
    font-size: 20px;
    font-weight: 600;
    text-align: center;
}

.mad-form input[type="text"], 
.mad-form input[type="password"],
.mad-form input[type="email"],
.mad-form input[type="url"],
.mad-form input[type="number"],
.mad-form textarea {
    padding: 5px 10px;
    outline: none;
    background:#ff5757 ;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    border: 2px solid #000;
    border-radius: 10px;
    width: 60%;
    text-align: left;
}

.mad-form input[type=submit] {
    background: #000;
    -webkit-appearance: button;
    cursor: pointer;
    color: #fff;
    border: 2px solid #000;
    padding: 5px 10px;
    font-size: 18px;
    width: 65%;
    border-radius: 10px;
    font-family: 'Caudex';
}

.mad-submitbtn input[type=submit]:hover{
background: transparent;
color: #000;
border:2px solid #000;
transition: 0.7s ease-in-out;
}

.mad-submitbtn { 
text-align: center;
}

.wpcf7-spinner{
	display: none;
}

.mad-form
::-webkit-input-placeholder {   
color: #fff;
font-size: 16px;
font-weight: 200;
text-align: left;
}

.mad-form
::-moz-placeholder {   
color: #fff;
font-size: 16px;
font-weight: 200;
text-align: left;
}

.mad-form
:-ms-input-placeholder {   
color: #fff;
font-size: 16px;
font-weight: 200;
text-align: left;
}

.mad-form
:-moz-placeholder {   
color: #fff;
font-size: 16px;
font-weight: 200;
text-align: left;
} 

.footer-style{
   width: 100%;
    text-align: center;
}

.footer-style img{
   width: 200px;
    height: 100%;
}

 .footer-style-m{
        display: none;
         width: 100%;
    text-align: center;
    }

.footer-text{
   color: #000;
    font-size: 16px;
    text-align: center;
    font-weight: 600;
    margin-top: 8px;
}

ul.footer-content {
    padding: 0;
    padding-left: 15px;
    list-style-type: none;
    margin: 0;
}

.footer-col.menu {
    padding-top: 30px;
}

.footer-item {
    position: relative;
    padding-left:20px;
padding-top: 10px;
}

.footer-item::before {
    content: "●";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    color: #ff5757;
}

.footer-item a{
    color: #ff5757;
    font-size: 20px;
    font-weight: 600;
    text-align: left;
    text-decoration: none;
}

.footer-item a:hover{
    color: #000;
}

.footer-logo{
    text-align:center;
    }
    
.footer-logo img{
    width:250px;
    }

.footer-bottom{
        background: #ff5757;
        padding: 10px;
        text-align: center;
    }

    .footer-rights-text{
       color: #fff;
    font-size: 16px;
    font-weight: 600;
    }

    .footer-title-m{
        font-size: 20px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 20px;
    display: none;
    }

    .footer-col-m{
    display: none;
}



@media (max-width: 1200px) {
      .footer-inner{
    padding: 30px 50px;
}

}

@media (max-width: 990px) {
   .footer-inner{
    padding: 30px;
    grid-template-columns: 1fr 1fr 0.5fr;
    gap: 0px;
}

.footer-col.logo {
    display: none;
}
    }

@media (max-width: 767px) {
        .footer-inner {
        padding: 30px;
        grid-template-columns: 1fr;
        gap: 10px;
    }


     .footer-title-m{
    display: block;
    }

       .footer-title{
    display: none;
    }

    .footer-style-m{
        display: block;
    }

    .footer-style{
        display: none;
    }

.footer-contact-details{
 display: none;
}

.footer-col-m{
    display: grid;
    grid-template-columns: 0.5fr 1fr;
    gap: 10px;
     order: 2;
}

.footer-col.menu {
    display: none;
}

.footer-col.map {
    order: 1;
}

.footer-col.contact {
    order: 3;
}

.footer-menu-inner-m{
    text-align: left;
}

.contact-mobile{
     text-align: right;
}

.footer-text {
    text-align: right;
}

.gogle-map img {
    height: 300px;
}

.footer-item a {
    font-size: 18px;
}

.mad-form input[type="text"], .mad-form input[type="password"], .mad-form input[type="email"], .mad-form input[type="url"], .mad-form input[type="number"], .mad-form textarea {
    background: #fff;
    color: #000;
    width: 90%;
    text-align: center;
}

.mad-form input[type=submit] {
    background: #ff5757;
    width: 93%;
}

.form-title{
    display:block;
}

.mad-form
::-webkit-input-placeholder {   
color: #000;
font-weight: 400;
text-align: center;
}

.mad-form
::-moz-placeholder {   
color: #000;
font-weight: 400;
text-align: center;
}

.mad-form
:-ms-input-placeholder {   
color: #000;
font-weight: 400;
text-align: center;
}

.mad-form
:-moz-placeholder {   
color: #000;
font-weight: 400;
text-align: center;
} 

.footer-rights-text {
    font-size: 14px;
}
}

@media (max-width: 550px) {
    .gogle-map img {
        height: 200px;
    }
}