.elementor-1511 .elementor-element.elementor-element-7229682{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:100px;--padding-bottom:100px;--padding-left:100px;--padding-right:100px;}.elementor-1511 .elementor-element.elementor-element-ed1a9ec{--display:flex;--justify-content:center;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--border-radius:10px 10px 10px 10px;--padding-top:20px;--padding-bottom:20px;--padding-left:30px;--padding-right:30px;}.elementor-1511 .elementor-element.elementor-element-ed1a9ec:not(.elementor-motion-effects-element-type-background), .elementor-1511 .elementor-element.elementor-element-ed1a9ec > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-1511 .elementor-element.elementor-element-ed1a9ec.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1511 .elementor-element.elementor-element-691b027{text-align:center;}.elementor-1511 .elementor-element.elementor-element-691b027 .elementor-heading-title{font-family:"Audiowide", Sans-serif;font-size:2rem;font-weight:500;color:#FFFFFF;}.elementor-1511 .elementor-element.elementor-element-1bb22d3{--divider-border-style:solid;--divider-color:var( --e-global-color-ce98480 );--divider-border-width:4px;}.elementor-1511 .elementor-element.elementor-element-1bb22d3 > .elementor-widget-container{border-radius:100px 100px 100px 100px;}.elementor-1511 .elementor-element.elementor-element-1bb22d3 .elementor-divider-separator{width:11%;margin:0 auto;margin-center:0;}.elementor-1511 .elementor-element.elementor-element-1bb22d3 .elementor-divider{text-align:center;padding-block-start:2px;padding-block-end:2px;}.elementor-1511 .elementor-element.elementor-element-3b669aa{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-1511 .elementor-element.elementor-element-f4da1cb{--display:flex;}.elementor-1511 .elementor-element.elementor-element-9ed9662{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1511 .elementor-element.elementor-element-e30d3d4{--display:flex;}.elementor-1511 .elementor-element.elementor-element-20c945f{--display:flex;}.elementor-1511 .elementor-element.elementor-element-d30f037{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1511 .elementor-element.elementor-element-564c653{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;}.elementor-1511 .elementor-element.elementor-element-b5997a9{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-1511 .elementor-element.elementor-element-8cc7137{--display:flex;}.elementor-1511 .elementor-element.elementor-element-c7c983e{--display:flex;}.elementor-1511 .elementor-element.elementor-element-92a42e3{--display:flex;}.elementor-1511 .elementor-element.elementor-element-b90f781{--display:flex;--justify-content:center;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--border-radius:10px 10px 10px 10px;--padding-top:20px;--padding-bottom:20px;--padding-left:30px;--padding-right:30px;}.elementor-1511 .elementor-element.elementor-element-b90f781:not(.elementor-motion-effects-element-type-background), .elementor-1511 .elementor-element.elementor-element-b90f781 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-1511 .elementor-element.elementor-element-b90f781.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1511 .elementor-element.elementor-element-51302ee{text-align:left;}.elementor-1511 .elementor-element.elementor-element-51302ee .elementor-heading-title{font-family:"Audiowide", Sans-serif;font-size:2rem;font-weight:500;color:#FFFFFF;}.elementor-1511 .elementor-element.elementor-element-2575b39{--divider-border-style:solid;--divider-color:var( --e-global-color-ce98480 );--divider-border-width:4px;}.elementor-1511 .elementor-element.elementor-element-2575b39 > .elementor-widget-container{border-radius:100px 100px 100px 100px;}.elementor-1511 .elementor-element.elementor-element-2575b39 .elementor-divider-separator{width:11%;}.elementor-1511 .elementor-element.elementor-element-2575b39 .elementor-divider{padding-block-start:2px;padding-block-end:2px;}.elementor-1511 .elementor-element.elementor-element-4303746 > .elementor-widget-container{margin:20px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1511 .elementor-element.elementor-element-4303746{text-align:left;font-family:"Source Serif Pro", Sans-serif;font-size:16px;font-weight:500;color:#E4E4E4;}.elementor-1511 .elementor-element.elementor-element-97041db{--display:flex;--justify-content:center;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--border-radius:10px 10px 10px 10px;--padding-top:20px;--padding-bottom:20px;--padding-left:30px;--padding-right:30px;}.elementor-1511 .elementor-element.elementor-element-97041db:not(.elementor-motion-effects-element-type-background), .elementor-1511 .elementor-element.elementor-element-97041db > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-1511 .elementor-element.elementor-element-97041db.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1511 .elementor-element.elementor-element-ced436a{text-align:left;}.elementor-1511 .elementor-element.elementor-element-ced436a .elementor-heading-title{font-family:"Audiowide", Sans-serif;font-size:1.8rem;font-weight:500;color:#FFFFFF;}.elementor-1511 .elementor-element.elementor-element-514cbe1{--divider-border-style:solid;--divider-color:var( --e-global-color-ce98480 );--divider-border-width:4px;}.elementor-1511 .elementor-element.elementor-element-514cbe1 > .elementor-widget-container{border-radius:100px 100px 100px 100px;}.elementor-1511 .elementor-element.elementor-element-514cbe1 .elementor-divider-separator{width:11%;}.elementor-1511 .elementor-element.elementor-element-514cbe1 .elementor-divider{padding-block-start:2px;padding-block-end:2px;}.elementor-1511 .elementor-element.elementor-element-77a1e5d > .elementor-widget-container{margin:20px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1511 .elementor-element.elementor-element-77a1e5d{text-align:left;font-family:"Source Serif Pro", Sans-serif;font-size:16px;font-weight:500;color:#E4E4E4;}.elementor-1511 .elementor-element.elementor-element-a1888e2{--display:flex;--justify-content:center;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--border-radius:10px 10px 10px 10px;--padding-top:40px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-1511 .elementor-element.elementor-element-a1888e2:not(.elementor-motion-effects-element-type-background), .elementor-1511 .elementor-element.elementor-element-a1888e2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-1511 .elementor-element.elementor-element-a1888e2.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1511 .elementor-element.elementor-element-d62643b > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1511 .elementor-element.elementor-element-d62643b{text-align:left;}.elementor-1511 .elementor-element.elementor-element-d62643b .elementor-heading-title{font-family:"Audiowide", Sans-serif;font-size:2rem;font-weight:500;color:#FFFFFF;}.elementor-1511 .elementor-element.elementor-element-d068634{--divider-border-style:solid;--divider-color:#DF0000;--divider-border-width:3.8px;}.elementor-1511 .elementor-element.elementor-element-d068634 > .elementor-widget-container{margin:11px 0px 0px 0px;border-radius:100px 100px 100px 100px;}.elementor-1511 .elementor-element.elementor-element-d068634 .elementor-divider-separator{width:11%;margin:0 auto;margin-left:0;}.elementor-1511 .elementor-element.elementor-element-d068634 .elementor-divider{text-align:left;padding-block-start:2px;padding-block-end:2px;}.elementor-1511 .elementor-element.elementor-element-1cd14a3{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(3, 1fr);--grid-auto-flow:row;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1511 .elementor-element.elementor-element-a9206e0{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;}.elementor-1511 .elementor-element.elementor-element-ab0d929{--display:flex;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:15px 15px 15px 15px;--padding-top:40px;--padding-bottom:20px;--padding-left:40px;--padding-right:40px;}.elementor-1511 .elementor-element.elementor-element-ab0d929:hover{border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#FFFFFF29;--border-color:#FFFFFF29;--border-radius:15px 15px 15px 15px;--border-top-left-radius:15px;--border-top-right-radius:15px;--border-bottom-right-radius:15px;--border-bottom-left-radius:15px;}.elementor-1511 .elementor-element.elementor-element-ab0d929, .elementor-1511 .elementor-element.elementor-element-ab0d929::before{--border-transition:0.3s;}.elementor-1511 .elementor-element.elementor-element-e35506e{width:100%;max-width:100%;text-align:left;}.elementor-1511 .elementor-element.elementor-element-e35506e > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1511 .elementor-element.elementor-element-e35506e.elementor-element{--align-self:center;}.elementor-1511 .elementor-element.elementor-element-e35506e .elementor-heading-title{font-family:"Audiowide", Sans-serif;font-size:1.8rem;font-weight:500;color:var( --e-global-color-ce98480 );}.elementor-1511 .elementor-element.elementor-element-9083a55 > .elementor-widget-container{margin:10px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1511 .elementor-element.elementor-element-9083a55{text-align:left;font-family:"Source Serif Pro", Sans-serif;font-size:13px;font-weight:500;color:#FFFFFF;}.elementor-1511 .elementor-element.elementor-element-d788b74{text-align:right;}.elementor-1511 .elementor-element.elementor-element-d788b74 img{width:5%;}.elementor-1511 .elementor-element.elementor-element-2b1ca0b{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;}.elementor-1511 .elementor-element.elementor-element-5d00bf9{--display:flex;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:15px 15px 15px 15px;--padding-top:40px;--padding-bottom:20px;--padding-left:40px;--padding-right:40px;}.elementor-1511 .elementor-element.elementor-element-5d00bf9:hover{border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#FFFFFF29;--border-color:#FFFFFF29;--border-radius:15px 15px 15px 15px;--border-top-left-radius:15px;--border-top-right-radius:15px;--border-bottom-right-radius:15px;--border-bottom-left-radius:15px;}.elementor-1511 .elementor-element.elementor-element-5d00bf9, .elementor-1511 .elementor-element.elementor-element-5d00bf9::before{--border-transition:0.3s;}.elementor-1511 .elementor-element.elementor-element-11a4290{width:100%;max-width:100%;text-align:left;}.elementor-1511 .elementor-element.elementor-element-11a4290 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1511 .elementor-element.elementor-element-11a4290.elementor-element{--align-self:center;}.elementor-1511 .elementor-element.elementor-element-11a4290 .elementor-heading-title{font-family:"Audiowide", Sans-serif;font-size:1.8rem;font-weight:500;color:var( --e-global-color-ce98480 );}.elementor-1511 .elementor-element.elementor-element-3c762ee > .elementor-widget-container{margin:10px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1511 .elementor-element.elementor-element-3c762ee{text-align:left;font-family:"Source Serif Pro", Sans-serif;font-size:13px;font-weight:500;color:#FFFFFF;}.elementor-1511 .elementor-element.elementor-element-e1c3e79{text-align:right;}.elementor-1511 .elementor-element.elementor-element-e1c3e79 img{width:5%;}.elementor-1511 .elementor-element.elementor-element-e47be0a{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;}.elementor-1511 .elementor-element.elementor-element-0c14ef7{--display:flex;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:15px 15px 15px 15px;--padding-top:40px;--padding-bottom:20px;--padding-left:40px;--padding-right:40px;}.elementor-1511 .elementor-element.elementor-element-0c14ef7:hover{border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#FFFFFF29;--border-color:#FFFFFF29;--border-radius:15px 15px 15px 15px;--border-top-left-radius:15px;--border-top-right-radius:15px;--border-bottom-right-radius:15px;--border-bottom-left-radius:15px;}.elementor-1511 .elementor-element.elementor-element-0c14ef7, .elementor-1511 .elementor-element.elementor-element-0c14ef7::before{--border-transition:0.3s;}.elementor-1511 .elementor-element.elementor-element-018f97d{width:100%;max-width:100%;text-align:left;}.elementor-1511 .elementor-element.elementor-element-018f97d > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1511 .elementor-element.elementor-element-018f97d.elementor-element{--align-self:center;}.elementor-1511 .elementor-element.elementor-element-018f97d .elementor-heading-title{font-family:"Audiowide", Sans-serif;font-size:1.8rem;font-weight:500;color:var( --e-global-color-ce98480 );}.elementor-1511 .elementor-element.elementor-element-e3dabbd > .elementor-widget-container{margin:10px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1511 .elementor-element.elementor-element-e3dabbd{text-align:left;font-family:"Source Serif Pro", Sans-serif;font-size:13px;font-weight:500;color:#FFFFFF;}.elementor-1511 .elementor-element.elementor-element-b25864a > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1511 .elementor-element.elementor-element-b25864a{text-align:right;}.elementor-1511 .elementor-element.elementor-element-b25864a img{width:5%;}.elementor-1511 .elementor-element.elementor-element-a264e9d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;}.elementor-1511 .elementor-element.elementor-element-d8d8690{--display:flex;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:15px 15px 15px 15px;--padding-top:40px;--padding-bottom:20px;--padding-left:40px;--padding-right:40px;}.elementor-1511 .elementor-element.elementor-element-d8d8690:hover{border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#FFFFFF29;--border-color:#FFFFFF29;--border-radius:15px 15px 15px 15px;--border-top-left-radius:15px;--border-top-right-radius:15px;--border-bottom-right-radius:15px;--border-bottom-left-radius:15px;}.elementor-1511 .elementor-element.elementor-element-d8d8690, .elementor-1511 .elementor-element.elementor-element-d8d8690::before{--border-transition:0.3s;}.elementor-1511 .elementor-element.elementor-element-4acb5a6{width:100%;max-width:100%;text-align:left;}.elementor-1511 .elementor-element.elementor-element-4acb5a6 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1511 .elementor-element.elementor-element-4acb5a6.elementor-element{--align-self:center;}.elementor-1511 .elementor-element.elementor-element-4acb5a6 .elementor-heading-title{font-family:"Audiowide", Sans-serif;font-size:1.8rem;font-weight:500;color:var( --e-global-color-ce98480 );}.elementor-1511 .elementor-element.elementor-element-78c2e7d > .elementor-widget-container{margin:10px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1511 .elementor-element.elementor-element-78c2e7d{text-align:left;font-family:"Source Serif Pro", Sans-serif;font-size:13px;font-weight:500;color:#FFFFFF;}.elementor-1511 .elementor-element.elementor-element-6e7d70d > .elementor-widget-container{padding:30px 0px 0px 0px;}.elementor-1511 .elementor-element.elementor-element-6e7d70d{text-align:left;}.elementor-1511 .elementor-element.elementor-element-6e7d70d img{width:5%;}.elementor-1511 .elementor-element.elementor-element-6cb799c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;}.elementor-1511 .elementor-element.elementor-element-1b77fbc{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:15px 15px 15px 15px;--padding-top:40px;--padding-bottom:20px;--padding-left:40px;--padding-right:40px;}.elementor-1511 .elementor-element.elementor-element-1b77fbc:hover{border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#FFFFFF29;--border-color:#FFFFFF29;--border-radius:15px 15px 15px 15px;--border-top-left-radius:15px;--border-top-right-radius:15px;--border-bottom-right-radius:15px;--border-bottom-left-radius:15px;}.elementor-1511 .elementor-element.elementor-element-1b77fbc, .elementor-1511 .elementor-element.elementor-element-1b77fbc::before{--border-transition:0.3s;}.elementor-1511 .elementor-element.elementor-element-5842b86{width:100%;max-width:100%;text-align:left;}.elementor-1511 .elementor-element.elementor-element-5842b86 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1511 .elementor-element.elementor-element-5842b86.elementor-element{--align-self:center;}.elementor-1511 .elementor-element.elementor-element-5842b86 .elementor-heading-title{font-family:"Audiowide", Sans-serif;font-size:1.8rem;font-weight:500;color:var( --e-global-color-ce98480 );}.elementor-1511 .elementor-element.elementor-element-258a377 > .elementor-widget-container{margin:10px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1511 .elementor-element.elementor-element-258a377{text-align:left;font-family:"Source Serif Pro", Sans-serif;font-size:13px;font-weight:500;color:#FFFFFF;}body.elementor-page-1511:not(.elementor-motion-effects-element-type-background), body.elementor-page-1511 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-493d786 );}@media(min-width:768px){.elementor-1511 .elementor-element.elementor-element-ed1a9ec{--width:100%;}.elementor-1511 .elementor-element.elementor-element-b90f781{--width:100%;}.elementor-1511 .elementor-element.elementor-element-97041db{--width:100%;}.elementor-1511 .elementor-element.elementor-element-a1888e2{--width:100%;}.elementor-1511 .elementor-element.elementor-element-ab0d929{--width:59%;}.elementor-1511 .elementor-element.elementor-element-5d00bf9{--width:59%;}.elementor-1511 .elementor-element.elementor-element-0c14ef7{--width:59%;}.elementor-1511 .elementor-element.elementor-element-d8d8690{--width:59%;}.elementor-1511 .elementor-element.elementor-element-1b77fbc{--width:59%;}}@media(max-width:1024px) and (min-width:768px){.elementor-1511 .elementor-element.elementor-element-ed1a9ec{--width:100%;}.elementor-1511 .elementor-element.elementor-element-b90f781{--width:100%;}.elementor-1511 .elementor-element.elementor-element-97041db{--width:100%;}.elementor-1511 .elementor-element.elementor-element-a1888e2{--width:100%;}}@media(max-width:1366px){.elementor-1511 .elementor-element.elementor-element-7229682{--padding-top:100px;--padding-bottom:100px;--padding-left:20px;--padding-right:20px;}.elementor-1511 .elementor-element.elementor-element-3b669aa{--grid-auto-flow:row;}.elementor-1511 .elementor-element.elementor-element-b5997a9{--grid-auto-flow:row;}.elementor-1511 .elementor-element.elementor-element-1cd14a3{--grid-auto-flow:row;}}@media(max-width:1024px){.elementor-1511 .elementor-element.elementor-element-7229682{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-1511 .elementor-element.elementor-element-3b669aa{--grid-auto-flow:row;}.elementor-1511 .elementor-element.elementor-element-b5997a9{--grid-auto-flow:row;}.elementor-1511 .elementor-element.elementor-element-1cd14a3{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-1511 .elementor-element.elementor-element-ed1a9ec{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1511 .elementor-element.elementor-element-691b027 .elementor-heading-title{font-size:25px;}.elementor-1511 .elementor-element.elementor-element-3b669aa{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-1511 .elementor-element.elementor-element-b5997a9{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1511 .elementor-element.elementor-element-51302ee .elementor-heading-title{font-size:25px;}.elementor-1511 .elementor-element.elementor-element-ced436a .elementor-heading-title{font-size:25px;}.elementor-1511 .elementor-element.elementor-element-d62643b .elementor-heading-title{font-size:25px;}.elementor-1511 .elementor-element.elementor-element-1cd14a3{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-1511 .elementor-element.elementor-element-a9206e0{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1511 .elementor-element.elementor-element-ab0d929{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1511 .elementor-element.elementor-element-e35506e .elementor-heading-title{font-size:25px;}.elementor-1511 .elementor-element.elementor-element-d788b74{text-align:center;}.elementor-1511 .elementor-element.elementor-element-d788b74 img{width:10%;}.elementor-1511 .elementor-element.elementor-element-5d00bf9{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1511 .elementor-element.elementor-element-11a4290 .elementor-heading-title{font-size:23px;}.elementor-1511 .elementor-element.elementor-element-e1c3e79{text-align:center;}.elementor-1511 .elementor-element.elementor-element-e1c3e79 img{width:10%;}.elementor-1511 .elementor-element.elementor-element-0c14ef7{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1511 .elementor-element.elementor-element-018f97d .elementor-heading-title{font-size:25px;}.elementor-1511 .elementor-element.elementor-element-b25864a{text-align:center;}.elementor-1511 .elementor-element.elementor-element-b25864a img{width:10%;}.elementor-1511 .elementor-element.elementor-element-d8d8690{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1511 .elementor-element.elementor-element-4acb5a6 .elementor-heading-title{font-size:25px;}.elementor-1511 .elementor-element.elementor-element-6e7d70d{text-align:center;}.elementor-1511 .elementor-element.elementor-element-6e7d70d img{width:10%;}.elementor-1511 .elementor-element.elementor-element-1b77fbc{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1511 .elementor-element.elementor-element-5842b86 .elementor-heading-title{font-size:25px;}}/* Start custom CSS for container, class: .elementor-element-e30d3d4 */.red1 { background: red; background-image: radial-gradient(brown,transparent); background-size: 5px 5px; border-radius: 50%; top: 20px; animation: red 3s infinite; border: 2px dotted red; box-shadow: inset 0 0 20px #111,0 0 10px red } .red1 { width: 50px; height: 50px; /*left: 35px*/ } @keyframes red { 0% { opacity: 1 } 20% { opacity: 1 } 40% { opacity: 1 } 60% { opacity: .1 } 80% { opacity: .1 } to { opacity: .1 } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-20c945f */.yellow1 { background: #ff0; background-image: radial-gradient(orange,transparent); background-size: 5px 5px; border-radius: 50%; border: 2px dotted #ff0; top: 20px; animation: yellow 3s infinite; box-shadow: inset 0 0 20px #111,0 0 10px #ff0 } .yellow1 { width: 50px; height: 50px; /*left: 35px*/ } @keyframes yellow { 0% { opacity: .1 } 20% { opacity: .1 } 40% { opacity: 1 } 50% { opacity: .1 } 60% { opacity: .1 } 80% { opacity: .1 } 86% { opacity: 1 } to { opacity: 1 } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d30f037 */.green1 { background: green; background-image: radial-gradient(lime,transparent); background-size: 5px 5px; width: 50px; height: 50px; border-radius: 50%; border: 2px dotted lime; top: 20px; /*left: 35px;*/ box-shadow: inset 0 0 20px #111,0 0 10px lime; animation: green 3s infinite } .green1 { width: 50px; height: 50px; /*left: 35px*/ } @keyframes green { 0% { opacity: .1 } 40% { opacity: .1 } 60% { opacity: 1 } 80% { opacity: 1 } 83% { opacity: .1 } to { opacity: .1 } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8cc7137 */.ribbon { margin: 0 auto } .ribbon [class*=ribbon-] { margin: 74px auto 0; transform-origin: 50% 50%; transform: rotate(-8.5deg); position: relative; z-index: 4; width: 150px; height: 26px } .ribbon [class*=ribbon-] .inner { background: #e00000; color: #fff; text-transform: uppercase; text-align: center; display: block; width: 0; height: 100%; font-size: .5em; text-shadow: 3px 3px 1px #001b47; position: relative; z-index: 2; transform: skewX(-9deg); transition: width .12s ease-in-out } .ribbon [class*=ribbon-]:before { content: ""; transform-origin: 0 0; transform: rotate(-17.25deg) skewX(-9deg) translateX(158px); display: block; width: 0; height: 100%; position: absolute; top: 0; left: 4px; background: #c90000; z-index: -1; transition: all .12s ease-in-out .7s } .ribbon .ribbon-1 .inner { letter-spacing: 2px; font-weight: 700 } .ribbon.active .inner { width: 100% } .ribbon.active .ribbon-1 .inner { transition-delay: .82s } .ribbon.active .ribbon-1:before { width: 90px; transform: rotate(-17.25deg) skewX(-9deg) translateX(0) } .ribbon .ribbon-2 { z-index: 3; font-size: 35px; width: 200px; height: 50px; margin-top: 22px } .ribbon .ribbon-2 .inner:after,.ribbon .ribbon-2 .inner:before { content: ""; position: absolute; top: 14px; left: 14px; right: 14px; bottom: 14px; transition: opacity .3s ease-in-out 1.86s } .ribbon .ribbon-2 .inner:before { transform-origin: 50% 50%; transform: rotate(180deg) } .ribbon .ribbon-2:before { width: 0; left: 11px; transform: rotate(-10.25deg) skewX(-9deg) translateX(451px); height: 27px; transition-delay: .94s } .ribbon.active .ribbon-2 .inner { transition-delay: 1.06s; padding: 11px 0 } .ribbon.active .ribbon-2 .inner:after,.ribbon.active .ribbon-2 .inner:before { opacity: 1 } .ribbon.active .ribbon-2:before { width: 175px; transform: rotate(-15.5deg) skewX(-9deg) translateX(0) } .ribbon .ribbon-3 { z-index: 2; font-size: 15px; width: 126px; height: 26px; margin-top: 24px } .ribbon .ribbon-3 .inner { color: #fff } .ribbon.active .ribbon-3 .inner { transition-delay: 1.3s } .ribbon.active .ribbon-3:before { width: 170px; transform: rotate(-18.25deg) skewX(-9deg) translateX(0) } .ribbon.active .ribbon-3:after { width: 56px; transform: rotate(-15.3deg) skewX(9deg) translateX(0) } .ribbon .ball { width: 80px; height: 80px; background: #000; border-radius: 45px; padding: 17px 10px 0; text-align: center; color: #e00000; border: 10px solid #c90000; margin: -87px auto 0; position: relative; left: 4; top: 60px; z-index: 1; transform-origin: 50% 50%; transform: rotate(-8.5deg) } .ribbon .ball .ball-text { font-size: 12px; line-height: 1.2; text-align: right; display: block; width: 119px } .ribbon .ball .ball-text strong { font-size: 39px; font-style: italic; display: block; margin: 0 auto } .ribbon .fadeLeft { transform: translateX(-100%) } .ribbon .fadeLeft,.ribbon .fadeRight { opacity: 0; transition: all .3s ease-in-out 1.56s; display: block } .ribbon .fadeRight { transform: translateX(100%) } .ribbon .fadeIn { opacity: 0; transition: all .3s ease-in-out 1.42s; display: block } .ribbon.active .fadeLeft,.ribbon.active .fadeRight { opacity: 1; transform: translateX(0) } .ribbon.active .fadeIn { opacity: 1 } /* ! tailwindcss v3.3.0 | MIT License | https://tailwindcss.com */ *,:after,:before { box-sizing: border-box; border: 0 solid #e5e7eb } :after,:before { --tw-content: "" } html { line-height: 1.5; -webkit-text-size-adjust: 100%; -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4; font-family: ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji; font-feature-settings: normal; font-variation-settings: normal } body { margin: 0; line-height: inherit } hr { height: 0; color: inherit; border-top-width: 1px } abbr:where([title]) { -webkit-text-decoration: underline dotted; text-decoration: underline dotted } h1,h2,h3,h4,h5,h6 { font-size: inherit; font-weight: inherit } a { text-decoration: inherit } b,strong { font-weight: bolder } code,kbd,pre,samp { font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace; font-size: 1em } small { font-size: 80% } sub,sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } sub { bottom: -.25em } sup { top: -.5em } table { text-indent: 0; border-color: inherit; border-collapse: collapse } button,input,optgroup,select,textarea { font-family: inherit; font-size: 100%; font-weight: inherit; line-height: inherit; color: inherit; margin: 0; padding: 0 } button,select { text-transform: none } [type=button],[type=reset],[type=submit],button { -webkit-appearance: button; background-color: transparent; background-image: none } :-moz-focusring { outline: auto } :-moz-ui-invalid { box-shadow: none } progress { vertical-align: baseline } ::-webkit-inner-spin-button,::-webkit-outer-spin-button { height: auto } [type=search] { -webkit-appearance: textfield; outline-offset: -2px } ::-webkit-search-decoration { -webkit-appearance: none } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit } summary { display: list-item } blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre { margin: 0 } fieldset { margin: 0 } fieldset,legend { padding: 0 } menu,ol,ul { list-style: none; margin: 0; padding: 0 } textarea { resize: vertical } input::-moz-placeholder,textarea::-moz-placeholder { opacity: 1; color: #9ca3af } input::placeholder,textarea::placeholder { opacity: 1; color: #9ca3af } [role=button],button { cursor: pointer } :disabled { cursor: default } audio,canvas,embed,iframe,img,object,svg,video { display: block; vertical-align: middle } img,video { max-width: 100%; height: auto } [hidden] { display: none } li,ol,ul { margin: revert; padding: revert; list-style: revert } h1 { font-size: 1.875rem; line-height: 2.25rem } h2 { font-size: 1.5rem; line-height: 2rem } h3 { font-size: 1.25rem } h3,h4 { line-height: 1.75rem } h4 { font-size: 1.125rem } a { --tw-text-opacity: 1; color: rgb(37 99 235/var(--tw-text-opacity)); text-decoration-line: underline } *,:after,:before { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --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-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: } ::backdrop { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --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-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: } .container { width: 100% } @media (min-width: 640px) { .container { max-width:640px } } @media (min-width: 768px) { .container { max-width:768px } } @media (min-width: 1024px) { .container { max-width:1024px } } @media (min-width: 1280px) { .container { max-width:1280px } } @media (min-width: 1536px) { .container { max-width:1536px } } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border-width: 0 } .static { position: static } .fixed { position: fixed } .absolute { position: absolute } .relative { position: relative } .inset-0 { inset: 0 } .inset-x-0 { left: 0; right: 0 } .bottom-2 { bottom: .5rem } .right-0 { right: 0 } .top-0 { top: 0 } .z-10 { z-index: 10 } .z-50 { z-index: 50 } .col-span-1 { grid-column: span 1/span 1 } .col-span-2 { grid-column: span 2/span 2 } .col-span-3 { grid-column: span 3/span 3 } .col-start-1 { grid-column-start: 1 } .col-start-2 { grid-column-start: 2 } .col-end-1 { grid-column-end: 1 } .col-end-2 { grid-column-end: 2 } .col-end-7 { grid-column-end: 7 } .-m-3 { margin: -.75rem } .m-0 { margin: 0 } .m-1 { margin: .25rem } .m-4 { margin: 1rem } .-my-2 { margin-top: -.5rem; margin-bottom: -.5rem } .mx-1 { margin-left: .25rem; margin-right: .25rem } .mx-2 { margin-left: .5rem; margin-right: .5rem } .mx-auto { margin-left: auto; margin-right: auto } .my-1 { margin-top: .25rem; margin-bottom: .25rem } .my-10 { margin-top: 2.5rem; margin-bottom: 2.5rem } .my-2 { margin-top: .5rem; margin-bottom: .5rem } .my-3 { margin-top: .75rem; margin-bottom: .75rem } .my-4 { margin-top: 1rem; margin-bottom: 1rem } .my-5 { margin-top: 1.25rem; margin-bottom: 1.25rem } .my-6 { margin-top: 1.5rem; margin-bottom: 1.5rem } .my-7 { margin-top: 1.75rem; margin-bottom: 1.75rem } .-ml-4 { margin-left: -1rem } .-mr-1 { margin-right: -.25rem } .-mr-2 { margin-right: -.5rem } .mb-1 { margin-bottom: .25rem } .mb-10 { margin-bottom: 2.5rem } .mb-14 { margin-bottom: 3.5rem } .mb-16 { margin-bottom: 4rem } .mb-2 { margin-bottom: .5rem } .mb-3 { margin-bottom: .75rem } .mb-4 { margin-bottom: 1rem } .mb-6 { margin-bottom: 1.5rem } .ml-1 { margin-left: .25rem } .ml-2 { margin-left: .5rem } .ml-3 { margin-left: .75rem } .ml-4 { margin-left: 1rem } .ml-5 { margin-left: 1.25rem } .ml-6 { margin-left: 1.5rem } .mr-0 { margin-right: 0 } .mr-1 { margin-right: .25rem } .mr-2 { margin-right: .5rem } .mr-3 { margin-right: .75rem } .mr-4 { margin-right: 1rem } .mt-1 { margin-top: .25rem } .mt-10 { margin-top: 2.5rem } .mt-2 { margin-top: .5rem } .mt-20 { margin-top: 5rem } .mt-3 { margin-top: .75rem } .mt-4 { margin-top: 1rem } .mt-5 { margin-top: 1.25rem } .mt-6 { margin-top: 1.5rem } .mt-7 { margin-top: 1.75rem } .mt-\[80px\] { margin-top: 80px } .block { display: block } .inline-block { display: inline-block } .flex { display: flex } .inline-flex { display: inline-flex } .grid { display: grid } .contents { display: contents } .hidden { display: none } .h-0 { height: 0 } .h-10 { height: 2.5rem } .h-16 { height: 4rem } .h-20 { height: 5rem } .h-24 { height: 6rem } .h-3 { height: .75rem } .h-32 { height: 8rem } .h-40 { height: 10rem } .h-48 { height: 12rem } .h-5 { height: 1.25rem } .h-6 { height: 1.5rem } .h-\[130px\] { height: 130px } .h-\[180px\] { height: 180px } .h-\[200px\] { height: 200px } .h-\[250px\] { height: 250px } .h-\[28px\] { height: 28px } .h-\[60px\] { height: 60px } .h-\[680px\] { height: 680px } .h-full { height: 100% } .max-h-28 { max-height: 7rem } .max-h-52 { max-height: 13rem } .min-h-\[202\] { min-height: 202 } .min-h-\[370px\] { min-height: 370px } .w-0 { width: 0 } .w-10 { width: 2.5rem } .w-10\/12 { width: 83.333333% } .w-20 { width: 5rem } .w-24 { width: 6rem } .w-28 { width: 7rem } .w-3 { width: .75rem } .w-32 { width: 8rem } .w-40 { width: 10rem } .w-48 { width: 12rem } .w-5 { width: 1.25rem } .w-56 { width: 14rem } .w-6 { width: 1.5rem } .w-\[341px\] { width: 341px } .w-\[365px\] { width: 365px } .w-\[60px\] { width: 60px } .w-\[70px\] { width: 70px } .w-\[95\%\] { width: 95% } .w-full { width: 100% } .w-max { width: -moz-max-content; width: max-content } .w-min { width: -moz-min-content; width: min-content } .w-screen { width: 100vw } .min-w-\[208px\] { min-width: 208px } .max-w-7xl { max-width: 80rem } .max-w-full { max-width: 100% } .max-w-max { max-width: -moz-max-content; max-width: max-content } .max-w-md { max-width: 28rem } .max-w-xl { max-width: 36rem } .max-w-xs { max-width: 20rem } .flex-1 { flex: 1 1 0% } .flex-auto { flex: 1 1 auto } .flex-initial { flex: 0 1 auto } .flex-none { flex: none } .flex-shrink-0 { flex-shrink: 0 } .origin-top-right { transform-origin: top right } .translate-y-0 { --tw-translate-y: 0px } .translate-y-0,.translate-y-1 { transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .translate-y-1 { --tw-translate-y: 0.25rem } .scale-100 { --tw-scale-x: 1; --tw-scale-y: 1 } .scale-100,.scale-95 { transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .scale-95 { --tw-scale-x: .95; --tw-scale-y: .95 } .transform { transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } @keyframes bounce { 0%,to { transform: translateY(-25%); animation-timing-function: cubic-bezier(.8,0,1,1) } 50% { transform: none; animation-timing-function: cubic-bezier(0,0,.2,1) } } .animate-bounce { animation: bounce 1s infinite } .cursor-pointer { cursor: pointer } .resize { resize: both } .list-disc { list-style-type: disc } .grid-flow-col { grid-auto-flow: column } .grid-cols-1 { grid-template-columns: repeat(1,minmax(0,1fr)) } .grid-cols-3 { grid-template-columns: repeat(3,minmax(0,1fr)) } .grid-cols-4 { grid-template-columns: repeat(4,minmax(0,1fr)) } .grid-rows-4 { grid-template-rows: repeat(4,minmax(0,1fr)) } .flex-row { flex-direction: row } .flex-row-reverse { flex-direction: row-reverse } .flex-col { flex-direction: column } .flex-wrap { flex-wrap: wrap } .items-start { align-items: flex-start } .items-end { align-items: flex-end } .items-center { align-items: center } .justify-start { justify-content: flex-start } .justify-end { justify-content: flex-end } .justify-center { justify-content: center } .justify-between { justify-content: space-between } .justify-around { justify-content: space-around } .justify-stretch { justify-content: stretch } .gap-0 { gap: 0 } .gap-10 { gap: 2.5rem } .gap-2 { gap: .5rem } .gap-20 { gap: 5rem } .gap-4 { gap: 1rem } .gap-5 { gap: 1.25rem } .gap-6 { gap: 1.5rem } .gap-y-8 { row-gap: 2rem } .space-x-10>:not([hidden])~:not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(2.5rem * var(--tw-space-x-reverse)); margin-left: calc(2.5rem * calc(1 - var(--tw-space-x-reverse))) } .divide-y-2>:not([hidden])~:not([hidden]) { --tw-divide-y-reverse: 0; border-top-width: calc(2px * calc(1 - var(--tw-divide-y-reverse))); border-bottom-width: calc(2px * var(--tw-divide-y-reverse)) } .self-start { align-self: flex-start } .self-end { align-self: flex-end } .self-center { align-self: center } .overflow-hidden { overflow: hidden } .overflow-clip { overflow: clip } .overflow-scroll { overflow: scroll } .overflow-x-scroll { overflow-x: scroll } .overflow-y-scroll { overflow-y: scroll } .break-words { overflow-wrap: break-word } .rounded { border-radius: .25rem } .rounded-full { border-radius: 9999px } .rounded-lg { border-radius: .5rem } .rounded-md { border-radius: .375rem } .rounded-none { border-radius: 0 } .rounded-xl { border-radius: .75rem } .border { border-width: 1px } .border-0 { border-width: 0 } .border-2 { border-width: 2px } .border-l-2 { border-left-width: 2px } .border-t-2 { border-top-width: 2px } .border-solid { border-style: solid } .border-\[\#c8c8c8\] { --tw-border-opacity: 1; border-color: rgb(200 200 200/var(--tw-border-opacity)) } .border-\[\#e00000\] { --tw-border-opacity: 1; border-color: rgb(224 0 0/var(--tw-border-opacity)) } .border-gray-200 { --tw-border-opacity: 1; border-color: rgb(229 231 235/var(--tw-border-opacity)) } .border-gray-300 { --tw-border-opacity: 1; border-color: rgb(209 213 219/var(--tw-border-opacity)) } .border-gray-500 { --tw-border-opacity: 1; border-color: rgb(107 114 128/var(--tw-border-opacity)) } .border-red-700 { --tw-border-opacity: 1; border-color: rgb(185 28 28/var(--tw-border-opacity)) } .border-transparent { border-color: transparent } .border-l-gray-500 { --tw-border-opacity: 1; border-left-color: rgb(107 114 128/var(--tw-border-opacity)) } .border-opacity-20 { --tw-border-opacity: 0.2 } .bg-\[\#0000\] { background-color: #0000 } .bg-\[\#0006\] { background-color: #0006 } .bg-\[\#000\] { --tw-bg-opacity: 1; background-color: rgb(0 0 0/var(--tw-bg-opacity)) } .bg-\[\#1d1f1f80\] { background-color: #1d1f1f80 } .bg-\[\#3335\] { background-color: #3335 } .bg-\[\#333\] { --tw-bg-opacity: 1; background-color: rgb(51 51 51/var(--tw-bg-opacity)) } .bg-\[\#3b3b3b\] { --tw-bg-opacity: 1; background-color: rgb(59 59 59/var(--tw-bg-opacity)) } .bg-\[\#494949\] { --tw-bg-opacity: 1; background-color: rgb(73 73 73/var(--tw-bg-opacity)) } .bg-\[\#595959\] { --tw-bg-opacity: 1; background-color: rgb(89 89 89/var(--tw-bg-opacity)) } .bg-\[\#5f5f5f3f\] { background-color: #5f5f5f3f } .bg-\[\#5f5f5f5d\] { background-color: #5f5f5f5d } .bg-\[\#e0000028\] { background-color: #e0000028 } .bg-\[\#ffffff1e\] { background-color: #ffffff1e } .bg-\[rgba\(51\2c 51\2c 51\2c 0\.33\)\] { background-color: rgba(51,51,51,.33) } .bg-black { --tw-bg-opacity: 1; background-color: rgb(0 0 0/var(--tw-bg-opacity)) } .bg-gray-700 { --tw-bg-opacity: 1; background-color: rgb(55 65 81/var(--tw-bg-opacity)) } .bg-red-600 { --tw-bg-opacity: 1; background-color: rgb(220 38 38/var(--tw-bg-opacity)) } .bg-transparent { background-color: transparent } .bg-white { --tw-bg-opacity: 1; background-color: rgb(255 255 255/var(--tw-bg-opacity)) } .bg-opacity-50 { --tw-bg-opacity: 0.5 } .p-2 { padding: .5rem } .p-3 { padding: .75rem } .p-4 { padding: 1rem } .p-5 { padding: 1.25rem } .px-0 { padding-left: 0; padding-right: 0 } .px-1 { padding-left: .25rem; padding-right: .25rem } .px-10 { padding-left: 2.5rem; padding-right: 2.5rem } .px-2 { padding-left: .5rem; padding-right: .5rem } .px-3 { padding-left: .75rem; padding-right: .75rem } .px-4 { padding-left: 1rem; padding-right: 1rem } .px-5 { padding-left: 1.25rem; padding-right: 1.25rem } .px-6 { padding-left: 1.5rem; padding-right: 1.5rem } .py-1 { padding-top: .25rem; padding-bottom: .25rem } .py-2 { padding-top: .5rem; padding-bottom: .5rem } .py-2\.5 { padding-top: .625rem; padding-bottom: .625rem } .py-3 { padding-top: .75rem; padding-bottom: .75rem } .py-4 { padding-top: 1rem; padding-bottom: 1rem } .py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem } .py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem } .py-8 { padding-top: 2rem; padding-bottom: 2rem } .\!pt-0 { padding-top: 0!important } .\!pt-4 { padding-top: 1rem!important } .pb-2 { padding-bottom: .5rem } .pb-3 { padding-bottom: .75rem } .pb-4 { padding-bottom: 1rem } .pb-6 { padding-bottom: 1.5rem } .pl-4 { padding-left: 1rem } .pl-5 { padding-left: 1.25rem } .pr-1 { padding-right: .25rem } .pr-2 { padding-right: .5rem } .pt-1 { padding-top: .25rem } .pt-10 { padding-top: 2.5rem } .pt-2 { padding-top: .5rem } .pt-4 { padding-top: 1rem } .pt-5 { padding-top: 1.25rem } .pt-6 { padding-top: 1.5rem } .pt-8 { padding-top: 2rem } .pt-9 { padding-top: 2.25rem } .text-left { text-align: left } .text-center { text-align: center } .text-justify { text-align: justify } .text-start { text-align: start } .align-top { vertical-align: top } .align-middle { vertical-align: middle } .font-mono { font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace } .text-2xl { font-size: 1.5rem; line-height: 2rem } .text-3xl { font-size: 1.875rem; line-height: 2.25rem } .text-4xl { font-size: 2.25rem; line-height: 2.5rem } .text-base { font-size: 1rem; line-height: 1.5rem } .text-lg { font-size: 1.125rem; line-height: 1.75rem } .text-sm { font-size: .875rem; line-height: 1.25rem } .text-xl { font-size: 1.25rem; line-height: 1.75rem } .font-bold { font-weight: 700 } .font-light { font-weight: 300 } .font-medium { font-weight: 500 } .font-normal { font-weight: 400 } .font-thin { font-weight: 100 } .leading-7 { line-height: 1.75rem } .leading-8 { line-height: 2rem } .tracking-wide { letter-spacing: .025em } .text-\[\#dfdfdf\] { --tw-text-opacity: 1; color: rgb(223 223 223/var(--tw-text-opacity)) } .text-\[\#e00000\] { --tw-text-opacity: 1; color: rgb(224 0 0/var(--tw-text-opacity)) } .text-\[\#efefef\] { --tw-text-opacity: 1; color: rgb(239 239 239/var(--tw-text-opacity)) } .text-gray-200 { --tw-text-opacity: 1; color: rgb(229 231 235/var(--tw-text-opacity)) } .text-gray-300 { --tw-text-opacity: 1; color: rgb(209 213 219/var(--tw-text-opacity)) } .text-gray-400 { --tw-text-opacity: 1; color: rgb(156 163 175/var(--tw-text-opacity)) } .text-gray-700 { --tw-text-opacity: 1; color: rgb(55 65 81/var(--tw-text-opacity)) } .text-red-600 { --tw-text-opacity: 1; color: rgb(220 38 38/var(--tw-text-opacity)) } .text-red-700 { --tw-text-opacity: 1; color: rgb(185 28 28/var(--tw-text-opacity)) } .text-white { --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity)) } .underline { text-decoration-line: underline } .opacity-0 { opacity: 0 } .opacity-100 { opacity: 1 } .shadow { --tw-shadow: 0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color) } .shadow,.shadow-lg { box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow) } .shadow-lg { --tw-shadow: 0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color) } .shadow-md { --tw-shadow: 0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color) } .shadow-md,.shadow-sm { box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow) } .shadow-sm { --tw-shadow: 0 1px 2px 0 rgba(0,0,0,.05); --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color) } .shadow-xl { --tw-shadow: 0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1); --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow) } .shadow-\[\#e00000\] { --tw-shadow-color: #e00000; --tw-shadow: var(--tw-shadow-colored) } .outline { outline-style: solid } .ring-1 { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000) } .ring-black { --tw-ring-opacity: 1; --tw-ring-color: rgb(0 0 0/var(--tw-ring-opacity)) } .ring-opacity-5 { --tw-ring-opacity: 0.05 } .blur { --tw-blur: blur(8px) } .blur,.filter { filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) } .backdrop-blur-sm { --tw-backdrop-blur: blur(4px) } .backdrop-blur-sm,.backdrop-brightness-50 { -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia) } .backdrop-brightness-50 { --tw-backdrop-brightness: brightness(.5) } .transition { transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter; transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter; transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-duration: .15s } .transition-all { transition-property: all; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-duration: .15s } .transition-opacity { transition-property: opacity; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-duration: .15s } .duration-100 { transition-duration: .1s } .duration-150 { transition-duration: .15s } .duration-200 { transition-duration: .2s } .duration-75 { transition-duration: 75ms } .ease-in { transition-timing-function: cubic-bezier(.4,0,1,1) } .ease-out { transition-timing-function: cubic-bezier(0,0,.2,1) } @font-face { font-family: AudiowideRegular; src: url(/_next/static/media/Audiowide-Regular.c9ac79ff.ttf) } .audiowide { font-family: AudiowideRegular } :root { --max-width: 1100px; --border-radius: 12px; --font-mono: ui-monospace,Menlo,Monaco,"Cascadia Mono","Segoe UI Mono","Roboto Mono","Oxygen Mono","Ubuntu Monospace","Source Code Pro","Fira Mono","Droid Sans Mono","Courier New",monospace } @media (prefers-color-scheme: dark) { :root { --foreground-rgb:255,255,255; --background-start-rgb: 0,0,0; --background-end-rgb: 0,0,0; --primary-glow: radial-gradient(rgba(255,1,1,.4),rgba(255,1,1,0)); --secondary-glow: linear-gradient(to bottom right,rgba(255,1,1,0),rgba(255,1,1,0),rgba(255,1,1,.3)); --tile-start-rgb: 2,13,46; --tile-end-rgb: 2,5,19; --tile-border: conic-gradient(#ffffff80,#ffffff40,#ffffff30,#ffffff20,#ffffff10,#ffffff10,#ffffff80); --callout-rgb: 20,20,20; --callout-border-rgb: 108,108,108; --card-rgb: 100,100,100; --card-border-rgb: 200,200,200 } } @media (prefers-color-scheme: light) { :root { --foreground-rgb:255,255,255; --background-start-rgb: 0,0,0; --background-end-rgb: 0,0,0; --primary-glow: radial-gradient(rgba(255,1,1,.4),rgba(255,1,1,0)); --secondary-glow: linear-gradient(to bottom right,rgba(255,1,1,0),rgba(255,1,1,0),rgba(255,1,1,.3)); --tile-start-rgb: 2,13,46; --tile-end-rgb: 2,5,19; --tile-border: conic-gradient(#ffffff80,#ffffff40,#ffffff30,#ffffff20,#ffffff10,#ffffff10,#ffffff80); --callout-rgb: 20,20,20; --callout-border-rgb: 108,108,108; --card-rgb: 100,100,100; --card-border-rgb: 200,200,200 } } * { box-sizing: border-box; padding: 0; margin: 0 } body,html { max-width: 100vw; overflow-x: hidden } body { color: rgb(var(--foreground-rgb)); background: linear-gradient(to bottom,transparent,rgb(var(--background-end-rgb))) rgb(var(--background-start-rgb)) } a { color: inherit; text-decoration: none } @media (prefers-color-scheme: dark) { html { color-scheme:dark } } .page-back { background-color: #151515 } .contactus-form { box-sizing: border-box } .contactus-form h2 { padding: 0; color: #fff; text-align: center } .contactus-form .input-box { position: relative } .contactus-form .input-box input { width: 100%; padding: 10px 0; font-size: 20px; color: #fff; margin-bottom: 30px; border: none; border-bottom: 1px solid #fff; outline: none; background: transparent } .contactus-form .input-box label { position: absolute; top: 0; left: 0; padding: 10px 0; font-size: 20px; color: #fff; pointer-events: none; transition: .5s } .contactus-form .input-box input:focus~label,.contactus-form .input-box input:valid~label { top: -20px; left: 0; color: #03e9f4; font-size: 12px } .contactus-form form a { position: relative; display: inline-block; padding: 10px 20px; color: #03e9f4; font-size: 20px; text-decoration: none; text-transform: uppercase; overflow: hidden; transition: .5s; margin-top: 40px; letter-spacing: 4px } .contactus-form a:hover { background: #03e9f4; color: #fff; border-radius: 5px; box-shadow: 0 0 5px #03e9f4,0 0 25px #03e9f4,0 0 50px #03e9f4,0 0 100px #03e9f4 } .contactus-form a span { position: absolute; display: block } .contactus-form a span:first-child { top: 0; left: -100%; width: 100%; height: 2px; background: linear-gradient(90deg,transparent,#03e9f4); animation: btn-anim1 1s linear infinite } @keyframes btn-anim1 { 0% { left: -100% } 50%,to { left: 100% } } .contactus-form a span:nth-child(2) { top: -100%; right: 0; width: 2px; height: 100%; background: linear-gradient(180deg,transparent,#03e9f4); animation: btn-anim2 1s linear infinite; animation-delay: .25s } @keyframes btn-anim2 { 0% { top: -100% } 50%,to { top: 100% } } .contactus-form a span:nth-child(3) { bottom: 0; right: -100%; width: 100%; height: 2px; background: linear-gradient(270deg,transparent,#03e9f4); animation: btn-anim3 1s linear infinite; animation-delay: .5s } @keyframes btn-anim3 { 0% { right: -100% } 50%,to { right: 100% } } .contactus-form a span:nth-child(4) { bottom: -100%; left: 0; width: 2px; height: 100%; background: linear-gradient(1turn,transparent,#03e9f4); animation: btn-anim4 1s linear infinite; animation-delay: .75s } @keyframes btn-anim4 { 0% { bottom: -100% } 50%,to { bottom: 100% } } .button-box { justify-content: center } .arrow-down,.button-box { display: flex; align-items: center } .arrow-down { width: 0; height: 0; border-left: 80px solid transparent; border-right: 80px solid transparent; border-top: 80px solid #e004; flex-direction: row; justify-items: center } .red { background: red; background-image: radial-gradient(brown,transparent); background-size: 5px 5px; border-radius: 50%; top: 20px; animation: red 13s infinite; border: 2px dotted red; box-shadow: inset 0 0 20px #111,0 0 10px red } .red,.yellow { width: 50px; height: 50px; left: 35px } .yellow { background: #ff0; background-image: radial-gradient(orange,transparent); background-size: 5px 5px; border-radius: 50%; border: 2px dotted #ff0; top: 145px; animation: #ff0 13s infinite; box-shadow: inset 0 0 20px #111,0 0 10px #ff0 } .green { background: green; background-image: radial-gradient(lime,transparent); background-size: 5px 5px; width: 50px; height: 50px; border-radius: 50%; border: 2px dotted lime; top: 270px; left: 35px; box-shadow: inset 0 0 20px #111,0 0 10px lime; animation: green 13s infinite } @keyframes red { 0% { opacity: 1 } 20% { opacity: 1 } 40% { opacity: 1 } 60% { opacity: .1 } 80% { opacity: .1 } to { opacity: .1 } } @keyframes yellow { 0% { opacity: .1 } 20% { opacity: .1 } 40% { opacity: 1 } 50% { opacity: .1 } 60% { opacity: .1 } 80% { opacity: .1 } 86% { opacity: 1 } to { opacity: 1 } } @keyframes green { 0% { opacity: .1 } 40% { opacity: .1 } 60% { opacity: 1 } 80% { opacity: 1 } 83% { opacity: .1 } to { opacity: .1 } } input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover { -webkit-transition: background-color 5000s ease-in-out 0s; transition: background-color 5000s ease-in-out 0s; -webkit-text-fill-color: #fff!important } .sessions { margin-top: 2rem; position: relative; list-style-type: none } .timeline-list-item { padding-bottom: 1.5rem; border-left: 1px solid #edaaaa; position: relative; padding-left: 20px; margin-left: 10px } .timeline-list-item:last-child { border: 0; padding-bottom: 0 } .timeline-list-item:before { content: ""; width: 15px; height: 15px; background: #e00000; border: 1px solid #fff; border-radius: 50%; position: absolute; left: -8px; top: 0 } .card { position: relative } .card:nth-child(odd) { padding: 30px 0 30px 30px } .card:nth-child(2n) { padding: 30px 30px 30px 0 } .card:before { content: ""; position: absolute; width: 50%; border: solid #ff4500 } .card:nth-child(odd):before { left: 0; top: -4.5px; bottom: -4.5px; border-width: 5px 0 5px 5px; border-radius: 50px 0 0 50px } @media only screen and (max-width: 400px) { .card:nth-child(odd):before { top:-5px; bottom: -5px } } .card:nth-child(2n):before { right: 0; top: 0; bottom: 0; border-width: 5px 5px 5px 0; border-radius: 0 50px 50px 0 } .card:first-child:before { border-top: 0; border-top-left-radius: 0 } .card:last-child:nth-child(odd):before { border-bottom: 0; border-bottom-left-radius: 0 } .card:last-child:nth-child(2n):before { border-bottom: 0; border-bottom-right-radius: 0 } .info { display: flex; flex-direction: column; border-radius: 10px; padding: 10px } .title { color: #ff4500; position: relative } .title:before { content: ""; position: absolute; width: 20px; height: 20px; background: #fff; border-radius: 999px; border: 3px solid #ff4500 } .card:nth-child(2n)>.info>.title { text-align: right } .card:nth-child(odd)>.info>.title:before { left: -45px } .card:nth-child(2n)>.info>.title:before { right: -45px } .flash-ribbon { --f: 10px; --r: 15px; --t: 0px; position: absolute; inset: var(--t) -10px auto auto; padding: 0 10px var(--f) calc(10px + var(--r)); -webkit-clip-path: polygon(0 0,100% 0,100% calc(100% - var(--f)),calc(100% - var(--f)) 100%,calc(100% - var(--f)) calc(100% - var(--f)),0 calc(100% - var(--f)),var(--r) calc(50% - var(--f) / 2)); clip-path: polygon(0 0,100% 0,100% calc(100% - var(--f)),calc(100% - var(--f)) 100%,calc(100% - var(--f)) calc(100% - var(--f)),0 calc(100% - var(--f)),var(--r) calc(50% - var(--f) / 2)); background: #d00; box-shadow: 0 calc(-1 * var(--f)) 0 inset #0005 } .pill-tag { background-color: #3f3f3f; color: #fff; padding: 2px 10px; border-radius: 20px; margin: 4px 5px 0 0; font-size: small } * { scrollbar-width: 10px; scrollbar-color: #555 #000300; scrollbar-arrow-color:#000300;scrollbar-3dlight-color: #e00000 } ::-webkit-scrollbar { width: 10px; height: 10px } ::-webkit-scrollbar-track { background: #000 } ::-webkit-scrollbar-thumb { background: #555 } ::-webkit-scrollbar-thumb:hover { background: #353535 } ::-webkit-scrollbar-button { background: #353535; height: 10px; width: 10px } .hover\:bg-\[\#3333\]:hover { background-color: #3333 } .hover\:bg-\[\#5f5f5f83\]:hover { background-color: #5f5f5f83 } .hover\:bg-black:hover { --tw-bg-opacity: 1; background-color: rgb(0 0 0/var(--tw-bg-opacity)) } .hover\:bg-gray-50:hover { --tw-bg-opacity: 1; background-color: rgb(249 250 251/var(--tw-bg-opacity)) } .hover\:bg-gray-700:hover { --tw-bg-opacity: 1; background-color: rgb(55 65 81/var(--tw-bg-opacity)) } .hover\:bg-gray-900:hover { --tw-bg-opacity: 1; background-color: rgb(17 24 39/var(--tw-bg-opacity)) } .hover\:bg-red-700:hover { --tw-bg-opacity: 1; background-color: rgb(185 28 28/var(--tw-bg-opacity)) } .hover\:bg-red-800:hover { --tw-bg-opacity: 1; background-color: rgb(153 27 27/var(--tw-bg-opacity)) } .hover\:text-\[\#e00000\]:hover { --tw-text-opacity: 1; color: rgb(224 0 0/var(--tw-text-opacity)) } .hover\:text-gray-200:hover { --tw-text-opacity: 1; color: rgb(229 231 235/var(--tw-text-opacity)) } .hover\:text-gray-500:hover { --tw-text-opacity: 1; color: rgb(107 114 128/var(--tw-text-opacity)) } .hover\:text-red-500:hover { --tw-text-opacity: 1; color: rgb(239 68 68/var(--tw-text-opacity)) } .hover\:text-white:hover { --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity)) } .focus\:outline-none:focus { outline: 2px solid transparent; outline-offset: 2px } .focus\:ring-0:focus { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color) } .focus\:ring-0:focus,.focus\:ring-2:focus { box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000) } .focus\:ring-2:focus { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color) } .focus\:ring-4:focus { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000) } .focus\:ring-indigo-500:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(99 102 241/var(--tw-ring-opacity)) } .focus\:ring-red-300:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(252 165 165/var(--tw-ring-opacity)) } .focus\:ring-red-500:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(239 68 68/var(--tw-ring-opacity)) } .focus\:ring-red-700:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(185 28 28/var(--tw-ring-opacity)) } .focus\:ring-white:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(255 255 255/var(--tw-ring-opacity)) } .focus\:ring-offset-1:focus { --tw-ring-offset-width: 1px } .focus\:ring-offset-2:focus { --tw-ring-offset-width: 2px } .disabled\:cursor-not-allowed:disabled { cursor: not-allowed } .disabled\:bg-gray-700:disabled { --tw-bg-opacity: 1; background-color: rgb(55 65 81/var(--tw-bg-opacity)) } @media (prefers-color-scheme: dark) { .dark\:border-red-500 { --tw-border-opacity:1; border-color: rgb(239 68 68/var(--tw-border-opacity)) } .dark\:text-red-500 { --tw-text-opacity: 1; color: rgb(239 68 68/var(--tw-text-opacity)) } .dark\:hover\:bg-red-600:hover { --tw-bg-opacity: 1; background-color: rgb(220 38 38/var(--tw-bg-opacity)) } .dark\:hover\:text-white:hover { --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity)) } .dark\:focus\:ring-red-900:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(127 29 29/var(--tw-ring-opacity)) } } @media (min-width: 640px) { .sm\:mx-8 { margin-left:2rem; margin-right: 2rem } .sm\:mb-8 { margin-bottom: 2rem } .sm\:ml-3 { margin-left: .75rem } .sm\:ml-4 { margin-left: 1rem } .sm\:mr-8 { margin-right: 2rem } .sm\:mt-0 { margin-top: 0 } .sm\:mt-20 { margin-top: 5rem } .sm\:flex { display: flex } .sm\:h-\[350px\] { height: 350px } .sm\:h-\[700px\] { height: 700px } .sm\:w-1\/2 { width: 50% } .sm\:w-3\/4 { width: 75% } .sm\:w-8\/12 { width: 66.666667% } .sm\:w-auto { width: auto } .sm\:w-full { width: 100% } .sm\:grid-cols-1 { grid-template-columns: repeat(1,minmax(0,1fr)) } .sm\:grid-cols-2 { grid-template-columns: repeat(2,minmax(0,1fr)) } .sm\:flex-row { flex-direction: row } .sm\:flex-row-reverse { flex-direction: row-reverse } .sm\:gap-10 { gap: 2.5rem } .sm\:gap-5 { gap: 1.25rem } .sm\:gap-8 { gap: 2rem } .sm\:p-0 { padding: 0 } .sm\:p-5 { padding: 1.25rem } .sm\:p-6 { padding: 1.5rem } .sm\:p-8 { padding: 2rem } .sm\:px-0 { padding-left: 0; padding-right: 0 } .sm\:px-6 { padding-left: 1.5rem; padding-right: 1.5rem } .sm\:pb-4 { padding-bottom: 1rem } .sm\:pr-4 { padding-right: 1rem } .sm\:text-2xl { font-size: 1.5rem; line-height: 2rem } .sm\:text-3xl { font-size: 1.875rem; line-height: 2.25rem } .sm\:text-\[25px\] { font-size: 25px } .sm\:text-lg { font-size: 1.125rem; line-height: 1.75rem } .sm\:text-sm { font-size: .875rem; line-height: 1.25rem } .sm\:text-xl { font-size: 1.25rem; line-height: 1.75rem } .sm\:text-xs { font-size: .75rem; line-height: 1rem } } @media (min-width: 768px) { .md\:mx-4 { margin-left:1rem; margin-right: 1rem } .md\:mt-2 { margin-top: .5rem } .md\:block { display: block } .md\:flex { display: flex } .md\:inline-grid { display: inline-grid } .md\:hidden { display: none } .md\:h-\[600px\] { height: 600px } .md\:w-\[70\%\] { width: 70% } .md\:grid-cols-1 { grid-template-columns: repeat(1,minmax(0,1fr)) } .md\:grid-cols-2 { grid-template-columns: repeat(2,minmax(0,1fr)) } .md\:grid-cols-3 { grid-template-columns: repeat(3,minmax(0,1fr)) } .md\:flex-row { flex-direction: row } .md\:justify-start { justify-content: flex-start } .md\:justify-end { justify-content: flex-end } .md\:gap-60 { gap: 15rem } .md\:space-x-10>:not([hidden])~:not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(2.5rem * var(--tw-space-x-reverse)); margin-left: calc(2.5rem * calc(1 - var(--tw-space-x-reverse))) } .md\:self-start { align-self: flex-start } .md\:self-end { align-self: flex-end } .md\:rounded-xl { border-radius: .75rem } .md\:p-4 { padding: 1rem } .md\:p-7 { padding: 1.75rem } .md\:px-10 { padding-left: 2.5rem; padding-right: 2.5rem } .md\:px-20 { padding-left: 5rem; padding-right: 5rem } .md\:px-7 { padding-left: 1.75rem; padding-right: 1.75rem } .md\:pt-0 { padding-top: 0 } .md\:text-2xl { font-size: 1.5rem; line-height: 2rem } .md\:text-3xl { font-size: 1.875rem; line-height: 2.25rem } .md\:text-\[25px\] { font-size: 25px } .md\:text-lg { font-size: 1.125rem; line-height: 1.75rem } .md\:text-sm { font-size: .875rem; line-height: 1.25rem } .md\:text-xl { font-size: 1.25rem; line-height: 1.75rem } } @media (min-width: 1024px) { .lg\:left-1\/2 { left:50% } .lg\:ml-0 { margin-left: 0 } .lg\:mt-0 { margin-top: 0 } .lg\:flex { display: flex } .lg\:grid { display: grid } .lg\:inline-grid { display: inline-grid } .lg\:hidden { display: none } .lg\:w-0 { width: 0 } .lg\:w-\[40\%\] { width: 40% } .lg\:flex-1 { flex: 1 1 0% } .lg\:-translate-x-1\/2 { --tw-translate-x: -50%; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .lg\:grid-cols-2 { grid-template-columns: repeat(2,minmax(0,1fr)) } .lg\:grid-cols-3 { grid-template-columns: repeat(3,minmax(0,1fr)) } .lg\:grid-cols-5 { grid-template-columns: repeat(5,minmax(0,1fr)) } .lg\:gap-5 { gap: 1.25rem } .lg\:p-16 { padding: 4rem } .lg\:px-0 { padding-left: 0; padding-right: 0 } .lg\:px-16 { padding-left: 4rem; padding-right: 4rem } .lg\:text-2xl { font-size: 1.5rem; line-height: 2rem } .lg\:text-3xl { font-size: 1.875rem; line-height: 2.25rem } .lg\:text-\[25px\] { font-size: 25px } .lg\:text-lg { font-size: 1.125rem; line-height: 1.75rem } .lg\:text-xl { font-size: 1.25rem; line-height: 1.75rem } } @media (min-width: 1280px) { .xl\:grid-cols-2 { grid-template-columns:repeat(2,minmax(0,1fr)) } .xl\:grid-cols-3 { grid-template-columns: repeat(3,minmax(0,1fr)) } .xl\:grid-cols-5 { grid-template-columns: repeat(5,minmax(0,1fr)) } .xl\:p-24 { padding: 6rem } .xl\:px-0 { padding-left: 0; padding-right: 0 } .xl\:px-24 { padding-left: 6rem; padding-right: 6rem } .xl\:text-2xl { font-size: 1.5rem; line-height: 2rem } .xl\:text-3xl { font-size: 1.875rem; line-height: 2.25rem } .xl\:text-4xl { font-size: 2.25rem; line-height: 2.5rem } .xl\:text-\[25px\] { font-size: 25px } .xl\:text-lg { font-size: 1.125rem; line-height: 1.75rem } .xl\:text-xl { font-size: 1.25rem; line-height: 1.75rem } } @media (min-width: 1536px) { .\32xl\:grid-cols-2 { grid-template-columns:repeat(2,minmax(0,1fr)) } .\32xl\:grid-cols-3 { grid-template-columns: repeat(3,minmax(0,1fr)) } .\32xl\:grid-cols-5 { grid-template-columns: repeat(5,minmax(0,1fr)) } .\32xl\:p-24 { padding: 6rem } .\32xl\:px-0 { padding-left: 0; padding-right: 0 } .\32xl\:px-24 { padding-left: 6rem; padding-right: 6rem } .\32xl\:text-2xl { font-size: 1.5rem; line-height: 2rem } .\32xl\:text-3xl { font-size: 1.875rem; line-height: 2.25rem } .\32xl\:text-4xl { font-size: 2.25rem; line-height: 2.5rem } .\32xl\:text-lg { font-size: 1.125rem; line-height: 1.75rem } .\32xl\:text-xl { font-size: 1.25rem; line-height: 1.75rem } .\32xl\:text-\[3xl\] { color: 3xl } } :root { --toastify-color-light: #fff; --toastify-color-dark: #121212; --toastify-color-info: #3498db; --toastify-color-success: #07bc0c; --toastify-color-warning: #f1c40f; --toastify-color-error: #e74c3c; --toastify-color-transparent: hsla(0,0%,100%,.7); --toastify-icon-color-info: var(--toastify-color-info); --toastify-icon-color-success: var(--toastify-color-success); --toastify-icon-color-warning: var(--toastify-color-warning); --toastify-icon-color-error: var(--toastify-color-error); --toastify-toast-width: 320px; --toastify-toast-background: #fff; --toastify-toast-min-height: 64px; --toastify-toast-max-height: 800px; --toastify-font-family: sans-serif; --toastify-z-index: 9999; --toastify-text-color-light: #757575; --toastify-text-color-dark: #fff; --toastify-text-color-info: #fff; --toastify-text-color-success: #fff; --toastify-text-color-warning: #fff; --toastify-text-color-error: #fff; --toastify-spinner-color: #616161; --toastify-spinner-color-empty-area: #e0e0e0; --toastify-color-progress-light: linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55); --toastify-color-progress-dark: #bb86fc; --toastify-color-progress-info: var(--toastify-color-info); --toastify-color-progress-success: var(--toastify-color-success); --toastify-color-progress-warning: var(--toastify-color-warning); --toastify-color-progress-error: var(--toastify-color-error) } .Toastify__toast-container { z-index: var(--toastify-z-index); -webkit-transform: translateZ(var(--toastify-z-index)); position: fixed; padding: 4px; width: var(--toastify-toast-width); box-sizing: border-box; color: #fff } .Toastify__toast-container--top-left { top: 1em; left: 1em } .Toastify__toast-container--top-center { top: 1em; left: 50%; transform: translateX(-50%) } .Toastify__toast-container--top-right { top: 1em; right: 1em } .Toastify__toast-container--bottom-left { bottom: 1em; left: 1em } .Toastify__toast-container--bottom-center { bottom: 1em; left: 50%; transform: translateX(-50%) } .Toastify__toast-container--bottom-right { bottom: 1em; right: 1em } @media only screen and (max-width: 480px) { .Toastify__toast-container { width:100vw; padding: 0; left: 0; margin: 0 } .Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right { top: 0; transform: translateX(0) } .Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right { bottom: 0; transform: translateX(0) } .Toastify__toast-container--rtl { right: 0; left: auto } } .Toastify__toast { position: relative; min-height: var(--toastify-toast-min-height); box-sizing: border-box; margin-bottom: 1rem; padding: 8px; border-radius: 4px; box-shadow: 0 1px 10px 0 rgba(0,0,0,.1),0 2px 15px 0 rgba(0,0,0,.05); display: flex; justify-content: space-between; max-height: var(--toastify-toast-max-height); overflow: hidden; font-family: var(--toastify-font-family); cursor: default; direction: ltr; z-index: 0 } .Toastify__toast--rtl { direction: rtl } .Toastify__toast--close-on-click { cursor: pointer } .Toastify__toast-body { margin: auto 0; flex: 1 1 auto; padding: 6px; display: flex; align-items: center } .Toastify__toast-body>div:last-child { word-break: break-word; flex: 1 } .Toastify__toast-icon { -webkit-margin-end: 10px; margin-inline-end:10px;width: 20px; flex-shrink: 0; display: flex } .Toastify--animate { animation-fill-mode: both; animation-duration: .7s } .Toastify--animate-icon { animation-fill-mode: both; animation-duration: .3s } @media only screen and (max-width: 480px) { .Toastify__toast { margin-bottom:0; border-radius: 0 } } .Toastify__toast-theme--dark { background: var(--toastify-color-dark); color: var(--toastify-text-color-dark) } .Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light { background: var(--toastify-color-light); color: var(--toastify-text-color-light) } .Toastify__toast-theme--colored.Toastify__toast--info { color: var(--toastify-text-color-info); background: var(--toastify-color-info) } .Toastify__toast-theme--colored.Toastify__toast--success { color: var(--toastify-text-color-success); background: var(--toastify-color-success) } .Toastify__toast-theme--colored.Toastify__toast--warning { color: var(--toastify-text-color-warning); background: var(--toastify-color-warning) } .Toastify__toast-theme--colored.Toastify__toast--error { color: var(--toastify-text-color-error); background: var(--toastify-color-error) } .Toastify__progress-bar-theme--light { background: var(--toastify-color-progress-light) } .Toastify__progress-bar-theme--dark { background: var(--toastify-color-progress-dark) } .Toastify__progress-bar--info { background: var(--toastify-color-progress-info) } .Toastify__progress-bar--success { background: var(--toastify-color-progress-success) } .Toastify__progress-bar--warning { background: var(--toastify-color-progress-warning) } .Toastify__progress-bar--error { background: var(--toastify-color-progress-error) } .Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning { background: var(--toastify-color-transparent) } .Toastify__close-button { color: #fff; background: transparent; outline: none; border: none; padding: 0; cursor: pointer; opacity: .7; transition: .3s ease; align-self: flex-start } .Toastify__close-button--light { color: #000; opacity: .3 } .Toastify__close-button>svg { fill: currentColor; height: 16px; width: 14px } .Toastify__close-button:focus,.Toastify__close-button:hover { opacity: 1 } @keyframes Toastify__trackProgress { 0% { transform: scaleX(1) } to { transform: scaleX(0) } } .Toastify__progress-bar { position: absolute; bottom: 0; left: 0; width: 100%; height: 5px; z-index: var(--toastify-z-index); opacity: .7; transform-origin: left } .Toastify__progress-bar--animated { animation: Toastify__trackProgress linear 1 forwards } .Toastify__progress-bar--controlled { transition: transform .2s } .Toastify__progress-bar--rtl { right: 0; left: auto; transform-origin: right } .Toastify__spinner { width: 20px; height: 20px; box-sizing: border-box; border-radius: 100%; border: 2px solid; border-right: 2px solid var(--toastify-spinner-color); animation: Toastify__spin .65s linear infinite } @keyframes Toastify__bounceInRight { 0%,60%,75%,90%,to { animation-timing-function: cubic-bezier(.215,.61,.355,1) } 0% { opacity: 0; transform: translate3d(3000px,0,0) } 60% { opacity: 1; transform: translate3d(-25px,0,0) } 75% { transform: translate3d(10px,0,0) } 90% { transform: translate3d(-5px,0,0) } to { transform: none } } @keyframes Toastify__bounceOutRight { 20% { opacity: 1; transform: translate3d(-20px,0,0) } to { opacity: 0; transform: translate3d(2000px,0,0) } } @keyframes Toastify__bounceInLeft { 0%,60%,75%,90%,to { animation-timing-function: cubic-bezier(.215,.61,.355,1) } 0% { opacity: 0; transform: translate3d(-3000px,0,0) } 60% { opacity: 1; transform: translate3d(25px,0,0) } 75% { transform: translate3d(-10px,0,0) } 90% { transform: translate3d(5px,0,0) } to { transform: none } } @keyframes Toastify__bounceOutLeft { 20% { opacity: 1; transform: translate3d(20px,0,0) } to { opacity: 0; transform: translate3d(-2000px,0,0) } } @keyframes Toastify__bounceInUp { 0%,60%,75%,90%,to { animation-timing-function: cubic-bezier(.215,.61,.355,1) } 0% { opacity: 0; transform: translate3d(0,3000px,0) } 60% { opacity: 1; transform: translate3d(0,-20px,0) } 75% { transform: translate3d(0,10px,0) } 90% { transform: translate3d(0,-5px,0) } to { transform: translateZ(0) } } @keyframes Toastify__bounceOutUp { 20% { transform: translate3d(0,-10px,0) } 40%,45% { opacity: 1; transform: translate3d(0,20px,0) } to { opacity: 0; transform: translate3d(0,-2000px,0) } } @keyframes Toastify__bounceInDown { 0%,60%,75%,90%,to { animation-timing-function: cubic-bezier(.215,.61,.355,1) } 0% { opacity: 0; transform: translate3d(0,-3000px,0) } 60% { opacity: 1; transform: translate3d(0,25px,0) } 75% { transform: translate3d(0,-10px,0) } 90% { transform: translate3d(0,5px,0) } to { transform: none } } @keyframes Toastify__bounceOutDown { 20% { transform: translate3d(0,10px,0) } 40%,45% { opacity: 1; transform: translate3d(0,-20px,0) } to { opacity: 0; transform: translate3d(0,2000px,0) } } .Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left { animation-name: Toastify__bounceInLeft } .Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right { animation-name: Toastify__bounceInRight } .Toastify__bounce-enter--top-center { animation-name: Toastify__bounceInDown } .Toastify__bounce-enter--bottom-center { animation-name: Toastify__bounceInUp } .Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left { animation-name: Toastify__bounceOutLeft } .Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right { animation-name: Toastify__bounceOutRight } .Toastify__bounce-exit--top-center { animation-name: Toastify__bounceOutUp } .Toastify__bounce-exit--bottom-center { animation-name: Toastify__bounceOutDown } @keyframes Toastify__zoomIn { 0% { opacity: 0; transform: scale3d(.3,.3,.3) } 50% { opacity: 1 } } @keyframes Toastify__zoomOut { 0% { opacity: 1 } 50% { opacity: 0; transform: scale3d(.3,.3,.3) } to { opacity: 0 } } .Toastify__zoom-enter { animation-name: Toastify__zoomIn } .Toastify__zoom-exit { animation-name: Toastify__zoomOut } @keyframes Toastify__flipIn { 0% { transform: perspective(400px) rotateX(90deg); animation-timing-function: ease-in; opacity: 0 } 40% { transform: perspective(400px) rotateX(-20deg); animation-timing-function: ease-in } 60% { transform: perspective(400px) rotateX(10deg); opacity: 1 } 80% { transform: perspective(400px) rotateX(-5deg) } to { transform: perspective(400px) } } @keyframes Toastify__flipOut { 0% { transform: perspective(400px) } 30% { transform: perspective(400px) rotateX(-20deg); opacity: 1 } to { transform: perspective(400px) rotateX(90deg); opacity: 0 } } .Toastify__flip-enter { animation-name: Toastify__flipIn } .Toastify__flip-exit { animation-name: Toastify__flipOut } @keyframes Toastify__slideInRight { 0% { transform: translate3d(110%,0,0); visibility: visible } to { transform: translateZ(0) } } @keyframes Toastify__slideInLeft { 0% { transform: translate3d(-110%,0,0); visibility: visible } to { transform: translateZ(0) } } @keyframes Toastify__slideInUp { 0% { transform: translate3d(0,110%,0); visibility: visible } to { transform: translateZ(0) } } @keyframes Toastify__slideInDown { 0% { transform: translate3d(0,-110%,0); visibility: visible } to { transform: translateZ(0) } } @keyframes Toastify__slideOutRight { 0% { transform: translateZ(0) } to { visibility: hidden; transform: translate3d(110%,0,0) } } @keyframes Toastify__slideOutLeft { 0% { transform: translateZ(0) } to { visibility: hidden; transform: translate3d(-110%,0,0) } } @keyframes Toastify__slideOutDown { 0% { transform: translateZ(0) } to { visibility: hidden; transform: translate3d(0,500px,0) } } @keyframes Toastify__slideOutUp { 0% { transform: translateZ(0) } to { visibility: hidden; transform: translate3d(0,-500px,0) } } .Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left { animation-name: Toastify__slideInLeft } .Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right { animation-name: Toastify__slideInRight } .Toastify__slide-enter--top-center { animation-name: Toastify__slideInDown } .Toastify__slide-enter--bottom-center { animation-name: Toastify__slideInUp } .Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left { animation-name: Toastify__slideOutLeft } .Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right { animation-name: Toastify__slideOutRight } .Toastify__slide-exit--top-center { animation-name: Toastify__slideOutUp } .Toastify__slide-exit--bottom-center { animation-name: Toastify__slideOutDown } @keyframes Toastify__spin { 0% { transform: rotate(0deg) } to { transform: rotate(1turn) } } .carousel .control-arrow,.carousel.carousel-slider .control-arrow { transition: all .25s ease-in; opacity: .4; filter: alpha(opacity=40); position: absolute; z-index: 2; top: 20px; background: none; border: 0; font-size: 32px; cursor: pointer } .carousel .control-arrow:focus,.carousel .control-arrow:hover { opacity: 1; filter: alpha(opacity=100) } .carousel .control-arrow:before,.carousel.carousel-slider .control-arrow:before { margin: 0 5px; display: inline-block; border-top: 8px solid transparent; border-bottom: 8px solid transparent; content: "" } .carousel .control-disabled.control-arrow { opacity: 0; filter: alpha(opacity=0); cursor: inherit; display: none } .carousel .control-prev.control-arrow { left: 0 } .carousel .control-prev.control-arrow:before { border-right: 8px solid #fff } .carousel .control-next.control-arrow { right: 0 } .carousel .control-next.control-arrow:before { border-left: 8px solid #fff } .carousel-root { outline: none } .carousel { position: relative; width: 100% } .carousel * { box-sizing: border-box } .carousel img { width: 100%; display: inline-block; pointer-events: none } .carousel .carousel { position: relative } .carousel .control-arrow { outline: 0; border: 0; background: none; top: 50%; margin-top: -13px; font-size: 18px } .carousel .thumbs-wrapper { margin: 20px; overflow: hidden } .carousel .thumbs { transition: all .15s ease-in; transform: translateZ(0); position: relative; list-style: none; white-space: nowrap } .carousel .thumb { transition: border .15s ease-in; display: inline-block; margin-right: 6px; white-space: nowrap; overflow: hidden; border: 3px solid #fff; padding: 2px } .carousel .thumb:focus { border: 3px solid #ccc; outline: none } .carousel .thumb.selected,.carousel .thumb:hover { border: 3px solid #333 } .carousel .thumb img { vertical-align: top } .carousel.carousel-slider { position: relative; margin: 0; overflow: hidden } .carousel.carousel-slider .control-arrow { top: 0; color: #fff; font-size: 26px; bottom: 0; margin-top: 0; padding: 5px } .carousel.carousel-slider .control-arrow:hover { background: rgba(0,0,0,.2) } .carousel .slider-wrapper { overflow: hidden; margin: auto; width: 100%; transition: height .15s ease-in } .carousel .slider-wrapper.axis-horizontal .slider { -ms-box-orient: horizontal; display: -moz-flex; display: flex } .carousel .slider-wrapper.axis-horizontal .slider .slide { flex-direction: column; flex-flow: column } .carousel .slider-wrapper.axis-vertical { -ms-box-orient: horizontal; display: -moz-flex; display: flex } .carousel .slider-wrapper.axis-vertical .slider { flex-direction: column } .carousel .slider { margin: 0; padding: 0; position: relative; list-style: none; width: 100% } .carousel .slider.animated { transition: all .35s ease-in-out } .carousel .slide { min-width: 100%; margin: 0; position: relative; text-align: center } .carousel .slide img { width: 100%; vertical-align: top; border: 0 } .carousel .slide iframe { display: inline-block; width: calc(100% - 80px); margin: 0 40px 40px; border: 0 } .carousel .slide .legend { transition: all .5s ease-in-out; position: absolute; bottom: 40px; left: 50%; margin-left: -45%; width: 90%; border-radius: 10px; background: #000; color: #fff; padding: 10px; font-size: 12px; text-align: center; opacity: .25; transition: opacity .35s ease-in-out } .carousel .control-dots { position: absolute; bottom: 0; margin: 10px 0; padding: 0; text-align: center; width: 100%; z-index: 1 } @media (min-width: 960px) { .carousel .control-dots { bottom:0 } } .carousel .control-dots .dot { transition: opacity .25s ease-in; opacity: .3; filter: alpha(opacity=30); box-shadow: 1px 1px 2px rgba(0,0,0,.9); background: #fff; border-radius: 50%; width: 8px; height: 8px; cursor: pointer; display: inline-block; margin: 0 8px } .carousel .control-dots .dot.selected,.carousel .control-dots .dot:hover { opacity: 1; filter: alpha(opacity=100) } .carousel .carousel-status { position: absolute; top: 0; right: 0; padding: 5px; font-size: 10px; text-shadow: 1px 1px 1px rgba(0,0,0,.9); color: #fff } .carousel:hover .slide .legend { opacity: 1 }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c7c983e */.ribbon { margin: 0 auto } .ribbon [class*=ribbon-] { margin: 74px auto 0; transform-origin: 50% 50%; transform: rotate(-8.5deg); position: relative; z-index: 4; width: 150px; height: 26px } .ribbon [class*=ribbon-] .inner { background: #e00000; color: #fff; text-transform: uppercase; text-align: center; display: block; width: 0; height: 100%; font-size: .5em; text-shadow: 3px 3px 1px #001b47; position: relative; z-index: 2; transform: skewX(-9deg); transition: width .12s ease-in-out } .ribbon [class*=ribbon-]:before { content: ""; transform-origin: 0 0; transform: rotate(-17.25deg) skewX(-9deg) translateX(158px); display: block; width: 0; height: 100%; position: absolute; top: 0; left: 4px; background: #c90000; z-index: -1; transition: all .12s ease-in-out .7s } .ribbon .ribbon-1 .inner { letter-spacing: 2px; font-weight: 700 } .ribbon.active .inner { width: 100% } .ribbon.active .ribbon-1 .inner { transition-delay: .82s } .ribbon.active .ribbon-1:before { width: 90px; transform: rotate(-17.25deg) skewX(-9deg) translateX(0) } .ribbon .ribbon-2 { z-index: 3; font-size: 35px; width: 200px; height: 50px; margin-top: 22px } .ribbon .ribbon-2 .inner:after,.ribbon .ribbon-2 .inner:before { content: ""; position: absolute; top: 14px; left: 14px; right: 14px; bottom: 14px; transition: opacity .3s ease-in-out 1.86s } .ribbon .ribbon-2 .inner:before { transform-origin: 50% 50%; transform: rotate(180deg) } .ribbon .ribbon-2:before { width: 0; left: 11px; transform: rotate(-10.25deg) skewX(-9deg) translateX(451px); height: 27px; transition-delay: .94s } .ribbon.active .ribbon-2 .inner { transition-delay: 1.06s; padding: 11px 0 } .ribbon.active .ribbon-2 .inner:after,.ribbon.active .ribbon-2 .inner:before { opacity: 1 } .ribbon.active .ribbon-2:before { width: 175px; transform: rotate(-15.5deg) skewX(-9deg) translateX(0) } .ribbon .ribbon-3 { z-index: 2; font-size: 15px; width: 126px; height: 26px; margin-top: 24px } .ribbon .ribbon-3 .inner { color: #fff } .ribbon.active .ribbon-3 .inner { transition-delay: 1.3s } .ribbon.active .ribbon-3:before { width: 170px; transform: rotate(-18.25deg) skewX(-9deg) translateX(0) } .ribbon.active .ribbon-3:after { width: 56px; transform: rotate(-15.3deg) skewX(9deg) translateX(0) } .ribbon .ball { width: 80px; height: 80px; background: #000; border-radius: 45px; padding: 17px 10px 0; text-align: center; color: #e00000; border: 10px solid #c90000; margin: -87px auto 0; position: relative; left: 4; top: 60px; z-index: 1; transform-origin: 50% 50%; transform: rotate(-8.5deg) } .ribbon .ball .ball-text { font-size: 12px; line-height: 1.2; text-align: right; display: block; width: 119px } .ribbon .ball .ball-text strong { font-size: 39px; font-style: italic; display: block; margin: 0 auto } .ribbon .fadeLeft { transform: translateX(-100%) } .ribbon .fadeLeft,.ribbon .fadeRight { opacity: 0; transition: all .3s ease-in-out 1.56s; display: block } .ribbon .fadeRight { transform: translateX(100%) } .ribbon .fadeIn { opacity: 0; transition: all .3s ease-in-out 1.42s; display: block } .ribbon.active .fadeLeft,.ribbon.active .fadeRight { opacity: 1; transform: translateX(0) } .ribbon.active .fadeIn { opacity: 1 } /* ! tailwindcss v3.3.0 | MIT License | https://tailwindcss.com */ *,:after,:before { box-sizing: border-box; border: 0 solid #e5e7eb } :after,:before { --tw-content: "" } html { line-height: 1.5; -webkit-text-size-adjust: 100%; -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4; font-family: ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji; font-feature-settings: normal; font-variation-settings: normal } body { margin: 0; line-height: inherit } hr { height: 0; color: inherit; border-top-width: 1px } abbr:where([title]) { -webkit-text-decoration: underline dotted; text-decoration: underline dotted } h1,h2,h3,h4,h5,h6 { font-size: inherit; font-weight: inherit } a { text-decoration: inherit } b,strong { font-weight: bolder } code,kbd,pre,samp { font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace; font-size: 1em } small { font-size: 80% } sub,sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } sub { bottom: -.25em } sup { top: -.5em } table { text-indent: 0; border-color: inherit; border-collapse: collapse } button,input,optgroup,select,textarea { font-family: inherit; font-size: 100%; font-weight: inherit; line-height: inherit; color: inherit; margin: 0; padding: 0 } button,select { text-transform: none } [type=button],[type=reset],[type=submit],button { -webkit-appearance: button; background-color: transparent; background-image: none } :-moz-focusring { outline: auto } :-moz-ui-invalid { box-shadow: none } progress { vertical-align: baseline } ::-webkit-inner-spin-button,::-webkit-outer-spin-button { height: auto } [type=search] { -webkit-appearance: textfield; outline-offset: -2px } ::-webkit-search-decoration { -webkit-appearance: none } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit } summary { display: list-item } blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre { margin: 0 } fieldset { margin: 0 } fieldset,legend { padding: 0 } menu,ol,ul { list-style: none; margin: 0; padding: 0 } textarea { resize: vertical } input::-moz-placeholder,textarea::-moz-placeholder { opacity: 1; color: #9ca3af } input::placeholder,textarea::placeholder { opacity: 1; color: #9ca3af } [role=button],button { cursor: pointer } :disabled { cursor: default } audio,canvas,embed,iframe,img,object,svg,video { display: block; vertical-align: middle } img,video { max-width: 100%; height: auto } [hidden] { display: none } li,ol,ul { margin: revert; padding: revert; list-style: revert } h1 { font-size: 1.875rem; line-height: 2.25rem } h2 { font-size: 1.5rem; line-height: 2rem } h3 { font-size: 1.25rem } h3,h4 { line-height: 1.75rem } h4 { font-size: 1.125rem } a { --tw-text-opacity: 1; color: rgb(37 99 235/var(--tw-text-opacity)); text-decoration-line: underline } *,:after,:before { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --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-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: } ::backdrop { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --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-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: } .container { width: 100% } @media (min-width: 640px) { .container { max-width:640px } } @media (min-width: 768px) { .container { max-width:768px } } @media (min-width: 1024px) { .container { max-width:1024px } } @media (min-width: 1280px) { .container { max-width:1280px } } @media (min-width: 1536px) { .container { max-width:1536px } } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border-width: 0 } .static { position: static } .fixed { position: fixed } .absolute { position: absolute } .relative { position: relative } .inset-0 { inset: 0 } .inset-x-0 { left: 0; right: 0 } .bottom-2 { bottom: .5rem } .right-0 { right: 0 } .top-0 { top: 0 } .z-10 { z-index: 10 } .z-50 { z-index: 50 } .col-span-1 { grid-column: span 1/span 1 } .col-span-2 { grid-column: span 2/span 2 } .col-span-3 { grid-column: span 3/span 3 } .col-start-1 { grid-column-start: 1 } .col-start-2 { grid-column-start: 2 } .col-end-1 { grid-column-end: 1 } .col-end-2 { grid-column-end: 2 } .col-end-7 { grid-column-end: 7 } .-m-3 { margin: -.75rem } .m-0 { margin: 0 } .m-1 { margin: .25rem } .m-4 { margin: 1rem } .-my-2 { margin-top: -.5rem; margin-bottom: -.5rem } .mx-1 { margin-left: .25rem; margin-right: .25rem } .mx-2 { margin-left: .5rem; margin-right: .5rem } .mx-auto { margin-left: auto; margin-right: auto } .my-1 { margin-top: .25rem; margin-bottom: .25rem } .my-10 { margin-top: 2.5rem; margin-bottom: 2.5rem } .my-2 { margin-top: .5rem; margin-bottom: .5rem } .my-3 { margin-top: .75rem; margin-bottom: .75rem } .my-4 { margin-top: 1rem; margin-bottom: 1rem } .my-5 { margin-top: 1.25rem; margin-bottom: 1.25rem } .my-6 { margin-top: 1.5rem; margin-bottom: 1.5rem } .my-7 { margin-top: 1.75rem; margin-bottom: 1.75rem } .-ml-4 { margin-left: -1rem } .-mr-1 { margin-right: -.25rem } .-mr-2 { margin-right: -.5rem } .mb-1 { margin-bottom: .25rem } .mb-10 { margin-bottom: 2.5rem } .mb-14 { margin-bottom: 3.5rem } .mb-16 { margin-bottom: 4rem } .mb-2 { margin-bottom: .5rem } .mb-3 { margin-bottom: .75rem } .mb-4 { margin-bottom: 1rem } .mb-6 { margin-bottom: 1.5rem } .ml-1 { margin-left: .25rem } .ml-2 { margin-left: .5rem } .ml-3 { margin-left: .75rem } .ml-4 { margin-left: 1rem } .ml-5 { margin-left: 1.25rem } .ml-6 { margin-left: 1.5rem } .mr-0 { margin-right: 0 } .mr-1 { margin-right: .25rem } .mr-2 { margin-right: .5rem } .mr-3 { margin-right: .75rem } .mr-4 { margin-right: 1rem } .mt-1 { margin-top: .25rem } .mt-10 { margin-top: 2.5rem } .mt-2 { margin-top: .5rem } .mt-20 { margin-top: 5rem } .mt-3 { margin-top: .75rem } .mt-4 { margin-top: 1rem } .mt-5 { margin-top: 1.25rem } .mt-6 { margin-top: 1.5rem } .mt-7 { margin-top: 1.75rem } .mt-\[80px\] { margin-top: 80px } .block { display: block } .inline-block { display: inline-block } .flex { display: flex } .inline-flex { display: inline-flex } .grid { display: grid } .contents { display: contents } .hidden { display: none } .h-0 { height: 0 } .h-10 { height: 2.5rem } .h-16 { height: 4rem } .h-20 { height: 5rem } .h-24 { height: 6rem } .h-3 { height: .75rem } .h-32 { height: 8rem } .h-40 { height: 10rem } .h-48 { height: 12rem } .h-5 { height: 1.25rem } .h-6 { height: 1.5rem } .h-\[130px\] { height: 130px } .h-\[180px\] { height: 180px } .h-\[200px\] { height: 200px } .h-\[250px\] { height: 250px } .h-\[28px\] { height: 28px } .h-\[60px\] { height: 60px } .h-\[680px\] { height: 680px } .h-full { height: 100% } .max-h-28 { max-height: 7rem } .max-h-52 { max-height: 13rem } .min-h-\[202\] { min-height: 202 } .min-h-\[370px\] { min-height: 370px } .w-0 { width: 0 } .w-10 { width: 2.5rem } .w-10\/12 { width: 83.333333% } .w-20 { width: 5rem } .w-24 { width: 6rem } .w-28 { width: 7rem } .w-3 { width: .75rem } .w-32 { width: 8rem } .w-40 { width: 10rem } .w-48 { width: 12rem } .w-5 { width: 1.25rem } .w-56 { width: 14rem } .w-6 { width: 1.5rem } .w-\[341px\] { width: 341px } .w-\[365px\] { width: 365px } .w-\[60px\] { width: 60px } .w-\[70px\] { width: 70px } .w-\[95\%\] { width: 95% } .w-full { width: 100% } .w-max { width: -moz-max-content; width: max-content } .w-min { width: -moz-min-content; width: min-content } .w-screen { width: 100vw } .min-w-\[208px\] { min-width: 208px } .max-w-7xl { max-width: 80rem } .max-w-full { max-width: 100% } .max-w-max { max-width: -moz-max-content; max-width: max-content } .max-w-md { max-width: 28rem } .max-w-xl { max-width: 36rem } .max-w-xs { max-width: 20rem } .flex-1 { flex: 1 1 0% } .flex-auto { flex: 1 1 auto } .flex-initial { flex: 0 1 auto } .flex-none { flex: none } .flex-shrink-0 { flex-shrink: 0 } .origin-top-right { transform-origin: top right } .translate-y-0 { --tw-translate-y: 0px } .translate-y-0,.translate-y-1 { transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .translate-y-1 { --tw-translate-y: 0.25rem } .scale-100 { --tw-scale-x: 1; --tw-scale-y: 1 } .scale-100,.scale-95 { transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .scale-95 { --tw-scale-x: .95; --tw-scale-y: .95 } .transform { transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } @keyframes bounce { 0%,to { transform: translateY(-25%); animation-timing-function: cubic-bezier(.8,0,1,1) } 50% { transform: none; animation-timing-function: cubic-bezier(0,0,.2,1) } } .animate-bounce { animation: bounce 1s infinite } .cursor-pointer { cursor: pointer } .resize { resize: both } .list-disc { list-style-type: disc } .grid-flow-col { grid-auto-flow: column } .grid-cols-1 { grid-template-columns: repeat(1,minmax(0,1fr)) } .grid-cols-3 { grid-template-columns: repeat(3,minmax(0,1fr)) } .grid-cols-4 { grid-template-columns: repeat(4,minmax(0,1fr)) } .grid-rows-4 { grid-template-rows: repeat(4,minmax(0,1fr)) } .flex-row { flex-direction: row } .flex-row-reverse { flex-direction: row-reverse } .flex-col { flex-direction: column } .flex-wrap { flex-wrap: wrap } .items-start { align-items: flex-start } .items-end { align-items: flex-end } .items-center { align-items: center } .justify-start { justify-content: flex-start } .justify-end { justify-content: flex-end } .justify-center { justify-content: center } .justify-between { justify-content: space-between } .justify-around { justify-content: space-around } .justify-stretch { justify-content: stretch } .gap-0 { gap: 0 } .gap-10 { gap: 2.5rem } .gap-2 { gap: .5rem } .gap-20 { gap: 5rem } .gap-4 { gap: 1rem } .gap-5 { gap: 1.25rem } .gap-6 { gap: 1.5rem } .gap-y-8 { row-gap: 2rem } .space-x-10>:not([hidden])~:not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(2.5rem * var(--tw-space-x-reverse)); margin-left: calc(2.5rem * calc(1 - var(--tw-space-x-reverse))) } .divide-y-2>:not([hidden])~:not([hidden]) { --tw-divide-y-reverse: 0; border-top-width: calc(2px * calc(1 - var(--tw-divide-y-reverse))); border-bottom-width: calc(2px * var(--tw-divide-y-reverse)) } .self-start { align-self: flex-start } .self-end { align-self: flex-end } .self-center { align-self: center } .overflow-hidden { overflow: hidden } .overflow-clip { overflow: clip } .overflow-scroll { overflow: scroll } .overflow-x-scroll { overflow-x: scroll } .overflow-y-scroll { overflow-y: scroll } .break-words { overflow-wrap: break-word } .rounded { border-radius: .25rem } .rounded-full { border-radius: 9999px } .rounded-lg { border-radius: .5rem } .rounded-md { border-radius: .375rem } .rounded-none { border-radius: 0 } .rounded-xl { border-radius: .75rem } .border { border-width: 1px } .border-0 { border-width: 0 } .border-2 { border-width: 2px } .border-l-2 { border-left-width: 2px } .border-t-2 { border-top-width: 2px } .border-solid { border-style: solid } .border-\[\#c8c8c8\] { --tw-border-opacity: 1; border-color: rgb(200 200 200/var(--tw-border-opacity)) } .border-\[\#e00000\] { --tw-border-opacity: 1; border-color: rgb(224 0 0/var(--tw-border-opacity)) } .border-gray-200 { --tw-border-opacity: 1; border-color: rgb(229 231 235/var(--tw-border-opacity)) } .border-gray-300 { --tw-border-opacity: 1; border-color: rgb(209 213 219/var(--tw-border-opacity)) } .border-gray-500 { --tw-border-opacity: 1; border-color: rgb(107 114 128/var(--tw-border-opacity)) } .border-red-700 { --tw-border-opacity: 1; border-color: rgb(185 28 28/var(--tw-border-opacity)) } .border-transparent { border-color: transparent } .border-l-gray-500 { --tw-border-opacity: 1; border-left-color: rgb(107 114 128/var(--tw-border-opacity)) } .border-opacity-20 { --tw-border-opacity: 0.2 } .bg-\[\#0000\] { background-color: #0000 } .bg-\[\#0006\] { background-color: #0006 } .bg-\[\#000\] { --tw-bg-opacity: 1; background-color: rgb(0 0 0/var(--tw-bg-opacity)) } .bg-\[\#1d1f1f80\] { background-color: #1d1f1f80 } .bg-\[\#3335\] { background-color: #3335 } .bg-\[\#333\] { --tw-bg-opacity: 1; background-color: rgb(51 51 51/var(--tw-bg-opacity)) } .bg-\[\#3b3b3b\] { --tw-bg-opacity: 1; background-color: rgb(59 59 59/var(--tw-bg-opacity)) } .bg-\[\#494949\] { --tw-bg-opacity: 1; background-color: rgb(73 73 73/var(--tw-bg-opacity)) } .bg-\[\#595959\] { --tw-bg-opacity: 1; background-color: rgb(89 89 89/var(--tw-bg-opacity)) } .bg-\[\#5f5f5f3f\] { background-color: #5f5f5f3f } .bg-\[\#5f5f5f5d\] { background-color: #5f5f5f5d } .bg-\[\#e0000028\] { background-color: #e0000028 } .bg-\[\#ffffff1e\] { background-color: #ffffff1e } .bg-\[rgba\(51\2c 51\2c 51\2c 0\.33\)\] { background-color: rgba(51,51,51,.33) } .bg-black { --tw-bg-opacity: 1; background-color: rgb(0 0 0/var(--tw-bg-opacity)) } .bg-gray-700 { --tw-bg-opacity: 1; background-color: rgb(55 65 81/var(--tw-bg-opacity)) } .bg-red-600 { --tw-bg-opacity: 1; background-color: rgb(220 38 38/var(--tw-bg-opacity)) } .bg-transparent { background-color: transparent } .bg-white { --tw-bg-opacity: 1; background-color: rgb(255 255 255/var(--tw-bg-opacity)) } .bg-opacity-50 { --tw-bg-opacity: 0.5 } .p-2 { padding: .5rem } .p-3 { padding: .75rem } .p-4 { padding: 1rem } .p-5 { padding: 1.25rem } .px-0 { padding-left: 0; padding-right: 0 } .px-1 { padding-left: .25rem; padding-right: .25rem } .px-10 { padding-left: 2.5rem; padding-right: 2.5rem } .px-2 { padding-left: .5rem; padding-right: .5rem } .px-3 { padding-left: .75rem; padding-right: .75rem } .px-4 { padding-left: 1rem; padding-right: 1rem } .px-5 { padding-left: 1.25rem; padding-right: 1.25rem } .px-6 { padding-left: 1.5rem; padding-right: 1.5rem } .py-1 { padding-top: .25rem; padding-bottom: .25rem } .py-2 { padding-top: .5rem; padding-bottom: .5rem } .py-2\.5 { padding-top: .625rem; padding-bottom: .625rem } .py-3 { padding-top: .75rem; padding-bottom: .75rem } .py-4 { padding-top: 1rem; padding-bottom: 1rem } .py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem } .py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem } .py-8 { padding-top: 2rem; padding-bottom: 2rem } .\!pt-0 { padding-top: 0!important } .\!pt-4 { padding-top: 1rem!important } .pb-2 { padding-bottom: .5rem } .pb-3 { padding-bottom: .75rem } .pb-4 { padding-bottom: 1rem } .pb-6 { padding-bottom: 1.5rem } .pl-4 { padding-left: 1rem } .pl-5 { padding-left: 1.25rem } .pr-1 { padding-right: .25rem } .pr-2 { padding-right: .5rem } .pt-1 { padding-top: .25rem } .pt-10 { padding-top: 2.5rem } .pt-2 { padding-top: .5rem } .pt-4 { padding-top: 1rem } .pt-5 { padding-top: 1.25rem } .pt-6 { padding-top: 1.5rem } .pt-8 { padding-top: 2rem } .pt-9 { padding-top: 2.25rem } .text-left { text-align: left } .text-center { text-align: center } .text-justify { text-align: justify } .text-start { text-align: start } .align-top { vertical-align: top } .align-middle { vertical-align: middle } .font-mono { font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace } .text-2xl { font-size: 1.5rem; line-height: 2rem } .text-3xl { font-size: 1.875rem; line-height: 2.25rem } .text-4xl { font-size: 2.25rem; line-height: 2.5rem } .text-base { font-size: 1rem; line-height: 1.5rem } .text-lg { font-size: 1.125rem; line-height: 1.75rem } .text-sm { font-size: .875rem; line-height: 1.25rem } .text-xl { font-size: 1.25rem; line-height: 1.75rem } .font-bold { font-weight: 700 } .font-light { font-weight: 300 } .font-medium { font-weight: 500 } .font-normal { font-weight: 400 } .font-thin { font-weight: 100 } .leading-7 { line-height: 1.75rem } .leading-8 { line-height: 2rem } .tracking-wide { letter-spacing: .025em } .text-\[\#dfdfdf\] { --tw-text-opacity: 1; color: rgb(223 223 223/var(--tw-text-opacity)) } .text-\[\#e00000\] { --tw-text-opacity: 1; color: rgb(224 0 0/var(--tw-text-opacity)) } .text-\[\#efefef\] { --tw-text-opacity: 1; color: rgb(239 239 239/var(--tw-text-opacity)) } .text-gray-200 { --tw-text-opacity: 1; color: rgb(229 231 235/var(--tw-text-opacity)) } .text-gray-300 { --tw-text-opacity: 1; color: rgb(209 213 219/var(--tw-text-opacity)) } .text-gray-400 { --tw-text-opacity: 1; color: rgb(156 163 175/var(--tw-text-opacity)) } .text-gray-700 { --tw-text-opacity: 1; color: rgb(55 65 81/var(--tw-text-opacity)) } .text-red-600 { --tw-text-opacity: 1; color: rgb(220 38 38/var(--tw-text-opacity)) } .text-red-700 { --tw-text-opacity: 1; color: rgb(185 28 28/var(--tw-text-opacity)) } .text-white { --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity)) } .underline { text-decoration-line: underline } .opacity-0 { opacity: 0 } .opacity-100 { opacity: 1 } .shadow { --tw-shadow: 0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color) } .shadow,.shadow-lg { box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow) } .shadow-lg { --tw-shadow: 0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color) } .shadow-md { --tw-shadow: 0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color) } .shadow-md,.shadow-sm { box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow) } .shadow-sm { --tw-shadow: 0 1px 2px 0 rgba(0,0,0,.05); --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color) } .shadow-xl { --tw-shadow: 0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1); --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow) } .shadow-\[\#e00000\] { --tw-shadow-color: #e00000; --tw-shadow: var(--tw-shadow-colored) } .outline { outline-style: solid } .ring-1 { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000) } .ring-black { --tw-ring-opacity: 1; --tw-ring-color: rgb(0 0 0/var(--tw-ring-opacity)) } .ring-opacity-5 { --tw-ring-opacity: 0.05 } .blur { --tw-blur: blur(8px) } .blur,.filter { filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) } .backdrop-blur-sm { --tw-backdrop-blur: blur(4px) } .backdrop-blur-sm,.backdrop-brightness-50 { -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia) } .backdrop-brightness-50 { --tw-backdrop-brightness: brightness(.5) } .transition { transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter; transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter; transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-duration: .15s } .transition-all { transition-property: all; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-duration: .15s } .transition-opacity { transition-property: opacity; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-duration: .15s } .duration-100 { transition-duration: .1s } .duration-150 { transition-duration: .15s } .duration-200 { transition-duration: .2s } .duration-75 { transition-duration: 75ms } .ease-in { transition-timing-function: cubic-bezier(.4,0,1,1) } .ease-out { transition-timing-function: cubic-bezier(0,0,.2,1) } @font-face { font-family: AudiowideRegular; src: url(/_next/static/media/Audiowide-Regular.c9ac79ff.ttf) } .audiowide { font-family: AudiowideRegular } :root { --max-width: 1100px; --border-radius: 12px; --font-mono: ui-monospace,Menlo,Monaco,"Cascadia Mono","Segoe UI Mono","Roboto Mono","Oxygen Mono","Ubuntu Monospace","Source Code Pro","Fira Mono","Droid Sans Mono","Courier New",monospace } @media (prefers-color-scheme: dark) { :root { --foreground-rgb:255,255,255; --background-start-rgb: 0,0,0; --background-end-rgb: 0,0,0; --primary-glow: radial-gradient(rgba(255,1,1,.4),rgba(255,1,1,0)); --secondary-glow: linear-gradient(to bottom right,rgba(255,1,1,0),rgba(255,1,1,0),rgba(255,1,1,.3)); --tile-start-rgb: 2,13,46; --tile-end-rgb: 2,5,19; --tile-border: conic-gradient(#ffffff80,#ffffff40,#ffffff30,#ffffff20,#ffffff10,#ffffff10,#ffffff80); --callout-rgb: 20,20,20; --callout-border-rgb: 108,108,108; --card-rgb: 100,100,100; --card-border-rgb: 200,200,200 } } @media (prefers-color-scheme: light) { :root { --foreground-rgb:255,255,255; --background-start-rgb: 0,0,0; --background-end-rgb: 0,0,0; --primary-glow: radial-gradient(rgba(255,1,1,.4),rgba(255,1,1,0)); --secondary-glow: linear-gradient(to bottom right,rgba(255,1,1,0),rgba(255,1,1,0),rgba(255,1,1,.3)); --tile-start-rgb: 2,13,46; --tile-end-rgb: 2,5,19; --tile-border: conic-gradient(#ffffff80,#ffffff40,#ffffff30,#ffffff20,#ffffff10,#ffffff10,#ffffff80); --callout-rgb: 20,20,20; --callout-border-rgb: 108,108,108; --card-rgb: 100,100,100; --card-border-rgb: 200,200,200 } } * { box-sizing: border-box; padding: 0; margin: 0 } body,html { max-width: 100vw; overflow-x: hidden } body { color: rgb(var(--foreground-rgb)); background: linear-gradient(to bottom,transparent,rgb(var(--background-end-rgb))) rgb(var(--background-start-rgb)) } a { color: inherit; text-decoration: none } @media (prefers-color-scheme: dark) { html { color-scheme:dark } } .page-back { background-color: #151515 } .contactus-form { box-sizing: border-box } .contactus-form h2 { padding: 0; color: #fff; text-align: center } .contactus-form .input-box { position: relative } .contactus-form .input-box input { width: 100%; padding: 10px 0; font-size: 20px; color: #fff; margin-bottom: 30px; border: none; border-bottom: 1px solid #fff; outline: none; background: transparent } .contactus-form .input-box label { position: absolute; top: 0; left: 0; padding: 10px 0; font-size: 20px; color: #fff; pointer-events: none; transition: .5s } .contactus-form .input-box input:focus~label,.contactus-form .input-box input:valid~label { top: -20px; left: 0; color: #03e9f4; font-size: 12px } .contactus-form form a { position: relative; display: inline-block; padding: 10px 20px; color: #03e9f4; font-size: 20px; text-decoration: none; text-transform: uppercase; overflow: hidden; transition: .5s; margin-top: 40px; letter-spacing: 4px } .contactus-form a:hover { background: #03e9f4; color: #fff; border-radius: 5px; box-shadow: 0 0 5px #03e9f4,0 0 25px #03e9f4,0 0 50px #03e9f4,0 0 100px #03e9f4 } .contactus-form a span { position: absolute; display: block } .contactus-form a span:first-child { top: 0; left: -100%; width: 100%; height: 2px; background: linear-gradient(90deg,transparent,#03e9f4); animation: btn-anim1 1s linear infinite } @keyframes btn-anim1 { 0% { left: -100% } 50%,to { left: 100% } } .contactus-form a span:nth-child(2) { top: -100%; right: 0; width: 2px; height: 100%; background: linear-gradient(180deg,transparent,#03e9f4); animation: btn-anim2 1s linear infinite; animation-delay: .25s } @keyframes btn-anim2 { 0% { top: -100% } 50%,to { top: 100% } } .contactus-form a span:nth-child(3) { bottom: 0; right: -100%; width: 100%; height: 2px; background: linear-gradient(270deg,transparent,#03e9f4); animation: btn-anim3 1s linear infinite; animation-delay: .5s } @keyframes btn-anim3 { 0% { right: -100% } 50%,to { right: 100% } } .contactus-form a span:nth-child(4) { bottom: -100%; left: 0; width: 2px; height: 100%; background: linear-gradient(1turn,transparent,#03e9f4); animation: btn-anim4 1s linear infinite; animation-delay: .75s } @keyframes btn-anim4 { 0% { bottom: -100% } 50%,to { bottom: 100% } } .button-box { justify-content: center } .arrow-down,.button-box { display: flex; align-items: center } .arrow-down { width: 0; height: 0; border-left: 80px solid transparent; border-right: 80px solid transparent; border-top: 80px solid #e004; flex-direction: row; justify-items: center } .red { background: red; background-image: radial-gradient(brown,transparent); background-size: 5px 5px; border-radius: 50%; top: 20px; animation: red 13s infinite; border: 2px dotted red; box-shadow: inset 0 0 20px #111,0 0 10px red } .red,.yellow { width: 50px; height: 50px; left: 35px } .yellow { background: #ff0; background-image: radial-gradient(orange,transparent); background-size: 5px 5px; border-radius: 50%; border: 2px dotted #ff0; top: 145px; animation: #ff0 13s infinite; box-shadow: inset 0 0 20px #111,0 0 10px #ff0 } .green { background: green; background-image: radial-gradient(lime,transparent); background-size: 5px 5px; width: 50px; height: 50px; border-radius: 50%; border: 2px dotted lime; top: 270px; left: 35px; box-shadow: inset 0 0 20px #111,0 0 10px lime; animation: green 13s infinite } @keyframes red { 0% { opacity: 1 } 20% { opacity: 1 } 40% { opacity: 1 } 60% { opacity: .1 } 80% { opacity: .1 } to { opacity: .1 } } @keyframes yellow { 0% { opacity: .1 } 20% { opacity: .1 } 40% { opacity: 1 } 50% { opacity: .1 } 60% { opacity: .1 } 80% { opacity: .1 } 86% { opacity: 1 } to { opacity: 1 } } @keyframes green { 0% { opacity: .1 } 40% { opacity: .1 } 60% { opacity: 1 } 80% { opacity: 1 } 83% { opacity: .1 } to { opacity: .1 } } input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover { -webkit-transition: background-color 5000s ease-in-out 0s; transition: background-color 5000s ease-in-out 0s; -webkit-text-fill-color: #fff!important } .sessions { margin-top: 2rem; position: relative; list-style-type: none } .timeline-list-item { padding-bottom: 1.5rem; border-left: 1px solid #edaaaa; position: relative; padding-left: 20px; margin-left: 10px } .timeline-list-item:last-child { border: 0; padding-bottom: 0 } .timeline-list-item:before { content: ""; width: 15px; height: 15px; background: #e00000; border: 1px solid #fff; border-radius: 50%; position: absolute; left: -8px; top: 0 } .card { position: relative } .card:nth-child(odd) { padding: 30px 0 30px 30px } .card:nth-child(2n) { padding: 30px 30px 30px 0 } .card:before { content: ""; position: absolute; width: 50%; border: solid #ff4500 } .card:nth-child(odd):before { left: 0; top: -4.5px; bottom: -4.5px; border-width: 5px 0 5px 5px; border-radius: 50px 0 0 50px } @media only screen and (max-width: 400px) { .card:nth-child(odd):before { top:-5px; bottom: -5px } } .card:nth-child(2n):before { right: 0; top: 0; bottom: 0; border-width: 5px 5px 5px 0; border-radius: 0 50px 50px 0 } .card:first-child:before { border-top: 0; border-top-left-radius: 0 } .card:last-child:nth-child(odd):before { border-bottom: 0; border-bottom-left-radius: 0 } .card:last-child:nth-child(2n):before { border-bottom: 0; border-bottom-right-radius: 0 } .info { display: flex; flex-direction: column; border-radius: 10px; padding: 10px } .title { color: #ff4500; position: relative } .title:before { content: ""; position: absolute; width: 20px; height: 20px; background: #fff; border-radius: 999px; border: 3px solid #ff4500 } .card:nth-child(2n)>.info>.title { text-align: right } .card:nth-child(odd)>.info>.title:before { left: -45px } .card:nth-child(2n)>.info>.title:before { right: -45px } .flash-ribbon { --f: 10px; --r: 15px; --t: 0px; position: absolute; inset: var(--t) -10px auto auto; padding: 0 10px var(--f) calc(10px + var(--r)); -webkit-clip-path: polygon(0 0,100% 0,100% calc(100% - var(--f)),calc(100% - var(--f)) 100%,calc(100% - var(--f)) calc(100% - var(--f)),0 calc(100% - var(--f)),var(--r) calc(50% - var(--f) / 2)); clip-path: polygon(0 0,100% 0,100% calc(100% - var(--f)),calc(100% - var(--f)) 100%,calc(100% - var(--f)) calc(100% - var(--f)),0 calc(100% - var(--f)),var(--r) calc(50% - var(--f) / 2)); background: #d00; box-shadow: 0 calc(-1 * var(--f)) 0 inset #0005 } .pill-tag { background-color: #3f3f3f; color: #fff; padding: 2px 10px; border-radius: 20px; margin: 4px 5px 0 0; font-size: small } * { scrollbar-width: 10px; scrollbar-color: #555 #000300; scrollbar-arrow-color:#000300;scrollbar-3dlight-color: #e00000 } ::-webkit-scrollbar { width: 10px; height: 10px } ::-webkit-scrollbar-track { background: #000 } ::-webkit-scrollbar-thumb { background: #555 } ::-webkit-scrollbar-thumb:hover { background: #353535 } ::-webkit-scrollbar-button { background: #353535; height: 10px; width: 10px } .hover\:bg-\[\#3333\]:hover { background-color: #3333 } .hover\:bg-\[\#5f5f5f83\]:hover { background-color: #5f5f5f83 } .hover\:bg-black:hover { --tw-bg-opacity: 1; background-color: rgb(0 0 0/var(--tw-bg-opacity)) } .hover\:bg-gray-50:hover { --tw-bg-opacity: 1; background-color: rgb(249 250 251/var(--tw-bg-opacity)) } .hover\:bg-gray-700:hover { --tw-bg-opacity: 1; background-color: rgb(55 65 81/var(--tw-bg-opacity)) } .hover\:bg-gray-900:hover { --tw-bg-opacity: 1; background-color: rgb(17 24 39/var(--tw-bg-opacity)) } .hover\:bg-red-700:hover { --tw-bg-opacity: 1; background-color: rgb(185 28 28/var(--tw-bg-opacity)) } .hover\:bg-red-800:hover { --tw-bg-opacity: 1; background-color: rgb(153 27 27/var(--tw-bg-opacity)) } .hover\:text-\[\#e00000\]:hover { --tw-text-opacity: 1; color: rgb(224 0 0/var(--tw-text-opacity)) } .hover\:text-gray-200:hover { --tw-text-opacity: 1; color: rgb(229 231 235/var(--tw-text-opacity)) } .hover\:text-gray-500:hover { --tw-text-opacity: 1; color: rgb(107 114 128/var(--tw-text-opacity)) } .hover\:text-red-500:hover { --tw-text-opacity: 1; color: rgb(239 68 68/var(--tw-text-opacity)) } .hover\:text-white:hover { --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity)) } .focus\:outline-none:focus { outline: 2px solid transparent; outline-offset: 2px } .focus\:ring-0:focus { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color) } .focus\:ring-0:focus,.focus\:ring-2:focus { box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000) } .focus\:ring-2:focus { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color) } .focus\:ring-4:focus { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000) } .focus\:ring-indigo-500:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(99 102 241/var(--tw-ring-opacity)) } .focus\:ring-red-300:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(252 165 165/var(--tw-ring-opacity)) } .focus\:ring-red-500:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(239 68 68/var(--tw-ring-opacity)) } .focus\:ring-red-700:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(185 28 28/var(--tw-ring-opacity)) } .focus\:ring-white:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(255 255 255/var(--tw-ring-opacity)) } .focus\:ring-offset-1:focus { --tw-ring-offset-width: 1px } .focus\:ring-offset-2:focus { --tw-ring-offset-width: 2px } .disabled\:cursor-not-allowed:disabled { cursor: not-allowed } .disabled\:bg-gray-700:disabled { --tw-bg-opacity: 1; background-color: rgb(55 65 81/var(--tw-bg-opacity)) } @media (prefers-color-scheme: dark) { .dark\:border-red-500 { --tw-border-opacity:1; border-color: rgb(239 68 68/var(--tw-border-opacity)) } .dark\:text-red-500 { --tw-text-opacity: 1; color: rgb(239 68 68/var(--tw-text-opacity)) } .dark\:hover\:bg-red-600:hover { --tw-bg-opacity: 1; background-color: rgb(220 38 38/var(--tw-bg-opacity)) } .dark\:hover\:text-white:hover { --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity)) } .dark\:focus\:ring-red-900:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(127 29 29/var(--tw-ring-opacity)) } } @media (min-width: 640px) { .sm\:mx-8 { margin-left:2rem; margin-right: 2rem } .sm\:mb-8 { margin-bottom: 2rem } .sm\:ml-3 { margin-left: .75rem } .sm\:ml-4 { margin-left: 1rem } .sm\:mr-8 { margin-right: 2rem } .sm\:mt-0 { margin-top: 0 } .sm\:mt-20 { margin-top: 5rem } .sm\:flex { display: flex } .sm\:h-\[350px\] { height: 350px } .sm\:h-\[700px\] { height: 700px } .sm\:w-1\/2 { width: 50% } .sm\:w-3\/4 { width: 75% } .sm\:w-8\/12 { width: 66.666667% } .sm\:w-auto { width: auto } .sm\:w-full { width: 100% } .sm\:grid-cols-1 { grid-template-columns: repeat(1,minmax(0,1fr)) } .sm\:grid-cols-2 { grid-template-columns: repeat(2,minmax(0,1fr)) } .sm\:flex-row { flex-direction: row } .sm\:flex-row-reverse { flex-direction: row-reverse } .sm\:gap-10 { gap: 2.5rem } .sm\:gap-5 { gap: 1.25rem } .sm\:gap-8 { gap: 2rem } .sm\:p-0 { padding: 0 } .sm\:p-5 { padding: 1.25rem } .sm\:p-6 { padding: 1.5rem } .sm\:p-8 { padding: 2rem } .sm\:px-0 { padding-left: 0; padding-right: 0 } .sm\:px-6 { padding-left: 1.5rem; padding-right: 1.5rem } .sm\:pb-4 { padding-bottom: 1rem } .sm\:pr-4 { padding-right: 1rem } .sm\:text-2xl { font-size: 1.5rem; line-height: 2rem } .sm\:text-3xl { font-size: 1.875rem; line-height: 2.25rem } .sm\:text-\[25px\] { font-size: 25px } .sm\:text-lg { font-size: 1.125rem; line-height: 1.75rem } .sm\:text-sm { font-size: .875rem; line-height: 1.25rem } .sm\:text-xl { font-size: 1.25rem; line-height: 1.75rem } .sm\:text-xs { font-size: .75rem; line-height: 1rem } } @media (min-width: 768px) { .md\:mx-4 { margin-left:1rem; margin-right: 1rem } .md\:mt-2 { margin-top: .5rem } .md\:block { display: block } .md\:flex { display: flex } .md\:inline-grid { display: inline-grid } .md\:hidden { display: none } .md\:h-\[600px\] { height: 600px } .md\:w-\[70\%\] { width: 70% } .md\:grid-cols-1 { grid-template-columns: repeat(1,minmax(0,1fr)) } .md\:grid-cols-2 { grid-template-columns: repeat(2,minmax(0,1fr)) } .md\:grid-cols-3 { grid-template-columns: repeat(3,minmax(0,1fr)) } .md\:flex-row { flex-direction: row } .md\:justify-start { justify-content: flex-start } .md\:justify-end { justify-content: flex-end } .md\:gap-60 { gap: 15rem } .md\:space-x-10>:not([hidden])~:not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(2.5rem * var(--tw-space-x-reverse)); margin-left: calc(2.5rem * calc(1 - var(--tw-space-x-reverse))) } .md\:self-start { align-self: flex-start } .md\:self-end { align-self: flex-end } .md\:rounded-xl { border-radius: .75rem } .md\:p-4 { padding: 1rem } .md\:p-7 { padding: 1.75rem } .md\:px-10 { padding-left: 2.5rem; padding-right: 2.5rem } .md\:px-20 { padding-left: 5rem; padding-right: 5rem } .md\:px-7 { padding-left: 1.75rem; padding-right: 1.75rem } .md\:pt-0 { padding-top: 0 } .md\:text-2xl { font-size: 1.5rem; line-height: 2rem } .md\:text-3xl { font-size: 1.875rem; line-height: 2.25rem } .md\:text-\[25px\] { font-size: 25px } .md\:text-lg { font-size: 1.125rem; line-height: 1.75rem } .md\:text-sm { font-size: .875rem; line-height: 1.25rem } .md\:text-xl { font-size: 1.25rem; line-height: 1.75rem } } @media (min-width: 1024px) { .lg\:left-1\/2 { left:50% } .lg\:ml-0 { margin-left: 0 } .lg\:mt-0 { margin-top: 0 } .lg\:flex { display: flex } .lg\:grid { display: grid } .lg\:inline-grid { display: inline-grid } .lg\:hidden { display: none } .lg\:w-0 { width: 0 } .lg\:w-\[40\%\] { width: 40% } .lg\:flex-1 { flex: 1 1 0% } .lg\:-translate-x-1\/2 { --tw-translate-x: -50%; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .lg\:grid-cols-2 { grid-template-columns: repeat(2,minmax(0,1fr)) } .lg\:grid-cols-3 { grid-template-columns: repeat(3,minmax(0,1fr)) } .lg\:grid-cols-5 { grid-template-columns: repeat(5,minmax(0,1fr)) } .lg\:gap-5 { gap: 1.25rem } .lg\:p-16 { padding: 4rem } .lg\:px-0 { padding-left: 0; padding-right: 0 } .lg\:px-16 { padding-left: 4rem; padding-right: 4rem } .lg\:text-2xl { font-size: 1.5rem; line-height: 2rem } .lg\:text-3xl { font-size: 1.875rem; line-height: 2.25rem } .lg\:text-\[25px\] { font-size: 25px } .lg\:text-lg { font-size: 1.125rem; line-height: 1.75rem } .lg\:text-xl { font-size: 1.25rem; line-height: 1.75rem } } @media (min-width: 1280px) { .xl\:grid-cols-2 { grid-template-columns:repeat(2,minmax(0,1fr)) } .xl\:grid-cols-3 { grid-template-columns: repeat(3,minmax(0,1fr)) } .xl\:grid-cols-5 { grid-template-columns: repeat(5,minmax(0,1fr)) } .xl\:p-24 { padding: 6rem } .xl\:px-0 { padding-left: 0; padding-right: 0 } .xl\:px-24 { padding-left: 6rem; padding-right: 6rem } .xl\:text-2xl { font-size: 1.5rem; line-height: 2rem } .xl\:text-3xl { font-size: 1.875rem; line-height: 2.25rem } .xl\:text-4xl { font-size: 2.25rem; line-height: 2.5rem } .xl\:text-\[25px\] { font-size: 25px } .xl\:text-lg { font-size: 1.125rem; line-height: 1.75rem } .xl\:text-xl { font-size: 1.25rem; line-height: 1.75rem } } @media (min-width: 1536px) { .\32xl\:grid-cols-2 { grid-template-columns:repeat(2,minmax(0,1fr)) } .\32xl\:grid-cols-3 { grid-template-columns: repeat(3,minmax(0,1fr)) } .\32xl\:grid-cols-5 { grid-template-columns: repeat(5,minmax(0,1fr)) } .\32xl\:p-24 { padding: 6rem } .\32xl\:px-0 { padding-left: 0; padding-right: 0 } .\32xl\:px-24 { padding-left: 6rem; padding-right: 6rem } .\32xl\:text-2xl { font-size: 1.5rem; line-height: 2rem } .\32xl\:text-3xl { font-size: 1.875rem; line-height: 2.25rem } .\32xl\:text-4xl { font-size: 2.25rem; line-height: 2.5rem } .\32xl\:text-lg { font-size: 1.125rem; line-height: 1.75rem } .\32xl\:text-xl { font-size: 1.25rem; line-height: 1.75rem } .\32xl\:text-\[3xl\] { color: 3xl } } :root { --toastify-color-light: #fff; --toastify-color-dark: #121212; --toastify-color-info: #3498db; --toastify-color-success: #07bc0c; --toastify-color-warning: #f1c40f; --toastify-color-error: #e74c3c; --toastify-color-transparent: hsla(0,0%,100%,.7); --toastify-icon-color-info: var(--toastify-color-info); --toastify-icon-color-success: var(--toastify-color-success); --toastify-icon-color-warning: var(--toastify-color-warning); --toastify-icon-color-error: var(--toastify-color-error); --toastify-toast-width: 320px; --toastify-toast-background: #fff; --toastify-toast-min-height: 64px; --toastify-toast-max-height: 800px; --toastify-font-family: sans-serif; --toastify-z-index: 9999; --toastify-text-color-light: #757575; --toastify-text-color-dark: #fff; --toastify-text-color-info: #fff; --toastify-text-color-success: #fff; --toastify-text-color-warning: #fff; --toastify-text-color-error: #fff; --toastify-spinner-color: #616161; --toastify-spinner-color-empty-area: #e0e0e0; --toastify-color-progress-light: linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55); --toastify-color-progress-dark: #bb86fc; --toastify-color-progress-info: var(--toastify-color-info); --toastify-color-progress-success: var(--toastify-color-success); --toastify-color-progress-warning: var(--toastify-color-warning); --toastify-color-progress-error: var(--toastify-color-error) } .Toastify__toast-container { z-index: var(--toastify-z-index); -webkit-transform: translateZ(var(--toastify-z-index)); position: fixed; padding: 4px; width: var(--toastify-toast-width); box-sizing: border-box; color: #fff } .Toastify__toast-container--top-left { top: 1em; left: 1em } .Toastify__toast-container--top-center { top: 1em; left: 50%; transform: translateX(-50%) } .Toastify__toast-container--top-right { top: 1em; right: 1em } .Toastify__toast-container--bottom-left { bottom: 1em; left: 1em } .Toastify__toast-container--bottom-center { bottom: 1em; left: 50%; transform: translateX(-50%) } .Toastify__toast-container--bottom-right { bottom: 1em; right: 1em } @media only screen and (max-width: 480px) { .Toastify__toast-container { width:100vw; padding: 0; left: 0; margin: 0 } .Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right { top: 0; transform: translateX(0) } .Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right { bottom: 0; transform: translateX(0) } .Toastify__toast-container--rtl { right: 0; left: auto } } .Toastify__toast { position: relative; min-height: var(--toastify-toast-min-height); box-sizing: border-box; margin-bottom: 1rem; padding: 8px; border-radius: 4px; box-shadow: 0 1px 10px 0 rgba(0,0,0,.1),0 2px 15px 0 rgba(0,0,0,.05); display: flex; justify-content: space-between; max-height: var(--toastify-toast-max-height); overflow: hidden; font-family: var(--toastify-font-family); cursor: default; direction: ltr; z-index: 0 } .Toastify__toast--rtl { direction: rtl } .Toastify__toast--close-on-click { cursor: pointer } .Toastify__toast-body { margin: auto 0; flex: 1 1 auto; padding: 6px; display: flex; align-items: center } .Toastify__toast-body>div:last-child { word-break: break-word; flex: 1 } .Toastify__toast-icon { -webkit-margin-end: 10px; margin-inline-end:10px;width: 20px; flex-shrink: 0; display: flex } .Toastify--animate { animation-fill-mode: both; animation-duration: .7s } .Toastify--animate-icon { animation-fill-mode: both; animation-duration: .3s } @media only screen and (max-width: 480px) { .Toastify__toast { margin-bottom:0; border-radius: 0 } } .Toastify__toast-theme--dark { background: var(--toastify-color-dark); color: var(--toastify-text-color-dark) } .Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light { background: var(--toastify-color-light); color: var(--toastify-text-color-light) } .Toastify__toast-theme--colored.Toastify__toast--info { color: var(--toastify-text-color-info); background: var(--toastify-color-info) } .Toastify__toast-theme--colored.Toastify__toast--success { color: var(--toastify-text-color-success); background: var(--toastify-color-success) } .Toastify__toast-theme--colored.Toastify__toast--warning { color: var(--toastify-text-color-warning); background: var(--toastify-color-warning) } .Toastify__toast-theme--colored.Toastify__toast--error { color: var(--toastify-text-color-error); background: var(--toastify-color-error) } .Toastify__progress-bar-theme--light { background: var(--toastify-color-progress-light) } .Toastify__progress-bar-theme--dark { background: var(--toastify-color-progress-dark) } .Toastify__progress-bar--info { background: var(--toastify-color-progress-info) } .Toastify__progress-bar--success { background: var(--toastify-color-progress-success) } .Toastify__progress-bar--warning { background: var(--toastify-color-progress-warning) } .Toastify__progress-bar--error { background: var(--toastify-color-progress-error) } .Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning { background: var(--toastify-color-transparent) } .Toastify__close-button { color: #fff; background: transparent; outline: none; border: none; padding: 0; cursor: pointer; opacity: .7; transition: .3s ease; align-self: flex-start } .Toastify__close-button--light { color: #000; opacity: .3 } .Toastify__close-button>svg { fill: currentColor; height: 16px; width: 14px } .Toastify__close-button:focus,.Toastify__close-button:hover { opacity: 1 } @keyframes Toastify__trackProgress { 0% { transform: scaleX(1) } to { transform: scaleX(0) } } .Toastify__progress-bar { position: absolute; bottom: 0; left: 0; width: 100%; height: 5px; z-index: var(--toastify-z-index); opacity: .7; transform-origin: left } .Toastify__progress-bar--animated { animation: Toastify__trackProgress linear 1 forwards } .Toastify__progress-bar--controlled { transition: transform .2s } .Toastify__progress-bar--rtl { right: 0; left: auto; transform-origin: right } .Toastify__spinner { width: 20px; height: 20px; box-sizing: border-box; border-radius: 100%; border: 2px solid; border-right: 2px solid var(--toastify-spinner-color); animation: Toastify__spin .65s linear infinite } @keyframes Toastify__bounceInRight { 0%,60%,75%,90%,to { animation-timing-function: cubic-bezier(.215,.61,.355,1) } 0% { opacity: 0; transform: translate3d(3000px,0,0) } 60% { opacity: 1; transform: translate3d(-25px,0,0) } 75% { transform: translate3d(10px,0,0) } 90% { transform: translate3d(-5px,0,0) } to { transform: none } } @keyframes Toastify__bounceOutRight { 20% { opacity: 1; transform: translate3d(-20px,0,0) } to { opacity: 0; transform: translate3d(2000px,0,0) } } @keyframes Toastify__bounceInLeft { 0%,60%,75%,90%,to { animation-timing-function: cubic-bezier(.215,.61,.355,1) } 0% { opacity: 0; transform: translate3d(-3000px,0,0) } 60% { opacity: 1; transform: translate3d(25px,0,0) } 75% { transform: translate3d(-10px,0,0) } 90% { transform: translate3d(5px,0,0) } to { transform: none } } @keyframes Toastify__bounceOutLeft { 20% { opacity: 1; transform: translate3d(20px,0,0) } to { opacity: 0; transform: translate3d(-2000px,0,0) } } @keyframes Toastify__bounceInUp { 0%,60%,75%,90%,to { animation-timing-function: cubic-bezier(.215,.61,.355,1) } 0% { opacity: 0; transform: translate3d(0,3000px,0) } 60% { opacity: 1; transform: translate3d(0,-20px,0) } 75% { transform: translate3d(0,10px,0) } 90% { transform: translate3d(0,-5px,0) } to { transform: translateZ(0) } } @keyframes Toastify__bounceOutUp { 20% { transform: translate3d(0,-10px,0) } 40%,45% { opacity: 1; transform: translate3d(0,20px,0) } to { opacity: 0; transform: translate3d(0,-2000px,0) } } @keyframes Toastify__bounceInDown { 0%,60%,75%,90%,to { animation-timing-function: cubic-bezier(.215,.61,.355,1) } 0% { opacity: 0; transform: translate3d(0,-3000px,0) } 60% { opacity: 1; transform: translate3d(0,25px,0) } 75% { transform: translate3d(0,-10px,0) } 90% { transform: translate3d(0,5px,0) } to { transform: none } } @keyframes Toastify__bounceOutDown { 20% { transform: translate3d(0,10px,0) } 40%,45% { opacity: 1; transform: translate3d(0,-20px,0) } to { opacity: 0; transform: translate3d(0,2000px,0) } } .Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left { animation-name: Toastify__bounceInLeft } .Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right { animation-name: Toastify__bounceInRight } .Toastify__bounce-enter--top-center { animation-name: Toastify__bounceInDown } .Toastify__bounce-enter--bottom-center { animation-name: Toastify__bounceInUp } .Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left { animation-name: Toastify__bounceOutLeft } .Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right { animation-name: Toastify__bounceOutRight } .Toastify__bounce-exit--top-center { animation-name: Toastify__bounceOutUp } .Toastify__bounce-exit--bottom-center { animation-name: Toastify__bounceOutDown } @keyframes Toastify__zoomIn { 0% { opacity: 0; transform: scale3d(.3,.3,.3) } 50% { opacity: 1 } } @keyframes Toastify__zoomOut { 0% { opacity: 1 } 50% { opacity: 0; transform: scale3d(.3,.3,.3) } to { opacity: 0 } } .Toastify__zoom-enter { animation-name: Toastify__zoomIn } .Toastify__zoom-exit { animation-name: Toastify__zoomOut } @keyframes Toastify__flipIn { 0% { transform: perspective(400px) rotateX(90deg); animation-timing-function: ease-in; opacity: 0 } 40% { transform: perspective(400px) rotateX(-20deg); animation-timing-function: ease-in } 60% { transform: perspective(400px) rotateX(10deg); opacity: 1 } 80% { transform: perspective(400px) rotateX(-5deg) } to { transform: perspective(400px) } } @keyframes Toastify__flipOut { 0% { transform: perspective(400px) } 30% { transform: perspective(400px) rotateX(-20deg); opacity: 1 } to { transform: perspective(400px) rotateX(90deg); opacity: 0 } } .Toastify__flip-enter { animation-name: Toastify__flipIn } .Toastify__flip-exit { animation-name: Toastify__flipOut } @keyframes Toastify__slideInRight { 0% { transform: translate3d(110%,0,0); visibility: visible } to { transform: translateZ(0) } } @keyframes Toastify__slideInLeft { 0% { transform: translate3d(-110%,0,0); visibility: visible } to { transform: translateZ(0) } } @keyframes Toastify__slideInUp { 0% { transform: translate3d(0,110%,0); visibility: visible } to { transform: translateZ(0) } } @keyframes Toastify__slideInDown { 0% { transform: translate3d(0,-110%,0); visibility: visible } to { transform: translateZ(0) } } @keyframes Toastify__slideOutRight { 0% { transform: translateZ(0) } to { visibility: hidden; transform: translate3d(110%,0,0) } } @keyframes Toastify__slideOutLeft { 0% { transform: translateZ(0) } to { visibility: hidden; transform: translate3d(-110%,0,0) } } @keyframes Toastify__slideOutDown { 0% { transform: translateZ(0) } to { visibility: hidden; transform: translate3d(0,500px,0) } } @keyframes Toastify__slideOutUp { 0% { transform: translateZ(0) } to { visibility: hidden; transform: translate3d(0,-500px,0) } } .Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left { animation-name: Toastify__slideInLeft } .Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right { animation-name: Toastify__slideInRight } .Toastify__slide-enter--top-center { animation-name: Toastify__slideInDown } .Toastify__slide-enter--bottom-center { animation-name: Toastify__slideInUp } .Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left { animation-name: Toastify__slideOutLeft } .Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right { animation-name: Toastify__slideOutRight } .Toastify__slide-exit--top-center { animation-name: Toastify__slideOutUp } .Toastify__slide-exit--bottom-center { animation-name: Toastify__slideOutDown } @keyframes Toastify__spin { 0% { transform: rotate(0deg) } to { transform: rotate(1turn) } } .carousel .control-arrow,.carousel.carousel-slider .control-arrow { transition: all .25s ease-in; opacity: .4; filter: alpha(opacity=40); position: absolute; z-index: 2; top: 20px; background: none; border: 0; font-size: 32px; cursor: pointer } .carousel .control-arrow:focus,.carousel .control-arrow:hover { opacity: 1; filter: alpha(opacity=100) } .carousel .control-arrow:before,.carousel.carousel-slider .control-arrow:before { margin: 0 5px; display: inline-block; border-top: 8px solid transparent; border-bottom: 8px solid transparent; content: "" } .carousel .control-disabled.control-arrow { opacity: 0; filter: alpha(opacity=0); cursor: inherit; display: none } .carousel .control-prev.control-arrow { left: 0 } .carousel .control-prev.control-arrow:before { border-right: 8px solid #fff } .carousel .control-next.control-arrow { right: 0 } .carousel .control-next.control-arrow:before { border-left: 8px solid #fff } .carousel-root { outline: none } .carousel { position: relative; width: 100% } .carousel * { box-sizing: border-box } .carousel img { width: 100%; display: inline-block; pointer-events: none } .carousel .carousel { position: relative } .carousel .control-arrow { outline: 0; border: 0; background: none; top: 50%; margin-top: -13px; font-size: 18px } .carousel .thumbs-wrapper { margin: 20px; overflow: hidden } .carousel .thumbs { transition: all .15s ease-in; transform: translateZ(0); position: relative; list-style: none; white-space: nowrap } .carousel .thumb { transition: border .15s ease-in; display: inline-block; margin-right: 6px; white-space: nowrap; overflow: hidden; border: 3px solid #fff; padding: 2px } .carousel .thumb:focus { border: 3px solid #ccc; outline: none } .carousel .thumb.selected,.carousel .thumb:hover { border: 3px solid #333 } .carousel .thumb img { vertical-align: top } .carousel.carousel-slider { position: relative; margin: 0; overflow: hidden } .carousel.carousel-slider .control-arrow { top: 0; color: #fff; font-size: 26px; bottom: 0; margin-top: 0; padding: 5px } .carousel.carousel-slider .control-arrow:hover { background: rgba(0,0,0,.2) } .carousel .slider-wrapper { overflow: hidden; margin: auto; width: 100%; transition: height .15s ease-in } .carousel .slider-wrapper.axis-horizontal .slider { -ms-box-orient: horizontal; display: -moz-flex; display: flex } .carousel .slider-wrapper.axis-horizontal .slider .slide { flex-direction: column; flex-flow: column } .carousel .slider-wrapper.axis-vertical { -ms-box-orient: horizontal; display: -moz-flex; display: flex } .carousel .slider-wrapper.axis-vertical .slider { flex-direction: column } .carousel .slider { margin: 0; padding: 0; position: relative; list-style: none; width: 100% } .carousel .slider.animated { transition: all .35s ease-in-out } .carousel .slide { min-width: 100%; margin: 0; position: relative; text-align: center } .carousel .slide img { width: 100%; vertical-align: top; border: 0 } .carousel .slide iframe { display: inline-block; width: calc(100% - 80px); margin: 0 40px 40px; border: 0 } .carousel .slide .legend { transition: all .5s ease-in-out; position: absolute; bottom: 40px; left: 50%; margin-left: -45%; width: 90%; border-radius: 10px; background: #000; color: #fff; padding: 10px; font-size: 12px; text-align: center; opacity: .25; transition: opacity .35s ease-in-out } .carousel .control-dots { position: absolute; bottom: 0; margin: 10px 0; padding: 0; text-align: center; width: 100%; z-index: 1 } @media (min-width: 960px) { .carousel .control-dots { bottom:0 } } .carousel .control-dots .dot { transition: opacity .25s ease-in; opacity: .3; filter: alpha(opacity=30); box-shadow: 1px 1px 2px rgba(0,0,0,.9); background: #fff; border-radius: 50%; width: 8px; height: 8px; cursor: pointer; display: inline-block; margin: 0 8px } .carousel .control-dots .dot.selected,.carousel .control-dots .dot:hover { opacity: 1; filter: alpha(opacity=100) } .carousel .carousel-status { position: absolute; top: 0; right: 0; padding: 5px; font-size: 10px; text-shadow: 1px 1px 1px rgba(0,0,0,.9); color: #fff } .carousel:hover .slide .legend { opacity: 1 }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-92a42e3 */.ribbon { margin: 0 auto } .ribbon [class*=ribbon-] { margin: 74px auto 0; transform-origin: 50% 50%; transform: rotate(-8.5deg); position: relative; z-index: 4; width: 150px; height: 26px } .ribbon [class*=ribbon-] .inner { background: #e00000; color: #fff; text-transform: uppercase; text-align: center; display: block; width: 0; height: 100%; font-size: .5em; text-shadow: 3px 3px 1px #001b47; position: relative; z-index: 2; transform: skewX(-9deg); transition: width .12s ease-in-out } .ribbon [class*=ribbon-]:before { content: ""; transform-origin: 0 0; transform: rotate(-17.25deg) skewX(-9deg) translateX(158px); display: block; width: 0; height: 100%; position: absolute; top: 0; left: 4px; background: #c90000; z-index: -1; transition: all .12s ease-in-out .7s } .ribbon .ribbon-1 .inner { letter-spacing: 2px; font-weight: 700 } .ribbon.active .inner { width: 100% } .ribbon.active .ribbon-1 .inner { transition-delay: .82s } .ribbon.active .ribbon-1:before { width: 90px; transform: rotate(-17.25deg) skewX(-9deg) translateX(0) } .ribbon .ribbon-2 { z-index: 3; font-size: 35px; width: 200px; height: 50px; margin-top: 22px } .ribbon .ribbon-2 .inner:after,.ribbon .ribbon-2 .inner:before { content: ""; position: absolute; top: 14px; left: 14px; right: 14px; bottom: 14px; transition: opacity .3s ease-in-out 1.86s } .ribbon .ribbon-2 .inner:before { transform-origin: 50% 50%; transform: rotate(180deg) } .ribbon .ribbon-2:before { width: 0; left: 11px; transform: rotate(-10.25deg) skewX(-9deg) translateX(451px); height: 27px; transition-delay: .94s } .ribbon.active .ribbon-2 .inner { transition-delay: 1.06s; padding: 11px 0 } .ribbon.active .ribbon-2 .inner:after,.ribbon.active .ribbon-2 .inner:before { opacity: 1 } .ribbon.active .ribbon-2:before { width: 175px; transform: rotate(-15.5deg) skewX(-9deg) translateX(0) } .ribbon .ribbon-3 { z-index: 2; font-size: 15px; width: 126px; height: 26px; margin-top: 24px } .ribbon .ribbon-3 .inner { color: #fff } .ribbon.active .ribbon-3 .inner { transition-delay: 1.3s } .ribbon.active .ribbon-3:before { width: 170px; transform: rotate(-18.25deg) skewX(-9deg) translateX(0) } .ribbon.active .ribbon-3:after { width: 56px; transform: rotate(-15.3deg) skewX(9deg) translateX(0) } .ribbon .ball { width: 80px; height: 80px; background: #000; border-radius: 45px; padding: 17px 10px 0; text-align: center; color: #e00000; border: 10px solid #c90000; margin: -87px auto 0; position: relative; left: 4; top: 60px; z-index: 1; transform-origin: 50% 50%; transform: rotate(-8.5deg) } .ribbon .ball .ball-text { font-size: 12px; line-height: 1.2; text-align: right; display: block; width: 119px } .ribbon .ball .ball-text strong { font-size: 39px; font-style: italic; display: block; margin: 0 auto } .ribbon .fadeLeft { transform: translateX(-100%) } .ribbon .fadeLeft,.ribbon .fadeRight { opacity: 0; transition: all .3s ease-in-out 1.56s; display: block } .ribbon .fadeRight { transform: translateX(100%) } .ribbon .fadeIn { opacity: 0; transition: all .3s ease-in-out 1.42s; display: block } .ribbon.active .fadeLeft,.ribbon.active .fadeRight { opacity: 1; transform: translateX(0) } .ribbon.active .fadeIn { opacity: 1 } /* ! tailwindcss v3.3.0 | MIT License | https://tailwindcss.com */ *,:after,:before { box-sizing: border-box; border: 0 solid #e5e7eb } :after,:before { --tw-content: "" } html { line-height: 1.5; -webkit-text-size-adjust: 100%; -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4; font-family: ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji; font-feature-settings: normal; font-variation-settings: normal } body { margin: 0; line-height: inherit } hr { height: 0; color: inherit; border-top-width: 1px } abbr:where([title]) { -webkit-text-decoration: underline dotted; text-decoration: underline dotted } h1,h2,h3,h4,h5,h6 { font-size: inherit; font-weight: inherit } a { text-decoration: inherit } b,strong { font-weight: bolder } code,kbd,pre,samp { font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace; font-size: 1em } small { font-size: 80% } sub,sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } sub { bottom: -.25em } sup { top: -.5em } table { text-indent: 0; border-color: inherit; border-collapse: collapse } button,input,optgroup,select,textarea { font-family: inherit; font-size: 100%; font-weight: inherit; line-height: inherit; color: inherit; margin: 0; padding: 0 } button,select { text-transform: none } [type=button],[type=reset],[type=submit],button { -webkit-appearance: button; background-color: transparent; background-image: none } :-moz-focusring { outline: auto } :-moz-ui-invalid { box-shadow: none } progress { vertical-align: baseline } ::-webkit-inner-spin-button,::-webkit-outer-spin-button { height: auto } [type=search] { -webkit-appearance: textfield; outline-offset: -2px } ::-webkit-search-decoration { -webkit-appearance: none } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit } summary { display: list-item } blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre { margin: 0 } fieldset { margin: 0 } fieldset,legend { padding: 0 } menu,ol,ul { list-style: none; margin: 0; padding: 0 } textarea { resize: vertical } input::-moz-placeholder,textarea::-moz-placeholder { opacity: 1; color: #9ca3af } input::placeholder,textarea::placeholder { opacity: 1; color: #9ca3af } [role=button],button { cursor: pointer } :disabled { cursor: default } audio,canvas,embed,iframe,img,object,svg,video { display: block; vertical-align: middle } img,video { max-width: 100%; height: auto } [hidden] { display: none } li,ol,ul { margin: revert; padding: revert; list-style: revert } h1 { font-size: 1.875rem; line-height: 2.25rem } h2 { font-size: 1.5rem; line-height: 2rem } h3 { font-size: 1.25rem } h3,h4 { line-height: 1.75rem } h4 { font-size: 1.125rem } a { --tw-text-opacity: 1; color: rgb(37 99 235/var(--tw-text-opacity)); text-decoration-line: underline } *,:after,:before { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --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-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: } ::backdrop { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --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-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: } .container { width: 100% } @media (min-width: 640px) { .container { max-width:640px } } @media (min-width: 768px) { .container { max-width:768px } } @media (min-width: 1024px) { .container { max-width:1024px } } @media (min-width: 1280px) { .container { max-width:1280px } } @media (min-width: 1536px) { .container { max-width:1536px } } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border-width: 0 } .static { position: static } .fixed { position: fixed } .absolute { position: absolute } .relative { position: relative } .inset-0 { inset: 0 } .inset-x-0 { left: 0; right: 0 } .bottom-2 { bottom: .5rem } .right-0 { right: 0 } .top-0 { top: 0 } .z-10 { z-index: 10 } .z-50 { z-index: 50 } .col-span-1 { grid-column: span 1/span 1 } .col-span-2 { grid-column: span 2/span 2 } .col-span-3 { grid-column: span 3/span 3 } .col-start-1 { grid-column-start: 1 } .col-start-2 { grid-column-start: 2 } .col-end-1 { grid-column-end: 1 } .col-end-2 { grid-column-end: 2 } .col-end-7 { grid-column-end: 7 } .-m-3 { margin: -.75rem } .m-0 { margin: 0 } .m-1 { margin: .25rem } .m-4 { margin: 1rem } .-my-2 { margin-top: -.5rem; margin-bottom: -.5rem } .mx-1 { margin-left: .25rem; margin-right: .25rem } .mx-2 { margin-left: .5rem; margin-right: .5rem } .mx-auto { margin-left: auto; margin-right: auto } .my-1 { margin-top: .25rem; margin-bottom: .25rem } .my-10 { margin-top: 2.5rem; margin-bottom: 2.5rem } .my-2 { margin-top: .5rem; margin-bottom: .5rem } .my-3 { margin-top: .75rem; margin-bottom: .75rem } .my-4 { margin-top: 1rem; margin-bottom: 1rem } .my-5 { margin-top: 1.25rem; margin-bottom: 1.25rem } .my-6 { margin-top: 1.5rem; margin-bottom: 1.5rem } .my-7 { margin-top: 1.75rem; margin-bottom: 1.75rem } .-ml-4 { margin-left: -1rem } .-mr-1 { margin-right: -.25rem } .-mr-2 { margin-right: -.5rem } .mb-1 { margin-bottom: .25rem } .mb-10 { margin-bottom: 2.5rem } .mb-14 { margin-bottom: 3.5rem } .mb-16 { margin-bottom: 4rem } .mb-2 { margin-bottom: .5rem } .mb-3 { margin-bottom: .75rem } .mb-4 { margin-bottom: 1rem } .mb-6 { margin-bottom: 1.5rem } .ml-1 { margin-left: .25rem } .ml-2 { margin-left: .5rem } .ml-3 { margin-left: .75rem } .ml-4 { margin-left: 1rem } .ml-5 { margin-left: 1.25rem } .ml-6 { margin-left: 1.5rem } .mr-0 { margin-right: 0 } .mr-1 { margin-right: .25rem } .mr-2 { margin-right: .5rem } .mr-3 { margin-right: .75rem } .mr-4 { margin-right: 1rem } .mt-1 { margin-top: .25rem } .mt-10 { margin-top: 2.5rem } .mt-2 { margin-top: .5rem } .mt-20 { margin-top: 5rem } .mt-3 { margin-top: .75rem } .mt-4 { margin-top: 1rem } .mt-5 { margin-top: 1.25rem } .mt-6 { margin-top: 1.5rem } .mt-7 { margin-top: 1.75rem } .mt-\[80px\] { margin-top: 80px } .block { display: block } .inline-block { display: inline-block } .flex { display: flex } .inline-flex { display: inline-flex } .grid { display: grid } .contents { display: contents } .hidden { display: none } .h-0 { height: 0 } .h-10 { height: 2.5rem } .h-16 { height: 4rem } .h-20 { height: 5rem } .h-24 { height: 6rem } .h-3 { height: .75rem } .h-32 { height: 8rem } .h-40 { height: 10rem } .h-48 { height: 12rem } .h-5 { height: 1.25rem } .h-6 { height: 1.5rem } .h-\[130px\] { height: 130px } .h-\[180px\] { height: 180px } .h-\[200px\] { height: 200px } .h-\[250px\] { height: 250px } .h-\[28px\] { height: 28px } .h-\[60px\] { height: 60px } .h-\[680px\] { height: 680px } .h-full { height: 100% } .max-h-28 { max-height: 7rem } .max-h-52 { max-height: 13rem } .min-h-\[202\] { min-height: 202 } .min-h-\[370px\] { min-height: 370px } .w-0 { width: 0 } .w-10 { width: 2.5rem } .w-10\/12 { width: 83.333333% } .w-20 { width: 5rem } .w-24 { width: 6rem } .w-28 { width: 7rem } .w-3 { width: .75rem } .w-32 { width: 8rem } .w-40 { width: 10rem } .w-48 { width: 12rem } .w-5 { width: 1.25rem } .w-56 { width: 14rem } .w-6 { width: 1.5rem } .w-\[341px\] { width: 341px } .w-\[365px\] { width: 365px } .w-\[60px\] { width: 60px } .w-\[70px\] { width: 70px } .w-\[95\%\] { width: 95% } .w-full { width: 100% } .w-max { width: -moz-max-content; width: max-content } .w-min { width: -moz-min-content; width: min-content } .w-screen { width: 100vw } .min-w-\[208px\] { min-width: 208px } .max-w-7xl { max-width: 80rem } .max-w-full { max-width: 100% } .max-w-max { max-width: -moz-max-content; max-width: max-content } .max-w-md { max-width: 28rem } .max-w-xl { max-width: 36rem } .max-w-xs { max-width: 20rem } .flex-1 { flex: 1 1 0% } .flex-auto { flex: 1 1 auto } .flex-initial { flex: 0 1 auto } .flex-none { flex: none } .flex-shrink-0 { flex-shrink: 0 } .origin-top-right { transform-origin: top right } .translate-y-0 { --tw-translate-y: 0px } .translate-y-0,.translate-y-1 { transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .translate-y-1 { --tw-translate-y: 0.25rem } .scale-100 { --tw-scale-x: 1; --tw-scale-y: 1 } .scale-100,.scale-95 { transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .scale-95 { --tw-scale-x: .95; --tw-scale-y: .95 } .transform { transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } @keyframes bounce { 0%,to { transform: translateY(-25%); animation-timing-function: cubic-bezier(.8,0,1,1) } 50% { transform: none; animation-timing-function: cubic-bezier(0,0,.2,1) } } .animate-bounce { animation: bounce 1s infinite } .cursor-pointer { cursor: pointer } .resize { resize: both } .list-disc { list-style-type: disc } .grid-flow-col { grid-auto-flow: column } .grid-cols-1 { grid-template-columns: repeat(1,minmax(0,1fr)) } .grid-cols-3 { grid-template-columns: repeat(3,minmax(0,1fr)) } .grid-cols-4 { grid-template-columns: repeat(4,minmax(0,1fr)) } .grid-rows-4 { grid-template-rows: repeat(4,minmax(0,1fr)) } .flex-row { flex-direction: row } .flex-row-reverse { flex-direction: row-reverse } .flex-col { flex-direction: column } .flex-wrap { flex-wrap: wrap } .items-start { align-items: flex-start } .items-end { align-items: flex-end } .items-center { align-items: center } .justify-start { justify-content: flex-start } .justify-end { justify-content: flex-end } .justify-center { justify-content: center } .justify-between { justify-content: space-between } .justify-around { justify-content: space-around } .justify-stretch { justify-content: stretch } .gap-0 { gap: 0 } .gap-10 { gap: 2.5rem } .gap-2 { gap: .5rem } .gap-20 { gap: 5rem } .gap-4 { gap: 1rem } .gap-5 { gap: 1.25rem } .gap-6 { gap: 1.5rem } .gap-y-8 { row-gap: 2rem } .space-x-10>:not([hidden])~:not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(2.5rem * var(--tw-space-x-reverse)); margin-left: calc(2.5rem * calc(1 - var(--tw-space-x-reverse))) } .divide-y-2>:not([hidden])~:not([hidden]) { --tw-divide-y-reverse: 0; border-top-width: calc(2px * calc(1 - var(--tw-divide-y-reverse))); border-bottom-width: calc(2px * var(--tw-divide-y-reverse)) } .self-start { align-self: flex-start } .self-end { align-self: flex-end } .self-center { align-self: center } .overflow-hidden { overflow: hidden } .overflow-clip { overflow: clip } .overflow-scroll { overflow: scroll } .overflow-x-scroll { overflow-x: scroll } .overflow-y-scroll { overflow-y: scroll } .break-words { overflow-wrap: break-word } .rounded { border-radius: .25rem } .rounded-full { border-radius: 9999px } .rounded-lg { border-radius: .5rem } .rounded-md { border-radius: .375rem } .rounded-none { border-radius: 0 } .rounded-xl { border-radius: .75rem } .border { border-width: 1px } .border-0 { border-width: 0 } .border-2 { border-width: 2px } .border-l-2 { border-left-width: 2px } .border-t-2 { border-top-width: 2px } .border-solid { border-style: solid } .border-\[\#c8c8c8\] { --tw-border-opacity: 1; border-color: rgb(200 200 200/var(--tw-border-opacity)) } .border-\[\#e00000\] { --tw-border-opacity: 1; border-color: rgb(224 0 0/var(--tw-border-opacity)) } .border-gray-200 { --tw-border-opacity: 1; border-color: rgb(229 231 235/var(--tw-border-opacity)) } .border-gray-300 { --tw-border-opacity: 1; border-color: rgb(209 213 219/var(--tw-border-opacity)) } .border-gray-500 { --tw-border-opacity: 1; border-color: rgb(107 114 128/var(--tw-border-opacity)) } .border-red-700 { --tw-border-opacity: 1; border-color: rgb(185 28 28/var(--tw-border-opacity)) } .border-transparent { border-color: transparent } .border-l-gray-500 { --tw-border-opacity: 1; border-left-color: rgb(107 114 128/var(--tw-border-opacity)) } .border-opacity-20 { --tw-border-opacity: 0.2 } .bg-\[\#0000\] { background-color: #0000 } .bg-\[\#0006\] { background-color: #0006 } .bg-\[\#000\] { --tw-bg-opacity: 1; background-color: rgb(0 0 0/var(--tw-bg-opacity)) } .bg-\[\#1d1f1f80\] { background-color: #1d1f1f80 } .bg-\[\#3335\] { background-color: #3335 } .bg-\[\#333\] { --tw-bg-opacity: 1; background-color: rgb(51 51 51/var(--tw-bg-opacity)) } .bg-\[\#3b3b3b\] { --tw-bg-opacity: 1; background-color: rgb(59 59 59/var(--tw-bg-opacity)) } .bg-\[\#494949\] { --tw-bg-opacity: 1; background-color: rgb(73 73 73/var(--tw-bg-opacity)) } .bg-\[\#595959\] { --tw-bg-opacity: 1; background-color: rgb(89 89 89/var(--tw-bg-opacity)) } .bg-\[\#5f5f5f3f\] { background-color: #5f5f5f3f } .bg-\[\#5f5f5f5d\] { background-color: #5f5f5f5d } .bg-\[\#e0000028\] { background-color: #e0000028 } .bg-\[\#ffffff1e\] { background-color: #ffffff1e } .bg-\[rgba\(51\2c 51\2c 51\2c 0\.33\)\] { background-color: rgba(51,51,51,.33) } .bg-black { --tw-bg-opacity: 1; background-color: rgb(0 0 0/var(--tw-bg-opacity)) } .bg-gray-700 { --tw-bg-opacity: 1; background-color: rgb(55 65 81/var(--tw-bg-opacity)) } .bg-red-600 { --tw-bg-opacity: 1; background-color: rgb(220 38 38/var(--tw-bg-opacity)) } .bg-transparent { background-color: transparent } .bg-white { --tw-bg-opacity: 1; background-color: rgb(255 255 255/var(--tw-bg-opacity)) } .bg-opacity-50 { --tw-bg-opacity: 0.5 } .p-2 { padding: .5rem } .p-3 { padding: .75rem } .p-4 { padding: 1rem } .p-5 { padding: 1.25rem } .px-0 { padding-left: 0; padding-right: 0 } .px-1 { padding-left: .25rem; padding-right: .25rem } .px-10 { padding-left: 2.5rem; padding-right: 2.5rem } .px-2 { padding-left: .5rem; padding-right: .5rem } .px-3 { padding-left: .75rem; padding-right: .75rem } .px-4 { padding-left: 1rem; padding-right: 1rem } .px-5 { padding-left: 1.25rem; padding-right: 1.25rem } .px-6 { padding-left: 1.5rem; padding-right: 1.5rem } .py-1 { padding-top: .25rem; padding-bottom: .25rem } .py-2 { padding-top: .5rem; padding-bottom: .5rem } .py-2\.5 { padding-top: .625rem; padding-bottom: .625rem } .py-3 { padding-top: .75rem; padding-bottom: .75rem } .py-4 { padding-top: 1rem; padding-bottom: 1rem } .py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem } .py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem } .py-8 { padding-top: 2rem; padding-bottom: 2rem } .\!pt-0 { padding-top: 0!important } .\!pt-4 { padding-top: 1rem!important } .pb-2 { padding-bottom: .5rem } .pb-3 { padding-bottom: .75rem } .pb-4 { padding-bottom: 1rem } .pb-6 { padding-bottom: 1.5rem } .pl-4 { padding-left: 1rem } .pl-5 { padding-left: 1.25rem } .pr-1 { padding-right: .25rem } .pr-2 { padding-right: .5rem } .pt-1 { padding-top: .25rem } .pt-10 { padding-top: 2.5rem } .pt-2 { padding-top: .5rem } .pt-4 { padding-top: 1rem } .pt-5 { padding-top: 1.25rem } .pt-6 { padding-top: 1.5rem } .pt-8 { padding-top: 2rem } .pt-9 { padding-top: 2.25rem } .text-left { text-align: left } .text-center { text-align: center } .text-justify { text-align: justify } .text-start { text-align: start } .align-top { vertical-align: top } .align-middle { vertical-align: middle } .font-mono { font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace } .text-2xl { font-size: 1.5rem; line-height: 2rem } .text-3xl { font-size: 1.875rem; line-height: 2.25rem } .text-4xl { font-size: 2.25rem; line-height: 2.5rem } .text-base { font-size: 1rem; line-height: 1.5rem } .text-lg { font-size: 1.125rem; line-height: 1.75rem } .text-sm { font-size: .875rem; line-height: 1.25rem } .text-xl { font-size: 1.25rem; line-height: 1.75rem } .font-bold { font-weight: 700 } .font-light { font-weight: 300 } .font-medium { font-weight: 500 } .font-normal { font-weight: 400 } .font-thin { font-weight: 100 } .leading-7 { line-height: 1.75rem } .leading-8 { line-height: 2rem } .tracking-wide { letter-spacing: .025em } .text-\[\#dfdfdf\] { --tw-text-opacity: 1; color: rgb(223 223 223/var(--tw-text-opacity)) } .text-\[\#e00000\] { --tw-text-opacity: 1; color: rgb(224 0 0/var(--tw-text-opacity)) } .text-\[\#efefef\] { --tw-text-opacity: 1; color: rgb(239 239 239/var(--tw-text-opacity)) } .text-gray-200 { --tw-text-opacity: 1; color: rgb(229 231 235/var(--tw-text-opacity)) } .text-gray-300 { --tw-text-opacity: 1; color: rgb(209 213 219/var(--tw-text-opacity)) } .text-gray-400 { --tw-text-opacity: 1; color: rgb(156 163 175/var(--tw-text-opacity)) } .text-gray-700 { --tw-text-opacity: 1; color: rgb(55 65 81/var(--tw-text-opacity)) } .text-red-600 { --tw-text-opacity: 1; color: rgb(220 38 38/var(--tw-text-opacity)) } .text-red-700 { --tw-text-opacity: 1; color: rgb(185 28 28/var(--tw-text-opacity)) } .text-white { --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity)) } .underline { text-decoration-line: underline } .opacity-0 { opacity: 0 } .opacity-100 { opacity: 1 } .shadow { --tw-shadow: 0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color) } .shadow,.shadow-lg { box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow) } .shadow-lg { --tw-shadow: 0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color) } .shadow-md { --tw-shadow: 0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color) } .shadow-md,.shadow-sm { box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow) } .shadow-sm { --tw-shadow: 0 1px 2px 0 rgba(0,0,0,.05); --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color) } .shadow-xl { --tw-shadow: 0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1); --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow) } .shadow-\[\#e00000\] { --tw-shadow-color: #e00000; --tw-shadow: var(--tw-shadow-colored) } .outline { outline-style: solid } .ring-1 { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000) } .ring-black { --tw-ring-opacity: 1; --tw-ring-color: rgb(0 0 0/var(--tw-ring-opacity)) } .ring-opacity-5 { --tw-ring-opacity: 0.05 } .blur { --tw-blur: blur(8px) } .blur,.filter { filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) } .backdrop-blur-sm { --tw-backdrop-blur: blur(4px) } .backdrop-blur-sm,.backdrop-brightness-50 { -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia) } .backdrop-brightness-50 { --tw-backdrop-brightness: brightness(.5) } .transition { transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter; transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter; transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-duration: .15s } .transition-all { transition-property: all; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-duration: .15s } .transition-opacity { transition-property: opacity; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-duration: .15s } .duration-100 { transition-duration: .1s } .duration-150 { transition-duration: .15s } .duration-200 { transition-duration: .2s } .duration-75 { transition-duration: 75ms } .ease-in { transition-timing-function: cubic-bezier(.4,0,1,1) } .ease-out { transition-timing-function: cubic-bezier(0,0,.2,1) } @font-face { font-family: AudiowideRegular; src: url(/_next/static/media/Audiowide-Regular.c9ac79ff.ttf) } .audiowide { font-family: AudiowideRegular } :root { --max-width: 1100px; --border-radius: 12px; --font-mono: ui-monospace,Menlo,Monaco,"Cascadia Mono","Segoe UI Mono","Roboto Mono","Oxygen Mono","Ubuntu Monospace","Source Code Pro","Fira Mono","Droid Sans Mono","Courier New",monospace } @media (prefers-color-scheme: dark) { :root { --foreground-rgb:255,255,255; --background-start-rgb: 0,0,0; --background-end-rgb: 0,0,0; --primary-glow: radial-gradient(rgba(255,1,1,.4),rgba(255,1,1,0)); --secondary-glow: linear-gradient(to bottom right,rgba(255,1,1,0),rgba(255,1,1,0),rgba(255,1,1,.3)); --tile-start-rgb: 2,13,46; --tile-end-rgb: 2,5,19; --tile-border: conic-gradient(#ffffff80,#ffffff40,#ffffff30,#ffffff20,#ffffff10,#ffffff10,#ffffff80); --callout-rgb: 20,20,20; --callout-border-rgb: 108,108,108; --card-rgb: 100,100,100; --card-border-rgb: 200,200,200 } } @media (prefers-color-scheme: light) { :root { --foreground-rgb:255,255,255; --background-start-rgb: 0,0,0; --background-end-rgb: 0,0,0; --primary-glow: radial-gradient(rgba(255,1,1,.4),rgba(255,1,1,0)); --secondary-glow: linear-gradient(to bottom right,rgba(255,1,1,0),rgba(255,1,1,0),rgba(255,1,1,.3)); --tile-start-rgb: 2,13,46; --tile-end-rgb: 2,5,19; --tile-border: conic-gradient(#ffffff80,#ffffff40,#ffffff30,#ffffff20,#ffffff10,#ffffff10,#ffffff80); --callout-rgb: 20,20,20; --callout-border-rgb: 108,108,108; --card-rgb: 100,100,100; --card-border-rgb: 200,200,200 } } * { box-sizing: border-box; padding: 0; margin: 0 } body,html { max-width: 100vw; overflow-x: hidden } body { color: rgb(var(--foreground-rgb)); background: linear-gradient(to bottom,transparent,rgb(var(--background-end-rgb))) rgb(var(--background-start-rgb)) } a { color: inherit; text-decoration: none } @media (prefers-color-scheme: dark) { html { color-scheme:dark } } .page-back { background-color: #151515 } .contactus-form { box-sizing: border-box } .contactus-form h2 { padding: 0; color: #fff; text-align: center } .contactus-form .input-box { position: relative } .contactus-form .input-box input { width: 100%; padding: 10px 0; font-size: 20px; color: #fff; margin-bottom: 30px; border: none; border-bottom: 1px solid #fff; outline: none; background: transparent } .contactus-form .input-box label { position: absolute; top: 0; left: 0; padding: 10px 0; font-size: 20px; color: #fff; pointer-events: none; transition: .5s } .contactus-form .input-box input:focus~label,.contactus-form .input-box input:valid~label { top: -20px; left: 0; color: #03e9f4; font-size: 12px } .contactus-form form a { position: relative; display: inline-block; padding: 10px 20px; color: #03e9f4; font-size: 20px; text-decoration: none; text-transform: uppercase; overflow: hidden; transition: .5s; margin-top: 40px; letter-spacing: 4px } .contactus-form a:hover { background: #03e9f4; color: #fff; border-radius: 5px; box-shadow: 0 0 5px #03e9f4,0 0 25px #03e9f4,0 0 50px #03e9f4,0 0 100px #03e9f4 } .contactus-form a span { position: absolute; display: block } .contactus-form a span:first-child { top: 0; left: -100%; width: 100%; height: 2px; background: linear-gradient(90deg,transparent,#03e9f4); animation: btn-anim1 1s linear infinite } @keyframes btn-anim1 { 0% { left: -100% } 50%,to { left: 100% } } .contactus-form a span:nth-child(2) { top: -100%; right: 0; width: 2px; height: 100%; background: linear-gradient(180deg,transparent,#03e9f4); animation: btn-anim2 1s linear infinite; animation-delay: .25s } @keyframes btn-anim2 { 0% { top: -100% } 50%,to { top: 100% } } .contactus-form a span:nth-child(3) { bottom: 0; right: -100%; width: 100%; height: 2px; background: linear-gradient(270deg,transparent,#03e9f4); animation: btn-anim3 1s linear infinite; animation-delay: .5s } @keyframes btn-anim3 { 0% { right: -100% } 50%,to { right: 100% } } .contactus-form a span:nth-child(4) { bottom: -100%; left: 0; width: 2px; height: 100%; background: linear-gradient(1turn,transparent,#03e9f4); animation: btn-anim4 1s linear infinite; animation-delay: .75s } @keyframes btn-anim4 { 0% { bottom: -100% } 50%,to { bottom: 100% } } .button-box { justify-content: center } .arrow-down,.button-box { display: flex; align-items: center } .arrow-down { width: 0; height: 0; border-left: 80px solid transparent; border-right: 80px solid transparent; border-top: 80px solid #e004; flex-direction: row; justify-items: center } .red { background: red; background-image: radial-gradient(brown,transparent); background-size: 5px 5px; border-radius: 50%; top: 20px; animation: red 13s infinite; border: 2px dotted red; box-shadow: inset 0 0 20px #111,0 0 10px red } .red,.yellow { width: 50px; height: 50px; left: 35px } .yellow { background: #ff0; background-image: radial-gradient(orange,transparent); background-size: 5px 5px; border-radius: 50%; border: 2px dotted #ff0; top: 145px; animation: #ff0 13s infinite; box-shadow: inset 0 0 20px #111,0 0 10px #ff0 } .green { background: green; background-image: radial-gradient(lime,transparent); background-size: 5px 5px; width: 50px; height: 50px; border-radius: 50%; border: 2px dotted lime; top: 270px; left: 35px; box-shadow: inset 0 0 20px #111,0 0 10px lime; animation: green 13s infinite } @keyframes red { 0% { opacity: 1 } 20% { opacity: 1 } 40% { opacity: 1 } 60% { opacity: .1 } 80% { opacity: .1 } to { opacity: .1 } } @keyframes yellow { 0% { opacity: .1 } 20% { opacity: .1 } 40% { opacity: 1 } 50% { opacity: .1 } 60% { opacity: .1 } 80% { opacity: .1 } 86% { opacity: 1 } to { opacity: 1 } } @keyframes green { 0% { opacity: .1 } 40% { opacity: .1 } 60% { opacity: 1 } 80% { opacity: 1 } 83% { opacity: .1 } to { opacity: .1 } } input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover { -webkit-transition: background-color 5000s ease-in-out 0s; transition: background-color 5000s ease-in-out 0s; -webkit-text-fill-color: #fff!important } .sessions { margin-top: 2rem; position: relative; list-style-type: none } .timeline-list-item { padding-bottom: 1.5rem; border-left: 1px solid #edaaaa; position: relative; padding-left: 20px; margin-left: 10px } .timeline-list-item:last-child { border: 0; padding-bottom: 0 } .timeline-list-item:before { content: ""; width: 15px; height: 15px; background: #e00000; border: 1px solid #fff; border-radius: 50%; position: absolute; left: -8px; top: 0 } .card { position: relative } .card:nth-child(odd) { padding: 30px 0 30px 30px } .card:nth-child(2n) { padding: 30px 30px 30px 0 } .card:before { content: ""; position: absolute; width: 50%; border: solid #ff4500 } .card:nth-child(odd):before { left: 0; top: -4.5px; bottom: -4.5px; border-width: 5px 0 5px 5px; border-radius: 50px 0 0 50px } @media only screen and (max-width: 400px) { .card:nth-child(odd):before { top:-5px; bottom: -5px } } .card:nth-child(2n):before { right: 0; top: 0; bottom: 0; border-width: 5px 5px 5px 0; border-radius: 0 50px 50px 0 } .card:first-child:before { border-top: 0; border-top-left-radius: 0 } .card:last-child:nth-child(odd):before { border-bottom: 0; border-bottom-left-radius: 0 } .card:last-child:nth-child(2n):before { border-bottom: 0; border-bottom-right-radius: 0 } .info { display: flex; flex-direction: column; border-radius: 10px; padding: 10px } .title { color: #ff4500; position: relative } .title:before { content: ""; position: absolute; width: 20px; height: 20px; background: #fff; border-radius: 999px; border: 3px solid #ff4500 } .card:nth-child(2n)>.info>.title { text-align: right } .card:nth-child(odd)>.info>.title:before { left: -45px } .card:nth-child(2n)>.info>.title:before { right: -45px } .flash-ribbon { --f: 10px; --r: 15px; --t: 0px; position: absolute; inset: var(--t) -10px auto auto; padding: 0 10px var(--f) calc(10px + var(--r)); -webkit-clip-path: polygon(0 0,100% 0,100% calc(100% - var(--f)),calc(100% - var(--f)) 100%,calc(100% - var(--f)) calc(100% - var(--f)),0 calc(100% - var(--f)),var(--r) calc(50% - var(--f) / 2)); clip-path: polygon(0 0,100% 0,100% calc(100% - var(--f)),calc(100% - var(--f)) 100%,calc(100% - var(--f)) calc(100% - var(--f)),0 calc(100% - var(--f)),var(--r) calc(50% - var(--f) / 2)); background: #d00; box-shadow: 0 calc(-1 * var(--f)) 0 inset #0005 } .pill-tag { background-color: #3f3f3f; color: #fff; padding: 2px 10px; border-radius: 20px; margin: 4px 5px 0 0; font-size: small } * { scrollbar-width: 10px; scrollbar-color: #555 #000300; scrollbar-arrow-color:#000300;scrollbar-3dlight-color: #e00000 } ::-webkit-scrollbar { width: 10px; height: 10px } ::-webkit-scrollbar-track { background: #000 } ::-webkit-scrollbar-thumb { background: #555 } ::-webkit-scrollbar-thumb:hover { background: #353535 } ::-webkit-scrollbar-button { background: #353535; height: 10px; width: 10px } .hover\:bg-\[\#3333\]:hover { background-color: #3333 } .hover\:bg-\[\#5f5f5f83\]:hover { background-color: #5f5f5f83 } .hover\:bg-black:hover { --tw-bg-opacity: 1; background-color: rgb(0 0 0/var(--tw-bg-opacity)) } .hover\:bg-gray-50:hover { --tw-bg-opacity: 1; background-color: rgb(249 250 251/var(--tw-bg-opacity)) } .hover\:bg-gray-700:hover { --tw-bg-opacity: 1; background-color: rgb(55 65 81/var(--tw-bg-opacity)) } .hover\:bg-gray-900:hover { --tw-bg-opacity: 1; background-color: rgb(17 24 39/var(--tw-bg-opacity)) } .hover\:bg-red-700:hover { --tw-bg-opacity: 1; background-color: rgb(185 28 28/var(--tw-bg-opacity)) } .hover\:bg-red-800:hover { --tw-bg-opacity: 1; background-color: rgb(153 27 27/var(--tw-bg-opacity)) } .hover\:text-\[\#e00000\]:hover { --tw-text-opacity: 1; color: rgb(224 0 0/var(--tw-text-opacity)) } .hover\:text-gray-200:hover { --tw-text-opacity: 1; color: rgb(229 231 235/var(--tw-text-opacity)) } .hover\:text-gray-500:hover { --tw-text-opacity: 1; color: rgb(107 114 128/var(--tw-text-opacity)) } .hover\:text-red-500:hover { --tw-text-opacity: 1; color: rgb(239 68 68/var(--tw-text-opacity)) } .hover\:text-white:hover { --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity)) } .focus\:outline-none:focus { outline: 2px solid transparent; outline-offset: 2px } .focus\:ring-0:focus { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color) } .focus\:ring-0:focus,.focus\:ring-2:focus { box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000) } .focus\:ring-2:focus { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color) } .focus\:ring-4:focus { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000) } .focus\:ring-indigo-500:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(99 102 241/var(--tw-ring-opacity)) } .focus\:ring-red-300:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(252 165 165/var(--tw-ring-opacity)) } .focus\:ring-red-500:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(239 68 68/var(--tw-ring-opacity)) } .focus\:ring-red-700:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(185 28 28/var(--tw-ring-opacity)) } .focus\:ring-white:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(255 255 255/var(--tw-ring-opacity)) } .focus\:ring-offset-1:focus { --tw-ring-offset-width: 1px } .focus\:ring-offset-2:focus { --tw-ring-offset-width: 2px } .disabled\:cursor-not-allowed:disabled { cursor: not-allowed } .disabled\:bg-gray-700:disabled { --tw-bg-opacity: 1; background-color: rgb(55 65 81/var(--tw-bg-opacity)) } @media (prefers-color-scheme: dark) { .dark\:border-red-500 { --tw-border-opacity:1; border-color: rgb(239 68 68/var(--tw-border-opacity)) } .dark\:text-red-500 { --tw-text-opacity: 1; color: rgb(239 68 68/var(--tw-text-opacity)) } .dark\:hover\:bg-red-600:hover { --tw-bg-opacity: 1; background-color: rgb(220 38 38/var(--tw-bg-opacity)) } .dark\:hover\:text-white:hover { --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity)) } .dark\:focus\:ring-red-900:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(127 29 29/var(--tw-ring-opacity)) } } @media (min-width: 640px) { .sm\:mx-8 { margin-left:2rem; margin-right: 2rem } .sm\:mb-8 { margin-bottom: 2rem } .sm\:ml-3 { margin-left: .75rem } .sm\:ml-4 { margin-left: 1rem } .sm\:mr-8 { margin-right: 2rem } .sm\:mt-0 { margin-top: 0 } .sm\:mt-20 { margin-top: 5rem } .sm\:flex { display: flex } .sm\:h-\[350px\] { height: 350px } .sm\:h-\[700px\] { height: 700px } .sm\:w-1\/2 { width: 50% } .sm\:w-3\/4 { width: 75% } .sm\:w-8\/12 { width: 66.666667% } .sm\:w-auto { width: auto } .sm\:w-full { width: 100% } .sm\:grid-cols-1 { grid-template-columns: repeat(1,minmax(0,1fr)) } .sm\:grid-cols-2 { grid-template-columns: repeat(2,minmax(0,1fr)) } .sm\:flex-row { flex-direction: row } .sm\:flex-row-reverse { flex-direction: row-reverse } .sm\:gap-10 { gap: 2.5rem } .sm\:gap-5 { gap: 1.25rem } .sm\:gap-8 { gap: 2rem } .sm\:p-0 { padding: 0 } .sm\:p-5 { padding: 1.25rem } .sm\:p-6 { padding: 1.5rem } .sm\:p-8 { padding: 2rem } .sm\:px-0 { padding-left: 0; padding-right: 0 } .sm\:px-6 { padding-left: 1.5rem; padding-right: 1.5rem } .sm\:pb-4 { padding-bottom: 1rem } .sm\:pr-4 { padding-right: 1rem } .sm\:text-2xl { font-size: 1.5rem; line-height: 2rem } .sm\:text-3xl { font-size: 1.875rem; line-height: 2.25rem } .sm\:text-\[25px\] { font-size: 25px } .sm\:text-lg { font-size: 1.125rem; line-height: 1.75rem } .sm\:text-sm { font-size: .875rem; line-height: 1.25rem } .sm\:text-xl { font-size: 1.25rem; line-height: 1.75rem } .sm\:text-xs { font-size: .75rem; line-height: 1rem } } @media (min-width: 768px) { .md\:mx-4 { margin-left:1rem; margin-right: 1rem } .md\:mt-2 { margin-top: .5rem } .md\:block { display: block } .md\:flex { display: flex } .md\:inline-grid { display: inline-grid } .md\:hidden { display: none } .md\:h-\[600px\] { height: 600px } .md\:w-\[70\%\] { width: 70% } .md\:grid-cols-1 { grid-template-columns: repeat(1,minmax(0,1fr)) } .md\:grid-cols-2 { grid-template-columns: repeat(2,minmax(0,1fr)) } .md\:grid-cols-3 { grid-template-columns: repeat(3,minmax(0,1fr)) } .md\:flex-row { flex-direction: row } .md\:justify-start { justify-content: flex-start } .md\:justify-end { justify-content: flex-end } .md\:gap-60 { gap: 15rem } .md\:space-x-10>:not([hidden])~:not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(2.5rem * var(--tw-space-x-reverse)); margin-left: calc(2.5rem * calc(1 - var(--tw-space-x-reverse))) } .md\:self-start { align-self: flex-start } .md\:self-end { align-self: flex-end } .md\:rounded-xl { border-radius: .75rem } .md\:p-4 { padding: 1rem } .md\:p-7 { padding: 1.75rem } .md\:px-10 { padding-left: 2.5rem; padding-right: 2.5rem } .md\:px-20 { padding-left: 5rem; padding-right: 5rem } .md\:px-7 { padding-left: 1.75rem; padding-right: 1.75rem } .md\:pt-0 { padding-top: 0 } .md\:text-2xl { font-size: 1.5rem; line-height: 2rem } .md\:text-3xl { font-size: 1.875rem; line-height: 2.25rem } .md\:text-\[25px\] { font-size: 25px } .md\:text-lg { font-size: 1.125rem; line-height: 1.75rem } .md\:text-sm { font-size: .875rem; line-height: 1.25rem } .md\:text-xl { font-size: 1.25rem; line-height: 1.75rem } } @media (min-width: 1024px) { .lg\:left-1\/2 { left:50% } .lg\:ml-0 { margin-left: 0 } .lg\:mt-0 { margin-top: 0 } .lg\:flex { display: flex } .lg\:grid { display: grid } .lg\:inline-grid { display: inline-grid } .lg\:hidden { display: none } .lg\:w-0 { width: 0 } .lg\:w-\[40\%\] { width: 40% } .lg\:flex-1 { flex: 1 1 0% } .lg\:-translate-x-1\/2 { --tw-translate-x: -50%; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .lg\:grid-cols-2 { grid-template-columns: repeat(2,minmax(0,1fr)) } .lg\:grid-cols-3 { grid-template-columns: repeat(3,minmax(0,1fr)) } .lg\:grid-cols-5 { grid-template-columns: repeat(5,minmax(0,1fr)) } .lg\:gap-5 { gap: 1.25rem } .lg\:p-16 { padding: 4rem } .lg\:px-0 { padding-left: 0; padding-right: 0 } .lg\:px-16 { padding-left: 4rem; padding-right: 4rem } .lg\:text-2xl { font-size: 1.5rem; line-height: 2rem } .lg\:text-3xl { font-size: 1.875rem; line-height: 2.25rem } .lg\:text-\[25px\] { font-size: 25px } .lg\:text-lg { font-size: 1.125rem; line-height: 1.75rem } .lg\:text-xl { font-size: 1.25rem; line-height: 1.75rem } } @media (min-width: 1280px) { .xl\:grid-cols-2 { grid-template-columns:repeat(2,minmax(0,1fr)) } .xl\:grid-cols-3 { grid-template-columns: repeat(3,minmax(0,1fr)) } .xl\:grid-cols-5 { grid-template-columns: repeat(5,minmax(0,1fr)) } .xl\:p-24 { padding: 6rem } .xl\:px-0 { padding-left: 0; padding-right: 0 } .xl\:px-24 { padding-left: 6rem; padding-right: 6rem } .xl\:text-2xl { font-size: 1.5rem; line-height: 2rem } .xl\:text-3xl { font-size: 1.875rem; line-height: 2.25rem } .xl\:text-4xl { font-size: 2.25rem; line-height: 2.5rem } .xl\:text-\[25px\] { font-size: 25px } .xl\:text-lg { font-size: 1.125rem; line-height: 1.75rem } .xl\:text-xl { font-size: 1.25rem; line-height: 1.75rem } } @media (min-width: 1536px) { .\32xl\:grid-cols-2 { grid-template-columns:repeat(2,minmax(0,1fr)) } .\32xl\:grid-cols-3 { grid-template-columns: repeat(3,minmax(0,1fr)) } .\32xl\:grid-cols-5 { grid-template-columns: repeat(5,minmax(0,1fr)) } .\32xl\:p-24 { padding: 6rem } .\32xl\:px-0 { padding-left: 0; padding-right: 0 } .\32xl\:px-24 { padding-left: 6rem; padding-right: 6rem } .\32xl\:text-2xl { font-size: 1.5rem; line-height: 2rem } .\32xl\:text-3xl { font-size: 1.875rem; line-height: 2.25rem } .\32xl\:text-4xl { font-size: 2.25rem; line-height: 2.5rem } .\32xl\:text-lg { font-size: 1.125rem; line-height: 1.75rem } .\32xl\:text-xl { font-size: 1.25rem; line-height: 1.75rem } .\32xl\:text-\[3xl\] { color: 3xl } } :root { --toastify-color-light: #fff; --toastify-color-dark: #121212; --toastify-color-info: #3498db; --toastify-color-success: #07bc0c; --toastify-color-warning: #f1c40f; --toastify-color-error: #e74c3c; --toastify-color-transparent: hsla(0,0%,100%,.7); --toastify-icon-color-info: var(--toastify-color-info); --toastify-icon-color-success: var(--toastify-color-success); --toastify-icon-color-warning: var(--toastify-color-warning); --toastify-icon-color-error: var(--toastify-color-error); --toastify-toast-width: 320px; --toastify-toast-background: #fff; --toastify-toast-min-height: 64px; --toastify-toast-max-height: 800px; --toastify-font-family: sans-serif; --toastify-z-index: 9999; --toastify-text-color-light: #757575; --toastify-text-color-dark: #fff; --toastify-text-color-info: #fff; --toastify-text-color-success: #fff; --toastify-text-color-warning: #fff; --toastify-text-color-error: #fff; --toastify-spinner-color: #616161; --toastify-spinner-color-empty-area: #e0e0e0; --toastify-color-progress-light: linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55); --toastify-color-progress-dark: #bb86fc; --toastify-color-progress-info: var(--toastify-color-info); --toastify-color-progress-success: var(--toastify-color-success); --toastify-color-progress-warning: var(--toastify-color-warning); --toastify-color-progress-error: var(--toastify-color-error) } .Toastify__toast-container { z-index: var(--toastify-z-index); -webkit-transform: translateZ(var(--toastify-z-index)); position: fixed; padding: 4px; width: var(--toastify-toast-width); box-sizing: border-box; color: #fff } .Toastify__toast-container--top-left { top: 1em; left: 1em } .Toastify__toast-container--top-center { top: 1em; left: 50%; transform: translateX(-50%) } .Toastify__toast-container--top-right { top: 1em; right: 1em } .Toastify__toast-container--bottom-left { bottom: 1em; left: 1em } .Toastify__toast-container--bottom-center { bottom: 1em; left: 50%; transform: translateX(-50%) } .Toastify__toast-container--bottom-right { bottom: 1em; right: 1em } @media only screen and (max-width: 480px) { .Toastify__toast-container { width:100vw; padding: 0; left: 0; margin: 0 } .Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right { top: 0; transform: translateX(0) } .Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right { bottom: 0; transform: translateX(0) } .Toastify__toast-container--rtl { right: 0; left: auto } } .Toastify__toast { position: relative; min-height: var(--toastify-toast-min-height); box-sizing: border-box; margin-bottom: 1rem; padding: 8px; border-radius: 4px; box-shadow: 0 1px 10px 0 rgba(0,0,0,.1),0 2px 15px 0 rgba(0,0,0,.05); display: flex; justify-content: space-between; max-height: var(--toastify-toast-max-height); overflow: hidden; font-family: var(--toastify-font-family); cursor: default; direction: ltr; z-index: 0 } .Toastify__toast--rtl { direction: rtl } .Toastify__toast--close-on-click { cursor: pointer } .Toastify__toast-body { margin: auto 0; flex: 1 1 auto; padding: 6px; display: flex; align-items: center } .Toastify__toast-body>div:last-child { word-break: break-word; flex: 1 } .Toastify__toast-icon { -webkit-margin-end: 10px; margin-inline-end:10px;width: 20px; flex-shrink: 0; display: flex } .Toastify--animate { animation-fill-mode: both; animation-duration: .7s } .Toastify--animate-icon { animation-fill-mode: both; animation-duration: .3s } @media only screen and (max-width: 480px) { .Toastify__toast { margin-bottom:0; border-radius: 0 } } .Toastify__toast-theme--dark { background: var(--toastify-color-dark); color: var(--toastify-text-color-dark) } .Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light { background: var(--toastify-color-light); color: var(--toastify-text-color-light) } .Toastify__toast-theme--colored.Toastify__toast--info { color: var(--toastify-text-color-info); background: var(--toastify-color-info) } .Toastify__toast-theme--colored.Toastify__toast--success { color: var(--toastify-text-color-success); background: var(--toastify-color-success) } .Toastify__toast-theme--colored.Toastify__toast--warning { color: var(--toastify-text-color-warning); background: var(--toastify-color-warning) } .Toastify__toast-theme--colored.Toastify__toast--error { color: var(--toastify-text-color-error); background: var(--toastify-color-error) } .Toastify__progress-bar-theme--light { background: var(--toastify-color-progress-light) } .Toastify__progress-bar-theme--dark { background: var(--toastify-color-progress-dark) } .Toastify__progress-bar--info { background: var(--toastify-color-progress-info) } .Toastify__progress-bar--success { background: var(--toastify-color-progress-success) } .Toastify__progress-bar--warning { background: var(--toastify-color-progress-warning) } .Toastify__progress-bar--error { background: var(--toastify-color-progress-error) } .Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning { background: var(--toastify-color-transparent) } .Toastify__close-button { color: #fff; background: transparent; outline: none; border: none; padding: 0; cursor: pointer; opacity: .7; transition: .3s ease; align-self: flex-start } .Toastify__close-button--light { color: #000; opacity: .3 } .Toastify__close-button>svg { fill: currentColor; height: 16px; width: 14px } .Toastify__close-button:focus,.Toastify__close-button:hover { opacity: 1 } @keyframes Toastify__trackProgress { 0% { transform: scaleX(1) } to { transform: scaleX(0) } } .Toastify__progress-bar { position: absolute; bottom: 0; left: 0; width: 100%; height: 5px; z-index: var(--toastify-z-index); opacity: .7; transform-origin: left } .Toastify__progress-bar--animated { animation: Toastify__trackProgress linear 1 forwards } .Toastify__progress-bar--controlled { transition: transform .2s } .Toastify__progress-bar--rtl { right: 0; left: auto; transform-origin: right } .Toastify__spinner { width: 20px; height: 20px; box-sizing: border-box; border-radius: 100%; border: 2px solid; border-right: 2px solid var(--toastify-spinner-color); animation: Toastify__spin .65s linear infinite } @keyframes Toastify__bounceInRight { 0%,60%,75%,90%,to { animation-timing-function: cubic-bezier(.215,.61,.355,1) } 0% { opacity: 0; transform: translate3d(3000px,0,0) } 60% { opacity: 1; transform: translate3d(-25px,0,0) } 75% { transform: translate3d(10px,0,0) } 90% { transform: translate3d(-5px,0,0) } to { transform: none } } @keyframes Toastify__bounceOutRight { 20% { opacity: 1; transform: translate3d(-20px,0,0) } to { opacity: 0; transform: translate3d(2000px,0,0) } } @keyframes Toastify__bounceInLeft { 0%,60%,75%,90%,to { animation-timing-function: cubic-bezier(.215,.61,.355,1) } 0% { opacity: 0; transform: translate3d(-3000px,0,0) } 60% { opacity: 1; transform: translate3d(25px,0,0) } 75% { transform: translate3d(-10px,0,0) } 90% { transform: translate3d(5px,0,0) } to { transform: none } } @keyframes Toastify__bounceOutLeft { 20% { opacity: 1; transform: translate3d(20px,0,0) } to { opacity: 0; transform: translate3d(-2000px,0,0) } } @keyframes Toastify__bounceInUp { 0%,60%,75%,90%,to { animation-timing-function: cubic-bezier(.215,.61,.355,1) } 0% { opacity: 0; transform: translate3d(0,3000px,0) } 60% { opacity: 1; transform: translate3d(0,-20px,0) } 75% { transform: translate3d(0,10px,0) } 90% { transform: translate3d(0,-5px,0) } to { transform: translateZ(0) } } @keyframes Toastify__bounceOutUp { 20% { transform: translate3d(0,-10px,0) } 40%,45% { opacity: 1; transform: translate3d(0,20px,0) } to { opacity: 0; transform: translate3d(0,-2000px,0) } } @keyframes Toastify__bounceInDown { 0%,60%,75%,90%,to { animation-timing-function: cubic-bezier(.215,.61,.355,1) } 0% { opacity: 0; transform: translate3d(0,-3000px,0) } 60% { opacity: 1; transform: translate3d(0,25px,0) } 75% { transform: translate3d(0,-10px,0) } 90% { transform: translate3d(0,5px,0) } to { transform: none } } @keyframes Toastify__bounceOutDown { 20% { transform: translate3d(0,10px,0) } 40%,45% { opacity: 1; transform: translate3d(0,-20px,0) } to { opacity: 0; transform: translate3d(0,2000px,0) } } .Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left { animation-name: Toastify__bounceInLeft } .Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right { animation-name: Toastify__bounceInRight } .Toastify__bounce-enter--top-center { animation-name: Toastify__bounceInDown } .Toastify__bounce-enter--bottom-center { animation-name: Toastify__bounceInUp } .Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left { animation-name: Toastify__bounceOutLeft } .Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right { animation-name: Toastify__bounceOutRight } .Toastify__bounce-exit--top-center { animation-name: Toastify__bounceOutUp } .Toastify__bounce-exit--bottom-center { animation-name: Toastify__bounceOutDown } @keyframes Toastify__zoomIn { 0% { opacity: 0; transform: scale3d(.3,.3,.3) } 50% { opacity: 1 } } @keyframes Toastify__zoomOut { 0% { opacity: 1 } 50% { opacity: 0; transform: scale3d(.3,.3,.3) } to { opacity: 0 } } .Toastify__zoom-enter { animation-name: Toastify__zoomIn } .Toastify__zoom-exit { animation-name: Toastify__zoomOut } @keyframes Toastify__flipIn { 0% { transform: perspective(400px) rotateX(90deg); animation-timing-function: ease-in; opacity: 0 } 40% { transform: perspective(400px) rotateX(-20deg); animation-timing-function: ease-in } 60% { transform: perspective(400px) rotateX(10deg); opacity: 1 } 80% { transform: perspective(400px) rotateX(-5deg) } to { transform: perspective(400px) } } @keyframes Toastify__flipOut { 0% { transform: perspective(400px) } 30% { transform: perspective(400px) rotateX(-20deg); opacity: 1 } to { transform: perspective(400px) rotateX(90deg); opacity: 0 } } .Toastify__flip-enter { animation-name: Toastify__flipIn } .Toastify__flip-exit { animation-name: Toastify__flipOut } @keyframes Toastify__slideInRight { 0% { transform: translate3d(110%,0,0); visibility: visible } to { transform: translateZ(0) } } @keyframes Toastify__slideInLeft { 0% { transform: translate3d(-110%,0,0); visibility: visible } to { transform: translateZ(0) } } @keyframes Toastify__slideInUp { 0% { transform: translate3d(0,110%,0); visibility: visible } to { transform: translateZ(0) } } @keyframes Toastify__slideInDown { 0% { transform: translate3d(0,-110%,0); visibility: visible } to { transform: translateZ(0) } } @keyframes Toastify__slideOutRight { 0% { transform: translateZ(0) } to { visibility: hidden; transform: translate3d(110%,0,0) } } @keyframes Toastify__slideOutLeft { 0% { transform: translateZ(0) } to { visibility: hidden; transform: translate3d(-110%,0,0) } } @keyframes Toastify__slideOutDown { 0% { transform: translateZ(0) } to { visibility: hidden; transform: translate3d(0,500px,0) } } @keyframes Toastify__slideOutUp { 0% { transform: translateZ(0) } to { visibility: hidden; transform: translate3d(0,-500px,0) } } .Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left { animation-name: Toastify__slideInLeft } .Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right { animation-name: Toastify__slideInRight } .Toastify__slide-enter--top-center { animation-name: Toastify__slideInDown } .Toastify__slide-enter--bottom-center { animation-name: Toastify__slideInUp } .Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left { animation-name: Toastify__slideOutLeft } .Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right { animation-name: Toastify__slideOutRight } .Toastify__slide-exit--top-center { animation-name: Toastify__slideOutUp } .Toastify__slide-exit--bottom-center { animation-name: Toastify__slideOutDown } @keyframes Toastify__spin { 0% { transform: rotate(0deg) } to { transform: rotate(1turn) } } .carousel .control-arrow,.carousel.carousel-slider .control-arrow { transition: all .25s ease-in; opacity: .4; filter: alpha(opacity=40); position: absolute; z-index: 2; top: 20px; background: none; border: 0; font-size: 32px; cursor: pointer } .carousel .control-arrow:focus,.carousel .control-arrow:hover { opacity: 1; filter: alpha(opacity=100) } .carousel .control-arrow:before,.carousel.carousel-slider .control-arrow:before { margin: 0 5px; display: inline-block; border-top: 8px solid transparent; border-bottom: 8px solid transparent; content: "" } .carousel .control-disabled.control-arrow { opacity: 0; filter: alpha(opacity=0); cursor: inherit; display: none } .carousel .control-prev.control-arrow { left: 0 } .carousel .control-prev.control-arrow:before { border-right: 8px solid #fff } .carousel .control-next.control-arrow { right: 0 } .carousel .control-next.control-arrow:before { border-left: 8px solid #fff } .carousel-root { outline: none } .carousel { position: relative; width: 100% } .carousel * { box-sizing: border-box } .carousel img { width: 100%; display: inline-block; pointer-events: none } .carousel .carousel { position: relative } .carousel .control-arrow { outline: 0; border: 0; background: none; top: 50%; margin-top: -13px; font-size: 18px } .carousel .thumbs-wrapper { margin: 20px; overflow: hidden } .carousel .thumbs { transition: all .15s ease-in; transform: translateZ(0); position: relative; list-style: none; white-space: nowrap } .carousel .thumb { transition: border .15s ease-in; display: inline-block; margin-right: 6px; white-space: nowrap; overflow: hidden; border: 3px solid #fff; padding: 2px } .carousel .thumb:focus { border: 3px solid #ccc; outline: none } .carousel .thumb.selected,.carousel .thumb:hover { border: 3px solid #333 } .carousel .thumb img { vertical-align: top } .carousel.carousel-slider { position: relative; margin: 0; overflow: hidden } .carousel.carousel-slider .control-arrow { top: 0; color: #fff; font-size: 26px; bottom: 0; margin-top: 0; padding: 5px } .carousel.carousel-slider .control-arrow:hover { background: rgba(0,0,0,.2) } .carousel .slider-wrapper { overflow: hidden; margin: auto; width: 100%; transition: height .15s ease-in } .carousel .slider-wrapper.axis-horizontal .slider { -ms-box-orient: horizontal; display: -moz-flex; display: flex } .carousel .slider-wrapper.axis-horizontal .slider .slide { flex-direction: column; flex-flow: column } .carousel .slider-wrapper.axis-vertical { -ms-box-orient: horizontal; display: -moz-flex; display: flex } .carousel .slider-wrapper.axis-vertical .slider { flex-direction: column } .carousel .slider { margin: 0; padding: 0; position: relative; list-style: none; width: 100% } .carousel .slider.animated { transition: all .35s ease-in-out } .carousel .slide { min-width: 100%; margin: 0; position: relative; text-align: center } .carousel .slide img { width: 100%; vertical-align: top; border: 0 } .carousel .slide iframe { display: inline-block; width: calc(100% - 80px); margin: 0 40px 40px; border: 0 } .carousel .slide .legend { transition: all .5s ease-in-out; position: absolute; bottom: 40px; left: 50%; margin-left: -45%; width: 90%; border-radius: 10px; background: #000; color: #fff; padding: 10px; font-size: 12px; text-align: center; opacity: .25; transition: opacity .35s ease-in-out } .carousel .control-dots { position: absolute; bottom: 0; margin: 10px 0; padding: 0; text-align: center; width: 100%; z-index: 1 } @media (min-width: 960px) { .carousel .control-dots { bottom:0 } } .carousel .control-dots .dot { transition: opacity .25s ease-in; opacity: .3; filter: alpha(opacity=30); box-shadow: 1px 1px 2px rgba(0,0,0,.9); background: #fff; border-radius: 50%; width: 8px; height: 8px; cursor: pointer; display: inline-block; margin: 0 8px } .carousel .control-dots .dot.selected,.carousel .control-dots .dot:hover { opacity: 1; filter: alpha(opacity=100) } .carousel .carousel-status { position: absolute; top: 0; right: 0; padding: 5px; font-size: 10px; text-shadow: 1px 1px 1px rgba(0,0,0,.9); color: #fff } .carousel:hover .slide .legend { opacity: 1 }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-ab0d929 */.Home_card___LpL1:hover{ background:radial-gradient(circle at center, rgba(255, 0, 0, 0.3), #111); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5d00bf9 */.Home_card___LpL1:hover{ background:radial-gradient(circle at center, rgba(255, 0, 0, 0.3), #111); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0c14ef7 */.Home_card___LpL1:hover{ background:radial-gradient(circle at center, rgba(255, 0, 0, 0.3), #111); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d8d8690 */.Home_card___LpL1:hover{ background:radial-gradient(circle at center, rgba(255, 0, 0, 0.3), #111); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1b77fbc */.Home_card___LpL1:hover{ background:radial-gradient(circle at center, rgba(255, 0, 0, 0.3), #111); }/* End custom CSS */