.container-new-banner-fluid.wide{max-width:1440px;padding-left:15px;padding-right:15px;margin:0 auto}@media only screen and (min-width: 1300px) and (max-width: 1600px){.container-new-banner-fluid.wide{max-width:1200px}}@media only screen and (min-width: 1200px) and (max-width: 1299px){.container-new-banner-fluid.wide{max-width:1140px}}@media only screen and (min-width: 992px) and (max-width: 1199px){.container-new-banner-fluid.wide{max-width:960px}}@media only screen and (min-width: 768px) and (max-width: 991px){.container-new-banner-fluid.wide{max-width:720px}.container-new-banner-fluid .row{flex-direction:column-reverse}.hero-section:before{height:20px;top:-1px;bottom:auto}}@media only screen and (max-width: 767px){.container-new-banner-fluid.wide{max-width:100%}}.hero-section{padding:0 0 36px;position:relative;z-index:0}.shopify-section:has(section.hero-section){margin-top:-100px}.hero-section:after{position:absolute;top:-15%;content:"";background:url(../assets/hero-waves-pattern.png) no-repeat;width:100%;height:706px;background-size:cover;z-index:-1}@media (min-width: 1750px){.hero-section:after{top:-18%;height:706px}}@media (max-width: 1600px){.hero-section:after{top:-16%;height:806px}}@media (max-width: 1440px){.hero-section:after{top:-12%;background-size:110%;height:806px}}@media (max-width: 1300px){.hero-section:after{top:-12%;background-size:cover;height:837px}}@media (max-width: 1200px){.hero-section:after{top:-12%;background-size:cover;height:937px}}@media (max-width: 999px){.hero-section:after{top:-5%;background-size:118%}.hero-section{background:linear-gradient(180deg,#fff6,#c1e1fd66)}.shopify-section:has(section.hero-section){margin-top:-20px}}.hero-section:before{position:absolute;bottom:-1px;top:auto;content:"";background:url(../assets/banner-btm-pattern.png) no-repeat;width:100%;height:40px;background-size:cover;display:none}.hero-section .banner-content .star-rating{display:flex;align-items:center;gap:10px;margin:0 0 12px}.hero-section .banner-content .star-rating p{margin:0}.hero-section .banner-desc h1{font-size:40px;font-weight:600;line-height:130%;color:#000817}.hero-section .banner-desc p{color:#000817;font-size:18px;font-weight:400;margin:0}.hero-section .banner-desc ul{padding:30px 0 0}.hero-section .banner-desc ul li{list-style:none;color:#000817;font-size:18px;padding:0 0 8px;display:flex;align-items:self-start;line-height:normal;gap:8px}.hero-section .banner-desc ul li p{display:inline-block;vertical-align:middle;margin:0;padding:0;color:#000817;font-size:18px}.hero-section .banner-btn{display:flex;gap:16px}.hero-section .banner-btn a.btn-with-bg{padding:12px 48px;display:inline-block;text-align:center;color:#fff;background-image:linear-gradient(90deg,#0d465f,#26c0ef);font-size:18px;font-weight:600;border-radius:100px;text-transform:uppercase;box-sizing:border-box;box-shadow:0 12px 16px -4px #00000014}.hero-section .banner-btn a.btn-with-bg:hover{background-image:linear-gradient(90deg,#26c0ef,#0d465f)}.hero-section .banner-btn a.btn-without-bg{position:relative;display:inline-block;padding:12px 48px;font-size:18px;font-weight:600;background:#fff;border-radius:999px;text-decoration:none;cursor:pointer;z-index:1;background-image:linear-gradient(to right,#0d465f,#26c0ef,#0d465f);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;transition:all .4s ease;text-transform:uppercase;text-align:center}.hero-section .banner-btn a.btn-without-bg:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;padding:2px;background:linear-gradient(to right,#0d465f,#26c0ef,#0d465f);background-size:200% auto;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:destination-out;mask-composite:exclude;z-index:-1;transition:background .5s ease}.hero-section .banner-btn a.btn-without-bg:hover,.hero-section .banner-btn a.btn-without-bg:hover:before{animation:gradient-rotate-banner 2s linear infinite}@keyframes gradient-rotate-banner{0%{background-position:0% 50%}to{background-position:200% 50%}}.hero-section .banner-review p{color:#000817;font-size:14px;font-weight:400}.hero-section .banner-review{max-width:466px;margin:20px 0 0}.hero-section .client-info{display:flex;gap:12px;align-items:center}.hero-section .client-info img{border-radius:50%}.hero-section .client-info span{font-size:20px;font-weight:600;line-height:normal}.hero-section .client-review-info{display:flex;justify-content:space-between;align-items:center}.image-tooltip-wrapper{position:relative;display:inline-block}.main-image{display:block;width:100%;height:auto;border-radius:8px}.tooltip-dot{position:absolute;width:3rem;height:3rem;background:transparent;border-radius:50%;cursor:pointer;transition:transform .2s}.tooltip-box{position:absolute;background:linear-gradient(90deg,#0a2342,#003566);color:#fff;padding:10px;border-radius:6px;font-size:14px;max-width:250px;pointer-events:none;opacity:0;transition:opacity .3s;z-index:10}@media (max-width:1199px){.hero-section{padding:0 0 80px}.hero-section .banner-desc h1{font-size:30px;line-height:normal;margin:0 0 10px}.hero-section .banner-desc ul li{padding:0 0 15px}.hero-banner-img{text-align:center;margin:30px 0 0}.hero-section .banner-btn a.btn-with-bg,.hero-section .banner-btn a.btn-without-bg{padding:10px 40px;margin:0 0 10px}}@media only screen and (max-width: 767px){.hero-section:before{height:20px;top:-1px;bottom:auto;display:none}.tooltip-dot{position:absolute;width:1.2rem;height:1.2rem}}@media (max-width:575px){.hero-section{padding:0}.tooltip-dot{position:absolute;width:1rem;height:1rem}}@media (max-width:575px){.hero-section .banner-btn a.btn-with-bg,.hero-section .banner-btn a.btn-without-bg{padding:10px;width:100%;margin:0 0 10px}.hero-section .banner-btn{display:block}.hero-section .banner-desc h1{font-size:24px;line-height:normal}.hero-section .banner-desc p{font-size:16px;line-height:26px}.hero-section .banner-desc ul li{font-size:16px}}.show-for-mobile{display:none}@media only screen and (max-width: 575px){.hide-for-mobile{display:none}.show-for-mobile{display:block}.hero-section .banner-btn{margin-top:10px}.hero-section .banner-desc ul{padding-top:5px}}@media only screen and (max-width: 575px){.hero-banner-img{display:block;line-height:1}.hero-banner-img .main-image{display:inline-block;vertical-align:top;line-height:1}.hero-section .banner-content .star-rating,.hero-section .banner-desc h1{margin-bottom:5px}.hero-section .banner-review{margin:0 0 12px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/new-banner.css.map */