.contacts__page{
    display: grid;
    grid-template-columns:1fr minmax(320px, 550px);
    gap:1rem;
}

@media screen and (max-width: 1280px){
    .contacts__page{
        grid-template-columns:1fr;
    }
    .contacts__page .contact__page-form {
        grid-column: unset;
    }
    
    .contacts__page-company-bg {
        display: none;
    }
    .contacts__page-company{
        justify-content: center;
    }
}

.contacts__page-company{
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    display: flex;
    
    align-items: flex-start;
    
    gap:1rem;
}
.contacts__page-company > * {
    flex: 1;
}
@media screen and (max-width: 800px){
    .contacts__page-company{
      padding: 40px 20px;  
    }
}
@media screen and (min-width: 801px){
    .contacts__page-company{
      padding: 5px 30px 5px 30px;  
    }
}
@media screen and (min-width: 1281px){
    .contacts__page-company{
        justify-content: space-between;
    }
}

@media screen and (max-width: 640px){
    .contacts__page-company{
        flex-direction: column;
    }
}
@media screen and (min-width: 1281px){
  .contacts__page-company{
    max-height: 418px;
}  
}


.contacts__page-company-items-item {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.contacts__page-company-items {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.contacts__page-company-items-item p{
    font-size: 1.5rem;
    color:#d0d0d0;
}
.contacts__page-company-items-item span{
    font-size: 1.2rem;
    font-weight: 600;
}

.contacts__page-company-items-item-fields {
    display: flex;
    align-items: center;
    gap: 1rem;
}
.contacts__page-company-items-item-fields span,
.contacts__page-company-items-item-fields p,
.contacts__page-company-items-item-fields a{
    font-size: 1.2rem;
    font-weight: 600;
}
.contacts__page-company-items-item-fields a,
.contacts__page .contact__page-form h3 a{
    font-weight: 600;
    position: relative;
    color: var(--primary-color-hover);
}

.contacts__page .contact__page-form h3 {
    font-size: 1.5rem;
}

.contacts__page-company-items-item-fields a:hover,
.contacts__page .contact__page-form  h3 a:hover{
    color: var(--second-color-hover);
}


.contacts__page .contact__page-form{

    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    display: flex;
    align-items: center;
    flex-direction: column;
    gap:1rem;
    padding-top: 40px;
    padding-bottom: 40px;
}

@media screen and (min-width: 1281px){
    .contacts__page .contact__page-form{
        grid-column:1/3;
    }
}

.contacts__page .contact__page-form form input[type="text"]{
    outline: 1px solid var(--primary-color);
    max-width: 320px;
}
.contacts__page .contact__page-form form input[type="text"]:hover,
.contacts__page .contact__page-form form input[type="text"]:active,
.contacts__page .contact__page-form form input[type="text"]:focus{
    outline: 1px solid var(--primary-color-hover);
}

.contacts__page .contact__page-form form fieldset.flex-end {
    align-items: center;
    flex-direction: column;
    justify-content: center;
}
.contacts__page .contact__page-form form fieldset.flex-end .form__rent-form-phone{
    width: auto;
}
.contacts__page .contact__page-form form .checkbox-container {
    margin-left: auto;
    margin-right: auto;
}