/* @media (max-width:1366) {
    .container {
        max-width: 1200px;
        padding: 0;
    }

} */

body {
    margin: 0;
}

footer {
    background: radial-gradient(124.34% 124.34% at 50.04% 0%, #121212 43.19%, #871B08 75.18%, #DE3E28 100%);
    height: 583px;
    margin: 0px;

}
.newsletter-box:after {
    content: '';
    position: absolute;
    background: url(../images/footer-mark.svg);
    background-position: top;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    opacity: 60%;
}
footer .custom-logo-link img{
	width: 282px;
}
.submit-btn svg{
  display: none;
}
.footer-email{
    padding: 40px 0 0 0;
}
.footer-email a{
    display: block;
}
/* .footer-email a:first-child{
    margin-top: 20px;
} */
.phone-number {
    font-family: "Manrope";
    font-size: 20px;
    font-weight: 700;
    line-height: 27.32px;
    text-align: left;
    color: #ffffff;
    margin-bottom: 0px;
    /* margin-top: 40px; */
    text-decoration: none;
}

.email-id {
    text-decoration: none;
    font-family: "Manrope";
    font-size: 20px;
    font-weight: 700;
    line-height: 27.32px;
    text-align: left;
    color: #ffffff;
    margin-bottom: 32.42px;
    margin-top: 12px;
}
.footer-email a:hover{
    color: #fff;
}

.log_1{
    transform: scale(1);
    opacity: 0.7;
}
.log_1:hover{
    transform: scale(1.1);
}

.social-logos {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
}
.social-logos a{
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.dtd {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: top;
    /* padding-top: 80px; */
    padding-top: 96px;
}

.dtd_2 {
    margin-left: 127px;
    margin-right: 144px;
}

.dtd_2 a {

    font-family: "Manrope";
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
    text-align: left;
    color: #FFFFFF;
    text-decoration: none;
    text-transform: capitalize;

}

.dtd_2 ul {
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin: 0;
}

.dtd_2 li {
    text-decoration: none;
    list-style: none;
    /* text-align: center; */
}

.dtd_3 {
    height: max-content;
    width: 384px;
}



.newsletter-box {
    background: rgba(255, 255, 255, 0.1);
    padding: 20px;
    border-radius: 12px;
	position: relative;
  z-index: 1;
}

.newsletter-box p {
    width: 70%;
}

.newsletter-box h3 {
    font-family: "Manrope";
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    text-align: left;
    color: #FFFFFF;
    margin: 0;
}

.newsletter-box p {

    font-family: "Manrope";
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    color: #FFFFFF;
    width: 384px;
    padding-top: 8px;
    padding-bottom: 36px;
    opacity: 80%;

}

.newsletter-form {
    display: flex;
    align-items: center;
    background: white;
    border-radius: 30px;
    overflow: hidden;
    /* width: 80%; */
    height: 60px;
}

.newsletter-form input {
    flex: 1;
    padding: 7px 8px 7px 20px;
    border: none;
    font-size: 16px;
    outline: none;
}

.newsletter-form input::placeholder {

    font-family: "Manrope";
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    color: #808080;

}

.newsletter-form button {
    background: #E64123;
    color: white;
    padding: 12px 20px;
    border: none;
    border-radius: 30px;
    font-size: 18px;
    line-height: 24px;
    cursor: pointer;
    height: 48px;
    margin-right: 8px;
    font-weight: 500;
}

.newsletter-form button:hover {
    background: #770F00;
}

.footer-bottom p {

    font-family: "Manrope";
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
    text-align: left;
    color: #FFFFFF;
    margin-bottom: 0;
}
.footer-bottom .fb_1 p{
    opacity: 0.6;
}

.footer-bottom .rights {

    font-family: "Manrope";
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    color: #E0E0E0;
    margin-top: 46px;

}

.footer-links{
    display: flex;
    flex-direction: row;
    gap: 24px;
    margin-top: 46px;

}

.footer-links a {
    text-decoration: none;
    list-style: none;
    font-family: "Manrope";
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    color: #E0E0E0;

}

.footer-bottom {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 142px;
    margin-top: 96px;
/*     margin-bottom: 40px; */
    align-items: flex-end;

}

/* .fb_1{
    display: flex;
    flex-direction: column;

} */
.menu-policy-container ul{
    display: flex;
    align-items: center;
    list-style: none;
    padding: 0;
    margin: 0;
}
.menu-policy-container ul li:first-child{
    margin-right: 32px;
}

@media (max-width:1024px) {
    .dtd_2 li{
        text-align: center;
    }
    footer{
        height: 100%;
    }

    .dtd_2 {
        margin-left: 27px;
        margin-right: 44px;
    }
    .footer-bottom{
        gap: 81px;
    }
    .phone-number{
        font-size: 16px;
    }
    .email-id{
        font-size: 16px;
    }

    .dtd_2 a{
        font-size: 16px;
    }
    .dtd_2 ul{
        gap: 21px;
    }

    .footer-bottom .rights{
        font-size: 12px;
    }
    .footer-links a{
        font-size: 12px;
    }
    .footer-bottom p{
        font-size: 17px;
    }
    .pepper_img{
        transform: scale(0.8);
        margin-left: 0px;
        margin-left: -23px;
        margin-top: -12px;


    }
    .footer-bottom .rights{
        margin-top: 50px;
    }
    .footer-links{
        margin-top: 50px;
    }
    .newsletter-box p{
        width: 100%;
    }
    .dtd_3{
        width: 314px;
    }
	.newsletter-form{
		height: 53px;
	}
	.newsletter-form button{
		    padding: 10px 10px;
		    height: 42px;
		 right: 0px;
         position: absolute;
	}
		footer .custom-logo-link img {
    width: 158px;
}
	    .newsletter-box {
        padding: 18px 14px;
    }
	.newsletter-form{
		position: relative;
	}
}

@media (max-width:991px) {
    .dtd_2{
        margin-left: 0px;
        margin-right: 0px;
    }
    .logo{
        transform: scale(0.5);
        position: relative;
        left: -67px;
    
    }
    .phone-number{
        font-size: 11.24px;
        margin-top: 0px;
        margin-bottom: 0px;
    }
    .email-id{
        font-size: 11.24px;
        margin: 0;
    }
    .social-logos{
        margin-top: 4px;
        gap:8px;
    }
    .dtd_2 a{
        font-size: 11.24px;
    }
    .dtd_2 ul{
        gap:0px;
        margin: 0;
        padding: 0;
    }

    .dtd{
        justify-content: space-between;
    }

    .log_1{
        transform: scale(0.5);
    }.footer-bottom .rights{
        font-size: 9px;
    }
    .footer-links a{
        font-size: 9px;
    }
    .newsletter-box h3{
        font-size: 13.49px;
        margin: 0;
    }
    .newsletter-box p{
        font-size: 9px;
        line-height: 17px;
        margin:0;
    }
    .newsletter-form{
        margin-top: 20px;
        height: 33.73px;
    }
    .newsletter-form button{
        height: 26px;
        padding: 6.75px 11.24px;
        max-width: 70px;
        font-size: 10.12px;
        position: absolute;
        right: 0px;
        display: flex;
        align-items: center;
    }
    /* .newsletter-form input::placeholder{
        font-size: 9px;
    } */

    .dtd_3{
        width: 215px;
    }

    .dtd_1{
        width: 165px;
    }

    .dtd{
        align-items: normal;
    }
    .footer-bottom p{
        font-size: 11.24px;
    }
    .footer-bottom {
        gap: unset;
        margin: 0;
		justify-content: space-between;
	    align-items: end;
		margin-top: 26px;
		/* opacity: 0.7; */
    }
    
	.designed-by{
		margin: 0;
		line-height: 20px;
    opacity: 0.6;
	}
    .pepper_img {
        transform: unset;
        margin: 0;
        width: 131px;
    }
    .footer-links{
        margin-top: 40px;
    }
		    .newsletter-box p {
        padding: 0;
	}
	.fb_1{
		display: block;
	}
	    .footer-bottom .rights, .footer-links {
        margin: 0;
    }
	    footer {
        padding-bottom: 22px;
	}
    .newsletter-form input::placeholder {
        font-size: 9px;
        line-height: 13.49px;
    
    }
}
@media(max-width: 767px){
    footer .custom-logo-link img {
        width: 194px;
        height: 46.49px;
    }
    .newsletter-form input::placeholder {
        font-size: 14px;
        line-height: 20px;
    }
    .footer-email{
      padding: 0;
    }
  .rit{
    padding: 24px;
  }
  /* .dtd{
    padding: 80px;
  } */
  .phone-number{
    font-size: 18px;
    line-height: 26px;
    text-align: center;
    margin: 32px 0 8px 0;
  }
  .dtd_1{
    width: 100%;
    text-align: center;
  }
  .log_1 {
    transform: scale(1);
    opacity: 0.7;
}
.social-logos {
  margin-top: 29px;
  gap: 10px;
  justify-content: center;
}

.dtd_2 a {
  font-size: 16px;
  line-height: 24px;
}
.dtd_2 li{
  text-align: center;
}
.dtd_2 ul{
  gap: 24px;
}

.dtd{
  gap: 30px;
  padding: 40px 0 40px 0;
  flex-direction: column;
  align-items: center;
}
.dtd_3 {
  width: 100%;
}
.newsletter-box h3{
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 8px;
}
.newsletter-box p{
  font-size: 14px;
  line-height: 20px;
  padding-bottom: 24px;
}
.newsletter-box {
  padding: 32px 20px;
}
.newsletter-form{
  margin-top: 0;
  height: 52px;
  position: relative;
}
.newsletter-form input {
  padding: 6px 8px 6px 20px;
}
.submit-btn span{
  display: none;
}
.submit-btn svg{
  display: block;
}
.newsletter-form button{
  right: 0;
  height: 40.09px;
  padding: 8px 16px;
  border-radius: 33px;
  min-width: 56px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.footer-bottom {
  flex-direction: column-reverse;
  align-items: center;
  gap: 24px;
  margin-top: 0px;
  padding-bottom: 40px;
}
.footer-links {
  margin: 0;
}
.footer-links a ,.footer-bottom .rights{
  margin: 0;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
}
.footer-bottom p{
  font-size: 16px;
  line-height: 24px;
  text-align: center;
}
.pepper_img{
  margin: 0;
  transform: unset;
  max-width: 180px;
  width: auto;
}
.fb_1{
  gap: 10px;
}
	footer{
		padding:0;
	}
}