.banner_bg{background-image:url(../assets/banner_bg.jpg);background-size:cover;display:flex;padding:21px 41px 10px;align-items:center;margin:0 auto;max-width:857px}section#four-c-gemstone img,.jtpl-gemsttool-popup4 img,.jtpl-gemsttool-popup img,.banner_circles img,.banner_image img{font-size:0}.banner_img{height:106px;margin-right:21px}.jtpl-gemsttool-popup4 .disabled_click{transform:unset!important}.banner_enhancement_img_box,.banner_certification_img_box{display:flex;justify-content:space-between}.banner_title{font-family:"Silk Serif";font-style:normal;font-weight:400;font-size:15px;line-height:27px;letter-spacing:1.52px;color:#000}.banner_circles{box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:center;gap:73px;margin-top:49px}.banner_circles_each{box-sizing:border-box;border-radius:12%;border:1px solid #d9d8d8;width:567px;height:345px;overflow:hidden;display:flex;flex-direction:column;align-items:center;padding:0 44px 0 45px}.banner_color_box{display:flex;flex-direction:column;margin-bottom:-4px}.banner_color_images{display:flex;gap:15px}.banner_color_img{height:45px;cursor:pointer}.banner_color_line{width:100%}.banner_color_degrade{height:11px}.banner_color_degrade_points{padding-top:10px;display:flex;justify-content:space-between;font-family:"Silk Serif";font-style:normal;font-weight:400;font-size:12.7523px;line-height:23px;color:#000}.banner_text,.banner_color_title,.modal-body .description,.tooltip-inner-newcolor p{margin:0 auto;font-family:"Silk Serif";font-style:normal;font-weight:400;font-size:11px;line-height:20px;text-align:center;color:#000}.banner_text{margin-top:16px;letter-spacing:.2px;max-height:160px;overflow:hidden;text-overflow:ellipsis!important}.banner_color_title{font-weight:600;text-transform:capitalize;font-size:14px;margin-top:43px;line-height:23px}.left_title{text-align:left;padding-left:30%;width:100%;margin-bottom:11px}.banner_size_box{width:100%;margin-top:44px}.banner_size_images{display:flex;align-items:center}.banner_size_images_box,.banner_cut_types,.banner_clarity_types{display:flex;width:100%;gap:2px;justify-content:space-between}.banner_size_each,.banner_cut_types_each,.banner_clarity_types_each{flex-basis:100%}.banner_size_bar:empty,.banner_color_degrade:empty{display:block}.banner_size_bar{width:100%;height:5px;background-color:gray}.banner_quality_box,.banner_cut_box,.banner_clarity_box,.banner_size_images_box{width:100%;position:relative;margin-top:52px}.banner_cut_box{margin-top:120px;z-index:0}.banner_clarity_box{margin-top:126px}.banner_quality_box{margin-top:82px}.banner_color_box{margin-top:52px}.banner_quality_types_each{width:25%;display:flex;flex-direction:column;text-align:center;justify-content:center;align-items:center}.banner_quality_types,.banner_quality_img_box{display:flex;justify-content:space-between}.banner_quality_img{margin-top:14px;cursor:pointer;font-size:0px}.gray_bottom_line{display:flex;padding:0;justify-content:space-between;border-bottom:5px solid #c0c3b8;width:75%;margin:0 auto}.gray_bottom_line .gray_line:empty{display:block;margin:0;width:5px;height:15px;background-color:#c0c3b8}.banner_color_bg{display:grid;grid-template-columns:20% 25% 55%}.banner_color_bg_box{display:flex;flex-direction:column;align-items:center}.banner_color_bg_box img{width:100%;height:50px}.banner_size_img{margin-top:9px;cursor:pointer}.banner-inactive,.banner_quality_types_text{font-family:"Silk Serif";font-style:normal;font-weight:400;font-size:12.7523px;line-height:23px;color:#000;position:absolute;display:flex;top:-61px;width:62px;transform:translate(-50%);height:62px;align-items:center;text-align:center;justify-content:center}.banner_quality_img:hover+.tooltip_rounded>.banner_quality_types_text{border:1px solid black;border-radius:50%}.banner_size_mm,.banner_size_cut_title,.banner_color_diamond_title,.banner_clarity_title{font-family:"Silk Serif";font-style:normal;font-weight:400;font-size:9.80948px;line-height:23px;margin:0 auto;color:#000}.banner_size_cut_title,.banner_clarity_title{text-align:center}.banner_clarity_title{margin-top:18px}.banner_circles_each_clarity .banner_text{margin-top:3px}@media screen and (max-width: 491px){.banner_bg{padding:32px;flex-direction:column}.banner_img{height:66px;margin:0 auto}.banner_title{text-align:center}.banner_color_title{margin-top:unset}.banner_circles{flex-direction:column;gap:34px}.banner_circles_each{width:100%;margin:0 auto;min-height:auto;height:auto;border-radius:0;border:0;padding:0 0 50px;border-bottom:1px solid #d7d7d7}.tooltip-cut{top:-114px;width:200px;left:0;right:0}}
/*# sourceMappingURL=/cdn/shop/t/109/assets/four-c-component.css.map */