


<style type="text/css">
.checkyes
{	
	color: #076b14;
    text-shadow: 0px 0px 6px #046f07;
    font-size: 24px;
}
.checkyes
{	
	color: #076b14;
    text-shadow: 0px 0px 6px #046f07;
    font-size: 24px;
}
.checkno
{
	font-size: 20px;	
	color: #f10000;
    text-shadow: 0px 0px 6px #6b0000;
}
.checkli
{
	font-size: 15px;	
    color: #e96707;
    text-shadow: 0px 0px 6px #b56d00;
}


.overview-info-card span em  { 
    color: var(--base-color); 
    font-size: 15px; 
    font-style: normal; 
    font-weight: var(--fw-regular); 
    line-height: 23px;
} 
.img-fluid { 
    max-width: 100%; 
    height: auto;
	border-radius: 3px;
} 

.info-row .value img  { 
    height: 30px; 
    max-width: 100px!important; 
    vertical-align: middle;    
	margin-bottom: 3px;	
} 
.overview-info-card label  { 
    color: var(--primary-p); 
    font-size: 13px; 
    font-weight: var(--fw-regular); 
    line-height: 18px; 
    margin-bottom: 0;
} 
.overview-info-card span  { 
    color: var(--base-color); 
    font-size: 21px; 
    font-weight: 600; 
    line-height: 33px;
} 

.detail-title { 
    color: var(--black-color-50); 
    font-family: var(--roboto); 
    font-size: 17px; 
    font-weight: var(--fw-semibold); 
    line-height: 23px; 
    margin-bottom: 15px; 
    margin-top: 0;
} 

.overview-info-table { 
    margin: 1rem 0 20px;
} 

.overview-info-footer { 
    align-items: center; 
    display: grid; 
    gap: 2px; 
    grid-template-columns: 1fr 1fr 1fr;
	border-top:3px solid #f99500;
} 

.info-row { 
    align-items: center; 
    display: grid; 
    font-family: var(--roboto); 
    gap: 3px; 
    grid-template-columns: auto 1fr auto; 
    margin-bottom: 11px; 
    position: relative;
} 

.visit{
	   background-image: linear-gradient(180deg, rgb(219 243 255) 0%, rgb(135 152 159) 100%);
    padding: 10px;
    border: 2px solid #666;
    color: black;
}

.procon-row { 
    align-items: center; 
    display: grid; 
    font-family: var(--roboto); 
    gap: 3px; 
    grid-template-columns: 40px auto; 
    margin-bottom: 6px; 
    position: relative;
	align-items: flex-start;
} 

.procon-row img{ 
    max-width: 45px;
    max-height: 40px;
}

.info-row:last-child { 
    margin-bottom: 0;
} 

.overview-info-card { 
    align-items: center; 
    display: flex; 
    flex-flow: column; 
    gap: 2px; 
    text-align: center;
	margin: 10px 0px;
    border-right: 2px solid  #f99500;
} 

.overview-info-card:last-child { 
border-right:0px;
}

.info-row .label  { 
    color: #333; 
    color: var(--primary-p); 
    flex: none; 
    flex-grow: 0; 
    font-weight: 400; 
    order: 0; 
    text-align: left; 
    width: auto;
} 

.info-row .label  { 
    font-size: 15px; 
    font-style: normal; 
    line-height: 23px;
} 

.label-border { 
    background: 0 0; 
    border: 1px solid #999; 
    display: flex; 
    flex: 0 0 auto; 
    height: 1px; 
    margin: 0 auto; 
    padding: 0 1rem; 
    width: 90%;
} 

.info-row .value  { 
    font-size: 15px; 
    font-style: normal; 
    line-height: 23px;
} 

.info-row .value  { 
    align-items: center;     
    display: flex; 
    flex: 0 0 auto; 
    font-weight: var(--fw-semibold); 
    gap: 5px; 
    justify-content: flex-end; 
    position: relative; 
    text-align: right;
} 




#toTopBtn {
  display: none; /* Hidden by default */
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99;
    outline: none;
    cursor: pointer;
    font-size: 18px;	    
    background-position: initial;
    background-size: initial;
    background-repeat: initial;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    background-color: rgb(30, 122, 235);
    margin-left: 30px;
    border-radius: 5px;
    background-image: linear-gradient(180deg, var(--grad1) 0%, var(--grad2) 100%);
    padding: 10px;
    border: 2px solid rgb(102, 102, 102);
    color: black;
}

#toTopBtn:hover {
      background-image: linear-gradient(180deg, rgb(255 214 136) 0%, rgb(255 158 57) 100%);
}




























  body {  
    list-style:none;
    line-height:inherit;
    
  }  
body { 
/* CSS Variables that may have been missed get put on body */ 
    --tw-translate-x:  0;  
    --tw-translate-y:  0;  
    --tw-rotate:  0;  
    --tw-skew-x:  0;  
    --tw-skew-y:  0;  
    --tw-scale-x:  1;  
    --tw-scale-y:  1;  
    --tw-bg-opacity:  1;  
    --tw-content:  ""; 
    --tw-translate-x:  0;  
    --tw-translate-y:  0;  
    --tw-rotate:  0;  
    --tw-skew-x:  0;  
    --tw-skew-y:  0;  
    --tw-scale-x:  1;  
    --tw-scale-y:  1;  
    --tw-translate-x:  0;  
    --tw-translate-y:  0;  
    --tw-rotate:  0;  
    --tw-skew-x:  0;  
    --tw-skew-y:  0;  
    --tw-scale-x:  1;  
    --tw-scale-y:  1;  
    --tw-bg-opacity:  1;  
    --tw-border-opacity:  1;  
    --tw-bg-opacity:  1;  
    --tw-text-opacity:  1;  
    --tw-border-opacity:  1;  
    --tw-text-opacity:  1;  
    --tw-rotate:  -90deg;  
    --tw-translate-y:  -50%;  
    --tw-translate-x:  -50%;  
    --tw-translate-x:  0px;  
    --tw-translate-y:  0px;  
    --tw-rotate:  0deg;  
    --tw-text-opacity:  1;  
    --tw-text-opacity:  1;  
    --tw-text-opacity:  1;  
    --tw-bg-opacity:  1;  
    --tw-text-opacity:  1 !important;  
    --tw-bg-opacity:  1;  
    --tw-text-opacity:  1;  
    --tw-border-opacity:  1;  
    --tw-text-opacity:  1;  
    --tw-content:  "/5";  
    --tw-text-opacity:  1;  
} 


* { 
    --tw-translate-x: 0; 
    --tw-translate-y: 0; 
    --tw-rotate: 0; 
    --tw-skew-x: 0; 
    --tw-skew-y: 0; 
    --tw-scale-x: 1; 
    --tw-scale-y: 1; 
	
	--color-header-under: #f99500;
	--color-header-text:#999;
} 



.first\:mt-0:first-child { 
    margin-top: 0;
} 

ul { 
    list-style: none; 
    margin: 0; 
    padding: 0;
} 

@media (min-width: 1280px){ 
  .ml\:grow { 
    flex-grow: 1;
  } 

  .ml\:flex { 
    display: flex;
  } 

  .ml\:gap-\[60px\] { 
    gap: 60px;
  } 
}     

@media (min-width: 768px){ 
  .sm\:max-w-screen-m { 
    max-width: 1024px;
  } 

  .sm\:px-8 { 
    padding-left: 2rem; 
    padding-right: 2rem;
  } 
}     

@media (min-width: 1280px){ 
  .ml\:max-w-screen-l { 
    max-width: 1460px;
  } 
}     

.relative { 
    position: relative;
} 

.min-w-\[328px\] { 
    min-width: 328px;
} 

.max-w-screen-m { 
    max-width: 1024px;
} 

.rounded { 
    border-radius: .25rem;
} 

.bg-\[\#fafafa\] { 
    --tw-bg-opacity: 1; 
    background-color: rgb(250 250 250 / var(--tw-bg-opacity));
} 

.\@container { 
    container-type: inline-size;
} 

*,:before,:after { 
    box-sizing: border-box; 
    border-width: 0; 
    border-style: solid; 
    border-color: #e5e7eb;
} 

:before,:after { 
    --tw-content: "";
} 

*,:before,:after { 
    --tw-translate-x: 0; 
    --tw-translate-y: 0; 
    --tw-rotate: 0; 
    --tw-skew-x: 0; 
    --tw-skew-y: 0; 
    --tw-scale-x: 1; 
    --tw-scale-y: 1; 
} 

:backdrop { 
    --tw-translate-x: 0; 
    --tw-translate-y: 0; 
    --tw-rotate: 0; 
    --tw-skew-x: 0; 
    --tw-skew-y: 0; 
    --tw-scale-x: 1; 
    --tw-scale-y: 1; 
} 

.hover\:bg-\[\#fff\]:hover { 
    --tw-bg-opacity: 1; 
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
} 

.grid { 
    display: grid;
} 

.grid-cols-70 { 
    grid-template-columns: 70px 1fr;
} 

@media (min-width: 700px) {  
.\@\[480px\]\:grid-cols-\[100px_minmax\(0\,1fr\)\] { 
    grid-template-columns: 100px minmax(0,1fr);
} 
}

.hhd svg{
	fill:white;
}

.hhd:hover svg{
	fill:orange;
}

.svgshadow {
  -webkit-filter: drop-shadow( 3px 3px 2px rgba(0, 0, 0, .7));
  filter: drop-shadow( 3px 3px 2px rgba(0, 0, 0, .7));
  /* Similar syntax to box-shadow */
}


.hhdimg {
    -webkit-mask-image: linear-gradient(85deg,#000 25%,rgba(0,0,0,.2) 50%,#000 75%);
    mask-image: linear-gradient(85deg,#000 25%,rgba(0,0,0,.2) 50%,#000 75%);
    -webkit-mask-size: 400%;
    mask-size: 400%;
    -webkit-mask-position: 0;
    mask-position: 0;
}

.hhdimg:hover {
    transition: mask-position 1s ease,-webkit-mask-position 1s ease;
    -webkit-mask-position: 120%;
    mask-position: 120%;
    opacity: 1;
}

.whenwide
{
	display:none;
}

.whennarrow
{
	display:none;
}

@media (min-width: 992px) {  
.whenwide
{
	display:block !important;
}
}
	
@media not (min-width: 992px) {  
.whennarrow
{
	display:block !important;
}
}

@media (min-width: 990px) {  
.\@\[700px\]\:grid-cols-\[minmax\(106px\,176px\)_minmax\(571px\,848px\)\] { 
    grid-template-columns: minmax(106px,176px) minmax(571px,1448px);
} 
	
}



.flex { 
    display: flex;
} 

.items-center { 
    align-items: center;
} 

.gap-8 { 
    gap: 2rem;
	background-color: white;
} 

.border-x { 
    border-left-width: 1px; 
    border-right-width: 1px;
} 

.border-b { 
    border-bottom-width: 1px;
} 

.border-\[\#bdbdbd\] { 
    --tw-border-opacity: 1; 
    border-color: rgb(189 189 189 / var(--tw-border-opacity));
} 

.p-4 { 
    padding: 1rem;
} 

a { 
    color: inherit; 
    text-decoration: inherit;
} 

.block { 
    display: block;
} 

.min-h-\[calc\(70px\*3\)\] { 
    min-height: 210px;
} 

.overflow-hidden { 
    overflow: hidden;
} 

.rounded-tl { 
    border-top-left-radius: .25rem;
} 

.borderu { 
    border-width: 1px;
} 

.bg-\[\#1a1e27\] { 
    --tw-bg-opacity: 1; 
    background-color: rgb(26 30 39 / var(--tw-bg-opacity));
} 

@media (min-width: 720px) {  
.\@\[700px\]\:min-h-0 { 
    min-height: 0px;
} 
}

.rounded-tr { 
    border-top-right-radius: .25rem;
	background-color: floralwhite;
} 

.border-y { 
    border-top-width: 1px; 
    border-bottom-width: 1px;
} 

.border-r { 
    border-right-width: 1px;
} 


@media (min-width: 720px) {  
.\@\[700px\]\:grid { 
    display: grid;
} 
}

@media (min-width: 720px) {  
.\@\[700px\]\:grid-cols-\[minmax\(126px\,600px\)_minmax\(275px\,340px\)_minmax\(156px\,156px\)\] { 
    grid-template-columns: minmax(126px,600px) minmax(275px,340px) minmax(156px,156px);
} 
}

.grow { 
    flex-grow: 1;
} 

.flex-wrap { 
    flex-wrap: wrap;
} 

.gap-x-\[18px\] { 
    column-gap: 18px;
} 

.gap-y-2 { 
    row-gap: .5rem;
} 

.text-\[14px\]\/\[14px\] { 
    font-size: 14px; 
    line-height: 14px;
} 

.text-\[\#bdbdbd\] { 
    --tw-text-opacity: 1; 
    color: rgb(189 189 189 / var(--tw-text-opacity));
} 

button { 
    font-family: inherit; 
    font-feature-settings: inherit; 
    font-variation-settings: inherit; 
    font-size: 100%; 
    font-weight: inherit; 
    line-height: inherit; 
    letter-spacing: inherit; 
    color: inherit; 
    margin: 0; 
    padding: 0;
} 


.gap-\[2px\] { 
    gap: 2px;
} 

.border-\[\#008be2\] { 
    --tw-border-opacity: 1; 
    border-color: rgb(0 139 226 / var(--tw-border-opacity));
	
} 

.pb-\[1px\] { 
    padding-bottom: 1px;
} 

.font-semibold { 
    font-weight: 600;
} 

.text-\[\#008be2\] { 
    --tw-text-opacity: 1; 
    color: rgb(0 139 226 / var(--tw-text-opacity));
} 

.hover\:border-transparent:hover { 
    border-color: transparent;
} 

.absolute { 
    position: absolute;
} 

.h-\[29px\] { 
    height: 29px;
} 

.w-\[500px\] { 
    width: 500px;
} 

.-rotate-90 { 
    --tw-rotate: -90deg; 
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
} 

.flex-col { 
    flex-direction: column;
} 

.justify-center { 
    justify-content: center;
} 

.gap-1 { 
    gap: .25rem;
} 

.center-y { 
    top: 50%; 
    --tw-translate-y: -50%; 
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
} 

.center-x { 
    left: 50%; 
    --tw-translate-x: -50%; 
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
} 

@media (min-width: 720px) {  
.\@\[700px\]\:static { 
    position: static;
} 
}

@media (min-width: 720px) {  
.\@\[700px\]\:h-full { 
    height: 100%;
} 
}

@media (min-width: 720px) {  
.\@\[700px\]\:w-full { 
    width: 100%;
} 
}

@media (min-width: 720px) {  
.\@\[700px\]\:translate-x-0 { 
    --tw-translate-x: 0px; 
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
} 

.\@\[700px\]\:translate-y-0 { 
    --tw-translate-y: 0px; 
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
} 
}

@media (min-width: 720px) {  
.rotate-0 { 
    --tw-rotate: 0deg; 
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
} 
}

 
@media (min-width: 720px) {  
.\@\[700px\]\:p-\[14px\] { 
    padding: 14px;
} 
}

@media (min-width: 720px) {  
.\@\[700px\]\:flex { 
    display: flex;
} 
}

@media (min-width: 720px) {  
.\@\[700px\]\:flex-col { 
    flex-direction: column;
} 
}

@media (min-width: 720px) {  
.code{
	width:100%;
}
}

.code{
	padding: 12px 12px;	
}

.py-2 { 
    padding-top: .5rem; 
    padding-bottom: .5rem;
} 
@media (min-width: 720px) {  
.\@\[700px\]\:mx-4 { 
    margin-left: 1rem; 
    margin-right: 1rem;
} 
}

@media (min-width: 720px) {  
.\@\[700px\]\:mt-0 { 
    margin-top: 0;
} 
}

@media (min-width: 720px) {  
.\@\[700px\]\:justify-center { 
    justify-content: center;
} 
}

@media (min-width: 720px) {  
.\@\[700px\]\:border-x { 
    border-left-width: 1px; 
    border-right-width: 1px;
} 
}

@media (min-width: 720px) {  
.\@\[700px\]\:border-y-0 { 
    border-top-width: 0px; 
    border-bottom-width: 0px;
} 
}

@media (min-width: 720px) {  
.\@\[700px\]\:px-4 { 
    padding-left: 1rem; 
    padding-right: 1rem;
} 
}

@media (min-width: 720px) {  
.\@\[700px\]\:py-0 { 
    padding-top: 0; 
    padding-bottom: 0;
} 
}

.gap-4 { 
    gap: 1rem;
} 

@media (min-width: 720px) {  
.\@\[480px\]\:flex { 
    display: flex;
} 

.\@\[480px\]\:flex-row { 
    //flex-direction: row;
} 

.\@\[480px\]\:items-center { 
    align-items: center;
} 

.\@\[480px\]\:justify-end { 
    justify-content: flex-end;
} 

.\@\[700px\]\:items-stretch { 
    align-items: stretch;
} 
}

.gap-x-4 { 
    column-gap: 1rem;
} 

.rounded-lg { 
    border-radius: .5rem;
} 

.px-1 { 
    padding-left: .25rem; 
    padding-right: .25rem;
} 

.py-0 { 
    padding-top: 0; 
    padding-bottom: 0;
} 

.text-\[10px\] { 
    font-size: 10px;
} 

.leading-\[16px\] { 
    line-height: 16px;
} 


.h-\[10px\] { 
    height: 10px;
} 

.w-\[10px\] { 
    width: 10px;
} 




@media (min-width: 720px) {  
.\@\[700px\]\:h-auto { 
    height: auto;
} 



.w-full { 
    width: 100%;
} 


}

.hidden { 
    display: none;
} 

@media (min-width: 720px) {  
.\@\[700px\]\:block { 
    display: block;
} 
}

.justify-between { 
    justify-content: space-between;
} 

@media (min-width: 720px) {  
.\@\[700px\]\:contents { 
    display: contents;
} 
}

.mt-2 { 
    margin-top: .5rem;
} 

.text-\[21px\]\/\[24px\] { 
    font-size: 21px; 
    line-height: 24px;
} 

.font-bold { 
    font-weight: 700;
} 

.text-\[\#222\] { 
    --tw-text-opacity: 1; 
    color: rgb(34 34 34 / var(--tw-text-opacity));
} 

@media (min-width: 720px) {  
.\@\[700px\]\:my-auto { 
    margin-top: auto; 
    margin-bottom: auto;
} 
}

.text-sm { 
    font-size: .875rem; 
    line-height: 1.25rem;
} 

.text-\[\#555\] { 
    --tw-text-opacity: 1; 
    color: rgb(85 85 85 / var(--tw-text-opacity));
} 

.gap-2 { 
    gap: .5rem;
} 



@media (min-width: 720px) {  
.\@\[480px\]\:mr-auto { 
    margin-right: auto;
} 

.\@\[480px\]\:mt-0 { 
    margin-top: 0;
} 

.\@\[480px\]\:border-b-0 { 
    border-bottom-width: 0px;
} 

.\@\[480px\]\:pb-0 { 
    padding-bottom: 0;
} 

.\@\[700px\]\:mr-0 { 
    margin-right: 0;
} 
}

.justify-end { 
    justify-content: center;
} 

@media (min-width: 720px) {  
.\@\[480px\]\:contents { 
    display: contents;
} 
}

.h-4 { 
    height: 1rem;
} 

.w-4 { 
    width: 1rem;
} 



@media (min-width: 720px) {  
.\@\[700px\]\:mb-3 { 
    margin-bottom: .75rem;
} 

.\@\[700px\]\:hidden { 
    display: none;
} 
}

.shrink-0 { 
    flex-shrink: 0;
} 

.ml-auto { 
    margin-left: auto;
} 

.text-\[16px\]\/\[20px\] { 
    font-size: 16px; 
    line-height: 20px;
} 

.text-center { 
    text-align: center;
} 

.text-\[14px\]\/\[17px\] { 
    font-size: 14px; 
    line-height: 17px;
} 

.underline { 
    text-decoration-line: underline;
} 

.underline-offset-2 { 
    text-underline-offset: 2px;
} 

.\@\[700px\]\:order-1 { 
    order: 1;
} 

.hover\:no-underline:hover { 
    text-decoration-line: none;
} 

.min-w-\[146px\] { 
    min-width: 146px;
} 

.select-none { 
    -webkit-user-select: none; 
    user-select: none;
} 

.whitespace-nowrap { 
    white-space: nowrap;
} 


.p-\[10px\] { 
    padding: 10px;
} 

.tracking-tight { 
    letter-spacing: -.025em;
} 


.\!no-underline { 
    text-decoration-line: none!important;
} 

@media (min-width: 720px) {  
.\@\[700px\]\:min-w-0 { 
    min-width: 0px;
} 
}


.hover\:\!no-underline:hover { 
    text-decoration-line: none!important;
} 

svg { 
    display: block; 
    vertical-align: middle;
} 

.h-auto { 
    height: auto;
} 

.mt-0\.5 { 
    margin-top: .125rem;
} 

.leading-none { 
    line-height: 1;
} 

.text-\[\#feb83c\] { 
    --tw-text-opacity: 1; 
    color: rgb(254 184 60 / var(--tw-text-opacity));
} 

.items-start { 
    align-items: flex-start;
} 

@media (min-width: 720px) {  
.\@\[700px\]\:justify-start { 
    justify-content: flex-start;
} 
}

.border-dashed { 
    border-style: dashed;
} 

.border-\[\#feb83c\] { 
    --tw-border-opacity: 1; 
    border-color: rgb(254 184 60 / var(--tw-border-opacity));
	background-color: white;
	border: 2px dashed rgb(254 184 60 / var(--tw-border-opacity));
} 

/*
.px-3 { 
    padding-left: .75rem; 
    padding-right: .75rem;
} */

/*.py-1 { 
    padding-top: .25rem; 
    padding-bottom: .25rem;
} */

.gap-\[0px\] { 
    gap: 0px;
} 

@media (min-width: 720px) {  
.\@\[700px\]\:gap-\[2px\] { 
    gap: 2px;
} 
}

.text-\[14px\]\/\[15px\] { 
    font-size: 14px; 
    line-height: 15px;
} 

.tracking-\[0\.26px\] { 
    letter-spacing: .26px;
} 

.after\:font-normal:after { 
    content: var(--tw-content); 
    font-weight: 400;
} 

.vc_color-warning.vc_message_box .vc_message_box-icon {
    color: #fcb53f;
}

.vc_message_box-icon {
    bottom: 0;
    font-size: 1em;
    font-style: normal;
    left: 0;
    position: absolute;
    top: 0;
    width: 4em;
}

.vc_color-info.vc_message_box {
    background-color: #dff2fe;
    border-color: #cfebfe;
    color: #5e7f96;
}
.vc_do_message {
    padding-top: 1em;
    padding-bottom: 1em;
    padding-right: 1em;
    padding-left: 4em;
    margin-bottom: 22px;
}

.vc_message_box-rounded {
    border-radius: 5px;
}

.vc_message_box {
    border: 1px solid #0000;
    box-sizing: border-box;
    display: block;
    font-size: 1em;    
    overflow: hidden;
    padding: 1em 1em 1em 4em;
    position: relative;
}

.vc_message_box p{
	    margin: 0px;
}


.vc_message_box-icon>*, .vc_message_box-icon>.fa {
    font-size: 1.7em;
    line-height: 1;
}
.fa-solid, .fas {
    font-weight: 900;
}
.fa-circle-info, .fa-info-circle {
    --fa: "\f05a";
}
.fa-classic, .fa-regular, .fa-solid, .far, .fas {
    font-family: "Font Awesome 6 Free";
}
.fa, .fa-brands, .fa-regular, .fa-solid, .fab, .far, .fas {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: var(--fa-display, inline-block);
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto;
}
.fa {
    font-family: var(--fa-style-family, "Font Awesome 6 Free");
    font-weight: var(--fa-style, 900);
}
.vc_message_box-icon>* {
    font-style: normal;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
}


.vc_color-warning.vc_message_box {
    background-color: #fff4e2;
    border-color: #ffeccc;
    color: #9d8967;
}

.vc_do_message {
    padding-top: 1em;
    padding-bottom: 1em;
    padding-right: 1em;
    padding-left: 4em;
    margin-bottom: 22px;
}




table.vipg_tab>thead>tr, table.vipg_tab>thead>tr>td {
    background-color: #005d77 !important;
    color: #fff;
    font-weight: 700;
	background-image: linear-gradient(180deg, var(--grad1) 0%, var(--grad2) 100%);
    text-shadow: 1px 1px 1px black;
}

table.vipg_tab tr:nth-of-type(2n+1) td {
    background-color: #eee;
}
table.vipg_tab td {
    padding: 8px;
}
table.vipg_tab {
    border-collapse: collapse;
    width: 100%;

    margin: 0 0 30px;
    width: 100% !important;
    height: auto !important;
    background-color: #f5f5f5;
}









.after\:content-\[\"\/5\"\]:after { 
    --tw-content: "/5"; 
    content: var(--tw-content);
} 

.text-\[\#000\] { 
    --tw-text-opacity: 1; 
    color: rgb(0 0 0 / var(--tw-text-opacity));
} 

.h-3 { 
    height: .75rem;
} 

.w-3 { 
    width: .75rem;
} 


/* These were inline style tags. Uses id+class to override almost everything */
#style-qPqVt.style-qPqVt {  
   z-index: 999;  
}  
#style-rTvo7.style-rTvo7 {  
   background-color: rgb(211, 48, 38);  
}  






@-webkit-keyframes Animation {
    0%{background-position:10% 0%}
    50%{background-position:71% 100%}
    100%{background-position:100% 100%}
}
@-moz-keyframes Animation {
    0%{background-position:10% 0%}
    50%{background-position:71% 100%}
    100%{background-position:100% 100%}
}
@keyframes Animation { 
    0%{background-position:10% 0%}
    50%{background-position:71% 100%}
    100%{background-position:100% 100%}
}

@-webkit-keyframes Animation2 {
    	0%{background-position:100% 100%}
	50%{background-position:91% 100%}
    100%{background-position:10% 0%}
}
@-moz-keyframes Animation2 {
    	0%{background-position:100% 100%}
	50%{background-position:91% 100%}
    100%{background-position:10% 0%}
}
@keyframes Animation2 { 
	0%{background-position:100% 100%}
	50%{background-position:91% 100%}
    100%{background-position:10% 0%}
    
    
}

.gradient
{
    
    border:2px solid #999;
    font-size:30px;
    background: linear-gradient(130deg, rgb(135 152 159),rgb(135 152 159), rgb(219 243 255), rgb(255 158 57), rgb(255 158 57));
    background-size: 400% 400%;

    -webkit-animation: Animation2 0.5s forwards;
    -moz-animation: Animation2 0.5s forwards;
    animation: Animation2 0.5s forwards;
}
.gradient:hover
{
	-webkit-animation: Animation 1s ease forwards;
    -moz-animation: Animation 1s ease forwards;
    animation: Animation 1s ease forwards;
}

.signup:hover{
	color:black;
	
	-webkit-animation: Animation 1s ease forwards;
    -moz-animation: Animation 1s ease forwards;
    animation: Animation 1s ease forwards;
}
	
.signup{
	color:black;
	font-size:1.2em !important;
	
	 border:2px solid #999;
    font-size:30px;
    background: linear-gradient(130deg, rgb(135 152 159), rgb(219 243 255), rgb(255 158 57), rgb(255 158 57));
    background-size: 400% 400%;

    -webkit-animation: Animation2 0.5s forwards;
    -moz-animation: Animation2 0.5s forwards;
    animation: Animation2 0.5s forwards;
}

.picto{
	max-height:30px;
	border-radius: 4px;
}


</style>