.text-area{background-color:#eee;padding:5px 10px;border:5px solid #00817D;border-radius:25px}.text-area .text-head,.text-end{font-weight:700}.steps-area{padding:0 50px}.logo-area{display:flex;justify-content:space-between;flex-direction:row;align-items:center;padding-top:20px}.logo-area a img{height:70px}.bordered-title{border:5px solid #00817D;text-align:center;border-radius:25px;margin:30px 0}.bordered-title p{margin:0;padding:7px 0}.color-area{background-color:#fff;border:5px solid #00817D;border-radius:25px}.color-desc{display:flex;flex-direction:row;border:5px none;border-radius:25px}.color-desc .color-desc-child{width:50%;background-color:#eee;border:5px none;border-radius:25px}.color-desc .color-image-container{background-color:#f8f8f8;display:flex;justify-content:center;align-items:center}.color-desc .color-image-container img{height:300px;width:300px;object-fit:contain}.color-desc .color-info{padding:20px 5px}.color-desc .color-info .color-box p span{font-weight:700}.color-desc .color-info .dimension-box p{text-decoration:underline;margin:0}.color-row{display:flex;justify-content:space-between;flex-direction:row;margin-top:30px;padding:0 20px}.color-row .img-box{height:200px;width:200px;background-color:#f8f8f8;display:flex;justify-content:center;align-items:center;border:1px solid #ffffff;border-radius:25px;padding:2px;cursor:pointer}.color-row .img-box img{height:100%;width:100%;border:1px solid #ffffff;border-radius:20px;object-fit:contain}.color-row .img-box .hovered-img,.color-row .img-box:hover .main-img{display:none}.color-row .img-box:hover .hovered-img{display:block}.design-tips-box{margin:20px 0}.design-tips-box img{height:100%;width:100%;object-fit:contain}.bordered-tip{width:70%;margin:0 auto;border:1px solid #9c9c9c;padding:50px}.slideshow-container{max-width:800px;position:relative;margin:auto}.mySlides{display:none;padding:50px;box-shadow:5px 5px 20px #0000001a}.prev,.next{cursor:pointer;position:absolute;top:50%;width:auto;margin-top:-22px;padding:16px;background-color:#e7e7e7;color:#000;font-weight:700;font-size:18px;transition:.6s ease;border-radius:0 3px 3px 0;user-select:none}.next{right:0;border-radius:3px 0 0 3px}.prev:hover,.next:hover{background-color:#d3d3d3}.text{color:#252627;font-size:15px;padding:8px 12px;position:absolute;bottom:8px;text-align:center}.numbertext{color:#000;font-size:12px;padding:8px 12px;position:absolute;top:0}.dot{cursor:pointer;height:15px;width:15px;margin:0 2px;background-color:#bbb;border-radius:50%;display:inline-block;transition:background-color .6s ease}.active,.dot:hover{background-color:#717171}.fade{-webkit-animation-name:fade;-webkit-animation-duration:1.5s;animation-name:fade;animation-duration:1.5s}@-webkit-keyframes fade{0%{opacity:.4}to{opacity:1}}@keyframes fade{0%{opacity:.4}to{opacity:1}}@media screen and (max-width: 1023px){.steps-area{padding:0}}@media screen and (min-width: 769px) and (max-width: 850px){.color-row .img-box{width:180px;height:180px}}@media screen and (max-width: 750px){.logo-area a img{height:35px}.color-desc{flex-direction:column}.color-desc .color-desc-child{width:100%}.color-row{flex-direction:column;align-items:center}.color-row .img-box{margin:10px 0;height:200px;width:200px}}.grid{margin:0}
/*# sourceMappingURL=/s/files/1/0428/1342/3772/t/8/assets/tutorial.css.map?v=8571853894648517912 */