header.header-menu {
position: relative;
padding-top: 246px;
}
.header-img {
margin-left: -32px;
width: 548px;
height: auto;
}
.header-img-second {
margin-top: -86px;
margin-right: -82px;
width: 560px;
height: auto;
}
.heading-top h1,
.heading-top p {
margin: auto auto 32px;
width: 76%;
}
.heading-top h1 {
margin-bottom: 12px;
}
.heading-top .mark-style,
.heading-top .mark-style-visible {
margin-right: -2px;
}
.heading-top p {
margin-bottom: 32px;
line-height: 30px;
font-size: 20px;
line-height: 32px;
}
.heading-top {
margin-left: -56px;
padding-top: 20px;
width: 100%;
}
.grid-equal-2 {
grid-gap: 0px 60px;
grid-template-columns: 1fr 1fr;
padding: 0 84px 0 96px;
}
@media (max-width: 1020px) {
.fixed-menu {
position: relative !important;
box-shadow: unset !important;
left: 0;
transform: unset;
max-width: 100%;
width: 100%;
}
.header-img,
.header-img-second {
position: absolute;
filter: drop-shadow(0px 30px 6px rgba(0, 0, 0, 0.1));
}
.loading-img-header.blur {
filter: blur(2px);
}
header.header-menu {
overflow: hidden;
padding-top: 0;
}
.header-img {
width: 110.909px;
height: auto;
left: -64px;
top: 10px;
margin-left: 0;
}
.header-img-second {
width: 106px;
right: -60px;
margin: 0;
top: -341px;
z-index: 11;
}
.grid.grid-equal-2 {
grid-template-columns: 1fr;
}
.heading-top h1,
.heading-top p {
width: 96%;
padding: 0;
margin: auto auto 28px;
}
.heading-top h1 {
font-size: 43px;
line-height: 48px;
margin-bottom: 12px;
max-width: 66%;
}
.heading-top {
width: 98%;
margin: auto;
}
.heading-top p {
line-height: 26px;
max-width: 422px;
margin-bottom: 32px;
font-size: 16px;
}
.shape-header-home,
.shape-header-home:after {
left: -338px;
background-size: 360px;
top: -400px;
}
}
@media (min-width: 768px) and (max-width: 1376px) {
.heading-top h1 {
width: 100%;
}
.btn-header {
margin-bottom: 20px;
}
}
@media (min-width: 760px) and (max-width: 1020px) {
.header-img,
.header-img-second {
position: absolute;
filter: drop-shadow(0px 30px 6px rgba(0, 0, 0, 0.1));
}
.header-img {
width: 210.909px !important;
height: auto;
left: -64px;
top: 10px;
margin-left: 0;
}
.header-img-second {
width: 206px;
right: -60px;
margin: 0;
top: -339px;
z-index: 11;
}
.heading-top {
margin: auto;
max-width: 500px;
}
.heading-top h1 {
font-size: 50px;
line-height: 48px;
max-width: 100%;
}
header.header-menu.shapes {
padding-top: 24px;
margin-top: 0 !important;
padding-bottom: 20px;
}
}
@media (min-width: 1245px) {
.header-item {
position: relative;
}
}
@media (min-width: 769px) and (max-width: 1024px) {
.header-home::before {
top: 0px !important;
transform: rotate(-26deg) !important;
right: -140px !important;
}
.shape-header-home,
.shape-header-home::after {
top: -303px !important;
left: -268px !important;
}
}
@media (min-width: 320px) and (max-width: 377px) {
.heading-top p {
width: 100%;
line-height: 24px;
font-size: 16px;
}
}
@media (min-width: 1100px) and (max-width: 1506px) {
.heading-top p {
max-width: 524px;
}
.heading-top h1,
.heading-top p {
margin: auto auto 32px;
width: 90%;
}
.heading-top h1 {
margin-bottom: 12px;
}
}
@media (min-width: 512px) and (max-width: 760px) {
header.header-menu.shapes {
overflow: hidden;
padding-top: 46px;
}
}
@media (min-width: 1024px) and (max-width: 1050px) {
.header-img {
width: 510px;
}
.heading-top {
padding-left: 34px;
}
}
@media (max-width: 440px) {
.heading-top h1 {
max-width: 100%;
}
}
@media (min-width: 990px) and (max-width: 1180px) {
.heading-top p {
max-width: 524px;
}
.tm-big-heading-desk {
font-size: 60px;
}
.heading-top h1 {
margin: auto auto 32px;
width: 100%;
}
.heading-top p {
margin: auto auto 32px;
width: 90%;
}
.heading-top h1 {
margin-bottom: 12px;
}
}
@media (min-width: 400px) and (max-width: 624px) {
.heading-top h1 {
max-width: 80%;
}
.btn-header {
margin-bottom: 20px;
}
.heading-top p {
max-width: 80%;
}
}