.gradients-main .image-box img{object-fit:cover;object-position:center}.gradients-main .details{max-width:170px;width:100%}.gradients-main .gradient-details{color:#fff}.gradients-main .color-pointer{width:16px;height:16px;display:inline-block;border-radius:50%;border:1px solid #fff;margin-left:6px}.gradients-main .gradient-name{font-weight:500;font-size:20.45px;letter-spacing:-0.409px;line-height:38px}.gradients-main .color-name{font-weight:400;font-size:16px;letter-spacing:.96px;line-height:26px;display:inline-flex;align-items:center}.gradients-main .g-bottom-color{margin-top:15px}@media(min-width:992px){.gradients-main .right-col,.gradients-main .left-col{max-width:50%;width:100%}.gradients-main .arrow-pointer{left:-108%;width:100%;max-width:100%}.gradients-main .text-box-wrapper{padding:74px 101px 105px 101px}.gradients-main .text-box-wrapper .color-picker{display:block;content:"";width:48px;height:48px;border-radius:50%;position:absolute;left:25px;border:3px solid #fff}.gradients-main .text-box-wrapper:after{display:block;content:"";position:absolute;right:-90%;left:90%;top:0;bottom:0}.gradients-main .text-box-wrapper .color-picker.top{top:20px}.gradients-main .text-box-wrapper .color-picker.bottom{bottom:20px}.gradients-main .left-col .col-wrap{max-width:270px;width:100%}.gradients-main .right-col .col-wrap{max-width:731px;width:100%;margin-top:86px}.gradients-main .details{margin-right:60px}.gradients-main .gradient-details{margin-top:113px;max-width:50%;width:100%}.gradients-main .bottom-row .right-col .col-wrap{margin-top:115px}.gradients-main .bottom-row .color-pointer{position:absolute;left:-25px;margin:0}}@media(min-width:1300px){.gradients-main .bottom-row .color-pointer:after,.gradients-main .bottom-row .color-pointer:before,.gradients-main .text-box-wrapper .color-picker:before{content:"";display:block;border-bottom:1px solid #fff;transform-origin:right}.gradients-main .bottom-row .g-bottom-color .color-pointer:after,.gradients-main .bottom-row .g-top-color .color-pointer:after{width:50px;border:1px solid #fff;border-radius:50%;height:50px}.gradients-main .bottom-row .g-bottom-color .color-pointer:before{width:713px;transform:translate(-100%,6px) rotate(6deg)}.gradients-main .bottom-row .g-bottom-color .color-pointer:after{transform:translate(-760px,-100px)}.gradients-main .bottom-row .g-top-color .color-pointer:after{transform:translate(-19px,-353px)}.gradients-main .bottom-row .g-top-color .color-pointer:before{width:300px;transform:rotate(90deg) translate(-100%,-7px);transform-origin:left}.gradients-main .text-box-wrapper .color-picker.top:before{transform:translate(-100%,25px) rotate(-27deg);width:528px}.gradients-main .text-box-wrapper .color-picker.bottom:before{transform:translate(-100%,25px) rotate(16deg);width:440px}}@media(max-width:991px){.gradients-main .arrow-pointer{display:none}.gradients-main .section-row{flex-direction:column}.gradients-main .left-col{max-width:100%}.gradients-main .bottom-row .color-pointer{margin-left:20px}.gradients-main .section-links{padding-left:20px}.gradients-main .text-box-wrapper{padding:40px 20px}.gradients-main .left-col .text-box{padding:40px 20px 40px;max-width:288px;width:100%}.gradients-main .right-col.image-box{max-width:460px;padding:20px;margin:48px auto 0px}.gradients-main .bottom-row .right-col .col-wrap{margin-top:50px}.gradients-main .gradient-details{margin-top:30px;margin-left:0px !important}.gradients-main .right-col.right-text-box{max-width:100%;padding:0px;margin-top:40px}.gradients-main .link-box{margin-top:14px}}@media(max-width:767px){.gradients-main .details .arrow-pointer{width:130px;margin-left:150px}}@media(max-width:1024px){.gradients-main .details .arrow-pointer{margin-left:200px;margin-top:5px}}