.vfy-cal *{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}.vfy-cal.no-scroll{
    overflow: hidden;
}.vfy-cal{
    font-family: 'Manrope';
}.vfy-cal, .vfy-cal{
    height: 100%;
}.vfy-cal{
     display: flex;
    flex-direction: column; 
     background: transparent;
     align-items: center;
     justify-content: center;
     background:#ffffff00 !important;
     
}:root{
    --vfy-darkblue: #003cae;
    --topbarColor: #01626a;
}.vfy-cal .top-bar{
    background-color: var(--topbarColor);
    color: white;
    font-size: 14px;
    padding: 8px 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 60px;
    font-weight: 500;
    position: relative;
    width: 100%;
    z-index: 999;
}.vfy-cal .top-bar .left-links{
    display: flex;
    gap: 30px;
}.vfy-cal .top-bar .left-links a{
    color: white;
    text-decoration: none;
    font-weight: 500;
    font-size: 15px;
}.vfy-cal .top-bar .right-message{
    font-size: 16px;
}.vfy-cal .top-bar .right-message a{
    color: yellow;
    font-weight: 700;
    text-decoration: none;
}.vfy-cal .menu-opener{
    display: none;
}.vfy-cal .nav-bar{
    display: flex;
    position: relative;
    margin-top: 60px;
    z-index: 999;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    background-color: #F2F2F2;
    padding: 0px 150px;
    box-shadow: 0 1px 1px 0px rgba(0, 0, 0, 0.1);
}.vfy-cal .nav-bar .logo{
    display: flex;
    align-items: center;
}.vfy-cal .nav-bar .logo img{
    width: 300px;
}.vfy-cal .nav-bar .menu{
    display: flex;
    gap: 27px;
    align-items: center;
}.vfy-cal .pc-menu .pc-li{
    height: 81px;
    display: flex;
    justify-content: center;
    align-items: center;
}.vfy-cal .nav-bar .menu a{
    text-decoration: none;
    color: #160647;
    font-weight: 500;
    transition: color 0.3s;
    font-size: 18px;
    font-weight: 600;

}.vfy-cal .dropdown-toggle{
    text-decoration: none;
    color: #160647;
    font-weight: 500;
    transition: color 0.3s;
    font-size: 18px;
    font-weight: 600;
    padding: 8px 12px;
    cursor: pointer;
}.vfy-cal .mobile-menu .dropdown .dropdown-menu{
    box-shadow: none;
}.vfy-cal .mobile-menu .dropdown .dropdown-menu li a{
    color: #160647;
    font-size: 18px;
}.vfy-cal .mobile-menu .dropdown .dropdown-menu{
    display: block;
    overflow: visible;
    top: 101%;
    left: 12px;
    background-color: #fff;
    list-style: none;
    padding: 10px;
    padding-left: 20px;
    z-index: 10;
    transform: translateY(15px);
    transition: opacity 0.3s ease-in-out, transform 0.2s ease-in-out, visibility 0s 0.2s;
}.vfy-cal .nav-bar .menu a:hover{
    color: #00b3ff;
}.vfy-cal .nav-bar .menu a.active{
    color: #00b3ff;
}.vfy-cal .nav-bar .menu .dropdown{
    position: relative;
}.vfy-cal .nav-bar .menu .dropdown-menu a{
    display: block;
    padding: 1px 10px;
    color: #111;
    font-size: 16px;
    font-weight: 600;
}.vfy-cal .menu ul{
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 6.5px;
    align-items: center;
}.vfy-cal .menu ul li{
    position: relative;
}.vfy-cal .menu ul li a{
    text-decoration: none;
    padding: 8px 12px;
    color: #000;
    display: inline-block;
}.vfy-cal .mobile-menu{
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    width: 100%;
    margin-top: 77px;
    padding-top: 20px;
    height: 100%;
    border-top: 1px solid #e9e9e9;
}.vfy-cal .menu .dropdown-menu{
    visibility: hidden;
    opacity: 0;
    display: block;
    position: absolute;
    width: 250px;
    top: 101%;
    left: 12px;
    background-color: #fff;
    box-shadow: 0 0px 0px 1px rgb(173 173 173 / 20%);
    list-style: none;
    padding: 10px;
    padding-top: 20px;
    padding-left: 20px;
    z-index: 10;
    transform: translateY(15px);
    transition: opacity 0.3s ease-in-out, transform 0.2s ease-in-out, visibility 0s 0.2s;
    
}.vfy-cal .menu .dropdown:hover .dropdown-menu{
    visibility: visible;
    opacity: 1;
    display: block;
    transform: translateY(0px);
    transition: opacity 0.3s ease-in-out, transform 0.2s ease-in-out, visibility 0s 0s;
    
}.vfy-cal .menu .dropdown-menu li{
    padding: 5px 0;
}.vfy-cal .menu .dropdown-menu li a{
    display: block;
    padding: 5px 10px;
    color: #000;
}.vfy-cal .features-down-icon{
    display: inline-block;
    transform: rotate(90deg);
    transition: transform 0.3s ease;
}.vfy-cal .nav-bar .menu .dropdown-menu a:hover{
    background-color: #fff;
    color: #00b3ff;
}.vfy-cal .nav-bar .menu .button{
    background-color: var(--vfy-darkblue);
    color: white;
    height: 50px;
    width: 108px;
    
    border-radius: 10px;
    font-size: 16px;
    text-decoration: none;
    font-weight: 600;
    position: relative;
    z-index: 99;
    transition: .2s ease-in-out;
}.vfy-cal .nav-bar .menu .button:hover{
    background-color: #00b3ff;
    color: #fff;
    transition: .2s ease-in-out;
}.vfy-cal .free-trial-btn{
    padding-left: 7px;
}.vfy-cal .pc-li{
    list-style: none;
}.vfy-cal .button{
    position: relative;
    overflow: hidden;
    text-align: center;
    text-decoration: none;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    padding: 10px 20px;
    background: #007bff;
    border-radius: 5px;
    transition: background 0.3s;
}.vfy-cal .button:hover{
    background: #0056b3;
}.vfy-cal .button .text{
    display: flex;
    justify-content: center;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    transform: translate(-50%, -50%);
    transition: transform 0.3s ease, opacity 0.3s ease;
}.vfy-cal .button .text:nth-child(1){
    transform: translate(-50%, -50%);
}.vfy-cal .button .text:nth-child(2){
    transform: translate(-50%, 150%);
    opacity: 0;
}.vfy-cal .button:hover .text:nth-child(1){
    transform: translate(-50%, -150%);
    opacity: 0;
}.vfy-cal .button:hover .text:nth-child(2){
    transform: translate(-50%, -50%);
    opacity: 1;
}.vfy-cal .footer{
    background-color: #4055b2;
    color: white;
    padding: 64px 10px;
    font-family: "Karla", sans-serif;
    padding-bottom: 10px;
}.vfy-cal footer.footer{
    margin-top: auto;
}.vfy-cal .footer .footer-container{
    max-width: 1220px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 35px 21px;
}.vfy-cal .footer .footer-column h3{
    font-size: 23px;
    font-weight: 700;
    line-height: 18px;
    color: #FFFFFF;
    margin-bottom: 20px;
    
    font-family: "Nunito", Sans-serif;

}.vfy-cal .footer .footer-column ul{
    list-style: none;
}.vfy-cal .footer .footer-column ul li{
    margin-bottom: 0px;
    font-size: 17px;
}.vfy-cal .footer .footer-column ul li a{
    text-decoration: none;
    color: white;
    font-size: 17px;
    font-weight: 500;
    line-height: 1.6;
    font-family: "Karla", sans-serif;

}.vfy-cal .footer .footer-column ul li a:hover{
    color: #3694ff;
    transition: .1s ease-in-out;
}.vfy-cal .footer .bottom-footer{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 30px;
    text-align: center;
    font-size: 12px;
    line-height: 1.6;
    color: #d9d9d9;
}.vfy-cal .footer .bottom-footer a{
    color: #ffffff;
    text-decoration: none;
    font-size: 12px;
    margin: 0 1px;

}.vfy-cal .footer .logo-container{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
}.vfy-cal .footer .logo-container img{
    max-height: 67px;
}.vfy-cal .links-footer-bottom{
    color: #fff;
    font-size: 12px;
    text-align: left;
    line-height: 26px;
    max-width: 820px;
}.vfy-cal .popUpCalendly{
    flex-direction: column;
}.vfy-cal .popUpCalendly .headings{
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}.vfy-cal .popUpCalendly .headings h1{
    margin: 15px 0;
    margin-top: 7px;
    color: #160647;
    text-align: center;
    font-size: 40px;

}.vfy-cal .popUpCalendly .headings h3{
    color: #00b3ff;
}.vfy-cal .popUpCalendly .headings p{
    color: #160646a6;
    font-weight: 500;
    font-size: 18px;
    margin-bottom: 28px;
    width: 55%;
}.vfy-cal .back-strip{
    position: relative;
}.vfy-cal .back-strip::after{
    content: '';
    position: absolute;
    background: #00b3ff;
    height: 35%;
    width: 100%;
    z-index: -1;
    left: 0;
    bottom: 2px;

}.vfy-cal #snowfall{
    position: sticky;
    top: 0;
    left: 0;
    color: #ffffff47;
    width: 100%;
    height: 100%;
    z-index: 9999999;
    
}.vfy-cal #snowfall canvas{
    filter: blur(1px) drop-shadow(0px 0px 10px rgba(255, 255, 255, 0.5));
}





@media (max-width:1350px) {.vfy-cal .nav-bar{
        padding: 0px 70px;
    }
}

@media (max-width: 1250px) {.vfy-cal .nav-bar{
        padding: 0px 45px;
    }.vfy-cal .top-bar .left-links{
        display: none;
    }.vfy-cal .top-bar{
        justify-content: center;
    }

    

}

@media (max-width: 1050px) {.vfy-cal .footer .footer-container{
        grid-template-columns: repeat(2, 1fr);
    }.vfy-cal .nav-bar{
        padding: 0px 30px;
    }

}


@media (max-width: 991px) {.vfy-cal .nav-bar{
        margin-top: 0px;
    }.vfy-cal .footer .bottom-footer{
        flex-direction: column;
    }.vfy-cal footer .logo-container{
        flex-direction: column;

    }.vfy-cal .nav-bar .menu ul.pc-menu{
        display: none;
    }.vfy-cal .menu-opener{
        display: block;
        font-size: 30px;
        color: #160647;
        cursor: pointer;

    }.vfy-cal .nav-bar{
        display: flex;
        padding: 17px 17px;
        align-items: center;
    }.vfy-cal .top-bar{
        display: none;
    }.vfy-cal .menu ul{
        list-style: none;
        padding: 0 22px;
        margin: 0;
        display: flex;
        flex-direction: column;
        gap: 0px;
        align-items: flex-start;
        height: 100vh;
        background: #fff;
    }.vfy-cal .popUpCalendly{
        margin-left: 12px;
        margin-right: 12px;
    }

}

@media (max-width: 768px) {.vfy-cal .popup_cal_time-slots-section{
        height: fit-content !important;
    }.vfy-cal .popUpCalendly .headings p{
        width: 80%;
    }.vfy-cal .nav-bar{
        align-items: center;
        padding-left: 0px;
    }.vfy-cal .menu .dropdown-menu{
        max-height: 350px;
        overflow: auto;
    }.vfy-cal .nav-bar .logo img{
        width: 260px;
    }.vfy-cal .nav-bar .menu{
        flex-wrap: wrap;
        gap: 10px;
    }.vfy-cal .top-bar{
        flex-direction: column;
        align-items: flex-start;
        gap: 5px;
    }.vfy-cal .top-bar .left-links{
        flex-wrap: wrap;
        gap: 10px;
    }
}

@media (max-width: 769px) {.vfy-cal .footer{
        background-color: #4055b2;
        color: white;
        padding: 40px 20px;
    }.vfy-cal .footer .footer-container{
        grid-template-columns: repeat(1, 1fr);
    }.vfy-cal .footer .logo-container{
        margin-top: 20px;
        gap: 25px;
    }.vfy-cal .menu .dropdown-menu{
        width: 300px;
    }
}

@media (max-width: 576px){.vfy-cal .popUpCalendly .headings p{
        width: 90%;
    }.vfy-cal .popUpCalendly .headings h1{
        font-size: 26px;
    }
}.vfy-cal .popUpCalendly{
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    height: auto !important;
    overflow: hidden !important;
    width: 100%;
   
  }.vfy-cal .popup_cal_scheduler-container{
    width: 100%;
    
    overflow: hidden;
    height: 85vh;
    margin: 0 auto;
    margin-inline: 24px;
    background: white;
    border-radius: 8px;
    box-shadow: 0 1px 8px 0 rgb(0 0 0 / 8%);
    
    
    display: flex;
    position: relative;
  }.vfy-cal .close_calendly{
    position: absolute;
    top: 19px;
    right: 22px;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    background-color: rgb(217, 233, 255);
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    z-index: 1;
  }.vfy-cal .close_calendly img{
    width: 17px;
    height: 17px;
  }.vfy-cal .popup_cal_left-panel{
    
    border-right: 1px solid #e4e4e7;
    position: relative;
    z-index: 1;
  }.vfy-cal .previous_btn_popup{
    position: absolute;
    top: 15px;
    left: 15px;
    height: 40px;
    width: 40px;
    border-radius: 100%;
    display: none;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    
    transition: all 0.3s ease-in-out;
    background-color: #ece8f2;
  }.vfy-cal .previous_btn_popup img{
    width: 20px;
    height: 20px;
    transform: rotate(-90deg);
  }.vfy-cal .popup_cal_logo{
    display: flex;
    justify-content: center;
    align-items: center;
    
    padding-block: 60px;
    padding-inline: 90px;
  }.vfy-cal .meeting_detail{
    display: flex;
    flex-direction: column;
    padding-inline: 40px;
    padding-block: 20px;
  }.vfy-cal .popup_cal_meeting-title{
    font-size: 24px;
    font-weight: bold;
    color: #0a2540;
    margin-bottom: 24px;
  }.vfy-cal .popup_cal_company-name, .vfy-cal .popup_cal_duration{
    color: rgba(26, 26, 26, 0.61);
    margin-bottom: 5px;
    font-size: 16px;
    line-height: 24px;
    font-weight: bold;
  }.vfy-cal .popup_cal_right-panel{
    display: flex;
    padding: 36px;
    padding-left: 0px;
    gap: 40px;
    
  }.vfy-cal .right_time_container{
    padding-top: 24px;
  }.vfy-cal .popupForm button[type="submit"]{
    font-family: 'Manrope', sans-serif;
  }
  
  @media (min-width: 1200px) and (max-width: 1440px) {.vfy-cal .right_container_modal{
      display: block;
      width: 100%;
    }.vfy-cal .meeting_detail{
      padding-inline: 22px;
    }.vfy-cal .popUpCalendly{
      width: 100% !important;
    }.vfy-cal .right_container_modal{
        flex-grow: 1;
    }
  }.vfy-cal .popup_cal_main-header{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
  }.vfy-cal .popup_cal_main-header h2{
    font-size: 20px;
    font-weight: 700;
    color: rgb(10, 37, 64);
    padding-left: 28px;
    line-height: 30px;
  }.vfy-cal .popup_cal_selected-date{
    font-size: 16px;
    color: rgb(10, 37, 64);
    text-align: left;
    margin-bottom: 24px;
    padding-left: 4px;
  }.vfy-cal .time_date_info .popup_cal_selected-date{
    margin-bottom: 0px;
    padding-left: 0;
    color: rgba(26, 26, 26, 0.61);
  }.vfy-cal .popup_cal_month-selector{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin-bottom: 20px;
    color: #1a1a1a;
    font-size: 16px;
    width: 100%;
  }.vfy-cal .popup_cal_month-selector button{
    border: none;
    background: none;
    cursor: pointer;
    color: #2d1b4e;
    padding: 5px;
    width: 37px;
    height: 37px;
    background: #ece8f2;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }.vfy-cal .popup_cal_month-selector button:hover{
    background: #e3ddec;
  }.vfy-cal .popup_cal_month-selector button img{
    width: 15px;
    height: 15px;
  }.vfy-cal .popup_cal_calendar{
    width: 100%;
  }.vfy-cal .popup_cal_weekdays{
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    text-align: center;
    color: #666;
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 10px;
  }.vfy-cal .popup_cal_days{
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 4px;
    row-gap: 7px;
    font-weight: 500;
    place-items: center;
  }.vfy-cal .popup_cal_day{
    aspect-ratio: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    cursor: pointer;
    font-size: 16px;
    transition: all 0.2s;
    color: #2d1b4e;
    height: 46px;
  }.vfy-cal .popup_cal_disabled{
    opacity: 0.5;
    
    cursor: not-allowed;
  }.vfy-cal .popup_cal_disabled img{
    filter: grayscale(100%) brightness(0%);
  }.vfy-cal .popup_cal_day:hover:not(.popup_cal_disabled){
    background: #e3ddec;
  }.vfy-cal .popup_cal_day:not(.popup_cal_disabled){
    background: #ece8f2;
    
  }.vfy-cal .popup_cal_day.popup_cal_selected{
    background: #2d1b4e;
    color: white;
    font-weight: 500;
    transition: all 0.3s ease-in-out;
  }.vfy-cal .popup_cal_today.popup_cal_selected::after{
    background-color: white;
  }.vfy-cal .popup_cal_day.popup_cal_selected:hover{
    background-color: #2d1b4e !important;
    color: #fff !important;
  }.vfy-cal .popup_cal_time-slots-section{
    display: flex;
    flex-direction: column;
    gap: 4px;
    width: 229px;
    height: 420px;
    overflow: hidden;
    overflow-y: scroll;
    padding-right: 24px;
    padding-inline: 1px;
    padding-bottom: 20px;
  }.vfy-cal .popup_cal_time-slot{
    padding: 12px;
    border: 1px solid #ddd;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.2s;
    text-align: center;
    font-size: 14px;
    color: #1a1a1a;
  }.vfy-cal .popup_cal_time-slot:hover{
    border-color: #2d1b4e;
    background: #f8f9ff;
  }.vfy-cal .popup_cal_time-slot.popup_cal_selected{
    background: #666;
    color: white;
  }.vfy-cal .popup_cal_premium-tag{
    position: absolute;
    top: 0;
    right: 0;
    background: #666;
    color: white;
    padding: 4px 8px;
    border-radius: 0 8px 0 4px;
    font-size: 12px;
  }.vfy-cal .popup_cal_timezone-selector{
    margin-top: 20px;
    color: #666;
    font-size: 14px;
    
  }.vfy-cal .popup_cal_timezone-selector p{
    font-size: 14px;
    margin-bottom: 4px;
    font-weight: 700;
    color: black;
  }.vfy-cal .popup_cal_timezone-selector select{
    
    padding: 8px;
    padding-inline: 10px;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 25px;
    color: #1a1a1a;
    outline: none;
    font-size: 14px;
    transition: all 0.2s ease-in-out;
    cursor: pointer;
  }.vfy-cal .time_option{
    display: flex;
    align-items: center;
    padding-inline: 10px;
    background-color: #e5e5e5ce;
    border-radius: 25px;
  }.vfy-cal .time_option:hover, .vfy-cal .time_option:hover .popup_cal_timezone-selector select{
    background-color: #e5e5e5;
  
    border-radius: 25px;
  }.vfy-cal .popup_cal_button-group{
    display: flex;
    
    margin-top: 10px;
  }.vfy-cal .popup_cal_button-group.active{
    gap: 10px;
  }.vfy-cal .time_date_info{
    color: rgba(26, 26, 26, 0.61);
    align-self: flex-start;
    font-weight: 600;
    margin-top: 1px;
    margin-right: 8px;
    margin-bottom: 24px;
    display: flex;
    gap: 12px;
    align-items: center;
  }.vfy-cal .time_date_info img{
    width: 20px;
    height: 20px;
  }.vfy-cal .popup_cal_time-slots-section::-webkit-scrollbar, .vfy-cal .time-select-wrapper::-webkit-scrollbar{
    width: 12px;
    height: 12px;
  }.vfy-cal .popup_cal_time-slots-section::-webkit-scrollbar-thumb, .vfy-cal .time-select-wrapper::-webkit-scrollbar-thumb{
    background-color: #737373;
    border-radius: 6px;
    border: 3px solid #ffffff;
  }.vfy-cal .popup_cal_time-slot-selected{
    padding: 16px;
  
    padding-inline: 70px;
    background: transparent;
    color: #2d1b4e;
    border-radius: 4px;
    flex: 1;
    text-align: center;
    border: 1px solid rgba(45, 27, 78, 0.5);
    transition: all 0.2s ease-in-out;
    margin-right: 22px;
    cursor: pointer;
    font-weight: 500;
    
    padding: 17px 71px;
    text-wrap: nowrap;
  }.vfy-cal .popup_cal_time-slot-selected:hover{
    outline: 1px solid blue;
  }.vfy-cal .popup_cal_time-slot-selected.active{
    padding-inline: 17px;
    background-color: #666;
    color: #fff;
    border: 1px solid #666;
    margin-right: 8px;
    outline: none;
    text-wrap: nowrap;
  }.vfy-cal .popup_cal_next-button{
    background: #2d1b4e;
    color: white;
    border: none;
    padding: 8px 29px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 17px;
    font-weight: 500;
    margin-right: 8px;
  }.vfy-cal .popup_cal_next-button:hover{
    background: #3d2668;
  }.vfy-cal .cal_time{
    display: flex;
    justify-content: space-between;
    
  }.vfy-cal .calender_month_name{
    display: flex;
    justify-content: space-between;
  }.vfy-cal .timing_btns{
    display: flex;
    justify-content: space-between;
  }.vfy-cal .popupForm{
    
    width: 0%;
    display: none;
    flex-direction: column;
    
    transform: translateX(800px);
    transition: all 0.5s ease-in-out;
  
  }.vfy-cal .popupForm.active{
    transform: translateX(0);
    width: 100%;
    overflow-y: auto;
    padding: 24px;
    background-color: #ffffff;

  }.vfy-cal .popupForm .heading h2{
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 20px;
    line-height: 1.2;
  }.vfy-cal .name_field, .vfy-cal .email_field, .vfy-cal .message_field{
    margin-bottom: 0;
    display: flex;
    flex-direction: row;
    gap: 20px;
  }.vfy-cal .footer_text{
    margin-bottom: 15px;
    display: flex;
    gap: 24px;
  }.vfy-cal .input_field_row{
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 25;
  }.vfy-cal .footer_text{
    font-size: 14px;
  }.vfy-cal .popupForm .email_field{
    gap: 20px;
  }.vfy-cal .popupForm label{
    margin-bottom: 8px;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
  }.vfy-cal .popupForm input, .vfy-cal .popupForm textarea, .vfy-cal .popupForm select{
    min-height: 44px;
    padding: 10px 12px;
    font-size: 15px;
    line-height: 1.5;
    width: 100%;
    color: #848484;
    font-family: 'Manrope', sans-serif;


    display: flex;
    align-items: center;
    justify-content: space-between;


    background: #fff;
    border: 1px solid #e4e4e7;
    border-radius: 8px;
    cursor: pointer;
    
    
    text-decoration: none;
    font-weight: 500;
    transition: all 0.3s ease-in-out;
  }.vfy-cal .popupForm input:focus, .vfy-cal .popupForm textarea:active, .vfy-cal .popupForm textarea:focus, .vfy-cal .popupForm input:active, .vfy-cal .popupForm select:focus{
    
    outline: none;
    border: 2px solid transparent;
    background: linear-gradient(white, white) padding-box,
      linear-gradient(90deg, #3d2668, #2d1b4e 20%, #1d1233) border-box;
  }.vfy-cal .popupForm input:active, .vfy-cal .popupForm textarea:active{
    
    border: 2px solid transparent;
    background: linear-gradient(white, white) padding-box,
      linear-gradient(90deg, #3d2668, #2d1b4e 20%, #1d1233) border-box;
  }.vfy-cal .popupForm input[type="email"]::placeholder, .vfy-cal .popupForm select::placeholder, .vfy-cal .popupForm input[type="text"]::placeholder, .vfy-cal .popupForm textarea::placeholder{
    font-size: 15px;
    color: #9a9a9a;
    font-weight: 400;
  }.vfy-cal .popupForm ::placeholder{
    color: #9a9a9a;
    font-weight: 400;
  }.vfy-cal .popupForm select{
    font-size: 15px;
    font-weight: 500;
    appearance: auto;
  }.vfy-cal .form_content{
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 16px;
    margin-top: 16px;
  }.vfy-cal .popupForm button{
    background-color: #2d1b4e;
    border: 1px solid #2d1b4e;
    width: 180px;
    font-weight: 700;
    font-size: 16px;
    position: relative;
    display: inline-flex;
    vertical-align: middle;
    justify-content: center;
    align-items: center;
    min-height: 44px;
    padding: 8px 16px;
    border: 1px solid transparent;
    border-radius: 40px;
    color: #fff;
    line-height: 20px;
    cursor: pointer;
    margin-top: 0px;
  }.vfy-cal .popupForm button:hover{
    background-color: #3d2668;
  }.vfy-cal .add_guest{
    display: inline-block;
    border: 1px solid #2d1b4e;
    width: fit-content;
    min-height: 32px;
    padding: 7px 12px;
    text-align: center;
    border-radius: 8px;
    color: #2d1b4e;
    font-size: 14px;
    line-height: 20px;
    cursor: pointer;
  }.vfy-cal #add_guestInput{
    display: none;
  }.vfy-cal .add_guest:hover{
    background-color: #ece8f2;
  }.vfy-cal #email-container{
    width: 98%;
    border-radius: 5px;
    padding: 4px 3px;
    margin-top: 0px;
    border: none;
    transition: 0.2s ease-in-out;
    box-shadow: 0px 0px 0px 1px #b3c5e4;
    margin-left: 2px;
    min-height: fit-content;
    overflow: auto;
  }.vfy-cal #email-container input{
    box-shadow: none;
    border: none;
    height: fit-content;
    font-size: 15.5px;
    padding-left: 5px;
    margin-top: 0;
  }.vfy-cal #stickyDiv{
    padding-bottom: 5px;
  }.vfy-cal #stickyDiv #email-container:focus-within{
    border: 1px solid;
    
    background-color: #fff;
    border-radius: 5px;
    outline: none;
    box-shadow: none;
    border: none;
    box-shadow: 0px 0px 0px 2px #b3c5e4;
    border: 2px solid transparent;
    background: linear-gradient(white, white) padding-box,
      linear-gradient(90deg, #3d2668, #2d1b4e 20%, #1d1233) border-box;
  }.vfy-cal #stickyDiv #email-container input{
    padding: 3px;
    background-color: #fff;
    border: none;
    border-radius: 5px;
    outline: none;
    color: #848484;
  }.vfy-cal .right_sticky_form input{
    height: 32px;
    width: 98%;
    border-radius: 5px;
    padding: 2px 10px;
    margin-top: 4px;
    border: none;
    transition: 0.2s ease-in-out;
    box-shadow: 0px 0px 0px 1px #b3c5e4;
    margin-left: 2px;
  }.vfy-cal .right_sticky_form input:focus{
    
    
    box-shadow: 0px 0px 0px 2px #b3c5e4;
    border: none;
    
    outline: none;
  }.vfy-cal .right_sticky_form select{
    color: #848484;
    font-size: 16px;
    padding-top: 4px;
    padding-bottom: 4px;
    font-family: Nunito;
    box-shadow: 0px 0px 0px 1px #b3c5e4;
    border: none;
    margin-left: 2px;
    width: 98%;
    
    padding-left: 6px;
  }.vfy-cal .right_sticky_form select:focus{
    
    box-shadow: none;
    box-shadow: 0px 0px 0px 2px #b3c5e4;
    border: none;
    
  
  }.vfy-cal .email-input-container{
    display: flex;
    flex-wrap: wrap;
    border: 2px solid #2d1b4e;
    border-radius: 4px;
    padding: 5px;
  }.vfy-cal .email-chip{
    display: flex;
    align-items: center;
    background-color: #ece8f2;
    border: 1px solid #cbbede;
    border-radius: 3px;
    padding: 0px 5px;
    margin: 5px;
    height: 26px;
    font-size: 16px;
    width: fit-content;
    color: #2d1b4e;
  }.vfy-cal .email-chip .close-btn{
    cursor: pointer;
    margin-left: 8px;
    font-weight: bold;
    color: #d32f2f;
  }.vfy-cal .email-input{
    flex: 1;
    border: none;
    outline: none;
    min-width: 150px;
  }.vfy-cal .email-input-container:focus-within{
    border-color: #3d2668;
  }.vfy-cal .popUpCalendly #email-container{
    min-height: 46px;
    padding: 10px 14px;
    font-size: 16px;
    line-height: 1.5;
    width: 100%;
    display: block;
    box-sizing: border-box;
    
    
    border-radius: 8px;
    background: #fff;
    color: #0a2540;
    outline: none;
    display: flex;
    background: #fff;
    border: 2px solid #e0e0e0;
    border-radius: 8px;
    box-shadow: none;
  }.vfy-cal .popUpCalendly #email-container:hover{
    border: 2px solid transparent;
    background: linear-gradient(white, white) padding-box,
      linear-gradient(90deg, #3d2668, #2d1b4e 20%, #1d1233) border-box;
  }.vfy-cal .popup_cal_today{
    position: relative;
  }.vfy-cal .popup_cal_today::after{
    content: "";
    position: absolute;
    bottom: 5px;
    left: 50%;
    transform: translateX(-50%);
    width: 5px;
    height: 5px;
    background-color: #2d1b4e;
    border-radius: 50%;
  }.vfy-cal .popup_cal_calendar{
    padding: 24px;
    padding-top: 0px;
  }.vfy-cal .popup_cal_month-selector{
    margin-bottom: 32px;
  }.vfy-cal #popup_cal_current-month{
    font-size: 16px;
    font-weight: 400;
    color: #1a202c;
  }.vfy-cal .popup_cal_weekdays{
    margin-bottom: 16px;
  }.vfy-cal .popup_cal_weekdays div{
    color: #0a2540;
    font-size: 12px;
    font-weight: 500;
  }.vfy-cal .popup_cal_days{
    gap: 2px;
  }.vfy-cal .popup_cal_day{
    height: 42px;
    
    
    background: transparent;
    border-radius: 100%;
    margin: 2px;
    font-weight: 700;
  }.vfy-cal .popup_cal_day:not(.popup_cal_disabled):hover{
    background: #e3ddec;
    color: #3d2668;
  }.vfy-cal .popup_cal_day.popup_cal_disabled{
    color: rgba(26, 26, 26, 0.61);
    background: transparent;
    cursor: not-allowed;
    font-weight: 500;
  }.vfy-cal .popup_cal_day.popup_cal_sunday{
    color: rgba(26, 26, 26, 0.61);
    background: transparent;
    cursor: not-allowed;
  }.vfy-cal .popupForm textarea{
    font-family: 'Manrope', sans-serif;
    margin-top: 0;
    min-height: 92px;
    height: 92px;
    align-items: flex-start;
  }.vfy-cal .mbl-cta{
    display: none;
  }.vfy-cal .popup_cal_month-selector button.popup_cal_disabled{
    background: #fff;
    cursor: not-allowed;
  }.vfy-cal .email-chip{
    display: inline-flex;
    align-items: center;
    background-color: #e0e0e0;
    border-radius: 16px;
    padding: 4px 8px;
    margin: 4px;
    font-size: 14px;
    outline: none;
  }.vfy-cal .email-chip .close-btn{
    margin-left: 7px;
    cursor: pointer;
    font-weight: bold;
    font-size: 20px;
  }.vfy-cal .tooltip{
    position: absolute;
    top: 400px;
    background-color: #ffcccc;
    color: #ff0000;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 12px;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
    white-space: nowrap;
    z-index: 80;
  }.vfy-cal .all_rights{
    margin-block: 0.5rem;
  }.vfy-cal .invalid-email{
    border: 1px solid red;
    color: red;
  }.vfy-cal .no_slots_div, .vfy-cal .no_slots_div_sticky{
    display: none;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    width: 100%;
  }.vfy-cal .no_slots_div .time_img img, .vfy-cal .no_slots_div_sticky .time_img img{
    width: 65px;
  }.vfy-cal .time_text{
    color: #2d1b4e;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
  }.vfy-cal .time_text h4{
    font-size: 22px;
    margin: 5px 0;
  }.vfy-cal .time_text p{
    font-size: 18px;
  }.vfy-cal .register_form2_mobile{
    display: none;
  }.vfy-cal #hero .register_form2_mobile .form_block .form-control{
    margin-bottom: 0px;
  }.vfy-cal #hero .register_form2_mobile .register_tag_msg{
    display: none;
  }.vfy-cal #hero .register_form2 .form_block .row{
    margin-bottom: 21px;
  }.vfy-cal .register_form2 .form_block input[type="email"]::placeholder, .vfy-cal .register_form2 .form_block select::placeholder, .vfy-cal .register_form2 .form_block input[type="text"]::placeholder, .vfy-cal .register_form2 .form_block textarea::placeholder{
    font-size: 16px;
  }.vfy-cal .register_form2 .form_block select{
    font-size: 14px;
    padding-block: 7px;
  }.vfy-cal #hero .register_form2 .form_block .btn-get-started{
    margin-top: 2px;
  }.vfy-cal .register_form2 .form_block>div{
    margin-bottom: 0px;
  }.vfy-cal #hero .register_form2 .form_block{
    margin-top: 18px;
  }.vfy-cal .register_form2 .form_block{
    width: 87%;
  }.vfy-cal #hero .register_form2 .form_block .btn-get-started{
    padding-inline: 16px;
  }
  
  
  
  
  @media(min-width: 1024px) {.vfy-cal .popup_cal_scheduler-container{
      
      height: 100%;
    }
  
  }
  
  @media (max-width: 1023px) {.vfy-cal .popup_cal_scheduler-container{
      grid-template-columns: 1fr;
      
      height: 100%;
    }.vfy-cal .popup_cal_right-panel{
      grid-template-columns: 1fr;
      padding-inline: 12px;
    }.vfy-cal .popup_cal_left-panel{
      
      border-bottom: 1px solid #eee;
    }.vfy-cal .popup_cal_logo{
      padding-inline: 30px;
    }
  }
  
  @media (max-width: 991px) {.vfy-cal .popup_cal_left-panel{
      padding: 20px;
      padding-inline: 0px;
    }.vfy-cal .register_form2{
      display: none;
    }.vfy-cal .register_form2_mobile{
      display: block;
    }.vfy-cal #hero .form_block .row{
      margin-bottom: 0px;
    }
  }
  
  @media (max-width: 768px) {.vfy-cal .popup_cal_scheduler-container{
      flex-direction: column;
      height: 100%;
    }.vfy-cal .popup_cal_logo{
      display: none;
    }.vfy-cal .meeting_detail{
      padding-top: 0;
    }.vfy-cal .right_container_modal{
      overflow-y: scroll;
      overflow-x: hidden;
    }.vfy-cal .form_content{
      gap: 8px;
    }.vfy-cal .hide-in-mbl{
      display: none;
    }.vfy-cal .popup_cal_next-button{
      margin-right: 2px;
    }.vfy-cal .popup_cal_meeting-title{
      margin-bottom: 0px;
    }.vfy-cal .meeting_detail{
      padding-bottom: 0;
    }.vfy-cal .popup_cal_left-panel{
      border-right: none;
      box-shadow: none;
    }.vfy-cal .popup_cal_scheduler-container{
      max-width: 100%;
    }.vfy-cal .popup_cal_scheduler-container{
      margin-inline: 7px;
    }.vfy-cal .meeting_detail{
      padding-inline: 25px;
      text-align: center;
    }.vfy-cal .time_date_info{
      width: 100%;
      justify-content: center;
    }.vfy-cal .popup_cal_time-slots-section{
      width: 251px;
    }.vfy-cal .previous_btn_popup{
      left: 0;
      border-radius: unset;
    }.vfy-cal .popup_cal_time-slot-selected{
      
      padding-inline: 83px;
    }.vfy-cal .close_calendly img{
      margin-left: 2px;
    }.vfy-cal .popup_cal_time-slot-selected.active{
      margin-right: 4px;
    }.vfy-cal .cal_time{
      flex-direction: column;
    }.vfy-cal .right_time_container{
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
    }.vfy-cal .form_content{
      width: 100%;
    }.vfy-cal .popup_cal_main-header h2{
      width: 100%;
      text-align: center;
    }.vfy-cal .email_field, .vfy-cal .name_field, .vfy-cal .message_field, .vfy-cal .footer_text{
      flex-direction: column;
    }.vfy-cal .popup_cal_right-panel{
      flex-direction: column;
      width: 100%;
    }.vfy-cal .popup_cal_timezone-selector{
      text-align: center;
      
    }.vfy-cal .popup_cal_timezone-selector select{
      width: 48%;
    }.vfy-cal .time_option{
      justify-content: center;
    }.vfy-cal .popup_cal_calendar{
      padding-inline: 0px;
    }.vfy-cal .no_slots_div{
      height: unset;
    }.vfy-cal #hero .schedule-btn{
      text-align: center;
    }
  }
  
  @media (max-width: 600px) {.vfy-cal{
      padding: 0;
    }.vfy-cal .popup_cal_scheduler-container{
      border-radius: 0;
    }.vfy-cal .popup_cal_right-panel, .vfy-cal .popup_cal_left-panel{
      padding: 20px;
    }
  }
  
  @media (max-width: 428px) {.vfy-cal .popup_cal_scheduler-container{
      max-width: 100%;
    }.vfy-cal .popup_cal_scheduler-container{
      margin-inline: 12px;
    }.vfy-cal .popup_cal_right-panel{
      padding: 13px;
      padding-left: 13px;
    }.vfy-cal .popup_cal_calendar{
      padding: 0;
    }.vfy-cal .popup_cal_day{
      height: 34px;
    }.vfy-cal .meeting_detail{
      padding-inline: 10px;
    }.vfy-cal .form_content{
      width: 100%;
    }.vfy-cal .popup_cal_timezone-selector p{
      text-align: center;
    }.vfy-cal .time_option{
      justify-content: center;
    }.vfy-cal .popup_cal_timezone-selector select{
      width: 68%;
    }.vfy-cal .popup_cal_company-name, .vfy-cal .popup_cal_duration{
      width: 100%;
      text-align: center;
    }.vfy-cal .popup_cal_logo{
      padding-top: 0;
      padding-bottom: 20px;
    }.vfy-cal .right_time_container{
      padding-top: 28px;
    }
  }.vfy-cal .calendar-header .nav-btn:disabled{
    cursor: not-allowed;
    color: #ccc;
  }.vfy-cal .nav-btn:disabled img{
    filter: grayscale(100%) brightness(1000%);
  }.vfy-cal .logo_container{
    display: flex;
    align-items: center;
    margin-top: 25px;
  }.vfy-cal .logo-head{
    width: 25%;
  
    p {
      padding: 0%;
      margin-bottom: 0;
      font-size: larger;
  
    }
  }.vfy-cal .slider-container{
    overflow: hidden;
    width: 75%;
    max-width: 1000px;
    position: relative;
    padding: 0;
  }.vfy-cal .slider{
    display: flex;
    transition: transform 0.5s linear;
    align-items: center;
    gap: 20px;
  }.vfy-cal .slide-card{
    flex: 0 0 24%;
    
    max-width: 24%;
    background-color: transparent;
    text-align: center;
    display: flex;
    justify-content: center;
  
  }.vfy-cal .slide-card .fix-width{
    width: 75%;
  }.vfy-cal .slide-card img{
    object-fit: cover;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    display: block;
  }
  
  @media (max-width: 768px) {.vfy-cal .logo_container{
      display: block;
      text-align: center;
    }.vfy-cal .logo-head{
      width: 100%;
    }.vfy-cal .slider-container{
      width: 100%;
    }.vfy-cal .slide-card{
      flex: 0 0 100%;
      max-width: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
    }
  }.vfy-cal .hidden-fields{
    transform: translateX(100%);
    opacity: 0;
    transition: transform 0.5s ease, opacity 0s ease;
    display: none;
    
    margin-top: 15px;
  }.vfy-cal .form_field_new{
    transition: transform 0.5s ease, opacity 0.5s ease;
  }.vfy-cal .form_field_new.active{
    transform: translateX(0);
    opacity: 0;
    display: block;
  }.vfy-cal .register_form2{
    min-height: 450px;
    position: relative;
  }.vfy-cal #back-btn{
    position: relative;
    top: -65px;
    left: 0;
    color: #000;
    
    outline: none;
    border: none;
  
    cursor: pointer;
    border-radius: 50%;
    padding: 5px;
    font-weight: 800;
    height: 40px;
    width: 40px;
  }.vfy-cal .form_block select{
    appearance: auto;
  }.vfy-cal .register_form2 .form_block select{
    font-size: 15px;
  }.vfy-cal #initial-fields .row{
    margin-bottom: 40px !important;
  }.vfy-cal #hero .register_form2{
    overflow: hidden;
  }.vfy-cal .right-panel{
    position: relative;
    overflow: hidden;
  }.vfy-cal .time-selector-container{
    position: absolute;
    right: -100%;
    top: 0;
    width: 100%;
    height: 100%;
    background: white;
    transition: all 0.3s ease;
    padding: 1rem;
  }.vfy-cal .time-selector-container.active{
    right: 0;
    padding-top: 0px;
  }.vfy-cal .time-selector{
    opacity: 1;
    height: auto;
    transform: none;
    transition: none;
  }.vfy-cal .time-selector.show{
    opacity: 1;
    height: auto;
    transform: none;
  }.vfy-cal .calendar.slide-out{
    transform: translateX(-100%);
    transition: transform 0.3s ease;
  }.vfy-cal .right_sticky_form{
    position: absolute;
    right: -100%;
    top: 0;
    width: 100%;
    height: 100%;
    background: white;
    transition: all 0.3s ease;
    transform: none;
  }.vfy-cal .right_sticky_form.active{
    right: 0;
    transform: none;
  }.vfy-cal .right_block{
    position: relative;
    overflow: hidden;
  }.vfy-cal .right_sticky_form input{
    margin-bottom: 9px !important;
  }.vfy-cal .right_sticky_form select{
    margin-bottom: 8px !important;
  }.vfy-cal .right_block .right-panel{
    height: 410px;
  }.vfy-cal .right_sticky_form input::placeholder{
    color: #848484 !important;
  }.vfy-cal .header_innner{
    padding-right: 0px;
  }.vfy-cal .time-select-wrapper{
    overflow-y: auto;
    overflow-x: hidden;
    height: 270px;
  }.vfy-cal .right_block .popup_cal_time-slot-selected{
    padding: 10px 64px;
    text-wrap: nowrap;
  }.vfy-cal .right_block .popup_cal_time-slot-selected.active{
    padding-inline: 13px;
    background-color: #666;
    color: #fff;
    border: 1px solid #666;
    margin-right: 8px;
    outline: none;
  }.vfy-cal .right_block .popup_cal_button-group{
    margin-inline: 4px;
  }.vfy-cal .right_block .selected-date{
    margin-top: 8px;
  }.vfy-cal .flex_between_col{
    display: flex;
    justify-content: space-between;
    flex-direction: column;
  }.vfy-cal .popupImg{
    width: 100%;
    height: 200px;
  }.vfy-cal .OnLeaveCard .input form{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
  }.vfy-cal .right-area form{
    display: flex;
    flex-direction: column;
    
  }.vfy-cal .content_area{
    width: 100%;
    background-color: #F2eFea;
    display: flex;
    margin-top: 60px;
    justify-content: space-evenly;
    gap: 40px;
    
  }.vfy-cal .left-area{
    width: 320px;
  }.vfy-cal .left-area .image{
    width: 100%;
    margin-top: 0px;
  }.vfy-cal .left-area p{
    color: #707070;
    font-size: 16px;
    font-family: Nunito;
    margin-left: 0px;
    margin-top: 0px;
    font-weight: 400;
  
  
  }.vfy-cal .center-area{
    padding-bottom: 10px;
  }.vfy-cal .content_area h4{
    color: #444444;
    margin-top: 20px;
    font-size: 24px;
    font-family: Nunito;
    text-transform: uppercase;
    font-weight: 500;
  }.vfy-cal .center-area .address{
    display: flex;
    flex-direction: column;
  }.vfy-cal .center-area .address div{
    display: flex;
    align-items: center;
    width: 310px;
    gap: 20px;
  }.vfy-cal .center-area .address div i{
    font-size: xx-large;
    color: #090808;
  }.vfy-cal .center-area .address div li{
    display: flex;
    flex-direction: column;
    gap: 0px;
  }.vfy-cal .center-area .address div li h5{
    margin-bottom: 1px;
    font-size: 20px;
    font-family: Nunito;
    color: #444444;
  }.vfy-cal .center-area .address div li p{
    color: #707070;
    font-size: 15px;
    font-family: Nunito;
    font-weight: 400;
    margin-bottom: 10px;
  }.vfy-cal .center-area .address a{
    font-weight: 500;
    color: #007BFF;
  }.vfy-cal .right-area{
    width: 407px;
    display: flex;
    flex-direction: column;
    gap: 4px;
  }.vfy-cal .content_area h4{
    color: #444444;
    margin-top: 15px;
    font-size: 24px;
    font-family: Nunito;
    text-transform: uppercase;
    font-weight: 500;
  }.vfy-cal .right-area .input{
    width: 100% !important;
    box-sizing: border-box;
    height: 45px;
    padding: 0.5rem;
    font-family: Nunito;
    font-size: 18px;
    background-color: #fff;
    font-weight: 500;
    border: 2px solid #707070;
    border-radius: 2px;
    color: #000;
    font-family: Nunito;
    font-size: 16px;
  }.vfy-cal .right-area button{
    width: 100%;
  
    background: linear-gradient(to right, #009bdc 0, #0041c3 100%);
    font-family: Nunito;
    margin-top: 15px;
    padding: 10px;
    font-size: 16px;
    border: none;
    border-radius: 5px;
    
    color: white;
    cursor: pointer;
  }.vfy-cal .right-area button:hover{
    background-color: #815433;
  }.vfy-cal .right_container_modal{
        flex-grow: 1 !important;
    }.vfy-cal .popupForm.active{
    height: 100%;
}.vfy-cal .popup_cal_calendar-section{
    width:100%;
}.vfy-cal .popupForm.active{
    display:flex;
}

/* typography: match the site rather than depend on fonts this bundle never loads */
.vfy-cal,.vfy-cal *{font-family:var(--body,'Plus Jakarta Sans',sans-serif)}
.vfy-cal h1,.vfy-cal h2,.vfy-cal h3,.vfy-cal h4,.vfy-cal h5,.vfy-cal h6,
.vfy-cal input,.vfy-cal select,.vfy-cal textarea,.vfy-cal button,
.vfy-cal .footer,.vfy-cal .footer .footer-column h3,
.vfy-cal .popupForm button[type="submit"],.vfy-cal .right_sticky_form select{
  font-family:var(--head,'Plus Jakarta Sans',sans-serif)}

/* slot list flows with the page: no cramped inner scrollbar */
.vfy-cal .popup_cal_time-slots-section{height:auto!important;max-height:none!important;overflow:visible!important}
.vfy-cal .time-select-wrapper{height:auto!important;max-height:none!important;overflow:visible!important}
.vfy-cal .right_container_modal{overflow:visible!important}
.vfy-cal .popupForm.active{overflow:visible!important}
/* clear the sticky site header on load and on anchor scroll */
.vfy-cal{scroll-margin-top:96px}
.vfy-cal,.vfy-cal *{max-width:100%}
.vfy-cal{overflow-x:hidden}

/* ===================================================================== */
/* Calendly-style restyle (v=book3) — scoped under .vfy-cal only          */
/* Appended last so it wins over earlier equal-specificity rules.         */
/* ===================================================================== */

/* 1) Calendar card: clean white, 1px light-grey border, rounded, soft shadow */
.vfy-cal .popup_cal_scheduler-container{
  background:#ffffff;
  border:1px solid #e4e4e7;
  border-radius:10px;
  box-shadow:0 4px 18px rgba(17,24,39,0.06), 0 1px 3px rgba(17,24,39,0.05);
}

/* 2) Time-slot buttons: bordered pills, comfortable padding, blue hover */
.vfy-cal .popup_cal_time-slot-selected{
  padding:14px 16px;
  border:1px solid #e4e4e7;
  border-radius:8px;
  background:#ffffff;
  color:#2d1b4e;
  font-weight:600;
  margin-right:0;
  flex:1 1 100%;
  text-wrap:nowrap;
  transition:all 0.35s ease-in-out;
}
.vfy-cal .popup_cal_time-slot-selected:hover{
  border-color:#2d1b4e;
  background:#f4f1f8;
  outline:none;
}

/* 3) Two-step reveal: clicked time shrinks to the left half; a solid-blue */
/*    Next slides into the right half. Only Next advances (handled in JS). */
.vfy-cal .popup_cal_button-group{
  display:flex;
  align-items:stretch;
  gap:0;
  margin-top:8px;
}
.vfy-cal .popup_cal_button-group.active{
  gap:0;
}
/* Selected row: time shrinks to ~55% on the left, Next fills the rest */
.vfy-cal .popup_cal_time-slot-selected.active{
  flex:0 0 55%;
  padding:14px 16px;
  padding-inline:16px;
  background:#ece8f2;
  color:#2d1b4e;
  border:1px solid #2d1b4e;
  margin-right:8px;
  outline:none;
  text-wrap:nowrap;
}
/* Next FULLY collapsed by default: zero width, zero flex-basis, clipped, no  */
/* border/padding, transparent — so an unselected row is a single pill, with */
/* NO thin blue strip. It is invisible regardless of its text content.        */
.vfy-cal .popup_cal_next-button{
  flex:0 0 0% !important;
  width:0 !important;
  max-width:0 !important;
  min-width:0 !important;
  padding:0 !important;
  margin:0 !important;
  border:0 solid transparent !important;
  border-radius:8px;
  background:#2d1b4e;
  color:#ffffff;
  font-weight:600;
  font-size:16px;
  line-height:1;
  opacity:0 !important;
  visibility:hidden;
  overflow:hidden !important;
  white-space:nowrap;
  cursor:pointer;
  transition:flex-basis 0.35s ease-in-out, width 0.35s ease-in-out, opacity 0.25s ease-in-out, padding 0.35s ease-in-out;
}
/* Reveal ONLY beside the selected (active) time — expands to fill remaining  */
/* width with the solid-blue fill and the "Next" label.                       */
.vfy-cal .popup_cal_time-slot-selected.active + .popup_cal_next-button{
  flex:1 1 45% !important;
  width:auto !important;
  max-width:100% !important;
  min-width:0 !important;
  padding:14px 12px !important;
  margin:0 !important;
  border:0 solid transparent !important;
  opacity:1 !important;
  visibility:visible;
  overflow:hidden !important;
}
.vfy-cal .popup_cal_time-slot-selected.active + .popup_cal_next-button:hover{
  background:#3d2668;
}

/* ===================================================================== */
/* Layout fixes (v=book5) — scoped under .vfy-cal only                    */
/* ===================================================================== */

/* FIX 2 — kill the dead bottom void: the card was height:85vh / height:100% */
/* which left a big empty gap under a short slot list. Let it fit content.   */
.vfy-cal .popup_cal_scheduler-container{
  height:auto !important;
  min-height:0 !important;
  padding-bottom:8px;
}

/* FIX 3 — scroller on the slot column (desktop): a long list scrolls INSIDE */
/* the card with a thin scrollbar instead of spilling past its border. The   */
/* max-height roughly matches the calendar grid height. On mobile the card   */
/* stacks, so let the list flow naturally there.                             */
@media (min-width:769px){
  .vfy-cal .popup_cal_time-slots-section{
    height:auto !important;
    max-height:460px !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    padding-right:8px;
    scrollbar-width:thin;
    scrollbar-color:#c7c7cc transparent;
  }
  .vfy-cal .popup_cal_time-slots-section::-webkit-scrollbar{width:8px;height:8px}
  .vfy-cal .popup_cal_time-slots-section::-webkit-scrollbar-thumb{
    background:#c7c7cc;border-radius:8px;border:2px solid #ffffff;
  }
  .vfy-cal .popup_cal_time-slots-section::-webkit-scrollbar-track{background:transparent}
}

/* FIX 4 — clear the sticky site header (.header is position:sticky;top:0,    */
/* ~90px tall): give the calendar section a scroll-margin-top of header + a   */
/* little so anchor/scrollIntoView never tucks its top under the nav.         */
.vfy-cal,
.vfy-cal .popup_cal_scheduler-container{
  scroll-margin-top:110px;
}
/* ensure nothing pulls the calendar up under the header */
.vfy-cal{margin-top:0;}

/* ===================================================================== */
/* Sticky-header clearance (v=book6)                                      */
/* The booking section .bd-book had only 20px top padding while the site  */
/* .header (position:sticky;top:0;z-index:60) renders ~82-93px tall, so   */
/* the calendar card slid UNDER the nav during manual scroll. Give the    */
/* section wrapper header-height + ~24px of top clearance. This affects    */
/* only this page (demo-cal.css loads nowhere else) and nothing else on   */
/* the page. scroll-margin-top above is kept for anchor-jump scrolling.   */
/* ===================================================================== */
.bd-book{padding-top:40px;}
/* belt-and-suspenders, fully scoped to the calendar root */
.vfy-cal{scroll-margin-top:120px;}

/* ===================================================================== */
/* Button row + compact form (v=book16)                                   */
/* The submit button and the Add-Invitees pill now share ONE flex row:    */
/* "Schedule Demo" (solid maroon pill) on the LEFT, "Add Invitees Emails" */
/* (maroon outline pill) on the RIGHT. Colours are inherited from the     */
/* existing .popupForm button / .add_guest rules — unchanged here.        */
/* ===================================================================== */
.vfy-cal .form_btn_row{
  display:flex;
  flex-direction:row;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  margin-top:20px;
  width:100%;
}
.vfy-cal .form_btn_row button[type="submit"]{
  margin-top:0;
  flex:0 0 auto;
}
.vfy-cal .form_btn_row .add_guest{
  margin-top:0;
  flex:0 0 auto;
}

/* Remove the dead space below the buttons: the details form was forced to */
/* height:100% (css:1658) so its white box stretched to match the tall     */
/* calendar/left-panel. Let it hug its content instead.                    */
.vfy-cal .popupForm.active{
  height:auto !important;
  min-height:0 !important;
}

/* ===================================================================== */
/* Details-form polish (v=book17) — scoped under .vfy-cal only            */
/* ===================================================================== */

/* ONE — tighten the message-box → button-row gap to ~12px.               */
/* The invitees-input row (#add_guestInput) sits in its own .email_field  */
/* wrapper that is empty while collapsed, yet still eats a 16px flex-gap  */
/* slot. Collapse that wrapper WHILE the input is hidden (it re-appears    */
/* the moment the JS sets its inline display:flex on the Add-Invitees      */
/* click), then pull the row up so the visible gap lands near 12px.        */
.vfy-cal .form_content > .email_field:has(> #add_guestInput):not(:has(> #add_guestInput[style*="flex"])){
  display:none;
}
.vfy-cal .form_btn_row{
  margin-top:-4px;   /* cancels most of the 16px form_content gap -> ~12px */
}

/* TWO — make fields visible: darker 1px border (#e4e4e7 blended into the  */
/* white). Keep radius 8px and the existing maroon focus untouched.        */
.vfy-cal .popupForm input,
.vfy-cal .popupForm textarea,
.vfy-cal .popupForm select{
  border:1px solid #cfcfd6;
  border-radius:8px;
}
/* TWO — give the form its own defined card so it doesn't float on white.  */
.vfy-cal .popupForm.active{
  background-color:#fafafa;
}

/* THREE — on-brand trust block filling the empty lower-left area.         */
/* NOTE: this left panel renders WHITE (transparent bg, dark text), not    */
/* maroon, so white text would be invisible — the list uses on-brand       */
/* maroon (#2d1b4e) with a light-maroon ✓ chip so it reads clearly.        */
.vfy-cal .left_trust_block{
  list-style:none;
  margin:0;
  margin-top:28px;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:12px;
}
.vfy-cal .left_trust_block li{
  display:flex;
  align-items:center;
  gap:10px;
  font-size:14px;
  line-height:1.35;
  font-weight:600;
  color:#2d1b4e;
}
.vfy-cal .left_trust_block li::before{
  content:"\2713";
  flex:0 0 auto;
  width:20px;
  height:20px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:#ece8f2;
  color:#2d1b4e;
  font-size:11px;
  font-weight:700;
  line-height:1;
}

/* ===================================================================== */
/* Fill to bottom (v=book19) — scoped under .vfy-cal only                 */
/* The card is display:flex; its columns stretch to the tallest (the left */
/* panel, ~579px). Two things left the right side/divider short of the    */
/* bottom: (a) the form was height:auto (~506px) so its #fafafa fill ended */
/* above its 579px container, and (b) the card's 8px padding-bottom (book5 */
/* FIX2) held BOTH columns a hair above the bottom border. Drop that       */
/* padding and let the right container + form stretch to the full height   */
/* so the #fafafa fill and the border-right divider both reach the base.   */
/* ===================================================================== */
.vfy-cal .popup_cal_scheduler-container{
  align-items:stretch;
  padding-bottom:0;
}
.vfy-cal .right_container_modal{
  display:flex;
  flex-direction:column;
}
.vfy-cal .popupForm.active{
  flex:1 1 auto;
  height:auto !important;
}

/* ===================================================================== */
/* Vertical centering (v=book21) — scoped under .vfy-cal only             */
/* The form box stretches to the full card height (~579px, book20) but    */
/* its content group ("Enter Details" heading -> field rows -> button row) */
/* is ~458px and sat at the top (24px above, ~98px below = top-heavy).     */
/* The form is already display:flex/column; justify-content:center places  */
/* the whole content block in the vertical middle with equal space above   */
/* and below. The existing 24px padding stays as the minimum breathing gap.*/
/* ===================================================================== */
.vfy-cal .popupForm.active{
  display:flex;
  flex-direction:column;
  justify-content:center;
}