.promocode-wrap{display:grid;gap:10px 10px;margin:0 0 25px;width:100%}@media only screen and (max-width:1023px){.promocode-wrap{padding:5px}}@media only screen and (min-width:1024px){.courts-promocode-2-section{grid-template-columns:repeat(2,1fr)}.courts-promocode-3-section{grid-template-columns:repeat(3,1fr)}}.promocode-component{padding:10px 15px;-webkit-box-flex:32%;border-radius:10px;-webkit-box-shadow:0 4px 6px 0 rgba(0,0,0,.2);box-shadow:0 4px 6px 0 rgba(0,0,0,.2);-ms-flex:32%;flex:32%}@media only screen and (max-width:1023px){.promocode-component{margin-bottom:10px}}.promocode-component:before{left:-20px}.promocode-component:after,.promocode-component:before{background-color:#f0f0f0;border-radius:50px;content:"";height:35px;position:absolute;top:70px;width:35px;z-index:1}.promocode-component:after{right:-20px}.promocode-component .promo-container{display:grid;grid-template:"image divider proposition proposition" "code code code tnc";grid-gap:5px;grid-template-columns:30% 20px 1fr;row-gap:10px}.promocode-component .promo-container .item1 .image-tile-figure{margin-left:14px}.promocode-component .promo-container .item1 .image-tile-figure .tile-image{width:60%}.promocode-component .promo-container .item1 .image-tile-figure .img-text{line-height:1;min-height:28px}.promocode-component .promo-container .item2{align-self:end;grid-area:divider;padding:0 3px}.promocode-component .promo-container .item2 ._divider{border-left:3px dotted #000;height:115px}.promocode-component .promo-container .item3{grid-area:proposition}.promocode-component .promo-container .item3 ._proposition{padding:10px}.promocode-component .promo-container .item3 ._proposition ._disc{color:#000;font-size:30px;font-weight:500;letter-spacing:-1px;margin-bottom:0}@media only screen and (max-width:1023px){.promocode-component .promo-container .item3 ._proposition ._disc{font-size:26px}}.promocode-component .promo-container .item3 ._proposition ._desc{color:#000;font-size:14px;font-weight:500;line-height:.5;margin-bottom:0}.promocode-component .promo-container .item4{grid-area:code}.promocode-component .promo-container .item4 ._code{background:#fff;border:1px solid #e1e1e1;border-radius:5px;font-size:15px;font-weight:600;height:35px;margin:0 8px 0 0;padding:5px}.promocode-component .promo-container .item4 ._code .promotion{cursor:pointer}.promocode-component .promo-container .item4 ._code .promotion .tooltip-text{font-style:italic;left:0;margin:0 auto;padding:6px 35px;right:0;top:-5px;width:120px}.promocode-component .promo-container .item5{grid-area:tnc}.promocode-component .promo-container .item5 .modal .modal-dialog{max-width:410px}.promocode-component .promo-container .item5 .modal .modal-dialog .modal-content{padding:20px}.promocode-component .promo-container .item5 .modal .modal-dialog .modal-content .modal-body{padding:0 15px}.promocode-component .promo-container .item5 .modal .modal-dialog .modal-content hr{margin-bottom:19px;margin-top:19px}.promocode-component .promo-container .item5 .modal .modal-dialog .modal-content ul li{font-size:13px}.promocode-component .promo-container .item5 .modal .modal-dialog .modal-content ul li:before{content:none}#terms-conditions .modal-dialog{max-width:410px}#terms-conditions .modal-dialog .modal-content{border-radius:5px;padding:20px}