.elementor-kit-7{--e-global-color-primary:#0A0A0A;--e-global-color-secondary:#FFFFFF;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Plus Jakarta Sans";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Inter";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;background-color:#FFFFFF;font-family:"Inter", Sans-serif;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-kit-7 a{font-family:"Plus Jakarta Sans", Sans-serif;}.elementor-kit-7 h1{font-family:"Plus Jakarta Sans", Sans-serif;}.elementor-kit-7 h2{font-family:"Plus Jakarta Sans", Sans-serif;}.elementor-kit-7 h3{font-family:"Plus Jakarta Sans", Sans-serif;}.elementor-kit-7 h4{font-family:"Plus Jakarta Sans", Sans-serif;}.elementor-kit-7 h5{font-family:"Plus Jakarta Sans", Sans-serif;}.elementor-kit-7 h6{font-family:"Plus Jakarta Sans", Sans-serif;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1350px;}.e-con{--container-max-width:1350px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* group */
        .td-btn-group {
            display: flex;
            width: fit-content;
        }

        /* default state (as per your SCSS) */
        .td-btn-group>*:nth-child(1) {
            transform: scale3d(0.5, 0.5, 1);
            margin-inline-end: -52px;
        }

        .td-btn-group>*:nth-child(2) {
            transform: scale3d(1, 1, 1);
        }

        .td-btn-group>*:nth-child(3) {
            transform: scale3d(1, 1, 1);
            margin-inline-start: 0;
        }

        /* hover state */
        .td-btn-group:hover>*:nth-child(1) {
            transform: scale3d(1, 1, 1);
            margin-inline-end: 0;
        }

        .td-btn-group:hover>*:nth-child(2) {
            transform: scale3d(1, 1, 1);
        }

        .td-btn-group:hover>*:nth-child(3) {
            transform: scale3d(0.5, 0.5, 1);
            margin-inline-start: -52px;
        }

        /* shared transitions for smooth animation */
        .td-btn-group>* {
            transition: transform .35s ease, margin .35s ease;
            will-change: transform, margin;
        }

        /* circle */
        .td-btn-group .td-btn-circle {
            text-align: center;
            width: 54px;
            height: 54px;
            font-weight: 500;
            font-size: 16px;
            line-height: 1.5;
            border-radius: 100%;
            display: flex;
            gap: 10px;
            align-items: center;
            justify-content: center;
            background-color: #00db69;
            color: #004538;
            text-decoration: none;
        }

        .td-btn-group .td-btn-circle i {
            transform: rotate(-45deg);
        }

        /* middle button */
        .td-btn-group .td-btn-2 {
            font-size: 16px;
            font-weight: 700;
            /* aap chahein to 400 kar dein */
            text-transform: uppercase;
            /* aapke previous style jaisa */
            border-radius: 30px;
            padding: 20px 35px;
            line-height: 1;
            background: #00db69;
            color: #004538;
            text-decoration: none;
            display: flex;
            align-items: center;
            position: relative;
            z-index: 1;
        }

        /* wc-btn-primary class (aapke SCSS me alag thi) */
        .td-btn-group .wc-btn-primary {
            font-size: 16px;
            font-weight: 400;
            padding: 0 24px;
            background-color: #00db69;
            color: var(--td-common-black);
        }

        /* black variant */
        .td-btn-group-black .td-btn-2 {
            background: var(--td-common-black);
            color: var(--td-common-white);
            font-family: "Plus Jakarta Sans", serif;
        }

        .td-btn-group-black .td-btn-circle {
            background-color: var(--td-common-black);
            color: var(--td-common-white);
        }

        /* yellow variant */
        .td-btn-group-yellow {
            width: inherit;
        }

        .td-btn-group-yellow .td-btn-2 {
            background: var(--td-theme-secondary);
            color: var(--td-common-white);
        }

        .td-btn-group-yellow .td-btn-circle {
            background-color: var(--td-theme-secondary);
            color: var(--td-common-white);
        }
@media(max-width:768px){
     .td-btn-group .td-btn-2 {
            font-size: 12px;
            padding: 20px 20px;
        }
}/* End custom CSS */