.elementor-8404 .elementor-element.elementor-element-289a9d32{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:050px;--padding-bottom:0px;--padding-left:40px;--padding-right:40px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );font-style:var( --e-global-typography-primary-font-style );text-decoration:var( --e-global-typography-primary-text-decoration );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );color:var( --e-global-color-primary );}.elementor-8404 .elementor-element.elementor-element-26c8cd6b > .elementor-widget-container{margin:0px 0px 27px 0px;padding:0px 0px 0px 0px;}.elementor-8404 .elementor-element.elementor-element-26c8cd6b.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-8404 .elementor-element.elementor-element-26c8cd6b{text-align:start;}.elementor-8404 .elementor-element.elementor-element-26c8cd6b .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:48px;font-weight:800;text-transform:none;font-style:normal;text-decoration:none;line-height:56.25px;letter-spacing:0px;word-spacing:0px;color:var( --e-global-color-secondary );}.elementor-widget-text-editor{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 );font-style:var( --e-global-typography-text-font-style );text-decoration:var( --e-global-typography-text-text-decoration );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-8404 .elementor-element.elementor-element-8b66ce9 > .elementor-widget-container{padding:0px 0px 10px 0px;}.elementor-8404 .elementor-element.elementor-element-8b66ce9{font-family:"Roboto", Sans-serif;font-size:36px;font-weight:600;text-transform:none;font-style:normal;text-decoration:none;line-height:48px;letter-spacing:0px;word-spacing:0px;}.elementor-8404 .elementor-element.elementor-element-0382f0f > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-8404 .elementor-element.elementor-element-0382f0f{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:400;text-transform:none;font-style:normal;text-decoration:none;line-height:23.44px;letter-spacing:0px;word-spacing:0px;color:#6F6E71;}.elementor-8404 .elementor-element.elementor-element-6a46b46{--display:flex;--min-height:400px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;--padding-top:100px;--padding-bottom:200px;--padding-left:40px;--padding-right:40px;}.elementor-8404 .elementor-element.elementor-element-7417d99 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:24px;font-weight:700;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:36px;letter-spacing:0px;word-spacing:0px;color:#333E47;}.elementor-8404 .elementor-element.elementor-element-1350e9f{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-8404 .elementor-element.elementor-element-1350e9f > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;border-style:solid;border-width:1px 0px 0px 0px;}@media(min-width:768px){.elementor-8404 .elementor-element.elementor-element-289a9d32{--content-width:1190px;}.elementor-8404 .elementor-element.elementor-element-6a46b46{--content-width:1190px;}}@media(max-width:1024px) and (min-width:768px){.elementor-8404 .elementor-element.elementor-element-289a9d32{--content-width:700px;}.elementor-8404 .elementor-element.elementor-element-6a46b46{--content-width:700px;}}@media(max-width:1024px){.elementor-8404 .elementor-element.elementor-element-289a9d32{--padding-top:50px;--padding-bottom:0px;--padding-left:40px;--padding-right:40px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-8404 .elementor-element.elementor-element-26c8cd6b > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 10px 0px;}.elementor-8404 .elementor-element.elementor-element-26c8cd6b .elementor-heading-title{font-size:36px;line-height:48px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-8404 .elementor-element.elementor-element-8b66ce9{font-size:16px;line-height:24px;}.elementor-8404 .elementor-element.elementor-element-0382f0f{line-height:32px;}.elementor-8404 .elementor-element.elementor-element-6a46b46{--padding-top:130px;--padding-bottom:50px;--padding-left:40px;--padding-right:40px;}}@media(max-width:767px){.elementor-8404 .elementor-element.elementor-element-289a9d32{--padding-top:50px;--padding-bottom:0px;--padding-left:40px;--padding-right:40px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-8404 .elementor-element.elementor-element-26c8cd6b{width:var( --container-widget-width, 293px );max-width:293px;--container-widget-width:293px;--container-widget-flex-grow:0;}.elementor-8404 .elementor-element.elementor-element-26c8cd6b > .elementor-widget-container{padding:0px 0px 15px 0px;}.elementor-8404 .elementor-element.elementor-element-26c8cd6b .elementor-heading-title{font-size:24px;line-height:36px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-8404 .elementor-element.elementor-element-8b66ce9{font-size:16px;line-height:24px;}.elementor-8404 .elementor-element.elementor-element-0382f0f{font-size:16px;line-height:24px;}.elementor-8404 .elementor-element.elementor-element-6a46b46{--padding-top:100px;--padding-bottom:50px;--padding-left:40px;--padding-right:40px;}}/* Start custom CSS for shortcode, class: .elementor-element-1350e9f */.compatibility-checker #cc-container{
    max-width: 1060px;
    gap: 0;
}
.compatibility-checker #cc-container .form{
    padding: 40px;
    margin: 0;
    width: 50%;
}
.compatibility-checker #cc-container .result-text{
    padding: 40px;
    margin: 0;
    width: 50%;
}
#cc-result{
    margin: 0;
}
#cc-result br{
    display: none;
}






#cc-container{
    display: flex;
    gap: 50px;
    justify-content:flex-start;
}

.form{
    width: 30%;
    margin-top: 20px;
}

#cc-check{
     background-color: #46A7DD !important;
    font-size: 16px !important;
    line-height: normal !important;
    letter-spacing: 1px !important;
    font-weight: 600 !important;
    border: 1px solid #46A7DD !important;
    color:#fff !important;
    margin-top: 15px;
    text-transform: uppercase;
}

#cc-check:hover{
    background-color: #fff !important;
    color:#333E47 !important;
}

#cc-container{
    position: relative;
}

#cc-container label{
    margin-bottom: 8px;
    font-family: 'roboto';
}

#cc-container #cc-brand{
    margin-bottom: 15px;
    border: 1px solid #333E47 !important;
   text-transform: uppercase !important;
    font-family: 'roboto';
    color: #333E47;
    padding-left: 8px; 
    appearance: none !important;
        -webkit-appearance: none;
    -moz-appearance: none;
    background: url('https://stg-wada8d.elementor.cloud/wp-content/uploads/2025/04/Polygon-1.svg') no-repeat;
        background-position: right 15px center;
        background-size: 18px;
background-color:#fff;
        padding-right: 30px;
}

#cc-container #cc-receiver{
    margin-bottom: 15px;
    border: 1px solid #333E47 !important;
    text-transform: uppercase !important;
    font-family: 'roboto';
    color: #333E47 !important;
    padding-left: 8px;
    appearance: none !important;
        -webkit-appearance: none;
    -moz-appearance: none;
    background: url('https://stg-wada8d.elementor.cloud/wp-content/uploads/2025/04/Polygon-1.svg') no-repeat;
        background-position: right 15px center;
        background-size: 18px;
background-color:#fff;
        padding-right: 30px;
}

#cc-container #cc-brand option{
    text-transform: none !important;
    color:#333E47 !important;
}

#cc-container #cc-receiver option{
    text-transform: none !important;
}


.compatibility_formTitle{
        font-size: 18px;
    font-weight: 400;
    line-height: 1.2;
    color: #333E47;
    margin-bottom: 15px;
}


.formItem{
    position: relative;
}

.formItem::before{
    content: "";
            position: absolute;
            right: 45px; /* Adjust the position */
            top: 10%;
            height: 80%;
            width: 0.5px;
            background-color: #333E47; /* Match the main border */
}

.border{
    border-right: 1px solid #000;
    width: 10px;
    height: 250px;
    align-items: center;
}

#cc-result{
    font-family: 'roboto';
    font-size: 18px;
    margin-top: 10px;
}

div#cc-result a{
    color:#FF8300;
}

select:invalid {
    color: gray; /* Placeholder text color */
    text-transform: uppercase !important; /* Make placeholder text uppercase */
}

@media (max-width: 1024px) {
   .form{
        width:40%;
    }
}

@media (max-width: 480px) {
    #cc-container{
        flex-direction:column !important;
    }
    .border{
        height: 1px;
        width:300px;
        border:1px solid #000;
    }
    .form{
        width:100%;
    }
    
}
@media (max-width: 768px) {
    .compatibility-checker #cc-container {
    flex-direction: column;
}
    .compatibility-checker #cc-container .form{
        padding: 40px 0 40px 0;
        width: 100%;
    }
    .compatibility-checker #cc-container .result-text{
        padding: 40px 0 40px 0;
        width: 100%;
    }
    .compatibility-checker .border{
        display: none; 
    }
}
@media (min-width: 769px) {
    .compatibility-checker #cc-container{
        min-height: 350px;
    }
    .compatibility-checker .border{
        height: 350px;
    }
}/* End custom CSS */