.elementor-5061 .elementor-element.elementor-element-748a8ed{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:40px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-5061 .elementor-element.elementor-element-26f6c57 > .elementor-widget-container{padding:10px 0px 10px 0px;}.elementor-5061 .elementor-element.elementor-element-26f6c57 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-bottom:calc(0px/2);}.elementor-5061 .elementor-element.elementor-element-26f6c57 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-top:calc(0px/2);}.elementor-5061 .elementor-element.elementor-element-26f6c57 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-right:calc(0px/2);margin-left:calc(0px/2);}.elementor-5061 .elementor-element.elementor-element-26f6c57 .elementor-icon-list-items.elementor-inline-items{margin-right:calc(-0px/2);margin-left:calc(-0px/2);}body.rtl .elementor-5061 .elementor-element.elementor-element-26f6c57 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{left:calc(-0px/2);}body:not(.rtl) .elementor-5061 .elementor-element.elementor-element-26f6c57 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{right:calc(-0px/2);}.elementor-5061 .elementor-element.elementor-element-26f6c57 .elementor-icon-list-icon i{color:var( --e-global-color-blocksy_palette_1 );transition:color 0.3s;}.elementor-5061 .elementor-element.elementor-element-26f6c57 .elementor-icon-list-icon svg{fill:var( --e-global-color-blocksy_palette_1 );transition:fill 0.3s;}.elementor-5061 .elementor-element.elementor-element-26f6c57{--e-icon-list-icon-size:13px;--icon-vertical-offset:0px;}.elementor-5061 .elementor-element.elementor-element-26f6c57 .elementor-icon-list-text{color:var( --e-global-color-blocksy_palette_1 );transition:color 0.3s;}.elementor-5061 .elementor-element.elementor-element-2e25f4c > .elementor-widget-container{padding:30px 30px 30px 30px;}.elementor-5061 .elementor-element.elementor-element-2e25f4c .elementor-heading-title{color:var( --e-global-color-blocksy_palette_4 );}.elementor-5061 .elementor-element.elementor-element-a653171 > .elementor-widget-container{padding:0px 30px 0px 30px;}.elementor-5061 .elementor-element.elementor-element-736ed9f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5061 .elementor-element.elementor-element-71989e8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5061 .elementor-element.elementor-element-5bc267b > .elementor-widget-container{padding:0px 30px 0px 30px;}.elementor-5061 .elementor-element.elementor-element-ad315d3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:20px;--padding-bottom:60px;--padding-left:30px;--padding-right:30px;}.elementor-5061 .elementor-element.elementor-element-44969f5 > .elementor-widget-container{padding:20px 30px 20px 30px;}.elementor-5061 .elementor-element.elementor-element-36fa94c > .elementor-widget-container{padding:0px 0px 20px 50px;}.elementor-5061 .elementor-element.elementor-element-18f8f45 > .elementor-widget-container{padding:0px 50px 0px 50px;}.elementor-5061 .elementor-element.elementor-element-1246b3e{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-5061 .elementor-element.elementor-element-1246b3e:not(.elementor-motion-effects-element-type-background), .elementor-5061 .elementor-element.elementor-element-1246b3e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#111518;}.elementor-5061 .elementor-element.elementor-element-f183ce2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5061 .elementor-element.elementor-element-97415c8 > .elementor-widget-container{padding:10px 0px 10px 0px;}.elementor-5061 .elementor-element.elementor-element-97415c8 .elementor-heading-title{color:var( --e-global-color-blocksy_palette_7 );}.elementor-5061 .elementor-element.elementor-element-d2c1996 > .elementor-widget-container{padding:10px 0px 020px 0px;}.elementor-5061 .elementor-element.elementor-element-d2c1996{color:var( --e-global-color-blocksy_palette_7 );}.elementor-5061 .elementor-element.elementor-element-318874e .elementor-button{background-color:var( --e-global-color-blocksy_palette_1 );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );border-radius:12px 12px 12px 12px;padding:13px 20px 13px 20px;}.elementor-5061 .elementor-element.elementor-element-c2d42de{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5061 .elementor-element.elementor-element-c2d42de.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-5061 .elementor-element.elementor-element-23c6e65{width:var( --container-widget-width, 57.513% );max-width:57.513%;--container-widget-width:57.513%;--container-widget-flex-grow:0;}.elementor-5061 .elementor-element.elementor-element-23c6e65 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-5061 .elementor-element.elementor-element-23c6e65.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-5061 .elementor-element.elementor-element-23c6e65 img{border-radius:0px 0px 0px 0px;}@media(min-width:768px){.elementor-5061 .elementor-element.elementor-element-c2d42de{--width:40%;}}@media(max-width:1024px){.elementor-5061 .elementor-element.elementor-element-748a8ed{--padding-top:40px;--padding-bottom:40px;--padding-left:30px;--padding-right:30px;}.elementor-5061 .elementor-element.elementor-element-2e25f4c > .elementor-widget-container{padding:30px 30px 30px 30px;}.elementor-5061 .elementor-element.elementor-element-a653171 > .elementor-widget-container{padding:0px 50px 0px 50px;}.elementor-5061 .elementor-element.elementor-element-5bc267b > .elementor-widget-container{padding:0px 30px 30px 30px;}.elementor-5061 .elementor-element.elementor-element-ad315d3{--padding-top:40px;--padding-bottom:40px;--padding-left:30px;--padding-right:30px;}.elementor-5061 .elementor-element.elementor-element-36fa94c > .elementor-widget-container{padding:0px 30px 10px 30px;}.elementor-5061 .elementor-element.elementor-element-18f8f45 > .elementor-widget-container{padding:0px 50px 30px 50px;}.elementor-5061 .elementor-element.elementor-element-1246b3e{--padding-top:60px;--padding-bottom:60px;--padding-left:30px;--padding-right:30px;}.elementor-5061 .elementor-element.elementor-element-23c6e65{--container-widget-width:210px;--container-widget-flex-grow:0;width:var( --container-widget-width, 210px );max-width:210px;}.elementor-5061 .elementor-element.elementor-element-23c6e65 img{border-radius:0px 0px 0px 0px;}}@media(max-width:767px){.elementor-5061 .elementor-element.elementor-element-2e25f4c > .elementor-widget-container{padding:30px 0px 30px 0px;}.elementor-5061 .elementor-element.elementor-element-a653171 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-5061 .elementor-element.elementor-element-5bc267b > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-5061 .elementor-element.elementor-element-44969f5 > .elementor-widget-container{padding:20px 0px 20px 0px;}.elementor-5061 .elementor-element.elementor-element-36fa94c > .elementor-widget-container{padding:0px 0px 20px 0px;}.elementor-5061 .elementor-element.elementor-element-18f8f45 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-5061 .elementor-element.elementor-element-1246b3e{--padding-top:60px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-5061 .elementor-element.elementor-element-97415c8{text-align:center;}.elementor-5061 .elementor-element.elementor-element-d2c1996{text-align:center;}}/* Start custom CSS for container, class: .elementor-element-748a8ed */.shortcut-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
    table-layout: fixed; /* Ensure consistent column widths */
}

.shortcut-table th, .shortcut-table td {
    padding: 14px;
    text-align: left;
    word-wrap: break-word;
    font-size: 20px;
    border: none; /* Remove the grid lines */
}

.shortcut-table tbody tr:nth-child(odd) {
    background-color: #f9f9f9; /* Lighter off-white */
}

.shortcut-table tbody tr:nth-child(even) {
    background-color: #f0f0f0; /* Darker off-white */
}

.kbd {
    display: inline-block;
    padding: 6px 12px; /* Increased padding for larger buttons */
    font-size: 18px; /* Increased font size for keyboard buttons */
    color: #fff;
    font-weight: bold;
    border-radius: 6px; /* Increased border-radius for more rounded corners */
    min-width: 44px; /* Ensures a minimum square size */
    min-height: 38px; /* Ensures a minimum square size */
    text-align: center; /* Center text inside the button */
    margin-right: 8px; /* Consistent spacing between buttons */
    margin-bottom: 2px;
    margin-top: 2px;
}

.kbd-win {
    background-color: #F14F21;
}

.kbd-mac {
    background-color: #3E00B9;
}

.comma-win, .comma-mac {
    font-size: 24px; /* Adjusted font size to better match the .kbd element */
    position: relative; /* Enable relative positioning */
    font-weight: bold; /* Keep the bold styling */
    margin-left: -7px; /* Adjust margin as needed */
    margin-right: +2px; /* No margin on the right */
    top: 16px; /* Move the comma down to align with the bottom of the .kbd element */
}

.comma-win {
    color: #F14F21;
}

.comma-mac {
    color: #3E00B9;
}

/* Desktop view: adjust column widths */
@media screen and (min-width: 1025px) {
    .shortcut-table th:nth-child(1), 
    .shortcut-table td:nth-child(1) {
        width: 38%; /* Increase width for the first column */
    }

    .shortcut-table th:nth-child(2), 
    .shortcut-table td:nth-child(2), 
    .shortcut-table th:nth-child(3), 
    .shortcut-table td:nth-child(3) {
        width: 25%; /* Distribute the remaining space equally */
    }
}

/* Adjust spacing for both mobile and tablet views */
@media screen and (max-width: 1024px) {
    .shortcut-table td span.kbd {
        margin-right: 4px; /* Smaller spacing between buttons on mobile and tablet */
    }
    .shortcut-table th:nth-child(1), 
    .shortcut-table td:nth-child(1),
    .shortcut-table th:nth-child(2), 
    .shortcut-table td:nth-child(2), 
    .shortcut-table th:nth-child(3), 
    .shortcut-table td:nth-child(3) {
        width: auto; /* Reset widths */
    }
    .comma-win, .comma-mac {
        margin-left: -5px; /* Adjust margin for smaller screens */
        margin-right: 0;

    }
}

/* Mobile-specific styles */
@media screen and (max-width: 768px) {
    .shortcut-table thead {
        display: none; /* Hide the table header on mobile */
    }

    .shortcut-table, .shortcut-table tbody, .shortcut-table tr, .shortcut-table td {
        display: block;
        width: 100%;
    }

    .shortcut-table tr {
        margin-bottom: 15px;
    }

    .shortcut-table td {
        text-align: left;
        padding-left: 22%; /* Move content closer to the "Win" and "Mac" text */
        position: relative;
    }

    .shortcut-table td:before {
        content: attr(data-label);
        position: absolute;
        left: 0;
        width: 20%; /* Adjust width of the label space */
        padding-left: 10px;
        font-weight: bold;
        text-align: left;
    }

    /* Change "Windows" to "Win" on mobile */
    .shortcut-table td[data-label="Windows"]:before {
        content: "Win";
    }

    /* Hide "Shortcut" label on mobile */
    .shortcut-table td[data-label="Shortcut"]:before {
        display: none;
    }

    .shortcut-table td span.kbd {
        margin-right: 4px; /* Smaller spacing between buttons on mobile */
    }
}

h3 {
    color: #54595F;
}

/* Link styling */
.shortcut-table a {
    color: inherit; /* Inherit the default text color */
    text-decoration: none;
}

.shortcut-table a:hover {
    text-decoration: underline; /* Add underline on hover */
}/* End custom CSS */