.intro-menu { background: #fff; box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1); }

ul.gr2-nav-intro-menu { list-style: none; display: flex; flex-direction: row; margin: 0 -1rem; padding: 0; flex-wrap: wrap; }
ul.gr2-nav-intro-menu li.nav-item { padding: 0 1rem; }
ul.gr2-nav-intro-menu li.nav-item .nav-link { font-size: 0.875rem; font-weight: 600; color: #282A3C; padding: 1rem 0 0.875rem 0; border-bottom: 0.125rem solid transparent; }
ul.gr2-nav-intro-menu li.nav-item .nav-link:hover { border-bottom-color: #848e99; }
ul.gr2-nav-intro-menu li.nav-item .nav-link.active { border-bottom-color: #0057FF; }

.gr2-intro-card { background-color: #F2F5FB; border-radius: 0.5rem; padding: 2rem; }
.gr2-intro-step { display: flex; align-items: flex-start; margin-top: 2rem; }
.gr2-intro-step:first-child { margin-top: 0; }
.gr2-intro-block { padding: 40px 30px; border: 1px solid #DDE1E6; border-radius:0.5rem; margin: 2rem 0; }
.gr2-important { margin-top:4rem; margin-bottom:10rem; padding:1.5rem; background: #F2F5FB; border-left: 3px solid #E63333; border-radius: 8px; }

.gr2-intro-icon { margin-right: 1.5rem; width: 2.5rem; height: 2.5rem; flex-grow: 0; flex-shrink: 0; }
div.gr2-intro-icon { position: relative; text-align: center; line-height: 2.5rem; color: #0057FF; font-size: 1.5rem;  }
div.gr2-intro-icon:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 0.175rem solid #0057FF; border-radius: 50%; }

.img-head{
    width: 70%;
    height: auto;
}