body {
    --font-family:"Albert Sans", sans-serif;
    --color-100: #A2A2A2;
    --color-200: #7B7B7B;
    --color-300: #dddddd;
    --spacing-max: 100px;
    --radius-max: 8px;
}
body {
    font-family: var(--font-family);
}
p {
    color: var(--color-200)
}
h2 {
    font-weight: 800;
}
.nav-link {
    color: var(--color-100);
}
.with-shape {
    background: url("../dsg/home_shape.png") no-repeat 250px ;
    background-size:cover;
}
.with-shape-v2 {
    background: url("../dsg/static_gfx.png") no-repeat 280px ;
    background-size:cover;
}
.with-shape-v3 {
    background: url("../dsg/case_cover.svg") no-repeat 0px ;
    background-size:cover;
}
.with-foot {
    background: url("../dsg/foot_bg.png") no-repeat center 200px ;
    background-size:cover;
}
.min-height-800 {
    min-height: calc(100vh - 274px);
}
.min-height-600 {
    min-height: calc(100vh - 674px);
}
.min-height-500 {
    min-height: 400px;
}
.con-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap:150px;
}
.con-grid.v-2 {
    grid-template-columns: 70% 30%;
    gap:10px;
}
.news-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap:40px;
    margin-top:40px;
}
.testimonials {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap:40px;
}
.news--item h4 {
    margin-top:20px;
}
.con-flex {
    display: flex;
}
.con-to-center {
    align-items: center;
}
.con-height-100 {
    height: 100vh;
}
.hero-content h2 {
    margin-top:20px;
    margin-bottom:20px;

}
.partner_logo {
    max-width: 60px;
}
.add-separation {
    margin-top: var(--spacing-max);
}
.icons-list {
    display: flex;
    gap: 30px;
    align-items: baseline;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top:60px;
}

.icons-list--item {
    gap: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    max-width: 160px;
    text-align: center;
    text-decoration: none;
    transition: transform 0.3s ease-in-out;

}
.icons-list--item:hover {
    transform: translateY(-10px);
}

.icons-list--item label {
    text-decoration: none;
    color:#000;
}
.icons-list--item .icon {
    border-radius: var(--radius-max);
    border:1px solid var( --color-300);
    padding: 25px;
}
.icons-list.v-2 .icons-list--item .icon {
    border:none;
    padding: 0;
}
.icons-list.v-2 .icons-list--item  .icon img {
    height: 100px;
}
.icons-list--item .icon img {
   height: 70px;
}
.processing-list {
    margin-top:50px; padding-bottom: 150px;
    gap: 20px;
    display: flex;
    align-items: center;
   justify-content: space-between;
    flex-direction: row;
    text-align: center;


}
.processing-list.vertical {
    justify-content: space-between;
    flex-direction: column;
    margin-bottom: 0;
    padding-bottom:0;
    padding-right: 90px;


}
.processing-list--item {
    display: flex;
    flex-direction: column;
    gap: 10px;
    text-align: center;
}
.processing-list.v-2 {
    gap: 40px;
    align-items: baseline;
}
.processing-list.v-2 p {
    margin-left:35px;
}
.processing-list.v-2 .processing-list--item{
    text-align: left;
}
.processing-list--item img {
    height: 110px;
    margin-top:20px;
}
.processing-list--item h3 {
    font-size: 26px;
}
.processing-list--item h3::before {
    background: url("../dsg/li_icon.svg") no-repeat;
    width: 35px;
    height: 20px;
    content:'';
    display: inline-block;

}
.card {
    border-radius: var(--radius-max);
    padding-left: 40px;
    margin-left:25px
}
.card .avatar {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    position: absolute;
    top:0;
    left: -20px;
    background-size: contain;
    background-repeat: no-repeat;
}
.btn-primary {
    border: none;
    background: #FFB700;
    background: linear-gradient(90deg, rgb(104 163 237) 0%, rgb(0 129 255) 100%);
}
.btn-primary:hover {
    background: #FFB700;
    background: linear-gradient(90deg, rgb(104 163 237) 0%,  rgb(104 163 237) 100%);
}
.navi-fix {
    margin-top:-56px;
}
footer {
    background: #1741A0;
    background: linear-gradient(90deg, rgba(23, 65, 160, 1) 0%, rgba(8, 24, 58, 1) 100%);
    padding-top:40px;
    padding-bottom:40px;
    margin-top:0;
}
.footer-content {
    display: flex;
    justify-content: space-between;
    gap: 30px;
    flex-wrap: wrap;
    color:white;
}
.footer-content label {
    color:#646DA2;
    display: block;
}
.footer-copyright {
    padding-top:30px;
    border-top:1px solid #646DA2;
    margin-top:20px;
    color:#646DA2;
}
.btn-outline-primary {
    border-radius: 20px;
    color:black;
}
.navbar-brand {
    padding-top:0;
    padding-bottom:0;
    color: var(--color-100);
    font-weight: 800;
}
.with-foot.solutions {
    background: url("../dsg/foot_bg.png") no-repeat center 100px;
    background-size: cover;
}
.with-foot.faq {
    background: url("../dsg/foot_bg.png") no-repeat center 400px;
    background-size: cover;
    height: 75vh;
}
.with-foot.contact {
    background: url("../dsg/contact_gfx.jpg") no-repeat center 400px;
    background-size: cover;
    height: 75vh;
}
.with-foot.services {
    background: url("../dsg/services_cover.png") no-repeat center 100px;
    background-size: cover;
    height: 75vh;
}
.hero-content--row {
    display: flex;
    gap:20px;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 15px;
}
.hero-content--row  .partner_logo {
    max-width: 60px;
}
.faq-gfx {
    max-width: 450px;
    width: 100%;
 }
.con-space {margin-top:100px}
.get-in-touch {
    border-radius: 10px;
    background: #F2F2F2;
    padding: 30px;
}
.add-top-margin-get-started {
    margin-top:100px
}
.checkboxes-list {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap:20px;
    flex-wrap: wrap;
    margin-top:10px;
}
.checkboxes-list .form-check {
    border-radius: 10px;
    border:1px solid #DDDDDD;
    padding: 15px;
    display: flex;
    gap:10px;
    align-items: center;
}
.checkboxes-list .form-check .form-check-input {
    margin-left: 0;
}
.submit-actions {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 15px;
    margin-top:20px
}
.submit-actions button, .submit-actions p {
    margin:0;
}
.submit-actions p {
    color:#FF0000;
}
.response {
    justify-content: center; flex-direction: column;
    display: flex;
    gap:30px;
    justify-items: center;
    align-items: center;
    text-align: center;
}
.response img {
    max-width: 200px;
}
.blue-marker {
    color: rgba(1, 147, 255, 1)
}
@media (min-width: 992px) {
    .navbar-expand-xxl .navbar-nav .nav-link {
        padding-right: 20px;
        padding-left: 20px;
    }
    .get-in-touch.get-started .limit-width {
        max-width: 50%;
    }
    .limit-button-width {
        max-width: 300px;
    }
}
@media (max-width: 992px) {
    .get-in-touch.get-started .form-label {
       margin-top:10px
    }
    .with-foot {
        background: url(../dsg/foot_bg.png) no-repeat center 800px;
        background-size: cover;
    }

    .con-grid {
        gap: 30px;
        margin-top:70px
    }
    .min-height-500 {
        min-height: auto;
    }
    .icons-list {
        margin-top:10px;
    }
    footer {
        margin-top:0;
    }
    .min-height-800 {
        min-height: fit-content;
    }
    .con-to-center {
        align-items: baseline;
    }
    .form-label {
        margin-top:10px;
    }
    .processing-list.v-2 {
        gap: 40px;
        align-items: baseline;
        flex-wrap: wrap;
    }
    .with-foot.solutions {
        background: none;
    }
    .con-grid.v-2 {
        grid-template-columns: 1fr;
        gap:30px;
    }
    .processing-list.vertical {
        padding-right: 0;


    }
    .with-foot.faq {
        background: none;
        background-size: cover;
        height: auto;
    }
    .content-gfx {
        text-align: center;
    }
    .content-gfx img {
        max-width: 90%;
    }
    .processing-list {
        flex-direction: column;
    }
    .icons-list {
        justify-content: space-evenly;
    }
    .with-shape {
        background: url(../dsg/home_shape.png) no-repeat 10px;
        background-size: cover;
    }
    .with-foot.contact {
        background: none;
        background-size: cover;
        height: auto;
    }
}
@media (max-width: 792px) {
    body {
        --spacing-max: 60px;
    }
    .footer-content {
        display: grid;
    }
    .processing-list {
        padding-bottom: 40px;
    }
    .with-shape-v3 {
        background: none;
    }
    .hero-content h2 {
        margin-top:0;

    }
    .partner_logo {
        margin-bottom: 10px;
    }
}