.proxima-nova, body{ font-family: 'proxima_novaregular';}
h1, h2, h3, h4, h5, h6{font-family:"freight-neo-pro" !important;}
.small-wrap{max-width: 1120px; margin: 0 auto;}
.header, .top-ribbon-bg{position: relative; z-index: 999;}
.overflow-hidden{overflow: hidden;}
.dark-theme h2{font-size: 40px; line-height: 1.2; font-weight: 600; margin-bottom: 24px;}
.blend-box-text h2, .product-icon-details h2, .enhancing-box h2, .embrace-bg h2, .empowering-box h2{font-weight: 400;}
.font-24{font-size: 24px; line-height: 1.25;}
.font-20{font-size: 20px; line-height: normal;}
.dis-block{display: block;}
.d-flex{display: flex;}
.align-items-center{align-items: center;}
.justify-content-center{justify-content: center;}
.justify-content-between{justify-content: space-between;}
.font-700{font-weight: 700;}
.bdr-radius-20{-moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px;}

.dark-theme .btn, .newsletter_footer .btn-primary{line-height: 20px; font-weight: 400; padding: 12px 24px; -moz-border-radius: 22px; -webkit-border-radius: 22px; border-radius: 22px; color: #050504;}
.btn-gradient-light, .newsletter_footer .btn-primary{background: rgb(254,254,254,1); border: none !important;
    background: var(--silver, linear-gradient(90deg, rgba(153, 153, 153, 1.00) 0%, rgba(204, 204, 204, 1.00) 25%, rgba(254, 254, 254, 1.00) 50%, rgba(204, 204, 204, 1.00) 75%, rgba(153, 153, 153, 1.00) 100%));
}
.btn-gradient-light:hover, .btn-gradient-light:focus, .newsletter_footer .btn-primary:hover, .newsletter_footer .btn-primary:focus{background: rgb(204,204,204,1);
        background: linear-gradient(90deg, rgba(153,153,153,0.7) 0%, rgba(204,204,204,1) 40%, rgba(254,254,254,0.7) 50%, rgba(204,204,204,0.7) 60%, rgba(153,153,153,0.7) 100%);}

.text-gredint-link, .undeline:before{background: var(--silver, linear-gradient(90deg, rgba(153, 153, 153, 1.00) 0%, rgba(204, 204, 204, 1.00) 25%, rgba(254, 254, 254, 1.00) 50%, rgba(204, 204, 204, 1.00) 75%, rgba(153, 153, 153, 1.00) 100%));}
.text-gredint-link:hover{background: linear-gradient(90deg, rgba(153,153,153,0.7) 0%, rgba(204,204,204,1) 40%, rgba(254,254,254,0.7) 50%, rgba(204,204,204,0.7) 60%, rgba(153,153,153,0.7) 100%);}
.text-arrow{background: url(https://graceframe.com/frontend/images/new/product/icon/arrow-right.svg) no-repeat 0 0; width: 24px; height: 24px; margin-left: 4px;}
.text-gredint-link, .text-gredint-link:hover{background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.undeline:before{content: ''; position: absolute; left: 0; right: 28px; bottom: 0; height: 1px;}
.undeline:hover:before{display: none;}

.black-bg, .grey-bg.scope-hide{background-color: #050504;}
.black-img-bg{background-repeat: no-repeat; background-position: center top; background-size: cover;}
.white-text, .dark-theme h1, .dark-theme h2, .dark-theme h3, h2.blue-text, .newsletter_footer .title{color: #fff;}
.light-white, .dark-theme{color: #E6E6E6;}

.black-radial-gradient{background: radial-gradient(circle, rgba(55,55,54,1) 0%, rgba(88,88,87,0) 70%); position: absolute; top: -94px; bottom: -94px; right: -315px; width: 70%; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;}
.hero-banner{padding-top: 40px;}
.hero-banner-left{max-width: 500px;}
.hero-banner-left h1{font-family: "freight-big-pro",serif !important; font-size: 64px; line-height: 1.2; font-weight: 700; margin-bottom: 24px; white-space: nowrap; letter-spacing: 1px;}
.hero-banner-left p{font-size: 24px; font-weight: 400; line-height: normal; padding-bottom: 24px;}
.hero-banner-left img{max-width: 100%;}
.hero-banner-right img{max-width: 100%; max-height: 850px;}
.hero-small-img{position: absolute; right: 60px; bottom: 90px;}

.produc-video-box{position: sticky; top: 0;}
.product-video video{width: 100%; max-height: 96vh;}
.video-controls {position: absolute; left: 50%; top: 50%;}
.video-controls button {background: transparent !important; border: 3px solid #fff !important; color: #fff !important; font-size: 48px; height: 80px; width: 80px; margin-left: -40px; margin-top: -40px; padding: 0; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;}
.video-controls button i{margin-left: 4px;}
.video-controls button:hover{opacity: 0.7;}

.furthest-bg{background-image: url(https://graceframe.com/frontend/images/new/product/furthest.png); height: 41.5vw;}
.furthest-text{text-align: center; max-width: 700px; margin: 0 auto; padding-top: 20vw;}
.furthest-img{display: none; margin: 0 -16px;}
.fastest-bg{background-image: url(https://graceframe.com/frontend/images/new/product/fastest.png);}
.fastest-text{height: 41.5vw; max-width: 450px; flex-direction: column;}
.fastest-img{display: none; margin: 0 -16px;}
.excellence-box-img{padding-top: 100px; max-width: 630px;}
.excellence-box-text{max-width: 424px; padding-left: 24px;}
.flawless-bg{background-image: url(https://graceframe.com/frontend/images/new/product/flawless.jpg); }
.flawless-inner-bg{background: url(https://graceframe.com/frontend/images/new/product/flawless-bg.png) center 0 no-repeat; padding-bottom: 84px; background-size: cover;}
.flawless-box{max-width: 800px; margin: 0 auto;}
.flawless-box-img{background: url(https://graceframe.com/frontend/images/new/product/range-arrow.png) center 0 no-repeat; width: 100%; text-align: center; height: 320px; margin-left: 6px;}
.flawless-box-text{padding-top: 40px; text-align: center;}
.flawless-box-text .font-20{max-width: 550px; margin: 0 auto;}
.blend-bg{padding: 110px 0; background: var(--silk-gradient, linear-gradient(128.58deg, rgba(5, 5, 4, 1.00) 0%, rgba(45, 45, 45, 1.00) 40.00000059604645%, rgba(45, 45, 45, 1.00) 50%, rgba(5, 5, 4, 1.00) 100%));}
.blend-box, .product-icon-details{max-width: 1280px; margin: 0 auto;}
.blend-box{height: 800px;}
.blend-box-text h2 span{display: block;}
.blend-box-text h2, .product-icon-details h2, .empowering-box h2, .font-48{font-size: 48px;}
.blend-box-img{padding-left: 74px;}
.blend-line{position: absolute; left: 74px; top: 50%; margin-top: -1px;}
.blend-img{padding-left: 290px;}
.blend-img{height: 320px; width: 320px;}
.blend-box-img .image-container {position: absolute; width: 100%; height: 100%; -moz-transition: transform 2s ease 2s; -webkit-transition: transform 2s ease 2s; transition: transform 2s ease 2s;}
.blend-line img{transform-origin: center left; transform: rotate(0) translate(0, 0); transition: transform 2s ease 1s;}
.blend-line img.line-top.in-view{transform: rotate(-32deg) translate(0, 0); transform-origin: 71px -20px;}
.blend-line img.line-bottom.in-view{transform: rotate(32deg) translate(0, 0); transform-origin: -50px 55px;}
  
@keyframes moveLeft {
  from {transform: translateX(0);}
  to {transform: translateX(-178px);}
}

@keyframes moveRight {
  from {transform: translateX(0);}
  to {transform: translateX(178px);}
}

@keyframes moveTop {
  from {transform: translateY(0);}
  to {transform: translateY(-240px);}
}

@keyframes moveBottom {
  from {transform: translateY(0);}
  to {transform: translateY(240px);}
}
  
.move-left.in-view{animation: moveLeft 1s forwards 1s;}
.move-right.in-view{animation: moveRight 1s forwards 1s;}
.move-top.in-view {animation: moveTop 1s forwards 1s;}
.move-bottom.in-view {animation: moveBottom 1s forwards 1s;}

.product-icon-bg{background: var(--silk-gradient, linear-gradient(128.58deg, rgba(5, 5, 4, 1.00) 0%, rgba(45, 45, 45, 1.00) 40.00000059604645%, rgba(45, 45, 45, 1.00) 50%, rgba(5, 5, 4, 1.00) 100%)); padding: 120px 0;}
.product-icon-row{flex-wrap: wrap;}
.product-icon-row li{max-width: 272px; width: 25%; text-align: center; padding: 40px 12px;}
.product-icon-row li img{height: 40px;}
.embrace-full{height: 600px;}
.embrace-full-img{position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding: 24px 0;}
.embrace-bg{background: linear-gradient(180deg, rgba(46, 46, 46, 0.00) 0%, rgba(26, 26, 26, 0.50) 39.8568332195282%, rgba(5, 5, 4, 1.00) 87.5%); height: 100%;}
.embrace-bg .wrap{flex-direction: column; height: 100%; text-align: center;}
.newsletter_footer .form-control{padding: 10px 16px;}
.empowering-box{max-width: 1400px; padding: 80px 0; margin: 0 auto;}
.empowering-box ul{margin: 0 -12px;}
.empowering-box li{width: 50%; padding: 16px 12px 0;}
.empowering-box-text{background: #373736; padding: 24px; height: 440px;}
.empowering-box-child{max-width: 480px; width: 100%; margin: 0 auto; flex-direction: column; text-align: center; height: 100%; color: #fff !important;}
.empowering-box-child:hover{color: #fff !important; opacity: 0.7;}
.enhancing-box{padding: 80px 0;}
.enhancing-box .owl-carousel .owl-stage, .enhancing-box .owl-item, .enhancing-item{height: 100%;}
.enhancing-item{background: #373736; padding: 40px 50px; flex-direction: column; text-align: center;}
.enhancing-box .wrap{padding: 0 80px;}
.enhancing-box .owl-carousel .owl-stage{padding-left: 0 !important;}
.enhancing-box .owl-carousel .item h3 span{display: block}
.enhancing-box .owl-carousel .owl-stage-outer{overflow: visible;}
.owl-carousel .owl-dots{text-align: left;}
.owl-carousel .owl-dots .owl-dot{margin: 24px 0 0 12px; padding: 10px 0 !important;}
.owl-carousel .owl-dots .owl-dot:first-child{margin-left: 0;}
.owl-carousel .owl-dots .owl-dot span{height: 4px; width: 20px; background: #373736; margin: 0; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; opacity: 1;}
.owl-carousel .owl-dots .owl-dot.active span, .owl-carousel .owl-dots .owl-dot:hover span{background: #B2B2B1;}
.owl-theme .owl-nav [class*=owl-]{opacity: 1; height: 44px !important; width: 44px !important; background:#373736 !important; top: auto; bottom: -12px; -moz-border-radius: 50% !important; -webkit-border-radius: 50% !important; border-radius: 50% !important;}
.owl-theme .owl-nav [class*=owl-]:hover{background: #1d1d1d !important;}
.dark-theme .owl-carousel .owl-nav .owl-next{right: 0 !important;}
.dark-theme .owl-carousel .owl-nav .owl-prev{left: auto !important; right: 60px !important; -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg);}
.dark-theme .owl-theme .owl-nav span{text-indent: -9999px; background-image: url("https://graceframe.com/frontend/images/new/product/icon/slider-arrow.svg") !important;}



.slick-dotted.slick-slider{margin-bottom: 0;}
.slick-vertical .slick-slide{position: relative;}
.slick-dots{ bottom: calc(50% - 100px); right: 20px; width: auto;}
.slick-dots li{display: block; margin: 16px 0;}
.slick-dots li button{padding: 4px;}
.slick-dots li button:before{width: 4px; height: 20px; background: #373736; opacity: 1; text-indent: -9999px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;}
.slick-dots li.slick-active button:before{opacity: 1; background: #B2B2B1;}

.z-index-1{z-index: 1;}
.main-feature-bg{height: 750px; background: var(--silk-gradient, linear-gradient(128.58deg, rgba(5, 5, 4, 1.00) 0%, rgba(45, 45, 45, 1.00) 40.00000059604645%, rgba(45, 45, 45, 1.00) 50%, rgba(5, 5, 4, 1.00) 100%));}
.main-feature-bg h2{position: absolute; left: 0; right: 0; top: 80px; text-align: center;}
.main-feature-img{position: absolute;}
.main-feature-img-1{right: 60px; top: 0; transform: translate(-12vw, 0%); width: 1053px;}
.main-feature-img-2{right: 0; top: -50px; width: 1146px;}
.main-feature-img-3{right: -150px; top: 0; width: 1382px;}
.main-feature-img-4{left: calc(50% - 500px); top: 0; width: 737px;}
.feature-line{position: absolute; min-height: 90px; padding: 0 12px 60px 16px; background: url(https://graceframe.com/frontend/images/new/product/feature-line.png) no-repeat right bottom;}
.feature-line h3{font-family: 'proxima_novabold' !important;}
.feature-line-1{left: -52px; top: 240px; width: 273px;}
.feature-line-2{right: 779px; top: 404px; width: 273px;}
.feature-line-3{right: 1000px; top: 230px; width: 305px; min-height: 121px; background-position: 0 bottom;}
.feature-line-4{right: -311px; top: 216px; width: 320px; min-height: 121px; padding-bottom: 76px; background: url(https://graceframe.com/frontend/images/new/product/feature-line-1.png) no-repeat right bottom;}
.main-feature-bg .owl-carousel .item, .main-feature-bg .owl-carousel .owl-stage-outer{height: 750px;}
.main-feature-bg .owl-carousel .owl-stage-outer{overflow: visible;}
.main-feature-bg .owl-carousel.owl-drag .owl-item{opacity: 0;}
.main-feature-bg .owl-carousel.owl-drag .owl-item.active{opacity: 1;}

.main-feature-slide{height: 750px; overflow: hidden; background: var(--silk-gradient, linear-gradient(128.58deg, rgba(5, 5, 4, 1.00) 0%, rgba(45, 45, 45, 1.00) 40.00000059604645%, rgba(45, 45, 45, 1.00) 50%, rgba(5, 5, 4, 1.00) 100%));}
.title-pr{position: absolute; left: 0; right: 0; top: 80px; z-index: 9;}
.main-feature-slide-1 { position: relative; width: 1137px; height: 1035px; float: right;}
.main-feature-slide-1 img {transition: all 0.5s ease; position: absolute;}
.step-2 {top: -300px; right: 100px;}
.step-3 { top: -300px; right: 0; width: 1440px; height: 1311px;}
.step-4{width: 1240px; margin: 0 auto; top: -350px; right: 200px; padding-right: 300px;}
/* Add positions for each step */
.step-1 #feature-image {top: 0; left: 0;}
.step-2  #feature-image{top: -100px; right: 50px;}
.step-3 #feature-image {top: -350px; right: 0; height: 1300px;}
.step-4 #feature-image {top: 300px; right:300px; height: 830px;}

.fuature-slider-text{position: absolute; top: 310px; left: 200px; width: 350px; height: 350px; opacity: 0; transition: opacity 0.5s ease, transform 0.5s ease;}
.fuature-slider-text span { height: 100%; width: 100%; display: block; background-color: transparent; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;
  box-shadow: 0 0 0 2000px rgba(0, 0, 0, 0.5); z-index: 2; border: 2px solid #fff;}

.fuature-slider-text.step-text-1{top: 260px; left: 186px;}
.fuature-slider-text.step-text-2{top: auto; left: auto; right: 350px; bottom: 266px; width: 413px; height: 36px;}
.fuature-slider-text.step-text-2 span{-moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; -moz-transform: skew(62deg,-15deg); -webkit-transform: skew(62deg,-15deg); transform: skew(62deg,-15deg);}
.fuature-slider-text.step-text-3{top: 550px; left: 400px;}
.fuature-slider-text.step-text-4{top: 680px; left: 620px; height: 250px; width: 250px;}


.fuature-slider-text, .fuature-slider-text.hide span { opacity: 0; transition: opacity 2s ease;}
.fuature-slider-text.show {opacity: 1; transform: translateX(0);}
.fuature-slider-text.hide {opacity: 0; transform: translateX(-100%);}
.hide{display: block !important; opacity: 0;}
.fuature-slider-text.hide span, .fuature-slider-text.hide .feature-line{display: none;}
.fuature-slider-text.show span, .fuature-slider-text.show .feature-line{display: block;}

.feature-line{position: absolute; left: -272px; bottom: 50%; width: 273px; padding: 0 12px 60px 16px; min-height: 90px; background: url(https://graceframe.com/frontend/images/new/product/feature-line.png) no-repeat right bottom;}
.step-2 .feature-line{left: -303px; bottom: -20px; width: 310px; padding-right: 0; background-position: 0 bottom;}
.step-3 .feature-line{left: -299px; width: 300px; padding-right: 0; background-size: 100%; background-position: 0 bottom;}
.step-4 .feature-line{right: -296px; left: auto; width: 300px; padding-right: 0; background-size: 100%;  background: url(https://graceframe.com/frontend/images/new/product/feature-line-1.png) no-repeat right bottom; padding-bottom: 80px;}
.slider-btn{position: absolute; right: 16px; top: 0; bottom: 0; z-index: 99; height: 750px; display: flex; flex-direction: column; justify-content: center;}
.slider-btn a{padding: 2px 3px; display: block; margin: 8px 0;}
.slider-btn a span{width: 4px; height: 28px; display: block; background: #373736; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;}
.slider-btn a.active span, .slider-btn a:hover span{background: #B2B2B1;}
.desktop-hide{display: none;}
.text-2 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis;}

@media (max-width : 1560px) {
.hero-small-img{right: 0; bottom: 70px;}
}

@media (max-width : 1400px) {
  .step-4{right: 0;}
  }

@media (max-width : 1400px) {
.hero-small-img{bottom: 40px;}
}

@media (max-width : 1280px) {
.blend-img{padding-left: 240px;}
.blend-img{height: 240px; width: 240px;}
.blend-box{height: 640px;}
.enhancing-box .wrap{padding: 0 24px;}
.step-1{right: -100px;}

@keyframes moveLeft {
  from {transform: translateX(0);}
  to {transform: translateX(-150px);}
}

@keyframes moveRight {
  from {transform: translateX(0);}
  to {transform: translateX(150px);}
}

@keyframes moveTop {
  to {transform: translateY(-200px);}
}

@keyframes moveBottom {
  to {transform: translateY(200px);}
}

}

@media (max-width : 1200px) {
.hero-banner-left h1{font-size: 40px;}
.hero-banner-left img{max-width: 350px;}
.hero-small-img{bottom: 20px; right: 0;}
.produc-video-box .wrap{padding: 0;}
.product-video video{max-height: 100vh;}
.furthest-text{max-width: 450px; padding-top: 15vw; padding-bottom: 5vw;}
.furthest-text .dis-block{display: inline;}
.main-feature-slide-1{width: 850px; height: 700px;}
.fuature-slider-text{width: 250px; height: 250px;}
.step-1{right: -70px;}
.step-2{right: 0; top: 0;}
.step-3{right: -40px; top: 0;}
.step-4{padding-right: 0; left: -50px;}
.step-3 #feature-image{height: 800px; top: -100px;}
.step-4 #feature-image{height: auto; right: auto; left: -200px;}
.step-1 .fuature-slider-text{top: 200px; left: 134px;}
.step-2 .fuature-slider-text{right: 290px; bottom: 148px; width: 300px; height: 28px;}
.step-2 .feature-line{left: -295px; bottom: -14px;}
.step-3 .fuature-slider-text{top: 440px; left: 200px;}
.step-4 .fuature-slider-text{right: 280px; left: auto;}
.blend-box-img{padding-left: 0;}
.blend-line{display: none;}
.blend-img{padding-left: 220px;}
}

@media (max-width : 1152px) {
.blend-img{padding-left: 150px;}
}

@media (max-width : 1024px) {
.flawless-inner-bg{background-image: url(https://graceframe.com/frontend/images/new/product/flawless-tablet-bg.png); background-size: auto;}
.flawless-box-img{height: 200px; max-width: 500px; margin: 0 auto; background-size: contain;}
.flawless-box-img img{max-height: 200px;}
.blend-bg{padding: 60px 0;}
.blend-box{height: auto; flex-direction: column;}
.blend-box-text{max-width: 100%; text-align: center; margin-bottom: 12px;}
.blend-img{padding-left: 0; width: 100%; height: auto;}
.blend-box-img .image-container{position: static; animation: none; padding: 12px; width: 50%; height: auto;}
.blend-box-img .image-container img{margin: 0 auto; width: 100%;}
.blend-img{display: flex; flex-wrap: wrap;}
.enhancing-box .wrap{padding: 0 16px;}
.product-slider-box{padding: 60px 24px;}
.product-slider-img-bg{top: 0; bottom: 0;}
.product-slider-text{width: 40%;}
.product-slider-img{width: 60%;}
.slick-dots{position: relative; width: 100%;}
.slick-dots li{display: inline-block; margin: 0 8px;}
.slick-dots li button:before{width: 20px; height: 5px;}
}

@media (max-width : 950px) {
.hero-banner{flex-direction: column;}
.hero-banner-left{text-align: center;}
.black-radial-gradient{right: -16px; left: -16px; width: auto; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;}
.hero-small-img{right: 20px; bottom: 50px;}
.dark-theme h2{font-size: 32px;}
.furthest-bg{height: auto;}
.excellence-box-img, .excellence-box-text{width: 50%;}
.product-icon-bg{padding: 60px 0;}
.product-icon-row{justify-content: center;}
.product-icon-row li{max-width: 210px;}
.product-icon-row li .font-24{font-size: 18px;}

.main-feature-slide{height: 600px;}
.main-feature-slide-1{width: 700px; height: 600px;}
.step-1{right: -120px; top: 50px;}
.step-2{right: -100px; top: 100px;}
.step-3{top: -60px; right: -40px;}
.step-4{padding-right: 0; left: -100px;}
.step-3 #feature-image{height: 600px; top: 40px;}
.step-4 #feature-image{height: auto; right: auto; left: -200px;}
.fuature-slider-text, .step-4 .fuature-slider-text{height: 200px; width: 200px;}
.step-1 .fuature-slider-text{top: 150px; left: 110px;}
.step-2 .fuature-slider-text{right: 236px; bottom: 160px; width: 260px;}
.step-2 .feature-line{left: -295px; bottom: -14px;}
.step-3 .fuature-slider-text{top: 440px; left: 220px;}
.step-4 .fuature-slider-text{right: 240px; top: 610px; left: auto;}
}

@media (max-width : 767px) {
.hero-banner-left h1{font-size: 36px; line-height: normal; white-space: normal; margin-bottom: 12px;}
.hero-banner-left img{max-width: 300px;}
.dark-theme h2{font-size: 24px; margin-bottom: 16px;}
.hero-small-img{right: auto; bottom: 40px; width: 140px}
.hero-banner-right{padding-top: 24px; padding-bottom: 24px;}
.furthest-bg{background: none;}
.furthest-text{max-width: 360px; padding: 60px 0 24px;}
.furthest-img{display: block;}
.fastest-bg .wrap{background: rgb(5,5,4,0.7);}
.fastest-bg{background: none;}
.fastest-text{text-align: center; margin: 0 auto; padding: 48px 0 24px; height: auto;}
.fastest-img{display: block;}
.excellence-box{flex-direction: column-reverse; text-align: center; padding-top: 48px;}
.excellence-box-img, .excellence-box-text{width: 100%; padding: 0;}
.excellence-box-img{padding-top: 24px;}
.flawless-inner-bg{padding-bottom: 48px;}
.flawless-box-img{height: auto;}
.flawless-box-text{padding-top: 16px;}
.blend-img{margin: 0 -8px; width: calc(100% + 16px);}
.blend-box-img .image-container{padding: 8px;}
.product-icon-row li{width: 50%; padding: 16px 0;}
.product-icon-row li .mt-24{margin-top: 12px;}
.enhancing-box, .empowering-box{padding: 60px 0;}
.enhancing-box .d-flex{flex-direction: column;}
.enhancing-box h2{margin-bottom: 16px !important; text-align: center;}
.enhancing-box .d-flex a.d-flex{flex-direction: row;}
.embrace-full{height: 500px;}
.embrace-bg .mb-24{margin-bottom: 12px;}
.empowering-box ul{flex-direction: column;}
.empowering-box li{width: 100%;}
.product-slider-box{padding: 60px 16px 36px; flex-direction: column; justify-content: center; height: 100%;}
.product-slider-text{width: 100%; text-align: center; max-width: 420px;}
.product-slider-img{width: 100%; margin-top: 24px; max-width: 500px; padding-left: 0;}
.product-slider-child, .product-slider-img-bg{display: block; opacity: 1;}
.product-slider-img-bg{position: absolute;}
/*.slick-track{display: flex !important; flex-direction: column; align-items: center; justify-content: center;}*/
.slick-slide{height: inherit !important;}
.product-slider .slick-dots{position: absolute; bottom: 0;}

.title-pr{top: 40px;}
.main-feature-slide{height: 420px;}
.main-feature-slide .wrap{height: 100%; padding: 0;}
.main-feature-slide-1{width: 350px; height: auto; float: none; padding-top: 0; margin: 0 auto; position: relative;}
.main-feature-slide-1 img{min-height: 320px; object-fit: cover;}

.fuature-slider-text, .step-4 .fuature-slider-text{height: 120px; width: 120px;}
.step-1{right: 0; top: 40px;}
.step-2, .step-3, .step-4{right: auto; top: 0; left: auto;}
.step-2, .step-3, .step-4{height: 350px;}
.step-2{right: 0; top: -100px;}
.step-3{top: -60px;}
.step-4{top: -30px;}
.step-1 #feature-image{top: 0;}
.step-2 #feature-image{top: 100px; right: 0;}
.step-3 #feature-image{height: auto;}
.step-4 #feature-image{top: 50px; left: 0;}

.step-1 .fuature-slider-text{top: 72px; left: 46px;}
.step-2 .fuature-slider-text{right: 86px; bottom: -20px; width: 135px; height: 16px;}
.step-3 .fuature-slider-text{top: auto; bottom: 12px; left: 74px;}
.step-3 .feature-line{left: -60px; bottom: -100px;}
.step-4 .fuature-slider-text{right: 14px; top: auto; bottom: 52px;}
.feature-line, .step-4 .feature-line{background: transparent; padding: 0; left: 0; right: 0; bottom: -110px; text-align: center; font-size: 14px; line-height: normal;}
.feature-line h3{margin-bottom: 0; font-size: 18px; line-height: normal;}
.step-1 .feature-line{left: -24px; top: 120px;}
.step-2 .feature-line{left: -100px; bottom: -110px;}
.step-4 .feature-line{bottom: -96px; width: 300px; margin-left: -180px;}
.slider-btn{flex-direction: row; top: auto; bottom: 12px; left: 16px; height: auto;}
.slider-btn a{margin: 0 4px;}
.slider-btn a span{width: 24px; height: 4px;}
.mobile-hide{display: none;}
.desktop-hide{display: block;}
.enhancing-box .owl-carousel .owl-dots{text-align: center;}
.enhancing-box .owl-carousel .owl-dots .owl-dot{margin-top: 12px 6px 0 6px !important;}
}

@media (max-width : 550px) {
.flawless-inner-bg{background-image: url(https://graceframe.com/frontend/images/new/product/flawless-mobile-bg.png);}
.flawless-box-img{max-width: 326px; margin: 0 auto; background-position: center 12px;}
}

