.gcvt-video-section {
    font-family: 'Inter', sans-serif  ;
    min-height: 100vh  ;
    display: flex  ;
    align-items: center  ;
    justify-content: center  ;
    padding: 20px  ;
}

.gcvt-coaching-section {
    display: flex  ;
    justify-content: center  ;
    max-width: 1200px  ;
    margin: 0 auto  ;
    padding: 50px  ;
    border-radius: 20px  ;
    height: 75vh  ;
    min-height: 750px  ;
    animation: gcvt-fadeIn 0.8s ease-out  ;
}

.gcvt-video-column {
    width: 100%  ;
    max-width: 500px  ;
    max-height: 650px  ;
    position: relative  ;
    display: flex  ;
    flex-direction: column  ;
    align-items: center  ;
    justify-content: center  ;
}

.gcvt-video-container {
    position: relative  ;
    width: 100%  ;
    max-width: 280px  ;
    aspect-ratio: 9 / 18  ;
    border-radius: 30px  ;
    overflow: visible  ;
    display: flex  ;
    justify-content: center  ;
    background: transparent  ;
}

.gcvt-golfer-video {
    width: 105%  ;
    height: 100%  ;
    border-radius: 30px  ;
    object-fit: cover  ;
    background: transparent  ;
}

.gcvt-annotation {
    position: absolute  ;
    display: flex  ;
    align-items: center  ;
    z-index: 10  ;
    animation: gcvt-slideIn 1s ease-out  ;
    animation-fill-mode: both  ;
}

.gcvt-circle-icon {
    width: 35px  ;
    height: 35px  ;
    border-radius: 50%  ;
    color: #fff  ;
    font-weight: bold  ;
    font-size: 16px  ;
    display: flex  ;
    align-items: center  ;
    justify-content: center  ;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15)  ;
    cursor: pointer  ;
    transition: all 0.3s ease  ;
    animation: gcvt-pulse 3s infinite  ;
}

.gcvt-circle-icon:hover {
    transform: scale(1.1)  ;
}

.gcvt-circle-p {
    background: #FF5733  ;
}

.gcvt-circle-r {
    background: #333  ;
}

.gcvt-arrow {
    height: 20px  ;
    position: static  ;
}

.gcvt-arrow-left {
    position: static  ;
}

.gcvt-annotation-1 {
    top: 18%  ;
    right: -435px  ;
    animation-delay: 0.3s  ;
}

.gcvt-annotation-1 .gcvt-arrow {
    margin-right: 15px  ;
}

.gcvt-annotation-2 {
    top: 52%  ;
    right: -450px  ;
    animation-delay: 0.5s  ;
}

.gcvt-annotation-2 .gcvt-arrow {
    margin-right: 15px  ;
}

.gcvt-annotation-3 {
    bottom: 28%  ;
    left: -446px  ;
    animation-delay: 0.7s  ;
}

.gcvt-annotation-3 .gcvt-arrow-left {
    height: 20px  ;
    margin-left: 22px  ;
}

@keyframes gcvt-growBar {
    from {
        height: 0  ;
    }
    to {
        height: var(--height)  ;
    }
}

.gcvt-custom-input {
    background: #ffffff  ;
    padding: 12px 16px  ;
    border-radius: 15px  ;
    font-size: 14px  ;
    color: #0b0b0b  ;
    border: none  ;
    outline: none  ;
    max-width: 250px  ;
    font-family: 'Inter', sans-serif  ;
    position: relative  ;
    clip-path: polygon(0% 0%, 85% 0%, 100% 100%, 0% 100%)  ;
    transition: box-shadow 0.3s ease  ;
    overflow: hidden  ;
    text-align: left  ;
    line-height: 1.4  ;
    padding-right: 40px  ;
    box-sizing: border-box  ;
}

.gcvt-custom-input:focus {
    box-shadow: 0 0 25px rgba(173, 216, 255, 0.9), 0 4px 15px rgba(0, 0, 0, 0.1)  ;
}

.gcvt-custom-input-left {
    background: #ffffff  ;
    padding: 15px 20px  ;
    border-radius: 15px  ;
    font-size: 14px  ;
    color: #0b0b0b  ;
    border: none  ;
    outline: none  ;
    max-width: 250px  ;
    font-family: 'Inter', sans-serif  ;
    position: relative  ;
    clip-path: polygon(15% 0%, 100% 0%, 100% 100%, 0% 100%)  ;
    transition: box-shadow 0.3s ease  ;
    overflow: hidden  ;
    text-align: right  ;
    line-height: 1.4  ;
    padding-right: 40px  ;
    box-sizing: border-box  ;
}

.gcvt-custom-input-left:focus {
    box-shadow: 0 0 25px rgba(173, 216, 255, 0.9), 0 4px 15px rgba(0, 0, 0, 0.1)  ;
}

@keyframes gcvt-fadeIn {
    from {
        opacity: 0  ;
        transform: translateY(20px)  ;
    }
    to {
        opacity: 1  ;
        transform: translateY(0)  ;
    }
}

@keyframes gcvt-slideIn {
    from {
        opacity: 0  ;
        transform: translateX(20px)  ;
    }
    to {
        opacity: 1  ;
        transform: translateX(0)  ;
    }
}

@keyframes gcvt-pulse {
    0% {
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15)  ;
    }
    50% {
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25), 0 0 0 8px rgba(255, 255, 255, 0.1)  ;
    }
    100% {
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15)  ;
    }
}

/* Coach Inspire Transform Section Styles */
.gcvt-coach-inspire-section {
    flex: 1  ;
    max-width: 400px  ;
    padding: 40px 20px  ;
    position: absolute  ;
    margin-left: 7%  ;
    top: 10%  ;
}

.gcvt-coach-main-title {
    font-size: 48px  ;
    font-weight: 700  ;
    line-height: 1.2  ;
    color: #1a1a1a  ;
    margin-bottom: 30px  ;
    letter-spacing: -0.02em  ;
}

.gcvt-coach-description-text {
    font-size: 16px  ;
    line-height: 1.6  ;
    color: #666  ;
    margin-bottom: 35px  ;
    font-weight: 400  ;
}

/* Responsive Styles */
@media (max-width: 1424px) {
    .gcvt-coaching-section {
        padding: 25px  ;
        height: auto  ;
        min-height: 500px  ;
    }
    .gcvt-video-container {
        max-width: 320px  ;
        max-height: 480px  ;
        aspect-ratio: 9 / 18  ;
    }
    .gcvt-coach-inspire-section {
        top: 10%  ;
    }
}

@media (min-width: 1424px) {
    .gcvt-coach-inspire-section {
        position: absolute  ;
    }
}

@media (max-width: 1024px) {
    .gcvt-coaching-section {
        padding: 30px  ;
        height: auto  ;
        min-height: 750px  ;
    }
    .gcvt-left-below {
        width: 160px  ;
    }
    .gcvt-annotation-1 {
        top: 22%  ;
        right: -335px  ;
    }
    .gcvt-arrow {
        height: 0px  ;
        background: none  ;
        position: static  ;
    }
    .gcvt-arrow img {
        width: 150px  ;
    }
    .gcvt-video-container {
        max-width: 500px  ;
        max-height: 750px  ;
        aspect-ratio: 9 / 18  ;
    }
    .gcvt-coach-inspire-section {
        max-width: 280px  ;
    }
    .gcvt-annotation-3 {
        bottom: 18%  ;
        left: -355px  ;
    }
    .gcvt-left-below {
        height: 50px  ;
    }
    .gcvt-custom-input-left {
        font-size: 12px  ;
        max-width: 235px  ;
    }
    .gcvt-annotation-2 {
        top: 52%  ;
        right: -340px  ;
    }
    .gcvt-coach-main-title {
        font-size: 28px  ;
    }
    .gcvt-coach-description-text {
        font-size: 14px  ;
    }

    .gcvt-arrow-left img{
        width: 160px;
    }
}

@media (max-width: 854px) {
    .gcvt-annotation-1 {
        top: 23%  ;
        right: -260px  ;
    }
    .gcvt-annotation-1 .gcvt-custom-input {
        max-width: 180px  ;
    }
    .gcvt-annotation-2 {
        width: 305px  ;
        top: 49%  ;
        right: -245px  ;
    }
    .gcvt-coaching-section {
        padding: 18px  ;
        min-height: 400px  ;
    }
    .gcvt-video-container {
        max-width: 240px  ;
        max-height: 360px  ;
    }
    .gcvt-annotation-3 {
        bottom: 16%  ;
        left: -261px  ;
    }
    .gcvt-custom-input {
        font-size: 10px  ;
        max-width: 250px  ;
    }
    .gcvt-arrow img {
        width: 130px  ;
    }
    .gcvt-custom-input-left {
        font-size: 10px  ;
        max-width: 170px  ;
    }

 .gcvt-right-below{
    width: 270px !important;
 }
}

@media (max-width: 768px) {
    .gcvt-overlay-wrapper {
        display: flex  ;
        justify-content: center  ;
        align-items: center  ;
        height: 200px  ;
        max-height: 600px  ;
    }
    .gcvt-coach-inspire-section {
        top: 3%  ;
        padding: 20px 15px  ;
		margin-left:0% !important;
		max-width:100% !important;
		text-align: center !important;
    }
    .gcvt-annotation-mobile {
        position: absolute  ;
        top: -25%  ;
        gap: 60px  ;
    }
    .gcvt-video-section {
        height: 930px  ;
        overflow: hidden  ;
        margin-top: -80px  ;
    }
    .gcvt-arrow-mobile {
        position: relative  ;
        transform: rotate(271deg)  ;
        left: -23%  ;
        top: 30px  ;
    }
    .gcvt-custom-input-mobile {
        padding: 12px 16px  ;
        border-radius: 15px  ;
        font-size: 11px  ;
        color: #0b0b0b  ;
        border: none  ;
        outline: none  ;
        max-width: 220px  ;
        font-family: 'Inter', sans-serif  ;
        position: relative  ;
        transition: box-shadow 0.3s ease  ;
        overflow: hidden  ;
        text-align: left  ;
        line-height: 1.4  ;
        padding-right: 40px  ;
        box-sizing: border-box  ;
        box-shadow: 0 0 1px rgba(208, 211, 214, 0.9), 0 4px 15px rgba(0, 0, 0, 0.1)  ;
    }
    .gcvt-custom-input-mobile-bottom-2 {
        padding: 12px 16px  ;
        border-radius: 15px  ;
        font-size: 11px  ;
        color: #0b0b0b  ;
        border: none  ;
        outline: none  ;
        max-width: 220px  ;
        font-family: 'Inter', sans-serif  ;
        position: relative  ;
        transition: box-shadow 0.3s ease  ;
        overflow: hidden  ;
        text-align: left  ;
        line-height: 1.4  ;
        padding-right: 40px  ;
        box-sizing: border-box  ;
        box-shadow: 0 0 1px rgba(208, 211, 214, 0.9), 0 4px 15px rgba(0, 0, 0, 0.1)  ;
        left: -19%  ;
    }
    .gcvt-custom-input-mobile-bottom-1 {
        width: 170px  ;
        margin-top: 5px  ;
        padding: 12px 16px  ;
        border-radius: 15px  ;
        font-size: 11px  ;
        color: #0b0b0b  ;
        border: none  ;
        outline: none  ;
        max-width: 220px  ;
        font-family: 'Inter', sans-serif  ;
        position: relative  ;
        transition: box-shadow 0.3s ease  ;
        overflow: hidden  ;
        text-align: left  ;
        line-height: 1.4  ;
        padding-right: 40px  ;
        box-sizing: border-box  ;
        box-shadow: 0 0 1px rgba(208, 211, 214, 0.9), 0 4px 15px rgba(0, 0, 0, 0.1)  ;
        left: -19%  ;
    }
    .gcvt-arrow-mobile-bottom-2 {
        top: 100%  ;
        margin-bottom: 14px  ;
    }
    .gcvt-arrow-mobile-bottom-1 {
        margin-bottom: 7px  ;
    }
    .gcvt-arrow-mobile-bottom-1 img {
        height: 60px  ;
    }
    .gcvt-annotation-mobile-bottom-2 {
        position: absolute  ;
        top: 96%  ;
    }
    .gcvt-annotation-mobile-bottom-1 {
        position: absolute  ;
        top: 87%  ;
        left: 59%  ;
    }
    .gcvt-arrow-mobile-bottom-2 img {
        height: 100px  ;
    }
    .gcvt-arrow-mobile img {
        width: 150px  ;
    }
    .gcvt-coaching-section {
        padding: 20px  ;
        margin: 10px  ;
        min-height: 600px  ;
    }
    .gcvt-video-column {
        max-width: 400px  ;
        max-height: 750px  ;
    }
    .gcvt-video-container {
        max-width: 380px  ;
        max-height: 580px  ;
        aspect-ratio: 9 / 18  ;
    }
    .gcvt-coach-main-title {
        font-size: 24px  ;
    }
    .gcvt-annotation {
        display: none !important;
    }
}

@media (min-width: 769px) {
    .gcvt-annotation-mobile,
    .gcvt-annotation-mobile-bottom-2,
    .gcvt-annotation-mobile-bottom-1 {
        display: none  ;
    }
}

@media (max-width: 480px) {
    .gcvt-coaching-section {
        min-height: 600px  ;
        padding: 15px  ;
    }
    .gcvt-video-column {
        max-width: 350px  ;
        max-height: 580px  ;
    }
    .gcvt-video-container {
        max-width: 330px  ;
        max-height: 560px  ;
        aspect-ratio: 9 / 18  ;
    }
    .gcvt-coach-main-title {
        font-size: 22px  ;
    }
    .gcvt-coach-description-text {
        font-size: 13px  ;
    }
    .gcvt-coach-inspire-section {
        padding: 15px 10px  ;
    }
}

@media (max-width: 400px) {
    .gcvt-coaching-section {
        padding: 10px  ;
        min-height: 550px  ;
    }
    .gcvt-video-column {
        max-width: 300px  ;
        max-height: 520px  ;
    }
    .gcvt-video-container {
        max-width: 280px  ;
        max-height: 500px  ;
        aspect-ratio: 9 / 18  ;
    }
}

@media (max-width: 350px) {
    .gcvt-annotation-mobile-bottom-1 {
        left: 40%  ;
    }
}

@media (min-width: 401px) and (max-width: 768px) {
    .gcvt-video-section{
        margin-top: 20px;
    }
}

@media (min-width: 855px) and (max-width: 1120px) {
  .gcvt-video-column {
    max-width: 180px;
  }

  .gcvt-coach-inspire-section{
    margin-left: 2%;
  }

  .gcvt-coach-main-title{
    font-size: 24px;
  }
}

.gcvt-left-below {
    width: 280px  ;
}