.promises-container{display:flex;align-items:center;width:90%;margin:0 auto 24px;justify-content:space-between;max-width:1150px;padding:0 30px 0 14px}
.promise-headings p{font-size:18px;font-weight:600;color:#444;padding-bottom:0}
.promise-headings h2{font-size:24px;font-weight:800;line-height:28px;width:222px;color:#444}
.promise-details{display:flex;width:calc(100% - 263px);gap:1rem;position:relative}
.main-container{position:relative}
.track-comp{position:absolute;z-index:-1;bottom:-18px;right:-24px;font-size:11px;line-height:16px;width:max-content}
.details-values{display:flex;flex-direction:column;gap:5px;align-items:center;text-align:center;width:25%;transition:box-shadow .5s ease;padding:1rem;border-radius:12px}
.details-values:hover{transform:scale(1.05)}
.details-values>span{width:85px;height:85px;border-radius:50%;background:#eef0e1;display:flex;justify-content:center;align-items:center}
.details-values>span>img{width:40px;height:40px;transition:transform .3s ease}
.details-values:hover span img{transform:rotate(15deg);scale:1.3;transition:.3s ease-in-out}
.details-values h2{font-size:18px;font-weight:800;color:#e06336;padding-top:1rem;width:max-content}
.details-values .descrption-text{font-size:16px;font-weight:500;color:#696969;width:80%}
.details-values>div{display:flex;flex-direction:column;justify-content:center;align-items:center}
@media screen and (min-width:767px) and (max-width:1100px){.promises-container{width:94%;flex-direction:column;align-items:baseline}
.promises-container{margin-bottom:10px}
.promise-headings h2{width:100%;font-size:20px}
.track-comp{z-index:9;bottom:7px;right:16px}
.promise-headings p{font-size:14px}
.promise-details{width:100%;background:#eeecee;border-radius:12px;margin:17px 0;padding:16px}
.details-values h2{font-size:16px}
.details-values .descrption-text{font-size:14px}
.details-values>span{width:60px;height:60px}
.details-values>span>img{width:35px;height:35px}
}
@media screen and (max-width:767px){.promise-details{width:100%;flex-direction:column}
.promises-container{flex-direction:column;align-items:unset;row-gap:1rem;margin:18px auto;padding:unset}
.track-comp{font-size:10px;right:0;bottom:-10px}
.details-values{width:100%;flex-direction:row;text-align:unset;gap:1.5rem}
.details-values>span{width:60px;height:60px}
.details-values>span>img{width:30px;height:30px}
.details-values h2{font-size:16px;font-weight:700}
.promise-details>.details-values:nth-child(3)>span{width:79px}
.details-values>div{display:flex;flex-direction:column;justify-content:flex-start;align-items:self-start}
.promise-headings p{font-size:12px;letter-spacing:1px;font-weight:600;padding-bottom:0;letter-spacing:1.6px}
.promise-headings h2{font-size:16px;line-height:20px;width:290px}
.details-values .descrption-text{font-size:14px}
}