@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap');
/* Reset and base styles  */
* {
	padding: 0px;
	margin: 0px;
	border: none;
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

/* Links */

a, a:link, a:visited  {
    text-decoration: none;
}

a:hover  {
    text-decoration: none;
}

/* Common */

aside, nav, footer, header, section, main {
	display: block;
}

h1, h2, h3, h4, h5, h6, p {
    font-size: inherit;
	font-weight: inherit;
}

ul, ul li {
	list-style: none;
}

img {
	vertical-align: top;
}

img, svg {
	max-width: 100%;
	height: auto;
}

address {
  font-style: normal;
}

/* Form */

input, textarea, button, select {
	font-family: inherit;
    font-size: inherit;
    color: inherit;
    background-color: transparent;
}

input::-ms-clear {
	display: none;
}

button, input[type="submit"] {
    display: inline-block;
    box-shadow: none;
    background-color: transparent;
    background: none;
    cursor: pointer;
}

input:focus, input:active,
button:focus, button:active {
    outline: none;
}

button::-moz-focus-inner {
	padding: 0;
	border: 0;
}

label {
	cursor: pointer;
}

legend {
	display: block;
}

input[type='file'] {
	max-width: 100%;
}

/* ------------------------------------------------------------------ */
body {
      font-family: 'Roboto Condensed', sans-serif;
      font-weight: 400;
      font-size: 22px;
      color: #494949;
      background: #F7F9FA 0% 0% no-repeat padding-box;
}
.header {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: 102px;
      background: transparent linear-gradient(90deg, #438EB5 0%, #1C9B83 100%) 0% 0% no-repeat padding-box;
}
.header_logo {
}
.main {
      display: flex;
      justify-content: center;
}
.main_body {
      max-width: 900px;
      padding: 121px 15px 0px;
      text-align: center;
}
.main_title {
      margin-bottom: 23px;
      font-size: 34px;
      line-height: 41px;
      color: #438EB5;
}
.main_text {
      margin-bottom: 90px;
}
.main_cards {
      display: flex;
      justify-content: center;
      column-gap: 40px;
}
.main_card {
      
}
.main-card {
      text-align: left;
      min-height: 280px;
      max-width: 392px;
      display: flex;
      flex-direction: column;
      align-items: center;
      padding: 36px 31px 43px 50px;
      box-shadow: 0px 0px 6px #00000029;
      border: 2px solid #DFE8EC;
      border-radius: 8px;
      background-color: #FFFFFF;
}
.main-card_title {
      align-self: flex-start;
      margin-bottom: 18px;
      font-size: 24px;
      line-height: 29px;

      color: #438EB5;
}
.main-card_text {
      align-self: flex-start;
      max-width: 302px;
      font-size: 16px;
      line-height: 24px;
}
.main-card_button {
      margin-top: auto;
}
.main-card_button a {
      padding: 15px 95px;
      font-size: 18px;
      line-height: 20px;
      color: #FFFFFF;
      background: #4B9EC9 0% 0% no-repeat padding-box;
      box-shadow: 0px 0px 6px #00000029;
      border-radius: 8px;
      transition: background 0.3s ease;
      
}
.main-card_button a:hover {
      background: #367FA3 0% 0% no-repeat padding-box;
}

/* -------------------------- RESPONSIVE -------------------------- */
@media (max-width: 900px) {
      .main-card_button a {
            padding: 15px 60px;
      }
}
@media (max-width: 768px) {
      .main_cards {
            align-items: center;
            flex-direction: column;
            row-gap: 30px;
      }
}
@media (max-width: 425px) {
      .main-card {
            padding: 36px 25px 43px 32px;
      }
      .main_text {
            font-size: 16px;
      }
      .main-card_button a {
            padding: 15px 50px;
      }
}