* {
    margin: 0;
    padding: 0;
}


.footer_box {
    width: 100%;
    padding-top: calc(37px + 5rem);
    background: url(../images/footer_bg.png) no-repeat;
    background-size: calc(24px + 40rem) calc(80px + 5rem);
    background-position-x: center;
    background-position-y: bottom;
    padding-bottom: calc(66px + 10rem);
}

.footer {
    max-width: 1640px;
    width: 85%;
    margin: auto;
    display: flex;
    justify-content: space-between;

}

.footer_left {
    width: 18.2927%;
}

.footer_logo {
    width: 100%;
}

.footer_logo img {
    width: 100%;
}

.footer_left .p1 {
    font-family: Roboto_Regular;
    font-weight: 300;
    font-size: calc(4px + 0.5rem);
    color: #333333;
    line-height: calc(8px + 1rem);
    text-align: left;
    margin-top: calc(12px + 2rem);
}

.footer_link_box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: calc(10px + 3rem);
}

.footer_link_item {
    width: calc(2px + 2rem);
    height: calc(2px + 2rem);
    background: #999999;
    border-radius: 50%;
    transition: .3s;
}

.footer_link_item a {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.footer_link_item img {
    width: calc(6px + 0.5rem);
}

.footer_link_item:hover {
    background: #000000;
}

.footer_title {
    font-family: Roboto_Regular;
    font-weight: 400;
    font-size: calc(10px + 0.5rem);
    color: #000000;
    line-height: calc(10px + 1.5rem);
}

.footer_nav {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: calc(6px + 1.5rem);
    margin-top: calc(2px + 1.5rem);
}

.footer_nav_item {
    font-family: Roboto_Regular;
    font-weight: 300;
    font-size: calc(6px + 0.5rem);
    color: #333333;
    line-height: calc(9px + 0.5rem);
    transition: .3s;
}

.footer_nav_item:hover {
    color: #000000;
}

.footer_info_box {
    width: 25.8537%;
}

.footer_info {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: calc(8px + 1rem);
    margin-top: calc(5px + .5rem);
}

.footer_info_item {
    font-family: Roboto_Regular;
    font-weight: 300;
    font-size: calc(6px + 0.5rem);
    color: #333333;
    line-height: calc(10px + 1rem);
    transition: .3s;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: calc(7px + 0.5rem);
}

.footer_info_item img {
    height: calc(8px + 0.5rem);
    margin-top: calc(1px + 0.2rem);
}

.footer_contact_box {
    width: 24.9634%;
}

.footer_contact_box .p1 {

    font-family: Roboto_Regular;
    font-weight: 200;
    font-size: calc(6px + 0.5rem);
    color: #333333;
    line-height: calc(8px + 1rem);
    text-align: left;
    margin-top: calc(3px + 0.5rem);
}

.copyright_box {
    width: 100%;
    margin-top: calc(3px + 1rem);
}

.copyright {
    max-width: 1640px;
    width: 85%;
    margin: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px #999999 solid;
    padding-top: calc(5px + 2rem);
    padding-bottom: calc(3px + 2rem);
}

.copyright .p1 {
    font-family: Roboto_Regular;
    font-weight: 300;
    font-size: calc(8px + 0.5rem);
    color: #333333;
    line-height: calc(1px + 1rem);
    text-align: left;
}
.footer_contact .form-control{
    width: 100% !important;
    height: calc(14px + 2rem);
background: #F5F5F5;
border-radius: calc(80px + 5rem);
border: none;
outline: medium;
padding: 0 calc(3px + 1rem);
font-size: calc(4px + 0.5rem);

}
.footer_contact{
    margin-top: calc(3px + 1rem);
}
.footer_contact label{
    display: none;
}
@media screen and (max-width: 1100px){
    .footer{
        flex-direction: column;
        justify-content: flex-start;
        gap: calc(10px + 7rem);
    }
    .footer_left{
        width: 100%;
    }
    .footer_left .p1{
        font-size: calc(12px + 1rem);
        line-height: 1.5;
    }
    .footer_logo{
        width: 40%;
    }
    .footer_link_box{
        justify-content: flex-start;
        gap: calc(10px + 2rem);
    }
    .footer_link_item {
        width: calc(18px + 4rem);
        height: calc(18px + 4rem);
    }
    .footer_link_item img {
        width: calc(11px + 0.5rem);
    }
    .footer_title{
        font-size: calc(16px + 1rem);
    }
    .footer_nav{
        flex-direction: row;
flex-wrap: wrap;
margin-top: calc(10px + 1rem);
    }
    .footer_nav_item{
        width: 30%;
        font-size: calc(10px + 1rem);

    }
    .footer_info_item{
        font-size: calc(10px + 1rem);
        line-height: 1.5;
    }
    .footer_info_box{
        width: 100%;
    }
    .footer_info{
       
        margin-top: calc(10px + 1rem);
    }
    .footer_info_item img {
        height: calc(15px + 0.5rem);
    
    }
    .footer_contact_box{
        width: 100%;
    }
    .footer_contact_box .p1{
        font-size: calc(12px + 1rem);
        line-height: 1.5;
        margin-top: calc(10px + 1rem);
    }
    .footer_contact .form-control {
       
        height: calc(30px + 2rem);
      font-size: calc(10px + 1rem);
      margin-bottom: calc(10px + 2rem);
    }
    .footer_box{
        background-size: 80%;
    }
    .copyright_box {
        margin-top: calc(18px + 1rem);
    }
    .copyright .p1{
        font-size: calc(10px + 1rem);
        line-height: 1.5;
        text-align: center;
    }
    .copyright{
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: calc(10px + 1rem);
    }

}