html {
    scroll-behavior:smooth;
}
body {
    margin: 0;
    font-family: "Montserrat";
    position: relative;
    font-size: 16px;
    font-weight: 400;
}

h2 {
    font-size: 48px;
    font-weight: 600;
    text-align: center;
    color: #202124;
    margin: 0;
}
h1 br {
    display: none;
}


p {
    margin: 0;
}
@media screen and (max-width: 500px) { 
    h2 {
        font-size: 26px;
    }
}

.container {
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
}
@media screen and (min-width: 481px) and (max-width: 1260px) {
    .container {
        width: 95%;
    }
}
@media screen and (max-width: 540px) {
    .container {
        flex-direction: column;
        width: 90%;
    }
}

header .container {
    width: 100%;
    max-width: calc(100% - 46px);
}

.mobileMenu {
    display: none;
}


header {
    background-color: #fff;
    padding: 20px 0px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10;
    width: 100%;
    transition: box-shadow 0.5s;
}
header.scrolled {
    box-shadow: 0px 0.2px 1px 0px #383D4008,
                0px 0.5px 2px 0px #383D400A,
                0px 0.5px 4px 0px #383D400A,
                0px 1.5px 8.5px 0px #383D400D,
                0px 4px 24px 0px #383D4014;

}
.header_inner {
    display: flex;
    align-items: center;
    gap: 55px; 
}

.header_switch {
    margin-left: auto;
    cursor: pointer;
}
.header_switch a {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 16px;
    font-weight: 500;
    color: #4A4D51;
    text-decoration: none;
    padding: 5px 7px;
    border-radius: 4px;
    transition: all 0.5s;
    user-select: none;
}
.header_switch a:hover {
    background-color: #F3F4F5;
}
.header_switch a:focus {
    background-color: #E9ECEF;
}
.header_switch a img {
   width: 20px;
   height: 15px;
}
.header_logo img {
    width: 58px;
    height: 45px;
}
.header_menu {
    display: flex;
    align-items: center;
    gap: 24px;
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.header_menu a {
    font-size: 16px;
    font-weight: 500;
    color: #4A4D51;
    transition: all 0.5s;
    text-decoration: none;
    cursor: pointer;
}
.header_menu a:hover {
    color: #CC2B24;
}
@media screen and (max-width: 900px) { 
    .header.desktop {
        display: none;
    }
    header {
        width: 100%;
        
    }

    .mobileMenu {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        
    }
    .mobile-logo {
        z-index: 100;
    }
    .logo {
        margin-left: 17px;
    }
    .menu-nav .logo {
        margin-left: 0px;
    }
    .menu-triger {
        display: block;
        width: 42px;
        height: 43px;	
        background: url(/img/menu_burger.svg) no-repeat;
        background-size: cover;
        margin-left: auto;
        margin-right: 17px;
    }	
    .menu-close {
        display: block;
        width: 42px;
        height: 42px;
        background: url(/img/menu_close.svg) no-repeat;
        background-size: cover;
    }
    .menu-popup {
        background-color: #fff;
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        box-sizing: border-box;
        padding: 24px 17px;
        z-index: 11;
        height: 100vh;
    }
    .menu-nav {
        display: flex;
        align-items: center;
    }
    .menu-popup.active {
        display: block;
    }
    body.no-scroll {
        overflow: hidden;
    }
    .menu-popup ul {
        margin: 0;
        padding: 0;
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 28px;
        margin-top: 60px;
    }
    .menu-popup li {
        list-style: none;
        text-align: left;
    }
    .menu-popup li a {
        font-size: 20px;
        color: #4A4D51;
        text-decoration: none;
        font-weight: 500;
    }
    .header_switch.mobile {
        display: block;
        width: auto;   
        margin-right: 18px;
    }
    .header_switch a {
         font-size: 20px;
    }
    .header_switch a:hover { 
        background-color: transparent;
    }
    
}


.typing-effect {
  border-right: 2px solid #000; 
  white-space: nowrap;
  overflow: hidden;
  animation: blink-caret 0.75s step-end infinite;
}

@keyframes blink-caret {
  from, to { border-color: transparent; }
  50% { border-color: #CC2B24; }
}
.admin-base {
    height: 85vh;
    display: flex;
    align-items: center;
    margin-top: 90px;
    background-image: url(/img/admin-base-bg.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position-y: bottom;
    background-position-x: center;
}
.admin-base-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
.admin-base-content h1 {
    font-weight: 700;
    font-size: 68px;
    color: #202124;
    margin: 0;
}
.admin-base-content h1 span {
    color: #CC2B24;
}
.admin-base-content p {
    font-weight: 400;
    font-size: 18px;
    color: #202124;
    margin: 50px 0 66px 0;
}
.admin-base-btns {
    display: flex;
    align-items: center;
    gap: 10px;
}
.red-download {
    background-color: #CC2B24;
    padding: 14px 26px;
    border: none;
    border-radius: 4px;
    font-weight: 600;
    font-size: 16px;
    color: #fff;
    font-family: 'Montserrat';
    cursor: pointer;
    transition: all 0.5s;
}
.red-download:hover {
    background-color: #B81710;
}

.white-question {
    background-color: #FFFFFF;
    padding: 14px 26px;
    border: 1px solid #DADCE0;
    border-radius: 4px;
    font-weight: 600;
    font-size: 16px;
    color: #CC2B24;
    font-family: 'Montserrat';
    cursor: pointer;
    transition: all 0.5s;
}
.white-question:hover {
    color: #B81710;
    border-color: #CC2B24;
}

@media screen and (max-width: 500px) { 
    .admin-base-content h1 {
        font-size: 30px;
    }
    .admin-base-btns {
        width: 100%;
        flex-direction: column;
    }
    .red-download,
    .white-question {
        width: 100%;
    }
    .admin-base p {
        margin: 26px 0px 136px 0px;
        font-size: 16px;
    }
    .admin-base {
        background-position-y: 50%;
    }
    h1 br {
        display: block;
    }
}

.created-prof {
    margin-top: 75px;
    margin-bottom: 200px;
}
.created-prof h2 span {
    position: relative;
    color: #fff;
    text-align: center;
    display: inline-block;
    padding: 5px ;
}
.created-prof h2 span::before {
    background-color: #CC2B24;
    content: '';
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    
    width: 100%;
    height: 100%;
    border-radius: 4px;
}
.created-prof-items {
    display: flex;
    justify-content: space-evenly;
    margin-top: 75px;
}
.created-prof-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 18px;
}
.created-prof-item img {
    width: 247px;
    height: 52px;
    object-fit: scale-down;
}
.created-prof-item p {
    text-align: center;
}
.created-prof-title {
    font-size: 42px;
    font-weight: 600;
    text-align: center;
}
@media screen and (max-width: 1000px) {
    .created-prof-items {
        flex-wrap: wrap;
        gap: 24px;
    }
}
@media screen and (max-width: 500px) {
    .created-prof-items {
        flex-direction: column;
    }
    .created-prof-item {
        gap: 16px;
    }
    .created-prof {
        margin-bottom: 110px;
    }
    .created-prof-item img {
        width: 157px;
    }
    .created-prof-title {
        font-size: 24px;
    }
    .created-prof-items {
        margin-top: 46px;
    }
}




.manage-databases {
    margin-bottom: 176px;
}
.manage-databases-items {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-between;
}
.manage-databases-items h2 {
    width: 26.25rem;
    text-align: left;
}
.manage-databases-item {
    width: 26.25rem;
    display: flex;
    flex-direction: column;
    border-radius: 14px;
    margin-bottom: 24px;
    box-shadow: 
        0px 0.2px 1.5px 0px #47535605,
        0px 0.5px 3.5px 0px #47535608,
        0px 0.5px 7.5px 0px #47535608,
        0px 1.5px 15.5px 0px #4753560A,
        0px 4px 43px 0px #4753560F,
        0px 0px 1px 0px #88888840;

}
.manage-databases-item img {
    max-width: 100%;
    padding: 10px;
}
.manage-databases-item p {
    margin: 0;
    padding: 24px 20px;
    color: #202124;
    font-size: 20px;
    font-weight: 500;
    margin-top: auto;
}
@media screen and (max-width: 1260px) { 
    .manage-databases-items {
        justify-content: center;
        gap: 24px;
    }
    .manage-databases-item {
        margin-bottom: 0px;
    }
}
@media screen and (max-width: 900px) { 
   .manage-databases-items h2 {
        width: 100%;
        text-align: center;
   }
}
@media screen and (max-width: 500px) {
    .manage-databases-item {
        width: 100%;
        min-height: 369px;
        height: auto;
    }
    .manage-databases-item p {
        font-size: 18px;
    }
    .manage-databases {
        margin-bottom: 110px;
    }
}
.open-world {
    margin-bottom: 200px;
}
.open-world-block {
    max-width: 100%;
    display: flex;
    border-radius: 14px;
    box-shadow: 0px 0.2px 1.5px 0px #47535605,
                0px 0.5px 3.5px 0px #47535608,
                0px 0.5px 7.5px 0px #47535608,
                0px 1.5px 15.5px 0px #4753560A,
                0px 4px 43px 0px #4753560F,
                0px 0px 1px 0px #88888840;
    padding: 48px 0px 48px 65px;
    background-image: url(/img/open-world-bg.png);
    background-position-x: right;
    background-position-y: center;
    background-size: contain;
    background-repeat: no-repeat;
}
.open-world-content {
    max-width: 50%;
}
.open-world-content h2 {
    font-size: 32px;
    text-align: left;
}
.open-world-content p {
    font-size: 18px;
    margin: 22px 0px 38px 0px;
}
.black-download {
    font-size: 16px;
    border: none;
    color: #FFFFFF;
    background-color: #262626;
    border-radius: 4px;
    padding: 14px 26px;
    font-family: 'Montserrat';
    font-weight: 600;
    transition: all 0.5s;
    cursor: pointer;
    width: max-content;
}
.black-download:hover {
    background-color: #424242;
}
@media screen and (max-width: 1100px) {
    .open-world-block {
        background-size: 60%;
        background-position-y:bottom;
    }
}

@media screen and (max-width: 900px) {
    .open-world-block {
        background-image: url(/img/open-world-bg-mobile.png);
        background-position-y: bottom;
        padding-right: 65px;
    }
    .open-world-content {
        max-width: 100%;
    }
}
@media screen and (max-width: 500px) {
    .open-world-block {
        padding: 40px 32px;
    }
    .open-world-content h2 {
        font-size: 26px;
    }
    .open-world {
        margin-bottom: 110px;
    }
}

.expert-allows {
    margin-bottom: 200px;
}
.carousel {
    margin-top: 60px;
}

.slider-container {
	display: flex;
	flex-direction: column;
    gap: 40px;
}

.splide {
	width: 100%;
	overflow: hidden;
}
.splide__list {
    gap: 35px;
    pointer-events: none;
}

.splide__slide {
	width: auto !important;
	display: flex;
	justify-content: center;
	align-items: center;
}

.expert-allows-item {
    color: #202124;
    font-weight: 500;
    font-size: 20px;
    padding: 16px 26px;
    border: 1px solid #262626;
    border-radius: 56px;
}
.carousel-mobile {
    display: none;
    margin-top: 44px;
}
.carousel-mobile-item {
    display: flex;
    gap: 16px;
}
@media screen and (max-width: 500px) {
    .expert-allows {
        margin-bottom: 72px;
    }
    .carousel {
        display: none;
    }
    .carousel-mobile {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 16px;
        position: relative;
        overflow: hidden;
    }
    .carousel-mobile::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 300px;
        background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.6) 30%, #FFFFFF 100%);
        z-index: 9;
    }
    .expert-allows-item {
        font-size: 18px;
    }
}
.graphical-interface {
    margin-bottom: 200px;
}
.graphical-interface-subtitle {
    text-align: center;
    font-size: 18px;
    margin-top: 36px;
}
.graphical-interface-block {
    max-width: 1120px;
    margin-left: auto;
    margin-right: auto;
}
.cocoen {
    margin-top: 60px;
    border-radius: 14px;
    box-shadow: 0px 0.2px 1.5px 0px #47535605,
                0px 0.5px 3.5px 0px #47535608,
                0px 0.5px 7.5px 0px #47535608,
                0px 1.5px 15.5px 0px #4753560A,
                0px 4px 43px 0px #4753560F,
                0px 0px 1px 0px #88888840;

}
.cocoen-drag {
    background: #CC2B24;
    width: 3px;
}
.cocoen-drag::before {
    background: url(/img/icon-cocoen.svg);
    border: none;
    margin: 0;
    left: 50%;
    top: 50%;
    margin-top: -21px;
    margin-left: -21px;
    width: 44px;
    height: 44px;
}
.graphical-interface-mobile-img {
    display: none;
}
@media screen and (max-width: 500px) {
    .graphical-interface {
        margin-bottom: 110px;
    }
    .graphical-interface-subtitle {
        font-size: 16px;
    }
    .cocoen {
        display: none;
    }
    .graphical-interface-mobile-img {
        display: block;
        max-width: 100%;
        margin-top: 44px;
         box-shadow: 0px 0.2px 1.5px 0px #47535605,
                0px 0.5px 3.5px 0px #47535608,
                0px 0.5px 7.5px 0px #47535608,
                0px 1.5px 15.5px 0px #4753560A,
                0px 4px 43px 0px #4753560F,
                0px 0px 1px 0px #88888840;

    }
    .graphical-interface-mobile-img img {
        width: 100%;
    }
}

.capabilities {
    margin-bottom: 200px;
}
.capabilities-block {
    margin-top: 60px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.capabilities-images {
    padding: 50px 50px 50px 0px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.capabilities-images a {
    display: none;
    animation: shows 1s;
}

.capabilities-images a:first-child {
    display: block;
}
@keyframes shows {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.capabilities-images img {
    width: 100%;
    object-fit: cover;
    box-shadow: 0px 0.2px 1.5px 0px #47535605,
                0px 0.5px 3.5px 0px #47535608,
                0px 0.5px 7.5px 0px #47535608,
                0px 1.5px 15.5px 0px #4753560A,
                0px 4px 43px 0px #4753560F,
                0px 0px 1px 0px #88888840;
    border-radius: 10px;
}

.capabilities-items {
    max-width: 31.25rem;
    min-width: 31.25rem;
}

.capabilities-item {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    padding: 25px 50px 25px 0px;
    cursor: pointer;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
}

.capabilities-item:not(:last-child) {
    border-bottom: 1px solid #DADCE0;
}

.capabilities-item-title {
    font-size: 20px;
    font-weight: 500;
    color: #202124;
}

.capabilities-item-desc {
    max-height: 0;
    overflow: hidden;
    color: #4A4D51;
    transition: max-height 1s ease, padding-top 1s ease;
    padding-top: 0px;
}

.active .capabilities-item-desc {
    max-height: 200px;
    padding-top: 10px;
}

.capabilities-item::before {
    position: absolute;
    content: "";
    background: url('/img/capabilities-item-arrow.svg');
    width: 24px;
    height: 12px;
    right: 0;
    top: 32px;
    transition: transform 0.3s ease;
}
.active::before {
    transform: rotate(180deg);
}
.capabilities-mobile-item-img {
    display: none;
    box-shadow: 0px 0.2px 1.5px 0px #47535605,
            0px 0.5px 3.5px 0px #47535608,
            0px 0.5px 7.5px 0px #47535608,
            0px 1.5px 15.5px 0px #4753560A,
            0px 4px 43px 0px #4753560F,
            0px 0px 1px 0px #88888840;
    border-radius: 10px;
    margin-top: 26px;
    width: 100%;
}
.capabilities-mobile-item-img img {
    width: 100%;
    object-fit: cover;
}
@media screen and (max-width: 1100px) {
    .capabilities-block {
        flex-direction: column;
    }
    .capabilities-items {
        max-width: 100%;
        min-width:  auto;
    }
    .capabilities-images {
        padding: 0px;
        padding-bottom: 20px;
    }
    .capabilities-item::before {
        display: none;
    }
    .capabilities-item-desc {
        max-height: 200px;
        padding-top: 10px;
    }
    .capabilities-images {
        display: none;
    }
    .capabilities-mobile-item-img {
        display: block;
        grid-column: 1 / -1;
    }
    
    .capabilities-item {
        padding-right: 0px;
        display: grid;
        grid-template-columns: 24px 2fr; 
        cursor: auto;
    }
}

@media screen and (max-width: 500px) {
    .capabilities {
        margin-bottom: 110px;
    }
    .capabilities-block {
        margin-top: 19px;
    }
    .capabilities-item-title {
        font-size: 18px;
    }
    .capabilities-mobile-item-img { 
        margin-top: 10px;
    }

}


.before-footer {
    margin-bottom: 200px;
}
.before-footer-items {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-between;
}
.before-footer-item {
    max-width: 26.25rem;
    border-radius: 14px;
    min-height: 369px;
    background-position: bottom;
    background-size: cover;
    box-shadow: 0px 0.2px 1.5px 0px #47535605,
                0px 0.5px 3.5px 0px #47535608,
                0px 0.5px 7.5px 0px #47535608,
                0px 1.5px 15.5px 0px #4753560A,
                0px 4px 43px 0px #4753560F,
                0px 0px 1px 0px #88888840;

}
.before-footer-item-content {
    padding: 30px;
    min-height: 170px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.before-footer-item-content a {
    margin-top: auto;
    text-decoration: none;
}
.before-footer-item-title {
    font-size: 20px;
    font-weight: 500;
}
.download-bg {
    background-image: url(/img/download-bg.png);
}
.doc-bg {
    background-image: url(/img/doc-bg.png);
}
.tech-bg {
    background-image: url(/img/tech-bg.png);
}

@media screen and (max-width: 1260px) {
    .before-footer-items {
        justify-content: center;
        gap: 24px;
    }
}

@media screen and (max-width: 500px) {
    .before-footer {
        margin-bottom: 110px;
    }
    .before-footer-item {
        min-height: 257px;
    }
    .before-footer-item-content {
        padding: 40px 32px;
        min-height: auto;
        gap: 0px;
    }
    .before-footer-item-desc {
        margin-top: 16px;
        margin-bottom: 34px;
    }
    .before-footer-item-title {
        font-size: 18px;
    }
    .download-bg {
        background-image: url(/img/download-bg-mobile.png);
    }
    .doc-bg {
        background-image: url(/img/doc-bg-mobile.png);
    }
    .tech-bg {
        background-image: url(/img/tech-bg-mobile.png);
    }
}


footer {
    background: #F8F9FA;
}

.footer-first-line {
    display: flex;
    align-items: center;
    padding: 30px 0px;
    border-bottom: 1px solid #DADCE0;
    flex-wrap: wrap;
}
.footer-logo {
    margin-right: 86px;
}
.footer-logo img {
    width: 114px;
    height: 35px;
}
.footer-list ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 24px;
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.footer-list a {
    text-decoration: none;
    color: #4A4D51;
    font-weight: 500;
    transition: 0.5s;
    cursor: pointer;
}

.footer-list a:hover {
    color: #CC2B24;
    transition: all 0.5s;
}

.footer-second-line {
    display: flex;
    padding: 30px 0px 50px 0px;
}
.footer-second-line-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.footer-second-line p {
    color: #4A4D51;
    font-weight: 500;
}
.footer-second-line a {
    text-decoration: none;
    color: #4A4D51;
}
@media screen and (max-width: 900px) {
    footer .header_switch {
        margin-left: 0px;
        margin-top: 40px;
    }
}
@media screen and (max-width: 664px) {
    .footer-list  {
        margin-top: 40px;
    }
}
@media screen and (max-width: 500px) {

    .footer-list ul {
        gap: 20px;
    }
    .footer-first-line .header_switch {
        display: none;
    }
    .footer-second-line {
        flex-direction: column;
    }
    .footer-second-line-content {
        flex-direction: column;
        gap: 30px;
        align-items: flex-start;
    }
    .footer-first-line {
        padding: 40px 0px 46px 0px;
    }
    .footer-second-line {
        padding-top: 0px;
        margin-top: 40px;
    }
}
.modal {
  display: none;
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  overflow-y: hidden;
  opacity: 0;
  transition: opacity 0.3s ease;
  align-items: center;
}
.modal.show {
  opacity: 1;
}
.modal.show .modal-content {
  transform: translateY(0);
}
.modal-content {
  position: relative;
  background-color: #fff;
  margin: 6% auto;
  padding: 63px 70px;
  border-radius: 8px;
  max-width: 432px;
  width: 100%;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.close-modal {
  position: absolute;
  right: 20px;
  top: 20px;
  font-size: 28px;
  cursor: pointer;
  background: url(/img/menu_close.svg);
  width: 42px;
  height: 42px;
}



.modal-title {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 26px;
}

.get-expert-desc {
    color: #5F6368;
    font-size: 12px;
}
.get-expert-desc a {
    color: #CC2B24;
}
.get-expert-button {
    width: 100%;
    padding: 17.5px;
    background-color: #CC2B24;
    border-radius: 4px;
    border: none;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    font-family: "Montserrat";
    margin: 36px 0 20px;
    cursor: pointer;
}
.inputs {
    display: flex;
    flex-direction: column;
    gap: 30px;
    margin-top: 25px;
}

input, textarea {
    height: 58px;
    border: 1px solid #DADCE0;
    background-color: transparent;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
    font-family: "Montserrat";
    width: 100%;
    box-sizing: border-box;
    color: #242020;
    resize: none;
}
textarea {
    min-height: 140px;
}
input[type="text"], textarea {
    padding: 29px 20px 11px 20px;
    
}

.input-group {
    position: relative;
}

label {
    position: absolute;
    top: 20px;
    left: 20px;
    transition: 0.3s;
    color: #8B9195;
    font-size: 14px;
    font-weight: 500;
}
input:not(:placeholder-shown) + label,
input:focus + label {
    top: 11px;
    font-size: 12px;
}
textarea:not(:placeholder-shown) + label,
textarea:focus + label {
    top: 11px;
    font-size: 12px;
}

.error-message {
    color: #CC2B24;
    font-size: 14px;
    font-weight: 400;
    margin-top: 2px;
    display: none; 
    transition: all 0.2s ease;
}

.input-group.invalid .error-message {
    display: block;
}

.input-group.invalid input {
    border-color: #CC2B24;
}
.body-no-scroll {
  overflow: hidden;
  width: 100%;
}

#report-messages-advice,
#report-messages-expert {
    margin: 16px 0px;
}

@media screen and (max-width: 500px) {
    .modal-content {
        padding: 40px 28px;
    }
    .get-expert-button {
        margin-top: 6px;
    }
    .modal-title {
        font-size: 26px;
        margin-bottom: 10px;
    }
    .inputs {
        margin-top: 16px;
        gap: 16px;
    }
}