.elementor-917 .elementor-element.elementor-element-013ff92 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-917 .elementor-element.elementor-element-013ff92:not(.elementor-motion-effects-element-type-background), .elementor-917 .elementor-element.elementor-element-013ff92 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(90deg, var( --e-global-color-primary ) 0%, #175695 100%);}.elementor-917 .elementor-element.elementor-element-013ff92 > .elementor-background-overlay{background-image:url("https://theteachertrainingsystemtls.com/wp-content/uploads/2026/02/icon-bg-edu1.png");background-position:bottom center;background-repeat:no-repeat;background-size:cover;opacity:0.5;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-917 .elementor-element.elementor-element-013ff92{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:-13%;margin-bottom:0%;padding:300px 0px 110px 0px;}.elementor-917 .elementor-element.elementor-element-a3d6fbc > .elementor-element-populated >  .elementor-background-overlay{opacity:0.1;}.elementor-917 .elementor-element.elementor-element-a3d6fbc > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0% 0% 0% 0%;--e-column-margin-right:0%;--e-column-margin-left:0%;}.elementor-917 .elementor-element.elementor-element-a3d6fbc > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-917 .elementor-element.elementor-element-4cc8b06 .elementor-heading-title{color:var( --e-global-color-3c2ad25 );}.elementor-917 .elementor-element.elementor-element-2f4c1a1 > .elementor-element-populated >  .elementor-background-overlay{opacity:0.1;}.elementor-917 .elementor-element.elementor-element-2f4c1a1 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0% 0% 0% 0%;--e-column-margin-right:0%;--e-column-margin-left:0%;}.elementor-917 .elementor-element.elementor-element-2f4c1a1 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-917 .elementor-element.elementor-element-2f22414{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--e-icon-list-icon-size:16px;--icon-vertical-offset:0px;}.elementor-917 .elementor-element.elementor-element-2f22414 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(10px/2);}.elementor-917 .elementor-element.elementor-element-2f22414 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(10px/2);}.elementor-917 .elementor-element.elementor-element-2f22414 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(10px/2);}.elementor-917 .elementor-element.elementor-element-2f22414 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-10px/2);}.elementor-917 .elementor-element.elementor-element-2f22414 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-10px/2);}.elementor-917 .elementor-element.elementor-element-2f22414 .elementor-icon-list-icon i{color:var( --e-global-color-3c2ad25 );transition:color 0.3s;}.elementor-917 .elementor-element.elementor-element-2f22414 .elementor-icon-list-icon svg{fill:var( --e-global-color-3c2ad25 );transition:fill 0.3s;}.elementor-917 .elementor-element.elementor-element-2f22414 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-917 .elementor-element.elementor-element-2f22414 .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );line-height:var( --e-global-typography-text-line-height );}.elementor-917 .elementor-element.elementor-element-2f22414 .elementor-icon-list-text{color:var( --e-global-color-3c2ad25 );transition:color 0.3s;}.elementor-917 .elementor-element.elementor-element-df70725{padding:50px 0px 20px 0px;}.elementor-917 .elementor-element.elementor-element-918ceb6 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-917 .elementor-element.elementor-element-0a50490.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-917 .elementor-element.elementor-element-0a50490 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:5px;}.elementor-917 .elementor-element.elementor-element-0a50490 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-917 .elementor-element.elementor-element-c50d467{text-align:center;}.elementor-917 .elementor-element.elementor-element-c50d467 .elementor-heading-title{font-family:var( --e-global-typography-83a0a2f-font-family ), Sans-serif;font-size:var( --e-global-typography-83a0a2f-font-size );font-weight:var( --e-global-typography-83a0a2f-font-weight );text-transform:var( --e-global-typography-83a0a2f-text-transform );line-height:var( --e-global-typography-83a0a2f-line-height );color:var( --e-global-color-primary );}.elementor-917 .elementor-element.elementor-element-d833b56{--divider-border-style:double;--divider-color:var( --e-global-color-secondary );--divider-border-width:4px;}.elementor-917 .elementor-element.elementor-element-d833b56 .elementor-divider-separator{width:15%;margin:0 auto;margin-center:0;}.elementor-917 .elementor-element.elementor-element-d833b56 .elementor-divider{text-align:center;padding-block-start:2px;padding-block-end:2px;}.elementor-917 .elementor-element.elementor-element-825a0fc{--spacer-size:15px;}.elementor-917 .elementor-element.elementor-element-225c31d{--display:flex;}@media(max-width:1024px) and (min-width:768px){.elementor-917 .elementor-element.elementor-element-a3d6fbc{width:100%;}.elementor-917 .elementor-element.elementor-element-2f4c1a1{width:100%;}}@media(max-width:1024px){.elementor-917 .elementor-element.elementor-element-013ff92{margin-top:-15%;margin-bottom:0%;padding:230px 0px 110px 0px;}.elementor-917 .elementor-element.elementor-element-4cc8b06{text-align:center;}.elementor-917 .elementor-element.elementor-element-2f22414 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-917 .elementor-element.elementor-element-2f22414 .elementor-icon-list-item > a{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-917 .elementor-element.elementor-element-c50d467{text-align:center;}.elementor-917 .elementor-element.elementor-element-c50d467 .elementor-heading-title{font-size:var( --e-global-typography-83a0a2f-font-size );line-height:var( --e-global-typography-83a0a2f-line-height );}.elementor-917 .elementor-element.elementor-element-d833b56 .elementor-divider-separator{width:10%;margin:0 auto;margin-center:0;}.elementor-917 .elementor-element.elementor-element-d833b56 .elementor-divider{text-align:center;}}@media(max-width:767px){.elementor-917 .elementor-element.elementor-element-013ff92{margin-top:-40%;margin-bottom:0%;padding:200px 0px 110px 0px;}.elementor-917 .elementor-element.elementor-element-2f22414 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-917 .elementor-element.elementor-element-2f22414 .elementor-icon-list-item > a{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-917 .elementor-element.elementor-element-0a50490 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-917 .elementor-element.elementor-element-c50d467 .elementor-heading-title{font-size:var( --e-global-typography-83a0a2f-font-size );line-height:var( --e-global-typography-83a0a2f-line-height );}}/* Start custom CSS for html, class: .elementor-element-eef8070 */.tt-matrix-container {
        --dark-blue: #172667;
        --med-blue: #175695;
        --gold: #F5BD11;
        --text-dark: #1e293b;
        --text-muted: #64748b;
        --border-color: #e2e8f0;
        
        font-family: 'Inter', sans-serif;
        width: 100%;
        max-width: 1200px;
        margin: 40px auto;
        padding: 0 15px;
        box-sizing: border-box;
    }
    .matrix-card-wrapper {
        background: #ffffff;
        border-radius: 16px;
        box-shadow: 0 12px 30px rgba(23, 38, 103, 0.06);
        border: 1px solid rgba(23, 86, 149, 0.15);
        overflow: hidden;
        box-sizing: border-box;
        width: 100%;
    }
    .matrix-scroll-engine {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        width: 100%;
    }
    .tt-pricing-table {
        width: 100%;
        border-collapse: separate;
        border-spacing: 0;
        min-width: 900px;
    }
    .tt-pricing-table thead th {
        font-family: 'Outfit', sans-serif;
        padding: 32px 20px;
        vertical-align: middle;
        border-bottom: 2px solid var(--border-color);
        background: #ffffff !important;
        position: relative;
    }
    .matrix-main-corner {
        width: 37%;
        text-align: left;
        font-size: 24px;
        font-weight: 700;
        color: var(--dark-blue);
        padding-left: 28px !important;
    }
    .col-tier-plan {
        width: 21%;
        text-align: center;
    }
    .tier-title-main {
        font-size: 28px;
        font-weight: 800;
        margin: 0 0 4px 0;
        letter-spacing: 0.5px;
        line-height: 1;
    }
    .col-tier-plan.b-tier .tier-title-main { color: var(--text-dark); }
    .col-tier-plan.g-tier .tier-title-main { color: var(--med-blue); }
    .col-tier-plan.p-tier .tier-title-main { color: var(--dark-blue); }

    .tier-price-main {
        font-family: 'Outfit', sans-serif;
        font-size: 22px;
        font-weight: 700;
        margin-bottom: 4px;
        color: var(--text-dark);
    }
    .col-tier-plan.g-tier .tier-price-main { color: var(--med-blue); }
    .col-tier-plan.p-tier .tier-price-main { color: var(--dark-blue); }

    .tier-badge-container {
        position: absolute;
        top: 8px;
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .tier-badge-rec {
        background: var(--gold);
        color: var(--dark-blue);
        font-size: 10px;
        font-weight: 800;
        padding: 3px 12px;
        border-radius: 20px;
        text-transform: uppercase;
        letter-spacing: 0.8px;
        box-shadow: 0 2px 6px rgba(245, 189, 17, 0.2);
    }
    .tier-subtitle-main {
        font-size: 13px;
        color: var(--text-dark);
        margin: 0 0 4px 0;
        font-weight: 600;
    }
    .tier-caption-main {
        font-size: 11px;
        color: var(--text-muted);
        margin: 0;
        font-weight: 400;
        line-height: 1.3;
        padding: 0 10px;
    }
    .cat-group-row td {
        background: linear-gradient(90deg, var(--dark-blue) 0%, var(--med-blue) 100%) !important;
        color: #ffffff !important;
        font-family: 'Outfit', sans-serif;
        font-weight: 700;
        padding: 14px 28px;
        font-size: 13px;
        letter-spacing: 0.8px;
        text-transform: uppercase;
        border-bottom: none;
    }
    .tt-pricing-table tbody tr {
        transition: background-color 0.2s ease;
    }
    .tt-pricing-table tbody tr:hover {
        background-color: rgba(23, 86, 149, 0.02);
    }
    .tt-pricing-table td {
        padding: 16px 20px;
        border-bottom: 1px solid var(--border-color);
        vertical-align: middle;
        box-sizing: border-box;
    }
    .tool-name-cell {
        font-weight: 600;
        font-size: 15px;
        color: var(--text-dark);
        padding-left: 28px !important;
        line-height: 1.4;
    }
    .indicator-status-cell { text-align: center; }
    .p-track-highlight { background-color: rgba(23, 38, 103, 0.015); }

    .level-tag {
        display: inline-block;
        padding: 4px 10px;
        border-radius: 6px;
        font-size: 12px;
        font-weight: 700;
        text-transform: uppercase;
    }
    .tag-beginner { background: #e0f2fe; color: #0369a1; }
    .tag-intermediate { background: #fef3c7; color: #b45309; }
    .tag-advanced { background: #fce7f3; color: #be185d; }

    .badge-ui-yes {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 24px;
        height: 24px;
        background-color: rgba(16, 185, 129, 0.1);
        color: #10b981;
        border-radius: 50%;
        font-weight: 700;
        font-size: 13px;
    }
    .badge-ui-no {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 24px;
        height: 24px;
        background-color: rgba(239, 68, 68, 0.06);
        color: #ef4444;
        border-radius: 50%;
        font-weight: 700;
        font-size: 11px;
    }
    .btn-section-row td {
        padding: 30px 20px;
        border-bottom: none;
        background: #ffffff !important;
    }
    .action-button-link {
        display: block;
        width: 90%;
        margin: 0 auto;
        padding: 14px 16px;
        border-radius: 8px;
        text-align: center;
        text-decoration: none;
        font-family: 'Outfit', sans-serif;
        font-weight: 700;
        font-size: 15px;
        transition: transform 0.2s ease, box-shadow 0.2s ease;
        box-sizing: border-box;
    }
    .btn-b-style {
        border: 2px solid var(--border-color);
        color: var(--text-dark) !important;
        background-color: transparent !important;
    }
    .btn-b-style:hover {
        border-color: var(--dark-blue);
        background-color: rgba(23, 38, 103, 0.03) !important;
        transform: translateY(-2px);
    }
    .btn-g-style {
        background-color: var(--med-blue) !important;
        color: #ffffff !important;
        border: 2px solid var(--med-blue);
    }
    .btn-g-style:hover {
        background-color: #0d3f73 !important;
        border-color: #0d3f73;
        transform: translateY(-2px);
    }
    .btn-p-style {
        background-color: var(--dark-blue) !important;
        color: #ffffff !important;
        border: 2px solid var(--dark-blue);
        box-shadow: 0 4px 14px rgba(23, 38, 103, 0.18);
    }
    .btn-p-style:hover {
        background-color: #0b143a !important;
        border-color: #0b143a;
        transform: translateY(-2px);
    }

    /* 8 IMAGES GRID STYLING */
    .stem-gallery-section {
        margin-top: 50px;
        text-align: center;
    }
    .gallery-title {
        font-family: 'Outfit', sans-serif;
        font-size: 26px;
        font-weight: 700;
        color: var(--dark-blue);
        margin-bottom: 25px;
    }
    .stem-images-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 20px;
    }
    /* --- REPLACE THIS PORTION IN YOUR STYLE TAG --- */
    .stem-img-card {
        background: #ffffff;
        border-radius: 12px;
        overflow: hidden;
        border: 1px solid var(--border-color);
        box-shadow: 0 6px 16px rgba(0,0,0,0.04);
        transition: transform 0.3s ease, box-shadow 0.3s ease;
        height: 200px !important; /* Card ki height bilkul fix kar di */
        width: 100% !important;
        display: block;
    }
    .stem-img-card:hover {
        transform: translateY(-4px);
        box-shadow: 0 10px 22px rgba(23, 38, 103, 0.12);
    }
    .stem-img {
        width: 100% !important;
        height: 100% !important; /* Card ke andar 100% fit rahegi */
        object-fit: cover !important; /* Alag size ki images ko bina kharab kiye automatic crop karega */
        display: block !important;
    }

    /* --- RESPONSIVE DESIGN FOR DESKTOP, TABLET & MOBILE --- */
    
    /* --- TABLET & MOBILE RESPONSIVE FIX --- */

    /* Tablet View (Portrait up to 1024px) - 2 Columns */
    @media (max-width: 1024px) {
        .stem-images-grid { 
            grid-template-columns: repeat(2, 1fr) !important; 
            gap: 20px !important; 
        }
        .stem-img-card {
            height: 240px !important;
        }
    }
    

    /* Mobile View (600px and down) - 1 Column */
    @media (max-width: 600px) {
        .tt-matrix-container { padding: 0 10px; margin: 20px auto; }
        .matrix-main-corner { padding-left: 16px !important; font-size: 16px; }
        .tier-title-main { font-size: 18px !important; margin-bottom: 2px; }
        .tier-price-main { font-size: 16px !important; margin-bottom: 4px; }
        .tier-subtitle-main { font-size: 11px !important; }
        .tier-caption-main { font-size: 10px !important; padding: 0 4px; }
        
        .tier-badge-container { top: 0px; } 
        .tier-badge-rec { font-size: 8.5px; padding: 2px 8px; border-radius: 0 0 8px 8px; }
        
        .btn-section-row td { padding: 16px 10px; }
        .action-button-link { padding: 8px 10px; font-size: 12.5px; width: 100%; border-width: 1px; }
        
        .tt-pricing-table thead th { padding: 24px 10px 16px 10px; }
        .tool-name-cell { padding-left: 16px !important; font-size: 13.5px; }

        .stem-images-grid { 
            grid-template-columns: 1fr !important; 
            gap: 15px !important; 
        }
        .stem-img-card { 
            height: 220px !important; 
        }
    }/* End custom CSS */