body{
    font-family: 'Roboto', sans-serif;
    color: #434455;
background-color: #FFFFFF;
    
    list-style: none;
}
.logo{
   font-family: "Raleway", sans-serif;
   font-weight: 700;
   font-size: 18px;
   line-height: 1.17;
   letter-spacing: 0.03em;
    text-transform: uppercase;
text-decoration: none;
 color:#4d5ae5;
   
}
.span{
    color:  #2e2f42
}

.section-title{
    text-align: center;
    
  background-color: #2E2F42;
   
}


.nav-list{
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0.02em;
     color: #2e2f42;
    text-decoration: none; }
    
   
.nav-list:hover{
 color:#404BBF;
}

.nav-list:focus{
    color: #404BBF;
    text-decoration: none;
}
.nav-list {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0.02em;
     color: #2e2f42;
    text-decoration: none; }
    .nav-list:hover{
       color:#404BBF;
    }


.nav-list:focus{
    color: #404BBF;
    text-decoration: none;
    }
    .nav-list{
         font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0.02em;
     color: #2e2f42;
    text-decoration: none; }

    .nav-list:hover{
    color:#404BBF;
        }
        .nav-list:focus{
    color: #404BBF;
    text-decoration: none;}
address{
    font-style: normal;
    color: #434455;
}

.nav-address a{
   font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0.02em;
     color: #434455;
    text-decoration: none; 
font-style: normal;
}

.address-list{
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0.02em;
     color: #434455 ;
    text-decoration: none; 
}
.address-list:focus{
    color: #404BBF;
    text-decoration: none;
}
.address-list:hover{
 color:#404BBF;
}

/* Removed duplicate .header-title definition; consolidated above */
   


.header-title{
    font-family: 'Roboto',sans-serif;
   font-weight: bold;
font-size: 56px;
letter-spacing: 0.02em;
line-height: 1.07;
 text-decoration: none; 
    color: #FFFFFF;
    text-align: center;
   
    background-color: #2E2F42;
}
h2{
  font-family: 'Roboto';
font-weight: bold;
font-size: 36px;
letter-spacing: 0,02em;
text-align: center;
;
}
.button{
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.04em;
  font-weight: 500;
 color:#FFFFFF;
 background-color: #4D5AE5;
 cursor: pointer;
   
}
.button:focus{
   
    border: none;
    background-color:#404BBF;
    
    

}

.button:hover{
    background-color:#404BBF;
}


.advantages-list{
    list-style: none;

}
.list-title{
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 1.2;
    letter-spacing: 0.02em;
     color: #2e2f42;
    text-decoration: none;}
    .list-text{
        font-size: 16px;
        line-height: 1.5;
        letter-spacing: 0.02em;

    }
.section-team{
  background-color: #F4F4FD;
}
.section-team ul li{
    background-color: #FFFFFF;
    text-align: center;

} 
.team-title{
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 36px;
    line-height: 1.11;
    letter-spacing: 0.02em;
     color: #2e2f42;
    text-decoration: none;
    text-align: center;
 text-transform: capitalize}
 .team-card-title{
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 1.2;
    letter-spacing: 0.02em;
     color: #2e2f42;
    text-decoration: none;
    text-align: center;}
.team-card{
    list-style: none;
   
    background-color: #FFFFFF;
}
.portfolio-card{
    list-style: none;
    
    background-color: #FFFFFF;}
    .portfolio-list{
        font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 1.2;
    letter-spacing: 0.02em;
     color: #2e2f42;
    text-decoration: none;
    text-align: center;}
    footer{
         background-color: #2E2F42;
    }
    .logo-footer{
         font-family: "Raleway", sans-serif;
   font-weight: 700;
   font-size: 18px;
   line-height: 1.17;
   letter-spacing: 0.03em;
    text-transform: uppercase;
    color: #4D5AE5}
    .span-footer{
        color: #f4f4fd;
    }
   

   

.text-footer{
    font-family: 'Roboto', sans-serif;
   
    color:#F4F4FD;
    letter-spacing: 0.02em;
    line-height: 1.5;

}