body{
background-color: #ffffff;
color:#301B5F;
}
.modal-content{
background-color: #ffffff;
color: #301B5F;
}

label{
color:#301B5F !important;
}
.block-wrapper{
padding-top:80px;
padding-bottom:80px;
}
h1 {
color: #301B5F;
font-family: "Inter", sans-serif;
font-size: 60px;
font-style: normal;
font-weight: 600;
<!--line-height: 1.4em;-->
letter-spacing: -1.2px;
}
h1 a, h1 a:hover {
color: #b2ca00;
}

h2 {
color: #301B5F;
font-family: "Inter", sans-serif;
font-style: normal;
font-size: 36px;
font-weight: 600;
line-height: 44px;
letter-spacing: -0.72px;
}
h2 a, h2 a:hover {
color: #b2ca00;
}

h3 {
color: #301B5F;;
font-family: "Inter", sans-serif;
font-style: normal;
font-size: 26px;
font-weight: 600;
line-height: 30px;
}
h3 a, h3 a:hover {
color: b2ca00;
}

.text-lg {
color: #301B5F;
font-family: "Inter", sans-serif;
font-style: normal;
font-size: 22px;
font-weight: 400;
line-height: 30px;
}
.text-lg a, .text-lg a:hover {
color: b2ca00;
}

.text-md {
color: #301B5F;
font-family: "Inter", sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
}
.text-md a, .text-md a:hover {
color: b2ca00;
}

.text-sm {
color: #301B5F;
font-family: "Inter", sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px;
}
.text-sm a, .text-sm a:hover {
color: b2ca00;
}

.subtitle {
color: #b2ca00;
font-family: "Inter", sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 24px;
}
a.subtitle, a.subtitle:hover {
color: #b2ca00;
}

.btn-1, .btn-1:hover {
color: #ffffff;
background-color: #b2ca00 !important;
border-color: #b2ca00 !important;
border-width: 2px !important;
font-family: "Inter", sans-serif;
font-weight: 600;
font-size: 18px !important;
border-radius: 8px;
height: 60px !important;
padding: 0 calc(44px / 2) !important;
}

.btn-2, .btn-2:hover {
color: #ffffff;
background-color: #b2ca00 !important;
border-color: #b2ca00 !important;
border-width: 2px !important;
font-family: "Inter", sans-serif;
font-weight: 600;
font-size: 18px !important;
border-radius: 8px;
height: 60px !important;
padding: 0 calc(44px / 2) !important;
}

.input, .input:focus,
textarea, textarea:focus,
textarea.form-control, textarea.form-control:focus {
color: #301B5F;
background-color: #FFFFFF;
border-color: #D0D5DD;
border-width: 2px !important;
font-family: "Inter", sans-serif;
font-weight: 400;
font-size: 16px;
border-radius: 8px;
outline:none;
box-shadow:none;
}

.input {
height: 44px;
}

button.btn, button.btn:hover {
/* button height must be that same as input (see block verification) */
height: 44px !important;
padding: 0 calc(44px / 2) !important;
}
.input-group-prepend{
height: 44px;
}
.input-group-text, .input-group-text:focus {
border-radius: 8px;
background-color: #FFFFFF !important;
border-color: #D0D5DD;
border-width: 2px !important;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
height: 44px;
color: #301B5F;
font-size: 16px;
font-style: normal;
font-weight: 400;
outline:none;
box-shadow:none;
}

button.view-specification-popup, button.view-specification-popup:hover , .product-category-switch, .product-category-switch:hover{
color: #ffffff !important;
background-color: #b2ca00 !important;
border-color: #b2ca00 !important;
border-width: 2px !important;
font-family: "Inter", sans-serif;
font-weight: 600 !important;
font-size: 14px !important;
border-radius: 8px;
height: 36px !important;
<!--padding: 0 calc(44px / 2) !important;-->
}
.btn-social, .btn-social:hover{
color: #FFFFFF !important;
background-color: #b2ca00 !important;
border-color: #b2ca00 !important;
border-width: 2px !important;
font-family: "Inter", sans-serif;
font-weight: 600 !important;
font-size: 16px !important;
border-radius: 8px !important;
height: 60px !important;
<!--padding: 0 calc(44px / 2) !important;-->
}

.instagram_social img, .btn-instagram::before{
content:url(/../../myoffice/static/images/0609d6f5fe14.svg) !important;
}
.telegram_social img, .btn-telegram::before{
content:url(/../../myoffice/static/images/c6a3d56a2116.svg) !important;
}
.popup, .modal-backdrop{
background:#301B5F;
}
.navbar-nav, .nav-link, .navbar-nav .nav-link:hover{
color: #301B5F !important;
}

@media (max-width: 575px) {
h1 {
font-size: calc(60px / 1.25);
line-height: calc(60px / 1.25);
}
h2 {
font-size: calc(36px / 1.2);
line-height: calc(44px / 1.2);
}
h3 {
font-size: calc(26px / 1.2);
line-height: calc(30px / 1.2);
}
}