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

label{
color:#333333 !important;
}
.block-wrapper{
padding-top:80px;
padding-bottom:80px;
}
h1 {
color: #333333;
font-family: "Montserrat", 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: #0066ff;
}

h2 {
color: #344054;
font-family: "Montserrat", sans-serif;
font-style: normal;
font-size: 36px;
font-weight: 600;
line-height: 44px;
letter-spacing: -0.72px;
}
h2 a, h2 a:hover {
color: #0066ff;
}

h3 {
color: #344054;;
font-family: "Montserrat", sans-serif;
font-style: normal;
font-size: 20px;
font-weight: 600;
line-height: 30px;
}
h3 a, h3 a:hover {
color: 0066ff;
}

.text-lg {
color: #344054;
font-family: "Noto Sans", sans-serif;
font-style: normal;
font-size: 22px;
font-weight: 400;
line-height: 30px;
}
.text-lg a, .text-lg a:hover {
color: 0066ff;
}

.text-md {
color: #344054;
font-family: "Noto Sans", sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
}
.text-md a, .text-md a:hover {
color: 0066ff;
}

.text-sm {
color: #344054;
font-family: "Noto Sans", sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px;
}
.text-sm a, .text-sm a:hover {
color: 0066ff;
}

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

.btn-1, .btn-1:hover {
color: #ffffff;
background-color: #00b2ff !important;
border-color: #00b2ff !important;
border-width: 0px !important;
font-family: "Noto Sans", 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: #00b2ff !important;
border-color: #00b2ff !important;
border-width: 0px !important;
font-family: "Noto Sans", 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: #344054;
background-color: #FFFFFF;
border-color: #D0D5DD;
border-width: 2px !important;
font-family: "Noto Sans", 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: #344054;
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: #920b12 !important;
border-color: #0066ff !important;
border-width: 0px !important;
font-family: "Noto Sans", 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: #00b2ff !important;
border-color: #00b2ff !important;
border-width: 2px !important;
font-family: "Noto Sans", 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/76b0b4dea8de.png) !important;
}
.popup, .modal-backdrop{
background:#344054;
}
.navbar-nav, .nav-link, .navbar-nav .nav-link:hover{
color: #333333 !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(20px / 1.2);
line-height: calc(30px / 1.2);
}
}