#idShowSlide {
     width: 100%;
 }

 .clsDemoList {
     cursor: pointer;
 }

 .modal-dialog {
     max-width: 90% !important;
     width: 80% !important;
     height: 80% !important;
 }

 .embed-responsive:before {
     display: none;
 }

 /* Style for the slideshow container */
 #slideshow-container {
     max-width: 600px;
     position: relative;
     margin: auto;
 }

 .demoListTitle {
     text-align: center;
     font-size: 22px;
     font-weight: bold;
 }

 /* Style for the images in the slideshow */
 .mySlides {
     display: none;
     width: 100%;
     height: 100%;
 }

 .imageBorder {
     border-radius: 0.5rem;
     overflow: hidden;
 }

 .bannerBg {
     margin-bottom: 3rem;
 }

 .text-blue {
     color: #2A67B2;
 }

 .underLineImg {
     position: relative;
 }


 .underLineImg::after {
     content: "";
     position: absolute;
     width: 100%;
     height: 20px;
     background: url('/wp-content/uploads/2024/product-demo/yellow-underline-img.svg') no-repeat;
     background-position: bottom;
     background-size: 100%;
     left: 13px;
 }

 .subHead {
     font-weight: 500;
     font-size: 1.2rem !important;
 }

 .mainHeading {
     font-size: 3rem;
     font-weight: 600;
 }

 .sectionBg {
     /* background: url('/wp-content/uploads/2024/product-demo/section-bg.png'); */
     background-repeat: no-repeat;
     background-color: #fffae5;
 }

 .laptopFrame {
     background: url('/wp-content/uploads/2024/product-demo/laptop-frame.png');
     background-repeat: no-repeat;
     background-size: contain;
     /* height: 40rem; */
 }

 .bgYellow {
     background-color: #FFC632;
 }

 /* .tallyPrimeLogo{
    width: 25rem;
} */
 .primeContentSection {
     padding-top: 14rem;
 }

 .activeBtn {
     background-color: #ffffff !important;
     border: none !important;
 }

 .activeBtnBlue {
     background-color: #2A67B2 !important;
     color: #fff;
     border: none !important;
 }

 .border-none {
     border-radius: 0px !important;
 }

 .bg-none {
     background-color: #fff !important;
 }

 .buttonTabs {
     border-radius: 0px !important;
 }

 .hyperlink {
     text-decoration: none !important;
     color: #000 !important;
 }

 .cardContainernew {
     border: 1px solid #149EC2;
     border-radius: 6px;
     background-color: #95C7EC;
     height: 260px !important;
 }

 .cardContainer {
     border: 1px solid #149EC2;
     border-radius: 6px;
 }

 .cardHrLine {
     border-bottom: 1px solid #5F2DED4D;
     width: 12rem;
     margin: 0;
 }

 .cardHeading {
     font-size: 1.5rem;
     font-weight: 600;
 }

 .cardImg {
     width: 3.5rem;
 }

 .underLineImgProdcutDemo {
     height: 3rem !important;
 }

 .powerfulDashboard .cardImg {
     width: 2.4rem;
 }

 .blue-bg {
     background-color: #95C7EC1A;
 }

 .formSectionLi {
     color: #2A67B1;
     font-size: 1.4rem;
 }

 .formContainer {
     box-shadow: 0px 0px 35.88px 0px #5F5F5F26;
     border-radius: .8rem;
 }

 #thank-you-modal-1 .modal-dialog {
     margin: 100px auto !important;
     width: 500px !important;
 }

 .experienceHead {
     font-size: 1.6rem;
 }

 .FeatName {
     border-radius: 8px;
     border: 0.87px solid #C8C8C9;
     width: 100%;
     padding: 0.5rem;
     margin-bottom: 0.7rem;
     outline: 0;
     font-size: .85rem;
 }

 .thankyouPageBtn:hover {
     background-color: #ffffff !important;
 }

 .freetrialHead {
     font-size: 1.8rem;
     font-weight: bold;
 }

 /*additional */
 .chat-btn {
     position: absolute;
     right: 1rem;
     bottom: 3rem;
     cursor: pointer;
 }

 .chat-btn .close {
     display: none;
 }

 .chat-btn i {
     transition: all 0.9s ease;
 }

 #check:checked~.chat-btn i {
     display: block;
     pointer-events: auto;
     transform: rotate(180deg);
 }

 #check:checked~.chat-btn .menuLine {
     display: none;
 }

 #check:checked~.chat-btn .closeIcon {
     display: block;
 }

 .chat-btn i {
     font-size: 22px;
     color: #fff !important;
 }

 .chat-btn {
     width: 40px;
     height: 40px;
     display: flex;
     justify-content: center;
     align-items: center;
     border-radius: 50px;
     background-color: #ffffff;
     color: #fff;
     font-size: 22px;
     border: none;
     z-index: 99999;
 }

 .wrapper {
     position: absolute;
     right: 1rem;
     bottom: 108px;
     background-color: #fff;
     border-radius: 5px;
     opacity: 0;
     transition: all 0.4s;
     z-index: 99999;
 }

 #check:checked~.wrapper {
     opacity: 1;
 }

 .header {
     padding: 13px;
     background-color: #23a2b7;
     border-radius: 5px 5px 0px 0px;
     margin-bottom: 10px;
     color: #fff;
 }

 .chat-form {
     padding: 15px;
 }

 .menuLine,
 .closeIcon {
     width: 1.5rem;
 }

 .menuLine {
     margin-top: -4px;
 }

 .chat-form input,
 textarea,
 button {
     margin-bottom: 10px;
 }

 .chat-form textarea {
     resize: none;
 }

 .form-control:focus,
 .btn:focus {
     box-shadow: none;
 }

 .chat-form .btn,
 .chat-form .btn:focus,
 .chat-form .btn:hover {
     background-color: #ffffff;
     border: #ffffff;
 }

 #check {
     display: none !important
 }

 .chapterList li {
     list-style: none !important;
     font-size: .8rem !important;
     cursor: pointer;
 }

 .chapterList li a {
     text-decoration: none !important;
     cursor: pointer !important;
     color: #000 !important;
 }

 .chapterList li a:hover {
     color: #000 !important;
 }

 .chapterList {
     border: 1px solid #e7e7e7;
     border-radius: 5px;
 }

 /*additional ends here*/

 @media (min-width: 768px) {
     #header-top-pop-form .modal-dialog {
         width: 726px !important;
         margin: 1rem auto !important;
     }

     #header-top-pop-form .modal-content {
         width: 715px !important;
     }
 }

 @media (min-width:992px) {
     .underLineImg::after {
         content: "";
         position: absolute;
         bottom: -10px !important;
     }

     .laptopFrame {
         height: 18rem;
         background-size: contain;
         background-position: center;
     }

     .tallyPrimeLogo {
         width: 9rem;
         position: relative;
         top: -183px;
     }

     .btnup {
         position: relative;
         top: -230px;
     }

     .sectionBg {
         height: 53rem;
     }

     .changecenter {
         margin-left: 2rem;
         width: 10rem;
         bottom: 28px;
     }
 }

 @media (min-width: 1024px) {
     .mainHeading {
         padding-top: 60px;
     }

     .tallyPrimeLogo {
         width: 9rem;
         position: relative;
         top: -183px;
     }

     .cardHeading {
         font-size: 1.2rem;
     }



     .cardContainer {
         height: 100%;
     }

     .cardContent {
         flex-grow: 1;
     }
 }

 @media (min-width: 1280px) {
     .mainHeading3 {
         font-size: 2rem;
     }

     .laptopFrame {
         background-size: contain;
         height: 17.3rem;
         background-position: center;
         position: relative;
         top: 0rem;
     }

     .btnup {
         position: relative;
         top: -87px;
     }

         .sectionBg {
        height: 52rem;
    }

     .underLineImg3 {
         height: 3.3rem;
     }

     .cardHeading {
         font-size: 1.5rem;
     }

     .changecenter {
         margin-left: 2.3rem;
         width: 15rem;
     }

     .primeContentSection {
         padding-top: 5.5rem;
     }

     .leadRightImg {
         width: 22rem;
     }

     .footerBg {
         background-position: top;
     }

     .expPrimeLogo {
         width: 18rem;
     }

     .expNextPara {
         font-size: 1.1rem !important;
     }

     .formHeading {
         font-size: 1.5rem;
     }

     .tallyPrimeLogo {
         width: 9rem;
         position: relative;
         top: -40px;
     }

     #header-top-pop-form .modal-dialog {
         margin: 30px auto;
         width: 700px;
     }

     .thankYouPageForm {
         height: 52rem;
     }
 }

 @media (min-width: 1440px) {
     .laptopFrame {
         background-size: contain;
         height: 25rem;
     }

     .primeContentSection {
         padding-top: 14rem;
     }

     .sectionBg {
         min-height: 650px;
     }

     .tallyPrimeLogo {
         width: 9rem;
         position: relative;
         top: -145px;
         width: 10rem;
     }

     .clsInitCurateDemoBtn {
         padding-left: 2rem !important;
         padding-right: 2rem !important;
     }

     .clsInitCurateAllDemoBtn {
         padding-left: 2rem !important;
         padding-right: 2rem !important;
     }

     .thankYouPageForm {
         height: 57rem;
     }

     .btnup {
         position: relative;
         top: -190px;
     }
 }

 .btn-default {
     width: 15rem;
 }


 @media (min-width: 1680px) {
     .bannerBg {
         background-position: bottom;
     }

     .exploreDemoBtn {
         margin-top: 9rem !important;
     }

     .btnup {
         position: relative;
         top: -294px;
     }
 }

 body {
     margin: 0;
     font-family: Arial, sans-serif;
 }


 .overlay {
     display: none;
     position: fixed;
     top: 0;
     left: 0;
     width: 100vw;
     /* Full viewport width */
     height: 100vh;
     /* Full viewport height */
     background-color: rgba(0, 0, 0, 0.9);
     justify-content: center;
     align-items: center;
 }

 .overlay-image {
     max-width: 100%;
     max-height: 100%;
 }

 .close-btn {
     position: absolute;
     top: 20px;
     right: 20px;
     font-size: 30px;
     color: white;
     cursor: pointer;
 }