.compare-grid-component .main{text-align:center}
.compare-grid-component .main .title{font:normal 700 5.6rem 'Poppins';line-height:1.5;padding-bottom:32px}
@media(max-width:1219px){.compare-grid-component .main .title{font-size:4.4rem}
}
@media(max-width:767px){.compare-grid-component .main .title{font-size:2.8rem}
}
.compare-grid-component .main .link{margin:0 auto;padding:12px}
.compare-grid-component .main+.tab-top{padding-top:32px}
.compare-grid-component .main+.tab-content{padding-top:23px}
.compare-grid-component .main+.compareTop+.tab-content{margin-top:40px}
.compare-grid-component .tab-top{text-align:center;margin-left:auto;margin-right:auto}
.compare-grid-component .tab-top .swiper-wrapper{justify-content:center}
@media(max-width:767px){.compare-grid-component .tab-top .swiper-wrapper{justify-content:unset}
}
.compare-grid-component .tab-top .swiper-wrapper .tabs{display:inline-block;width:164px;max-width:164px;margin-right:32px;cursor:pointer}
@media(max-width:767px){.compare-grid-component .tab-top .swiper-wrapper .tabs{margin-right:0}
}
.compare-grid-component .tab-top .swiper-wrapper .tabs:last-child{margin-right:unset}
.compare-grid-component .tab-top .swiper-wrapper .tabs .title{color:#ccc;padding-bottom:8px;display:block;width:auto;max-width:200px;font:normal 400 1.8rem 'Roboto';line-height:1.5}
.compare-grid-component .tab-top .swiper-wrapper .tabs .underLine{width:100%;height:4px;border-radius:2px;background-color:#ccc}
.compare-grid-component .tab-top .swiper-wrapper .tabs.current .title{color:#00626b}
.compare-grid-component .tab-top .swiper-wrapper .tabs.current .underLine{background-color:#00626b}
.compare-grid-component .tab-top .tabDescription{padding-top:32px;padding-bottom:40px;text-align:center;font:normal 400 1.6rem 'Roboto';line-height:1.5;display:none}
@media(max-width:767px){.compare-grid-component .tab-top .tabDescription{padding-top:20px;padding-bottom:20px}
}
.compare-grid-component .tab-top .tabDescription.current{display:block}
.compare-grid-component .tab-content{float:none;display:none;width:1220px;margin-left:auto;margin-right:auto}
@media(max-width:1219px){.compare-grid-component .tab-content{width:621px}
}
@media(max-width:767px){.compare-grid-component .tab-content{width:276px}
}
.compare-grid-component .tab-content.current{display:inherit}
.compare-grid-component .tab-content .swiper-wrapper{display:grid}
.compare-grid-component .tab-content .swiper-wrapper .swiper-slide{text-align:center;max-width:200px}
@media(max-width:767px){.compare-grid-component .tab-content .swiper-wrapper .swiper-slide{max-width:125px}
}
.compare-grid-component .tab-content .swiper-wrapper .swiper-slide.product-item{display:contents}
.compare-grid-component .tab-content .swiper-wrapper .swiper-slide:last-child{margin-right:0 !important}
.compare-grid-component .tab-content .swiper-wrapper .swiper-slide .info{border-bottom:2px solid #f2f2f2;border-radius:1px;padding-bottom:40px}
.compare-grid-component .tab-content .swiper-wrapper .swiper-slide .picWrap{grid-row:1}
.compare-grid-component .tab-content .swiper-wrapper .swiper-slide .picWrap img{width:200px;height:200px}
@media(max-width:1219px){.compare-grid-component .tab-content .swiper-wrapper .swiper-slide .picWrap img{width:187px;height:187px}
}
@media(max-width:767px){.compare-grid-component .tab-content .swiper-wrapper .swiper-slide .picWrap img{width:125px;height:125px}
}
.compare-grid-component .tab-content .swiper-wrapper .swiper-slide .itemColor{grid-row:2}
.compare-grid-component .tab-content .swiper-wrapper .swiper-slide .itemColor .dots{padding-top:16px;height:32px;display:inline-block;width:16px;height:16px;border-radius:50%}
.compare-grid-component .tab-content .swiper-wrapper .swiper-slide .itemColor .dots:not(:last-child){margin-right:16px}
.compare-grid-component .tab-content .swiper-wrapper .swiper-slide .itemLabel{min-height:8px}
.compare-grid-component .tab-content .swiper-wrapper .swiper-slide .itemLabel .labelContent{font:normal 500 1.6rem 'Roboto';line-height:1.5;display:block;padding-top:16px;color:red;grid-row:3}
@media(max-width:767px){.compare-grid-component .tab-content .swiper-wrapper .swiper-slide .itemLabel .labelContent{font-size:1.4rem}
}
.compare-grid-component .tab-content .swiper-wrapper .swiper-slide .itemTitle{font:normal 500 2rem 'Poppins';line-height:1.5;max-height:98px;margin-left:auto;margin-right:auto;width:200px;padding-top:8px;overflow:hidden;grid-row:4}
@media(max-width:1219px){.compare-grid-component .tab-content .swiper-wrapper .swiper-slide .itemTitle{font-size:1.8rem;max-height:unset}
}
@media(max-width:767px){.compare-grid-component .tab-content .swiper-wrapper .swiper-slide .itemTitle{width:125px;font-size:1.6rem}
}
.compare-grid-component .tab-content .swiper-wrapper .swiper-slide .itemDescription{grid-row:5;font:normal 400 1.6rem 'Roboto';line-height:1.5;color:#757575;overflow:hidden;padding-top:16px;max-height:64px}
@media(max-width:767px){.compare-grid-component .tab-content .swiper-wrapper .swiper-slide .itemDescription{max-height:88px}
}
.compare-grid-component .tab-content .swiper-wrapper .swiper-slide .productPrice{grid-row:6}
.compare-grid-component .tab-content .swiper-wrapper .swiper-slide .productPrice .product-price{padding-top:16px;padding-bottom:16px;font:normal 400 1.2rem 'Roboto';line-height:1.5;line-height:14px}
@media(max-width:1219px){.compare-grid-component .tab-content .swiper-wrapper .swiper-slide .productPrice .product-price{padding-top:8px;padding-bottom:24px;height:60px}
}
.compare-grid-component .tab-content .swiper-wrapper .swiper-slide .productPrice .product-price .normal-price{text-decoration:line-through;color:#ccc;height:14px}
.compare-grid-component .tab-content .swiper-wrapper .swiper-slide .productPrice .product-price .current-price{font:normal 500 2rem 'Poppins';line-height:1.5;color:#000}
.compare-grid-component .tab-content .swiper-wrapper .swiper-slide .productPrice .product-price .save-price{color:#ff6060}
.compare-grid-component .tab-content .swiper-wrapper .swiper-slide .learnMoreBtn{font-size:1.4rem;grid-row:7;margin-top:16px;margin-left:auto;margin-right:auto;max-width:200px;font-weight:400}
.compare-grid-component .tab-content .swiper-wrapper .swiper-slide .learnWrap{grid-row:8;min-height:45px}
.compare-grid-component .tab-content .swiper-wrapper .swiper-slide .learnWrap .learnMoreLink{margin-top:32px;padding:4px;margin-left:auto;margin-right:auto;max-width:200px;line-height:14px}
.compare-grid-component .tab-content .swiper-wrapper .swiper-slide .divideLine{width:200px;height:2px;background-color:#f2f2f2;margin:40px auto}
@media(max-width:1219px){.compare-grid-component .tab-content .swiper-wrapper .swiper-slide .divideLine{width:187px}
}
@media(max-width:767px){.compare-grid-component .tab-content .swiper-wrapper .swiper-slide .divideLine{width:125px;margin-top:20px;margin-bottom:20px}
}
.compare-grid-component .tab-content .swiper-wrapper .swiper-slide .divideLine.last{width:100%}
.compare-grid-component .tab-content .swiper-wrapper .swiper-slide .specContent .spec-wrap{display:contents}
.compare-grid-component .tab-content .swiper-wrapper .swiper-slide .specContent .spec-wrap:has(.text-info){cursor:pointer}
.compare-grid-component .tab-content .swiper-wrapper .swiper-slide .specContent .spec-wrap:has(.icon-info){cursor:pointer}
.compare-grid-component .tab-content .swiper-wrapper .swiper-slide .specContent .spec-wrap .topDescription{width:200px;margin:0 auto;font:normal 400 1.4rem 'Roboto';line-height:1.5;color:#757575}
@media(max-width:767px){.compare-grid-component .tab-content .swiper-wrapper .swiper-slide .specContent .spec-wrap .topDescription{width:125px}
}
.compare-grid-component .tab-content .swiper-wrapper .swiper-slide .specContent .spec-wrap .topDescription .text{max-height:42px;padding-bottom:4px}
.compare-grid-component .tab-content .swiper-wrapper .swiper-slide .specContent .spec-wrap .topDescription .icon{max-height:42px;padding-bottom:4px}
.compare-grid-component .tab-content .swiper-wrapper .swiper-slide .specContent .spec-wrap .spec-value{width:200px;display:flex;align-items:center;justify-content:center;margin:0 auto}
.compare-grid-component .tab-content .swiper-wrapper .swiper-slide .specContent .spec-wrap .spec-value:has(.icon-3){padding-left:0 !important}
@media(max-width:767px){.compare-grid-component .tab-content .swiper-wrapper .swiper-slide .specContent .spec-wrap .spec-value{width:125px}
}
.compare-grid-component .tab-content .swiper-wrapper .swiper-slide .specContent .spec-wrap .spec-value:has(.icon){height:54px}
@media(max-width:767px){.compare-grid-component .tab-content .swiper-wrapper .swiper-slide .specContent .spec-wrap .spec-value:has(.icon){height:34px}
}
.compare-grid-component .tab-content .swiper-wrapper .swiper-slide .specContent .spec-wrap .spec-value .text{position:relative;height:100%;margin:0 auto}
.compare-grid-component .tab-content .swiper-wrapper .swiper-slide .specContent .spec-wrap .spec-value .text.text-xl{max-height:144px;overflow:hidden;font:normal 500 4rem 'Poppins';line-height:1.5}
@media(max-width:767px){.compare-grid-component .tab-content .swiper-wrapper .swiper-slide .specContent .spec-wrap .spec-value .text.text-xl{font-size:3rem}
}
.compare-grid-component .tab-content .swiper-wrapper .swiper-slide .specContent .spec-wrap .spec-value .text.text-l{max-height:144px;overflow:hidden;font:normal 500 3.2rem 'Poppins';line-height:1.5}
@media(max-width:767px){.compare-grid-component .tab-content .swiper-wrapper .swiper-slide .specContent .spec-wrap .spec-value .text.text-l{font-size:2.6rem}
}
.compare-grid-component .tab-content .swiper-wrapper .swiper-slide .specContent .spec-wrap .spec-value .text.text-m{max-height:144px;overflow:hidden;font:normal 500 2.6rem 'Poppins';line-height:1.5}
@media(max-width:767px){.compare-grid-component .tab-content .swiper-wrapper .swiper-slide .specContent .spec-wrap .spec-value .text.text-m{font-size:2rem}
}
.compare-grid-component .tab-content .swiper-wrapper .swiper-slide .specContent .spec-wrap .spec-value .text.text-s{max-height:144px;overflow:hidden;font:normal 500 2em 'Poppins';line-height:1.5}
@media(max-width:767px){.compare-grid-component .tab-content .swiper-wrapper .swiper-slide .specContent .spec-wrap .spec-value .text.text-s{font-size:1.6rem}
}
.compare-grid-component .tab-content .swiper-wrapper .swiper-slide .specContent .spec-wrap .spec-value .text .text-info-icon{display:none}
.compare-grid-component .tab-content .swiper-wrapper .swiper-slide .specContent .spec-wrap .spec-value .text .inner-text{line-height:120%}
.compare-grid-component .tab-content .swiper-wrapper .swiper-slide .specContent .spec-wrap .spec-value .text.text-info{display:grid;grid-template-columns:25px 150px 25px;pointer-events:none}
@media(max-width:767px){.compare-grid-component .tab-content .swiper-wrapper .swiper-slide .specContent .spec-wrap .spec-value .text.text-info{grid-template-columns:16px 93px 16px}
}
.compare-grid-component .tab-content .swiper-wrapper .swiper-slide .specContent .spec-wrap .spec-value .text.text-info .inner-text{grid-column:2;pointer-events:none;text-align:center}
.compare-grid-component .tab-content .swiper-wrapper .swiper-slide .specContent .spec-wrap .spec-value .text.text-info .text-info-icon{position:absolute;top:0;right:0;display:inline-block}
@media(max-width:767px){.compare-grid-component .tab-content .swiper-wrapper .swiper-slide .specContent .spec-wrap .spec-value .text.text-info{width:125px}
.compare-grid-component .tab-content .swiper-wrapper .swiper-slide .specContent .spec-wrap .spec-value .text.text-info .text-info-icon{width:16px;height:16px}
}
.compare-grid-component .tab-content .swiper-wrapper .swiper-slide .specContent .spec-wrap .spec-value .text-info-icon{display:none}
.compare-grid-component .tab-content .swiper-wrapper .swiper-slide .specContent .spec-wrap .spec-value .icon.noValue{font:normal 500 2em 'Poppins';line-height:1.5}
@media(max-width:767px){.compare-grid-component .tab-content .swiper-wrapper .swiper-slide .specContent .spec-wrap .spec-value .icon.noValue{font-size:1.6rem}
}
.compare-grid-component .tab-content .swiper-wrapper .swiper-slide .specContent .spec-wrap .spec-value .icon img{width:54px;height:54px}
@media(max-width:767px){.compare-grid-component .tab-content .swiper-wrapper .swiper-slide .specContent .spec-wrap .spec-value .icon img{width:34px;height:34px}
}
.compare-grid-component .tab-content .swiper-wrapper .swiper-slide .specContent .spec-wrap .spec-value .icon img:not(:first-child){margin-left:4px}
@media(max-width:767px){.compare-grid-component .tab-content .swiper-wrapper .swiper-slide .specContent .spec-wrap .spec-value .icon img:not(:first-child){margin-left:2px}
}
.compare-grid-component .tab-content .swiper-wrapper .swiper-slide .specContent .spec-wrap .spec-value .icon+.text-info-icon{display:none}
.compare-grid-component .tab-content .swiper-wrapper .swiper-slide .specContent .spec-wrap .spec-value.icon-info{position:relative;justify-content:flex-start;padding:0 0 0 25px}
@media(max-width:767px){.compare-grid-component .tab-content .swiper-wrapper .swiper-slide .specContent .spec-wrap .spec-value.icon-info{padding:0 0 0 16px}
}
.compare-grid-component .tab-content .swiper-wrapper .swiper-slide .specContent .spec-wrap .spec-value.icon-info .icon+.text-info-icon{display:block;position:absolute;top:0;right:0}
.compare-grid-component .tab-content .swiper-wrapper .swiper-slide .specContent .spec-wrap .spec-value.icon-info .icon{width:150px;display:flex;justify-content:center;pointer-events:none}
.compare-grid-component .tab-content .swiper-wrapper .swiper-slide .specContent .spec-wrap .spec-value.icon-info .icon img{pointer-events:none}
@media(max-width:767px){.compare-grid-component .tab-content .swiper-wrapper .swiper-slide .specContent .spec-wrap .spec-value.icon-info .icon{width:93px}
}
.compare-grid-component .tab-content .swiper-wrapper .swiper-slide .specContent .spec-wrap .spec-value.icon-info .icon.icon-3{width:100%;justify-content:flex-start}
.compare-grid-component .tab-content .swiper-wrapper .swiper-slide .specContent .spec-wrap .spec-value.icon-info .text-info-icon{pointer-events:none}
@media(max-width:767px){.compare-grid-component .tab-content .swiper-wrapper .swiper-slide .specContent .spec-wrap .spec-value.icon-info .text-info-icon{width:16px;height:16px}
}
.compare-grid-component .tab-content .swiper-wrapper .swiper-slide .specContent .spec-wrap .bottomDescription{width:200px;margin:0 auto;font:normal 400 1.4rem 'Roboto';line-height:1.5;max-height:46px;overflow:hidden;color:#757575;padding:4px 0 0 0;margin-bottom:60px}
@media(max-width:767px){.compare-grid-component .tab-content .swiper-wrapper .swiper-slide .specContent .spec-wrap .bottomDescription{width:125px}
}
.compare-grid-component .tab-content .swiper-wrapper .swiper-slide .specContent .spec-wrap .bottomDescription .text{max-height:42px}
.compare-grid-component .tab-content .swiper-wrapper .swiper-slide .specContent .spec-wrap .bottomDescription .icon{max-height:42px}
.compare-grid-component .tab-content .swiper-wrapper .swiper-slide .specContent .spec-wrap:last-child .bottomDescription{margin-bottom:0}
.compare-grid-component .btn_wrap{position:sticky;top:50%}
.compare-grid-component .btn_wrap .swiper-button-next-custom{z-index:100;top:50%;position:absolute;text-align:center;border-radius:50%;border:4px solid #757575;height:60px;width:60px;background-color:#fff;cursor:pointer;right:calc(50% - 640px)}
.compare-grid-component .btn_wrap .swiper-button-next-custom:hover{background-color:#f5f5f7}
.compare-grid-component .btn_wrap .swiper-button-next-custom:active{border-color:#333;background-color:#fff}
.compare-grid-component .btn_wrap .swiper-button-next-custom:active svg path{stroke:#333}
@media(max-width:1219px){.compare-grid-component .btn_wrap .swiper-button-next-custom{border-width:2.75px;height:44px;width:44px;right:calc(50% - 364.5px)}
}
@media(max-width:767px){.compare-grid-component .btn_wrap .swiper-button-next-custom{height:24px;width:24px;border-width:2px;right:calc(50% - 169.5px)}
}
.compare-grid-component .btn_wrap .swiper-button-next-custom svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
@media(max-width:1219px){.compare-grid-component .btn_wrap .swiper-button-next-custom svg{height:16px;width:8px}
}
@media(max-width:767px){.compare-grid-component .btn_wrap .swiper-button-next-custom svg{height:12px;width:6px}
}
.compare-grid-component .btn_wrap .swiper-button-prev-custom{z-index:100;top:50%;position:absolute;text-align:center;border-radius:50%;border:4px solid #757575;height:60px;width:60px;background-color:#fff;cursor:pointer;left:calc(50% - 640px)}
.compare-grid-component .btn_wrap .swiper-button-prev-custom:hover{background-color:#f5f5f7}
.compare-grid-component .btn_wrap .swiper-button-prev-custom:active{border-color:#333;background-color:#fff}
.compare-grid-component .btn_wrap .swiper-button-prev-custom:active svg path{stroke:#333}
@media(max-width:1219px){.compare-grid-component .btn_wrap .swiper-button-prev-custom{border-width:2.75px;height:44px;width:44px;left:calc(50% - 364.5px)}
}
@media(max-width:767px){.compare-grid-component .btn_wrap .swiper-button-prev-custom{height:24px;width:24px;border-width:2px;left:calc(50% - 169.5px)}
}
.compare-grid-component .btn_wrap .swiper-button-prev-custom svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
@media(max-width:1219px){.compare-grid-component .btn_wrap .swiper-button-prev-custom svg{height:16px;width:8px}
}
@media(max-width:767px){.compare-grid-component .btn_wrap .swiper-button-prev-custom svg{height:12px;width:6px}
}
.compare-grid-component .btn_wrap .swiper-button-disabled{cursor:auto;border-color:#ccc}
.compare-grid-component .btn_wrap .swiper-button-disabled svg path{stroke:#ccc}
.compare-grid-component .btn_wrap .swiper-button-disabled:hover{background-color:#fff}
.compare-grid-component .btn_wrap .swiper-button-disabled:active{background-color:#fff;border-color:#ccc}
.compare-grid-component .btn_wrap .swiper-button-disabled:active svg path{stroke:#ccc}
.compare-grid-component .compareTop{z-index:100;position:sticky;top:50px;padding-bottom:10px;width:1220px;margin-left:auto;margin-right:auto}
@media(max-width:1219px){.compare-grid-component .compareTop{width:621px}
}
@media(max-width:767px){.compare-grid-component .compareTop{width:276px}
}
@media(max-width:1219px){.compare-grid-component .compareTop{top:63px}
}
.compare-grid-component .compareTop.hide{display:none}
.compare-grid-component .compareTop.unavailable{display:none}
.compare-grid-component .compareTop .swiper-wrapper{display:grid;padding-bottom:10px;background-color:white}
.compare-grid-component .compareTop .swiper-wrapper .swiper-slide{margin-left:auto !important;margin-right:auto !important;max-height:150px;font:normal 500 2rem 'Poppins';line-height:1.5;max-width:200px;text-align:center;padding:40px 0 20px 0;background-color:#fff;border-bottom:2px solid #f2f2f2}
@media(max-width:1219px){.compare-grid-component .compareTop .swiper-wrapper .swiper-slide{max-height:unset;font-size:1.8rem}
}
@media(max-width:767px){.compare-grid-component .compareTop .swiper-wrapper .swiper-slide{max-width:125px;font-size:1.6rem}
}
.compare-grid-component .GIIS a{font:normal 400 1.4rem 'Roboto';line-height:1.5;color:#00626b}
.compare-grid-component .previousLink{font:normal 500 1.6rem 'Roboto';line-height:1.5;margin-left:auto;margin-right:auto;padding:12px}
.compare-grid-component .compare-grid-popup{display:none;position:fixed;top:0;bottom:0;right:0;left:0;z-index:1000;margin:auto;padding:5vh 0;overflow:auto;animation:fade-in-page .2s linear}
@keyframes fade-in-page{from{opacity:0;transform:translate(0,500px)}
to{opacity:1;transform:translate(0,0)}
}
.compare-grid-component .compare-grid-popup::-webkit-scrollbar{width:0}
.compare-grid-component .compare-grid-popup.show{display:flex;justify-content:center;align-items:center}
.compare-grid-component .compare-grid-popup-content{width:100%;max-width:960px;margin:auto;background-color:#fff;border-radius:32px;padding:20px}
@media(max-width:1219px){.compare-grid-component .compare-grid-popup-content{width:calc(100% - 80px);max-width:960px;border-radius:24px}
}
@media(max-width:767px){.compare-grid-component .compare-grid-popup-content{width:calc(100% - 40px);border-radius:16px;padding:10px}
}
.compare-grid-component .compare-grid-popup-content.simple-text{width:500px}
@media(max-width:767px){.compare-grid-component .compare-grid-popup-content.simple-text{width:240px}
}
.compare-grid-component .compare-grid-popup-content .compare-grid-wrapper{padding:20px 40px 40px 40px}
@media(max-width:767px){.compare-grid-component .compare-grid-popup-content .compare-grid-wrapper{padding:6px 30px 30px 30px}
}
.compare-grid-component .compare-grid-popup-content .compare-grid-wrapper .compare-grid-popup-icons{display:flex;justify-content:center;margin-bottom:8px;overflow:hidden}
@media(max-width:1219px){.compare-grid-component .compare-grid-popup-content .compare-grid-wrapper .compare-grid-popup-icons{width:100%}
}
@media(max-width:767px){.compare-grid-component .compare-grid-popup-content .compare-grid-wrapper .compare-grid-popup-icons{width:100%}
}
.compare-grid-component .compare-grid-popup-content .compare-grid-wrapper .compare-grid-popup-icons img{width:auto;height:96px;object-fit:contain}
.compare-grid-component .compare-grid-popup-content .compare-grid-wrapper .compare-grid-popup-icons img:not(:first-child){padding-left:10px}
@media(max-width:1219px){.compare-grid-component .compare-grid-popup-content .compare-grid-wrapper .compare-grid-popup-icons img{height:96px}
}
@media(max-width:767px){.compare-grid-component .compare-grid-popup-content .compare-grid-wrapper .compare-grid-popup-icons img{height:60px}
}
.compare-grid-component .compare-grid-popup-content .compare-grid-wrapper .compare-grid-popup-title{font:normal 700 3.6rem 'Poppins';line-height:1.5;line-height:130%;margin-bottom:8px;text-align:center}
@media(max-width:1219px){.compare-grid-component .compare-grid-popup-content .compare-grid-wrapper .compare-grid-popup-title{font:normal 700 3.2rem 'Poppins';line-height:1.5;line-height:130%}
}
@media(max-width:767px){.compare-grid-component .compare-grid-popup-content .compare-grid-wrapper .compare-grid-popup-title{margin-bottom:4px;font:normal 700 2.4rem 'Poppins';line-height:1.5;line-height:130%}
}
.compare-grid-component .compare-grid-popup-content .compare-grid-wrapper .compare-grid-popup-description{font:normal 400 1.6rem Roboto;line-height:1.5;line-height:150%;margin-bottom:32px;text-align:center}
.compare-grid-component .compare-grid-popup-content .compare-grid-wrapper .compare-grid-popup-btn a{margin:0 auto;display:flex;justify-content:center;align-items:center;width:fit-content;border-radius:4px;padding:16px 20px;min-width:94px;max-width:350px;background-color:transparent;border:solid 2px;border-color:#000;font:normal 700 16px 'Poppins';line-height:1.5}
.compare-grid-component .compare-grid-popup-content .compare-grid-wrapper .compare-grid-popup-btn a p{color:#000;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:0}
.compare-grid-component .compare-grid-popup-content .compare-grid-wrapper .compare-grid-popup-btn a:hover{border-color:#29766f}
.compare-grid-component .compare-grid-popup-content .compare-grid-wrapper .compare-grid-popup-btn a:hover p{color:#29766f}
.compare-grid-component .compare-grid-popup-content .compare-grid-wrapper .compare-grid-popup-btn a:active{border-color:#00626b}
.compare-grid-component .compare-grid-popup-content .compare-grid-wrapper .compare-grid-popup-btn a:active a{color:#00626b}
.compare-grid-component .compare-grid-popup-content .compare-grid-wrapper .compare-grid-popup-btn a.solid-btn{display:flex;justify-content:center;align-items:center;width:fit-content;border-radius:4px;padding:16px 20px;min-width:94px;max-width:350px;font:normal 700 16px 'Poppins';line-height:1.5;background-color:#000}
.compare-grid-component .compare-grid-popup-content .compare-grid-wrapper .compare-grid-popup-btn a.solid-btn p{color:#fff;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:0}
.compare-grid-component .compare-grid-popup-content .compare-grid-wrapper .compare-grid-popup-btn a.solid-btn:hover{background-color:#29766f}
.compare-grid-component .compare-grid-popup-content .compare-grid-wrapper .compare-grid-popup-btn a.solid-btn:active{background-color:#00626b}
.compare-grid-component .compare-grid-popup-content .compare-grid-wrapper .compare-grid-popup-img{margin-top:32px;background-color:#ccc}
.compare-grid-component .compare-grid-popup-content .compare-grid-wrapper .compare-grid-popup-img img{width:100%}
.compare-grid-component .compare-grid-popup-content .compare-grid-close-btn{position:sticky;top:0;text-align:right;cursor:pointer}
.compare-grid-component .compare-grid-popup-content .compare-grid-close-btn span{display:inline-block;position:relative;width:40px;height:40px;border:1px solid #757575;border-radius:50%}
@media(max-width:767px){.compare-grid-component .compare-grid-popup-content .compare-grid-close-btn span{width:24px;height:24px;border-width:1px}
}
.compare-grid-component .compare-grid-popup-content .compare-grid-close-btn span:before{content:"";height:20px;width:1px;background-color:#757575;transform:rotate(45deg);position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}
@media(max-width:767px){.compare-grid-component .compare-grid-popup-content .compare-grid-close-btn span:before{height:12px}
}
.compare-grid-component .compare-grid-popup-content .compare-grid-close-btn span:after{content:"";height:20px;width:1px;background-color:#757575;transform:rotate(-45deg);display:block;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}
@media(max-width:767px){.compare-grid-component .compare-grid-popup-content .compare-grid-close-btn span:after{height:12px}
}
.compare-grid-component .compare-grid-cover{display:none;position:fixed;width:100%;height:100%;top:0;bottom:0;right:0;left:0;margin:auto;background:#000;opacity:.6;z-index:999}
.compare-grid-component .compare-grid-cover.show{display:block}