@font-face {
font-family: 'Roboto';
src: url(//spinealigngolf.com/wp-content/themes/spine-align/assets/fonts/roboto/Roboto-Regular.woff2) format('woff2');
font-weight: 400;
font-display: swap;
}
@font-face {
font-family: 'Roboto';
src: url(//spinealigngolf.com/wp-content/themes/spine-align/assets/fonts/roboto/Roboto-Medium.woff2) format('woff2');
font-weight: 500;
font-display: swap;
}
@font-face {
font-family: 'Roboto';
src: url(//spinealigngolf.com/wp-content/themes/spine-align/assets/fonts/roboto/Roboto-Bold.woff2) format('woff2');
font-weight: 700;
font-display: swap;
}
.video-wrapper {
aspect-ratio: 16 / 9;
width: 100%;
position: relative;
overflow: hidden;
}
.video-wrapper iframe {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
border: 0;
}
.pg_banner{
position: relative;
}
.pg_banner .pg_banner_herobg{
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
object-fit: cover;
z-index: -1;	
} .loader {
position: fixed;
top: 0;
left: 0;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 100vw;
height: 100vh; background: #fff;
z-index: 9999999 !important;
transition: transform 0.6s ease-in-out !important;
opacity: 1 !important;
}
.loader .loading-logo {
width: 140px;
animation: pulse 1.5s infinite;
}
.loader-main {
position: relative;
width: 80px;
height: 50px;
}
.loader-main div {
position: absolute;
top: 17px;
width: 18px;
height: 18px;
border-radius: 50%; background: #fb7615;
animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.loader-main div:nth-child(1) {
left: 8px;
animation: circle1 0.6s infinite;
}
.loader-main div:nth-child(2) {
left: 8px;
animation: circle2 0.6s infinite;
}
.loader-main div:nth-child(3) {
left: 32px;
animation: circle2 0.6s infinite;
}
.loader-main div:nth-child(4) {
left: 56px;
animation: circle3 0.6s infinite;
}
@keyframes circle1 {
0% {
transform: scale(0);
}
100% {
transform: scale(1);
}
}
@keyframes circle3 {
0% {
transform: scale(1);
}
100% {
transform: scale(0);
}
}
@keyframes circle2 {
0% {
transform: translate(0, 0);
}
100% {
transform: translate(24px, 0);
}
}
@keyframes pulse {
0%,
100% {
transform: scale(1);
}
50% {
transform: scale(1.08);
}
}
.loader.hide {
transform: translateY(-100%);
pointer-events: none;
opacity: 1 !important;
}
html,
body {
overflow-x: hidden;
}
body {
font-family: "Roboto", sans-serif;
}
body img {
-webkit-user-drag: none;
-khtml-user-drag: none;
-moz-user-drag: none;
-o-user-drag: none;
user-drag: none;
}
.back-to-top {
position: fixed;
bottom: 90px;
right: 20px;
width: 45px;
height: 45px;
border: none;
border-radius: 50%;
background-color: #ff8421;
display: flex;
align-items: center;
justify-content: center;
text-decoration: none;
z-index: 9;
box-shadow: 0 4px 10px rgba(255, 132, 33, 0.3);
transition: all 0.35s ease;
}
.back-to-top img {
width: 20px;
height: 20px;
transition: transform 0.3s ease, filter 0.3s ease;
}
.back-to-top:hover {
background-color: #e66f00; box-shadow: 0 6px 16px rgba(230, 111, 0, 0.4);
transform: translateY(-5px) scale(1.05);
}
.back-to-top:hover img {
transform: translateY(-2px) scale(1.1);
filter: brightness(1.2);
}
.btn {
position: relative;
font-size: 18px;
color: #fff;
border-radius: 50px;
padding: 18px 35px 18px 70px !important;
font-weight: bold;
transition: all 0.4s ease;
}
.btn-img-icon {
background: #000;
width: 50px;
height: 50px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
position: absolute !important;
left: 6px;
top: 6px;
}
.btn-prim {
background-color: #ff8421;
color: #fff;
border-radius: 50px;
display: inline-flex;
align-items: center;
justify-content: center;
font-weight: 600;
transition: all 0.35s ease;
overflow: hidden;
}
.btn-prim::before {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(135deg, #ff8421, #e66f00);
transform: scaleX(0);
transform-origin: left;
transition: transform 0.4s ease;
z-index: 0;
border-radius: inherit;
}
.btn-prim:hover::before {
transform: scaleX(1);
}
.btn-prim span,
.btn-prim img {
position: relative;
z-index: 2;
}
.btn-prim:hover {
color: #fff; } .btn-white {
background-color: #fff;
color: #000;
border-radius: 50px;
display: inline-flex;
align-items: center;
justify-content: center;
font-weight: 600;
transition: all 0.35s ease;
overflow: hidden;
border: 2px solid #fa8120;
}
.btn-white::before {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(135deg, #ff8421, #e66f00);
transform: scaleX(0);
transform-origin: left;
transition: transform 0.4s ease;
z-index: 0;
border-radius: inherit;
}
.btn-white:hover::before {
transform: scaleX(1);
}
.btn-white span,
.btn-white img {
position: relative;
z-index: 2;
}
.btn-white:hover {
color: #fff; }   .btn-black {
background-color: #2d2b2b;
color: #fff;
border-radius: 50px;
display: inline-flex;
align-items: center;
justify-content: center;
font-weight: 600;
transition: all 0.35s ease;
overflow: hidden;
} .btn-black .btn-img-icon {
background: #ff8421;
}
.btn-black::before {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(135deg, #000000, #000000);
transform: scaleX(0);
transform-origin: left;
transition: transform 0.4s ease;
z-index: 0;
border-radius: inherit;
}
.btn-black:hover::before {
transform: scaleX(1);
}
.btn-black span,
.btn-black img {
position: relative;
z-index: 2;
}
.btn-black:hover {
color: #fff; }  .btn-img-icon img {
width: auto;
height: auto;
}
span.sr-only {
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
pointer-events: none;
}
.amazon-btn {
border: 2px solid #fff;
display: inline-block;
border-radius: 50px;
height: 67px;
transition: 0.3s;
}
.amazon-btn:hover {
transform: scale(1.05);
}
.amazon-btn img {
border-radius: 50px;
width: 100%;
height: 100%;
object-fit: cover;
}
.btn-shadow { box-shadow: 0 10px 16px rgb(0 0 0 / 13%);
transform: translateY(-2px);
}
.bg-primary {
background-color: #ff9b28 !important;
}
.bg-secondary {
background-color: #fb5637 !important;
}
.fc-primary {
color: #ff9b28;
}
.fc-secondary {
color: #fb5637;
}
.py-6 {
padding-top: 90px;
padding-bottom: 90px;
}
.z-1 {
z-index: 1 !important;
}
.fw-semibold {
font-weight: 600 !important;
}
.dropdown-item.active,
.dropdown-item:active {
background-color: #ff9b28 !important;
}   .text-orange {
color: #fb7615 !important;
}
.border-orange {
border-color: #fb7615 !important;
}
.text-grey {
color: #978f89;
}
header {
box-shadow: 0px 0px 15px #cccccc6b;
}
.main-header .logo-wrapper {
top: 0;
transform: translate(-50%, 10%);
z-index: 10;
}
.main-header .logo-circle {
width: 164px;
height: 164px;  margin-top: -60px;
}
.main-header .logo-circle img {
width: 100%;
}
.main-header .nav-link {
position: relative;
overflow: hidden;
padding: 30px 10px;
transition: color 0.3s ease;
z-index: 1;
font-size: 16px;
margin: 0px 3px;
}
.main-header .nav-link::before {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 0;
background: #fbede3;
z-index: 0;
transition: height 0.4s ease;
}
.main-header .nav-link::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
height: 2px;
width: 0;
background: #fb7615;
z-index: 2;
transition: width 0.4s ease;
}
.main-header .nav-link:hover {
color: #000000 !important;
}
.main-header .nav-link:hover::before {
height: 100%;
z-index: -1;
}
.main-header .nav-link:hover::after {
width: 100%;
}
.main-header .nav-link.active {
color: #000000 !important;
}
.main-header .nav-link.active::before {
height: 100%;
z-index: -1;
}
.main-header .nav-link.active::after {
width: 100%;
}
.main-header .social-icons a i {
color: #ff8b2a;
transition: 0.3s;
}
.main-header .social-icons a:hover i {
color: #d9f143;
}
.res-menu {
display: none;
}
.main-header .nav-item.custom-dropdown {
position: relative;
}
.main-header ul.custom-dropdown-menu {
padding: 0;
list-style-type: none;
margin: 0; background: #ffffff !important;
border-radius: 4px;
width: 180px;
position: absolute;
left: 0;
display: none;
box-shadow: 0px 0px 15px #dddddd2e;
z-index: 2;
}
.main-header ul.custom-dropdown-menu li a {
padding: 8px !important;
}
.main-header li.nav-item.custom-dropdown:before {
content: "";
position: absolute;
height: 10px;
width: 10px;
left: 0;
right: 0;
margin: 0 auto;
bottom: 18px;
border-right: 6px solid transparent;
border-left: 6px solid transparent;
border-top: 6px solid #ff8421;
} .profile-dropdown {
border: 2px solid #ff9b28;
border-radius: 50px; padding: 2px 10px 2px 2px !important;
display: flex;
align-items: center;
background-color: #fbede3;
cursor: pointer;
font-size: 15px;
}
.profile-dropdown img {
width: 40px;
height: 40px;
border-radius: 50%;
margin-right: 6px;
object-fit: cover;
} .profile-dropdown span {
font-weight: 600;
color: #000;
display: inline-block;
max-width: 100px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
vertical-align: middle;
}
.profile-dropdown.dropdown-toggle::after {
display: inline-block;
width: auto;
height: auto;
border: none;
content: "▼";
color: #ff9b28;
font-size: 0.65rem;
margin-left: 6px;
vertical-align: middle;
opacity: 1 !important;
visibility: visible !important;
}
.profile-dropdown:focus::after,
.profile-dropdown:hover::after,
.profile-dropdown.show::after {
color: #ff9b28;
opacity: 1;
visibility: visible;
}
.profile-dropdown:focus {
box-shadow: none !important;
}
.social-icons a i:hover {
color: #000000 !important;
}
.dropdown .login-btn {
padding: 12px 30px 12px 50px !important;
font-size: 16px;
}
.dropdown .login-btn .btn-img-icon {
width: 40px;
height: 40px;
top: 4px;
left: 4px;
}
.dropdown .login-btn {
box-shadow: none !important;
}
.social-icons {
position: relative;
top: 2px;
}      .banner_sec { padding: 140px 0px 130px 0px;
background-image: url(https://spinealigngolf.com/wp-content/uploads/2026/06/home-Final.webp); background-color: #07052f;
background-position: 100% 100%;
background-repeat: no-repeat;
background-size: contain; }
.banner_sec .title {
font-size: 68px;
}
.banner_sec .sub_title {
font-size: 1.8rem;
}
.banner_sec .desc {
margin-bottom: 40px;
}
.banner_sec .btn:hover { color: #fff;
} .banner-img-2 {
display: none;
}
.floating-icon-box {
width: 84px;
height: 84px;
background: #d9f143;
border-radius: 12px;
display: flex;
align-items: center;
justify-content: center;
}
.floating-icon-content .icon-desc {
font-size: 14px;
color: #d9f143;
}
.banner-floating-icon {
width: 100px;
}
.floating-icon-1 {
left: -30px;
top: 86px;
}
.floating-icon-2 {
top: -72px;
left: 122px;
}
.floating-icon-3 {
left: 428px;
top: -12px;
}
.floating-icon-4 {
left: 300px;
top: 344px;
}
.floating-icon-content .icon-desc-2 {
text-align: right;
position: absolute;
top: 50%;
left: -90px;
transform: translate(0px, -50%);
}
.banner-floating-icon {
animation: floatUpDown 4s ease-in-out infinite;
will-change: transform;
}
@keyframes floatUpDown {
0%,
100% {
transform: translateY(0);
}
50% {
transform: translateY(-8px);
}
}
.floating-icon-1 {
animation-delay: 0s;
}
.floating-icon-2 {
animation-delay: 0.8s;
}
.floating-icon-3 {
animation-delay: 1.6s;
}
.floating-icon-4 {
animation-delay: 2.4s;
}      .home_about_sec {
padding: 80px 0px;
background: #f9f7f1;
}
.home_about_sec .title {
font-size: 48px;
}
.home_about_sec .desc {
font-size: 18px;
margin-bottom: 40px;
line-height: 26px;
font-weight: 500;
}      .ai_golf_training {
padding: 70px 0px;
}
.ai_golf_training .video-wrapper img {
width: 100%;
height: 100%;
}
.ai_golf_training .title {
font-size: 44px;
}
.ai_golf_training .sub_title {
font-size: 18px;
}
.ai_golf_training .desc {
font-weight: 500;
font-size: 18px;
line-height: 26px;
} .ai_golf_training .left .list-items li {
font-size: 18px;
color: #000;
padding-left: 40px;
margin-bottom: 30px;
line-height: 1.4;
position: relative;
font-weight: 500;
}
.ai_golf_training .left .list-items li:last-child {
margin-bottom: 0;
}
.ai_golf_training .left .list-items li:before {
background-image: url(//spinealigngolf.com/wp-content/themes/spine-align/assets/images/icons/check-icon.png);
content: "";
height: 40px;
width: 40px;
background-repeat: no-repeat;
background-position: left;
position: absolute;
left: 0;
top: -6px;
}
.custom-padd-left {
padding-left: 74px;
} .ai_golf_training .section-inner-padding {
padding-left: 6%;
}
.ai_golf_training .video-section {
position: relative;
width: 100%;
margin: 0 auto;
height: 400px;
box-shadow: 0px 25px 25px #ddddddba;
border-radius: 26px;
}
.ai_golf_training .video-wrapper {
position: relative;
width: 100%;
border-radius: 26px;
overflow: hidden;
max-height: 400px;
height: 100%;
border: 6px solid #d9f143;
cursor: pointer;
background: #000;
}
.ai_golf_training .video-thumbnail {
width: 100%;
display: block;
}
.ai_golf_training .play-button {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 80px;
height: 80px;
background: rgba(0, 0, 0, 0.8);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
transition: 0.3s; z-index: 2;
}
@keyframes videopulse {
0% {
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.6);
}
70% {
box-shadow: 0 0 0 20px rgba(0, 2041, 0, 0);
}
100% {
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
}
}
.ai_golf_training .play-button:hover {
background: #ff8b2a;
}
.ai_golf_training .play-button::before {
content: '';
border-left: 35px solid #d9f143;
border-top: 22px solid transparent;
border-bottom: 18px solid transparent;
margin-left: 5px;
transition: 0.3s;
}
.ai_golf_training .play-button:hover::before {
border-left: 35px solid #fff;
}
.ai_golf_training iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: none;
border-radius: 20px;
}
.ai_golf_training .video-wrapper.active .video-thumbnail,
.ai_golf_training .video-wrapper.active .play-button {
display: none;
}
.video-wrapper.active iframe {
height: 400px;
display: block;
}
.video-bottom-btn {
padding: 20px 40px;
background: #d9f143;
border-radius: 50px;
width: 90%;
display: block;
margin: 0 auto;
margin-top: -36px;
position: relative;
font-size: 18px;
transition: 0.4s;
z-index: 2;
box-shadow: 0px 15px 20px #ddddddba;
}
.video-bottom-btn:hover {
background: #ff8b2a;
color: #fff !important;
}
.video-wrapper.active .video-thumbnail,
.video-wrapper.active .play-button {
display: none;
}      .features_sec {
background-image: url(//spinealigngolf.com/wp-content/themes/spine-align/assets/images/features-bg.webp);
background-repeat: no-repeat;
background-position: center;
background-size: cover; padding: 80px 0px 60px 0px;
}
.features_sec .title {
font-size: 48px;
}
.features_sec .sub_title {
margin-bottom: 60px;
}
.features_sec .phone-container {
position: relative;
display: flex;
justify-content: center;
align-items: center;
min-height: 600px;
}
.features_sec .phone-circle {
position: absolute;
width: 550px;
height: 550px; background: #d9f143;
border-radius: 50%;
z-index: 1;
}
.features_sec .phone-mockup {
position: relative;
z-index: 2;
transform: translateY(8px) rotate(-10deg);
}
.features_sec .phone-mockup img {
height: auto;
}
.features_sec .phone-mockup img {
filter: drop-shadow(0 20px 40px rgba(0, 0, 0, 0.4));
}
.features_sec .feature-card {
background: linear-gradient(90deg, #ff8421 0%, #ff8421 100%);
border-radius: 50px;
margin-bottom: 60px;
transition: transform 0.3s ease;
box-shadow: 0 8px 20px rgba(255, 140, 66, 0.3);
position: relative;
width: 455px;
}
.features_sec .feature-card:hover {
transform: translateX(10px);
}
.features_sec .feature-icon {
background: #000000;
border-radius: 50%;
width: 76px;
height: 76px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
font-size: 28px;
position: absolute;
top: 50%;
transform: translate(0px, -50%);
}
.features_sec .feature-card.left {
padding: 12px 115px 12px 50px;
float: right;
}
.features_sec .feature-card.left:nth-child(2) {
left: -60px;
}
.features_sec .feature-card.left .feature-icon {
right: 12px;
}
.features_sec .feature-icon img {
width: auto;
height: auto;
}
.features_sec .feature-card.right {
padding: 14px 55px 14px 100px;
}
.features_sec .feature-card.right:nth-child(2) {
right: -60px;
}
.features_sec .feature-card.right .feature-icon {
left: 12px;
}
.features_sec .feature-card.right:hover {
transform: translateX(-10px);
}
.features_sec .feature-content .feature-card-desc {
font-size: 14px;
line-height: 1.2;
}
.features_sec .features-right {
display: flex;
flex-direction: column;
justify-content: start;
}
.features_sec .feature-card.left:nth-of-type(3),
.features_sec .feature-card.right:nth-of-type(3) {
margin-bottom: 0 !important;
}      .cta_sec {
padding: 40px 0px;
background-image: url(//spinealigngolf.com/wp-content/themes/spine-align/assets/images/cta-bg.webp);
background-repeat: no-repeat;
background-size: cover;
background-position: 60%;
}
.cta_sec .title {
font-size: 44px;
}
.cta_sec .desc {
font-size: 18px;
line-height: 26px;
font-weight: 500;
}
.cta-btns li,
.banner-btns li {
transition: 0.4s;
}
.cta-btns li:hover,
.banner-btns li:hover {
transform: scale(0.94);
}      .testimonials-sec {
padding: 100px 0px 80px 0px;
background-color: #f9f7f1;
}
.testimonials-sec .title {
font-size: 48px;
}
.testimonials-slider { padding-left: 40px;
padding-right: 40px;
}
.testi-img img {
object-fit: cover;
object-position: top;
width: 104px;
height: 104px;
border-radius: 50%;
border: 2px solid #fa8120;
margin-left: 15px;
}
.testi-content-header {
padding: 0px 20px 0px 40px;
}
.testimonial-item {
background: #fff;
border-radius: 10px;
border: 3px solid #ff8421;
padding: 25px 35px 40px 30px;
margin: 0px 10px;
}
.testimonials-sec .slick-list.draggable {
padding-top: 60px;
padding-bottom: 60px;
}
.testimonial-quote-top {
position: absolute;
top: -28px; left: 28px;
}
.testimonial-quote-bottom {
position: absolute;
bottom: -25px; right: 30px;
}
.testimonials-sec .slick-prev,
.testimonials-sec .slick-next {
width: 60px !important;
height: 60px !important;
}
.testimonials-sec .testimonial-item .testi-content .testi-desc {
font-size: 18px;
}      .golf_training_wrapper { padding: 60px 0px 60px 0px;
background-image: url(//spinealigngolf.com/wp-content/themes/spine-align/assets/images/golf-section-bg.webp);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.golf_training_wrapper .left .sec_title {
font-size: 44px;
}
.golf_training_wrapper .left .desc {
font-size: 18px;
}
.golf_training_wrapper .member_heading {
font-size: 24px;
padding-bottom: 10px;
}
.golf_training_wrapper .item {
margin-top: 10px;
border: 2px solid #ff8421;
width: 415px;
padding: 6px 6px 6px 6px;
border-radius: 30px;
transition: transform 0.3s ease;
}
.golf_training_wrapper .item:hover {
transform: translateX(10px);
}
.golf_training_wrapper .item .icon_div {
width: 38px;
height: 38px;
border-radius: 50%;
background-color: #ff8421;
}
.golf_training_wrapper .item .title {
font-size: 18px;
font-weight: 500;
}
.golf_training_wrapper .short_text {
font-size: 14px;
}
.golf_training_wrapper .right .golf_man {
height: 655px;
}
.golf_training_wrapper .golf_man_div {
float: right;
padding-right: 100px;
}
.golf_training_wrapper .right {
z-index: 1;
}
.cs_video_wrapper {
position: relative;
width: 100%;
border-radius: 20px;
overflow: hidden;
height: 100%;
border: 6px solid #d9f143;
cursor: pointer;
box-shadow: 0px 23px 45px 0px rgba(31, 14, 1, 0.2);
background-color: #d9f143;
}
.cs_video_section_1 {
top: -25px;
left: 128px;
z-index: -1;
}
.arrow_image_div {
z-index: 1;
}
.arrow_image_div_1 {
left: -65px;
top: 55px;
}
.arrow_content_1 {
left: -115px;
top: 95px;
}
.arrow_content,
.arrow_image_div {
position: absolute;
}
.cs_video_wrapper_1 {
height: 180px;
width: 300px;
}
.cs_iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: none;
border-radius: 20px;
}
.cs_play_button {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 45px;
height: 45px;
background: rgba(0, 0, 0, 0.8);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
transition: 0.3s; z-index: 2;
}
.cs_play_button:hover {
background: #ff8b2a;
}
.cs_play_button::before {
content: "";
border-left: 18px solid #d9f143;
border-top: 12px solid transparent;
border-bottom: 8px solid transparent;
margin-left: 5px;
transition: 0.3s;
}
.cs_video_section_2 {
top: 320px;
left: 145px;
z-index: -1;
}
.cs_video_wrapper_2 {
height: 230px;
width: 385px;
}
.arrow_content_2 {
top: -50px;
left: 205px;
}
.arrow_image_div_2 {
top: -50px;
left: 115px;
}
.cs_video_wrapper_3 {
height: 220px;
width: 300px;
}
.cs_video_section_3 {
top: 125px;
right: -160px;
z-index: -1;
}
.cs_video_wrapper {
position: relative;
cursor: pointer;
overflow: hidden;
}
.cs_video_wrapper img.video-thumbnail {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: 20;
display: block;
transition: opacity 0.3s ease;
}
.cs_video_wrapper .cs_play_button {
z-index: 30;
transition: opacity 0.3s ease;
}
.cs_video_wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10;
display: none;
}  .arrow_content_3 {
top: 236px;
left: 42px;
}
.arrow_image_div_3 {
top: 194px;
left: 146px;
}
.golf_training_wrapper .cs_video_section img {
width: 100%;
height: 100%;
object-fit: cover;
}      .products-sec {
padding: 80px 0px 60px 0px;
}
.products-sec .title {
font-size: 48px;
}
.products-sec .sub_title {
margin-bottom: 30px;
}
.products-sec .product_box {
margin-bottom: 70px;
} .product_box_img_wrapper {
width: 90%;
margin: 0 auto;
border: 6px solid #ff8421;
border-radius: 180px;
box-shadow: 0px 0px 15px #dddddd96;
} .product_box_img {
width: 100%;
height: 400px;
border-radius: 180px;
display: flex;
align-items: center;
justify-content: center;
background-color: #fff;
position: relative;
padding: 25px 30px;
overflow: hidden;
}
.product_box_img img {
width: 100%; } .product_box_content {
background: #d9f143;
box-shadow: 0px 0px 15px #dddddd96;
border-radius: 8px;
padding: 140px 50px 34px 50px;
margin-top: -130px;
height: 228px;
}
.product_box_content .product-title {
line-height: 1.2;
} .product-btns {
margin-top: -35px;
}
.product-btns .btn {
font-size: 15px;
padding: 18px 18px 18px 62px !important;
transform: scale(0.9);
}
.product-btns .btn .btn-img-icon {
width: 46px;
height: 46px;
}          .how-it-works-sec { background-position: center;
background-size: cover;
background-repeat: no-repeat;
padding: 40px 15px;
}
.how-it-works-sec .title {
font-size: 60px;
}
.how-it-works-sec .banner-btns {
margin-top: 40px;
}   .app-works-sec {
background-image: url(//spinealigngolf.com/wp-content/themes/spine-align/assets/images/app-works-bg.webp);
background-position: center;
background-size: cover;
background-repeat: no-repeat; }
.app-works-sec .right .title {
font-size: 48px;
}
.app-works-sec .right .desc {
font-size: 18px;
}
.app-works-sec .left {
margin-top: 175px;
}
.app-works-sec .right {
padding-left: 130px;
} .app-works-arrow-1 {
left: 80px;
bottom: 130px;
z-index: -1;
}
.app-works-arrow-2 {
left: 42px;
bottom: 320px;
}
.app-works-arrow-3 {
left: 118px;
top: -90px;
}
.app-works-arrow-4 {
right: 85px;
top: -78px;
}
.app-works-arrow-5 {
right: -16px;
top: 100px;
}
.info-box {
position: absolute;
box-shadow: 0px 0px 20px #757575a3;
border-radius: 12px;
}
.info-box-1 {
bottom: 300px;
left: 40px;
}
.info-box-2 {
left: 90px;
bottom: 515px;
}
.info-box-3 {
top: -90px;
left: 310px;
}
.info-box-4 {
top: 36px;
right: 11px;
}
.info-box-5 {
right: 20px;
bottom: 208px;
}
.info-icon-box {
background-color: #ff8b2a;
border-radius: 12px;
border: 3px solid #fff;
padding: 20px;
display: flex;
align-items: center;
justify-content: center;
height: 90px;
width: 90px;
}
.info-content {
font-size: 14px;
font-weight: bold;
line-height: 1.1;
position: absolute;
}
.info-content-1 {
left: -100px;
top: 25px;
text-align: right;
}
.info-content-2 {
left: -100px;
top: 25px;
text-align: right;
}
.info-content-3 {
top: -30px;
left: -20px;
width: 140px;
text-align: center;
}
.info-content-4 {
top: -36px;
width: 100px;
right: -50px;
text-align: left;
}
.info-content-5 {
top: 44%;
right: -110px;
width: 100px;
}
@keyframes floaty {
0% {
transform: translateY(0);
}
50% {
transform: translateY(-1px);
}
100% {
transform: translateY(0);
}
}
.app-works-arrow-1,
.app-works-arrow-2,
.app-works-arrow-3,
.app-works-arrow-4,
.app-works-arrow-5 {
animation: floaty 3s ease-in-out infinite;
}
.info-box {
animation: floaty 3s ease-in-out infinite;
}
.phone-video-wrapper {
position: relative;
display: inline-block;
top: 6px;
}
.phone-video-wrapper .video-thumbnail {
border-radius: 0px 0px 10px 10px;
}
.phone-video-wrapper .phone-frame {
display: block;
width: 100%;
height: auto;
}
.phone-video-wrapper .video-container {
position: absolute;
top: 15.3%;
left: 36.5%;
width: 47%;
height: 65.5%;
border-radius: 10px;
overflow: hidden;
transform: rotate(-0.6deg);
cursor: pointer;
}
.phone-video-wrapper .video-container iframe {
width: 100%;
height: 98%;
border: 0;
display: none;
border-radius: 10px;
}
.phone-video-wrapper .play-button {
position: absolute;
top: 26%;
left: 50%;
transform: translate(-50%, -50%);
width: 70px;
height: 70px;
background: #5c5c5c;
border: 2px solid #fff;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
transition: 0.3s;
animation: videopulse 1.5s infinite;
z-index: 2;
}
.phone-video-wrapper .play-button::before {
content: '';
border-left: 25px solid #d9f143;
border-top: 15px solid transparent;
border-bottom: 15px solid transparent;
margin-left: 5px;
transition: 0.3s;
}
.phone-video-wrapper .play-button:hover {
background: #ff8421;
}
.phone-video-wrapper .play-button:hover::before {
border-left-color: #fff;
}
@keyframes videopulse {
0% {
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
}
70% {
box-shadow: 0 0 0 25px rgba(255, 132, 33, 0);
}
100% {
box-shadow: 0 0 0 0 rgba(255, 132, 33, 0);
}
}
.play-vide-btn {
position: absolute;
top: 38%;
left: 0;
right: 0;
font-size: 13px;
background: #d9f143;
display: inline-block;
width: 116px;
border-radius: 50px;
padding: 4px;
font-weight: bold;
margin: 0 auto;
}  .feedback-sec {
padding: 90px 0px;
}
.feedback-sec .title {
font-size: 48px;
}
.feedback-sec .desc {
color: #978f89;
margin-bottom: 20px;
}
.feedback-sec .slick-list { padding-top: 70px !important;
padding-bottom: 60px !important;
}  .feedback-sec .slick-dots {
position: relative;
bottom: -20px;
display: flex !important;
justify-content: center;
gap: 4px;
}
.feedback-sec .slick-dots li {
width: 110px;
height: 68px;
}
.feedback-sec .slick-dots li button {
padding: 0;
border: none;
background: transparent;
cursor: pointer;
width: 100%;
height: 100%;
border-radius: 12px !important;
}
.feedback-sec .slick-dots li button img {
width: 100%;
height: 100%;
border-radius: 10px;
border: 2px solid transparent;
transition: all 0.3s ease;
}
.feedback-sec .slick-dots li.slick-active button img {
border-color: #ff8421;
transform: scale(1.05);
}
.feedback-sec .slick-dots li button:before {
display: none;
} .feedback-sec .slick-track {
max-width: 100% !important;
transform: translate3d(0, 0, 0) !important;
perspective: 100px;
}
.feedback-sec .slick-slide {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
opacity: 0;
width: 100% !important;
transform: translate3d(0, 0, 0);
transition: transform 1s, opacity 1s;
}
.feedback-sec .slick-snext,
.feedback-sec .slick-sprev {
display: block;
}
.feedback-sec .slick-prev,
.feedback-sec .slick-next {
width: auto !important;
}
.feedback-sec .slick-current {
opacity: 1;
position: relative;
display: block; transform: translate3d(0, 0, 12px);
z-index: 2;
}
.feedback-sec .slick-snext { opacity: 0.3;
transform: translate3d(30%, 0, -18px);
z-index: 1;
}
.feedback-sec .slick-snext .slider-img {
border: none;
}
.feedback-sec .slick-sprev { opacity: 0.3;
transform: translate3d(-30%, 0, -18px);
}
.feedback-sec .slick-sprev .slider-img {
border: none;
}
.feedback-sec .slider-img { height: 440px;
width: 740px;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
border-radius: 20px;
border: 6px solid #d9f143;
margin: 0 auto;
}   .smarter-features-sec {
background-image: url(//spinealigngolf.com/wp-content/themes/spine-align/assets/images/sf-bg.webp);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
padding: 90px 0px 80px 0px;
}
.smarter-features-sec .title {
font-size: 48px;
}
.smarter-features-sec .smarter-features-box {
background: linear-gradient(to right, #f5dac3 0%, #ffffff 100%);
border-radius: 10px;
padding: 80px 50px 30px 50px;
}
.smarter-features-sec .smarter-features-box .box-desc {
font-size: 14px;
}
.smarter-features-sec .smarter-features-box .icon-box {
width: 120px;
height: 120px;
border-radius: 50%;
border: 4px solid #ff8421;
padding: 20px 15px;
margin: 0 auto;
}
.custom-mt {
margin-top: 100px;
}
.feedback-sec .slick-prev {
left: -80px;
}
.feedback-sec .slick-next {
right: -80px;
}  .top-fixes-sec {
padding: 90px 0px 80px 0px;
background-color: #f9f7f1;
}
.custom_container {
max-width: 1640px;
margin: 0 auto;
width: 100%;
padding-right: 15px;
padding-left: 15px;
}
.top-fixes-sec .title {
font-size: 48px;
margin-bottom: 105px;
}
.top-fixes-sec .top-fixes-box {
border: 1px solid #ff8421;
border-radius: 20px;
padding: 80px 15px 50px 15px;
text-align: center;
box-shadow: 0px 0px 20px #ff842138;
height: 100%;
background-color: #fff;
transition: all 0.4s ease;
}
.top-fixes-sec .top-fixes-box .img_box {
height: 125px;
width: 125px;
background: #d9f143;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
border: 2px solid #fe8321;
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
top: 0;
transform: translate(0px, -50%);
box-shadow: 0px 12px 23px 0px rgba(255, 132, 33, 0.21);
}
.top-fixes-sec .top-fixes-box .box-title {
font-size: 24px;
font-weight: bold;
}
.top-fixes-sec .top-fixes-box .box-desc {
font-size: 18px;
}
.top-fixes-sec .btn-arrow-icon {
margin-top: -18px;
}
.top-fixes-sec .bottom-desc {
font-size: 18px;
}      .footer-section {
background-color: #252220;
padding: 75px 0px 80px 0px;
background-color: #1a1716;
}
.footer-link {
color: #fff;
text-decoration: none;
transition: color 0.3s;
margin-bottom: 20px;
display: inline-block;
}
.footer-link:hover {
color: #fb7615;
}
.bottom-item {
position: absolute;
bottom: 0;
}
.bottom-item a {
transition: 0.4s;
}
.bottom-item a:hover {
color: #fb7615 !important;
}
.footer-social {
position: relative;
bottom: -10px;
}
.footer-social a {
transition: 0.4s;
}
.footer-social a:hover {
color: #fb7615 !important;
margin-top: -5px;
}
.timing-days {
width: 60px;
display: inline-block;
}
.footer-section ul li:last-child a {
margin-bottom: 0px;
}
.footer-copyright {
background-color: #111;
padding: 15px 0;
font-size: 15px;
}
.footer-copyright {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
text-align: center;
gap: 10px;
}
.footer-copyright p {
color: #ccc;
margin: 0;
}
.footer-links a:hover {
color: #ff8421 !important;
}
.footer-links {
display: flex;
align-items: center;
gap: 8px;
}
.footer-links a {
color: #ff8421;
transition: color 0.3s ease;
}
.footer-links a:hover {
color: #e66f00;
}
.footer-links .divider {
color: #666;
}   .golf_training_wrapper .cs_video_section { pointer-events: auto !important;
position: relative;
}
.golf_training_wrapper .cs_video_wrapper {
cursor: pointer;
overflow: hidden;
}
.golf_training_wrapper .cs_video_wrapper iframe {
display: none;
width: 100%;
height: 100%;
border-radius: 20px;
}
.golf_training_wrapper .cs_video_wrapper.active iframe {
display: block;
}
.golf_training_wrapper .cs_video_wrapper.active .video-thumbnail,
.golf_training_wrapper .cs_video_wrapper.active .play-button {
display: none !important;
}   .knowledge_base_banner {
background-image: url(//spinealigngolf.com/wp-content/themes/spine-align/assets/images/knowledge-base-page-bg.webp);
}
.knowledge_base_banner.inside-banner:before {
background: linear-gradient(to right, #07052f 64%, #ff99cc00 72%);
}
.knowledge_base_banner .banner-content {
padding: 140px 0px !important;
} .category_sec {
padding: 60px 0px;
}
.category_sec .top_div {
margin-bottom: 35px;
}
.category_sec .top_title {
font-size: 48px;
}
.category_sec .top_desc {
font-size: 18px;
}
.category_sec .nav-tabs .nav-link {
width: 100%;
background-color: #f9f7f1;
font-size: 16px;
height: 100%;
margin-bottom: 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
color: #000000;
border-top: 1px solid #b3b2c9;
border-bottom: 1px solid #b3b2c9;
border-left: 1px solid #b3b2c9;
border-right: 0;
padding: 25px 10px;
font-weight: bold;
transition: 0s;
}
.category_sec .nav-tabs .nav-item:last-child .nav-link {
border-right: 1px solid #b3b2c9;
}
.category_sec .nav-tabs .nav-item:last-child .nav-link.active {
border-right: 1px solid #ff8b2a;
}
.category_sec .nav-tabs .nav-link.active {
border-top: 1px solid #ff8b2a;
border-bottom: 1px solid #ff8b2a;
border-left: 1px solid #ff8b2a;
border-right: 1px solid #ff8b2a;
background-color: white;
box-shadow: 0px 14px 23px 0px rgba(255, 139, 42, 0.24),
inset -2px 0px 0px 0px rgba(255, 139, 42, 0.004),
inset 0px -12px 27px 0px rgba(255, 139, 42, 0.25);
position: relative;
z-index: 10;
transition: 0s;
}
.category_sec .nav-tabs .nav-link:hover {
border-top: 1px solid #ff8b2a;
border-bottom: 1px solid #ff8b2a;
border-left: 1px solid #ff8b2a;
border-right: 1px solid #ff8b2a;
background-color: white;
box-shadow: 0px 14px 23px 0px rgba(255, 139, 42, 0.24), inset -2px 0px 0px 0px rgba(255, 139, 42, 0.004), inset 0px -12px 27px 0px rgba(255, 139, 42, 0.25);
position: relative;
z-index: 10;
transition: 0s;
}
.category_sec .nav-tabs .nav-link.active+.nav-item .nav-link {
border-left: 0;
}
.category_sec .nav-tabs .nav-item:has(.nav-link.active)+.nav-item .nav-link {
border-left: 0;
}
.category_sec .nav {
padding: 0px 15px;
}
.category_sec .tab-content {
margin-top: 35px;
}
.category_sec .search_container {
background-color: #ffffff;
padding: 30px;
box-shadow: 0px 6px 23px 0px rgba(0, 0, 0, 0.07);
}
.category_sec .search_heading {
font-size: 18px;
}
.category_sec .search_input {
border: 1px solid #b9b7de;
padding: 20px 20px;
font-size: 18px;
border-radius: 0px;
color: #797979;
}
.category_sec .search_input:focus {
outline: none;
box-shadow: none;
}
.category_sec .search_input::placeholder {
font-size: 18px;
color: #797979;
}
.category_sec .search_btn i {
font-size: 20px;
}
.category_sec .search_btn {
background-color: #ff8421;
color: #000000;
border: none;
padding: 20px 20px;
font-weight: bold;
border-radius: 0px;
cursor: pointer;
font-size: 20px;
border-left: 0px;
border: 1px solid #b9b7de;
}
.categories_wrapper .category_item {
background: white;
border: 2px solid #ff8b2a;
border-radius: 30px;
padding: 12px 35px;
cursor: pointer;
box-shadow: 0px 6px 18px 0px rgba(6, 3, 0, 0.1);
margin-top: 30px;
}
.categories_wrapper .category_item a {
text-decoration: none;
}
.categories_wrapper .main_category .sub_item_link {
text-decoration: none;
}
.categories_wrapper .main_category {
margin-top: 20px;
}
.categories_wrapper .category_item .title {
font-size: 24px;
}
.categories_wrapper .category_item:hover {
background-color: #ff8b2a;
}
.categories_wrapper .category_item:hover .title {
color: white !important;
}
.categories_wrapper .category_item:hover:hover .category_icon {
filter: brightness(0) invert(1);
}
.categories_wrapper ul {
list-style: none;
padding: 0;
margin: 0;
}
.categories_wrapper .main_category {
padding: 0px 15px;
}
.categories_wrapper .main_category .single_item {
margin-bottom: 10px;
position: relative;
}
.categories_wrapper .main_category .orange_circle {
width: 32px;
height: 32px;
background-color: #ff8c42;
border-radius: 50%;
}
.single_item.toggle_active .toggle_box {
background: #fff;
border: 1px solid #cbc8be;
cursor: pointer;
border-radius: 30px;
}
.categories_wrapper .main_category .toggle_box {
gap: 10px;
}
.categories_wrapper .main_category .toggle_box .title {
font-size: 18px;
}
.single_item.toggle_active .icon::before {
content: url(//spinealigngolf.com/wp-content/themes/spine-align/assets/images/icons/plus-icon.webp);
position: absolute;
top: 5px;
right: 15px;
}
.single_item.toggle_active:not(.closed) .icon::before {
content: url(//spinealigngolf.com/wp-content/themes/spine-align/assets/images/icons/minus-icon.webp);
position: absolute;
top: 1px;
}
.categories_wrapper .main_category .sub_item li {
list-style: none;
padding-left: 40px;
margin-top: 6px;
display: flex;
align-items: start;
}
.categories_wrapper .main_category .black_flag_icon {
margin-right: 8px;
}
.categories_wrapper .main_category .sub_text {
font-size: 16px;
line-height: 1.4;
}
.categories_wrapper .main_category .single_item:last-child {
margin-bottom: 0px;
}
.single_item.toggle_active.closed .sub_item {
display: none;
}
.single_item.toggle_active {
position: relative;
z-index: 1;
}
.single_item.toggle_active::after {
position: absolute;
width: 2px;
height: calc(100% - 12px);
background-color: #cbc8be;
content: "";
top: 0px;
left: 16px;
z-index: -1;
}
.categories_wrapper .main_category .sub_item li {
position: relative;
}
.categories_wrapper .main_category .sub_item li::after {
position: absolute;
width: 20px;
height: 2px;
background-color: #cbc8be;
content: "";
left: 16px;
z-index: -1;
top: 9px;
}
.categories_wrapper .main_category .tweaks_sub_item .custom_li {
position: relative;
z-index: 1;
}
.categories_wrapper .main_category .tweaks_sub_item .custom_li::before {
position: absolute;
height: calc(100% - 40px) !important;
background-color: #cbc8be;
content: "";
left: 46px !important;
z-index: -1;
top: 27px !important;
width: 2px !important;
}
.categories_wrapper .main_category .tweaks_sub_item li {
display: block !important;
}
.categories_wrapper .main_category .tweaks_sub_item .sub_sub_item li::after {
left: 6px;
top: 9px;
}
.categories_wrapper .main_category .sub_sub_item li {
padding-left: 30px !important;
} .cs_btn {
position: relative;
}
.cs_btn:after {
content: "";
position: absolute;
right: 15px;
top: 50%;
transform: translateY(-50%);
width: 22px;
height: 22px;
background-image: url(//spinealigngolf.com/wp-content/themes/spine-align/assets/css/assets/images/icons/contact-submit-icon.webp) !important;
background-size: contain;
background-repeat: no-repeat;
}  .banner_desc {
font-size: 24px;
}
.banner_sub_title {
font-size: 30px;
}
.sec_heading {
font-size: 48px;
}
.heading_color {
color: #4c4c4c;
}
.text_color {
color: #303030;
}
.bg_grey {
background-color: #f9f7f1;
}
.lh_12 {
line-height: 1.2;
}
.lh_13 {
line-height: 1.3;
}
.lh_14 {
line-height: 1.4;
} .contact_banner { padding: 150px 0px 115px 0px;
}
.contact_banner .left .title {
font-size: 60px;
} .contact_service_wrapper {
padding: 45px 0px 0px 0px;
}
.contact_service_wrapper .item {
padding: 20px 30px;
border: 1px solid #ff8421;
border-radius: 20px;
box-shadow: 0px 12px 23px 0px rgba(255, 132, 33, 0.28);
}
.contact_service_wrapper .cs_child:nth-child(1) .item {
background: linear-gradient(348deg,
rgb(255, 238, 225) 0%,
rgb(255, 255, 255) 100%);
}
.contact_service_wrapper .cs_child:nth-child(2) .item {
background: linear-gradient(113deg,
rgb(255, 246, 239) 0%,
rgb(255, 224, 202) 60%,
rgb(255, 255, 255) 100%);
}
.contact_service_wrapper .cs_child:nth-child(3) .item {
background: linear-gradient(313deg,
rgb(255, 246, 239) 0%,
rgb(255, 224, 202) 100%);
}
.contact_service_wrapper .item .icon_div {
border-radius: 50%;
width: 120px;
height: 120px;
margin: 0 auto 15px auto;
box-shadow: 0px 16px 23px 0px rgba(255, 144, 0, 0.2);
border: 4px solid #ff8421;
}
.contact_service_wrapper .item .title {
font-size: 24px;
line-height: 1.2;
}
.contact_service_wrapper .item .desc {
font-size: 18px;
}
.btn:focus {
box-shadow: none;
} .contact_page_form {
padding: 30px 0px 65px 0px;
}
.contact_page_form .left {
background-image: url(//spinealigngolf.com/wp-content/themes/spine-align/assets/images/contact-form-sec-left-img.webp);
padding: 40px 40px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
border-radius: 20px 0px 0px 20px;
box-shadow: 0px 16px 23px 0px rgba(1, 9, 12, 0.1);
}
.contact_page_form .left .title {
font-size: 30px;
}
.contact_page_form .left .sub_title {
font-size: 24px;
}
.contact_page_form .item .title {
font-size: 30px;
}
.contact_page_form .timing_text {
font-size: 20px;
display: flex;
gap: 20px;
}
.contact_page_form .right {
background-color: #07052f;
padding: 40px 40px;
border-radius: 0px 20px 20px 0px;
box-shadow: 0px 16px 23px 0px rgba(1, 9, 12, 0.1);
}
.contact_page_form .right .title {
font-size: 30px;
}
.contact_page_form .right .sub_title {
font-size: 24px;
}
.contact_page_form .name {
font-size: 18px;
}
.contact_page_form::placeholder {
color: #a2a2a2;
}
.contact_page_form .form_control {
color: #a2a2a2;
font-size: 18px;
background: transparent !important;
border: 2px solid #231f70;
padding: 10px 15px !important;
border-radius: 0px !important;
}
.contact_page_form textarea {
height: 80px;
max-height: 100%;
margin-bottom: 2rem !important;
}
.contact_page_form .form_control:focus,
.contact_page_form .form_control:focus-visible {
background-color: transparent !important;
border: 2px solid #231f70;
outline: 0 !important;
}
.contact_page_form textarea {
resize: none;
}
.cs_btn.btn-prim {
box-shadow: 0px 23px 45px 0px rgba(255, 132, 33, 0.2);
}
.cs_btn.btn-prim:hover {
color: #fff !important;
background-color: #ff8421 !important;
}
.cs_btn.btn-img-icon {
background-color: #ff8421;
}
.cs_btn.btn-prim:hover .btn-img-icon {
background-color: #000000;
}   .breadcrumb-wrap {
position: absolute;
top: 30px; }
.breadcrumb {
background: transparent;
font-size: 20px;
font-weight: 500;
}
.breadcrumb-item+.breadcrumb-item::before {
display: none; }
.breadcrumb-separator {
padding: 0 10px;
}
.breadcrumb-separator i {
font-size: 20px;
color: #ff8421;
}
.text-secondary {
color: #8d8d8d !important;
}
.breadcrumb-item a {
font-weight: 400;
} .inside-banner { background-repeat: no-repeat;
background-blend-mode: overlay; background-position: top right;
position: relative;
} .knowledge-banner {
background-position: 100% 100%;
background-size: 50% 100%;
}
.shop-banner { background-image: url(//spinealigngolf.com/wp-content/themes/spine-align/assets/images/shop-banner-img.webp);
}
.inside-banner:before {
content: "";
height: 100%;
width: 100%; background: linear-gradient(to right, #07052f 50%, #ff99cc00 75%);
position: absolute;
left: 0;
top: 0;
}
.inside-banner .banner-content { padding: 140px 0px 100px 0px;
}
.inside-banner .title {
font-size: 68px;
}
.inside-banner .desc {
font-size: 18px;
margin-bottom: 25px;
}
.shop-banner .banner-custom-images {
display: table;
width: 100%;
height: 100%;
}
.shop-banner .banner-custom-images .img-circle-box {}
.shop-banner .banner-custom-images .img-circle-box img {
border-radius: 50%;
border: 6px solid #ff8421;
object-fit: cover;
object-position: center;
width: 100%;
height: 100%;
}
.shop-banner .banner-custom-images .img-circle-box.img-circle-box-1 {
width: 250px;
height: 250px;
left: 0;
bottom: 10%;
}
.shop-banner .banner-custom-images .img-circle-box.img-circle-box-2 {
width: 220px;
height: 220px;
left: 68%;
background: #fff;
border-radius: 50%;
z-index: 0;
top: 7%;
}
.shop-banner .banner-custom-images .img-circle-box.img-circle-box-3 {
width: 160px;
height: 160px;
left: 87%;
top: 30%;
}
.shop-banner .banner-custom-images .banner-golf-ball {
width: 150px;
bottom: 5%;
left: 30%;
z-index: 2;
}
.shop-banner .banner-custom-images .banner-phone {
left: 43%;
bottom: 19%;
z-index: 1;
width: 196px;
} .shop-prod-sec {
padding: 70px 0px;
background-color: #ffffff14;
}
.shop-prod-sec-left {
background-image: url(//spinealigngolf.com/wp-content/themes/spine-align/assets/images/shop-prod-sec-left-bg.webp);
}
.shop-prod-sec .title {
font-size: 48px;
margin-bottom: 35px;
}
.shop-prod-sec .desc {
font-size: 18px;
line-height: 26px;
font-weight: 500;
margin-bottom: 30px;
}
.shop-prod-sec-left .shop_sec_img_wrapper {
display: inline-block;
padding: 80px 60px;
border: 6px solid #ff9b28;
border-radius: 300px;
background: #fff;
height: 550px;
width: 400px;
display: inline-flex;
align-items: center;
justify-content: center;
}
.shop-prod-sec-left .shop_sec_img_wrapper img {
width: 100%;
} .shop-prod-sec-left .shop-video-section {
position: relative;
width: 230px;
border-radius: 30px;
overflow: hidden;
border: 6px solid #ffffff;
box-shadow: 0px 23px 45px 0px rgba(31, 14, 1, 0.2);
background-color: #fff;
cursor: pointer;
height: 160px;
} .shop-prod-sec-left .shop-video-wrapper {
position: relative;
border-radius: 20px;
overflow: hidden;
height: 100%;
}
.shop-video-wrapper iframe {
display: none;
width: 100%;
height: 100%;
border-radius: 20px;
}
.shop-video-wrapper.active iframe {
display: block;
}
.shop-prod-sec .video-thumbnail {
width: 100%;
border-radius: 20px;
display: block;
height: 100%;
object-fit: cover;
object-position: top;
}
.shop-prod-sec .shop-play-button {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: rgba(0, 0, 0, 0.6);
width: 40px;
height: 40px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
transition: 0.3s ease;
}
.shop-prod-sec .shop-play-button::before {
content: '';
border-left: 14px solid #ff9b28;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
margin-left: 5px;
}
.shop-video-wrapper:hover .shop-play-button {
background: rgba(0, 0, 0, 0.8);
transform: translate(-50%, -50%) scale(1.1);
} .shop_prodcut_price .price-box {
padding: 4px 20px;
background: #fff;
border: 1px solid #ff8421;
border-radius: 50px;
font-size: 24px;
font-weight: bold;
box-shadow: 0 10px 16px rgb(0 0 0 / 7%);
transform: translateY(-2px);
line-height: 1.3;
display: inline-block;
}
.shop_prodcut_price .price-box .small-text {
font-size: 16px;
padding-right: 3px;
}
.shop_prodcut_price .cut_price {
font-size: 24px;
}
.shop_title_wrapper {
margin-bottom: 35px;
}
.shop_title_wrapper .title {
margin-bottom: 0px !important;
}
.video-yt-icon-wrapper {
position: absolute;
bottom: 0;
width: 100%;
}
.yt-icon {
position: absolute;
bottom: -10px;
right: 50px;
z-index: 99;
}
.yt-arrow-icon {
position: absolute;
bottom: -52px;
right: -32px;
}
.yt-arrow-icon img {
width: 100px;
}
.yt-text {
position: absolute;
right: -92px;
bottom: -8px;
font-size: 14px;
font-weight: bold;
}  .shop-prod-sec-left .shop-video-wrapper.active .video-thumbnail,
.shop-prod-sec-left .shop-video-wrapper.active .shop-play-button {
display: none !important;
}
.shop-prod-sec-left .shop-video-box {
bottom: -6px;
right: -33%;
}
.shop-prod-sec-left .shop-box-arrow {
width: 80px !important;
}
.shop-prod-sec-left .shop-box-arrow-1 {
position: absolute;
right: -3%;
bottom: -33px;
transform: rotate(-40deg);
}
.shop-prod-sec-left .shop-box-content {
font-size: 14px;
font-weight: bold;
text-align: center;
}
.shop-prod-sec-left .shop-box-content-1 {
position: absolute;
right: 116px;
bottom: -22%;
}
.shop-prod-sec-right {
background-image: url(//spinealigngolf.com/wp-content/themes/spine-align/assets/images/shop-prod-sec-right-bg.webp);
}
.shop-prod-sec-right .shop_sec_img_wrapper {
display: inline-block;
padding: 80px 60px;
border: 6px solid #ff9b28;
border-radius: 300px;
background: #fff;
height: 550px;
width: 400px;
display: inline-flex;
align-items: center;
justify-content: center;
}
.shop-prod-sec-right .shop_sec_img_wrapper img {
width: 100%;
} .shop-prod-sec-right .shop-video-section {
position: relative;
width: 230px;
border-radius: 30px;
overflow: hidden;
border: 6px solid #ffffff;
box-shadow: 0px 23px 45px 0px rgba(31, 14, 1, 0.2);
background-color: #fff;
cursor: pointer;
height: 160px;
} .shop-prod-sec-right .shop-video-wrapper {
position: relative;
border-radius: 20px;
overflow: hidden;
height: 100%;
} .shop-prod-sec-right .shop-video-wrapper.active .video-thumbnail,
.shop-prod-sec-right .shop-video-wrapper.active .shop-play-button {
display: none !important;
}
.shop-prod-sec-right .shop-video-box {
bottom: -6px;
left: -33%;
}
.shop-prod-sec-right .shop-box-arrow {
width: 80px !important;
}
.shop-prod-sec-right .shop-box-arrow-2 {
position: absolute;
left: -3%;
bottom: -33px;
transform: rotate(40deg);
}
.shop-prod-sec-right .shop-box-content {
font-size: 14px;
font-weight: bold;
text-align: center;
}
.shop-prod-sec-right .shop-box-content-2 {
position: absolute;
left: 116px;
bottom: -22%;
}
.shop-prod-sec-right .right {
text-align: right;
}       .products-details-banner {
background-image: url(//spinealigngolf.com/wp-content/themes/spine-align/assets/images/product-details-banner-img.webp);
background-size: contain; }
.products-details-banner .title {
font-size: 58px;
}
.products-details-banner .banner-custom-images {
display: flex;
align-items: end;
justify-content: end;
width: 100%;
height: 100%;
overflow: hidden;
}
.banner-circle-img {
width: 250px;
height: 250px;
background: #fff;
border-radius: 50%;
border: 6px solid #ff8421;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
right: 30%;
bottom: 14%;
box-shadow: 0px 0px 20px #00000096;
}
.banner-circle-img img {
width: 100%;
height: 100%;
object-fit: contain;
}
.pd-mobile-img {
z-index: 1;
} .benefits-chest-vest-sec {
padding: 80px 0px;
}
.benefits-chest-vest-sec .title {
font-size: 44px;
}
.benefits-chest-vest-sec .video-section {
position: relative;
width: 100%; box-shadow: 0px 25px 25px #ddddddba;
border-radius: 26px;
}
.benefits-chest-vest-sec .video-wrapper {
position: relative;
width: 100%;
border-radius: 26px;
overflow: hidden;
height: 366px !important; height: 100%;
border: 6px solid #d9f143;
cursor: pointer;
background: #000;
}
.benefits-chest-vest-sec .video-thumbnail {
width: 100%;
display: block;
}
.benefits-chest-vest-sec .play-button {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 80px;
height: 80px;
background: rgba(0, 0, 0, 0.8);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
transition: 0.3s;
animation: videopulse 1.5s infinite;
z-index: 2;
}
@keyframes videopulse {
0% {
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.6);
}
70% {
box-shadow: 0 0 0 20px rgba(0, 2041, 0, 0);
}
100% {
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
}
}
.benefits-chest-vest-sec .play-button:hover {
background: #ff8b2a;
}
.benefits-chest-vest-sec .play-button::before {
content: '';
border-left: 35px solid #d9f143;
border-top: 22px solid transparent;
border-bottom: 18px solid transparent;
margin-left: 5px;
transition: 0.3s;
}
.benefits-chest-vest-sec .play-button:hover::before {
border-left: 35px solid #fff;
}
.benefits-chest-vest-sec iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: none;
border-radius: 20px;
}
.benefits-chest-vest-sec .video-wrapper.active .video-thumbnail,
.benefits-chest-vest-sec .video-wrapper.active .play-button {
display: none;
}
.benefits-chest-vest-sec .video-wrapper.active iframe {
height: 400px;
display: block;
}
.benefits-chest-vest-sec .video-bottom-btn {
padding: 20px 40px;
background: #d9f143;
border-radius: 50px;
width: 90%;
display: block;
margin: 0 auto;
margin-top: -36px;
position: relative;
font-size: 18px;
transition: 0.4s;
z-index: 2;
box-shadow: 0px 15px 20px #ddddddba;
}
.benefits-chest-vest-sec .video-bottom-btn:hover {
background: #ff8b2a;
color: #fff !important;
}
.benefits-chest-vest-sec .video-wrapper.active .video-thumbnail,
.benefits-chest-vest-sec .video-wrapper.active .play-button {
display: none;
}
.benefits-chest-vest-sec .right {
padding-left: 100px;
}
.benefits-chest-vest-sec .right .desc {
font-weight: 500;
font-size: 18px;
line-height: 26px;
}
.benefits-chest-vest-sec .right .item {
margin-top: 10px;
border: 2px solid #ff8421;
width: 415px;
padding: 6px 6px 6px 6px;
border-radius: 30px;
transition: transform 0.3s ease;
}
.benefits-chest-vest-sec .right .item .icon_div {
width: 38px;
height: 38px;
border-radius: 50%;
background-color: #ff8421;
}
.benefits-chest-vest-sec .right .item .title {
font-size: 18px;
}
.benefits-chest-vest-sec .right .lists {
margin-bottom: 40px;
}  .biginners-chest-vest-sec {
background-color: #f9f7f1;
padding: 60px 0px;
}
.biginners-chest-vest-sec .left {
width: 90%;
}
.biginners-chest-vest-sec .title {
font-size: 44px;
}
.biginners-chest-vest-sec .right .desc {
font-weight: 400;
font-size: 18px;
line-height: 26px;
}
.biginners-chest-vest-sec .price-box {
padding: 4px 20px;
background: #fff;
border: 1px solid #ff8421;
border-radius: 50px;
font-size: 24px;
font-weight: bold;
box-shadow: 0 10px 16px rgb(0 0 0 / 7%);
transform: translateY(-2px);
line-height: 1.3;
}
.gallery-wrapper .main-img {
height: 400px;
width: 100%;
border-radius: 20px !important;
border: 6px solid #fff;
object-fit: cover;
object-position: top;
}
.gallery-wrapper .thumb {
width: 80px;
height: 80px;
object-fit: cover;
border-radius: 10px;
cursor: pointer;
border: 2px solid #fff;
transition: all 0.3s ease;
}
.gallery-wrapper .thumb.active,
.gallery-wrapper .thumb:hover {
border-color: #ff7a00;
box-shadow: 0 0 10px rgba(255, 122, 0, 0.4);
}  .faqs_video .video-wrapper img {
width: 100%;
height: 100%;
cursor: pointer;
}
.faqs_video .play-button {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 80px;
height: 80px;
background: rgba(0, 0, 0, 0.8);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
transition: 0.3s; z-index: 2;
}
.faqs_video .play-button::before {
content: '';
border-left: 35px solid #d9f143;
border-top: 22px solid transparent;
border-bottom: 18px solid transparent;
margin-left: 5px;
transition: 0.3s;
} .inner-faqs-sec {
background-image: url(//spinealigngolf.com/wp-content/themes/spine-align/assets/images/faqs-banner.webp);
background-position: left;
background-repeat: no-repeat;
background-size: cover;
padding: 80px 0px;
}
.inner-faqs-sec .title {
font-size: 48px;
}
.faqs-wrapper .accordion-item {
border: none;
margin-bottom: 10px;
border-radius: 10px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
border-radius: 20px;
}
.faqs-wrapper .accordion-item {
border: 1px solid #ff8421;
box-shadow: 0 4px 6px rgba(255, 153, 102, 0.15);
background: linear-gradient(to bottom right, #ffffff 32%, #ffeee1 100%);
}
.faqs-wrapper .accordion-button {
padding: 20px 30px !important;
background-color: white;
font-weight: 600;
color: #333;
border-radius: 20px !important;
transition: none;
font-size: 20px;
}
.faqs-wrapper .accordion-button:not(.collapsed)::after,
.faqs-wrapper .accordion-button::after {
filter: none;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23333' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5L8 11L14 5'/%3E%3C/svg%3E");
transition: transform 0.2s ease-in-out;
}
.faqs-wrapper .accordion-button:not(.collapsed)::after {
transform: rotate(-180deg);
}
.faqs-wrapper .accordion-separator {
margin-top: 10px;
margin-bottom: 10px;
border: 0;
border-top: 1px solid #ccc;
opacity: 0.5;
}
.faqs-wrapper .accordion-item.custom-active-item+.accordion-separator {
display: none;
}
.accordion-item:first-of-type .accordion-button {
border-radius: 20px;
}
.accordion-item .accordion-button:focus {
outline: none !important;
box-shadow: none !important;
}
.accordion-button:not(.collapsed) {
box-shadow: none;
background: transparent;
}
.accordion-body {
padding: 20px 30px;
font-size: 18px;
position: relative;
}
.accordion-body:before {
content: "";
height: 1px;
width: 90%;
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
top: 0;
background: #c6c6c6;
}        .tech-comparison-banner {
background-image: url(//spinealigngolf.com/wp-content/themes/spine-align/assets/images/tech-comparison-banner.webp);
}  .stands-out-sec {
padding: 80px 0px;
background-image: url(//spinealigngolf.com/wp-content/themes/spine-align/assets/images/stands-out-bg.webp);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.stands-out-sec .title {
font-size: 48px;
}
.stands-out-sec .desc {
font-size: 18px;
margin-bottom: 40px;
}
.stands-out-sec .comparison-table {
background: white;
border-radius: 20px;
overflow-x: auto;
border: 1px solid #ff8421;
}
.table-shadowed {
box-shadow: 0 10px 30px rgb(255 132 33 / 15%);
}
.table-responsive {
border-radius: 15px;
overflow: hidden;
}
.stands-out-sec .custom-table {
margin: 0;
border-collapse: separate;
border-spacing: 0;
}
.stands-out-sec .custom-table thead th {
background: #f8f9fa;
font-weight: 600;
padding: 20px 15px;
border: none;
text-align: center;
vertical-align: middle;
}
.stands-out-sec .custom-table thead th:first-child {
text-align: left;
background: transparent;
}
.stands-out-sec .custom-table thead th:nth-child(2) {
background: #f1f1f1;
}
.stands-out-sec .custom-table thead th:nth-child(3) {
background: #eae8e4;
}
.stands-out-sec .custom-table thead th:last-child {
background: #fff7df;
}
.stands-out-sec .custom-table thead th,
.custom-table tbody td {
padding: 18px 15px;
border-bottom: 1px solid #c6c6c6;
vertical-align: middle;
}
.stands-out-sec .custom-table tbody td:first-child {
font-weight: 600;
color: #495057;
}
.stands-out-sec .custom-table tbody td:nth-child(2) {
background: #f1f1f1;
font-weight: 500;
}
.stands-out-sec .custom-table tbody td:nth-child(3) {
background: #eae8e4;
font-weight: 500;
}
.stands-out-sec .custom-table tbody td:last-child {
background: #fff7df;
font-weight: 500;
}
.stands-out-sec .custom-table tbody tr:last-child td {
border-bottom: none;
}
.stands-out-sec .icon-cell {
display: flex;
align-items: center;
gap: 10px;
}
.stands-out-sec .table-icon {
width: 24px;
height: 24px;
display: inline-flex;
align-items: center;
justify-content: center;
}
.stands-out-sec .app-logo {
width: 30px;
height: 30px;
background: black;
border-radius: 50%;
display: inline-flex;
align-items: center;
justify-content: center;
color: white;
font-weight: 700;
}
.table-responsive {
overflow-x: auto !important;
-webkit-overflow-scrolling: touch !important;
}  .swing-faults-sec {
padding: 80px 0px;
background-image: url(//spinealigngolf.com/wp-content/themes/spine-align/assets/images/swing-faults.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.swing-faults-sec .title {
font-size: 48px;
}
.swing-faults-sec .desc {
font-size: 18px !important;
margin-bottom: 40px;
}
.swing-faults-table {
background: white;
border-radius: 20px;
padding: 0;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
overflow: hidden;
border: 1px solid #ff8c42;
margin-bottom: 40px;
}
.swing-faults-table .custom-table {
margin-bottom: 0;
}
.swing-faults-table .custom-table thead th {
background-color: #fff;
border-bottom: 2px solid #dee2e6;
padding: 20px 20px;
font-weight: 600;
font-size: 0.95rem;
vertical-align: middle;
}
.swing-faults-table .custom-table tbody td {
padding: 20px 20px;
vertical-align: top;
border-bottom: 1px solid #dee2e6;
font-size: 14px;
line-height: 1.4;
}
.swing-faults-table .custom-table tbody tr:last-child td {
border-bottom: none;
}
.swing-faults-table .custom-table tbody tr:hover {
background-color: #f8f9fa;
}
.swing-faults-table .fault-cell {
font-weight: 600;
color: #333;
}
.swing-faults-table .icon {
font-size: 1.2rem;
margin-right: 8px;
}
.swing-faults-table .custom-table tbody tr:nth-of-type(odd) {
background-color: #ffffff;
}
.swing-faults-table .custom-table tbody tr:nth-of-type(even) {
background-color: #fffae9;
}  .golf-academy-sec {
padding: 70px 0px;
}
.golf-academy-sec .img-box {
text-align: right;
}
.golf-academy-sec .title {
font-size: 48px;
margin-bottom: 25px;
}
.golf-academy-sec .desc {
font-size: 18px;
}
.golf-academy-sec .img-box img {
width: 100%;
}
.golf-academy-sec .img-box img {
border: 6px solid #fb791a;
border-radius: 20px;
width: 540px;
height: 520px;
object-fit: cover;
object-position: center;
box-shadow: 0 10px 20px rgb(255 132 33 / 15%);
}  .master-swing-sec {
padding: 90px 3% 70px 3%;
background: #f9f7f1;
}
.master-swing-sec .title {
font-size: 48px;
}
.master-swing-sec .desc {
font-size: 18px;
margin-bottom: 30px;
}
.master-swing-sec .master-swing-box {
border: 1px solid #ff8421;
border-radius: 20px;
padding: 70px 15px 25px 15px;
text-align: center;
box-shadow: 0px 0px 20px #ff842138; height: 100%;
background-color: #fff;
transition: all 0.4s ease;
}
.master-swing-sec .master-swing-box:hover {
margin-top: -8px;
}
.master-swing-sec .master-swing-box .box-title {
font-size: 18px;
}
.master-swing-sec .master-swing-box .sticky-tag {
font-size: 14px;
padding: 15px 18px;
border-radius: 20px 0px 0px 0px;
}
.master-swing-sec .master-swing-box img {
width: 80px;
height: 80px;
object-fit: contain;
}
.bottom-desc {
font-size: 14px;
}
.custom-mb {
margin-bottom: 30px;
}       .reviews-banner .title {
font-size: 58px;
}
.reviews-banner .sub-title {
font-size: 30px;
margin-bottom: 30px;
} .reviews-sec {
padding: 50px;
}
.reviews-sec .title {
font-size: 24px;
}
.reviews-sec .sub-title {
font-size: 18px;
margin-bottom: 35px;
}
.reviews-sec .reviews-box {
border: 1px solid #ff9b28;
border-radius: 20px;
padding: 35px 30px;
text-align: center;
box-shadow: 0 8px 20px rgba(255, 140, 66, 0.3);
background: linear-gradient(348deg, rgb(255 238 225 / 22%) 0%, rgb(255, 255, 255) 100%); height: 100%;
}
.reviews-sec .reviews-box .reviews-img {
width: 120px;
height: 120px;
border-radius: 50%;
overflow: hidden;
border: 5px solid #ff9b28;
margin: auto;
margin-bottom: 32px;
box-shadow: 0 8px 20px rgba(255, 140, 66, 0.3);
}
.reviews-sec .reviews-box .reviews-img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.reviews-sec .reviews-box .review-content {
font-size: 18px;
margin-bottom: 35px;
}
.reviews-sec .reviews-box .name {
margin-bottom: 40px;
}
.reviews-sec .reviews-box .review-btn {
padding: 12px 40px;
border-radius: 12px 12px 0px 0px;
width: fit-content;
transition: all 0.4s ease;
}
.reviews-sec .reviews-box .review-btn:hover {
background-color: #000 !important;
}
.reviews-sec .reviews-box .quote-img-after {
right: 8%;
bottom: 18%;
}
.loadmore-wrap {
position: relative;
display: table;
width: 100%;
text-align: center;
margin: 40px 0px;
}
.loadmore-wrap:before {
height: 1px;
background: #e4e4e4;
width: 40%;
left: 0;
content: "";
position: absolute;
top: 50%;
}
.loadmore-wrap:after {
height: 1px;
background: #e4e4e4;
width: 40%;
right: 0;
content: "";
position: absolute;
top: 50%;
}
.loadmore-btn {
background: #fff0e5;
text-decoration: none;
padding: 12px 50px;
font-size: 16px;
color: #000;
font-weight: bold;
border-radius: 50px;
border: 1px solid #ff9b28;
position: relative;
}
.loadmore-btn:before {
content: "";
height: 10px;
width: 10px;
position: absolute;
bottom: -26px;
left: 0;
right: 0;
margin: auto;
border-right: 8px solid transparent;
border-top: 12px solid #fd9a28;
border-left: 8px solid transparent;
}
.loadmore-btn:hover {
background: #fb9927;
color: #fff;
}       .blog-banner {
background-position: right center;
}
.blog-banner .banner-content {
padding: 140px 0px 170px 0px;
}
.blog-banner .title {
font-size: 56px;
}
.blogs-sec {
padding: 60px 0px !important;
}
.blogs-sec .title {
font-size: 18px;
text-align: left !important;
margin-bottom: 30px;
}
.blog-card {
background: #fff;
border-radius: 15px;
box-shadow: 0px 0px 20px #e7e7d9;
overflow: hidden;
transition: .3s;
border: 1px solid #e6d6c2;
height: 100%;
}
.blog-card .blog-card:hover {
transform: translateY(-5px);
}
.blog-card .blog-img {
position: relative;
}
.blog-card .blog-img img {
width: 100%;
height: 260px;
object-fit: cover;
}
.blog-card .blog-img .tag {
position: absolute;
bottom: 15px;
left: 15px;
background: #fff;
color: #000;
padding: 4px 15px;
border-radius: 12px;
font-size: 10px;
}
.blog-card .blog-content {
padding: 20px;
display: flex;
justify-content: space-between;
gap: 10px;
}
.blog-card .blog-content-title {
font-size: 18px;
font-weight: 600;
transition: 0.4s;
}
.blog-card .blog-content-title:hover {
color: #ff9b28 !important;
}
.blog-card .blog-content-desc {
font-size: 16px;
color: #555;
margin: 10px 0 15px;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.blog-card .blog-meta {
width: 300px !important;
display: flex;
flex-flow: column;
align-items: end;
justify-content: space-between;
}
.blog-card .blog-meta .date {
font-size: 14px;
color: #000;
font-weight: 600;
}
.blog-card .read-more {
color: #000;
font-weight: 600;
text-decoration: none;
transition: 0.4s;
font-size: 14px;
}
.blog-card .read-more:hover {
color: #ff9b28 !important;
}
.blog-card .read-more:hover i {
color: #000;
}
.blog-card .read-more i {
background: #ff9b28;
width: 20px;
height: 20px;
color: #fff;
border-radius: 50px;
font-size: 12px;
text-align: center;
line-height: 20px;
margin-left: 6px;
}
.custom-sidebar .side-box {
background: #f9f6ed;
margin-bottom: 25px;
border-radius: 10px;
overflow: hidden;
border: 1px solid #e6d6c2;
}
.custom-sidebar .side-box-title {
font-size: 18px;
font-weight: bold;
border-bottom: 1px solid #e6d6c2;
background: #fdf6df;
padding: 15px 20px;
}
.custom-sidebar .side-box-list {
background: #fff !important;
margin-bottom: 0;
padding: 0 20px;
}
.custom-sidebar .side-box-list li {
border-bottom: 1px solid #e6d6c2;
transition: .4s;
}
.custom-sidebar .side-box-list li:hover {
background: #fdf6df;
padding-left: 15px;
padding-right: 15px;
}
.custom-sidebar .side-box-list li:last-child {
border-bottom: 0;
}
.custom-sidebar .side-box-list a {
color: #000;
font-weight: 500;
display: flex;
justify-content: space-between;
text-decoration: none;
align-items: center;
padding: 10px 0;
}
.custom-sidebar .side-box-list a i {
background: #ff9b28;
width: 20px;
height: 20px;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50px;
font-size: 12px;
}
.custom-sidebar .top-article {
background: #fff;
padding: 15px;
border-bottom: 1px solid #e6d6c2;
}
.custom-sidebar .top-article .top-article-title {
font-size: 16px;
font-weight: 700;
}
.custom-sidebar .top-article .top-article-desc {
font-size: 16px;
color: #000;
margin-bottom: 15px;
}
.custom-sidebar .top-article .info span {
font-size: 14px;
color: #989898;
font-weight: 600;
}
.custom-sidebar .top-article .info span i {
margin-right: 6px;
}
.custom-sidebar .top-article .right-arrow {
background: #ff9b28;
width: 20px;
height: 20px;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50px;
font-size: 12px;
transition: 0.4s;
}
.custom-sidebar .top-article .right-arrow:hover {
background: #000;
} .custom-pagination .page-link {
border: none;
background: #fff;
padding: 14px 22px;
margin: 0 4px;
border-radius: 10px !important;
font-weight: 600;
color: #000;
box-shadow: 0 5px 12px rgba(0, 0, 0, 0.1);
font-size: 18px;
}
.custom-pagination .page-item.active .page-link {
background: #ff8421 !important;
color: #fff !important;
}
.custom-pagination .page-item .page-link:hover {
background: #ff8421;
color: #fff;
}
.custom-pagination .page-link.dots {
pointer-events: none;
background: transparent;
box-shadow: none;
}
.custom-pagination .page-item.disabled .page-link {
color: #999;
background: #fff;
}
.blogs-sec .pagination {
margin-top: 30px;
}      .inside-banner.category-banner:before {
background: linear-gradient(to right, #07052f 50%, #07052f 75%);
}       .blog-details-banner { background: linear-gradient(to right, #ffffff 20%, rgba(255, 255, 255, 0) 100%);
background-size: 50% 100%, contain;
background-position: right center, center center;
background-repeat: no-repeat;
}
.long-title-mode {
font-size: 50px !important;
line-height: 1.2;
}
.banner-tag {
background: #ff8421;
color: #000;
padding: 10px 20px;
border-radius: 50px;
font-size: 14px;
font-weight: 600;
margin-bottom: 15px !important;
display: inline-block;
}
.banner-social-icons ul {
background: #6a6982;
padding: 8px 10px;
border-radius: 50px;
}
.banner-social-icons ul li a {
color: #000;
background: #fff;
height: 32px;
width: 32px;
display: inline-block;
font-size: 20px;
text-align: center;
line-height: 32px;
border-radius: 50px;
margin-right: 10px;
transition: 0.4s;
}
.banner-social-icons ul li a:hover {
background: #ff8421;
color: #fff;
}
.banner-social-icons ul li:last-child a {
margin: 0;
}
.blog-details-banner .banner-content {
padding: 140px 0px 50px 0px;
}  .blogs-details-sec {
padding: 60px 0px !important;
}
.blog-details-wrapper {
padding-right: 80px;
}
.blog-details-wrapper .title {
font-size: 30px;
font-weight: bold;
margin-bottom: 20px;
}
.blog-details-wrapper p {
font-size: 18px;
font-weight: 500;
margin-bottom: 30px;
}
.blog-details-wrapper .img-box {
box-shadow: 0px 0px 20px #e7e7d9;
border-radius: 20px;
overflow: hidden;
border: 1px solid #ff8421;
width: 100%;
height: 450px;
}
.blog-details-wrapper .img-box img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.blog-details-wrapper .bolg-details-content-title {
font-size: 24px;
font-weight: bold;
margin-bottom: 30px;
}
.bolg-details-sub-title {
font-size: 18px;
font-weight: 500;
margin-bottom: 30px;
}
.blog-details-wrapper ul {
padding: 0;
margin: 0;
list-style-type: none;
}
.blog-details-wrapper ul li {
font-size: 18px;
font-weight: 500;
margin-bottom: 20px;
padding-left: 38px;
position: relative;
}
.blog-details-wrapper ul li:before {
background-image: url(//spinealigngolf.com/wp-content/themes/spine-align/assets/images/icons/check-icon-circle.png);
content: "";
height: 40px;
width: 40px;
background-repeat: no-repeat;
background-position: left;
position: absolute;
left: 0;
top: -6px;
}
.blog-details-wrapper .blog-details-quote {
padding: 40px;
border: 1px solid #ff8421;
border-radius: 20px;
background: #fff;
box-shadow: 0px 0px 20px #e7e7d9;
margin: 40px 0px;
background: linear-gradient(to bottom right, #ffffff 32%, #ffeee1 100%);
}
.blog-details-wrapper .blog-details-quote .quote {
font-size: 32px;
}
.blog-details-wrapper .imb-box-2 {
height: 450px;
width: 100%;
border-radius: 20px;
overflow: hidden;
box-shadow: 0px 0px 20px #e7e7d9;
border: 1px solid #ff8421;
margin: 30px 0px;
}
.blog-details-wrapper .imb-box-2 img {
width: 100%;
height: 100%;
object-fit: cover;
}  .recent_articles {
background: #e4e4e4;
padding: 70px 0px 80px 0px;
}
.recent_articles .title {
margin-bottom: 70px;
}     .entry-title {
display: none;
}
.entry-footer {
display: none;
}
.slick-dots {
display: none !important;
}
.slick-prev:before {
display: none !important;
}
.slick-next:before {
display: none !important;
}
.custom_class_menu li a {
color: #000 !important;
} .shop-prod-sec:nth-child(4) .title br {
display: none;
}
.faqs_wrapper .right .description .description {
padding: 0;
border: none;
box-shadow: none;
}
.faqs_wrapper .right .slice_box .slice_box {
box-shadow: none;
border: none;
background: transparent;
border-radius: 0;
overflow: visible;
}
@media (min-width: 1400px) {
.col-lg-2-4 {
flex: 0 0 20%;
max-width: 20%;
}
}      .faqs_banner {
padding: 90px 0px;
background-image: url(//spinealigngolf.com/wp-content/themes/spine-align/assets/images/faqs-banner-golf-image.webp);
}
.faqs_banner.inside-banner:before {
background: linear-gradient(to right, #07052f 44%, #ff99cc00 50%);
}
.faqs_banner.inside-banner {
background-position: right;
}
.faqs_banner .title {
font-size: 60px;
}
.faqs_banner .hand_mobile {
position: absolute;
bottom: 0;
right: 540px;
} .faqs_wrapper {
padding: 60px 0px;
} .faqs_wrapper .left .top_title {
font-size: 20px;
}
.faqs_wrapper .custom-tabs .nav-link {
color: #646360;
font-size: 26px;
font-weight: bold;
padding: 0px 0px 5px 0px;
line-height: 1.2 !important;
width: 100%;
text-align: left;
border: 0;
background: transparent;	
}
.faqs_wrapper .custom-tabs .nav-item {
margin-bottom: 25px;
}
.faqs_wrapper .custom-tabs .nav-item:last-child {
margin-bottom: 0px;
}
.faqs_wrapper .custom-tabs .nav-link.active {
color: #000000;
border-bottom: 3px solid #ff8421;
position: relative;
}
.faqs_wrapper .custom-tabs .nav-link.active::before {
position: absolute;
content: url(//spinealigngolf.com/wp-content/themes/spine-align/assets/images/icons/orange-arrow.webp);
right: 0;
} .faqs_wrapper .right .top_title {
font-size: 24px;
position: relative;
display: inline-flex;
align-items: center;
width: 100%;
margin-top: 15px;
}
.faqs_wrapper .right .top_title::after {
content: "";
flex-grow: 1;
border-top: 1px solid #c6c6c6;
margin-left: 10px;
}
.faqs_wrapper .right .slice_box {
border: 1px solid rgb(255, 132, 33);
border-radius: 20px;
overflow: hidden;
box-shadow: 0px 12px 23px 0px rgba(255, 132, 33, 0.28);
background: linear-gradient(1deg,
rgb(255, 238, 225) 0%,
rgb(255, 255, 255) 100%);
}
.faqs_wrapper .right .item {
padding: 25px 20px;
border-right: 1px solid #c6c6c6;
height: 100%;
}
.faqs_wrapper .right .item .icon {
width: 28px;
object-fit: contain;
height: 28px;
}
.faqs_wrapper .right .item .title {
font-size: 20px;
}
.faqs_wrapper .right .item .desc {
font-size: 18px;
}
.faqs_wrapper .right .cs_child:last-child .item {
border-right: 0 !important;
}
.faqs_wrapper .right .description {
padding: 25px 40px 25px 55px;
border-top: 1px solid #c6c6c6;
}
.faqs_wrapper .right .description .title {
font-size: 20px;
}
.faqs_wrapper .right .description .desc {
font-size: 18px;
} .faqs_wrapper .right .faqs-wrapper .accordion-body {
line-height: 1.3 !important;
color: #000000;
}
.faqs_wrapper .right .faqs-wrapper .accordion-button {
color: #000000;
}
.faqs_wrapper .right .faqs-wrapper .items {
margin-bottom: 20px;
}
.faqs_wrapper .right .faqs-wrapper .items:last-child {
margin-bottom: 0px;
}
.faqs_wrapper .right .accordion-body:before {
width: 100%;
} .slice_box.conclusion {
padding: 25px;
}
.slice_box.conclusion .title {
font-size: 20px;
}
.slice_box.conclusion p {
font-size: 18px;
}   .htu-academy-sec {
padding: 80px 0px 50px 0px;
background-position: right;
background-size: cover;
background-repeat: no-repeat;
}
.htu-academy-sec .title {
font-size: 48px;
}
.htu-academy-sec .desc {
font-size: 18px !important;
margin-bottom: 40px;
}
.steps-container {
position: relative;
display: flex;
align-items: center;
justify-content: center;
min-height: 500px;
gap: 10px;
}
.step-wrapper {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
}
.step-circle {
width: 190px;
height: 190px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 95px;
font-weight: bold;
color: #000;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
transition: transform 0.3s ease;
position: relative; border: 1px solid #ff8b2a;
}
.step-circle:hover {  }
.step-1 .step-circle {
background: linear-gradient(135deg, #fff3ea 0%, #fff3ea 100%);
}
.step-2 .step-circle {
background: linear-gradient(135deg, #ffe5d2 0%, #fce2d0 100%);
}
.step-3 .step-circle {
background: linear-gradient(135deg, #ffd8ba 0%, #ffd8ba 100%);
}
.step-4 .step-circle {
background: linear-gradient(135deg, #ffcda7 0%, #ffcda7 100%);
}
.step-5 .step-circle {
background: linear-gradient(90deg, #ffc498 0%, #faf2e8 100%);
}
.step-content {
position: absolute;
text-align: center;
width: 220px;
}
.step-content.top {
bottom: 215px;
}
.step-content.bottom {
top: 215px;
}
.step-title {
font-size: 18px;
font-weight: 700;
margin-bottom: 10px;
line-height: 1.2;
color: #000;
}
.step-description {
font-size: 14px;
color: #000;
line-height: 1.5;
font-weight: 500;
}
.step-circle:after {
content: "";
height: 110%;
width: 112%;
position: absolute;
border-radius: 50%;
z-index: -15;
}
.step-1 .step-circle:after {
background: linear-gradient(90deg, #fffaf5 0%, #f7d2b4 100%);
clip-path: inset(50% 0 0 0);
}
.step-2 .step-circle:after {
background: linear-gradient(90deg, #f6ceae 0%, #f0b687 100%);
clip-path: inset(0 0 50% 0);
}
.step-3 .step-circle:after {
background: linear-gradient(90deg, #e7af81 0%, #d49460 100%);
clip-path: inset(50% 0 0 0);
}
.step-4 .step-circle:after {
background: linear-gradient(90deg, #f4aa6e 0%, #eb9651 100%);
clip-path: inset(0 0 50% 0);
}
.step-5 .step-circle:after {
background: linear-gradient(90deg, #ea944e 0%, #e67214 100%);
clip-path: inset(50% 0 0 0);
} .sa-academy-sec {
padding: 80px 0px 50px 0px;
background-color: #f9f7f1;
}
.sa-academy-sec .title {
font-size: 48px;
}
.sa-academy-sec .desc {
font-size: 18px !important;
margin-bottom: 40px;
}
.lesson-card {
border: 1px solid #ff8421;
border-radius: 20px;
padding: 55px 20px 60px 20px;
text-align: left;
box-shadow: 0px 0px 20px #ff842138; background-color: #fff;
transition: all 0.4s ease;
border-radius: 20px;
}
.success-lesson-completed .lesson-card {
background: #e7fbe7 !important;
}
.lesson-card .lesson-title {
font-size: 18px;
}
.lesson-card .lesson-subtitle {
font-size: 18px;
line-height: 1.3;
}
.lesson-card .sticky-tag {
font-size: 14px;
padding: 15px 18px;
border-radius: 20px 0px 0px 0px;
background-color: #000;
}
.lesson-card .box-footer-left {
font-size: 14px; padding: 12px 15px;
border-radius: 0px 0px 0px 20px;
background-color: #ffe4ce;
color: #000;
}
.lesson-card .box-footer-right {
font-size: 14px;
padding: 12px 15px;
border-radius: 0px 0px 20px 0px;
background-color: #ff8421;
color: #fff;
transition: all 0.35s ease;
}
.lesson-card .box-footer-right:hover {
background: #000;
}
.lesson-card .icon-box { text-align: center;
padding: 0px 20px;
}
.lesson-card-full {
width: 100%;
}
.lesson-card-full .lesson-card {
width: 65% !important;
margin: 0 auto;
background: linear-gradient(90deg, #ffe8d6 0%, #fedcc0 100%);
padding: 25px 20px 35px 20px;
border: 2px solid #fff;
box-shadow: 0px 0px 20px #00000038;
}
.lesson-card-full .lesson-card-box-wrapper {
width: 70%;
margin-left: 128px;
}
.featured-card {
background-color: var(--bs-orange-light);
border-left: 5px solid var(--bs-orange-dark);
padding: 2rem 3rem;
margin-bottom: 2rem;
max-width: 800px;
}
.lesson-title {
font-size: 1.1rem;
font-weight: 600;
color: var(--bs-text-primary);
}
.lesson-subtitle {
font-size: 0.9rem;
color: var(--bs-text-secondary);
}
.step-content .step-title {
width: 60%;
margin: auto;
margin-bottom: 5px;
}         .membership_landing_banner {
background-image: url(//spinealigngolf.com/wp-content/themes/spine-align/assets/images/membership-landing-page-banner-bg.webp);
background-position-x: 140%;
background-position-y: -105px;
}
.membership_landing_banner.inside-banner:before {
background: linear-gradient(to right,
#07052f 50%,
#ff99cc00 60%) !important;
}
.membership_landing_banner.inside-banner .banner-content {
padding: 140px 0px !important;
}
.membership_landing_banner .title {
font-size: 54px;
} .welcome_wrapper {
background-color: #f9f7f1;
position: relative;
overflow: hidden;
}
.welcome_wrapper .left {
padding-top: 100px;
}
.circle_wrapper {
width: 100%;
height: 270px;
position: relative;
}
.inner_circle {
width: 500px;
height: 500px;
border: 2px solid #ff8b2a;
border-radius: 50%;
background-color: #f0ece1;
margin: 0 auto;
box-shadow: 21.213px -21.213px 45px 0px rgba(224, 112, 46, 0.14);
}
.welcome_wrapper .title {
font-size: 32px;
}
.welcome_wrapper .desc {
font-size: 18px;
}     .login_sec {
background-image: url(//spinealigngolf.com/wp-content/themes/spine-align/assets/images/login-banner.webp);
background-repeat: no-repeat;
background-size: cover;
background-position: right;
}
.login_sec .left {
padding: 180px 0px 120px 0px;
}
.login_sec .login_card {
padding: 110px 60px 35px 60px;
border: 2px solid #ff8b2a;
border-radius: 20px;
box-shadow: 0px 30px 45px 0px rgba(255, 139, 42, 0.24);
background: rgba(7, 5, 47, 0.702);
}
.login_sec .login_card .logo_wrapper {
width: 140px;
height: 140px;
border-radius: 50%;
border: 4px solid #ff8b2a;
box-shadow: 0px 30px 45px 0px rgba(255, 139, 42, 0.24);
background-color: white;
}
.login_sec .login_card .login_title {
font-size: 30px;
}
.login_sec .login_card .login_deatils {
font-size: 22px;
}
.login_sec .login_card .label {
font-size: 18px;
}
.login_sec .login_card .form_control,
.login_sec .login_card .form-select {
background-color: transparent;
border: 2px solid #231f70 !important;
padding: 10px 25px;
color: #a2a2a2;
border-radius: 0px;
outline: 0;
}
.login_sec .login_card .form-select {
background-image: url(//spinealigngolf.com/wp-content/themes/spine-align/assets/images/icons/drop-down-icon.png) !important;
}
.login_sec .login_card .form_control::placeholder {
color: #a2a2a2;
font-size: 18px;
}
.login_sec .login_card .form_control:focus {
box-shadow: none;
border: 2px solid #231f70;
}
.login_card_wrapper {
margin-top: 70px;
}
#please_wait_div.btn {
padding-left: 35px !important;
} .login_sec .login_card .forgot_link {
font-size: 18px;
color: #9ea0ac;
border-bottom: 2px solid #9ea0ac;
}
.login_sec .login_card .account_text {
font-size: 18px;
}
.login_sec .login_card .create_account {
border-bottom: 2px solid #ff8421;
}
.login_sec .login_card .create_account:hover {
color: #ff8421;
}
.login_sec .login_card .btn-img-icon {
background: #ff8421;
} .global_academy_right {
padding: 130px 0px;
}
.global_academy_right .title {
font-size: 60px;
}
.global_academy_right .desc {
font-size: 20px;
}
.global_academy_right .icon_div {
width: 60px;
height: 60px;
background-color: #1f1f2c;
border-radius: 50%;
box-shadow: 0px 6px 23px 0px rgba(255, 139, 42, 0.24);
border: 3px solid #ff8b2a;
}
.global_academy_right .icon_div::after {
position: absolute;
content: url(//spinealigngolf.com/wp-content/themes/spine-align/assets/images/icons/login-green-check.webp);
right: -10px;
top: -10px;
}
.global_academy_right .item .text {
font-size: 16px;
font-weight: 400;
}
.global_academy_right .item {
margin-bottom: 25px;
}
.global_academy_right .cs_child:nth-child(5) .item,
.global_academy_right .cs_child:nth-child(6) .item {
margin-bottom: 0px;
} .signup_sec .left {
padding-top: 130px !important;
}
.signup_card {
padding: 35px !important;
}
.signup_card .cs_pass::after {
top: 22px !important;
}
.text_orange {
color: #ff8b2a !important;
}
.signup_card .cs_row {
margin-bottom: 35px;
}
.signup_card .form_control:focus-visible {
border: 2px solid #231f70 !important;
}
.signup_card .cs_select {
font-size: 18px;
}
.check_text {
color: #a2a2a2;
font-size: 18px;
}
.form-check-input[type="checkbox"] {
border-radius: 0;
background: transparent;
border: 2px solid #231f70 !important;
padding: 12px;
cursor: pointer;
}
.custom_select {
position: relative;
}
.custom_select:after {
content: "\f078";
font-family: "Font Awesome 5 Free";
font-weight: 900;
color: #fff;
position: absolute;
right: 14px;
top: 50%;
transform: translateY(-50%);
pointer-events: none;
}
.cs_btn.btn-prim:focus {
border-color: #FFA500 !important;
box-shadow: 0 0 5px #FFA500 !important;
outline: none;
}   .testimonial-single h2 {
font-size: 2rem;
font-weight: 700;
}
.testimonial-content p {
font-size: 1rem;
line-height: 1.8;
}
.testimonial-image {
overflow: hidden;
border-radius: 20px;
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
}
.testimonial-image img {
height: 500px;
object-fit: cover;
object-position: top;
}   #policy_label {
user-select: none;
cursor: pointer;
}
html.modal-open,
body.modal-open,
.site.modal-open,
.site-content.modal-open,
.page-wrapper.modal-open,
#wrapper.modal-open,
#page.modal-open {
overflow: hidden !important;
height: 100vh !important;
}
.welcome_pop_title {
color: #fff;
}
.pop_wel_and_very .modal-close {
background-color: #FF8421;
color: #fff;
border-radius: 5px;
position: absolute;
top: 15px;
right: 15px;
cursor: pointer;
font-size: 28px;
height: 40px;
width: 40px;
line-height: 30px;
}
.pop_wel_and_very {
background-color: #07052F;
border-radius: 16px;
border: 2px solid #F57C14;
}
.custom-modal-width {
width: 90%;
max-width: 700px;
margin: 0 auto;
}
@media (max-width: 576px) {
.custom-modal-width {
width: 95%;
}
}
.modal-body {
padding: 25px;
}
.welcome_model {
background-color: #151538;
border-radius: 10px;
color: #fff !important;
border-radius: 10px;
border: 2px solid #FF8421;
padding: 10px;
}
#welcome_pop_close_button {
background-color: #ff8800 !important;
padding: 10px;
opacity: 1 !important;
margin-top: -37px;
}
.green_double_circle_check_mark {
width: 40px;
} #cs_register_form input:focus,
#cs_register_form select:focus {
border-color: #FFA500 !important;
box-shadow: 0 0 5px #FFA500 !important;
outline: none;
}
#cs_login_form input:focus,
#cs_login_form select:focus {
border-color: #FFA500 !important;
box-shadow: 0 0 5px #FFA500 !important;
outline: none;
}
#forgot_password_form input:focus,
#forgot_password_form select:focus {
border-color: #FFA500 !important;
box-shadow: 0 0 5px #FFA500 !important;
outline: none;
}
#log_subment_btn_logging {
display: none;
}
#login_password_icon {
cursor: pointer;
position: absolute;
right: 15px;
top: 34px;
} #pass_one_icon {
cursor: pointer;
}
#pass_one_icon {
cursor: pointer;
position: absolute;
right: 15px;
top: 26px;
}
#pass_rep_id {
cursor: pointer;
}
#pass_rep_id_icon {
cursor: pointer;
position: absolute;
right: 15px;
top: 26px;
}
.signup_card {
display: none;
}
#forgot_password {
display: none;
} .cs_knowledge_results_style {
border: 1px solid #b9b7de;
position: absolute;
width: 100%;
min-width: 100%;
max-width: 600px;
padding: 14px;
box-sizing: border-box;
background-color: #fff;
z-index: 3;
position: relative;
position: absolute;
top: 70px;
}
.con_tab_cat {
display: none;
}
.read_more {
background-color: #FF8421;
padding: 10px;
color: #fff;
border-radius: 10px;
text-decoration: none;
}
.read_more:hover {
color: #fff;
background: #e66f00;
} .cs-search-card a {
color: #000;
text-decoration: none;
padding: 5px 10px;
display: block;
}
.cs-search-card a:hover {
color: #fe9a28;
}
#please_wait_div {
display: none;
color: #fff;
}   .biginners-chest-vest-sec {
background-color: #f9f7f1;
padding: 60px 0px;
}
.biginners-chest-vest-sec .title {
font-size: 44px;
line-height: 1.2;
}
.biginners-chest-vest-sec .right .desc {
font-weight: 400;
font-size: 18px;
line-height: 26px;
}
.biginners-chest-vest-sec .price-box {
padding: 4px 20px;
background: #fff;
border: 1px solid #ff8421;
border-radius: 50px;
font-size: 24px;
font-weight: bold;
box-shadow: 0 10px 16px rgb(0 0 0 / 7%);
transform: translateY(-2px);
line-height: 1.3;
color: #000;
}
.gallery-wrapper .main-img {
height: 400px;
width: 100%;
border-radius: 20px !important;
border: 6px solid #fff;
object-fit: contain;
object-position: top;
cursor: zoom-in;
transition: opacity 0.3s ease;
}
.gallery-wrapper .thumb {
width: 80px;
height: 80px;
object-fit: cover;
border-radius: 10px;
cursor: pointer;
border: 2px solid #fff;
transition: all 0.3s ease;
}
.gallery-wrapper .thumb.active,
.gallery-wrapper .thumb:hover {
border-color: #ff7a00;
box-shadow: 0 0 10px rgba(255, 122, 0, 0.4);
}
.single-product .entry-title {
display: block;
}
.fc-primary {
color: #ff8421;
}
.rating-stars ul li {
display: inline-block;
margin-right: 2px;
}
.rating-stars i {
font-size: 18px;
}
.woocommerce-tabs.wc-tabs-wrapper {
display: none;
}
.biginners-chest-vest-sec .price-box.has-discount {
background: transparent;
border: none;
border-radius: 0;
box-shadow: unset;
padding: 0;
display: flex;
flex-direction: row-reverse;
align-items: flex-end;
gap: 8px;
}
.biginners-chest-vest-sec .price-box.has-discount ins {
text-decoration: none;
padding: 4px 20px;
background: #fff;
border: 1px solid #ff8421;
border-radius: 50px;
}
.biginners-chest-vest-sec .price-box.has-discount del {
color: #ff9b28;
font-size: 20px;
}   .lessons_section .title {
font-size: 44px;
text-align: center;
}
.lessons_section .video_desc p {
font-size: 20px;
}
.lessons-banner .banner-content {
padding: 200px 0px 160px 0px;
}
.video-box {
border: 10px solid #ff9b28;
}
.custom_popup .btn-close {
position: absolute;
right: 15px;
top: 15px;
}
.custom_popup .success__icon {
font-size: 80px;
display: block;
width: 100%;
text-align: center;
}
.custom_popup .modal-title {
font-size: 30px;
}   .knowledge-single-section {
padding: 40px 0px;
}
.knowledge-single-section .custom-sidebar {
padding-top: 50px;
}
.custom_title_desc {
margin-bottom: 40px;
}
.custom_title_desc .title {
font-size: 30px;
font-weight: bold;
}
.custom_title_desc .desc {
font-size: 18px; font-weight: 400;
}
.custom_title_desc .desc:last-child {
margin-bottom: 0;
}
.custom_title_desc .subtitle {
font-size: 24px;
font-weight: bold;
color: #000;
margin-bottom: 5px;
} .custom_sec_img_content {
margin-bottom: 40px;
}
.custom_sec_img_content p {
font-size: 18px;
font-weight: 500;
margin-bottom: 30px;
}
.custom_sec_img_content .img-box {
box-shadow: 0px 0px 20px #e7e7d9;
border-radius: 20px;
overflow: hidden;
border: 1px solid #ff8421;
width: 100%; }
.custom_sec_img_content .img-box img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.inner-content-box .inner-title {
font-size: 30px;
font-weight: bold;
}
.inner-content-box .inner-list-title {
font-size: 18px;
font-weight: bold;
margin-bottom: 2px;
}
.inner-content-box .inner-subtitle {
font-size: 24px;
font-weight: bold;
margin-bottom: 2px;
}
.custom_sec_img_content .sec-subtitle {
font-size: 18px;
font-weight: bold;
margin-bottom: 40px;
}
.custom-list-wrapper {
padding: 0;
margin: 0;
list-style-type: none;
}
.custom-list-wrapper li {
font-size: 18px;
font-weight: 500;
margin-bottom: 20px;
padding-left: 38px;
position: relative;
}
.custom-list-wrapper li:before {
background-image: url(//spinealigngolf.com/wp-content/themes/spine-align/assets/images/icons/check-icon-circle.png);
content: "";
height: 40px;
width: 40px;
background-repeat: no-repeat;
background-position: left;
position: absolute;
left: 0;
top: -6px;
}
.custom_quote_box_sec {
margin-bottom: 40px;
}
.custom_quote_box_sec .title {
font-size: 32px;
font-weight: 300;
color: #000;
font-style: italic;
line-height: 1.1;
border-style: solid;
border-width: 1px;
border-color: rgb(255, 132, 33);
border-radius: 20px;
background-image: -moz-linear-gradient(97deg, rgb(255, 238, 225) 10%, rgb(255, 255, 255) 60%);
background-image: -webkit-linear-gradient(97deg, rgb(255, 238, 225) 10%, rgb(255, 255, 255) 60%);
background-image: -ms-linear-gradient(97deg, rgb(255, 238, 225) 10%, rgb(255, 255, 255) 60%);
box-shadow: 0px 12px 23px 0px rgba(255, 132, 33, 0.28);
padding: 20px 25px;
}
.custom_title_desc .img-box {
box-shadow: 0px 0px 20px #e7e7d9;
border-radius: 20px;
overflow: hidden;
border: 1px solid #ff8421;
width: 100%; background: #fff;
margin-top: 30px;
}
.custom_title_desc .img-box img {
width: 100%;
}
.custom_video_sec .video-section .video-wrapper {
position: relative;
width: 100%;
overflow: hidden;
border-radius: 20px;
box-shadow: 0px 5px 20px rgba(255, 125, 62, 0.3);
height: 450px;
margin-bottom: 40px;
} .custom_video_sec .video-section .video-thumbnail {
width: 100%;
height: auto;
display: block;
transition: .3s ease;
cursor: pointer;
}
.custom_video_sec .video-section iframe {
width: 100%; height: 100%;
border: none;
display: none;
border-radius: 20px;
}
.custom_video_sec .video-section .play-button {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 70px;
height: 70px;
background: rgba(255, 255, 255, 0.9);
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
}
.custom_video_sec .video-section .play-button::before {
content: "";
border-style: solid;
border-width: 12px 0 12px 20px;
border-color: transparent transparent transparent #000;
margin-left: 5px;
}
.inner-content-box {
margin-bottom: 25px;
}
.custom-404-page {
background: #ff830c;
}
.custom-404-page img {
margin: 0 auto;
display: block;
height: 100vh;
} .side-box-style {
background: #fff;
border-radius: 0px 0px 10px 10px;
padding: 8px;
}
.cat-link-wrap,
.sub-link-wrap {
text-decoration: none !important;
color: inherit !important;
flex-grow: 1;
cursor: pointer;
}
.cat-link-wrap:hover .cat-title,
.sub-link-wrap:hover span {
color: #FF6600;
}
.cat-header {
padding: 10px 10px;
border-bottom: 1px solid #e6d6c2;
transition: all 0.3s ease;
z-index: 2 !important;
background: #fff;
position: relative;
}
.sub-menu-list li:before {
position: absolute;
width: 12px;
height: 2px;
background-color: #e6d6c2;
content: "";
left: -16px;
top: 18px;
}
.category_group {
position: relative;
margin-bottom: 3px;
}
.category_group:before {
position: absolute;
width: 2px;
height: calc(100% - 17px);
background-color: #e6d6c2;
content: "";
top: 0px;
left: 16px;
z-index: 0;
}
.category_group:last-child .cat-header {
border-bottom: none; }
.cat-header:hover {
background-color: #f9f9f9;
border-radius: 8px;
}
.category_group.active .cat-header {
background-color: #FFF5EB;
border-radius: 8px;
border-bottom: none;
z-index: 999999 !important;
position: relative;
}
.cat-title {
font-size: 16px;
font-weight: 700;
color: #000;
transition: 0.3s;
}
.cat-header.active .cat-title {
color: #000;
}
.sub-icon {
width: 16px;
height: auto;
margin-right: 8px;
}
.custom-sidebar .toggle-btn {
width: 24px;
height: 24px;
border: 1px solid #FF6600;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
color: #FF6600;
font-size: 12px;
transition: all 0.3s;
cursor: pointer;
flex-shrink: 0;
margin-left: 10px;
}
.category_group.active .toggle-btn {
background: #FF6600;
color: #fff;
transform: rotate(180deg);
}
.category_group.active .toggle-btn i::before {
content: "\f068";
}
.sub-menu-list,
.sub-sub-menu-list,
.posts-list {
display: none;
list-style: none;
padding-left: 20px;
margin-bottom: 0;
margin-left: 25px;
margin-top: 10px;
}
.sub-menu-list li,
.sub-sub-menu-list li,
.posts-list li {
padding: 4px 10px 2px 0px;
position: relative;
margin-left: 34px;
}
ul.sub-sub-menu-list li.has-children {
padding-right: 0px;
padding-left: 0px;
}
.sub-cat-head,
.sub-sub-head,
.post-link {
display: flex;
align-items: center;
font-size: 14px;
color: #333;
}
.custom-sidebar .post-link {
text-decoration: none;
color: #555;
}
.custom-sidebar .post-link:hover {
color: #FF6600;
}
.sub-cat-head.active-sub {
color: #FF6600;
font-weight: bold;
}
.sub-cat-head,
.sub-sub-head {
padding: 5px 0;
background: #fff !important;
position: relative;
z-index: 9;
font-size: 14px;
}
.inner-toggle-btn {
font-size: 10px;
width: 20px;
height: 20px;
border: 1px solid #FF6600;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
color: #FF6600;
margin-left: 10px;
transition: all 0.3s;
cursor: pointer;
flex-shrink: 0;
}
.active-toggle .inner-toggle-btn {
background: #FF6600;
color: white;
}
.active-toggle .inner-toggle-btn i::before {
content: "\f068";
} .category_group .sub-menu-list .sub-sub-menu-list {
position: relative;
}
.category_group .sub-menu-list .sub-sub-menu-list:after {
position: absolute;
width: 2px;
height: calc(100% - 17px);
background-color: #e6d6c2;
content: "";
top: 0;
left: 5px;
z-index: 0;
} .category_group .sub-menu-list .sub-sub-menu-list li { margin-left: 26px;
}
.category_group .sub-menu-list .sub-sub-menu-list li:before {
left: -20px;
}
.category_group .sub-menu-list .sub-sub-menu-list li .sub-sub-head {
position: relative;
}   .wpcf7 form.sent .wpcf7-response-output {
color: #46b450;
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
color: #ffb900;
}
.wpcf7 form .wpcf7-response-output {
color: #fff;
} .category_group ul.posts-list {
position: relative;
}
.category_group ul.posts-list:after {
position: absolute;
width: 2px;
height: calc(100% - 28px);
background-color: #e6d6c2;
content: "";
top: 0;
left: 5px;
z-index: 0;
}
.custom-sidebar .post-link {
align-items: start;
}
.category_group ul.posts-list li {
padding-right: 0;
}
.support_faqs .custom-tabs .nav-link.active::before {
right: -20px;
}
.blog-details-wrapper ul {
margin-top: 20px;
}
.testimonials-sec .testimonial-item .testi-content .testi-desc {
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
} .training-info-wrap {
border-color: #ff8421 !important;
}
.product-training-section {
padding: 60px 0px;
background: #ff9b28;
}
.training-title {
font-size: 44px;
font-weight: 900;
display: flex;
align-items: baseline;
gap: 10px;
}
.training-content {
font-size: 18px;
} #custom-cart-notice {
position: fixed;
top: -100px;
left: 50%;
transform: translateX(-50%);
background: #0bbb08;
color: #fff;
padding: 12px 30px;
border-radius: 50px;
z-index: 10000;
display: flex;
align-items: center;
gap: 20px;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
transition: all 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55);
font-family: inherit;
white-space: nowrap;
}
#custom-cart-notice.show {
top: 40px;
}
#custom-cart-notice .view-cart-link {
color: #ebeeee;
text-decoration: none;
font-weight: 700;
font-size: 13px;
text-transform: uppercase;
letter-spacing: 0.5px;
border-left: 1px solid #444;
padding-left: 15px;
}
#custom-cart-notice .view-cart-link:hover {
color: #fff;
text-decoration: underline;
}
.shop-prod-sec .added_to_cart.wc-forward {
display: none;
}
.sa-cart-btn.is-loading {
pointer-events: none;
opacity: 0.9;
}
.sa-btn-loader i {
font-size: 18px;
vertical-align: middle;
}
.cart-icon-img,
.sa-btn-loader {
transition: all 0.2s ease;
}
@media (max-width: 576px) {
#custom-cart-notice {
width: 90%;
padding: 10px 20px;
font-size: 14px;
justify-content: space-between;
}
}
.wc_inside_banner {
padding: 80px 0px;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
.banner_title {
font-size: 44px;
font-weight: 700;
color: #fff;
text-align: center;
}
.cart_wrapper_sec {
padding: 60px 0px;
}
.woocommerce-cart table.shop_table {
border: none;
border-collapse: collapse;
width: 100%;
}
.woocommerce-cart table.shop_table th {
background: #f7f7f7;
font-weight: 600;
padding: 15px;
border: none;
}
.woocommerce-cart table.shop_table td {
padding: 18px 15px;
vertical-align: middle; border: 1px solid #e9e9e9;
}
.woocommerce-cart td.product-name a {
color: #111;
font-weight: 500;
text-decoration: none;
}
.woocommerce-cart td.product-thumbnail img {
width: 80px;
border-radius: 6px;
height: 80px;
object-fit: contain;
}
.woocommerce-cart td.product-price,
.woocommerce-cart td.product-subtotal {
font-weight: 600;
color: #000;
}
.woocommerce-cart .quantity input.qty {
width: 70px;
padding: 8px;
border-radius: 4px;
border: 1px solid #ddd;
}
.woocommerce-cart a.remove {
color: #ff4d4d !important;
font-size: 22px;
text-align: center !important;
text-decoration: none;
}
.woocommerce-cart a.remove:hover {
background: none;
color: #cc0000 !important;
}
.woocommerce-cart .actions {
padding-top: 25px;
}
.woocommerce-cart button.button {
background: #ff8421;
color: #fff;
padding: 10px 22px;
border-radius: 4px;
font-weight: 500;
border: none;
}
.woocommerce-cart button.button:hover {
background: #222;
}
.woocommerce-cart .coupon input.input-text {
padding: 9px;
min-width: 160px;
border-radius: 4px;
border: 1px solid #ddd;
}
.woocommerce-cart .cart-collaterals {
margin-top: 40px;
}
.woocommerce-cart .cart_totals {
border: 1px solid #eee;
padding: 25px;
border-radius: 6px;
}
.woocommerce-cart .cart_totals h2 {
font-size: 22px;
margin-bottom: 20px;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
background: #ff8421;
padding: 15px 20px;
font-size: 16px;
border-radius: 4px;
display: inline-block;
margin-top: 12px;
text-decoration: none;
color: #fff;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover {
background: #222;
}
.woocommerce-cart-form td.actions .coupon {
display: inline-block;
}
.woocommerce-cart table td.product-thumbnail a {
display: block !important;
}
.woocommerce-cart table.cart img {
height: auto !important;
width: 100% !important;
max-width: 100px !important;
object-fit: contain !important;
}
.woocommerce-cart table.cart td.product-thumbnail {
width: 120px;
} .checkout_wrapper_sec {
padding: 60px 0px;
}
.checkout_wrapper_sec {
background-color: #f9fafb !important;
padding: 40px 0 !important;
}
.custom-checkout-grid {
display: flex;
gap: 30px;
margin-bottom: 30px;
align-items: flex-start;
}
.checkout-main-column {
flex: 1.8;
}
.checkout-sidebar-column {
flex: 1;
position: sticky;
top: 20px;
}
.checkout-card {
background: #ffffff !important;
border: 1px solid #eaebed !important;
border-radius: 12px !important;
padding: 30px !important;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02) !important;
}
.woocommerce-checkout label {
font-size: 14px !important;
font-weight: 600 !important;
color: #333 !important;
margin-bottom: 8px !important;
}
.woocommerce-checkout input.input-text,
.woocommerce-checkout select,
.woocommerce-checkout textarea {
background-color: #ffffff !important;
border: 1px solid #d1d5db !important;
border-radius: 6px !important;
padding: 12px 15px !important;
font-size: 14px !important;
width: 100% !important;
}
.woocommerce-checkout input.input-text:focus,
.woocommerce-checkout textarea:focus {
border-color: #ff8421 !important;
outline: none !important;
box-shadow: 0 0 0 3px rgba(255, 132, 33, 0.1) !important;
}
.modern-heading,
.woocommerce-billing-fields h3 {
font-size: 22px !important;
font-weight: 700 !important;
color: #111 !important;
margin-bottom: 25px !important;
border-bottom: 2px solid #ff8421;
display: inline-block;
padding-bottom: 5px;
}
.order-summary-card {
border-top: 5px solid #ff8421 !important;
}
table.woocommerce-checkout-review-order-table {
border: none !important;
width: 100% !important;
}
table.woocommerce-checkout-review-order-table td,
table.woocommerce-checkout-review-order-table th {
padding: 15px 10px !important;
border-bottom: 1px solid #f3f4f6 !important;
text-align: left !important;
}
.order-total strong {
color: #ff8421 !important;
font-size: 22px !important;
}
#place_order {
background-color: #ff8421 !important;
color: #fff !important;
padding: 18px 30px !important;
font-size: 18px !important;
font-weight: 700 !important;
border-radius: 8px !important;
width: 100% !important;
border: none !important;
margin-top: 20px !important;
transition: 0.3s !important;
}
#place_order:hover {
background-color: #e6761d !important;
transform: translateY(-2px);
}
@media (max-width: 991px) {
.custom-checkout-grid {
flex-direction: column;
}
.checkout-main-column,
.checkout-sidebar-column {
width: 100%;
}
} .woocommerce-message,
.woocommerce-info,
.woocommerce-error {
background-color: #ffffff !important;
border: none !important;
border-radius: 10px !important;
padding: 20px 25px !important;
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05) !important;
margin-bottom: 30px !important;
font-size: 15px !important;
color: #444 !important;
display: flex !important;
align-items: center;
justify-content: space-between;
line-height: 1.5;
}
.woocommerce-message {
border-left: 5px solid #4CAF50 !important;
}
.woocommerce-info {
border-left: 5px solid #ff8421 !important;
background-color: #fff9f4 !important;
}
.woocommerce-error {
border-left: 5px solid #e53e3e !important;
list-style: none !important;
margin-left: 0 !important;
}
.woocommerce-message a,
.woocommerce-info a,
.woocommerce-error a {
color: #ff8421 !important;
font-weight: 700 !important;
text-decoration: none !important;
border-bottom: 1px solid #ff8421;
margin-left: 10px;
}
.woocommerce-message a:hover,
.woocommerce-info a:hover {
color: #333 !important;
border-color: #333;
}
.woocommerce-message .button,
.woocommerce-info .button {
background-color: #ff8421 !important;
color: #fff !important;
padding: 8px 20px !important;
border-radius: 6px !important;
font-weight: 600 !important;
text-transform: uppercase;
font-size: 13px !important;
transition: 0.3s;
float: right;
}
.woocommerce-message .button:hover {
background-color: #333 !important;
}
ul.wc_payment_methods.payment_methods.methods {
padding: 0;
list-style-type: none;
}
ul.woocommerce-error {
display: inline-block !important;
width: 100%;
}
@media (max-width: 768px) {
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
flex-direction: column;
align-items: flex-start;
gap: 15px;
}
} .added_to_cart.wc-forward {
background: #fff;
border: 2px solid #ff8421;
color: #ff8421;
text-decoration: none;
padding: 15px 25px;
border-radius: 50px;
font-weight: bold;
text-transform: capitalize;
box-shadow: 0 10px 16px rgb(0 0 0 / 13%);
transform: translateY(-2px);
transition: 0.3s;
}
.added_to_cart.wc-forward:hover {
background: #ff8421;
color: #fff;
}
.product_box .product-btns .added_to_cart.wc-forward {
display: none;
}
.buy-now-fixed .btn-text {
font-size: 16px;
}
.buy-now-fixed.loading .btn-text {
font-size: 14px;
}
.buy-now-fixed.added .btn-text {
font-size: 0 !important;
}
.buy-now-fixed.added .btn-text::before {
content: attr(data-text);
font-size: 16px !important;
display: inline-block;
}
.wc-thankyou-container {
background-color: #f8f9fa;
}
.success-check-wrapper i {
font-size: 70px;
color: #28a745;
} .app-promo-card {
border: none;
background: #fff;
}
.why-matters-side {
background-color: #fdfaf4;
border-left: 1px solid #eee;
}
.promo-list li {
position: relative;
padding-left: 25px;
margin-bottom: 12px;
font-size: 14.5px;
}
.promo-list li::before {
content: "\f058";
font-family: "Font Awesome 5 Free";
font-weight: 900;
position: absolute;
left: 0;
color: #d9aa5a;
}
.app-btn {
display: flex;
align-items: center;
gap: 12px;
padding: 12px 20px;
border-radius: 10px;
text-decoration: none !important;
transition: transform 0.2s;
color: #fff !important;
min-width: 180px;
}
.app-btn:hover {
transform: translateY(-3px);
}
.btn-iphone {
background: #000;
}
.btn-android {
background: #34a853;
}
.app-btn small {
font-size: 10px;
display: block;
opacity: 0.8;
}
.app-btn span {
font-weight: 700;
font-size: 15px;
}
.app-btn i {
font-size: 28px;
}
.summary-box {
background: #fff;
padding: 20px;
border-radius: 12px;
border: 1px solid #eee;
}
.summary-box span {
display: block;
font-size: 12px;
text-transform: uppercase;
color: #888;
margin-bottom: 5px;
}
.summary-box strong {
font-size: 16px;
color: #000;
}
.detail-card {
border-radius: 15px;
}
.address-box {
background: #fdfaf4;
border-left: 4px solid #d9aa5a !important;
}
.woocommerce-order-details__title {
display: none;
}
.shop_table.order_details {
width: 100% !important;
border: none !important;
}
.shop_table.order_details th,
.shop_table.order_details td {
padding: 15px 0 !important;
border-bottom: 1px solid #f1f1f1 !important;
}
.shop_table.order_details tfoot th {
text-align: left;
}
.shop_table.order_details tfoot td {
text-align: right;
font-weight: bold;
}
.detail-card .woocommerce-customer-details {
display: none;
}
.summary-box .woocommerce-Price-amount bdi {
display: flex;
justify-content: center;
}
.empty_cart_wrapper {
padding: 60px 0px;
}
.empty_cart_wrapper .return-to-shop {
text-align: center;
margin-top: 50px !important;
}
.empty_cart_wrapper .return-to-shop .button.wc-backward {
background: #ff9b28;
padding: 20px 30px;
border-radius: 50px;
color: #fff;
text-decoration: none;
font-weight: bold;
transition: 0.4s;
}
.select2-container--default .select2-selection--single {
background-color: #ffffff !important;
border: 1px solid #d1d5db !important;
border-radius: 6px !important;
padding: 12px 15px !important;
font-size: 14px !important;
width: 100% !important;
height: 54px;
} .account_wrapper_sec {
padding: 60px 0;
background-color: #f9fafb;
}
.account-flex-container {
display: flex;
gap: 30px;
align-items: flex-start;
}
.woocommerce-MyAccount-navigation {
flex: 0 0 280px;
background: #ffffff;
border-radius: 12px;
padding: 20px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
border: 1px solid #f0f0f0;
}
.woocommerce-MyAccount-navigation ul {
list-style: none !important;
padding: 0 !important;
margin: 0 !important;
}
.woocommerce-MyAccount-navigation ul li {
margin-bottom: 8px;
border-radius: 8px;
overflow: hidden;
transition: all 0.3s ease;
}
.woocommerce-MyAccount-navigation ul li a {
display: block;
padding: 12px 20px;
color: #444 !important;
font-weight: 600;
text-decoration: none !important;
font-size: 15px;
}
.woocommerce-MyAccount-navigation ul li.is-active,
.woocommerce-MyAccount-navigation ul li:hover {
background-color: #ff8421 !important;
}
.woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-MyAccount-navigation ul li:hover a {
color: #ffffff !important;
}
.woocommerce-MyAccount-content {
flex: 1;
background: #ffffff;
padding: 40px;
border-radius: 12px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
border: 1px solid #f0f0f0;
}
.woocommerce-info {
border-top: 3px solid #ff8421 !important;
background-color: #fff9f4 !important;
color: #444 !important;
padding: 20px !important;
border-radius: 8px;
}
@media (max-width: 991px) {
.account-flex-container {
flex-direction: column;
}
.woocommerce-MyAccount-navigation {
flex: 0 0 100%;
width: 100%;
}
}
.woocommerce-MyAccount-content table.shop_table {
border: none !important;
border-radius: 10px !important;
overflow: hidden !important;
border-collapse: separate !important;
border-spacing: 0 !important;
width: 100% !important;
margin-bottom: 20px !important;
}
.woocommerce-MyAccount-content table.shop_table thead th {
background-color: #f8f9fa !important;
color: #333 !important;
text-transform: uppercase !important;
font-size: 13px !important;
letter-spacing: 0.5px !important;
padding: 15px !important;
border: none !important;
}
.woocommerce-MyAccount-content table.shop_table tbody td {
padding: 18px 15px !important;
border-bottom: 1px solid #f0f0f0 !important;
vertical-align: middle !important;
font-size: 14px !important;
color: #555 !important;
}
.woocommerce-MyAccount-content table.shop_table td.woocommerce-orders-table__cell-order-number a {
color: #ff8421 !important;
font-weight: 700 !important;
}
.woocommerce-MyAccount-content .status-mark {
padding: 5px 12px !important;
border-radius: 20px !important;
font-size: 12px !important;
font-weight: 600 !important;
}
.woocommerce-Addresses {
display: flex !important;
gap: 20px !important;
margin-top: 20px !important;
}
.woocommerce-Address {
flex: 1 !important;
background: #fcfdfe !important;
padding: 25px !important;
border-radius: 12px !important;
border: 1px solid #eef0f2 !important;
}
.woocommerce-Address-title h3 {
font-size: 18px !important;
margin-bottom: 15px !important;
color: #111 !important;
display: flex !important;
justify-content: space-between !important;
align-items: center !important;
}
.woocommerce-Address-title .edit {
font-size: 13px !important;
color: #ff8421 !important;
font-weight: 700 !important;
text-decoration: none !important;
}
.woocommerce-EditAccountForm fieldset {
margin-top: 30px !important;
border: none !important;
padding: 0 !important;
}
.woocommerce-EditAccountForm legend {
font-size: 18px !important;
font-weight: 700 !important;
margin-bottom: 20px !important;
color: #111 !important;
border-bottom: 2px solid #ff8421 !important;
padding-bottom: 5px !important;
}
.woocommerce-MyAccount-content .button.view {
background-color: #ff8421 !important;
color: #fff !important;
border-radius: 5px !important;
padding: 8px 15px !important;
}
.woocommerce-EditAccountForm {
display: flex;
flex-direction: column;
gap: 15px;
}
.woocommerce-form-row {
width: 100% !important;
margin-bottom: 15px !important;
}
.woocommerce-EditAccountForm input.input-text {
width: 100% !important;
background-color: #fcfdfe !important;
border: 1px solid #dce1e5 !important;
border-radius: 8px !important;
padding: 12px 15px !important;
font-size: 14px !important;
transition: all 0.3s ease;
}
.woocommerce-EditAccountForm input.input-text:focus {
border-color: #ff8421 !important;
background-color: #ffffff !important;
box-shadow: 0 0 0 3px rgba(255, 132, 33, 0.1) !important;
outline: none !important;
}
.woocommerce-EditAccountForm fieldset {
border: 1px solid #f0f0f0 !important;
padding: 25px !important;
border-radius: 12px !important;
margin-top: 25px !important;
background-color: #f9fafb !important;
}
.woocommerce-EditAccountForm legend {
font-size: 18px !important;
font-weight: 700 !important;
padding: 0 10px !important;
color: #111 !important;
background: transparent !important;
}
.woocommerce-EditAccountForm button.button {
background-color: #ff8421 !important;
color: #ffffff !important;
padding: 15px 30px !important;
font-size: 16px !important;
font-weight: 700 !important;
border-radius: 8px !important;
border: none !important;
text-transform: uppercase !important;
cursor: pointer !important;
transition: 0.3s !important;
margin-top: 10px !important;
width: fit-content !important;
}
.woocommerce-EditAccountForm button.button:hover {
background-color: #e6761d !important;
transform: translateY(-2px) !important;
box-shadow: 0 5px 15px rgba(255, 132, 33, 0.3) !important;
}
.woocommerce-EditAccountForm span em {
font-style: normal !important;
font-size: 12px !important;
color: #777 !important;
margin-top: 5px !important;
display: block !important;
}
.woocommerce-Address header {
box-shadow: none;
}
.biginners-chest-vest-sec .added_to_cart.wc-forward {
display: none;
}
.products-details-banner .added_to_cart.wc-forward {
display: none;
}  .cs_video_wrapper iframe {
display: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }  .cky-btn-accept {
background-color: #fc802c !important;
border-color: #fc802c !important;
color: #ffffff !important;
} .cky-btn-reject {
background-color: #000000 !important;
border-color: #000000 !important;
color: #ffffff !important;
} .cky-btn-customize {
background-color: transparent !important;
border-color: #fc802c !important;
color: #fc802c !important;
}  .custom_video_sec .video-wrapper {
border: 6px solid #d4ff33; border-radius: 30px;
overflow: hidden;
position: relative;
cursor: pointer;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}
.custom_video_sec .video-cover {
position: relative;
line-height: 0;
}
.custom_video_sec .video-cover img {
width: 100%;
height: auto;
object-fit: cover;
} .custom_video_sec .play-icon-circle {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 80px;
height: 80px;
background: rgba(0, 0, 0, 0.75);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.3s ease;
}
.custom_video_sec .play-icon-circle i {
color: #d4ff33;
font-size: 30px;
margin-left: 5px; }
.custom_video_sec .video-wrapper:hover .play-icon-circle {
transform: translate(-50%, -50%) scale(1.1);
background: #000;
} .video-iframe-container {
position: relative;
padding-bottom: 56.25%; height: 0;
}
.video-iframe-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.av-amazon-only {
padding: 18px 30px 18px 70px !important;
} @media (max-width: 768px) {
.custom_video_sec .video-wrapper {
border-width: 4px;
border-radius: 20px;
}
.custom_video_sec .play-icon-circle {
width: 60px;
height: 60px;
}
}
.plyr__control--overlaid {
background: #ff8b2a !important;
opacity: 1 !important;
}
.plyr--video .plyr__control.plyr__tab-focus, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded=true] {
background: #ff8b2a !important;
}
.suggested_anchor:hover {
color: #000;
}
.suggested_anchor_white:hover {
color: #fff;
}  .featured-review {
background: #08133d;
}
.featured-review .review-box {
background: #fff;
border-radius: 25px;
padding: 50px;
position: relative;
overflow: hidden;
border: 4px solid #D7FF1E;
box-shadow: 0 20px 50px rgba(0, 0, 0, .18);
}
.featured-review .review-box:before {
content: "";
width: 220px;
height: 220px;
background: #D7FF1E;
position: absolute;
right: -80px;
top: -80px;
border-radius: 50%;
opacity: .15;
}
.featured-review .review-box .review-logo {
max-width: 180px;
}
.featured-review .review-box .review-badge {
background: #FF8A00;
color: #fff;
display: inline-block;
padding: 8px 20px;
border-radius: 50px;
font-size: 14px;
font-weight: 700;
margin-bottom: 20px;
}
.featured-review .review-box h2 {
color: #08133d;
font-weight: 800;
}
.featured-review .review-box h4 {
color: #ff8a00;
font-weight: 700;
margin-bottom: 15px;
}
.featured-review .review-box .stars {
color: #FF8A00;
font-size: 26px;
letter-spacing: 5px;
margin-bottom: 20px;
}
.featured-review .review-box p {
font-size: 18px;
line-height: 1.8;
color: #555;
}
.featured-review .review-box .btn-review {
display: inline-block;
background: #FF8A00;
color: #fff;
padding: 14px 32px;
border-radius: 50px;
text-decoration: none;
font-weight: 700;
transition: .3s;
}
.featured-review .review-box .btn-review:hover {
background: #08133d;
color: #fff;
} @media (max-width: 991px) {
.featured-review .review-box {
padding: 35px;
text-align: center;
}
.featured-review .review-box .review-logo {
margin-bottom: 30px;
}
}@media only screen and (max-width: 767.8px) {
.back-to-top {
width: 40px;
height: 40px;
}
.back-to-top img {
width: 17px;
} .navbar {
padding-top: 20px;
transform: all 0.2s;
}
.navbar-collapse {
background: #ffffffe6;
padding: 0 10px;
}
.navbar-expand-md .navbar-nav .nav-link {
font-size: 20px;
padding: 12px 15px !important;
color: #fff;
}
.navbar .align-items-start {
align-items: center !important;
}
.navbar-toggler {
padding: 0 20px 0 0;
font-size: 2rem;
border: 0;
border-radius: 0;
}
.navbar-toggler:focus {
box-shadow: none;
}
} @media (max-width: 1680.98px) { .banner_sec .title {
font-size: 60px;
}
.banner_sec {
padding: 110px 0px 110px 0px;
background-position: 103% 100%;
}
.floating-icon-box {
width: 80px;
height: 80px;
}
.floating-icon-1 {
left: -40px;
top: 90px;
}
.floating-icon-2 {
top: -50px;
left: 100px;
}
.floating-icon-3 {
left: 378px;
top: -5px;
}
.floating-icon-4 {
left: 258px;
top: 334px;
} .golf_training_wrapper .right {
transform: scale(0.9) !important;
}  .faqs_banner .hand_mobile img {
width: 90%;
}
.faqs_banner .hand_mobile {
right: 480px;
}  .membership_landing_banner {
background-position-x: 180%;
}
.membership_landing_banner.inside-banner:before {
background: linear-gradient(to right,
#07052f 50%,
#ff99cc00 57%) !important;
}
}
@media (max-width: 1600.98px) {
.banner_sec {
padding: 100px 0px 100px 0px;
}
.floating-icon-box {
width: 74px;
height: 74px;
}
.floating-icon-1 {
left: -48px;
top: 94px;
}
.floating-icon-2 {
top: -44px;
left: 92px;
}
.floating-icon-3 {
left: 348px;
top: 0;
}
.floating-icon-4 {
left: 244px;
}  .faqs_banner .hand_mobile img {
width: 80%;
}
.faqs_banner .hand_mobile {
right: 425px;
}
.faqs_banner.inside-banner:before {
background: linear-gradient(to right, #07052f 42%, #ff99cc00 50%);
}
.faqs_banner .title {
font-size: 54px;
}  .membership_landing_banner {
background-position-x: 210%;
}
}
@media (max-width: 1540.98px) { .banner_sec .title {
font-size: 54px;
}
.floating-icon-2 {
top: -46px;
left: 68px;
}
.floating-icon-content .icon-desc {
font-size: 12px;
}
.floating-icon-content .icon-desc-2 {
left: -72px;
}
.floating-icon-3 {
left: 322px;
}
.floating-icon-4 {
left: 218px;
top: 324px;
} .golf_training_wrapper .right {
transform: scale(0.8) !important;
}  .contact_banner {
padding: 100px 0px;
}  .membership_landing_banner {
background-position-x: 265%;
}  .knowledge_base_banner .banner-content .title {
font-size: 60px;
}
}
@media (max-width: 1440.98px) { .navbar-expand-md .navbar-nav .nav-link {
font-size: 14px;
padding: 40px 15px !important;
}  .banner_sec .title {
font-size: 48px;
}
.banner_sec .sub_title {
font-size: 28px !important;
}
.banner_sec .desc {
margin-bottom: 34px;
margin-right: 60px;
}
.floating-icon-box {
width: 68px;
height: 68px;
}
.floating-icon-1 {
left: -72px;
top: 84px;
}
.floating-icon-2 {
top: -44px;
left: 48px;
}
.floating-icon-3 {
left: 294px;
top: 0;
}
.floating-icon-4 {
left: 196px;
top: 302px;
}
.floating-icon-content .icon-desc-2 {
left: -82px;
}  .features_sec .feature-card {
width: 375px;
}
.features_sec .feature-card.left {
padding: 12px 95px 12px 40px;
}
.features_sec .feature-card.right {
padding: 14px 25px 14px 95px;
}
.features_sec .feature-content .feature-card-desc {
font-size: 13px;
}  .feedback-sec .slider-img {
height: 340px;
width: 640px;
}
.feedback-sec .slick-sprev {
transform: translate3d(-30%, 0, -26px);
}
.feedback-sec .slick-snext {
transform: translate3d(30%, 0, -26px);
}
.feedback-sec .slick-next {
right: 0;
}
.feedback-sec .slick-prev {
left: 0;
}  .app-works-sec .left {
left: 40px;
}  .golf_training_wrapper .right {
right: 60px;
}  .contact_banner .left .title {
font-size: 50px;
}  .shop-banner .banner-custom-images {
transform: scale(0.9);
}  .faqs_banner .hand_mobile img {
width: 70%;
}
.faqs_banner .hand_mobile {
right: 345px;
}
.faqs_banner .title {
font-size: 50px;
} .global_academy_right .title {
font-size: 50px;
}  .membership_landing_banner {
background-position-x: 490%;
} .welcome_wrapper {
padding: 0px 15px;
}
.custom_container {
max-width: 1320px;
}
.top-fixes-sec .top-fixes-box .box-title {
font-size: 20px;
}
.top-fixes-sec .top-fixes-box .box-desc {
font-size: 16px;
}
}
@media (max-width: 1366.98px) { .top-bar {
padding-left: 15px;
padding-right: 15px;
}
.main-header {
padding-left: 15px;
padding-right: 15px;
}
.main-header .logo-circle {
width: 144px;
height: 144px;
}
.main-header .nav-link {
padding: 30px 8px;
font-size: 14px;
}
.banner_sec .desc {
margin-right: 80px;
}
.floating-icon-1 {
left: -126px;
}
.floating-icon-content .icon-desc-2 {
left: -66px;
}
.floating-icon-2 {
top: -46px;
left: 6px;
}
.floating-icon-3 {
left: 252px;
}
.floating-icon-4 {
left: 158px;
}  .testi-content-header {
padding: 0;
}
.testi-img img {
width: 90px;
height: 90px;
}
.testimonial-item {
padding: 25px 25px 40px 25px;
}  .product_box_img {
height: 350px;
}
.product_box_content {
padding: 140px 25px 34px 25px;
}
.product-btns {
flex-flow: column;
}  .footer_timings li {
font-size: 13px;
}  .feedback-sec .slick-next {
right: 40px;
}
.feedback-sec .slick-prev {
left: 40px;
}
.feedback-sec .slick-sprev {
transform: translate3d(-26%, 0, -30px);
}
.feedback-sec .slick-snext {
transform: translate3d(26%, 0, -26px);
}     .app-works-sec .left {
left: 75px;
}
.app-works-sec .right .title {
font-size: 40px;
}   .contact_banner {
padding: 75px 15px;
}
.contact_banner .left .title {
font-size: 44px;
}  .shop-banner .banner-custom-images {
left: -40px;
position: relative;
}
.inside-banner {
padding: 0px 15px;
}
.yt-text {
right: -76px;
font-size: 12px;
} .shop-prod-sec {
padding: 70px 15px;
}  .inner-faqs-sec {
padding-left: 15px;
padding-right: 15px;
}
.inner-faqs-sec .title {
font-size: 40px;
}
.faqs-wrapper .accordion-button {
font-size: 18px;
}  .benefits-chest-vest-sec {
padding-left: 15px;
padding-right: 15px;
}
.benefits-chest-vest-sec .right {
padding-left: 60px;
}  .biginners-chest-vest-sec {
padding-left: 15px;
padding-right: 15px;
}  .products-details-banner .title {
font-size: 48px !important;
}  .swing-faults-sec {
padding-left: 15px;
padding-right: 15px;
}
.swing-faults-sec .title {
font-size: 40px;
}  .stands-out-sec {
padding-left: 15px;
padding-right: 15px;
}
.stands-out-sec .title {
font-size: 40px;
}  .reviews-sec .reviews-box .review-content {
font-size: 16px;
}  .blogs-sec {
padding-left: 15px !important;
padding-right: 15px !important;
} .blogs-details-sec {
padding-left: 15px !important;
padding-right: 15px !important;
}  .faqs_banner .hand_mobile {
display: none;
}
.faqs_banner {
padding: 90px 15px;
} .htu-academy-sec .title {
font-size: 40px;
}
.sa-academy-sec .title {
font-size: 40px;
} .login_sec {
padding: 0px 15px;
}
.global_academy_right .title {
font-size: 46px;
}
.global_academy_right .desc {
font-size: 18px;
}  .membership_landing_banner {
background-position-x: center;
}
.membership_landing_banner .title {
font-size: 46px !important;
}  .knowledge_base_banner {
padding: 0px 15px;
}  .knowledge_base_banner .banner-content .title {
font-size: 54px;
}
.categories_wrapper .main_category {
padding: 0px 5px;
}
.top-fixes-sec .custom-mb {
margin-bottom: 100px;
}
.top-fixes-sec .custom-mb:nth-child(4),
.top-fixes-sec .custom-mb:nth-child(5) {
margin-bottom: 30px !important;
}
}
@media (max-width: 1280.98px) { .banner_sec .title {
font-size: 44px;
}
.banner_sec .sub_title {
font-size: 24px !important;
}
.banner_sec .desc {
margin-bottom: 30px;
font-size: 20px !important;
margin-right: 150px;
}
.floating-icon-1 {
left: -136px;
top: 72px;
}
.floating-icon-2 {
top: -55px;
}
.floating-icon-3 {
left: 234px;
top: -10px;
}
.floating-icon-4 {
left: 138px;
top: 284px;
}  .features_sec .phone-circle { width: 440px;
height: 440px;
}
.features_sec .phone-mockup img {
width: 100%;
}
.features_sec .feature-card.left:nth-child(2) { left: -25px;
}
.features_sec .feature-card.right:nth-child(2) { right: -25px;
}  .how-it-works-sec .title {
font-size: 50px;
}  .golf_training_wrapper .right {
right: 80px;
}  .inside-banner .banner-content .title {
font-size: 58px;
}
.shop-banner .banner-custom-images {
left: -40px;
position: relative;
}
.shop-banner .banner-custom-images .img-circle-box.img-circle-box-2 {
left: 72%;
}
.shop-banner .banner-custom-images .img-circle-box.img-circle-box-1 {
width: 240px;
height: 240px;
left: -7px;
}
.shop-banner .banner-custom-images .banner-golf-ball {
bottom: 3%;
} .benefits-chest-vest-sec .title {
font-size: 34px;
}
.benefits-chest-vest-sec .video-section {
height: 380px;
} .master-swing-sec .title {
font-size: 40px;
}
.master-swing-sec .desc br {
display: none;
} .reviews-banner .banner-content .title {
font-size: 44px;
}  .blog-banner .banner-content .title {
font-size: 48px;
} .step-circle:after {
width: 114%;
}
.step-circle {
width: 160px;
height: 160px;
font-size: 110px;
}
.step-content.top {
bottom: 190px;
}
.step-content.bottom {
top: 190px;
}
.step-content {
width: 180px;
}
.step-title {
font-size: 17px;
}
.step-description {
font-size: 13px;
} .lesson-card .lesson-subtitle {
font-size: 16px;
}
.lesson-card {
height: 100%;
}
.shop-prod-sec-left .right .training-info-wrap {
width: 90%;
margin-left: 20px;
}
.shop-prod-sec-right .left .training-info-wrap {
width: 90%;
}
}
@media (max-width: 1199.98px) { .navbar-toggler {
position: absolute;
right: 10px;
background: #fb4b2a;
padding: 10px 15px;
border-radius: 0;
color: #fff;
}
.navbar {
background: transparent;
}
.toggle_menu_wrapper {
background: #ff8421;  position: fixed;
top: 0;
width: 80%;
height: 100vh;
padding: 30px 20px;
text-align: center;
right: -80%;
transition: right 0.4s ease-in-out;
z-index: 999;
}
.toggle_button {
background: #ff9b28;
width: 60px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
font-size: 36px;
color: #fff;
position: absolute;
right: 20px;
top: 40px;
transition: transform 0.4s, opacity 0.4s;
}
.close_button {
position: absolute; left: 0;
top: 0;
font-size: 28px;
cursor: pointer;
color: #fff;
height: 50px;
background: #000000;
width: 60px;
display: flex;
align-items: center;
justify-content: center;
z-index: 9;
}
.mob__menu {
display: block;
}
.toggle_button.hide {
transform: translateX(100px);
opacity: 0;
}
.navbar-expand-md .navbar-nav .nav-link:hover {
background: #ff9b28;
border-radius: 8px;
}
.navbar-expand-md .navbar-nav .nav-link {
font-size: 18px;
padding: 20px 15px !important;
}
.d-none-mob {
display: none;
}
.navbar-expand-md .navbar-nav {
display: unset;
}
.mob__menu .dropdown {
margin-bottom: 15px;
}
.dropdown .login-btn {
box-shadow: 0 10px 24px rgba(0, 0, 0, 0.25) !important;
} .mob__menu .toggle_menu_wrapper .navbar-nav {
display: unset;
}
.hide-tab {
display: none;
}
.main-header .logo-circle {
margin-top: 0;
}
.res-menu {
padding: 10px 15px;
display: block;
}
.main-header .logo-circle {
width: 120px;
height: 120px;
aspect-ratio: 1 / 1;
}
.main-header .nav-link {
padding: 20px 8px;
font-size: 18px;
color: #fff !important;
font-weight: 600;
}
.floating-icon-box {
width: 70px;
height: 70px;
transform: scale(0.9);
}
.floating-icon-1 {
left: -156px;
}
.floating-icon-2 {
left: -44px;
}
.floating-icon-3 {
left: 188px;
}
.floating-icon-4 {
left: 96px;
top: 278px;
}    .ai_golf_training .title {
font-size: 34px;
}  .features_sec .phone-circle {
width: 360px;
height: 360px;
}
.features_sec .phone-mockup img {
width: 90%;
left: 0;
right: 0;
margin: 0 auto;
display: block;
}
.features_sec .sub_title {
margin-bottom: 0px;
}
.features_sec .feature-card {
transform: scale(0.8);
margin-bottom: 30px;
}
.features_sec .feature-card:hover {
transform: scale(0.8) !important;
}
.features_sec .feature-card.left:nth-child(2) {
left: 0;
}
.features_sec .feature-card.right:nth-child(2) {
right: 0;
}  .testimonial-item .testi-name {
font-size: 16px !important;
}
.testi-designation {
font-size: 14px !important;
}
.testi-img img {
width: 80px;
height: 80px;
margin-left: 5px;
}
.testimonials-sec .testimonial-item .testi-content .testi-desc {
font-size: 16px;
}
.testimonial-item {
padding: 25px 20px 35px 20px;
}
.testimonials-sec {
padding: 60px 0px 60px 0px;
background-color: #f9f7f1;
}
.testimonials-sec .slick-prev,
.testimonials-sec .slick-next {
width: 44px !important;
height: 44px !important;
background-size: contain;
background-repeat: no-repeat;
}
.testimonials-sec .slick-prev {
left: -10px;
}
.testimonials-sec .slick-next {
right: -10px;
}  .product-btns {
flex-flow: wrap;
}
.products-sec .product_box {
width: 320px;
margin: 0 auto;
margin-bottom: 70px;
}
.product_box_img {
height: 420px;
}
.products-sec .sub_title br {
display: none;
}  .feedback-sec .slider-img {
height: 320px;
width: 600px;
}
.feedback-sec .slick-sprev {
transform: translate3d(-22%, 0, -30px);
}
.feedback-sec .slick-snext {
transform: translate3d(22%, 0, -26px);
}
.feedback-sec .slick-current {
transform: translate3d(0, 0, 8px);
}    .app-works-sec .right .title {
font-size: 34px;
}
.info-icon-box {
height: 80px;
width: 80px;
}
.app-works-arrow-2 {
left: 35px;
}
.app-works-arrow-3 {
left: 101px;
top: -84px;
}
.info-box-3 {
left: 300px;
}
.app-works-arrow-4 {
right: 60px;
top: -88px;
}
.info-box-4 {
top: 32px;
right: 0px;
}
.app-works-arrow-5 {
right: -25px;
top: 88px;
}
.info-box-5 {
right: -10px;
bottom: 218px;
}   .contact_service_wrapper .item {
padding: 20px 20px;
}  .shop-banner .banner-custom-images {
transform: scale(0.9);
}
.shop-banner .banner-custom-images .img-circle-box.img-circle-box-1 {
width: 220px;
height: 220px;
left: -4px;
}
.shop-banner .banner-custom-images .banner-golf-ball {
bottom: 2%;
}
.shop-banner .banner-custom-images {
left: -60px;
} .shop-prod-sec .title { font-size: 26px;
margin-bottom: 30px;
}
.shop-prod-sec-left .right {
position: relative; }
.shop-prod-sec-left .shop-video-box {
bottom: -14px;
right: 0;
}
.shop-prod-sec-right .shop-video-box {
bottom: -14px;
left: 0;
} .benefits-chest-vest-sec .video-thumbnail {
height: 100%;
object-fit: cover;
object-position: right;
}  .biginners-chest-vest-sec .title {
font-size: 34px;
}  .products-details-banner .title {
font-size: 40px !important;
}
.banner-circle-img {
right: 34%;
}  .inside-banner .banner-content .title {
font-size: 44px;
}   .faqs_wrapper .left .top_title {
font-size: 18px;
}
.faqs_wrapper .custom-tabs .nav-link {
font-size: 22px;
}
.faqs_wrapper .right .item {
padding: 25px 15px;
}
.faqs_wrapper .right .item .title {
font-size: 18px;
}
.faqs_wrapper .right .item .desc {
font-size: 16px;
} .htu-academy-sec .desc br {
display: none;
}
.lesson-card .icon-box {
padding: 0px 15px;
}
.lesson-card {
padding-left: 15px;
padding-right: 15px;
}  .knowledge_base_banner .banner-content .title {
font-size: 48px;
}
.knowledge_base_banner.inside-banner:before {
background: linear-gradient(to right, #07052f 58%, #ff99cc00 65%);
} .category_sec .nav-tabs .nav-item:nth-child(6) .nav-link {
border-right: 1px solid #b3b2c9;
}
.category_sec .nav-tabs .nav-item:nth-child(6) .nav-link.active {
border-right: 1px solid #ff8b2a;
}
.category_sec .nav-tabs .nav-item:nth-child(6):has(.nav-link.active)+.nav-item .nav-link {
border-left: 1px solid #b3b2c9;
}
.category_sec .nav-tabs .nav-link {
font-size: 18px;
}
.category_sec .top_title {
font-size: 40px;
}
.categories_wrapper .main_category {
padding: 0px 20px;
}
.custom_container {
max-width: 1140px;
}
}
@media (max-width: 1170.98px) {
.banner_sec .sub_title {
font-size: 22px !important;
}
.banner_sec .desc {
font-size: 18px !important;
margin-right: 170px;
}
.floating-icon-1 {
left: -164px;
}
.floating-icon-4 {
left: 80px;
top: 276px;
}
.floating-icon-3 {
left: 180px;
} .golf_training_wrapper {
padding: 60px 0px 60px 0px;
}
.golf_training_wrapper .left .sec_title {
font-size: 34px;
}
.cs_video_wrapper_2 {
max-height: 210px;
max-width: 365px;
left: -70px;
}
.arrow_image_div_2 {
left: 55px;
}
.arrow_content_2 {
left: 145px;
}  .faqs_banner.inside-banner {
background-position-y: 60%;
}
.faqs_banner.inside-banner:before {
background: linear-gradient(to right, #07052f 42%, #ff99cc00 100%);
} .login_sec .login_card {
padding: 110px 40px 35px 40px;
}
.login_sec .login_card .login_title {
font-size: 26px;
}
.login_sec .login_card .login_deatils {
font-size: 20px;
}
.login_sec .login_card .account_text {
font-size: 16px;
}
.global_academy_right .title {
font-size: 44px;
}
.global_academy_right .desc {
font-size: 16px;
}
}
@media (max-width: 1024.98px) { .banner_sec {
background: #07052f;
}
.banner_sec .desc {
margin-right: 0;
}
.banner-img-2 {
display: block;
}
.banner-floating-icon {
display: none;
}  .home_about_sec .title {
font-size: 38px;
}  .ai_golf_training .video-section {
height: 340px;
}  .cta_sec .title {
font-size: 34px;
}  .features_sec .feature-card.left {
float: left;
position: relative;
left: -30px !important;
}
.features_sec .feature-card.right {
padding: 14px 25px 14px 95px;
float: left !important;
position: relative;
left: -20px;
}  .how-it-works-sec .title {
font-size: 40px;
}
.how-it-works-sec .sub_title {
font-size: 28px !important;
}
.how-it-works-sec .desc {
font-size: 20px !important;
}  .smarter-features-sec .title {
font-size: 34px;
}
.smarter-features-sec .desc {
font-size: 18px !important;
}  .feedback-sec .slick-next {
right: 20px;
}
.feedback-sec .slick-prev {
left: 30px;
}  .app-works-sec .left .app-works-mob-img {
width: 320px;
}
.info-icon-box {
height: 70px;
width: 70px;
}
.info-box-1 {
bottom: 250px;
left: 70px;
}
.info-box-2 {
bottom: 385px;
}
.info-box-3 {
left: 240px;
}
.info-box-4 {
top: -18px;
right: 18px;
}
.info-box-5 {
right: 10px;
bottom: 238px;
}
.info-content-5 {
right: -11px;
width: 100px;
bottom: -39px;
top: unset;
}
.app-works-arrow {
display: none;
}
.app-works-sec .right {
padding-left: 110px;
}  .golf_training_wrapper .golf_man_div {
float: right;
padding-right: 0px;
position: relative;
left: 80px;
}
.golf_training_wrapper .right {
transform: scale(0.75) !important;
}
.cs_video_section_1 {
left: 144px;
}
.cs_video_section_2 {
top: 410px;
left: 190px;
}
.cs_video_section_3 {
top: 170px;
right: unset;
z-index: -1;
left: 32px;
} .cs_video_wrapper_3 {
left: 60px;
height: 170px;
width: 290px;
right: unset;
}
.arrow_image_div_3 {
top: 142px;
}
.arrow_content_3 {
top: 188px;
left: 44px;
}  .shop_prodcut_price .price-box {
font-size: 20px;
}
.shop-banner .banner-custom-images .img-circle-box.img-circle-box-1 {
width: 180px;
height: 180px;
left: -4px;
}
.shop-banner .banner-custom-images .banner-golf-ball {
width: 140px;
}
.shop-banner .banner-custom-images .banner-phone {
left: 42%;
bottom: 16%;
}
.shop-banner .banner-custom-images .img-circle-box.img-circle-box-2 {
left: 76%;
width: 200px;
height: 200px;
top: 8%;
}
.shop-banner .banner-custom-images .img-circle-box.img-circle-box-3 {
width: 130px;
height: 130px;
left: 92%;
top: 34%;
} .biginners-chest-vest-sec .left {
width: 100%;
}
.gallery-wrapper .main-img {
height: 340px;
}  .banner-circle-img {
width: 220px;
height: 220px;
right: 38%;
}  .golf-academy-sec .title {
font-size: 34px;
}
.golf-academy-sec .img-box img {
width: 440px;
height: 420px;
}  .blog-banner .banner-content .title {
font-size: 40px;
}
.custom-sidebar .side-box-list a {
font-size: 14px;
}
.custom-sidebar .side-box-list {
padding: 0 15px;
}
.custom-sidebar .side-box-title {
padding: 15px 15px;
} .blog-details-wrapper .blog-details-quote .quote {
font-size: 26px;
}
.blog-details-wrapper .title {
font-size: 24px;
} .lesson-card .box-footer-left {
font-size: 12px;
}
.lesson-card .box-footer-right {
font-size: 12px;
}  .inside-banner .banner-content .title {
font-size: 40px !important;
} .inner_circle {
width: 460px;
height: 460px;
}  .knowledge_base_banner.inside-banner:before {
background: linear-gradient(to right, #07052f 51%, #ff99cc00 85%);
}
}
@media (max-width: 991.98px) {
.banner_sec {
padding: 70px 0px 70px 0px;
text-align: center;
} .home_about_sec {
text-align: center;
}
.home_about_sec .img-box {
margin-bottom: 40px;
}  .ai_golf_training {
padding: 60px 15px;
}
.ai_golf_training .ai-img {
display: none;
}
.custom-padd-left {
padding: 0;
}
.ai_golf_training .section-inner-padding {
padding-left: 0;
margin-top: 40px;
}
.ai_golf_training .video-section {
height: 500px;
}
.ai_golf_training .video-wrapper {
max-height: 100%;
}  .cta_sec {
text-align: center;
}
.cta_sec .title br {
display: none;
}  .features_sec .title {
font-size: 34px;
}
.features_sec .sub_title {
margin-bottom: 30px;
}
.features_sec .feature-card {
transform: scale(1);
margin-bottom: 30px !important;
width: 420px;
}
.features_sec .feature-card.left {
float: none;
position: relative;
left: 0 !important;
right: 0;
margin: 0 auto;
}
.features_sec .feature-card.right {
float: none;
position: relative;
left: 0;
right: 0;
margin: 0 auto;
}
.features_sec .phone-mockup img {
width: 80%;
}
.features_sec .feature-content .feature-card-desc {
font-size: 14px;
}  .testimonials-sec .title {
font-size: 34px;
}
.testimonial-item .testi-name {
font-size: 18px !important;
}
.testi-designation {
font-size: 16px !important;
}
.testi-img img {
width: 100px;
height: 100px;
margin-left: 5px;
}  .products-sec .title {
font-size: 34px;
}
.products-sec .sub_title {
font-size: 18px !important;
}  .how-it-works-sec .sub_title br {
font-size: 24px !important;
display: none;
}
.how-it-works-sec .desc br {
display: none;
}  .smarter-features-sec {
padding: 60px 0px 60px 0px;
}
.smarter-features-sec .desc br {
display: none;
}  .app-works-sec {
padding: 40px 15px 0px 15px;
}
.app-works-sec .right {
padding-left: 0;
text-align: center;
}
.info-content {
position: unset;
margin: 0;
}
.info-box {
display: none;
}
.app-works-sec .left {
left: unset;
margin-top: 0;
}
.app-works-sec .right .title br {
display: none;
}  .golf_training_wrapper {
padding: 60px 15px;
}
.golf_training_wrapper .left {
text-align: center;
margin-bottom: 40px;
}
.golf_training_wrapper .item {
margin: 10px auto 0px auto;
}
.golf_training_wrapper .right {
transform: none !important;
}
.golf_training_wrapper .right .golf_man {
display: none;
}
.cs_video_section {
position: static !important;
}
.cs_video_wrapper {
max-width: 75% !important;
max-height: 100% !important;
margin: 0 auto;
}
.golf_training_wrapper .right {
right: 0px;
}
.arrow_content {
display: none;
}
.cs_arrow_wrapper {
display: none;
}
.cs_video_section_2,
.cs_video_section_3 {
margin-top: 20px;
}
.cs_video_wrapper_2 {
left: unset;
}
.golf_training_wrapper .item {
text-align: left;
width: 60%;
padding: 10px 10px;
}
.cs_video_wrapper_1,
.cs_video_wrapper_2,
.cs_video_wrapper_3 {
height: 350px;
width: unset;
}
.cs_video_wrapper_3 {
left: unset;
}  .contact_banner {
padding: 60px 15px;
}
.contact_banner .left .title {
font-size: 38px;
} .contact_service_wrapper {
padding: 60px 15px;
} .contact_page_form {
padding: 0px 15px 60px 15px;
}
.contact_page_form .left {
border-radius: 20px;
height: auto !important;
}
.contact_page_form .right {
margin-top: 45px;
border-radius: 20px;
height: auto !important;
}  .inside-banner.banner-content {
padding: 120px 0px 100px 0px;
}
.shop-banner .banner-custom-images {
display: none;
}
.shop-prod-sec-left .right {
top: unset;
margin-top: 30px;
}
.shop-prod-sec-right .left {
margin-top: 30px;
}
.yt-arrow-icon {
display: none;
}
.yt-text {
right: 20px;
font-size: 14px;
bottom: -32px;
}
.yt-text br {
display: none;
} .inner-faqs-sec {
padding: 60px 0px;
}
.inner-faqs-sec .title {
font-size: 30px;
text-align: center;
margin-bottom: 20px;
}  .benefits-chest-vest-sec .video-section { margin-bottom: 40px;
}
.benefits-chest-vest-sec {
text-align: center;
}
.benefits-chest-vest-sec .right {
padding-left: 0;
}
.benefits-chest-vest-sec .right .item {
margin: 0 auto;
margin-bottom: 15px;
}
.benefits-chest-vest-sec {
padding: 60px 0px;
}  .biginners-chest-vest-sec .right {
margin-top: 40px;
}  .products-details-banner .banner-custom-images {
display: none;
}
.products-details-banner {
text-align: center;
}  .golf-academy-sec {
text-align: center;
}
.golf-academy-sec .img-box {
text-align: center;
margin-top: 20px;
}  .loadmore-wrap:before {
display: none;
}
.loadmore-wrap:after {
display: none;
} .blog-details-wrapper .img-box {
margin-bottom: 20px;
}
.long-title-mode {
font-size: 36px !important;
}
.blog-details-wrapper {
padding-right: 0;
}  .faqs_banner {
padding: 70px 15px;
}
.faqs_banner.inside-banner {
background-position-x: 80%;
}
.faqs_banner.inside-banner:before {
background: linear-gradient(to right, #07052f 30%, #ff99cc00 100%);
} .faqs_wrapper {
padding: 60px 15px;
}
.faqs_wrapper .left .top_title {
font-size: 20px;
}
.faqs_wrapper .custom-tabs .nav-link {
font-size: 26px;
}
.faqs_wrapper .right .top_title {
font-size: 18px;
}
.faqs_wrapper .right .item .title {
font-size: 20px;
}
.faqs_wrapper .right .item .desc {
font-size: 18px;
} .login_sec .left {
padding: 180px 0px 0px 0px;
}
.login_sec .login_card {
padding: 110px 40px 40px 40px;
}
.login_sec .login_card .login_title {
font-size: 30px;
}
.login_sec .login_card .account_text {
font-size: 18px;
}
.global_academy_right {
padding: 60px 0px;
}
.global_academy_right .desc {
font-size: 18px;
}
.global_academy_right .item {
margin-bottom: 30px;
}
.global_academy_right .item .text {
font-size: 18px;
} .signup_card {
padding: 50px 40px !important;
}  .membership_landing_banner.inside-banner:before {
background: linear-gradient(to right,
#07052f 50%,
#ff99cc00 95%) !important;
}
.membership_landing_banner .banner_desc {
font-size: 24px;
} .welcome_wrapper .left {
padding-top: 0px;
}
.welcome_wrapper {
padding: 110px 15px 70px 15px;
}
.inner_circle {
width: 380px;
height: 380px;
}
.welcome_wrapper .right {
margin-top: 160px;
}
.welcome_wrapper .desc {
font-size: 20px;
}  .knowledge_base_banner.inside-banner:before {
background: linear-gradient(to right, #07052f 35%, #ff99cc00 100%);
}
.knowledge_base_banner .banner_desc {
font-size: 18px;
} .category_sec .nav-tabs .nav-item:nth-child(6) .nav-link {
border-right: 0;
}
.category_sec .nav-tabs .nav-item:nth-child(4) .nav-link,
.category_sec .nav-tabs .nav-item:nth-child(8) .nav-link {
border-right: 1px solid #b3b2c9;
}
.category_sec .nav-tabs .nav-item:nth-child(4) .nav-link.active,
.category_sec .nav-tabs .nav-item:nth-child(8) .nav-link.active {
border-right: 1px solid #ff8b2a;
}
.category_sec .nav-tabs .nav-item:nth-child(4):has(.nav-link.active)+.nav-item .nav-link,
.category_sec .nav-tabs .nav-item:nth-child(8):has(.nav-link.active)+.nav-item .nav-link {
border-left: 1px solid #b3b2c9;
}
.categories_wrapper .main_category {
padding: 0px 15px;
}
}
@media (max-width: 860.98px) {  .categories_wrapper .main_category .toggle_box .title {
font-size: 16px;
}
.categories_wrapper .main_category .sub_text {
font-size: 15px;
}
}
@media (max-width: 767.98px) { .toggle_button {
top: 32px;
} .ai_golf_training .video-section {
height: 500px;
}  .features_sec .phone-container {
min-height: 100%;
margin: 40px 0px;
}  .testimonials-slider {
padding-left: 0;
padding-right: 0;
}  .bottom-item {
position: relative;
}
.footer_timings li {
font-size: 16px;
}  .how-it-works-sec .left {
text-align: center;
}  .feedback-sec {
padding: 60px 0px;
}
.feedback-sec .title {
font-size: 30px;
}
.feedback-sec .desc {
font-size: 18px !important;
}
.feedback-sec .desc br {
display: none;
} .top-fixes-sec .custom-mb:nth-child(4) {
margin-bottom: 100px !important;
}
.top-fixes-sec {
padding: 50px 0px 50px 0px;
}
.top-fixes-sec .title {
font-size: 34px;
}
.top-fixes-sec .btn-arrow-icon {
display: none;
} .feedback-sec .title {
font-size: 34px;
}
.feedback-sec .slick-sprev {
transform: unset !important;
}
.feedback-sec .slick-snext {
transform: unset !important;
} .feedback-sec .slick-current {
transform: unset !important;
}
.feedback-sec .slick-list {
padding-top: 20px !important;
padding-bottom: 0px !important;
}
.feedback-sec .slick-prev,
.feedback-sec .slick-next {
background-color: #fff;
border-radius: 50%;
z-index: 9;
width: 40px;
height: 40px;
}
.feedback-sec .slick-prev img {
width: 40px;
}
.feedback-sec .slick-next img {
width: 40px;
}
.feedback-sec .slick-prev {
left: 1%;
}
.feedback-sec .slick-next {
right: 1%;
}
.feedback-sec .slick-list {
padding: 0 !important;
}  .golf_training_wrapper .item {
width: 85%;
}
.cs_video_wrapper {
max-width: 85% !important;
}  .banner_dark {
background-blend-mode: overlay;
background-color: #00000044 !important;
}
.contact_banner .left .title {
font-size: 34px;
}
.banner_sub_title {
font-size: 24px;
}
.banner_desc {
font-size: 20px;
} .contact_service_wrapper .item {
padding: 20px 30px;
}
.contact_service_wrapper .item .desc {
font-size: 20px;
}   .inside-banner:before {
background: linear-gradient(to right, #07052f70 60%, #ff99cc00 85%);
}
.inside-banner .banner-content .title {
font-size: 34px;
}
.inside-banner .banner-content {
text-align: center;
}
.inside-banner.desc {
font-size: 16px;
}
.breadcrumb-wrap {
left: 0;
right: 0;
margin: 0 auto;
display: block;
text-align: center;
}
.breadcrumb {
justify-content: center;
}
.shop-video-box {
display: none;
}
.shop-prod-sec .title {
font-size: 30px;
} .benefits-chest-vest-sec .title {
font-size: 30px;
}
.benefits-chest-vest-sec .right {
margin-top: 40px;
}
.video-yt-icon-wrapper {
display: none;
}
.benefits-chest-vest-sec .right .item {
width: 100%;
text-align: left;
}
.gallery-wrapper .main-img {
height: 440px;
}  .products-details-banner {
background-size: cover;
}
.products-details-banner .title {
font-size: 34px !important;
}
.inside-banner .banner-content {
padding: 120px 0px 80px 0px;
}  .golf-academy-sec {
padding: 60px 15px;
}
.golf-academy-sec .img-box img {
width: 100%;
} .swing-faults-sec .title {
font-size: 30px;
}
.stands-out-sec .title {
font-size: 30px;
}
.stands-out-sec .desc {
font-size: 16px !important;
}
.swing-faults-sec .desc {
font-size: 16px !important;
}
.stands-out-sec .desc br {
display: none;
}
.swing-faults-sec .desc br {
display: none;
}
.stands-out-sec {
padding: 60px 15px;
}
.swing-faults-sec {
padding: 60px 15px;
}
.master-swing-sec .title {
font-size: 30px;
}
.master-swing-sec .desc {
font-size: 16px !important;
}
.custom-pagination .page-link {
padding: 8px 16px;
} .blog-details-wrapper p {
font-size: 16px;
margin-bottom: 20px;
}
.blog-details-wrapper ul li {
font-size: 16px;
margin-bottom: 20px;
}
.blog-details-wrapper .blog-details-quote .quote {
font-size: 24px;
}
.blog-details-wrapper .blog-details-quote {
padding: 30px;
}
.recent_articles {
background: #e4e4e4;
padding: 40px 0px 40px 0px;
}
.recent_articles .title {
margin-bottom: 30px;
}
.blog-details-wrapper .blog-details-quote {
margin: 20px 0px;
}
.blog-details-banner {
background-size: cover;
}
.breadcrumb-item a.text-secondary {
color: #ff9b28 !important;
}  .faqs_banner.inside-banner:before {
background: #07052f7d;
}
.faqs_banner .left {
position: relative;
text-align: center;
}
.faqs_banner .title {
font-size: 40px;
} .faqs_wrapper .right .item {
padding: 25px 30px;
}
.faqs_wrapper .right .description {
padding: 25px 30px;
}
.slice_box.conclusion {
padding: 25px 30px;
}
.faqs_wrapper .right .item {
border-right: 0px;
}
.faqs_wrapper .right .item {
border-bottom: 1px solid #c6c6c6;
}
.faqs_wrapper .right .cs_child:last-child .item {
padding-left: 36px;
border-bottom: 0px;
} .htu-academy-sec .title {
font-size: 30px;
}
.sa-academy-sec .title {
font-size: 30px;
} .steps-container {
flex-direction: column;
gap: 0px;
min-height: auto;
}
.step-circle {
width: 180px;
height: 180px;
font-size: 120px;
}
.step-content {
position: static !important;
margin-top: 30px;
width: 250px;
}
.step-wrapper {
margin-bottom: 0;
}
.htu-academy-sec .desc {
font-size: 16px !important;
}
.htu-academy-sec {
padding: 50px 0px 50px 0px;
} .sa-academy-sec {
padding: 50px 0px 50px 0px;
}
.sa-academy-sec .desc {
font-size: 16px !important;
}
.lesson-card-full .lesson-card {
width: 100% !important;
padding: 60px 20px 50px 20px;
}
.lesson-card-full .lesson-card-box-wrapper {
width: 100%;
margin-left: 0;
}
.step-content.top {
margin-bottom: 15px;
}
.step-wrapper.step-2,
.step-wrapper.step-4 {
flex-direction: column-reverse;
gap: 25px;
}  .membership_landing_banner.inside-banner .banner-content {
padding: 120px 0px 80px 0px !important;
}
.membership_landing_banner.inside-banner:before {
background: #3c3b5375 !important;
}
.inside-banner .banner-content .title {
font-size: 36px !important;
}
.membership_landing_banner .banner_desc {
font-size: 20px;
} .welcome_wrapper .desc {
font-size: 18px;
}
.welcome_wrapper .right {
text-align: center;
} .global_academy_right .title {
font-size: 38px;
}
.login_card_wrapper {
margin-top: 0;
} .testimonial-single h2 {
font-size: 1.2rem;
}
.testimonial-image img {
height: 280px;
} .biginners-chest-vest-sec .title {
font-size: 32px;
}
.gallery-wrapper .main-img {
height: 300px;
}
.lessons-banner:before {
background: linear-gradient(to right, #07052f 60%, #07052f 85%);
}
.lessons_section .title {
font-size: 30px;
}
.lessons_section .video_desc p {
font-size: 16px;
}  .knowledge-banner {
background-size: cover;
}
.knowledge_base_banner.inside-banner:before {
background: #0000007d !important;
}
.inside-banner .banner-content .title {
font-size: 30px;
}
.knowledge_base_banner .banner-content {
padding: 120px 0px 90px 0px !important;
} .category_sec .nav-tabs .nav-item:nth-child(4) .nav-link,
.category_sec .nav-tabs .nav-item:nth-child(8) .nav-link {
border-right: 0;
}
.category_sec .nav-tabs .nav-item:nth-child(3) .nav-link,
.category_sec .nav-tabs .nav-item:nth-child(6) .nav-link,
.category_sec .nav-tabs .nav-item:nth-child(9) .nav-link {
border-right: 1px solid #b3b2c9;
}
.category_sec .nav-tabs .nav-item:nth-child(3) .nav-link.active,
.category_sec .nav-tabs .nav-item:nth-child(6) .nav-link.active,
.category_sec .nav-tabs .nav-item:nth-child(9) .nav-link.active {
border-right: 1px solid #ff8b2a;
}
.category_sec .nav-tabs .nav-item:nth-child(3):has(.nav-link.active)+.nav-item .nav-link,
.category_sec .nav-tabs .nav-item:nth-child(6):has(.nav-link.active)+.nav-item .nav-link {
border-left: 1px solid #b3b2c9;
}  .categories_wrapper .main_category .toggle_box .title {
font-size: 18px;
}
.categories_wrapper .main_category .sub_text {
font-size: 16px;
}
li.breadcrumb-item a {
color: #ff9b28 !important;
}
.custom-404-page img {
width: 100%;
object-fit: contain;
height: auto;
}
.pop_wel_and_very .modal-header {
flex-flow: column;
gap: 6px;
padding-bottom: 0px !important;
}
.pop_wel_and_very .modal-header img {
width: 70px !important;
height: 70px !important;
}
.pop_wel_and_very .welcome_pop_title {
text-align: center;
}
.shop-prod-sec-right .left .training-info-wrap {
width: 100%;
}
.shop-prod-sec-left .right .training-info-wrap {
width: 100%;
margin-left: 0;
} .training-title {
font-size: 30px;
}
}
@media (max-width: 640.98px) { .ai_golf_training .video-section {
height: 420px;
} }
@media (max-width: 575.98px) { .banner_sec {
text-align: center;
}
.banner_sec .title {
font-size: 34px;
}
.banner_sec .sub_title {
font-size: 20px !important;
}
.banner_sec .desc {
font-size: 18px !important;
}  .home_about_sec {
padding: 60px 15px;
}
.home_about_sec .title {
font-size: 30px;
}
.home_about_sec .desc {
font-size: 16px;
line-height: 24px;
}  .ai_golf_training .video-section {
height: 360px;
}
.ai_golf_training .title {
font-size: 30px;
}
.ai_golf_training .sub_title {
font-size: 16px;
}
.features_sec {
padding: 60px 0px 60px 0px;
} .testimonials-sec .title {
font-size: 30px;
} .features_sec .title {
font-size: 24px;
}  .products-sec .title {
font-size: 28px;
}
.products-sec .sub_title {
font-size: 16px !important;
}  .cta_sec .title {
font-size: 30px;
}  .how-it-works-sec .title {
font-size: 30px;
}
.how-it-works-sec .sub_title {
font-size: 24px !important;
}
.how-it-works-sec .desc {
font-size: 18px !important;
}
.how-it-works-sec .sub_title br {
display: none;
}
.how-it-works-sec .desc br {
display: none;
}  .smarter-features-sec .title {
font-size: 24px;
}
.smarter-features-sec .desc {
font-size: 16px !important;
}  .feedback-sec .title {
font-size: 24px;
}  .feedback-sec .slider-img {
height: 300px;
width: 90%;
}  .app-works-sec .right .title {
font-size: 24px;
}
.app-works-sec .right .desc {
font-size: 16px;
} .top-fixes-sec .sub-title {
font-size: 20px;
}
.top-fixes-sec .title {
font-size: 28px;
}
.top-fixes-sec .bottom-desc {
font-size: 16px;
} .footer-copyright .container {
flex-direction: column;
text-align: center;
} .golf_training_wrapper .item {
width: 100%;
}
.golf_training_wrapper .item .title {
font-size: 16px;
}
.cs_video_wrapper {
max-height: 100% !important;
}
.golf_training_wrapper .left .desc {
font-size: 16px;
}
.golf_training_wrapper .member_heading {
font-size: 22px;
}
.golf_training_wrapper .btn {
font-size: 16px;
padding: 18px 25px 18px 70px !important;
}
.cs_video_wrapper {
max-width: 100% !important;
}
.golf_training_wrapper .left .sec_title {
font-size: 30px;
}  .contact_banner .left {
text-align: center;
}
.contact_banner .left .title {
font-size: 30px;
}
.banner_sub_title {
font-size: 20px;
}
.banner_desc {
font-size: 18px;
} .contact_service_wrapper {
padding: 60px 0px;
}
.contact_service_wrapper .item .desc {
font-size: 18px;
} .contact_page_form .left {
padding: 40px 20px;
}
.contact_page_form .left .title {
font-size: 26px;
} .contact_page_form {
padding: 0px 0px 60px 0px;
}
.contact_page_form .left .sub_title {
font-size: 20px;
}
.contact_page_form .item .text {
font-size: 20px;
}
.contact_page_form .right .title {
font-size: 26px;
}
.contact_page_form .right {
padding: 40px 20px;
}
.contact_page_form .right .sub_title {
font-size: 20px;
} .gallery-wrapper .main-img {
height: 380px;
}
.biginners-chest-vest-sec .title {
font-size: 24px;
}
.biginners-chest-vest-sec .right .desc {
font-size: 16px;
}
.gallery-wrapper .thumb {
width: 70px;
height: 70px;
}  .golf-academy-sec .title {
font-size: 24px;
}
.golf-academy-sec .img-box img {
height: 100%;
} .swing-faults-sec .title {
font-size: 24px;
}
.stands-out-sec .title {
font-size: 24px;
}
.master-swing-sec .title {
font-size: 24px;
}
.blog-card .blog-meta {
width: 100% !important;
flex-flow: row !important;
justify-content: space-between !important;
} .blog-details-wrapper .blog-details-quote .quote {
font-size: 20px;
}
.blog-details-wrapper .blog-details-quote {
padding: 25px;
}
.blog-details-wrapper .imb-box-2 {
height: 280px;
}  .faqs_banner .title {
font-size: 30px;
}
.faqs_banner .left {
text-align: center;
} .faqs_wrapper .custom-tabs .nav-link {
font-size: 22px;
}
.faqs_wrapper .right .item {
padding: 25px 20px;
}
.slice_box.conclusion {
padding: 25px 20px;
} .htu-academy-sec .title {
font-size: 24px;
}
.sa-academy-sec .title {
font-size: 24px;
} .long-title-mode {
font-size: 28px !important;
} .login_sec {
background-position: center;
}
.login_sec .login_card {
padding: 110px 25px 40px 25px;
}
.login_sec .login_card .logo_wrapper {
width: 120px;
height: 120px;
}
.login_sec .login_card .login_title {
font-size: 24px;
}
.login_sec .login_card .login_deatils {
font-size: 16px;
}
.login_sec .login_card .label {
font-size: 16px;
}
.login_sec .login_card .form_control::placeholder {
font-size: 16px;
}
.login_sec .login_card .forgot_link {
font-size: 16px;
}
.login_sec .login_card .account_text {
font-size: 16px;
}
.global_academy_right .title {
font-size: 30px;
}
.global_academy_right .desc {
font-size: 16px;
} .global_academy_right .cs_child:nth-child(5) .item {
margin-bottom: 30px;
}  .category_sec .top_title {
font-size: 32px;
}
.category_sec .search_container {
padding: 30px 15px;
}
.category_sec .search_heading {
font-size: 16px;
}
.category_sec .search_input {
font-size: 16px;
}
.category_sec .search_btn {
font-size: 16px;
}
.category_sec .search_input::placeholder {
font-size: 16px;
}
.category_sec .nav-tabs .nav-item:nth-child(3) .nav-link,
.category_sec .nav-tabs .nav-item:nth-child(4) .nav-link,
.category_sec .nav-tabs .nav-item:nth-child(6) .nav-link,
.category_sec .nav-tabs .nav-item:nth-child(8) .nav-link {
border-right: 1px solid #b3b2c9;
}
.category_sec .nav-tabs .nav-item:nth-child(3) .nav-link.active,
.category_sec .nav-tabs .nav-item:nth-child(4) .nav-link.active,
.category_sec .nav-tabs .nav-item:nth-child(6) .nav-link.active,
.category_sec .nav-tabs .nav-item:nth-child(8) .nav-link.active {
border-right: 1px solid #ff8b2a;
}
.category_sec .nav-tabs .nav-item .nav-link {
border-right: 1px solid #b3b2c9;
}
.category_sec .nav-tabs .nav-item .nav-link.active {
border-right: 1px solid #ff8b2a;
}
.category_sec .nav-tabs .nav-item:has(.nav-link.active)+.nav-item .nav-link {
border-left: 1px solid #b3b2c9;
}
}
@media (max-width: 480.98px) { .ai_golf_training .video-section {
height: 300px;
}
.ai_golf_training .play-button::before {
border-left: 30px solid #d9f143;
border-top: 17px solid transparent;
border-bottom: 13px solid transparent;
}  .cta_sec .title {
font-size: 24px;
}
.cta_sec .desc {
font-size: 16px;
line-height: 24px;
}  .testi-img img {
width: 85px;
height: 85px;
}
.testi-img img {
width: 85px;
height: 85px;
right: 0px !important;
transform: translate(90%, -50px) !important;
}  .feedback-sec .slider-img {
height: 240px;
}  .features_sec .feature-card.left {
transform: scale(0.9);
width: 100%;
}
.features_sec .feature-card.right {
transform: scale(0.9);
width: 100%;
}
.features_sec .feature-card {
margin-bottom: 15px !important;
}  .golf_training_wrapper .item .title {
font-size: 14px;
}
.golf_training_wrapper .item {
padding: 8px 8px;
}
.cs_video_wrapper_1,
.cs_video_wrapper_2,
.cs_video_wrapper_3 {
height: 250px;
} .phone-video-wrapper .video-container {
top: 15.4%;
left: 36.2%;
width: 47.2%;
height: 65%;
border-radius: 0px 0px 4px 6px;
}
.phone-video-wrapper .video-thumbnail {
height: 100%;
}
.phone-video-wrapper .play-button {
width: 60px;
height: 60px;
}
.phone-video-wrapper .video-container iframe {
border-radius: 10px;
}   .shop-prod-sec .title {
font-size: 24px;
}
.shop-prod-sec .shop_sec_img_wrapper {
height: 400px;
width: 300px;
}
.shop-prod-sec .desc {
font-size: 16px;
} .inner-faqs-sec .title {
font-size: 24px;
}  .benefits-chest-vest-sec .video-section {
height: 300px;
}
.benefits-chest-vest-sec .right .item .title {
font-size: 16px;
}
.benefits-chest-vest-sec .right .desc {
font-size: 16px;
}  .gallery-wrapper .main-img {
height: 340px;
object-position: center;
}  .products-details-banner .title {
font-size: 28px !important;
} .breadcrumb {
font-size: 18px;
} .amazon-btn { }
.amazon-btn img {
object-fit: contain;
background: #181818;
} .blog-banner .banner-content .title br {
display: none;
}
.blog-banner .desc br {
display: none;
}
.inside-banner .banner-content .title {
font-size: 30px !important;
}
.blogs-details-sec {
padding-left: 0 !important;
padding-right: 0 !important;
}  .membership_landing_banner .banner-content .title {
font-size: 30px !important;
}
.welcome_wrapper .circle_wrapper {
display: none;
}
.welcome_wrapper .right {
margin-top: 0px;
}
.welcome_wrapper {
padding: 70px 15px 70px 15px;
} .login_sec {
padding: 0px;
}
.login_sec .login_card .logo_wrapper {
position: unset !important;
transform: unset !important;
margin: 0 auto 25px auto;
}
.login_sec .login_card {
padding: 40px 20px 40px 20px;
}
.login_sec .left {
padding: 120px 0px 0px 0px;
}
.login_sec .login_card .label {
font-size: 14px;
}
.login_sec .login_card .account_text {
font-size: 14px;
}
.login_sec .login_card .forgot_link {
font-size: 14px;
}
.login_sec .login_card .btn {
font-size: 16px;
}
.global_academy_right .item .text {
font-size: 16px;
} .signup_card {
padding: 40px 20px !important;
}  .categories_wrapper .category_item .title {
font-size: 22px;
}
.categories_wrapper .main_category {
padding: 0px;
}
.reviews-sec {
padding: 50px 20px;
}
.quote-img-before img {
width: 40px;
}
.quote-img-after img {
width: 40px;
}
}
@media (max-width: 430.98px) {
.feedback-sec .slider-img {
height: 180px;
}
.ai_golf_training .video-section {
height: 260px;
}  .sec-btns {
flex-flow: column;
} .lesson-card-box-wrapper {
flex-flow: column;
text-align: center;
gap: 15px;
}  .categories_wrapper .category_item .title {
font-size: 20px;
}
.categories_wrapper .main_category .sub_text {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.category_sec .search_btn {
padding: 20px 10px;
font-size: 14px;
}
.category_sec .search_input {
padding: 20px 10px;
}
.category_sec .search_input {
font-size: 14px;
}
.category_sec .search_input::placeholder {
font-size: 14px;
}
.category_sec .search_btn i {
font-size: 18px;
}
}
@media (max-width: 400.98px) {
.navbar .navbar-brand {
top: -10px;
left: -20px;
}
.navbar .navbar-brand img {
width: 170px;
} .home_about_sec .title {
font-size: 24px;
}  .ai_golf_training .video-section {
height: 240px;
}
.video-bottom-btn {
padding: 15px 40px;
font-size: 16px;
}  .features_sec .phone-circle {
width: 300px;
height: 300px;
}
.features_sec .title {
font-size: 28px;
}  .how-it-works-sec .title {
font-size: 24px;
}
.how-it-works-sec .sub_title {
font-size: 20px !important;
}  .features_sec .feature-card {
position: relative !important;
padding: 100px 15px 15px 15px !important;
text-align: center;
border-radius: 12px;
}
.features_sec .feature-card .feature-icon {
position: absolute;
left: 0;
right: 0 !important;
margin: 0 auto;
top: 50px;
}
.cs_video_wrapper_1,
.cs_video_wrapper_2,
.cs_video_wrapper_3 {
height: 190px;
}  .login_sec .login_card .account_text {
font-size: 12px;
}
#forgot_password .centered_items_mob {
flex-flow: column;
}
}
@media (max-width: 375.98px) { .testi-img img {
transform: translate(60%, -50px) !important;
}  .golf_training_wrapper .btn {
font-size: 15px;
padding: 18px 17px 18px 62px !important;
} .phone-video-wrapper .play-button {
top: 24%;
} .av-amazon-only {
padding: 18px 26px 18px 66px !important;
font-size: 16px;
line-height: 1.6;
}
}
@media (max-width: 340.98px) { .products-sec .product_box {
width: 280px;
}
.product-btns {
flex-flow: column;
}
.product_box_img {
height: 380px;
} }
@media screen and (max-width: 1366.8px) and (min-width: 1281px) {
.features_sec .phone-container {
transform: scale(0.87) !important;
}
} @media screen and (max-width: 991.8px) and (min-width: 768px) { .navbar-expand-md .navbar-nav .nav-link {
font-size: 13px;
padding: 36px 14px !important;
} }table.shop_table_responsive thead {
display: none;
}
table.shop_table_responsive tbody th {
display: none;
}
table.shop_table_responsive tr td {
display: block;
text-align: right;
clear: both;
}
table.shop_table_responsive tr td::before {
content: attr(data-title) ": ";
float: left;
}
table.shop_table_responsive tr td.product-remove a {
text-align: left;
}
table.shop_table_responsive tr td.product-remove::before {
display: none;
}
table.shop_table_responsive tr td.actions::before,
table.shop_table_responsive tr td.download-actions::before {
display: none;
}
table.shop_table_responsive tr td.download-actions .button {
display: block;
text-align: center;
}
@media screen and (min-width: 48em) {
table.shop_table_responsive thead {
display: table-header-group;
}
table.shop_table_responsive tbody th {
display: table-cell;
}
table.shop_table_responsive tr th,
table.shop_table_responsive tr td {
text-align: left;
}
table.shop_table_responsive tr td {
display: table-cell;
}
table.shop_table_responsive tr td::before {
display: none;
}
} ul.products {
margin: 0;
padding: 0;
}
ul.products li.product {
list-style: none;
position: relative;
margin-bottom: 2em;
}
ul.products li.product img {
display: block;
}
ul.products li.product .button {
display: block;
}
@media screen and (min-width: 48em) {
ul.products li.product {
width: 30.79667%;
float: left;
margin-right: 3.8%;
}
ul.products li.product.first {
clear: both;
}
ul.products li.product.last {
margin-right: 0;
}
ul.products.columns-1 li.product {
float: none;
width: 100%;
}
ul.products.columns-2 li.product {
width: 48.1%;
}
ul.products.columns-3 li.product {
width: 30.79667%;
}
ul.products.columns-4 li.product {
width: 22.15%;
}
ul.products.columns-5 li.product {
width: 16.96%;
}
ul.products.columns-6 li.product {
width: 13.49333%;
}
} .single-product div.product {
position: relative;
}
.single-product div.product .woocommerce-product-gallery {
position: relative;
float: left;
}
.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
position: absolute;
top: 2em;
right: 1em;
display: block;
z-index: 99;
}
.single-product div.product .woocommerce-product-gallery .flex-viewport {
margin-bottom: 1em;
}
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs {
margin: 0;
padding: 0;
}
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li {
list-style: none;
cursor: pointer;
float: left;
}
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img {
opacity: 0.5;
}
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img.flex-active {
opacity: 1;
}
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li:hover img {
opacity: 1;
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-2 .flex-control-thumbs li {
width: 48.1%;
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-2 .flex-control-thumbs li:nth-child(2n) {
margin-right: 0;
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-2 .flex-control-thumbs li:nth-child(2n+1) {
clear: both;
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-3 .flex-control-thumbs li {
width: 30.79667%;
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-3 .flex-control-thumbs li:nth-child(3n) {
margin-right: 0;
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-3 .flex-control-thumbs li:nth-child(3n+1) {
clear: both;
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li {
width: 22.15%;
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n) {
margin-right: 0;
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n+1) {
clear: both;
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li {
width: 16.96%;
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li:nth-child(5n) {
margin-right: 0;
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li:nth-child(5n+1) {
clear: both;
}
.stock:empty::before {
display: none;
}
.stock.in-stock {
color: #0f834d;
}
.stock.out-of-stock {
color: #e2401c;
} @media screen and (min-width: 768px) {
.col2-set .form-row-first {
float: left;
margin-right: 3.8%;
}
.col2-set .form-row-last {
float: right;
margin-right: 0;
}
.col2-set .form-row-first,
.col2-set .form-row-last {
width: 48.1%;
}
}  .site-header-cart {
position: relative;
margin: 0;
padding: 0;
}
.site-header-cart .cart-contents {
text-decoration: none;
}
.site-header-cart .widget_shopping_cart {
display: none;
}
.site-header-cart .product_list_widget {
margin: 0;
padding: 0;
} .star-rating {
overflow: hidden;
position: relative;
height: 1.618em;
line-height: 1.618;
width: 5.3em;
font-family: star;
font-weight: 400;
}
.star-rating::before {
content: "\53\53\53\53\53";
opacity: 0.25;
float: left;
top: 0;
left: 0;
position: absolute;
}
.star-rating span {
overflow: hidden;
float: left;
top: 0;
left: 0;
position: absolute;
padding-top: 1.5em;
}
.star-rating span::before {
content: "\53\53\53\53\53";
top: 0;
position: absolute;
left: 0;
color: #4169e1;
}
p.stars a {
position: relative;
height: 1em;
width: 1em;
text-indent: -999em;
display: inline-block;
text-decoration: none;
margin-right: 1px;
font-weight: 400;
}
p.stars a::before {
display: block;
position: absolute;
top: 0;
left: 0;
width: 1em;
height: 1em;
line-height: 1;
font-family: star;
content: "\53";
color: #404040;
text-indent: 0;
opacity: 0.25;
}
p.stars a:hover ~ a::before {
content: "\53";
color: #404040;
opacity: 0.25;
}
p.stars:hover a::before {
content: "\53";
color: #4169e1;
opacity: 1;
}
p.stars.selected a.active::before {
content: "\53";
color: #4169e1;
opacity: 1;
}
p.stars.selected a.active ~ a::before {
content: "\53";
color: #404040;
opacity: 0.25;
}
p.stars.selected a:not(.active)::before {
content: "\53";
color: #4169e1;
opacity: 1;
} .woocommerce-tabs ul.tabs {
list-style: none;
margin: 0;
padding: 0;
text-align: left;
}
.woocommerce-tabs ul.tabs li {
display: block;
margin: 0;
position: relative;
}
.woocommerce-tabs ul.tabs li a {
padding: 1em 0;
display: block;
}
.woocommerce-tabs .panel h2:first-of-type {
margin-bottom: 1em;
} .woocommerce-password-strength {
text-align: right;
}
.woocommerce-password-strength.strong {
color: #0f834d;
}
.woocommerce-password-strength.short {
color: #e2401c;
}
.woocommerce-password-strength.bad {
color: #e2401c;
}
.woocommerce-password-strength.good {
color: #3d9cd2;
} .form-row.woocommerce-validated input.input-text {
box-shadow: inset 2px 0 0 #0f834d;
}
.form-row.woocommerce-invalid input.input-text {
box-shadow: inset 2px 0 0 #e2401c;
}
.required {
color: #f00;
} .woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.woocommerce-noreviews,
p.no-comments {
background-color: #0f834d;
clear: both;
}
.woocommerce-info,
.woocommerce-noreviews,
p.no-comments {
background-color: #3d9cd2;
}
.woocommerce-error {
background-color: #e2401c;
}
.demo_store {
position: fixed;
left: 0;
bottom: 0;
right: 0;
margin: 0;
padding: 1em;
background-color: #3d9cd2;
z-index: 9999;
}
@media screen and (min-width: 48em) { .site-header-cart .widget_shopping_cart {
position: absolute;
top: 100%;
width: 100%;
z-index: 999999;
left: -999em;
display: block;
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}
.site-header-cart:hover .widget_shopping_cart,
.site-header-cart.focus .widget_shopping_cart {
left: 0;
display: block;
}
}  .widget_price_filter .price_slider {
margin-bottom: 1.5em;
}
.widget_price_filter .price_slider_amount {
text-align: right;
line-height: 2.4;
}
.widget_price_filter .price_slider_amount .button {
float: left;
}
.widget_price_filter .ui-slider {
position: relative;
text-align: left;
}
.widget_price_filter .ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 1em;
height: 1em;
cursor: ew-resize;
outline: none;
background: #4169e1;
box-sizing: border-box;
margin-top: -0.25em;
opacity: 1;
}
.widget_price_filter .ui-slider .ui-slider-handle:last-child {
margin-left: -1em;
}
.widget_price_filter .ui-slider .ui-slider-handle:hover,
.widget_price_filter .ui-slider .ui-slider-handle.ui-state-active {
box-shadow: 0 0 0 0.25em rgba(0, 0, 0, 0.1);
}
.widget_price_filter .ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
display: block;
border: 0;
background: #4169e1;
}
.widget_price_filter .price_slider_wrapper .ui-widget-content {
background: rgba(0, 0, 0, 0.1);
}
.widget_price_filter .ui-slider-horizontal {
height: 0.5em;
}
.widget_price_filter .ui-slider-horizontal .ui-slider-range {
height: 100%;
}