.container-small { max-width: 960px; }

.mbot-100 { margin-bottom: 100px; }
.mtop-100 { margin-top: 100px; }
.mbot-75 { margin-bottom: 75px; }
.mtop-75 { margin-top: 75px; }
.mbot-50 { margin-bottom: 50px; }
.mtop-50 { margin-top: 50px; }

.pbot-100 { padding-bottom: 100px; }
.ptop-100 { padding-top: 100px; }
.pbot-75 { padding-bottom: 75px; }
.ptop-75 { padding-top: 75px; }
.pbot-50 { padding-bottom: 50px; }
.ptop-50 { padding-top: 50px; }

.btn { display: inline-block; padding: 1rem 2rem; min-width: 125px; font-family: 'Inter'; font-size: 1rem; font-weight: 400; letter-spacing: 0.15ch; line-height: 1; text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; user-select: none; border: none; border-radius: 100px; transition: color 0.15s, background-color 0.15s, border-color 0.15s, box-shadow 0.15s; }
.btn:active { transform: translateY(2px); }
.btn:focus-visible { outline: none; }

.in-pseudo-container { --container-width: 1200px; }
.in-pseudo-container.col-md-6 { max-width: calc(var(--container-width) / 2); }
.in-pseudo-container.col-md-6:nth-child(1) { margin-left: auto; }

@media (prefers-reduced-motion: reduce) {
    .btn { transition: none; }
}

@media only screen and (max-width: 1600px) {
    /* .container { max-width: 1140px; } */
}

@media only screen and (max-width: 1199px) {
    /* .container { max-width: 960px; } */
    .container-small { max-width: 720px; }

    .mbot-100 { margin-bottom: 75px; }
    .mtop-100 { margin-top: 75px; }
    .mbot-75 { margin-bottom: 50px; }
    .mtop-75 { margin-top: 50px; }
    .mbot-50 { margin-bottom: 25px; }
    .mtop-50 { margin-top: 25px; }

    .pbot-100 { padding-bottom: 75px; }
    .ptop-100 { padding-top: 75px; }
    .pbot-75 { padding-bottom: 50px; }
    .ptop-75 { padding-top: 50px; }
    .pbot-50 { padding-bottom: 25px; }
    .ptop-50 { padding-top: 25px; }

    .in-pseudo-container { --container-width: 960px; }
}

@media only screen and (max-width: 991px) {
    .container-small { max-width: 720px; }

    .aos-animate {
        -o-transition-property: none !important;
        -moz-transition-property: none !important;
        -ms-transition-property: none !important;
        -webkit-transition-property: none !important;
        transition-property: none !important;

        -o-transform: none !important;
        -moz-transform: none !important;
        -ms-transform: none !important;
        -webkit-transform: none !important;
        transform: none !important;

        -webkit-animation: none !important;
        -moz-animation: none !important;
        -o-animation: none !important;
        -ms-animation: none !important;
        animation: none !important;
    }

    [data-aos^="fade"][data-aos^="fade"] { opacity: 1; transform: none; }

    .in-pseudo-container { --container-width: 720px; }
}

@media only screen and (max-width: 767px) {
    .container-small { max-width: 540px; }
    .btn { font-size: 0.875rem; padding: 0.75rem 1rem; }

    .in-pseudo-container.col-md-6 { max-width: 100%; }
    .in-pseudo-container.col-md-6:nth-child(1) { margin-left: 0; }
}

@media only screen and (max-width: 575px) {
    .container-small { max-width: 100%; }

    .mbot-100 { margin-bottom: 50px; }
    .mtop-100 { margin-top: 50px; }
    .mbot-75 { margin-bottom: 25px; }
    .mtop-75 { margin-top: 25px; }
    .mbot-50 { margin-bottom: 13px; }
    .mtop-50 { margin-top: 13px; }

    .pbot-100 { padding-bottom: 50px; }
    .ptop-100 { padding-top: 50px; }
    .pbot-75 { padding-bottom: 25px; }
    .ptop-75 { padding-top: 25px; }
    .pbot-50 { padding-bottom: 13px; }
    .ptop-50 { padding-top: 13px; }
}

@media only screen and (max-width: 479px) {
    .btn { font-size: 0.75rem; }

    .mbot-100 { margin-bottom: 30px; }
    .mtop-100 { margin-top: 30px; }
}

@media (min-width: 1400px) {
    .container {
      max-width: 1200px;
    }

    .container-small {
        max-width: 960px;
      }
  }