@import url('https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap'); 
  .section-5fj {  
    font-family: var(--primary_font);
    font-size: 14px;
    color: var(--primary_color_font);
  }  
@media (min-width: 425px){     
  .section-5fj {  
    font-size: 15px;
  }  
}  
@media (min-width: 768px){     
  .section-5fj {  
    font-size: 16px;
  }  
}  
@media (min-width: 1200px){     
  .section-5fj {  
    font-size: 17px;
  }  
} 


.mb-lrl { 
    margin-bottom: 3rem!important;
} 

.section-5fj *,.section-5fj *:after,.section-5fj *:before { 
    box-sizing: border-box;
} 

.container-rfg { 
    width: 100%; 
    padding-right: 0.75rem; 
    padding-left: 0.75rem; 
    margin-right: auto; 
    margin-left: auto;
} 

@media (min-width: 1200px){ 
  .container-rfg { 
    max-width: 1140px;
  } 
}     

@media (min-width: 1400px){ 
  .container-rfg { 
    max-width: 1320px;
  } 
}     

.row-ejr { 
    --bs-gutter-x: 1.5rem; 
    --bs-gutter-y: 0; 
    display: flex; 
    flex-wrap: wrap; 
    margin-top: 0; 
    margin-right: calc(-.5 * 1.5rem); 
    margin-left: calc(-.5 * 1.5rem);
} 

.row-ejr > *  { 
    flex-shrink: 0; 
    width: 100%; 
    max-width: 100%; 
    padding-right: calc(1.5rem * .5); 
    padding-left: calc(1.5rem * .5); 
    margin-top: 0;
} 

.col-mse { 
    flex: 0 0 auto; 
    width: 100%;
} 

.section-5fj .grid-cao  { 
    display: grid; 
    grid-template-areas: "i1 i2 i2 i2 i3 i4" "i5 i6 i7 i8 i9 i4"; 
    grid-template-columns: calc(22.5% - 1rem) calc(7.5% - 1rem) calc(7.5% - 1rem) calc(7.5% - 1rem) calc(15% - 1rem) 40%; 
    grid-gap: 1rem;
} 

.section-5fj p { 
    margin-top: 0; 
    margin-bottom: 1rem;
} 

.text-7c8 { 
    text-align: center!important;
} 

.section-5fj .title-rct  { 
    font-size: 2.1rem; 
    font-weight: 700; 
    line-height: 1.2; 
    color: var(--primary_color_font);
} 

.section-5fj .bpods  { 
    font-weight: 300; 
    color: var(--primary_color_font);
} 

.section-5fj img { 
    vertical-align: middle;
} 

.section-5fj img  { 
    width: 100%; 
    height: 100%; 
    object-fit: cover; 
    border-radius: var(--general_border_radius); 
    box-shadow: -1px 10px 12px 0px rgba(0,0,0,.28);
} 

.section-5fj #img-m5n  { 
    grid-area: i1;
} 

.fa-nzf { 
    transition: opacity .15s linear;
} 

.modal-sxg { 
    position: fixed; 
    top: 0; 
    left: 0; 
    z-index: 1055; 
    display: none; 
    width: 100%; 
    height: 100%; 
    overflow-x: hidden; 
    overflow-y: auto; 
    outline: 0;
    background-color: rgba(0, 0, 0, 0.5);
} 

.fa-nzf:not(.show) { 
    opacity: 0;
} 

.section-5fj #img-snb  { 
    grid-area: i2;
} 

.section-5fj #img-jpp  { 
    grid-area: i3;
} 

.section-5fj #img-llk  { 
    grid-area: i4;
} 

.section-5fj #img-4m4  { 
    grid-area: i5;
} 

.section-5fj #img-xpm  { 
    grid-area: i6;
} 

.section-5fj #img-1rc  { 
    grid-area: i7;
} 

.section-5fj #img-inz  { 
    grid-area: i8;
} 

.section-5fj #img-k64  { 
    grid-area: i9;
} 

.modal-vk2 { 
    position: relative; 
    width: auto; 
    margin: .5rem; 
    pointer-events: none;
} 

.modal-cbg { 
    display: flex; 
    align-items: center; 
    min-height: calc(100% - 1rem);
} 

@media (min-width: 576px){ 
  .modal-vk2 { 
    max-width: 500px; 
    margin: 1.75rem auto;
  } 

  .modal-cbg { 
    min-height: calc(100% - 3.5rem);
  } 
}     

@media (min-width: 992px){ 
  .modal-fdl { 
    max-width: 800px;
  } 
}     

.modal-fdl { 
    max-width: 600px !important;
} 

.modal-sxg.fa-nzf .modal-vk2  { 
    transition: transform .3s ease-out; 
    transform: translate(0,-50px);
} 

.content-ok9 { 
    position: relative; 
    display: flex; 
    flex-direction: column; 
    width: 100%; 
    pointer-events: auto; 
    background-color: var(--secondary_color_font); 
    background-clip: padding-box; 
    border: 1px solid rgba(0,0,0,.2); 
    border-radius: var(--general_border_radius); 
    outline: 0;
} 

.content-ok9 { 
    border: none;
} 

.modal-qtf .content-ok9  { 
    background-color: rgba(0,0,0,0);
} 

.modal-vm2 { 
    position: relative; 
    flex: 1 1 auto; 
    padding: 1rem;
} 

.p-b1z { 
    padding: 0!important;
} 

.modal-vm2 { 
    margin: 0 auto;
} 

.modal-qtf img  { 
    object-fit: cover; 
    width: 100%;
} 

@media (max-width: 992px){ 
  .section-5fj .grid-cao  { 
    margin-left: 2%; 
    grid-template-areas: "i1 i1 i1 i2 i2 i2" "i5 i5 i5 i6 i7 i8" "i3 i3 i4 i4 i4 i4" "i9 i9 i4 i4 i4 i4"; 
    grid-template-columns: calc(16.6% - 1rem) calc(16.6% - 1rem) calc(16.6% - 1rem) calc(16.6% - 1rem) calc(16.6% - 1rem) calc(16.6% - 1rem); 
    grid-gap: 1rem;
  } 

  .section-5fj img  { 
    border-radius: var(--general_border_radius);
  } 
}     

@media (max-width: 600px){ 
  .section-5fj img  { 
    border-radius: var(--general_border_radius);
  } 
}     

@media (max-width: 1200px){ 
  .section-5fj img  { 
    height: auto;
  } 

  .modal-vm2 img  { 
    width: 100%;
  } 
}     


