/* CSS Document */

:root {
    --brand: #000000;
    /* tweak to your brand brown */
    --ink: #3a3a3a;
    --muted: #7a828a;
    --bg: #f6f6f6;
	
	
/*	--color-01: #D2DE26;*/
	--color-01: #D5FF01;
	--color-02: #FC3E04;
/*	--color-03: #2E3092;*/
	--color-03: #3420FC;
	--color-04: #FFC704;
}

body {
	
    color: var(--ink);
    font-family: Helvetica, "sans-serif";
	

    }

.sportsdaq-contact ul {list-style-type: none; padding-left: 0px; margin-bottom: 0px;}
.sportsdaq-contact .container-fluid { padding-inline: 0px; overflow: hidden;}
.sportsdaq-contact .main-row .columns{padding-inline:0px;}

header{position: fixed;/* right:3%; *//* border:1px solid black; */top:2%;z-index:999;display: flex;justify-content: space-between;width: 100%;align-items: center;padding-inline: 6rem;}
header ul{width:100%;display: flex;/* gap:2rem; */background-color: var(--color-03);padding:1rem;box-shadow: 7px 7px 0px #fff;width: max-content;align-items: center;}
header ul li{text-align: center;padding-inline: 1.5rem;}
header ul li:not(:last-child){border-right:1px solid #fff;/* padding-right: 1rem; */}
header ul li a{font-family: "Teko", sans-serif;font-size: clamp(1rem, 2vw, 24px);color:#fff;text-decoration: none;display: inline-flex;width: 100%;}
header img.logo{width: 70%;}


h1{font-family: "Teko", sans-serif; font-size: clamp(2.25rem, 4vw, 74px);}
/*h2{font-family: "Teko", sans-serif;font-size: clamp(2.25rem, 4vw, 64px);font-weight: 500;line-height: 64px;text-transform: uppercase;}*/
 p{font-size: clamp(1rem, 2vw, 20px);font-style: normal;font-weight: 400;line-height: normal;color:#fff;}

.sportsdaq-contact .sec-01 .container{padding-top: 15vh;}
.sportsdaq-contact .sec-01 .main-row{}
.sportsdaq-contact .sec-01 .columns{margin-bottom: 2rem;}
.sportsdaq-contact .sec-01 .columns h1{  text-align:center; font-style: normal; font-weight: 500; line-height: 80px; color: rgba(0, 0, 0, 0.90);}
.sportsdaq-contact .sec-01 .columns ul{display: flex;margin-top:2rem;gap: 1.5rem;} 
.sportsdaq-contact .sec-01 .columns ul li{width: calc(100% / 3);  padding-top:30px; padding-left:30px; height: 550px; position: relative;} 
.sportsdaq-contact .sec-01 .columns ul li p{color:#000; font-size: clamp(1rem, 2vw, 24px);} 
.sportsdaq-contact .sec-01 .columns ul li h2{font-style: normal;font-weight: 500; line-height: 80px; font-family: "Teko", sans-serif; font-size: clamp(2.25rem, 4vw, 64px);} 
.sportsdaq-contact .sec-01 .columns ul li:nth-child(1){background-color: var(--color-01);} 
.sportsdaq-contact .sec-01 .columns ul li:nth-child(2){background-color: var(--color-02);} 
.sportsdaq-contact .sec-01 .columns ul li:nth-child(3){background-color: var(--color-04);} 
.sportsdaq-contact .sec-01 .columns .contact{ display: flex; flex-direction: column; margin-bottom: 1.3rem;}
.sportsdaq-contact .sec-01 .columns .contact a{ font-size: clamp(1rem, 2vw, 24px); font-style: normal; font-weight: 400; line-height: normal; text-decoration: none; color: #000;}
.sportsdaq-contact .sec-01 .columns ul li img{width: 35%;position: absolute;right: 0px;bottom: 0px;}


 a.btn-download-brochure {
 font-family: "Teko", sans-serif;
 text-decoration: none;
 font-size: clamp(1.125rem, 2.5vw, 28px);
 font-weight: 400;
 line-height: 20px;
 color: #fff;
 display: inline-flex;
 padding: 1.4rem 1.2rem;
 width: max-content;
 position: relative;
 margin-block: 4rem;
 justify-content: space-between;
 background-color: var(--color-03);

 box-shadow: 8px 8px 0px #000;
 align-items: center;
 gap: 24px;
 }

a.btn-download-brochure img.icon-arrow-up-right{width: 18px;}

footer { background-color: #000;}
footer .main-row{padding-inline: 6rem;}
footer .main-row .columns:nth-child(1){margin-block:2rem;background-color: var(--color-01);overflow: hidden;}
footer .main-row .columns:nth-child(1) ul{
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding-inline: 3rem;
    padding-block: 3rem;
}
footer .main-row .columns:nth-child(1) ul li{}
footer .main-row .columns:nth-child(1) p{padding-left: 3rem;font-size: clamp(0.875rem, 1.5vw, 14px);color: #000;}
footer .main-row .columns:nth-child(1) ul li h4{font-family: "Teko", sans-serif;font-size: clamp(1.125rem, 2.5vw, 32px);}

footer .stripes-container{width:100%; margin-block:2rem;}
.stripes-dots{width: 130%;height: 14vh;position:relative;overflow:hidden;}
.stripes-dots:before{content:"";width: 200%;height: 100%;position:absolute;top:0;left:0;background: url("stripe1.webp") #000000 repeat top left; background-size: contain; animation: dotsMove 32s linear infinite;}


/* Animation */
@keyframes dotsMove {
  from {
    background-position: 0 0;
  }
  to {
    background-position: -100% 0;
  }
}


 footer .main-row .columns:nth-child(1) .img-wrapper {/* border:1px solid #000; */}

 footer .main-row .columns:nth-child(1) .img-wrapper ul {display: flex;/*border: 1px solid black;*//* height: 100%; */align-items: center;width: 100%;background-image: url("paper-cut.webp");background-repeat: no-repeat;background-size: cover;margin-top: 2rem;transform: translateX(-11%);overflow: hidden;}

 footer .main-row .columns:nth-child(1) .img-wrapper ul li { display: flex; flex-direction: column; justify-content: center;
 padding-left: 1rem; height: 70%;}

 footer .main-row .columns:nth-child(1) .img-wrapper ul li:nth-of-type(1) {width: 60%;color: #2E3092;font-family: "Teko", sans-serif;font-size: clamp(1.35rem, 3vw, 42px);font-weight: 500;}
 footer .main-row .columns:nth-child(1) .img-wrapper ul li:nth-of-type(2) { border-left: 1px solid #2E3092;}

 footer .main-row .columns:nth-child(1) .img-wrapper ul li:nth-of-type(2) p { margin-bottom: 0rem; color: #2E3092; font-size: 16px; font-weight: 400; padding-left: 0px;}

@media (max-width:1366px){
	.sportsdaq-contact .sec-01 .columns ul li {height: 450px;}
	.sportsdaq-contact .sec-01 .columns ul li img{ width: 25%;}
	.sportsdaq-contact .sec-01 .columns h1{ line-height: 54px;}

	
}

@media(max-width:768px){
	 .sportsdaq-contact .sec-01 .columns ul li { height: 380px;}
		.sportsdaq-contact .sec-01 .columns h1{line-height: 34px;}
}