body {
  font-family: Poppins, sans-serif;
  color: #22343d;
  background-color: #fff;
}

a {
  text-decoration: none;
}

ul,
ol {
  list-style: none;
  margin: 0;
  padding-left: 0;
}

address {
  font-style: normal;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
}

img {
  display: block;
  max-width: 100%;
  height: auto;
}

button {
  display: block;
  cursor: pointer;
  border: none;
}

.container {
  width: 1150px;
  padding: 0 20px;
  margin: 0 auto;
}

.header {
}

.header-container {
  display: flex;
  align-items: center;
}

.header-nav {
  display: flex;
  margin-right: 24px;
}

.header-logo {
  display: flex;
  font-weight: 700;
  font-size: 30px;
  line-height: 0.93333;
  color: #173a56;
  gap: 16px;
  align-items: center;
  margin-right: 237px;
}

.header-nav-list {
  display: flex;
  gap: 30px;
}

/* .header-nav-item:not(:last-child) {
    margin-right: 30px;
    } */

.header-nav-link {
  font-size: 16px;
  line-height: 1.75;
  color: #22343d;
  padding-top: 26px;
  padding-bottom: 26px;
  display: block;
}

.current {
  font-weight: 600;
}

.header-button-list {
  display: flex;
  gap: 24px;
}

.header-button-item {
}

.header-button {
  font-weight: 600;
  font-size: 16px;
  text-align: center;
  color: #173a56;
  border: 1px solid #bcd0e5;
  border-radius: 4px;
  min-width: 102px;
  height: 42px;
  background-color: transparent;
}

.header-button:hover,
.header-button:focus {
  color: #fff;
  background-color: #02897a;
  border: none;
}
.service-list-item {
  display: flex;
}

.service-img {
}

.service-subtitle {
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 8px;
}

.service-title {
  font-size: 32px;
  margin-bottom: 25px;
}

.service-text {
  font-size: 16px;
  line-height: 1.625;
  margin-bottom: 30px;
}

.service-support-list {
}

.service-support-item {
  line-height: 1.625;
  display: flex;
  gap: 30px;
}

.service-support-item:not(:last-child) {
  margin-bottom: 25px;
}

.service-support-item::before {
  flex-shrink: 0;
  background-image: url(../images/tick.svg);
  background-repeat: no-repeat;
  background-position: center;
  content: "";
  width: 35px;
  height: 35px;
  border: 3px solid #fff;
  border-radius: 14px;
  display: block;
}
.service-support-item:nth-child(1)::before {
  background-color: #f90;
}
.service-support-item:nth-child(2)::before {
  background-color: #f03e3d;
}
.service-support-item:nth-child(3)::before {
  background-color: #4d8dff;
}

/*section 4*/
.staff-container { max-width: 916px;
  margin: 0 auto;
}
.staff-title {  
  
  font-weight: 700;
  font-size: 32px;
  text-align: center;
  margin-bottom: 25px;
 
}
.staff-text {
 margin: 0 auto;
 text-align: center;
 
  font-weight: 500;
  font-size: 16px;
  line-height: 1.6;
   
  width: 542px;
}
.staff-list { 
  display: flex; 
  flex-wrap: wrap; 
  gap: 25px 100px; 
  margin-top: 40px;
  margin-bottom: 50px;
 
}
.staff-item-left { display: flex; justify-content: flex-start;
   align-items: center;
   width: 408px; 
}
.staff-item-right { display: flex; justify-content: flex-end;
  align-items: center;
  width: 408px; 
}

.staff-item-text {font-weight: 500;
  font-size: 16px;
  text-align: center;
  color: #2f281e;
  width: 281px;
  border-radius:25px;
  
  height: 50px;
 
  padding-top: 17px;

  
  box-shadow: 2px 2px 10px 0 rgba(23, 58, 86, 0.55);
  
}


.staff-item-right  .staff-item-text {
  margin-right: 19px;
}

.staff-item-left  .staff-item-text {
  margin-left: 19px;
}

.staff-image { width: 98px; height: 98px;
}

.staff-button { 
  width: 216px;
  height: 53px;
  background-color: #02897a;
  border-radius: 4px;
  margin: 0 auto;
  font-weight: 700;
  font-size: 16px;
  color: #fff;
}