.main-container{max-width:1440px;margin:0 auto;padding:0;position:relative}
.tyre-reference-container{display:none}
.tyre-reference-container.active{display:block}
.tyre-reference-container.active.mrt{margin-top:160px}
.tyre-reference-sec{max-width:1171px;margin:12px auto 40px}
.tyre-reference-main-wrapper{width:100%;display:flex;flex-wrap:wrap;column-gap:34px;justify-content:center;position:relative}
.tyre-reference-wrapper{display:flex;min-width:267px;max-width:267px;min-height:400px;max-height:400px;position:relative;overflow:hidden}
.tyre-reference-wrapper>a{position:absolute;top:0;left:0;display:inline-block;width:100%;height:100%;cursor:pointer;z-index:2;color:transparent;font-size:1px}
.tyre-reference-image{width:100%;position:absolute;bottom:0;left:0;text-align:center;transition:bottom .5s ease-in-out;background:#fff}
.tyre-reference-image img{display:inline-block;width:100%;height:100%;mix-blend-mode:multiply;max-width:max-content;max-height:270px}
.tyre-reference-wrapper:hover .tyre-reference-image{bottom:34%}
.tyre-reference-content{width:100%;display:flex;flex-direction:column;align-items:center;row-gap:12px;padding:10px 10px 8px;border-top:1px solid #0054a6;background:rgba(255,255,255,1);backdrop-filter:blur(20px);z-index:1;position:absolute;bottom:-10px;left:0;transition:all .3s ease-in-out}
.tyre-reference-wrapper:hover .tyre-reference-content{background:#0054a6;bottom:0}
.tyre-reference-content .tyre-reference-title{max-width:173px;font-family:"Poppins";font-weight:500;font-size:16px;line-height:124%;text-align:center;color:#0054a6;min-height:40px}
.tyre-reference-wrapper:hover .tyre-reference-content .tyre-reference-title{color:#f6f6f6}
.tyre-reference-content .tyre-reference-title span{display:block}
.tyre-reference-content .tyre-icon-div{display:flex;flex-direction:row;column-gap:20px}
.tyre-reference-wrapper:hover .tyre-reference-content .tyre-icon-div{display:none}
.tyre-reference-content .tyre-icon img{min-width:20px;max-width:40px;min-height:20px;max-height:30px;display:inline-block;width:100%;height:100%}
.tyre-info{display:flex;row-gap:6px;flex-direction:column;width:100%;height:0;transition:height .3s ease-in-out}
.tyre-reference-wrapper:hover .tyre-info{height:165px}
.tyre-info-item{color:rgba(255,255,255,0.88);font-family:"Poppins";font-weight:400;font-size:12px;display:flex;align-items:center}
.tyre-info-item::before{content:"";display:inline-block;min-width:18px;max-width:18px;min-height:18px;max-height:18px;background:url("../../../../../../content/dam/ceatspeciality/homepage/check-circle-orange.svg");vertical-align:middle;background-size:cover;margin-right:4px}
.latest-update-tyre .tyre-reference-sec{margin:37px auto 60px}
@media screen and (min-width:768px) and (max-width:1279px){.main-container{margin:0;padding:0 20px}
.tyre-reference-main-wrapper{justify-content:center;max-width:768px;margin:0 auto;column-gap:34px}
.tyre-reference-wrapper:hover .tyre-reference-image{bottom:34%}
.tyre-reference-image{bottom:34%}
.tyre-reference-content .tyre-icon-div{display:none}
.tyre-reference-content{background:#0054a6;bottom:0}
.tyre-info{height:150px}
.tyre-reference-content .tyre-reference-title{color:#f6f6f6}
}
@media screen and (min-width:320px) and (max-width:767px){.main-container{margin:0;padding:0 20px}
.tyre-reference-sec{margin:22px auto 38px}
.tyre-reference-main-wrapper{max-width:360px;justify-content:center;margin:0 auto;column-gap:16px;row-gap:9px}
.tyre-reference-wrapper{min-width:152px;max-width:152px;min-height:100%;height:100%;max-height:100%;column-gap:16px;flex-direction:column}
.tyre-reference-wrapper:hover .tyre-reference-image{bottom:50%;min-height:150px;max-height:150px}
.tyre-reference-image{bottom:50%;min-height:150px;max-height:150px;height:fit-content;position:unset}
.tyre-reference-image img{max-height:150px}
.tyre-reference-content{row-gap:6px;padding:9px 0 6px}
.tyre-reference-content .tyre-reference-title{font-size:13px;max-width:unset;line-height:124%;min-height:35px}
.tyre-reference-content .tyre-icon-div{display:none}
.tyre-info{padding:0 7px;row-gap:4px}
.tyre-info-item{font-size:10px;align-items:flex-start;line-height:normal}
.tyre-reference-content .tyre-icon img{min-width:12px;max-width:12px;min-height:12px;max-height:12px}
.tyre-reference-content{background:#0054a6;bottom:0;height:100%;position:unset}
.tyre-info{height:100%}
.tyre-reference-wrapper:hover .tyre-info{height:100%}
.tyre-reference-content .tyre-reference-title{color:#f6f6f6}
.tyre-info-item::before{min-width:12px;max-width:12px;min-height:12px;max-height:12px}
}
.latest-update-tyre .tyre-reference-sec{margin:23px auto 40px}