:root {
    --vs-violet:#F5F6FB;
    --vs-violet-50:#EDEDFD;
    --vs-violet-100:#dadafc;
    --vs-violet-400:#6d6df3;
    --vs-violet-500:#4848F0;
    --vs-violet-700:#2E2EB2;
    --vs-violet-900:#141475;
} 

#product-filter .uk-card, .info-card .uk-card{display: flex; flex-direction: column; padding-top: 0.8em; width: 100%;}
#product-filter .uk-card-default{ border-radius: 16px;}
#product-filter .uk-card-hover:hover,  .info-card .uk-card-hover:hover {
    background-color: #fff;
    box-shadow: 0 8px 20px rgb(0 0 0 / 16%);
}
#product-filter .uk-card-hover:hover, .info-card .uk-card-hover:hover{margin-top: -5px;margin-bottom: 5px;}
#product-filter .uk-card-hover, .info-card .uk-card-hover {
    transition: all .3s ease;
}
#product-filter .uk-card-body, .info-card .uk-card-body{padding-bottom: 0;}
#product-filter .uk-card-body a:hover, .info-card .uk-card-body a:hover{ text-decoration: none; color: initial;}
#product-filter .uk-card-default .uk-card-footer, .info-card .uk-card-default .uk-card-footer{border-top: 0;margin-top: auto; margin-right: auto;margin-left: auto;padding-top: 0; padding-bottom: 30px;padding-right: 15px;padding-left: 15px;}
#product-filter .uk-card-footer a, .info-card .uk-card-footer a{display: block;}
#product-filter h6, .info-card h6{color:#222; font-weight: 700; text-align: center; text-transform: uppercase;}
#product-filter a:hover, .info-card  a:hover{text-decoration: none;}
#product-filter .uk-grid-column-small>* ,#product-filter .uk-grid-small>*, .info-card .uk-grid-column-small>* ,.info-card .uk-grid-small>*, .uk-grid-column-small>*{
    padding-left: 24px;}
#product-filter .uk-grid-column-small,#product-filter .uk-grid-small,.info-card .uk-grid-small, .info-card .uk-grid-column-small{
    margin-left: -24px;
}
.uk-slider-container-offset {
    margin: -11px -5px -39px -5px;
    padding: 11px 5px 39px 5px;
}

.mdc-tab-bar button:focus{outline:0; border:0}
.mdc-tab-bar button:focus-visible {
  outline: 2px dotted #333;outline-offset: -2px;
}

.green-ball {
  position: absolute;
  left: -30px;
  top: 50px;
  width: auto;
}
.edu-kv{
     background-image: url(/vsAssetFile/global/img/education/product/viewboard/kv.jpg);
    background-position: 50% 0%;
    height:780px;
    background-repeat: no-repeat;
    
}
#product-filter{ background:linear-gradient(to bottom, #FFFF 0%, #E6E8F4 73%) ;}


#product-filter .bottombg{
    background-image: url(/vsAssetFile/global/img/education/product/viewboard/topbg-suite.svg);
    background-position: 50% 0%;
    height:auto;
    background-repeat: no-repeat;
    padding-top: 8em;
}

.rc-bg{ 
    background:linear-gradient(to bottom, #FFFF 50%, #E6E8F4 80%) ;
padding-bottom: 0;}
.rc-bg-bottom{
    background-image: url(/vsAssetFile/global/img/education/product/viewboard/bottombg-rc.svg);
    background-position: 60% 100%;
    height:auto;
    background-repeat: no-repeat;
    padding-bottom: 20em;
}
.bg-find-bottom{
     background-image: url(/vsAssetFile/global/img/education/product/viewboard/find-your-vb-bm.svg);
    background-position: 50% 0%;
    background-size: 100%;
    background-repeat: no-repeat;
   aspect-ratio: 1455/165;
   position: relative;
  margin-top: -220px;

}
.bg-bm{
    background: url(/vsAssetFile/global/img/education/product/viewboard/bg-bm.svg);
    background-position: 50% 100%;
    background-size: 100%;
    background-repeat: no-repeat;
   aspect-ratio: 1448/204;
    
}
.grid-wrapper {
  display: grid;
  grid-template-columns: 2fr 1fr;
  grid-auto-rows: 250px;
 
  gap: 1.5em
}


.grid-left {
  grid-column-start: 1;
  grid-row-start: 1;
  grid-row-end: 3;
}

.uk-overlay-primary{background: linear-gradient(to top,#01010190,10%, #ffffff00 50%);}



#fag .uk-card-default{box-shadow: 0 0px 8px rgba(0, 0, 0, .1);}
#fag .uk-card-default:hover{box-shadow: 0 2px 16px rgba(0, 0, 0, .1);}
#faq .accordion-faq .uk-open {
    border: 5px solid var(--vs-violet-400);
    background: #fff;
}
#faq ul.uk-accordion li {
    background: var(--vs-violet-100)

}
#faq li:not(.uk-open) .uk-accordion-title:hover {
    background: var(--vs-violet);  
    border-radius: 16px;
}
#faq .uk-accordion-title {
    cursor: pointer;
    color:#222;
    font-weight: 700;
}
#faq .uk-accordion-title:hover{color:var(--vs-violet-500)}
#faq li.uk-open .uk-accordion-title{color:var(--vs-violet-500)}
.uk-open>.uk-accordion-title:before {
    background-image: url(/vsAssetFile/global/img/education/software/Minus.svg);
}
.uk-accordion-title:before {
    background-image: url(/vsAssetFile/global/img/education/software/Plus.svg);
    background-size: 50%;
}
#faq .uk-border-rounded{border-radius: 16px;}
#faq ul.list li p{
    background: #fff;
    margin-bottom: 0;
  }
  #faq .uk-accordion-content a{color: var(--vs-violet-500); text-decoration: underline;}
@media(min-width: 2560px){
    /* .edu-kv{height:800px;background-position: 50% 0%;} */
    #product-filter .bottombg{
        background-size:110vw auto;
    }
     .rc-bg-bottom{ background-size:100vw auto;padding-bottom: 25em;}
     .bg-find-bottom{    
    background-size: 140%;
    background-repeat: no-repeat;
   aspect-ratio: 1455/115;}
}
@media(min-width:1200px){#product-filter .uk-slidenav-previous,#product-filter .uk-slidenav-next, 
.info-card .uk-slidenav-previous,.info-card .uk-slidenav-next{transform: none;}}
@media(min-width: 1440px) and (max-width:1600px){ 
    .edu-kv{
       
        height: 620px;
        background-size: 100%;
    }
    }
@media(max-width: 1440px){
    .edu-kv{
        background-image: url(/vsAssetFile/global/img/education/product/viewboard/kv.jpg);
    background-size: 120%;
    background-position: 50% 0%;
    height: auto;}
    .space-block{width: 560px;}
}
@media(max-width: 1200px){.uk-slider-container-offset {
    margin: -11px -15px -39px -15px;
    padding: 11px 15px 39px 15px;
    }
}
@media(max-width: 768px){
     .edu-kv{background-size: 180%;
      
        background-position: 50% 0%;
        height: auto;}
     #product-filter .bottombg{
        background-image: url(/vsAssetFile/global/img/education/product/viewboard/topbg-suite-m.svg);
        padding-top: 2em;

     }
      .btn-white {line-height: 24px;}
     #product-filter{ background:linear-gradient(to bottom, #FFFF 0%, #E6E8F4 50%, #FFFF 60%) ;}
     .esg-icon img{height: 50px; width: auto;}
     .rc-acc .uk-height-medium{height: 210px !important;}
     .rc-acc .uk-grid-small>* {padding-left: 20px;}
     .rc-bg-bottom{
    background-image: url(/vsAssetFile/global/img/education/product/viewboard/bottombg-rc-m.svg);
    background-position: 50% 100%;    
    background-size: 100%;
    padding-bottom: 10em;
    
    }
    .bg-find-bottom{
    background: white;
    height: 150px;
    clip-path: ellipse(100% 160.87% at 58.59% 178.72%);
    width: 100%;
    margin-top: -150px;
    position: absolute;
    }
    .bg-bm{
        background: url(/vsAssetFile/global/img/education/product/viewboard/bg-bm-m.svg);
        background-position: 50% 100%;
        background-size: 100%;
        background-repeat: no-repeat;
    aspect-ratio: 400/157;
        
    }

}
@media(max-width: 520px){
    h1{font-size: 30px}
    .edu-kv{
        background-image: url(/vsAssetFile/global/img/education/product/viewboard/kv-m.jpg);
        background-position: 50% 0%;
        background-size: 100%;
        background-repeat: no-repeat;
    }
     .space-block{height: 260px;}
     .rc-bg{ background:linear-gradient(to bottom, #FFFF 50%, #E6E8F4 80%,#E6E8F4 99%, #fff 110%) ;}
     
    
}