﻿.delivery-section {
width:100%;
max-width:1140px;
margin:0 auto 80px auto;
}

.delivery-section-1 {
font-size:0px;
line-height:0px;
text-align:center;
}

.delivery-section-1 img:last-child {
display:none;
}

.title-delivery {
color: #21304D;
font-size: 28px;
font-style: normal;
font-weight: 700;
line-height: normal;
letter-spacing: 0.28px;
text-transform: uppercase;
margin:0 0 40px 0;
}

.delivery-section-2 .flex {
display:flex;
gap:24px;
}

.delivery-section-2 .col {
flex:1;
display:flex;
flex-direction:column;
gap:24px;
}

.delivery-section-2 .item {
border-radius: 16px;
background: #21304D;
padding:24px;
color: rgba(255, 255, 255, 0.60);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 0.16px;
}

.delivery-section-2 .col:first-child .item:last-child {
flex:1;
}

.delivery-section-2 .head {
display:flex;
align-items:flex-end;
gap:40px;
margin:0 0 32px 0;
}

.delivery-section-2 .name {
flex:1;
color: #FFF;
font-size: 28px;
font-style: normal;
font-weight: 700;
line-height: normal;
letter-spacing: 0.28px;
text-transform: uppercase;
}

.delivery-section-2 .icon {
font-size:0px;
line-height:0px;
}

.delivery-section-2 .info {
display:flex;
flex-wrap:wrap;
gap:12px;
margin:16px 0 32px 0;
}

.delivery-section-2 .info span {
padding:8px 12px;
border-radius: 8px;
border: 1px solid #70ACD0;
color: #70ACD0;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: 0.16px;
}

.delivery-section-2 ul {
list-style:none;
margin:32px 0px;
padding:0px;
display:flex;
flex-direction:column;
gap:32px;
}

.delivery-section-2 .col:last-child .item:last-child .info {
margin:-16px 0 32px 0;
}

.delivery-section-2 ul li {
position:relative;
padding:0 0 0 54px;
background:url(../images/delivery-section2-li.svg) no-repeat;
min-height:34px;
}

.delivery-section-2 .link {
display:inline-flex;
align-items:center;
gap:16px;
padding:12px 20px;
border-radius: 12px;
border: 1px solid #21304D;
background: #FFF;
color: #21304D;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 0.16px;
}

.delivery-section-2 .link:after {
content:"";
width:20px;
height:24px;
background:url(../images/delivery-section2-download.svg) no-repeat;
flex-shrink:0;
}

.delivery-section-3 .title-delivery {
text-align:center;
margin:0 0 20px 0;
}

.delivery-section-3 .info {
display:flex;
justify-content: center;
flex-wrap:wrap;
gap:20px;
margin:0 0 40px 0;
}

.delivery-section-3 .item {
display:flex;
align-items:center;
gap:16px;
padding:16px 20px;
border-radius: 12px;
border: 1px solid #21304D;
background: #FFF;
color: #21304D;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 0.16px;
}

.delivery-section-3 .date:before {
content:"";
width:22px;
height:24px;
background:url(../images/delivery-section3-icon1.svg) no-repeat;
}

.delivery-section-3 .time:before {
content:"";
width:24px;
height:24px;
background:url(../images/delivery-section3-icon2.svg) no-repeat;
}

.delivery-section-3 .maps {
font-size:0px;
line-height:0px;
height:600px;
border-radius: 16px;
overflow:hidden;
}

.delivery-section-3 .maps iframe {
width:100% !important;
height:100% !important;
border:0px !important;
border-radius: 16px;
}






@media screen and (max-width:1000px) {

.delivery-section-2 .item {
padding:20px;
}

.delivery-section-2 .head {
align-items: flex-start;
flex-direction: column-reverse;
gap: 20px;
margin: 0 0 20px 0;
}

.delivery-section-2 .name {
font-size:24px;
}

.delivery-section-2 ul {
margin:20px 0 24px 0;
gap:20px;
}

.delivery-section-2 .info {
margin:20px 0;
}

.delivery-section-2 .col:last-child .item:last-child .info {
margin:-4px 0 20px 0;
}






}


@media screen and (max-width:780px) {

.delivery-section {
margin:0 auto 40px auto;
}

.delivery-section-2 .flex {
flex-direction:column;
gap:20px;
}

.delivery-section-2 .col {
gap:20px;
}

.delivery-section-3 .info {
gap:16px;
margin:0 0 20px 0;
}

.delivery-section-3 .maps {
height:300px;
}

.delivery-section-1 img:first-child {
display:none;
}

.delivery-section-1 img:last-child {
display:block;
}








}


