body{
    background: #f1f2f4;
    font-family: "Ubuntu", sans-serif;
}
.wrapper{
    max-width: 1920px;
    padding: 20px;
    margin: 0 auto;
}
.header {
    background: #ffffff;
    border-radius: 20px;
    padding: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.logoWrapper {
    display: flex;
    align-items: center;
    gap: 10px;
}
.logoWrapper span {
    font-weight: 400;
    font-size: 16px;
    line-height: 125%;
    color: #a5a9b0;
}

.headerContacts {
    display: flex;
    align-items: center;
    gap: 20px;
}

.headerPhoneWrapper {
    display: flex;
    flex-direction: column;
    align-items: end;
}

.headerPhoneWrapper a{
    font-weight: 500;
    font-size: 24px;
    line-height: 130%;
    color: #000;
}

.headerPhoneWrapper span{
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    color: #a5a9b0;
}

.headerBtn {
    border: 1px solid #00b129;
    border-radius: 10px;
    padding: 15px 20px;
    font-weight: 500;
    font-size: 20px;
    line-height: 120%;
    color: #000;
    transition: 0.3s;
}

.headerBtn:hover {
    background: #00b129;
    color: #ffffff;
}

.main{
    margin-bottom: 20px;
}

.info {
    padding-top: 20px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin-bottom: 160px;
}

.infoText {
    border-radius: 20px;
    padding: 40px;
    box-shadow: 4px 4px 4px 0 rgba(216, 216, 216, 0.25);
    background: #fff;
    grid-column-start: 1;
    grid-column-end: 3;
    min-height: 670px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.infoTextTop {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.infoText-title {
    font-weight: 700;
    font-size: 56px;
    line-height: 114%;
    color: #000;
}

.green {
    color: #00b129;
}

.infoText-subtitle {
    font-weight: 400;
    font-size: 24px;
    line-height: 125%;
    color: #373b42;
}

.infoTextBot {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.infoTextBot-grey {
    font-weight: 400;
    font-size: 20px;
    line-height: 120%;
    color: #a5a9b0;
}

.infoTextBot-text {
    font-size: 20px;
    line-height: 120%;
    font-weight: 700;
    color: #373b42;
}

.infoTextBot-wrapper {
    display: flex;
    align-items: center;
    gap: 20px;
}

.infoTextBot-btn{
 width: 100%;
}

.btnGreen {
    border-radius: 10px;
    padding: 15px 20px;
    background: #00b129;
    font-weight: 500;
    font-size: 20px;
    line-height: 120%;
    color: #fff;
    transition: 0.3s;
    border: 1px solid transparent;
}
.btnGreen:hover {
    background: #ffffff;
    color: #00b129;
    border-color: #00b129;
}

.infoPhoto {
    grid-column-start: 3;
    grid-column-end: 5;
    border-radius: 16px;
    background-image: url("../image/infoBlock.png");
    box-shadow: 4px 4px 4px 0 rgba(216, 216, 216, 0.25);
    position: relative;
}

.darkBlock {
    border-radius: 4px;
    padding: 10px;
    background: #373b42;
    font-weight: 400;
    font-size: 16px;
    line-height: 125%;
    text-align: center;
    color: #fff;
    max-width: 210px;
    position: absolute;
    top: 200px;
    left: 25%;
}
.darkBlock::after {
    content: '';
    position: absolute;
    right: -20px;
    bottom: 10px;
    border: 10px solid transparent;
    border-left: 10px solid #373b42;
}

.infoPhoto-infoBlock {
    border: 1px solid #00b129;
    border-radius: 12px;
    padding: 20px;
    backdrop-filter: blur(60px);
    background: rgba(255, 255, 255, 0.5);
    display: flex;
    flex-direction: column;
    gap: 20px;
    max-width: 610px;
    position: absolute;
    bottom: 40px;
    width: 100%;
    left: 50%;
    transform: translate(-50%);
}

.infoPhotoInfoBlock-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.infoPhotoInfoBlock-name {
    font-weight: 700;
    font-size: 28px;
    line-height: 114%;
    text-align: center;
    color: #000;
}

.infoPhotoInfoBlock-logo {
    border-radius: 5px;
    max-width: 105px;
}

.infoPhoto-text {
    font-weight: 400;
    font-size: 16px;
    line-height: 125%;
    color: #373b42;
}
.infoPhoto-text span {
    font-weight: 700;
    color: #008901;
}

.infoItem {
    box-shadow: 4px 4px 4px 0 rgba(216, 216, 216, 0.25);
    background-color: #fff;
    border-radius: 16px;
    padding: 20px;
    height: 205px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-repeat: no-repeat;
    background-position: right bottom;
}

.image-defends{
    background-image: url("../image/defends100.png");
}
.image-shield{
    background-image: url("../image/shield.png");
}
.image-calendar{
    background-image: url("../image/calendar.png");
}

.infoItem-title {
    font-weight: 700;
    font-size: 28px;
    line-height: 114%;
    color: #373b42;
    max-width: 260px;
}

.infoItem-subtitle {
    font-family: "Ubuntu", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 125%;
    color: #a5a9b0;
    max-width: 260px;
}

.infoItemReviews {
    box-shadow: 4px 4px 4px 0 rgba(216, 216, 216, 0.25);
    background-color: #fff;
    border-radius: 16px;
    padding: 20px;
    max-height: 205px;
    background-image: url("../image/reviewsBlock.png");
    background-repeat: no-repeat;
    background-position: center 10px;
}

.footer {
    border-radius: 20px;
    padding: 40px;
    box-shadow: 7px 7px 7px 0 rgba(216, 216, 216, 0.25);
    background: #fff;
    display: flex;
    justify-content: space-between;
    align-items: end;
}

.footerLinks {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.footerLinks-title {
    font-weight: 700;
    font-size: 16px;
    line-height: 125%;
    color: #373b42;
}

.footerLinks-item {
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    color: #008901;
}

.footerLogoBlock {
    display: flex;
    flex-direction: column;
    gap: 40px;
    max-width: 665px;
    width: 100%;
    align-items: center;
}
.footerLogoBlock img{
    max-width: 665px;
    width: 100%;
}

.footerBtn {
    max-width: 345px;
}

.footerInfo {
    display: flex;
    flex-direction: column;
    gap: 16px;
    text-align: right;
}

.footerInfo-item {
    font-weight: 400;
    font-size: 16px;
    line-height: 125%;
    text-align: right;
    color: #373b42;
}

.footerInfo-link {
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    text-align: right;
    color: #008901;
}

.dolgi {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    min-height: 670px;
    height: 100%;
}

.dolgiLeft {
    border-radius: 20px;
    padding: 40px;
    box-shadow: 4px 4px 4px 0 rgba(216, 216, 216, 0.25);
    background: #fff;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.dolgiLeftTop {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.dolgiLeft-title {
    font-weight: 700;
    font-size: 56px;
    line-height: 114%;
    color: #000;
    max-width: 500px;
}

.dolgiLeft-text {
    font-weight: 400;
    font-size: 24px;
    line-height: 125%;
    color: #373b42;
}

.dolgiLeftBot {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.dolgiLeftBot img{
    max-width: 600px;
    width: 100%;
}

.dolgiLeftBot-text {
    font-weight: 700;
    font-size: 24px;
    line-height: 125%;
    color: #373b42;
}

.dolgiRight {
    display: grid;
    grid-template-columns: 1fr 1fr;
    border-radius: 16px;
    box-shadow: 4px 4px 4px 0 rgba(216, 216, 216, 0.25);
    background-image: url("../image/bg.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 40px;
    gap: 20px;
}

.dolgiRight-item {
    border: 1px solid #b9bdc4;
    border-radius: 16px;
    padding: 20px;
    background-color: #fff;
    max-height: 185px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 170px;
}

.dolgiRightItem-title {
    font-weight: 700;
    font-size: 56px;
    line-height: 114%;
    color: #373b42;
}

.dolgiRightItem-subtitle {
    font-family: "Ubuntu", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 125%;
    color: #a5a9b0;
    max-width: 220px;
}
.dolgiRight-item:nth-child(1){
    background-image: url("../image/reviews.png");
}
.dolgiRight-item:nth-child(2){
    background-image: url("../image/rating.png");
}
.dolgiRight-item:nth-child(3){
    background-image: url("../image/phone.png");
}
.dolgiRight-item:nth-child(4){
    background-image: url("../image/deals.png");
}
.dolgiRight-item:nth-child(5){
    grid-column-start: 1;
    grid-column-end: 3;
    background-image: url("../image/like.png");
}