/* --------------table-css-start----------- */

    * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        .comparison_section{
            /*overflow: scroll;*/
        }
        .comparison_section .comparison-section-main {
            width: 100%;
            max-width: 1280px;
            margin: 0 auto ;
            /*min-width: 600px;*/
            min-width: 550px;
            /*overflow: scroll;*/
            margin-top: 10px;
        }

        .comparison_section .collab-compare-table { 
            border-collapse:collapse; 
            text-align:center; 
            width:100%;
        }
        
        @media screen and (max-width: 375px) {
            .comparison_section .comparison-section-main {
                min-width: 530px;
            }
        }

        @media screen and (max-width: 320px) {
            .comparison_section .comparison-section-main {
                min-width: 470px !important;
            }

            .comparison_section .collab-compare-border-collab {
                width: 150px !important;
            }

            .comparison_section .collab-compare-right-comp {
                width: 130px !important;
            }

        }

        .comparison_section .collab-compare-pd-10 {
            padding-left: 10px !important;
        }


       
        .comparison_section .collab-compare-tbody-border{
            border: 0;
        }

        .comparison_section td{
            border-color: #D4D6DB !important;
            border-bottom: 0 !important;
            background: transparent !important;
        }
        .comparison_section .collab-compare-left-text{
            text-align: left;
        }

        .comparison_section .common{
            border-top: solid 1px #D4D6DB !important;
        }

        .comparison_section .collab-compare-two-bg-border{
            border-left: solid 10px #d7d7f5 !important;
            border-right: solid 10px #d7d7f5 !important;
            border-top: solid 10px #d7d7f5 !important;
            border-radius: 30px 30px 0px 0px !important;
        }
        /*.comparison_section .collab-compare-common-border{
            border-right: solid 10px #d7d7f5 !important;
            border-right: solid 10px #d7d7f5 !important;
            border-left: solid 10px #d7d7f5 !important;
            background: transparent !important;
            padding: 16px 0;
            margin-right: 10px;
            position: relative;
        }*/
        
        .comparison_section .collab-compare-common-border {
            border-right: solid 10px #d7d7f5 !important;
            border-left: solid 10px #d7d7f5 !important;
            background: transparent !important;
            padding: 16px 0;
            margin-right: 10px;
            position: relative;
        }

        .comparison_section .collab-compare-white-background {
          background: #FFFFFF !important;
        }

        /*.comparison_section .collab-compare-common-border::after {
            content: "";
            position: absolute;
            bottom: 0;
            left: 50%;
            width: 90%;
            height: 1px;
            background: #D4D6DB;
            transform: translateX(-50%);
        }*/

        .comparison_section .collab-compare-common-border::after {
            content: "";
            position: absolute;
            bottom: 0;
            left: 50%;
            width: 90%;
            height: 1px;
            background: #D4D6DB;
            transform: translateX(-50%);
        }
         @media screen and (max-width: 767px) {
          .comparison_section .collab-compare-common-border{
            padding: 20px 0;
          }
         }
        .comparison_section .collab-compare-common-icon-last{
            /*border-top: solid 1px #D4D6DB !important;*/
            border-right: solid 10px #d7d7f5;
            border-left: solid 10px #d7d7f5;
            border-bottom: 0px;
            margin-right: 10px;
        }
        .comparison_section .collab-compare-common-border-text{
            padding: 2px 8px;
            font-size: 24px;
            line-height: 32px;
            font-family: Inter, sans-serif;
        }
        .comparison_section .collab-compare-common-border-text img{
          vertical-align: middle;
        }
          @media screen and (max-width: 1600px) {
          .comparison_section .collab-compare-common-border-text{
            font-size: 22px;
            line-height: 30px;
          }
        }
         @media screen and (max-width: 1366px) {
          .comparison_section .collab-compare-common-border-text{
            font-size: 18px;
            line-height: 30px;
          }
        }
        @media screen and (max-width: 1199px) {
          .comparison_section .collab-compare-common-border-text{
            font-size: 16px;
            line-height: 24px;
            text-wrap-mode: wrap;
          }
        }
        @media screen and (max-width: 767px) {
          .comparison_section .collab-compare-common-border-text{
            font-size: 16px;
            line-height: 20px;
            text-wrap-mode: wrap;
          }
        }
         .comparison_section .collab-compare-common-border-text img{
            vertical-align: middle;
        }

        .comparison_section .collab-compare-border-botttom{
            border-top: solid 0px #D4D6DB !important;
            border-left: solid 10px #d7d7f5 !important;
            border-right: solid 10px #d7d7f5 !important;
            border-bottom: solid 10px #d7d7f5 !important;
            border-radius: 0px 0px 30px 30px;
            margin-right: 10px;
            padding: 12px 0;
        }
        @media screen and (min-width: 768px) and (max-width: 1400px) {
          .comparison_section .collab-compare-border-botttom{
            margin-right: 10px;
          }
        }
         @media screen and (max-width: 767px) {
          .comparison_section .collab-compare-border-botttom{
            margin-right: 10px;
          }
        }
        @media screen and (max-width: 600px) {
          .comparison_section .collab-compare-border-botttom{
            margin-right: 10px;
          }
        }

        .comparison_section .border-suport{
            border-bottom: solid 1px #D4D6DB !important;
        }
        .comparison_section .collab-compare-two-bg{
            background: linear-gradient(#0d0b1c, #685bc7);
            border-radius: 20px 20px 0px 0px;
            padding: 30px 10px 30px 10px;
        }
        .comparison_section .collab-compare-collab-logo{
            margin-bottom: 34px !important;
        }

        .comparison_section .collab-compare-get-started{
            background: linear-gradient(#fecb62, #ef6d2a);
            border-radius: 12px;
            padding: 8px 16px !important;
            text-decoration: none !important;
            color: #ffffff;
            font-size: 16px;
            text-align: center;
            font-weight: 500;
        }

        @media screen and (max-width: 575px) {
            .comparison_section .collab-compare-get-started{
                padding: 8px 12px !important;
            }
        }

        .comparison_section .collab-compare-competitor{
            border-radius: 20px 20px 0px 0px;
            padding: 24px 15px;
            border: solid 1px #D4D6DB !important;
            border-bottom: solid 1px #D4D6DB !important;
            margin-top: 43px;
        }
        @media screen and (min-width: 768px) and (max-width: 1366px) {
          .comparison_section .collab-compare-competitor{
            /*margin-left: -1px !important;*/
            /*margin-right: -1px !important;*/
          }
         }

        @media screen and (max-width: 767px) {
          .comparison_section .collab-compare-competitor{
            margin-left: 0px !important;
            /*margin-right: -1px !important;*/
          }
        }
        @media screen and (max-width: 600px) {
          .comparison_section .collab-compare-competitor{
            /*margin-left: -1px !important;*/
          }
        }

          @media screen and (max-width: 767px) {
          .collab-compare-clicknew {
            margin-top: 49px !important;
          }
        }
         @media screen and (max-width: 600px) {
          .collab-compare-clicknew {
            /*margin-left: -1px !important;*/
            margin-top: 50px !important;
          }
        }

        @media screen and (max-width: 575px) {
          .collab-compare-clicknew {
            margin-top: 48px !important;
            /*margin-left: -1px !important;*/
          }
        }


       
        @media screen and (min-width: 1799px) {
          .comparison_section .collab-compare-logosuport{
            /*margin-right: -1px !important;*/
          }
          .comparison_section .collab-compare-logosuport-two{
            /*margin-right: -1px !important;*/
          }
        }
        @media screen and (min-width: 1200px) and (max-width: 1280px) {
          .comparison_section .collab-compare-logosuport-two{
            /*margin-left: -1px !important;*/
          }
        }
         
        @media screen and (min-width: 768px) and (max-width: 1199px) {
          .comparison_section .collab-compare-logosuport-two{
            /*margin-left: -1px !important;*/
            margin-right: 0px !important;
          }
        }
         @media screen and (max-width: 767px) {
          .comparison_section .collab-compare-logosuport-two{
            /*margin-right: -1px !important;*/
          }
        }
        @media screen and (max-width: 640px) {
          .comparison_section .collab-compare-logosuport-two{
            margin-left: 0px !important;
          }
        }
        @media screen and (max-width: 575px) {
          .comparison_section .collab-compare-logosuport-two{
            margin-left: 0px !important;
          }
        }
        
     
     
        .comparison_section .text-left{
            text-align: left;
        }
        .comparison_section .collab-compare-border-ziro{
            background: #00000000;
            border: 0 !important; 
        }
        .comparison_section .collab-compare-border-collab{
            width: 270px;
            /*border: 0 !important;*/
            padding: 0px !important;
            vertical-align: bottom !important;
        }

         @media screen and (max-width: 1600px) {
          .comparison_section .collab-compare-border-collab{
            width: 240px;
          } 
        }
        @media screen and (max-width: 1366px) {
          .comparison_section .collab-compare-border-collab{
            width: 200px;
          } 
        }
        @media screen and (max-width: 1024px) {
          .comparison_section .collab-compare-border-collab{
            width: 180px;
          } 
        }
        @media screen and (max-width: 767px) {
          .comparison_section .collab-compare-border-collab{
            width: 175px;
          } 
        }

        .comparison_section .collab-compare-line-top-none{
            border-top: 0;
            border-color: transparent;
              border-collapse: separate;
        border-spacing: 10px 0;
        }
        .comparison_section .collab-compare-right-comp{
            width: 250px;
            border: 0;
            vertical-align: bottom !important;
        }
         @media screen and (max-width: 1600px) {
          .comparison_section .collab-compare-right-comp{
            width: 200px;
          } 
        }
        @media screen and (max-width: 1366px) {
          .comparison_section .collab-compare-right-comp{
            width: 160px;
          } 
        }
        @media screen and (max-width: 1024px) {
          .comparison_section .collab-compare-right-comp{
            width: 140px;
          } 
        }
        @media screen and (max-width: 767px) {
          .comparison_section .collab-compare-right-comp{
            width: 140px;
          } 
        }
        .collab-compare-competitor-inn{
          padding: 0 15px;
        }
        @media screen and (max-width: 1366px) {
          .collab-compare-competitor-inn{
            padding: 0 5px;
          }
        }
        @media screen and (max-width: 767px) {
          .collab-compare-competitor-inn{
            padding: 0 11px;
          }
        }
        .comparison_section .collab-compare-border-botttom-last{
            border-left: solid 1px #D4D6DB !important;
            border-right: solid 1px #D4D6DB !important;
            border-bottom: solid 1px #D4D6DB !important;
            border-radius: 0px 0px 20px 20px;
            padding: 17px 0px 16px 0px;
            margin-left: 0px !important;
        }
        
        @media screen and (min-width: 1200px) and (max-width: 1366px) {
          .comparison_section .collab-compare-border-botttom-last{
            /*margin-left: -1px !important;*/
          }
        }

        @media screen and (min-width: 768px) and (max-width: 1199px) {
          .comparison_section .collab-compare-border-botttom-last{
            /*margin-left: -1px !important;*/
          }
        }

        @media screen and (max-width: 600px) {
          .comparison_section .collab-compare-border-botttom-last{
            /*margin-left: -1px !important;*/
          }
        }
        



        .comparison_section .collab-compare-botttom-friest{
          border-left: 0;
          border-right: 0;
        }
          .comparison_section .botttom-last-green{
          border-left: 0;
          border-right: 0;
          border-top: 0;
        }

        .comparison_section .collab-compare-bor-right-box{
          /*border-top: solid 1px #D4D6DB !important;*/
          border-left: solid 1px #D4D6DB !important;
          border-right: solid 1px #D4D6DB !important;
          vertical-align: middle !important;
          position: relative;
        }

        .comparison_section .collab-compare-bor-right-box::after {
            content: "";
            position: absolute;
            bottom: 0;
            left: 50%;
            width: 90%;
            height: 1px;
            background: #D4D6DB;
            transform: translateX(-50%);
        }
       
        .comparison_section .collab-compare-bor-left-box{
          border-top: solid 1px #D4D6DB !important;
          border-right: solid 0px #D4D6DB !important;
          background: transparent !important;
        }

        .comparison_section .collab-compare-bor-left-box .collab-compare-common-border-text { 
          padding: 20px 0px;
        }

        .comparison_section .bor-middle-box{
          border-top: 0 !important;
          border-right: 0 !important;
          background: transparent !important;
        }
        
       .comparison_section .collab-compare-benefits{
          font-size: 48px;
          font-weight: 600;
        }
        @media screen and (max-width: 1024px) {
          .comparison_section .collab-compare-benefits{
            font-size: 34px;
          }
        }
        @media screen and (max-width: 991px) {
          .comparison_section .collab-compare-benefits{
            font-size: 30px;
          }
        }
        @media screen and (max-width: 767px) {
          .comparison_section .collab-compare-benefits{
            font-size: 24px;
          }
        }

        .comparison_section table td, table th{
          border: 0 !important;
          line-height: 0 !important;
          padding: 0 !important;
          vertical-align: middle !important;
        }
        .comparison_section table thead th {
          font-size: 0 !important;
        }
     
        .comparison_section .gray-bg-in{
          background: #F8F8F8 !important;
        }

        .comparison_section .middle-bg-in{
          background: #ffffff !important;
        }

      @media screen and (max-width: 767px) {  
        .colab-zoho .e-con-inner{
            width: 550px !important;
            overflow: auto;
        }
    }

    @media screen and (min-width: 1801px) {
      .large-big{
        /*margin-right: -1px !important;*/
      }
    }

    /* --------------table-css-end----------- */
    /* Mobile only */

    /* Custom Scrollbar Container */

    .comparison_section .custom-scrollbar {
      width: 100%;
      height: 8px;
      background: #e0e0e0;
      border-radius: 10px;
      /*margin-top: 12px;*/
      position: absolute;
      display: none; 
      margin-bottom: 15px;    
      z-index: 1;  
    }

    .comparison_section .custom-scroll-thumb {
      height: 8px;
      width: 40px; /* Auto-updated with JS */
      background: #8b7ff5;
      border-radius: 10px;
      position: absolute;
      left: 0;
      transition: left 0.1s linear;
      transition: transform 0.15s ease-out;
      touch-action: none; /* Prevent page drag */
    }

    .comparison_section .custom-scroll-thumb.dragging {
      transition: none; /* Disable animation while dragging */
    }

    @media (max-width: 576px) {
      .comparison_section .custom-scrollbar {
        display: block;
      }

      .comparison_section {
        overflow-x: scroll;
        overflow-y: hidden;
        white-space: nowrap;
        scrollbar-width: none; 
        margin-right: -15px;
      }

      .comparison_section::-webkit-scrollbar {
        display: none !important;
      }
    }