.elementor-widget-section .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-section .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-7 .elementor-element.elementor-element-c8c757d:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-c8c757d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0046CC;background-image:url("https://www.syncfusion.com/case-studies/wp-content/plugins/elementor/assets/images/placeholder.png");background-position:center center;background-size:cover;}.elementor-7 .elementor-element.elementor-element-c8c757d > .elementor-container{min-height:416px;}.elementor-7 .elementor-element.elementor-element-c8c757d{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-7 .elementor-element.elementor-element-c8c757d > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-7 .elementor-element.elementor-element-4977e0a6 > .elementor-element-populated{margin:0px 0px 9px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-widget-heading .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-heading .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-7 .elementor-element.elementor-element-1074fa4c > .elementor-widget-container{margin:0 auto 0 auto;}.elementor-7 .elementor-element.elementor-element-1074fa4c{text-align:center;}.elementor-7 .elementor-element.elementor-element-1074fa4c .elementor-heading-title{font-family:"Open Sans", Sans-serif;font-size:42px;font-weight:700;line-height:56px;color:#FFFFFF;}.elementor-widget-text-editor .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-text-editor .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-7 .elementor-element.elementor-element-674a1c30{width:var( --container-widget-width, 91% );max-width:91%;--container-widget-width:91%;--container-widget-flex-grow:0;column-gap:0px;text-align:center;font-family:"Open Sans", Sans-serif;font-size:16px;font-weight:400;font-style:normal;line-height:28px;color:#FFFFFF;}.elementor-7 .elementor-element.elementor-element-674a1c30 > .elementor-widget-container{margin:0.25em 0em 0em 7em;}.elementor-7 .elementor-element.elementor-element-26a5490:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-26a5490 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F9FBFF;}.elementor-7 .elementor-element.elementor-element-26a5490 > .elementor-container{max-width:1220px;}.elementor-7 .elementor-element.elementor-element-26a5490{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-7 .elementor-element.elementor-element-26a5490 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-7 .elementor-element.elementor-element-3b9ccea > .elementor-widget-container{padding:30px 0px 20px 0px;}.elementor-7 .elementor-element.elementor-element-3b9ccea{text-align:center;font-family:"Open Sans", Sans-serif;font-size:20px;font-weight:600;font-style:normal;line-height:30px;color:#64748B;}.elementor-7 .elementor-element.elementor-element-5b53ecb0:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-5b53ecb0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F9FBFF;}.elementor-7 .elementor-element.elementor-element-5b53ecb0{border-style:solid;border-width:0px 0px 1px 0px;border-color:#E2E6EF;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:54px;padding:0px 0px 0px 0px;}.elementor-7 .elementor-element.elementor-element-5b53ecb0 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-7 .elementor-element.elementor-element-7806b082.elementor-column > .elementor-widget-wrap{justify-content:flex-start;}.elementor-7 .elementor-element.elementor-element-7806b082 > .elementor-element-populated{margin:0px 0px 10px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-widget-image .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-image .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-image .widget-image-caption{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-7 .elementor-element.elementor-element-6992b267 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-7 .elementor-element.elementor-element-6992b267{text-align:center;}.elementor-7 .elementor-element.elementor-element-6992b267 img{width:100%;}.elementor-7 .elementor-element.elementor-element-4c046ca4 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-7 .elementor-element.elementor-element-4c046ca4{text-align:left;}.elementor-7 .elementor-element.elementor-element-4c046ca4 img{width:100%;}.elementor-7 .elementor-element.elementor-element-7d6faec > .elementor-container{max-width:1196px;}.elementor-widget-shortcode .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-shortcode .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-7 .elementor-element.elementor-element-53036df1 > .elementor-container{max-width:1200px;}.elementor-7 .elementor-element.elementor-element-53036df1{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-7 .elementor-element.elementor-element-7f170385{text-align:center;}.elementor-7 .elementor-element.elementor-element-7f170385 img{width:100%;max-width:100%;height:1px;opacity:0.64;}.elementor-7 .elementor-element.elementor-element-7ff58045{text-align:center;}.elementor-7 .elementor-element.elementor-element-7ff58045 img{width:100%;max-width:100%;height:1px;opacity:0.64;}.elementor-7 .elementor-element.elementor-element-39c6fdf6{text-align:center;}.elementor-7 .elementor-element.elementor-element-39c6fdf6 img{width:100%;max-width:100%;height:1px;opacity:0.64;}.elementor-7 .elementor-element.elementor-element-e4c2510 > .elementor-container{max-width:1210px;}.elementor-7 .elementor-element.elementor-element-e4c2510{margin-top:-11px;margin-bottom:60px;}.elementor-7 .elementor-element.elementor-element-59dfef5d:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-59dfef5d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.syncfusion.com/case-studies/wp-content/uploads/sites/6/2024/03/Bottom-Banner.png");}.elementor-7 .elementor-element.elementor-element-59dfef5d{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:50px 0px 65px 0px;}.elementor-7 .elementor-element.elementor-element-59dfef5d > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-7 .elementor-element.elementor-element-77014e21{text-align:center;}.elementor-7 .elementor-element.elementor-element-77014e21 .elementor-heading-title{font-family:"Open Sans", Sans-serif;font-size:46px;font-weight:700;line-height:70px;color:#FFFFFF;}.elementor-7 .elementor-element.elementor-element-9f5785d{font-family:"Open Sans", Sans-serif;font-size:18px;font-weight:400;line-height:28px;color:#FFFFFF;}.elementor-widget-button .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-button .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-button .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-7 .elementor-element.elementor-element-19d27fae .elementor-button{background-color:#FFFFFF;font-family:"Open Sans", Sans-serif;font-size:16px;font-weight:600;line-height:24px;fill:#0F172A;color:#0F172A;}.elementor-7 .elementor-element.elementor-element-19d27fae .elementor-button:hover, .elementor-7 .elementor-element.elementor-element-19d27fae .elementor-button:focus{background-color:#E0ECFF;}.elementor-7 .elementor-element.elementor-element-19d27fae > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-widget-template .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-template .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-7 .elementor-element.elementor-element-2fa309b8{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:25px;margin-bottom:80px;padding:0px 0px 0px 0px;}.elementor-7 .elementor-element.elementor-element-2fa309b8 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-7 .elementor-element.elementor-element-850dc68 > .elementor-widget-container{margin:65px 0px 5px 0px;}.elementor-7 .elementor-element.elementor-element-850dc68{text-align:center;}.elementor-7 .elementor-element.elementor-element-850dc68 .elementor-heading-title{font-family:"Open Sans", Sans-serif;font-size:40px;font-weight:700;line-height:50px;color:#222222;}.elementor-7 .elementor-element.elementor-element-1b79a3d > .elementor-widget-container{margin:0px 30px 0px 30px;}.elementor-7 .elementor-element.elementor-element-1b79a3d{text-align:center;font-family:"Open Sans", Sans-serif;font-size:15px;font-weight:400;line-height:27px;color:#475569;}.elementor-widget-html .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-html .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-7 .elementor-element.elementor-element-402af183 > .elementor-widget-container{margin:0px 0px 0px 0px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-7 .elementor-element.elementor-element-4977e0a6{width:100%;}}@media(max-width:1024px){.elementor-7 .elementor-element.elementor-element-1074fa4c > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-7 .elementor-element.elementor-element-674a1c30 > .elementor-widget-container{margin:0em 0em 0em 0em;}.elementor-7 .elementor-element.elementor-element-7806b082 > .elementor-element-populated{margin:0px 0px 36px 10px;--e-column-margin-right:0px;--e-column-margin-left:10px;padding:0px 20px 0px 0px;}.elementor-7 .elementor-element.elementor-element-77014e21 .elementor-heading-title{font-size:40px;line-height:50px;}.elementor-7 .elementor-element.elementor-element-9f5785d{font-size:16px;line-height:2em;}.elementor-7 .elementor-element.elementor-element-402af183{width:100%;max-width:100%;}.elementor-7 .elementor-element.elementor-element-402af183 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}}@media(max-width:767px){.elementor-7 .elementor-element.elementor-element-1074fa4c > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-7 .elementor-element.elementor-element-7806b082 > .elementor-element-populated{margin:0px 0px 26px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-7 .elementor-element.elementor-element-4c046ca4 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-7 .elementor-element.elementor-element-77014e21 .elementor-heading-title{font-size:24px;line-height:30px;}.elementor-7 .elementor-element.elementor-element-9f5785d{font-size:12px;}.elementor-7 .elementor-element.elementor-element-19d27fae .elementor-button{font-size:16px;line-height:24px;}.elementor-7 .elementor-element.elementor-element-2fa309b8{padding:0px 0px 0px 0px;}}/* Start custom CSS for heading, class: .elementor-element-1074fa4c */.home-page-heading{
    margin-left:15%;
    margin-right:15%;
}
@media screen and (max-width:768px){
    .home-page-heading{
        margin-left: 10%;
        margin-right:10%;
        font-size:40px !important;
        font-weight:700 !important;
        line-height:56px !important;
        margin-top:40px !important;
    }
    .elementor-7 .elementor-element.elementor-element-1074fa4c .elementor-heading-title{
        font-size:40px !important;
        margin-top:46px !important;
        line-height:56px !important;
        margin-top:26px !important;
        margin-bottom:12px;
    }
   
}
@media screen and (max-width:700px){
        .elementor-7 .elementor-element.elementor-element-1074fa4c .elementor-heading-title{
             font-size:34px !important;
        line-height:48px !important;
        }
    
}
@media screen and (max-width:570px){
        .elementor-7 .elementor-element.elementor-element-1074fa4c .elementor-heading-title{
        font-size:25px !important;
        line-height:35px !important;
        margin-bottom:-2px !important;
        }

}
@media screen and (max-width:561px){
    .home-page-heading{
        margin-left: 5%;
        margin-right:5%;
        margin-top:-10px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-674a1c30 */@media screen and (max-width:768px){
   
    .elementor-7 .elementor-element.elementor-element-674a1c30{
        /*font-size:14px !important;*/
        line-height:28px !important;
        margin-left:22%;
        margin-right:22%;
        margin-bottom:66px !important;
    }
   
}

@media screen and (max-width:1024px) and (min-width:769px){
        .elementor-7 .elementor-element.elementor-element-674a1c30{
        font-size:16px !important;
        line-height:28px !important;
        margin-left:10%;
        margin-right:10%;
        
    }
}

@media screen and (max-width:561px){
    .elementor-7 .elementor-element.elementor-element-674a1c30{
        font-size:14px !important;
        margin-left:5%;
        margin-right:5%;
        margin-bottom:17px !important;
    }
}
p{
    margin-top: 0;
    margin-bottom: 0;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-c8c757d */.home-banner{
    background-image: url(https://cdn.syncfusion.com/content/case-studies/banner-images/case-study-banner.webp) !important;
}

@media screen and (max-width:1060px){
    .home-banner{
        background-size:auto !important;
        background-repeat: no-repeat;
    }
}
@media screen and (max-width:1440px){
    .home-banner{
    background-image:url(https://cdn.syncfusion.com/content/case-studies/banner-images/case-study-banner-tab.webp) !important;
}
    
}
@media screen and (max-width:700px){
    .home-banner{
    background-image: url(https://cdn.syncfusion.com/content/case-studies/banner-images/case-study-banner-mobile.webp) !important;
    background-size:contain !important;
}
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-3b9ccea */.elementor-7 .elementor-element.elementor-element-14cc312 > .elementor-element-populated{
    padding: 0;
}

@media(max-width:767px){
.elementor-7 .elementor-element.elementor-element-3b9ccea{
       font-size: 14px !important;
       margin-bottom: 15px !important;
       line-height: 28px;
    }
}
@media (max-width: 1024px){
    .elementor-7 .elementor-element.elementor-element-3b9ccea > .elementor-widget-container {
    padding: 36px 0px 20px 0px;
}
}
@media (max-width: 767px){
    .elementor-7 .elementor-element.elementor-element-3b9ccea > .elementor-widget-container {
    padding: 30px 15px 0px 15px;
}
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-26a5490 */@media screen and (max-width:768px){
    .truested-company-heading1{
        margin-top:0 !important;
    }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-5b53ecb0 */@media (max-width: 768px){
.elementor-widget-image > .elementor-widget-container {
    margin-bottom: 12px !important;
}
}
@media (max-width:1024px){
  .elementor-7 .elementor-element.elementor-element-7806b082 > .elementor-element-populated{
    margin: 0px;
    padding:0px 24px;
}  
}
@media (max-width:767px){
  .elementor-7 .elementor-element.elementor-element-7806b082 > .elementor-element-populated{
    padding:0px 15px 15px 15px;
}

}
@media (min-width:551px) and (max-width:767px){
    .elementor-7 .elementor-element.elementor-element-7806b082 img{
    width:80%;
}

.elementor-7 .elementor-element.elementor-element-4c046ca4 {
    text-align: center;
}
}
@media (max-width:768px){
    .elementor-7 .elementor-element.elementor-element-5b53ecb0{
    margin-bottom: 0px;
}
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-a316f4f */#error-message{
    color: #D42A2A;
    line-height: 18px;
    text-align: left;
    font-family: "Open Sans";
    font-size: 12px;
    margin-left: 60%;
    width: 340px;
    margin-top: -35px;
    margin-bottom: 10px;
    display:none;
}
#error-messageMobile{
    display: none !important;
}
@media (max-width:1200px) and (min-width:1025px){
    #error-message{
        width:295px;
    }
}
@media (max-width:1024px) and (min-width:970px){
    #error-message{
        width:240px;
        margin-left:59%;
    }
}
@media (max-width:970px) and (min-width:850px){
    #error-message{
        font-size: 11px;
    margin-left: 56%;
    width: 240px;
    }
}
@media (max-width:850px) and (min-width:768px){
    #error-message{
         font-size: 11px;
    margin-left: 53%;
    width: 275px;
    }
}
@media (max-width:768px){
    #error-message{
    font-size: 11px;
    margin-left: 51%;
    width: 275px;
    margin-top: -21px;
    }
}

@media (max-width:710px){
    #error-messageMobile
    {
        display:block !important;
        color: #D42A2A;
    line-height: 18px;
    font-family: "Open Sans";
            font-size: 12px !important;
        margin-left: 32px !important;
        width: 85% !important;
        margin-top: -10px !important;
        margin-bottom: 0px !important;
    }
    #error-message{
        display:none !important;
    }
}

.filter{
    display: flex;
    gap:16px;
    margin-bottom:38px;
    user-select: none;
}
.filter-container{
    
    display: flex;
    background: #FFFFFF;
    box-shadow: 0px 2px 12px rgba(220, 225, 234, 0.8);
    border-radius: 8px;
    width:100%;
}
.filter-container:hover,.filter-container:focus-within{
    outline: 1px solid #0057FF;
}
.industry-filter,.platform-filter,.types-filter{
    margin-left:16px;
    display: flex;
    height: 40px;
    width:30%;
}
.types-filter{
    width:18%;
}
.types-dropdown,.platform-dropdown,.industry-dropdown{
     /*height: 28px;*/
     /*padding: 0 16px;*/
     /*margin-top:6px;*/
     /*margin-left: 2px;*/
     /*border-radius: 4px;*/
     /*background: #ECF0F7;*/
}

.dropdown-button{
    height: 28px;
    display: flex;
    align-items: center;
    cursor: pointer;
    justify-content: space-between;
    margin-top: 6px;
    border-radius: 4px;
    padding-left: 8px;
    margin-left: 6px;
    
}
.dropdown-button:hover{
    background: transparent;
}

.search-casestudy{
    display: flex;
    width:35%;
   
}
.search-box{
    width:97% !important;
     font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    color: #586277 !important;
    padding-left:10px !important;
    padding-right:0px !important;
    margin-top:2px;
    border: none !important;
    
}
.search-box:focus{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    color: #586277;

}
.search-icon{
    height: 14px;
    width: 14px;
    margin-top: 14px;
    margin-left:16px;
}
.filtername{
    margin-top:11.5px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    color: #64748B;
   
}
.types-dropdown,.platform-dropdown,.industry-dropdown{
    border: none;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    color: #586277;
     width: 100%;
     padding-right: 0px;
     
}

.vertical-line{
    border-left: 1px solid #C5CFE7;
    height: 27px;
    margin-top:6.5px;
    margin-left:7px;
}
.elementor-search-form__input{
    color: #1E293B !important;
}
.search-form-container{
    width:100% !important
    ;
}
.search-input-container{
    width: 100% !important;
}

#search-submit-in,#search-submit-out{
    background: #0057FF;
    border-radius: 8px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    
    text-align: center;
    color: #FFFFFF;
    outline: none;
    border: none !important;
    padding-right: 2rem !important;
    padding-left: 2rem;
}
#search-submit-in:hover,#search-submit-out:hover{
    background: #0073DC;
}
#search-submit-in:active,#search-submit-out:active{
    outline: none !important;
    border: none !important;
}

  .dropdown {
    position: relative;
    display: inline-block;
  }

  

  .dropdown-content-type,.dropdown-content-platform,.dropdown-content-industry {
    display: none;
   
    
    position: absolute;
    background-color: #ffffff;

    min-width: 17.7%;
 
    z-index: 10;
    top: 41px;
    right: 35.7%;
    box-shadow: 0px 4px 14px rgba(129, 142, 162, 0.3);
    border-radius: 6px;
  }
.dropdown-content-industry,.dropdown-content-platform{
     overflow-y: scroll;
    height: 183px;
}

  .types-dropdown.open .dropdown-content-type{
    display: block;
    padding-bottom: 5px;
  }
  .types-dropdown.open .dropdown-button{
      background: transparent;
  }
 .platform-dropdown.open .dropdown-content-platform{
     display: block;
     padding-bottom: 5px;
 }
 .platform-dropdown.open .dropdown-button{
     background: transparent;
 }
  .industry-dropdown.open .dropdown-content-industry{
     display: block;
     padding-bottom: 5px;
 }
 .industry-dropdown.open .dropdown-button{
     background: transparent;
 }

  .dropdown-content-type button,.dropdown-content-platform button,.dropdown-content-industry button {
    display: block;
    width: 100%;
  
    text-align: left;
    outline: none;
    border: none;
    margin-bottom: 0px;
    border-radius: 0px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #0D1E40;
    height: 36px;
    border-radius: 4px;
    
  }
  .dropdown-content-type button:hover,.dropdown-content-platform button:hover,.dropdown-content-industry button:hover{
      background: #F1F5F9;
      color: #0F172A;
  }
 .dropdown-content-type button:focus{
     background: none;
 }
  .type-btn-background{
     background: #E2E8F0 !important;
 }

  .dropdown-content-platform button:focus,.dropdown-content-industry button:focus{
      background: #E2E8F0;
      color: #0F172A;
  }
    .dropdown-content-industry button:focus:hover,.dropdown-content-platform button:focus:hover{
      background:#ECF0F7 ;
  }
  .dropdown-content-platform{
        right: 42.45%;
        min-width: 28.9%;
  }
 
  .dropdown-content-industry{
      right: 71.2%;
      min-width: 28.75%;
  }
  .dropdown-icon{
      margin-right: 9px;
  }
  .remaining-count{
      
      background: #E0ECFF;
      border-radius: 4px;
      padding: 0px 6px;
      margin-left: auto;
      margin-right: 12px;
      margin-top: -0.5px;
      color: #334155;
      font-weight:600;
  }
  #selected-industry-text{
    white-space: nowrap;
  width: 162px; 
  overflow: hidden;
  text-overflow: ellipsis;
  color: #1E293B;
  }
  #selected-tags-text{
      color: #1E293B;
  }
  .checkbox-tag,.checkbox,.checkbox-industry{
      width: 16px !important;
      background: #FFFFFF;
    border-radius: 4px;
    margin-right: 10px;
    height: 16px;
    position: relative;
    top: 2px;
      
  }

.dropdown-content-industry button.checked{
    background: #DEE2EB;
}
.dropdown-content-platform button.checked{
    background: #DEE2EB;
}
.btn-container {
  position: relative;
  padding-left: 40px;
}

/* Hide the browser's default checkbox */
.btn-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
/*Custom scroll bar*/
.dropdown-scroll-container::-webkit-scrollbar {
  width: 7px;
  
}

.dropdown-scroll-container::-webkit-scrollbar-track {
  background: none; 
}
 

.dropdown-scroll-container::-webkit-scrollbar-thumb {
  background: #BBC2CD; 
  border-radius:4px;
}
/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 10px;
  left: 16px;
  height: 16px;
  width: 16px;
  
  border-radius:4px;
  background: #FFFFFF;
	border: 1.5px solid #C7CDDB;
}


/* When the checkbox is checked, add a blue background */
.btn-container input:checked ~ .checkmark {
  background-color: #0057FF;
  border:none;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.btn-container input:checked ~ .checkmark:after>*{
  display: block;
  
}

.checkmark-tick{
	position:absolute;
    bottom:5px;
    right: 5.5px;
  height:7px;

 border-left:1.34px solid white;

  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  border-radius:10px;
  
}
.checkmark-tick-2{

	position:absolute;
    bottom: 5px;
    right:9.5px;

  height:4.5px;
 border-right:1.34px solid white;

  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(-45deg);
  border-radius:2px;
}
@media only screen and (max-width:1200px){
  /*   #selected-industry-text{*/
  /*  white-space: nowrap;*/
  /*width: 141px !important; */
  /*overflow: hidden;*/
  /*text-overflow: ellipsis; */
  
}
@media only screen and (max-width:970px){

    .filtername{
        display:none;
    }
    .industry-filter,.platform-filter,.types-filter{
        margin-left:0px !important;
    }
    .search-box-toggle2{
        display:block !important;
    }
    .dropdown-button{
        margin-left:7px !important;
    }
    .dropdown-content-type{
        right:37.5%;
    }
    .dropdown-content-platform{
        right:46.3% !important;
        /*min-width:27.5% !important;*/
        min-width:252px !important;
        left:26.5% !important;
    }
    .dropdown-content-industry{
        left:0.3%;
        min-width:232px;
        
    }
    #selected-industry-text{
        white-space: nowrap;
  width: 172px !important; 
  overflow: hidden;
  text-overflow: ellipsis;
    }
    .search-icon{
        /*margin-left:8px !important;*/
    }
}

@media only screen and (max-width:1120px){
    #selected-industry-text{
        white-space: nowrap;
  width: 140px !important; 
  overflow: hidden;
  text-overflow: ellipsis;
    }
}
@media only screen and (max-width:1024px){
    .filter{
        width:98.6%;
        margin-left:4px;
    }
    .dropdown-content-type{
        right:35.5%;
    }
    .dropdown-content-platform{
        right:44.1%;
        min-width:27.9%;
    }
    .dropdown-content-industry{
        right:71.9%;
        min-width:27.7%;
    }
    #selected-industry-text,#selected-tags-text{
    white-space: nowrap;
  width: 115px !important; 
  overflow: hidden;
  text-overflow: ellipsis; 
  }
}
@media only screen and (max-width:937px){
    .filter{
        width:98.3%;
        margin-left:5px !important;
    }
    .dropdown-content-type{
        right:38% !important;
    }
     .dropdown-content-industry{
        left:0.58%;
        min-width:232px;
        
    }
}
@media only screen and (max-width:860px){
    .filter{
        width:98.1%;
    }
     .dropdown-content-type{
        right:38.5% !important;
    }
    .dropdown-content-platform{
        right:47% !important;
        left:25.8% !important;
    }
}
@media only screen and (max-width:768px){
    .filter{
        width:97.8%;
        margin-left:4px !important;
        margin-top:22px;
        margin-bottom:23px;
    }
    .dropdown-content-type{
        right:39% !important;
    }
    .dropdown-content-platform{
        right:47.3% !important;
        left:25.5% !important;
    }
    .dropdown-content-type,.dropdown-content-platform,.dropdown-content-industry{
        top:62.5px !important;
    }
    #selected-tags-text{
        width:100% !important;
    }
}
::placeholder {
   
    color: #75819E !important;
    opacity: 1 !important;
}

:-ms-input-placeholder {
  color:  #75819E !important;
}

::-ms-input-placeholder { 
  color:  #75819E !important;
}
/*mobile design*/
@media only screen and (max-width:710px){
    .dropdown-content-industry,.dropdown-content-platform,.dropdown-content-type{
        left:3.3% !important;
        min-width:92% !important;
        top:28.3% !important;
    }
    .dropdown-content-platform{
        top:47.5% !important;
    }
    .dropdown-content-type{
        top:56% !important;
    }
    #selected-industry-text{
        width:160px !important;
    }
    .filter-container{
        /*//display:block !important;*/
        flex-direction:column !important;
        gap:16px !important
    }
    .filter{
        margin-top:24px !important;
       /*// margin-bottom:-17px !important;*/
    }
    .vertical-line{
        display:none;
    }
    .industry-filter,.platform-filter,.types-filter,.search-casestudy{
        width:94% !important;
        margin: 0px 18px 0 18px !important;
    }
    .industry-filter{
        margin-top:13px !important;
    }
   
    .search-casestudy{
        margin-top:6px !important;
    }
    .button-position-out,.search-icon-first,.search-box-toggle1{
        display:none !important;
    }
    .button-position-in,.search-icon-last,.search-box-toggle2{
        display:block !important;
    }
    .dropdown-button{
        height:40px !important;
        background: rgba(255, 255, 255, 0.92) !important;
    border: 1px solid #D7DEEF !important;
    border-radius: 8px !important;
    /*margin-bottom:16px !important;*/
    }
    .industry-dropdown.open .dropdown-button,.types-dropdown.open .dropdown-button, .platform-dropdown.open .dropdown-button{
         border: 1px solid #BDC2CF !important;
    }

    .search-input-container{
        display:flex !important;
        height:40px !important;
        background: rgba(255, 255, 255, 0.92) !important;
    border: 1px solid #D7DEEF !important;
    border-radius: 8px !important;
    }
    #search-submit-in,#search-submit-out{
        width:94% !important;
        margin: 0 20px 20px 18px !important;
    }
    .search-icon-last{
        margin-right:13px;
    }
    .search-box{
        margin-left:8px !important;
    }
    .dropdown-icon{
        margin-right:16px !important;
    }
    .dropdown-button{
        padding-left:16px !important;
        margin-left:0 !important;
    }
 
    #selected-industry-text,#selected-tags-text,#selected-type{
        
    }
    .select-item{
        color: #75819E !important;
    }
}
@media only screen and (max-width){
    .filter{
        width:93% !important;
    }
}
@media only screen and (max-width:670px){
    .dropdown-content-industry,.dropdown-content-platform,.dropdown-content-type{
        left:3.5% !important;
        
    }
}
@media only screen and (max-width:670px){
    .dropdown-content-industry,.dropdown-content-platform,.dropdown-content-type{
        left:3.3% !important;
        
    }
}
@media only screen and (max-width:635px){
    .dropdown-content-industry,.dropdown-content-platform,.dropdown-content-type{
        min-width:92.1% !important;
        /*top:24% !important;*/
    }
    .dropdown-content-platform{
        /*top:40% !important;*/
    }
    .dropdown-content-type{
        top:56% !important;
    }
}
@media only screen and (max-width:590px){
    .dropdown-content-industry,.dropdown-content-platform,.dropdown-content-type{
        left:4% !important;
        min-width:92.1% !important;
    }
   .dropdown-content-industry{
       /*top:24% !important;*/
   }
   .dropdown-content-platform{
       /*top:40% !important;*/
   }
   .dropdown-content-type{
       top:56% !important;
   }
}

@media only screen and (max-width:560px){
    .filter{
        width:92% !important;
        margin-left:3.2% !important;
        margin-bottom:15px !important;
    }
    .industry-filter,.platform-filter,.types-filter,.search-casestudy{
        width:91.5% !important;
    }
    .dropdown-content-industry,.dropdown-content-platform,.dropdown-content-type{
        left:6.6% !important;
        min-width:84.5% !important;
        top:29.3% !important;
        
    }
     .dropdown-content-platform{
        top:48.8% !important;
    }
    .dropdown-content-type{
        top:57.5% !important;
    }
     #search-submit-in,#search-submit-out{
        width:91.5% !important;
       
    }
}
@media only screen and (max-width:500px){
     .industry-filter,.platform-filter,.types-filter,.search-casestudy,#search-submit-in,#search-submit-out{
        width:90.5% !important;
    }
    .dropdown-content-industry,.dropdown-content-platform,.dropdown-content-type{
        left:6.9% !important;
        min-width:83.2% !important;
        
    }
}
@media only screen and (max-width:440px){
    .industry-filter,.platform-filter,.types-filter,.search-casestudy,#search-submit-in,#search-submit-out{
        width:89.5% !important;
        margin-left:18px !important;
    }
    .dropdown-content-industry,.dropdown-content-platform,.dropdown-content-type{
        left:7.6% !important;
        min-width:82.5% !important;
        
        
    }
   
}
@media only screen and (max-width:400px){
    .filter{
        margin-left:4.2% !important;
    }
    .industry-filter,.platform-filter,.types-filter,.search-casestudy,#search-submit-in,#search-submit-out{
       margin-left:15px !important;
       width:90.5% !important;
    }
    .dropdown-content-industry,.dropdown-content-platform,.dropdown-content-type{
        left:7% !important;
        min-width:83.1% !important;
        
    }
}
@media only screen and (max-width:350px){
    .industry-filter,.platform-filter,.types-filter,.search-casestudy,#search-submit-in,#search-submit-out{
       margin-left:12px !important;
       width:90.5% !important;
    }
    .filter{
        margin-left:4% !important;
    }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-7d6faec */@media (min-width:710px){
    section.elementor-section.elementor-top-section.elementor-element.elementor-element-7d6faec.elementor-section-boxed.elementor-section-height-default.elementor-section-height-default.wpr-particle-no.wpr-jarallax-no.wpr-parallax-no.wpr-sticky-section-no.elementor-sticky.elementor-sticky--active.elementor-section--handles-inside.elementor-sticky--effects {
    min-height: 82px;
    background: #FFFFFF;
    box-shadow: 0px 4px 8px rgba(162, 177, 190, 0.12);
    width: 100% !important;
}
section.elementor-section.elementor-top-section.elementor-element.elementor-element-7d6faec.elementor-section-boxed.elementor-section-height-default.elementor-section-height-default.wpr-particle-no.wpr-jarallax-no.wpr-parallax-no.wpr-sticky-section-no.elementor-sticky.elementor-sticky--active.elementor-section--handles-inside.elementor-sticky--effects .filter {
    margin-top: 10px;
    margin-bottom: 10px;
}
section.elementor-section.elementor-top-section.elementor-element.elementor-element-7d6faec.elementor-section-boxed.elementor-section-height-default.elementor-section-height-default.wpr-particle-no.wpr-jarallax-no.wpr-parallax-no.wpr-sticky-section-no.elementor-sticky.elementor-sticky--active.elementor-section--handles-inside.elementor-sticky--effects .dropdown-content-industry, section.elementor-section.elementor-top-section.elementor-element.elementor-element-7d6faec.elementor-section-boxed.elementor-section-height-default.elementor-section-height-default.wpr-particle-no.wpr-jarallax-no.wpr-parallax-no.wpr-sticky-section-no.elementor-sticky.elementor-sticky--active.elementor-section--handles-inside.elementor-sticky--effects .dropdown-content-platform  {
    top: 51px;
}
}

@media (max-width:710px){
    section.elementor-section.elementor-top-section.elementor-element.elementor-element-7d6faec.elementor-section-boxed.elementor-section-height-default.elementor-section-height-default.wpr-particle-no.wpr-jarallax-no.wpr-parallax-no.wpr-sticky-section-no.elementor-sticky.elementor-sticky--active.elementor-section--handles-inside.elementor-sticky--effects .filter {
        margin-top: -10px !important;
    }
}

section.elementor-section.elementor-top-section.elementor-element.elementor-element-7d6faec.elementor-section-boxed.elementor-section-height-default.elementor-section-height-default.wpr-particle-no.wpr-jarallax-no.wpr-parallax-no.wpr-sticky-section-no.elementor-sticky.elementor-sticky--active.elementor-section--handles-inside.elementor-sticky--effects #error-message {
    margin-top: -8px;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-2c2d38b */body{
    overflow-x:hidden;
    font-display: swap;
}

@font-face {font-family: "thegem-icons"; src: url("//db.onlinewebfonts.com/t/168d4f56532089b0da0c091e6ad386ff.eot"); src: url("//db.onlinewebfonts.com/t/168d4f56532089b0da0c091e6ad386ff.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/168d4f56532089b0da0c091e6ad386ff.woff2") format("woff2"), url("//db.onlinewebfonts.com/t/168d4f56532089b0da0c091e6ad386ff.woff") format("woff"), url("//db.onlinewebfonts.com/t/168d4f56532089b0da0c091e6ad386ff.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/168d4f56532089b0da0c091e6ad386ff.svg#thegem-icons") format("svg");
    font-display:swap;
}

.postcard-casestudy{
    display: flex;

    flex-direction: column;

    width: 30.47%;

    border:none;
    border-radius:15px;
    box-shadow: 0px 0px 4px rgba(226, 232, 240, 0.75), 0px 4px 12px #E2E8F0;

    margin-left: 0.7%;

    margin-bottom:3.7%;

    align-self:start;
}
.featured-image{
    position: relative;
    height: 216px;
    width: 100%;
     margin-bottom:20px;
}

.featured-image-link::before{
    content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 0;
	z-index: 5;
	width: 100%;
	height: 100%;
	opacity: 0;
	background: rgba(255, 255, 255, 0.5);

	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}
.featured-image-link:hover::before{
    opacity: 1;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}
.featured-image-link::after{
    content: '\e628';
	position: absolute;
	top: 150%;
	left: 50%;
	width: 70px;
	height: 70px;
	border-radius: 50%;
	font-family: 'thegem-icons';


	font-size: 35px;
	line-height: 71.5px;
	margin-top: -35px;
	margin-left: -35px;
	opacity: 0;
	text-align: center;
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transition: top 0.4s, opacity 0.4s, -webkit-transform 0s 0.4s;
	transition: top 0.4s, opacity 0.4s, transform 0s 0.4s;
	z-index: 10;
	background:#3F3C53;
	color: #ffffff;
}
.featured-image-link:hover::after{
    opacity: 1;
	top: 50%;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: top 0s, opacity 0.4s, -webkit-transform 0.4s;
	transition: top 0s, opacity 0.4s, transform 0.4s;
}
.featured-image-link > .thumbnail-image-casestudy{
    -webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: -webkit-transform 0.2s linear;
	transition: transform 0.2s linear;
}
.thumbnail-image-casestudy:hover{

    -webkit-transition: -webkit-transform 0.2s linear;
	transition: transform 0.2s linear;
}
.category-section{
    display: flex;
    gap: 10px !important;
    margin-left: 20px;
    flex-wrap: wrap;
    margin-right: 10px;
    padding-top: 5px !important;
    padding-bottom: 30px !important;

}
.post-title-casestudy{
    flex-wrap: wrap;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 27px;

    margin-top: 0px;
    margin-bottom: 12px;
}
.post-title-color-casestudy{
    color: #0F172A;
}
.post-title-color-casestudy:hover{
    color:#0073dc;
}
.postcard-container-casestudy{
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    gap: 3%;

}
.thumbnail-image-casestudy{
    display: block;
    height:216px !important;
    width:100%;
    aspect-ratio: 1024/464;
    object-fit: cover;
    /*max-width:none !important;*/
    border-top-left-radius: 15px !important;
    border-top-right-radius: 15px !important;
    background-size: contain;
}

@media (max-width: 400px){
    .thumbnail-image-casestudy{
        object-fit:inherit !important;
    }
}
@media (min-width: 1024px){
    .thumbnail-image-casestudy{
        object-fit:inherit !important;
    }
}

p{
    margin-top: 0;
    margin-bottom: 0;
}
.category-casestudy,.tag-casestudy{
    background: #FFE1E1;

    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    padding: 1px 10px;
    color: #0D1E40;
    border-radius: 2px;

}
.category-casestudy:hover{
    background: #f2c0c0c2;
}
.tag-casestudy{
   background: #E9DFFD;
}
.Blazor,.Bold-BI,.Xamarin,.ASP-NET,.Grid-Control,.Xamarin-Forms{
    background:#D6EBFE !important;
}
.Winforms,.SQL,.Database,.WPF,.Big-Data,.Essential-Studio,.Forms{
    background: #F1F5F9;
}
.Flutter,.Windows-Phone,.ASP-NET-MVC,.Dashboard-Platform{
    background: #FBF2D1;
}
.PDF-File-Formats-in-WinR,.Windows-Forms,.Essential-Studio-For-WinRT,.Syncfusion-PDF-Library,.File-Formats{
    background: #FBF2D1;
}
.card-content-casestudy{
    margin-left: 20px;
    margin-right: 10px;
}
.excerpt-casestudy{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    color: #445569;
    margin-bottom: 10px;


}
.postcard-casestudy > a{
     margin-top:auto;
    margin-bottom: 20px;
    margin-left: 20px;

    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    color: #0057ff;
    width:max-content;
}
.postcard-casestudy > a:hover{
     color: #0046CC;
     opacity: 0.8;
}
     #right-arrow-svg{

        stroke: #0450C2;
    }

.btn-container{
    position: relative;
}
#right-arrow-svg {
    margin-left:5px;
    position: relative;
    top:1px;
     stroke:#0057ff;

}
.pagination{
     flex-basis: 100%;
    display: flex;
    justify-content: center;

    margin: 8px auto 20px auto !important;

}
@media (max-width:1024px){
    .pagination{
     margin: 20px auto !important;
    }
}
.page-numbers{

    height: 44px;
    width: 44px;
    justify-content: center;
    align-items: center;
    display: flex;
    border-radius: 50%;
    color: #0F172A;
    margin-right: 2px;

}
.page-numbers:hover{
    background: #1A68FF !important;
    color: #ffffff;
}
span.page-numbers.dots:hover {
    background: none !important;
    color: #FFF !important;
}
.next,.prev{
    display: none;
}
.left-group-arrow-cs{
    margin-right: 34px;
    margin-top: 10px;

}
.left-arrow-cs{
    margin-right: 22px;
    margin-top:10px !important;
}
.right-group-arrow-cs{
    margin-top:10px;
    margin-left:34px;
}
.right-arrow-cs{
    margin-left: 22px;
    margin-top:10px !important;
}
.current,.current:hover{
    background: #0057FF !important;
    color: #F8FAFC !important;
}
@media screen and (max-width:520px){

    .page-numbers{
        height:42px !important;
        width:42px !important;
        font-size:15px !important;
    }
    .left-group-arrow-cs{
    margin-right: 20px;
    margin-top: 10px;

}
.pagination{
    margin-left:-3px;
    margin-top:20px !important;
    margin-bottom:3px !important;
}
.left-arrow-cs{
    margin-right: 12px;
    margin-top:10px !important;
}
.right-group-arrow-cs{
    margin-top:10px;
    margin-left:20px;
}
.right-arrow-cs{
    margin-left: 12px;
    margin-top:10px !important;
}
}
@media screen and (max-width:470px){
    .page-numbers{
        height:37px !important;
        width:37px !important;
        font-size:15px !important;
        margin-right:1px !important;
    }
    .pagination{
        margin-left:-5px !important;
    }
     .left-group-arrow-cs{
    margin-right: 15px;


}
    .left-arrow-cs{
    margin-right: 9px;

}
.right-group-arrow-cs{

    margin-left:15px;
}
.right-arrow-cs{
    margin-left: 9px;

}
.left-arrow-cs,.right-arrow-cs,.left-group-arrow-cs,.right-group-arrow-cs{
        margin-top:7px !important;
    }
}
@media only screen and (max-width:400px){
    .page-numbers{
        height:32px !important;
        width:32px !important;
    }
    .pagination svg{
        width:13px;
    }
    .left-arrow-cs svg,.right-arrow-cs svg{
        width:7px;
    }
    .left-arrow-cs,.right-arrow-cs,.left-group-arrow-cs,.right-group-arrow-cs{
        margin-top:5.5px !important;
    }

}
@media screen and (max-width:356px){
    .page-numbers{
        height:28px !important;
        width:28px !important;
        font-size:13px !important;
    }
      .left-arrow-cs,.right-arrow-cs,.left-group-arrow-cs,.right-group-arrow-cs{
        margin-top:2.5px !important;
    }
    .pagination{
        margin-left:-10px !important;
    }
}
@media screen and (max-width:937px) and (min-width:768px){
    .postcard-casestudy{
        width:46.7% !important;
        /*margin:2% !important;*/
        margin-bottom:4.75% !important;
    }
    .postcard-container-casestudy{
        gap:4% !important
    }
}
@media screen and (max-width:768px){
    .postcard-casestudy{
        width:47% !important;
        /*margin:2% !important;*/
        margin-bottom:3.9% !important;
    }
    .postcard-container-casestudy{
        gap:3.2% !important;
    }

}
@media screen and (max-width:561px){
    .postcard-casestudy{
        width:92% !important;
        margin:3.5% !important;
        margin-left:3.3% !important;
        margin-bottom:24px !important;
    }
}


@media screen and (max-width:1025px) and (min-width:937px){

.postcard-container-casestudy{
    width:99.6% !important;
}
.postcard-casestudy{
    margin-left:0.5% !important;
    width:30.65% !important;
    margin-bottom:3.5% !important;
}
}
@media screen and (max-width:1232px) and (min-width:1025px){
    .postcard-casestudy{
        width:30.73% !important;
        margin-bottom: 3.7% !important;
        margin-left:0.5% !important;
    }
}

@media (max-width:550px){
   .site-main .page-header .entry-title{
        font-size:26px !important;
    }
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-f11bf9a */#card-container{
    width: 100%;
    
}
.postcard-container{
    //max-width: 352px;
    
}
.postcard{
    max-width: 352px;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-e4c2510 */a{
    text-decoration: none !important;
}
@media (max-width: 766px){
.allSections {
    padding-left: 5px !important;
}
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-19d27fae */@media (max-width:767px){
    .elementor-7 .elementor-element.elementor-element-19d27fae .elementor-button{
        font-size:14px;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-850dc68 */@media (max-width:1024px){
   .elementor-7 .elementor-element.elementor-element-850dc68 > .elementor-widget-container{
    margin: 0 0 0 0 !important;
} 
.elementor-7 .elementor-element.elementor-element-850dc68 .elementor-heading-title {
    font-size: 32px;
}
}

@media (max-width: 991px){
    .elementor-7 .elementor-element.elementor-element-850dc68 .elementor-heading-title {
    font-size: 26px;
}

}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-1b79a3d */@media screen and (max-width:768px){
    .elementor-7 .elementor-element.elementor-element-1b79a3d > .elementor-widget-container{
        margin-bottom:36px !important;
    }
    .elementor-7 .elementor-element.elementor-element-1b79a3d{
    margin-bottom: 0px !important;
}
}
@media screen and (max-width:657px){
    .elementor-7 .elementor-element.elementor-element-1b79a3d > .elementor-widget-container{
       margin-left:6% !important;
       margin-right:6% !important;
}}

.elementor-7 .elementor-element.elementor-element-1b79a3d{
    line-height: 27px;
    margin-bottom: 40px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-402af183 */.cards {
    background: #f4f8ff;
    border-radius: 10px;
    padding: 24px 30px;
    margin: 0 10px 30px;
    position: relative;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
 .cards {
    background: #f4f8ff;
    border-radius: 10px;
    padding:0px 30px 0px 30px!important;
    position: relative;
}
.elementor-7 .elementor-element.elementor-element-2fa309b8{
    margin-bottom:40px;
}

}
@media (max-width:767px){
    .elementor-7 .elementor-element.elementor-element-2fa309b8{
    margin-bottom:0px;
        
    }
}
.heading {
    font-size: 22px;
    font-weight: 700;
    line-height: 26px;
    color: #0f172a;
    margin-top: 15px;
}
.description {
    line-height: 24px;
    color: #475569;
    font-weight: 600;
    font-size: 14px;
    margin: 8px 0 100px;
}
.g2-author-section {
    display: flex;
    position: absolute;
    left: 30px;
    bottom: 30px;
}
.g2-profile-image {
    display: inline-flex;
    min-width: 70px;
}
.name {
    color: #0f172a;
    font-size: 13px;
    font-weight: 600;
    line-height: 18px;
    margin: 5px 0 0 14px;
}
.customer-video-section {
    margin-top: 20px;
    position: relative;
}
.customer-video-section .g2-review-play-button {
    position: absolute;
    width: 90px;
    background-size: cover;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    height: 90px;
    background-image: url(https://cdn.syncfusion.com/content/images/user-reviews/g2-review-play-button.webp);
}
.customer-video-section .customer-detail-section {
    position: absolute;
    left: 21px;
    display: flex;
    bottom: 21px;
    flex-direction: column;
}
.customer-video-section .customer-detail-section {
    position: absolute;
    left: 21px;
    display: flex;
    bottom: 21px;
    flex-direction: column;
}
.customer-video-section .customer-detail-section .customer-name {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: .5px;
}
#g.customer-video-section .customer-detail-section .customer-designation {
    color: #fff;
    font-size: 9px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: .5px;
}
.customer-video-caption {
    line-height: 24px;
    color: #475569;
    font-weight: 600;
    font-size: 14px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-140e510 */#soc-compliance-section {
    background-color: #002762 !important;
    padding: 68px 0;
    background-position: 100%;
    background-size: 100%;
    background-image: url(https://cdn.syncfusion.com/content/images/home-v1/GDPRCompliantSection/master/soc-bg.png);
}
#soc-compliance-section .gdpr-image-section img{
    width: 51.3%;
    height: 30%;
    position: relative;
    left: 27%;
}

@media (max-width: 551px){
#soc-compliance-section .gdpr-image-section img {
    left:0%;
height: auto !important;
width: auto !important;
}
}
@media (min-width:768px) and (max-width: 991px){
#soc-compliance-section .gdpr-image-section img {
    width: 71.3%;
}
#soc-compliance-section{
    padding-left:20px;
}
}

@media (max-width: 767px){
#soc-compliance-section .gdpr-image-section img {
    padding-top: 50px;
}
}


#soc-compliance-section .container {
    width:1170px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 20px;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
}

@media (max-width: 767px) {
#soc-compliance-section .container {
        width: 100%;
    }
}

@media (min-width: 992px) and (max-width:1200px) {
#soc-compliance-section .container {
        width: 970px;
    }
}

@media (min-width: 768px) and (max-width:991px) {
#soc-compliance-section .container {
        width: 750px;
    }
}

#soc-compliance-section .text-left {
    padding: 0;
    display: flex;
    align-items: center;
}
@media (max-width: 767px) {
#soc-compliance-section .text-left {
        display:block;
    }
    
#soc-compliance-section  {
        padding:60px 30px;
    }
}
#soc-compliance-section .description-text-section {
    width: auto;
    font-size: 44px;
    color: #fff;
    letter-spacing: -.82px;
    line-height: 64px;
    padding: 0 15px 0 0;
    margin: -16px 0 0;
    font-weight: 700;
}
#soc-compliance-section .description-text-section .heading-text {
    font-size: 24px;
    font-weight: 600;
    width: 100%;
}

#soc-compliance-section .description-text-section hr {
    position: absolute;
    width: 144.45px;
    height: 9.76px;
    background: #4185de;
    border: 0;
    margin-top: 4px;
    margin-bottom: 20px;
}
#soc-compliance-section .description-text-section .gdpr-description {
    font-size: 36px;
    color: #fff;
    letter-spacing: -.92px;
    line-height: 55px;
    padding: 0 15px 0 0;
    margin: -16px 0 0;
    font-weight: 700;
}

@media (max-width: 767px){
    #soc-compliance-section .description-text-section .heading-text {
    line-height: 40px;
}
#soc-compliance-section .description-text-section hr{
    margin-top:20px;
}
}

@media (min-width: 767px){
    #soc-compliance-section .description-text-section .gdpr-description {
    margin: -40px 0 0;
}
}


#other-products {
    background-image: url(https://cdn.syncfusion.com/content/images/home-page/v2/webp/other-products.webp);
    background-size: auto 100%;
    padding: 70px 0 50px 0;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
}

#other-products .row{
    display: flex;
    width: auto;
    margin-left: auto;
    margin-right: auto;
    padding: 0 3.7% ;
}

@media (min-width:1200px){
#other-products .row {
    width: 1170px;
    padding:0%;
}
}

@media (max-width:767px){
    #soc-compliance-section .description-text-section .gdpr-description {
    font-size:24px;
    line-height:44px;
    padding:0px;
}
    
#other-products .boxed {
    display:block;
}

#other-products .row {
   display:block;
}

#other-products .component{
    width:auto !important;
}

}

#other-products h2 {
    font-weight: 700;
    margin-bottom: 50px;
    color: #000;
    margin-top: 20px;
    font-size: 40px !important;
    text-align: center;
}
#other-products .component {
    padding: 0 10px;
    width: 25%;
}
#other-products .boxed {
    background-color: #fff;
    padding: 25px 25px 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-transition: transform .2s ease-out;
    transition: transform .2s ease-out;
    will-change: transform;
    display: flex;
    align-items: center;
    text-align: center;
}

@media (min-width:767px){
#other-products .boxed {
    height:94% !important;
}
}

@media (min-width:991px){
#other-products .boxed {
    height:314.031px !important;
}
}

@media (min-width:1200px){
#other-products .boxed {
    height:290.031px !important;
}
}

#other-products .boxed:hover {
    -webkit-box-shadow: 0 0 25px 0 rgba(0, 0, 0, .06);
    box-shadow: 0 0 25px 0 rgba(0, 0, 0, .06);
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    text-decoration: none;
}
.boxed.boxed--border {
    border: 1px solid #ececec;
}
.boxed {
    position: relative;
    padding: 1.85714286em;
    margin-bottom: 30px;
    border-radius: 6px;
}

#other-products h3 {
    margin-top: 16px;
    color: #000000;
    margin-bottom: 12px;
    font-weight: 700;
    line-height: 23px;
    font-size: 24px !important;
}
#other-products .lead {
    font-size: 14px;
    padding-bottom: 10px;
    line-height: 24px;
    color: #1a1a1a;
    margin-bottom: 0;
}
#other-products .learnmore {
    color: #0057ff;
    font-weight: 600;
    margin-bottom: 0;
    line-height: 170.18%;
    padding-bottom: 20px;
    font-size: 11.25px;
}
#other-products .learnmore:hover {
    text-decoration: underline;
}
#awards {
    background-color: #f5f9fd;
    text-align: center;
    padding-top: 50px;
    padding-bottom: 60px;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
#awards .container{
    /* width: 1170px;
    margin-left: auto;
    margin-right: auto; */
    display: flex;
    justify-content: center;
}
#awards #award-heading {
    color: #1a1a1a;
    font-size: 40px;
    text-align: center;
    margin-bottom: 25px;
    font-weight: 700;
    letter-spacing: .11px;
    margin-top: 3px;
}
#awards #award-desc {
    font-size: 16px;
    color: #1a1a1a;
    line-height: 28px;
    margin-bottom: 40px;
}
#awards #award-desc #award-desc-line-1{
    display: block;
}
.all-awards{
    text-align: center;
}

@media (max-width:767px)
{
#other-products h2{
    font-size:22px !important;
}
#other-products h3{
    font-size:18px !important;
}
#other-products .lead{
    font-size:12px !important;
    line-height:20px !important;
}
#awards{
    padding-top: 0px;
}
#awards #award-heading{
    font-size: 22px;
    margin-top: 25px;
}
#awards #award-desc {
    margin-bottom: 40px;
    font-size: 12px !important;
    padding-left: 30px;
    padding-right: 30px;
}
#awards #award-desc #award-desc-line-1 {
    display: inline;
}
#DesktopAwards{
    display: none;
}
#MobileAwards{
    display: block !important;
}
#MobileAwards picture{
    display: flex;
    justify-content: center;
}
#MobileAwards img{
    width: 45%;
    margin-right: auto;
    margin-left: auto;
}
}
@media (max-width: 569px){
   #MobileAwards img {
    width: 61%;
} 
#soc-compliance-section .gdpr-image-section img {
    left: 0;
    height: auto;
    width: auto;
}
}

@media (min-width:768px) and (max-width:1024px){
    #other-products h2{
        margin-top:8px;
        font-size:26px !important;
    }
    #other-products h3{
        font-size:18px !important;
    }
    
    #awards #award-heading{
        font-size:26px;
    }
    #awards #award-desc{
        font-size:14px;
    }
}/* End custom CSS */