:root {
    --bs-primary: #000000;
    --bs-secondary: #000000;
    --bs-success: #53BB3A;
    --bs-info: #7FCFD6;
    --bs-warning: #ffc107;
    --bs-danger: #F23B3B;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --bs-primary-rgb: 0, 0, 0;
    --bs-secondary-rgb: 0, 0, 0;
    --bs-success-rgb: 83, 187, 58;
    --bs-info-rgb: 127, 207, 214;
    --bs-warning-rgb: 255, 193, 7;
    --bs-danger-rgb: 242, 59, 59;
    --bs-light-rgb: 248, 249, 250;
    --bs-dark-rgb: 33, 37, 41;
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 0, 0, 0;
    --bs-body-color-rgb: 0, 0, 0;
    --bs-body-bg-rgb: 255, 255, 255;
    --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --bs-body-font-family: 'Inter', sans-serif;
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 500;
    --bs-body-line-height: 1.5;
    --bs-body-color: #000000;
    --bs-body-bg: #fff;
}

html{ font-size: 16px;}

a,
.page-link{ text-decoration: none; transition: all 0.15s ease-in-out;}
a:hover,
.page-link:hover{ color: var(--bs-primary-hover); text-decoration: none;}
.page-link:focus{ box-shadow: none;}
img{ max-width: 100%;}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 { font-weight: 700; margin-bottom: 1rem;}
h1, .h1{ font-size: 2rem; line-height: 2.125rem; margin-bottom: 1.25rem;}
h2, .h2{ font-size: 1.5rem; line-height: 1;}

/* Header */
.navbar {
    --bs-navbar-padding-y: 1.25rem;
    --bs-navbar-brand-padding-y: 0;
    min-height: 60px;
    border-bottom: 1px solid #F4F4F4;
}
.header{ position: absolute; left: 0; top: 0; width: 100%;}
.navbar-brand{ line-height: 1;}
.navbar-brand img{ vertical-align: top;}

.main-content{ min-height: calc(100vh - 68px);}

/* Section */
.section-hero{ padding: 100px 0 2rem; background: url(../images/hero.jpg) center center no-repeat; background-size: cover; color: #fff;}
.hero-caption{ width: 420px; max-width: 100%;}
.hero-caption p{ width: 420px; max-width: 100%;}
.section{ padding: 2rem 0;}
.section-app{ background: url(../images/app-bg.png) center center no-repeat; background-size: cover;}
.section-bg{ color: #fff;}
.items-block .item-wrap p:last-child{ margin-bottom: 0;}

/* Footer */
.footer{ padding: 1.625rem 0; background-color: var(--bs-primary);}
.footer .footer-text{ font-size: .5rem; line-height: 1rem; font-weight: normal; color: #fff; text-align: center;}

@media (max-width: 575px) {
    .container{ padding-left: 1.25rem; padding-right: 1.25rem;}
}

@media (min-width: 768px) {
    h1, .h1{ font-size: 3rem; line-height: 3.125rem;}
    h2, .h2{ font-size: 2.25rem;}
    .navbar { --bs-navbar-padding-y: 1.875rem; min-height: 88px;}
    .section-hero{ padding: 156px 0 3rem; min-height: 512px;}
    .hero-caption{ width: 600px;}
    .section{ padding: 3rem 0;}
    .section:not(.section-bg) .items-block > .row{ min-height: 250px;}
}

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

/*custum_css*/

.first_section{
    background-color: #66D8BD;
}

.second_section{
    background-color: #4672E8;
}

.link-class{
    text-decoration: underline;
    color: #fff;
    font-weight: normal;
    font-size: 14px;
    margin-bottom: 10px;
}
.link-class:hover{
    color:#4672E8;
}
.text-white{
    color: #fff !important;
}