.elementor-26852 .elementor-element.elementor-element-6e7fe1f{--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:3rem;--padding-bottom:3rem;--padding-left:0rem;--padding-right:0rem;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-26852 .elementor-element.elementor-element-6e7fe1f{--padding-top:2rem;--padding-bottom:2rem;--padding-left:2rem;--padding-right:2rem;}}@media(max-width:768px){.elementor-26852 .elementor-element.elementor-element-6e7fe1f{--padding-top:2rem;--padding-bottom:2rem;--padding-left:1rem;--padding-right:1rem;}}/* Start custom CSS for html, class: .elementor-element-730a129 */canvas{
    background: white;
}

.kb-order-tut{
    font-size: 17px !important;
    font-weight: 700;
    padding: 10px !important;
    height: 21px !important;
    width: 21px !important;
    background: #000 !important;
    color: #fff !important;
    line-height: 21px !important;
    border-radius: 50%;
    margin-bottom: 0;
    text-align: center;
    cursor: pointer;
    flex-shrink: 0;
}

.kb-locker-tut{
    font-size: 17px !important;
    font-weight: 700;
    padding: 10px !important;
    height: 21px !important;
    width: 21px !important;
    background: #000 !important;
    color: #fff !important;
    line-height: 21px !important;
    border-radius: 50%;
    margin-bottom: 0;
    text-align: center;
    cursor: pointer;
}

.kb-action-tut{
    font-size: 22px !important;
    font-weight: 700;
    padding: 0 !important;
    height: 40px !important;
    width: 40px !important;
    background: #000 !important;
    color: #fff !important;
    line-height: 40px !important;
    border-radius: 50%;
    margin-bottom: 10px;
    text-align: center;
    cursor: pointer;
}

body .kb-wrapper .kb-action-tut::after {
    content: 'Watch tutorials';
    position: absolute;
    /* top: 50%; */
    right: calc(100% + var(--kbdefault25-gap));
    /* transform: translateY(-50%); */
    width: max-content;
    color: var(--kbdefault25-primary-1);
    background-color: var(--kbdefault25-primary-2);
    border-radius: var(--kbdefault25-radius);
    padding: 0 20px;
    box-shadow: 0 0 20px 0 var(--kbdefault25-primary-1-25);
    pointer-events: none;
     opacity: 0; 
     visibility: hidden; 
    transition: opacity 200ms ease-in-out, visibility 200ms ease-in-out;
    font-size: 13px;
}

body .kb-wrapper .kb-action-tut:hover::after{
    visibility: visible;
    opacity: 1;
}

td.kb-aggregate-size-name{
    vertical-align: middle !important;
}

span.size-guide-block{
    display: block;
    cursor: pointer;
    text-decoration: underline;
    margin-top: 10px !important;
    display: inline-block;
    cursor: pointer;
    width: 70px;
}

span.size-guide-block:hover{
    text-decoration: none;
}

.kb-wrapper td.kb-unit-name{
    width: calc(38% - 40px);
}

body .kb-wrapper .kb-team-details td.kb-unit-size{
    width: 25% !important;
}

body .kb-wrapper .kb-team-details td.kb-unit-size select{
    display: inline-block;
    width: 50% !important;
    font-size: 13px;
    color: #555;
}/* End custom CSS */