#offers-container{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin:0 0 4rem}.offer{position:relative;display:grid;grid-template-columns:60% 1fr;grid-template-rows:repeat(4,auto);color:#fff;padding:1.5rem;overflow:hidden;height:422px}.offer p{margin:0}.offer>:not(.dark-filter){z-index:2}.offer .title{font-weight:700;height:150px}.offer .label,.offer .num-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end}.offer .label{padding-right:1rem}.offer .label p{text-transform:uppercase}.offer .num-container{grid-row:2;grid-column:2;margin-top:4rem}.offer .num-container>div{padding:0 1rem 1rem;text-align:center}.offer .line{grid-row:3;grid-column:1/-1;height:1rem}.offer .info{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;grid-row:4;grid-column:1;max-height:4.5em;line-height:1.5em}.offer .btn-container{grid-row:4;grid-column:2;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-right:1rem}.offer .btn-container input{width:auto;padding:0 1rem}.offer .btn-container input:hover{background:0 0;color:#fff;border:1px solid #fff;background:var(--primary-color)!important;opacity:1!important}.dark-filter{width:100%;height:100%;position:absolute;background-color:#00000029;z-index:1!important}@media screen and (max-width: 1400px){.offer{grid-template-columns:57% 1fr}.offer .num-container{margin-top:1rem}}@media screen and (max-width: 1200px){.offer{display:grid;grid-template-columns:75% 1fr;height:unset;padding:.6rem}#offers-container{grid-template-columns:1fr}.dark-filter{top:0;left:0;z-index:-1!important}.offer .title{height:unset}.title .fs_40{font-size:1.2rem}.cruises-num{font-size:1.4rem}.description-button-container{display:flex;align-items:center;justify-content:space-between;font-size:.7rem}.description-button-container .btn-container{margin:0}.offer .num-container>div{padding:0 .4rem .4rem}}@media screen and (max-width: 992px){.offer{grid-template-columns:70% 1fr}}@media screen and (max-width: 576px){.offer{grid-template-columns:52% 1fr}.offer .btn-container{font-size:.7rem;margin-right:0}}