.elementor-2936 .elementor-element.elementor-element-ce6c9a3{--display:flex;--min-height:200px;--justify-content:flex-end;}.elementor-2936 .elementor-element.elementor-element-ce6c9a3:not(.elementor-motion-effects-element-type-background), .elementor-2936 .elementor-element.elementor-element-ce6c9a3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.bts.edu.sg/wp-content/uploads/2025/07/coloured-shoes.png");background-position:top center;background-repeat:repeat-x;background-size:20% auto;}.elementor-2936 .elementor-element.elementor-element-99f4bcf{--display:flex;--padding-top:20px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-2936 .elementor-element.elementor-element-4150c97{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-2936 .elementor-element.elementor-element-ecc28f4 img{max-width:80%;}.elementor-2936 .elementor-element.elementor-element-cb3b7c6{--display:flex;--padding-top:20px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-2936 .elementor-element.elementor-element-63d5c7b{--divider-border-style:curly;--divider-color:var( --e-global-color-primary );--divider-border-width:1px;--divider-pattern-height:20px;--divider-pattern-size:20px;}.elementor-2936 .elementor-element.elementor-element-63d5c7b .elementor-divider-separator{width:60%;margin:0 auto;margin-center:0;}.elementor-2936 .elementor-element.elementor-element-63d5c7b .elementor-divider{text-align:center;padding-block-start:5px;padding-block-end:5px;}.elementor-2936 .elementor-element.elementor-element-beb4cc9{--display:flex;--padding-top:20px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-2936 .elementor-element.elementor-element-6f4cdac{--divider-border-style:curly;--divider-color:var( --e-global-color-primary );--divider-border-width:1px;--divider-pattern-height:20px;--divider-pattern-size:20px;}.elementor-2936 .elementor-element.elementor-element-6f4cdac .elementor-divider-separator{width:60%;margin:0 auto;margin-center:0;}.elementor-2936 .elementor-element.elementor-element-6f4cdac .elementor-divider{text-align:center;padding-block-start:5px;padding-block-end:5px;}.elementor-2936 .elementor-element.elementor-element-34de89c > .elementor-widget-container{background-color:transparent;background-image:linear-gradient(180deg, #52ACFF 25%, #f2295b 100%);border-style:none;border-radius:100px 100px 100px 100px;}.elementor-2936 .elementor-element.elementor-element-27f1479 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-2936 .elementor-element.elementor-element-c0b0036{--display:flex;--padding-top:20px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-2936 .elementor-element.elementor-element-dfd2bc9{--divider-border-style:curly;--divider-color:var( --e-global-color-primary );--divider-border-width:1px;--divider-pattern-height:20px;--divider-pattern-size:20px;}.elementor-2936 .elementor-element.elementor-element-dfd2bc9 .elementor-divider-separator{width:60%;margin:0 auto;margin-center:0;}.elementor-2936 .elementor-element.elementor-element-dfd2bc9 .elementor-divider{text-align:center;padding-block-start:5px;padding-block-end:5px;}.elementor-2936 .elementor-element.elementor-element-0a8559f{--display:flex;--padding-top:20px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-2936 .elementor-element.elementor-element-609b489{--divider-border-style:curly;--divider-color:var( --e-global-color-primary );--divider-border-width:1px;--divider-pattern-height:20px;--divider-pattern-size:20px;}.elementor-2936 .elementor-element.elementor-element-609b489 .elementor-divider-separator{width:60%;margin:0 auto;margin-center:0;}.elementor-2936 .elementor-element.elementor-element-609b489 .elementor-divider{text-align:center;padding-block-start:5px;padding-block-end:5px;}.elementor-2936 .elementor-element.elementor-element-f79c75c{--display:flex;border-style:solid;--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:#A6A7A8;--border-color:#A6A7A8;}.elementor-2936 .elementor-element.elementor-element-15e4e5a{--display:flex;border-style:solid;--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:#A6A7A8;--border-color:#A6A7A8;}.elementor-2936 .elementor-element.elementor-element-a109599{--display:flex;border-style:solid;--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:#A6A7A8;--border-color:#A6A7A8;}.elementor-2936 .elementor-element.elementor-element-bbebae4{--display:flex;border-style:solid;--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:#A6A7A8;--border-color:#A6A7A8;}.elementor-2936 .elementor-element.elementor-element-2b17d20{--display:flex;border-style:solid;--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:#A6A7A8;--border-color:#A6A7A8;}.elementor-2936 .elementor-element.elementor-element-8d78610{--display:flex;border-style:solid;--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:#A6A7A8;--border-color:#A6A7A8;}.elementor-2936 .elementor-element.elementor-element-42ba4d7{--display:flex;border-style:solid;--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:#A6A7A8;--border-color:#A6A7A8;}.elementor-2936 .elementor-element.elementor-element-4bda1e7{--display:flex;border-style:solid;--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:#A6A7A8;--border-color:#A6A7A8;}.elementor-2936 .elementor-element.elementor-element-9378780{--n-tabs-direction:column;--n-tabs-heading-direction:row;--n-tabs-heading-width:initial;--n-tabs-title-flex-basis:content;--n-tabs-title-flex-shrink:0;--n-tabs-heading-justify-content:center;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:0;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-padding-top:5px;--n-tabs-title-padding-right:6px;--n-tabs-title-padding-bottom:5px;--n-tabs-title-padding-left:6px;--n-tabs-title-font-size:20px;--n-tabs-title-color:#FFFFFF;}.elementor-2936 .elementor-element.elementor-element-9378780 > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:var( --e-global-color-primary );}.elementor-2936 .elementor-element.elementor-element-9378780.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-2936 .elementor-element.elementor-element-9378780.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );border-style:none;}.elementor-2936 .elementor-element.elementor-element-9378780.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Roboto", Sans-serif;font-weight:500;}.elementor-2936 .elementor-element.elementor-element-f396bca{--display:flex;--padding-top:20px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-2936 .elementor-element.elementor-element-ee8ac2c{--divider-border-style:curly;--divider-color:var( --e-global-color-primary );--divider-border-width:1px;--divider-pattern-height:20px;--divider-pattern-size:20px;}.elementor-2936 .elementor-element.elementor-element-ee8ac2c .elementor-divider-separator{width:60%;margin:0 auto;margin-center:0;}.elementor-2936 .elementor-element.elementor-element-ee8ac2c .elementor-divider{text-align:center;padding-block-start:5px;padding-block-end:5px;}.elementor-2936 .elementor-element.elementor-element-56c61ac{--display:flex;--padding-top:20px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-2936 .elementor-element.elementor-element-55ca6d1{--divider-border-style:curly;--divider-color:var( --e-global-color-primary );--divider-border-width:1px;--divider-pattern-height:20px;--divider-pattern-size:20px;}.elementor-2936 .elementor-element.elementor-element-55ca6d1 .elementor-divider-separator{width:60%;margin:0 auto;margin-center:0;}.elementor-2936 .elementor-element.elementor-element-55ca6d1 .elementor-divider{text-align:center;padding-block-start:5px;padding-block-end:5px;}.elementor-2936 .elementor-element.elementor-element-bca1538{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-2936 .elementor-element.elementor-element-ce6c9a3{--min-height:160px;--justify-content:flex-end;}.elementor-2936 .elementor-element.elementor-element-ce6c9a3:not(.elementor-motion-effects-element-type-background), .elementor-2936 .elementor-element.elementor-element-ce6c9a3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-size:52% auto;}.elementor-2936 .elementor-element.elementor-element-4150c97{--grid-auto-flow:row;}.elementor-2936 .elementor-element.elementor-element-ecc28f4.elementor-element{--align-self:center;}.elementor-2936 .elementor-element.elementor-element-bca1538{--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}}@media(max-width:767px){.elementor-2936 .elementor-element.elementor-element-ce6c9a3{--min-height:60px;}.elementor-2936 .elementor-element.elementor-element-ce6c9a3:not(.elementor-motion-effects-element-type-background), .elementor-2936 .elementor-element.elementor-element-ce6c9a3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-size:50% auto;}.elementor-2936 .elementor-element.elementor-element-4150c97{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-2936 .elementor-element.elementor-element-bca1538{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for html, class: .elementor-element-9b22497 */@import url("https://fonts.googleapis.com/css?family=Tangerine");
@import url(https://fonts.googleapis.com/css?family=Kaushan+Script);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,300,400,700);
@import url("//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css");
@import url('https://fonts.googleapis.com/css2?family=Shadows+Into+Light&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Kalam:wght@300;400;700&display=swap');


.walkathon-header {
    display: flex;
    justify-content: center;
    align-items: center;
}

.walkathon-title {
  font-size: 70px;
  font-family: "Kaushan Script", "Helvetica Neue", Helvetica, Arial, cursive;
  font-weight: 600;
  background-image: repeating-linear-gradient(to right, #553c9a, #ee4b2b 10%, #553c9a 20%);
  color: transparent;
  background-clip: text;
  -webkit-background-clip: text;
}

@media screen and (max-width: 800px) {
    .walkathon-title {
        font-size: 50px;
    }
}

@media screen and (max-width: 500px) {
    .walkathon-title {
        font-size: 40px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce6c9a3 */#primary {
    padding: 0;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3a4d90e */@import url('https://fonts.googleapis.com/css2?family=Shadows+Into+Light&display=swap');

 .nft {
	 user-select: none;
	 max-width: 300px;
	 margin: 2rem auto;
	 border: 1px solid #fff;
	 background-color: #282c34;
	 background: linear-gradient(0deg, rgba(40, 44, 52, 1) 0%, rgba(17, 0, 32, .5) 100%);
	 box-shadow: 0 7px 20px 5px #000;
	 border-radius: 2.7rem;
	 backdrop-filter: blur(7px);
	 -webkit-backdrop-filter: blur(7px);
	 overflow: hidden;
	 transition: 0.5s all;
	 font-family: "Shadows Into Light", cursive;
	 animation: nftAnimation 5s infinite; /* Animation for the whole div */
}

 .nft .main {
	 display: flex;
	 flex-direction: column;
	 width: 100%;
	 padding: 1rem;
	 color: #6EC1E4;
	 text-align: center;
	 font-size: 36px;
	 font-weight: bold;
}

 .nft .main .description {
	 margin: 0.5rem 0;
	 color: #a89ec9;
}

 .nft ::before {
	 position: fixed;
	 content: "";
	 box-shadow: 0 0 100px 40px #fff;
	 top: -10%;
	 left: -100%;
	 transform: rotate(-45deg);
	 height: 60rem;
	 transition: 0.7s all;
	 animation: beforeAnimation 5s infinite; /* Animation for the glowing effect */
}
/* Animation keyframes for the nft scaling and brightness effect */
@keyframes nftAnimation {
    0% {
        transform: scale(1);
        filter: brightness(1);
    }
    50% {
        transform: scale(1.015);
        filter: brightness(1.3);
    }
    100% {
        transform: scale(1);
        filter: brightness(1);
    }
}

/* Animation keyframes for the ::before glow effect */
@keyframes beforeAnimation {
    0% {
        top: -10%;
        left: -100%;
        filter: brightness(1);
    }
    50% {
        top: -100%;
        left: 200%;
        filter: brightness(0.5);
    }
    100% {
        top: -10%;
        left: -100%;
        filter: brightness(1);
    }
}
 
 .date {
    margin-bottom: 10px;
    letter-spacing: 3px;
}

.line {
    width: 100%;
    border: 2px solid #6EC1E4;
}

.time {
    margin-top: 10px;
    letter-spacing: 3px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-46f427e */.laptop-body {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.laptop {
    width: 100%;
    max-width: 1000px;
    position: relative;
}

.laptop img {
    width: 100%;
    
}

.laptop video {
    position: absolute;
    width: 95%;
    height: 67.3%;
    top: 3.1%;
    left: 3%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-34de89c *//* center the blockquote in the page */
.blockquote-wrapper-aim1 {
   display: flex;
}

/* Blockquote main style */
.blockquote-aim1 {
    position: relative;
    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
    color: #ffffff;
    padding: 30px 0;
    width: 90%;
    max-width: 1000px;
    z-index: 1;
    margin: 10px auto;
    align-self: center;
    border-top: solid 1px;
    border-bottom: solid 1px;
}

/* Blockquote header */
.blockquote-aim1 p {
    position: relative;
    color: #FFFFFF;
    font-size: 30px;
    font-weight: 800;
    line-height: 1;
    margin: 0;
    text-align: center;
}

/* Blockquote right double quotes */
.blockquote-aim1:after {
    position: absolute;
    /* content: "”"; */
    font-size: 10rem;
    line-height: 0;
    bottom: -43px;
    right: 30px;
}

/* increase header size after 600px */
@media all and (max-width: 630px) {
    .blockquote-aim1 p {
        font-size: 24px;
   }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ff13dcb */.progress-body {
    color: #333;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
}

.progress-container350k {
    width: 80%;
    max-width: 900px;
    margin: 20px;
    background: linear-gradient(135deg, #ffffff, #f0f0f0);
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    padding: 25px;
    position: relative;
    overflow: hidden;
}

.progress-container350k::before {
    content: "";
    position: absolute;
    width: 300%;
    height: 300%;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.3), transparent);
    top: -50%;
    left: -50%;
}

.progress-bar350k {
    position: relative;
    height: 60px;
    background: #e0e0e0;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.1);
}

@media all and (max-width: 600px) {
    .progress-bar350k {
        height: 80px;
    }
}

.amount {
    position: absolute;
    padding-left: 20px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    font-weight: bold;
    font-size: 1.2rem;
    text-align: center;
    opacity: 0;
    transition: opacity 0.6s ease-in-out, transform 0.4s ease-in-out;
}

.pledged {
    background: linear-gradient(135deg, #b2fab4, #2e7d32); /* Gradient for pledged */
    animation: showPledged 20s infinite ease-in-out; /* Rotating animation */
}

.donated {
    background: linear-gradient(135deg, #90caf9, #0d47a1); /* Gradient for donated */
    animation: showDonated 20s infinite ease-in-out; /* Rotating animation */
}

.target {
    text-align: right;
    margin-top: 15px;
    font-weight: bold;
    color: #555;
    font-size: 1.2rem;
}


/* Keyframes for the rotating fade in/out effect */
@keyframes showPledged {
    0% { opacity: 1; width:100%; color: black;}
    12.5% { opacity: 1; width:100%;}
    25% { opacity: 1; width:100%;}
    50% { opacity: 1; width:100%; color: rgba(0, 0, 0, 0.5);}
    75% { opacity: 1; width:100%;}
    87.5% { opacity: 1; width:100%;}
    100% { opacity: 1; width:100%; color: black;}
}

@keyframes showDonated {
    0% { opacity: 1; width:100%; color: black;}
    25% { opacity: 1; width:100%;}
    37.5% { opacity: 1; width:100%;}
    50% { opacity: 1; width:100%; color: black;}
    67.5% { opacity: 1; width:100%;}
    75% { opacity: 1; width:100%;}
    100% { opacity: 1; width:100%; color: black;}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-27f1479 */.kalam-participate {
    font-size: 50px;
    font-family: "Kalam", cursive;
    font-weight: 600;
    font-style: normal;
}

@media all and (max-width: 600px) {
    .kalam-participate {
        font-size: 24px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-736ef2d */.kalam-participate {
    font-size: 50px;
    font-family: "Kalam", cursive;
    font-weight: 600;
    font-style: normal;
}

@media all and (max-width: 600px) {
    .kalam-participate {
        font-size: 24px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fc948ca */@import url("https://fonts.googleapis.com/css?family=Tangerine");
@import url(https://fonts.googleapis.com/css?family=Kaushan+Script);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,300,400,700);
@import url("//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css");
@import url('https://fonts.googleapis.com/css2?family=Shadows+Into+Light&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Kalam:wght@300;400;700&display=swap');

.title {
  font-size: 70px;
  font-family: "Kaushan Script", "Helvetica Neue", Helvetica, Arial, cursive;
  font-weight: 600;
  background-image: repeating-linear-gradient(to right, #553c9a, #ee4b2b 10%, #553c9a 20%);
  color: transparent;
  background-clip: text;
  -webkit-background-clip: text;
}

.shadows-into-light-regular {
    font-size: 25px;
  font-family: "Shadows Into Light", cursive;
  font-weight: 900;
  font-style: normal;
}

.kalam {
    font-size: 50px;
  font-family: "Kalam", cursive;
  font-weight: 400;
  font-style: normal;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-9378780 */@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap');

.table-body {
    margin: 0;
    padding: 0;
    background-color: #f7f7f7;
    color: #333;
}

.table-container {
    width: 100%;
    margin: 3rem auto;
    padding: 1rem;
    background-color: #fff;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    overflow-x: auto; /* Enables horizontal scrolling */
}

.table-h1 {
    text-align: center;
    color: #6EC1E4;
    margin-bottom: 1.5rem;
}

.finisher-table {
    width: 100%;
    border-collapse: collapse;
}

.finisher-table thead {
    background-color: #6EC1E4;
    color: white;
    font-size: 1.1rem;
}

.finisher-table th, .finisher-table td {
    padding: 12px;
    text-align: center;
    vertical-align: middle;
    border: none; /* Removes the vertical lines */
    border-bottom: 1px solid #ddd;
    
}

/* Odd rows (1st, 3rd, 5th, etc.) - Align photo left */
.finisher-table tbody tr:nth-child(odd) td img {
    float: left;
    margin-left: 40px;
}

/* Even rows (2nd, 4th, 6th, etc.) - Align photo right */
.finisher-table tbody tr:nth-child(even) td img {
    float: right;
    margin-right: 70px;
}

.finisher-table tbody tr:hover {
    background-color: #f1f1f1;
}

.finisher-table img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    object-fit: cover;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  transition: transform 0.2s; /* Smooth scaling effect */
  pointer-events: none;
}

.thumbnail {
    transition: transform 0.2s; /* Smooth scaling effect */
    transform: scale(2.5); /* Enlarged size on hover */
}

.finisher-table th {
    text-transform: uppercase;
    font-weight: bold;
    background-color: #6EC1E4;
}

.finisher-table td {
    font-size: 1rem;
}

@media (max-width: 768px) {
    .table-container {
        width: 95%;
    }

    .finisher-table img {
        width: 40px;
        height: 40px;
    }
    
    .finisher-table tbody tr:nth-child(even) td img {
    float: left;
    margin-left: 120px;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bc9e479 */#background {
  /* height: 700px; */
  width: 100%;
  padding-top: 20px;
  
}

#gallery {
  width: 800px;
  margin: auto;
}

@media screen and (max-width: 800px) {
    #gallery {
        width: 400px;
        margin: auto;
    }
}
@media screen and (max-width: 400px) {
    #gallery {
        /* width: 200px;
        -webkit-transform: scale(0.9,0.9); */
        margin: auto;
    }
}


#background img {
  height: 150px;
  margin: 0;
}

#background figure {
  float: left;
  position: relative;
  background-color: white;
  text-align: center;
  font-size: 15px;
  padding: 10px;
  margin: 10px;
  box-shadow: 1px 2px 3px black;
}

.pic1 {
  -webkit-transform : rotate(-10deg);
  z-index: 1;
}

.pic2 {
  -webkit-transform : rotate(15deg);
  z-index: 2;
}

.pic3 {
  -webkit-transform : rotate(-25deg);
  z-index: 1;
}

.pic4 {
  -webkit-transform : rotate(5deg);
  z-index:1;
}

.pic5 {
  -webkit-transform : rotate(5deg);
  z-index:1;
}

.pic6 {
  -webkit-transform : rotate(-8deg);
  z-index:1;
}

.pic7 {
  -webkit-transform : rotate(2deg);
  z-index:1;
}

.pic8 {
  -webkit-transform : rotate(-13deg);
  z-index:1;
}

.pic9 {
  -webkit-transform : rotate(-7deg);
  z-index:1;
}

.pic10 {
  -webkit-transform : rotate(2deg);
  z-index:1;
}

.pic11 {
 -webkit-transform : rotate(-3deg);
  z-index:1;
}

#background figure:hover {
  box-shadow: 5px 10px 100px black;
  -webkit-transform: scale(1.3,1.3);
  z-index: 20;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-67a59cd */.card-body {
  font-family: "Exo", sans-serif;
  text-align: center;
	 display: flex;
	 justify-content: center;
	 align-items: center;
	 min-height: 46vh;
	 user-select: none;
}
 .org-team {
	 width: 100%;
	 vertical-align: middle;
}

 .card__border_1, .card__border-line_1, .card__inner {
	 -webkit-clip-path: polygon(50% 0, 100% 20%, 100% 80%, 50% 100%, 0% 80%, 0% 20%);
	 clip-path: polygon(50% 0, 100% 20%, 100% 80%, 50% 100%, 0% 80%, 0% 20%);
}
 .card {
	 -webkit-filter: drop-shadow(0px 0px 5px hsl(357, 100%, 49%)) drop-shadow(0px 0px 15px hsl(357, 100%, 49%));
	 filter: drop-shadow(0px 0px 5px hsl(357, 100%, 49%)) drop-shadow(0px 0px 15px hsl(357, 100%, 49%));
	 position: relative;
	 max-width: 400px;
}
 .card__border_1 {
	 position: absolute;
	 width: 98%;
	 height: 102%;
	 background: hsl(357, 100%, 49%);
	 left: 1%;
	 top: 1%;
}
 .card__border-line_1 {
	 position: absolute;
	 width: 95%;
	 height: 99%;
	 left: 2.5%;
	 top: 2.5%;
	 background: -webkit-gradient(linear, left top, left bottom, color-stop(33%, #f8d177), color-stop(70%, #000));
	 background: linear-gradient(to bottom, #f8d177 33%, #000 70%);
}

 @media screen and (max-width: 800px) {
	 .card__border_1 {
		 
	}
	.card__border-line_1 {
	    
	}
}

 .card__inner {
	 background: -webkit-linear-gradient(179deg, hsl(357, 100%, 49%), #e3a83b 90%);
	 background: linear-gradient(179deg, hsl(357, 100%, 49%), #e3a83b 90%);
	 padding: 0.5rem 0.2rem 0rem;
	 width: 92%;
	 margin-top: 4.8%;
	 margin-left: 4%;
}
 .card__img {
	 display: flex;
	 padding: 0 0.4rem;
	 background: repeating-linear-gradient(126deg, 
                hsla(0, 0%, 100%, 0.219) 0%, 
                #ffffff57 1.2%, 
                transparent 1.19%, 
                transparent 4%, 
                transparent 4.1%);
}
 @media screen and (max-width: 550px) {
	 .card__img {
		 padding: 0 0.2rem;
	}
}
 .img__team {
	 flex: 1 1 30%;
	 background: rgba(0, 0, 0, 0.82);
	 display: flex;
	 padding: 0.3rem;
	 align-items: center;
	 padding-top: 15%;
}
 .img__athlete {
	 flex: 1 1 75%;
	 padding-top: 8%;
}
 .img__athlete img {
	 width: 100%;
	 object-fit: cover;
	 object-position: top;
	 margin-left: -11%;
}
 .card__type {
	 width: 50%;
	 margin: auto;
	 padding: 0 10%;
	 border-radius: 5px;
	 background: hsl(40, 100%, 50%);
	 color: var(--text-color);
	 font-size: 1.0rem;
   font-weight: bold;
	 margin-top: -6%;
}
 @media screen and (max-width: 800px) {
	 .card__type {
		 font-size: 1.2rem;
	}
}
 .card__text {
	 position: relative;
	 padding-bottom: 16%;
}
 .card__text:before {
	 content: '';
	 position: absolute;
	 left: 0;
	 right: 0;
	 top: 0;
	 bottom: 0;
	 background: url('https://i.pinimg.com/originals/80/7d/ce/807dcedf950725fea6b935cdb6ffb4a6.jpg');
	/* Sand texture*/
	 opacity: 0.3;
	 z-index: -1;
}
.name {
    font-size: 1.0rem;
	 margin: 2% 0 0;
	 position: relative;
	 font-weight: bold;
}
 .name:before {
	 content: '';
	 background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(#373030), color-stop(black), color-stop(#000), to(transparent));
	 background: linear-gradient(to right, transparent, #373030, black, #000, transparent);
	 position: absolute;
	 left: 0;
	 right: 0;
	 bottom: -0.5rem;
	 height: 5%;
}
 @media screen and (max-width: 800px) {
	 .name {
		 font-size: 1.0rem;
	}
}
 .points {
	 font-size: 1.5rem;
	 margin: 1rem 0 10%;
	 position: relative;
	 font-weight: bold;
	 color: black;
}

 @media screen and (max-width: 800px) {
	 .points {
		 font-size: 1.2rem;
	}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fd6db6b */.card-body {
  font-family: "Exo", sans-serif;
  text-align: center;
	 display: flex;
	 justify-content: center;
	 align-items: center;
	 min-height: 46vh;
	 user-select: none;
}
 .org-team {
	 width: 100%;
	 vertical-align: middle;
}

 .card__border_4, .card__border-line_4, .card__inner {
	 -webkit-clip-path: polygon(50% 0, 100% 20%, 100% 80%, 50% 100%, 0% 80%, 0% 20%);
	 clip-path: polygon(50% 0, 100% 20%, 100% 80%, 50% 100%, 0% 80%, 0% 20%);
}
 .card {
	 -webkit-filter: drop-shadow(0px 0px 5px hsl(357, 100%, 49%)) drop-shadow(0px 0px 15px hsl(357, 100%, 49%));
	 filter: drop-shadow(0px 0px 5px hsl(357, 100%, 49%)) drop-shadow(0px 0px 15px hsl(357, 100%, 49%));
	 position: relative;
	 max-width: 400px;
	 
}
 .card__border_4 {
	 position: absolute;
	 width: 98%;
	 height: 102%;
	 background: hsl(357, 100%, 49%);
	 left: 1%;
	 top: 1%;
}
 .card__border-line_4 {
	 position: absolute;
	 width: 95%;
	 height: 99%;
	 left: 2.5%;
	 top: 2.5%;
	 background: -webkit-gradient(linear, left top, left bottom, color-stop(33%, #f8d177), color-stop(70%, #000));
	 background: linear-gradient(to bottom, #f8d177 33%, #000 70%);
}

 @media screen and (max-width: 800px) {
	 .card__border_4 {
		 
	}
	.card__border-line_4 {
	    
	}
}

 .card__inner {
	 background: -webkit-linear-gradient(179deg, hsl(357, 100%, 49%), #e3a83b 90%);
	 background: linear-gradient(179deg, hsl(357, 100%, 49%), #e3a83b 90%);
	 padding: 0.5rem 0.2rem 0rem;
	 width: 92%;
	 margin-top: 4.8%;
	 margin-left: 4%;
}
 .card__img {
	 display: flex;
	 padding: 0 0.4rem;
	 background: repeating-linear-gradient(126deg, 
                hsla(0, 0%, 100%, 0.219) 0%, 
                #ffffff57 1.2%, 
                transparent 1.19%, 
                transparent 4%, 
                transparent 4.1%);
}
 @media screen and (max-width: 550px) {
	 .card__img {
		 padding: 0 0.2rem;
	}
}
 .img__team {
	 flex: 1 1 30%;
	 background: rgba(0, 0, 0, 0.82);
	 display: flex;
	 padding: 0.3rem;
	 align-items: center;
	 padding-top: 15%;
}
 .img__athlete {
	 flex: 1 1 75%;
	 padding-top: 8%;
}
 .img__athlete img {
	 width: 169px;
	 height: 158px;
	 object-fit: cover;
	 object-position: top;
	 margin-left: -11%;
}
 .card__type {
	 width: 50%;
	 margin: auto;
	 padding: 0 10%;
	 border-radius: 5px;
	 background: hsl(40, 100%, 50%);
	 color: var(--text-color);
	 font-size: 1.0rem;
   font-weight: bold;
	 margin-top: -6%;
}
 @media screen and (max-width: 800px) {
	 .card__type {
		 font-size: 1.2rem;
	}
}
 .card__text {
	 position: relative;
	 padding-bottom: 16%;
}
 .card__text:before {
	 content: '';
	 position: absolute;
	 left: 0;
	 right: 0;
	 top: 0;
	 bottom: 0;
	 background: url('https://i.pinimg.com/originals/80/7d/ce/807dcedf950725fea6b935cdb6ffb4a6.jpg');
	/* Sand texture*/
	 opacity: 0.3;
	 z-index: -1;
}
.name {
    font-size: 1.0rem;
	 margin: 2% 0 0;
	 position: relative;
	 font-weight: bold;
}
 .name:before {
	 content: '';
	 background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(#373030), color-stop(black), color-stop(#000), to(transparent));
	 background: linear-gradient(to right, transparent, #373030, black, #000, transparent);
	 position: absolute;
	 left: 0;
	 right: 0;
	 bottom: -0.5rem;
	 height: 5%;
}
 @media screen and (max-width: 800px) {
	 .name {
		 font-size: 1.0rem;
	}
}
 .points {
	 font-size: 1.5rem;
	 margin: 1rem 0 10%;
	 position: relative;
	 font-weight: bold;
	 color: black;
}

 @media screen and (max-width: 800px) {
	 .points {
		 font-size: 1.2rem;
	}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bf498ae */.card-body {
  font-family: "Exo", sans-serif;
  text-align: center;
	 display: flex;
	 justify-content: center;
	 align-items: center;
	 min-height: 46vh;
	 user-select: none;
}
 .org-team {
	 width: 100%;
	 vertical-align: middle;
}

 .card__border_2, .card__border-line_2, .card__inner {
	 -webkit-clip-path: polygon(50% 0, 100% 20%, 100% 80%, 50% 100%, 0% 80%, 0% 20%);
	 clip-path: polygon(50% 0, 100% 20%, 100% 80%, 50% 100%, 0% 80%, 0% 20%);
}
 .card {
	 -webkit-filter: drop-shadow(0px 0px 5px hsl(357, 100%, 49%)) drop-shadow(0px 0px 15px hsl(357, 100%, 49%));
	 filter: drop-shadow(0px 0px 5px hsl(357, 100%, 49%)) drop-shadow(0px 0px 15px hsl(357, 100%, 49%));
	 position: relative;
	 max-width: 400px;
}
 .card__border_2 {
	 position: absolute;
	 width: 98%;
	 height: 102%;
	 background: hsl(357, 100%, 49%);
	 left: 1%;
	 top: 1%;
}
 .card__border-line_2 {
	 position: absolute;
	 width: 95%;
	 height: 99%;
	 left: 2.5%;
	 top: 2.5%;
	 background: -webkit-gradient(linear, left top, left bottom, color-stop(33%, #f8d177), color-stop(70%, #000));
	 background: linear-gradient(to bottom, #f8d177 33%, #000 70%);
}

 @media screen and (max-width: 800px) {
	 .card__border_2 {
		 
	}
	.card__border-line_2 {
	    
	}
}

 .card__inner {
	 background: -webkit-linear-gradient(179deg, hsl(357, 100%, 49%), #e3a83b 90%);
	 background: linear-gradient(179deg, hsl(357, 100%, 49%), #e3a83b 90%);
	 padding: 0.5rem 0.2rem 0rem;
	 width: 92%;
	 margin-top: 4.8%;
	 margin-left: 4%;
}
 .card__img {
	 display: flex;
	 padding: 0 0.4rem;
	 background: repeating-linear-gradient(126deg, 
                hsla(0, 0%, 100%, 0.219) 0%, 
                #ffffff57 1.2%, 
                transparent 1.19%, 
                transparent 4%, 
                transparent 4.1%);
}
 @media screen and (max-width: 550px) {
	 .card__img {
		 padding: 0 0.2rem;
	}
}
 .img__team {
	 flex: 1 1 30%;
	 background: rgba(0, 0, 0, 0.82);
	 display: flex;
	 padding: 0.3rem;
	 align-items: center;
	 padding-top: 15%;
}
 .img__athlete {
	 flex: 1 1 75%;
	 padding-top: 8%;
}
 .img__athlete img {
	 width: 169px;
	 height: 158px;
	 object-fit: cover;
	 object-position: top;
	 margin-left: -11%;
}
 .card__type {
	 width: 50%;
	 margin: auto;
	 padding: 0 10%;
	 border-radius: 5px;
	 background: hsl(40, 100%, 50%);
	 color: var(--text-color);
	 font-size: 1.0rem;
   font-weight: bold;
	 margin-top: -6%;
}
 @media screen and (max-width: 800px) {
	 .card__type {
		 font-size: 1.2rem;
	}
}
 .card__text {
	 position: relative;
	 padding-bottom: 16%;
}
 .card__text:before {
	 content: '';
	 position: absolute;
	 left: 0;
	 right: 0;
	 top: 0;
	 bottom: 0;
	 background: url('https://i.pinimg.com/originals/80/7d/ce/807dcedf950725fea6b935cdb6ffb4a6.jpg');
	/* Sand texture*/
	 opacity: 0.3;
	 z-index: -1;
}
.name {
    font-size: 1.0rem;
	 margin: 2% 0 0;
	 position: relative;
	 font-weight: bold;
}
 .name:before {
	 content: '';
	 background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(#373030), color-stop(black), color-stop(#000), to(transparent));
	 background: linear-gradient(to right, transparent, #373030, black, #000, transparent);
	 position: absolute;
	 left: 0;
	 right: 0;
	 bottom: -0.5rem;
	 height: 5%;
}
 @media screen and (max-width: 800px) {
	 .name {
		 font-size: 1.0rem;
	}
}
 .points {
	 font-size: 1.5rem;
	 margin: 1rem 0 10%;
	 position: relative;
	 font-weight: bold;
	 color: black;
}

 @media screen and (max-width: 800px) {
	 .points {
		 font-size: 1.2rem;
	}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4f563ef */.card-body {
  font-family: "Exo", sans-serif;
  text-align: center;
	 display: flex;
	 justify-content: center;
	 align-items: center;
	 min-height: 46vh;
	 user-select: none;
}
 .org-team {
	 width: 100%;
	 vertical-align: middle;
}

 .card__border_3, .card__border-line_3, .card__inner {
	 -webkit-clip-path: polygon(50% 0, 100% 20%, 100% 80%, 50% 100%, 0% 80%, 0% 20%);
	 clip-path: polygon(50% 0, 100% 20%, 100% 80%, 50% 100%, 0% 80%, 0% 20%);
}
 .card {
	 -webkit-filter: drop-shadow(0px 0px 5px hsl(357, 100%, 49%)) drop-shadow(0px 0px 15px hsl(357, 100%, 49%));
	 filter: drop-shadow(0px 0px 5px hsl(357, 100%, 49%)) drop-shadow(0px 0px 15px hsl(357, 100%, 49%));
	 position: relative;
	 max-width: 400px;
}
 .card__border_3 {
	 position: absolute;
	 width: 98%;
	 height: 102%;
	 background: hsl(357, 100%, 49%);
	 left: 1%;
	 top: 1%;
}
 .card__border-line_3 {
	 position: absolute;
	 width: 95%;
	 height: 99%;
	 left: 2.5%;
	 top: 2.5%;
	 background: -webkit-gradient(linear, left top, left bottom, color-stop(33%, #f8d177), color-stop(70%, #000));
	 background: linear-gradient(to bottom, #f8d177 33%, #000 70%);
}

 @media screen and (max-width: 800px) {
	 .card__border_3 {
		 
	}
	.card__border-line_3 {
	    
	}
}

 .card__inner {
	 background: -webkit-linear-gradient(179deg, hsl(357, 100%, 49%), #e3a83b 90%);
	 background: linear-gradient(179deg, hsl(357, 100%, 49%), #e3a83b 90%);
	 padding: 0.5rem 0.2rem 0rem;
	 width: 92%;
	 margin-top: 4.8%;
	 margin-left: 4%;
}
 .card__img {
	 display: flex;
	 padding: 0 0.4rem;
	 background: repeating-linear-gradient(126deg, 
                hsla(0, 0%, 100%, 0.219) 0%, 
                #ffffff57 1.2%, 
                transparent 1.19%, 
                transparent 4%, 
                transparent 4.1%);
}
 @media screen and (max-width: 550px) {
	 .card__img {
		 padding: 0 0.2rem;
	}
}
 .img__team {
	 flex: 1 1 30%;
	 background: rgba(0, 0, 0, 0.82);
	 display: flex;
	 padding: 0.3rem;
	 align-items: center;
	 padding-top: 15%;
}
 .img__athlete {
	 flex: 1 1 75%;
	 padding-top: 8%;
}
 .img__athlete img {
	 width: 169px;
	 height: 158px;
	 object-fit: cover;
	 object-position: top;
	 margin-left: -11%;
}
 .card__type {
	 width: 50%;
	 margin: auto;
	 padding: 0 10%;
	 border-radius: 5px;
	 background: hsl(40, 100%, 50%);
	 color: var(--text-color);
	 font-size: 1.0rem;
   font-weight: bold;
	 margin-top: -6%;
}
 @media screen and (max-width: 800px) {
	 .card__type {
		 font-size: 1.2rem;
	}
}
 .card__text {
	 position: relative;
	 padding-bottom: 16%;
}
 .card__text:before {
	 content: '';
	 position: absolute;
	 left: 0;
	 right: 0;
	 top: 0;
	 bottom: 0;
	 background: url('https://i.pinimg.com/originals/80/7d/ce/807dcedf950725fea6b935cdb6ffb4a6.jpg');
	/* Sand texture*/
	 opacity: 0.3;
	 z-index: -1;
}
.name {
    font-size: 1.0rem;
	 margin: 2% 0 0;
	 position: relative;
	 font-weight: bold;
}
 .name:before {
	 content: '';
	 background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(#373030), color-stop(black), color-stop(#000), to(transparent));
	 background: linear-gradient(to right, transparent, #373030, black, #000, transparent);
	 position: absolute;
	 left: 0;
	 right: 0;
	 bottom: -0.5rem;
	 height: 5%;
}
 @media screen and (max-width: 800px) {
	 .name {
		 font-size: 1.0rem;
	}
}
 .points {
	 font-size: 1.5rem;
	 margin: 1rem 0 10%;
	 position: relative;
	 font-weight: bold;
	 color: black;
}

 @media screen and (max-width: 800px) {
	 .points {
		 font-size: 1.2rem;
	}
}/* End custom CSS */