/* index page */
@font-face {font-family: 'Proxima Nova Rg';src: url('/assets/fonts/ProximaNova-Bold.woff2');}
@font-face {font-family: 'Proxima Nova Regular';src: url('/assets/fonts/ProximaNova-Regular.woff2');}
@font-face {font-family: 'montserrat-bold';src: url('../css/fonts/montserrat/bold/montserrat.eot');src: url('../css/fonts/montserrat/bold/montserrat.eot?#iefix') format('embedded-opentype'),url('../css/fonts/montserrat/bold/montserrat.woff') format('woff'),url('../css/fonts/montserrat/bold/montserrat.ttf') format('truetype'),url('../css/fonts/montserrat/bold/montserrat.svg#monsterrat') format('svg');font-weight: normal;font-style: normal;font-variant: normal;}
@font-face {font-family: 'montserrat-light';src: url('../css/fonts/montserrat/light/montserrat.eot');src: url('../css/fonts/montserrat/light/montserrat.eot?#iefix') format('embedded-opentype'),url('../css/fonts/montserrat/light/montserrat.woff') format('woff'),url('../css/fonts/montserrat/light/montserrat.ttf') format('truetype'),url('../css/fonts/montserrat/light/montserrat.svg#monsterrat') format('svg');font-weight: unset;font-style: normal;font-variant: normal;}
@font-face {font-family: 'montserrat-medium';src: url('../css/fonts/montserrat/medium/montserrat.eot');src: url('../css/fonts/montserrat/medium/montserrat.eot?#iefix') format('embedded-opentype'),url('../css/fonts/montserrat/medium/montserrat.woff') format('woff'),url('../css/fonts/montserrat/medium/montserrat.ttf') format('truetype'),url('../css/fonts/montserrat/medium/montserrat.svg#monsterrat') format('svg');font-weight: unset;font-style: normal;font-variant: normal;
}
@font-face {font-family: 'montserrat-regular';src: url('../css/fonts/montserrat/regular/montserrat.eot');src: url('../css/fonts/montserrat/regular/montserrat.eot?#iefix') format('embedded-opentype'),url('../css/fonts/montserrat/regular/montserrat.woff') format('woff'),url('../css/fonts/montserrat/regular/montserrat.ttf') format('truetype'),url('../css/fonts/montserrat/regular/montserrat.svg#monsterrat') format('svg');font-weight: unset;font-style: normal;font-variant: normal;
}
@font-face {font-family: 'montserrat-semibold';src: url('../css/fonts/montserrat/semi-bold/montserrat.eot');src: url('../css/fonts/montserrat/semi-bold/montserrat.eot?#iefix') format('embedded-opentype'),url('../css/fonts/montserrat/semi-bold/montserrat.woff') format('woff'),url('../css/fonts/montserrat/semi-bold/montserrat.ttf') format('truetype'),url('../css/fonts/montserrat/semi-bold/montserrat.svg#monsterrat') format('svg');font-weight: unset;font-style: normal;font-variant: normal;
}
@font-face {
font-family: 'Optima-LT-Std-Roman';
src: local('Optima Std Roman'), local('Optima-Std-Roman'),url('fonts/optimalstd/OptimaLTStd.woff2') format('woff2'),url('fonts/optimalstd/OptimaLTStd.woff') format('woff'),url('fonts/optimalstd/OptimaLTStd.ttf') format('truetype');font-weight: 400;font-style: normal;
}
@font-face {font-family: 'Optima-LT-Std';src: url('../css/fonts/optimalstd/optimaltstd-medium.eot');src: url('../css/fonts/optimalstd/optimaltstd-medium.eot?#iefix') format('embedded-opentype'),url('../css/fonts/optimalstd/optimaltstd-medium.woff2') format('woff2'),url('../css/fonts/optimalstd/optimaltstd-medium.woff') format('woff'),url('../css/fonts/optimalstd/optimaltstd-medium.ttf')  format('truetype'),url('../css/fonts/optimalstd/optimaltstd-medium.svg#Optima LT Std') format('svg');
}
@font-face {font-family: 'Optima-LT-Std-Bold';src: url('../css/fonts/optimalstd/OptimaLTStd-Bold.eot');src: url('../css/fonts/optimalstd/OptimaLTStd-Bold.eot?#iefix') format('embedded-opentype'),url('../css/fonts/optimalstd/OptimaLTStd-Bold.woff2') format('woff2'),url('../css/fonts/optimalstd/OptimaLTStd-Bold.woff') format('woff'),url('../css/fonts/optimalstd/OptimaLTStd-Bold.ttf')  format('truetype'),url('../css/fonts/optimalstd/OptimaLTStd-Bold.svg#Optima LT Std') format('svg');
}
@font-face {font-family: 'raleway-regular';src: url('../css/fonts/raleway/regular/Raleway-Regular.eot');src: url('../css/fonts/raleway/regular/Raleway-Regular.eot?#iefix') format('embedded-opentype'),url('../css/fonts/raleway/regular/Raleway-Regular.woff') format('woff'),url('../css/fonts/raleway/regular/Raleway-Regular.ttf') format('truetype'),url('../css/fonts/raleway/regular/Raleway-Regular.svg#Raleway-Regular') format('svg');font-weight: unset;font-style: normal;font-variant: normal;
}


/* Header */
body{overflow-x: hidden !important;}
div.header .navbar {float: right;position: relative;top: 30px;left: -20px;}
a.logo {position: relative;z-index: 10;top: 35px;}
div.header .main-container {max-width: 1500px;margin: auto;padding: 0 50px;position: relative;z-index: 99;}
div.header {position: absolute;left: 0;right: 0;top: 0;}
div.header ul.desktop-navbar li {display: inline-block;text-align: center;margin: auto 38px auto auto;}
div.header ul li a {font-size: 15px;text-decoration: none;font-weight: 500;text-transform: uppercase;font-family: 'Proxima Nova Regular';transition: 0.3s;}
div.header ul li a:hover{color: #ee7b38 !important;transition: 0.3s;}
.header-nav {color: #fff;}
.container{max-width: 1350px !important;}
.text-left{text-align: left !important;}
div.header .mobile-menu {background-color: #202020;display: none;}
.mobile-header{display: none;}
.mobile-header a.menu-bar {position: relative;z-index: 999;float: right;top: 30px;display: none;}
a.logo-mobile {display: none;}
.footer .desktop-footer{display: block;}
.footer .mobile-footer{display: none;}

.overFlowHide {overflow: hidden;}

/* End Header */

/* Homepage */

.homepage .homepage-header {min-height: 550px;position: relative;margin-bottom: 0;}
.homepage .homepage-header::after {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: black;opacity: 0.6;mix-blend-mode: multiply;pointer-events: none;}
.homepage .homepage-header .inner-paragraph{position: relative;top: 40%;padding: 0 40px;transform: translateY(50%);width: auto;max-width: 1000px;margin: auto;z-index: 1;text-align: center;}
.homepage .homepage-header h1{color: white;font-size: 44px;line-height: 50px;font-family: 'Proxima Nova Regular';margin-bottom: 30px;}
.homepage .homepage-header p{color: white;font-size: 30px;line-height: 40px;font-family: 'Proxima Nova Regular';margin-bottom: 40px;}
.homepage .homepage-header .inner-paragraph a.learn-more{border-width: 1px;transition: .4s;font-size: 13px;cursor: pointer;background-color: transparent;border: 1px solid white ;padding: 10px 60px;-webkit-text-fill-color: white;font-weight: 200;margin-top: 20px;}
.homepage .homepage-header .inner-paragraph a.learn-more:hover{-webkit-text-fill-color: white;background-color: #ee7b38;border-color: white ;text-decoration: none;border: 1px solid white ;}


.homepage-hero-content-yellow {height: 750px;position: relative;margin-bottom: 0;}
.homepage .homepage-hero-content-yellow::after {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: black;opacity: 0.6;mix-blend-mode: multiply;pointer-events: none;}
.homepage .homepage-hero-content-yellow .inner-paragraph{position: relative;top: 10%;padding: 0 40px;width: auto;max-width: 800px;margin: auto auto auto 10px;z-index: 1;}
.homepage .homepage-hero-content-yellow .inner-paragraph .content{margin-bottom: 50px;}
.homepage .homepage-hero-content-yellow h3{color: white;font-size: 44px;line-height: 50px;font-family: 'Proxima Nova Regular';margin-bottom: 30px;}
.homepage .homepage-hero-content-yellow p{color: white;font-size: 20px;font-family: 'Proxima Nova Regular';}
.homepage .homepage-hero-content-yellow .full-record-box{width: 140px;}
.homepage .homepage-hero-content-yellow .records p{text-align: center;margin-top: 18px;}
.circle-svg { position: absolute;}
.circle-line {stroke: #ee7b38;stroke-dasharray: 314;stroke-dashoffset: 314;transition: stroke-dashoffset 1s ease-out;}
.animated .circle-line {stroke-dashoffset: 0;}
.homepage .homepage-hero-content-yellow .number {font-size: 24px;font-weight: 400;z-index: 1;color: white;}
.homepage .homepage-hero-content-yellow .records {display: grid;grid-gap: 1.5rem;grid-template-columns: repeat(4, 1fr);}
.homepage .homepage-hero-content-yellow .records .record-box {position: relative;width: 120px;height: 120px;display: flex;justify-content: center;align-items: center;cursor: pointer;overflow: hidden;}
.homepage .homepage-hero-content {height: 800px;position: relative;margin-bottom: 0;}
.homepage .homepage-hero-content::after {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: #202020;opacity: 0.6;mix-blend-mode: multiply;pointer-events: none;}
.homepage .homepage-hero-content .inner-paragraph{position: relative;top: 10%;padding: 0 40px;;width: auto;max-width: 900px;margin: auto;z-index: 999;text-align: center;}
.homepage .homepage-hero-content h3{color: #ee7b38;font-size: 34px;line-height: 50px;font-family: 'Proxima Nova Regular';margin-bottom: 30px;}
.homepage .homepage-hero-content p{color: white;font-size: 25px;font-family: 'Proxima Nova Regular';}
.homepage .homepage-hero-content .inner-paragraph .content-carousel{margin-top: 40px;}
.homepage .homepage-hero-content .values-container .inner-container{margin: 4% auto;display: grid;grid-gap: 1.5rem;grid-template-columns: repeat(3, 1fr);}
.homepage .homepage-hero-content .values-container .inner-container .value-box{display: flex;border: 1px solid #ee7b38;align-items: center;background-color: transparent;padding: 5px 20px;height: 90px; opacity: 0;transform: translateY(30px);transition: all 1.2s ease-out;}
.homepage .homepage-hero-content .values-container .inner-container .value-box.show {opacity: 1;transform: translateY(0);}
.homepage .homepage-hero-content .values-container .inner-container .value-box .value-icon{min-width: 80px;max-width: 80px;height: 100%;}
.homepage .homepage-hero-content .values-container .inner-container .value-box .value-title p{color: white;font-weight: 900;font-size: 18px;margin-left: 15px;margin-bottom: 0;}
.homepage .homepage-hero-content .values-container .quote-section{margin-top: 45px;}
.homepage .homepage-hero-content .values-container .quote-section p{font-family: 'Proxima Nova Rg';}

.homepage .partner-section{padding-bottom: 70px;padding-top: 70px;}
.homepage .partner-section .title{text-align: center;position: relative;margin-bottom: 40px;}
.homepage .partner-section .title h2{color: black; margin-bottom: 10px;}
/* .homepage .partner-section .partner-carousel::after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: transparent;opacity: 0.6;mix-blend-mode: multiply;pointer-events: none;} */
.homepage .partner-section .partner-carousel .partner-image img{height: 150px;width:fit-content;max-width: 200px;object-fit: contain;margin: auto;}
/* .homepage .partner-section .partner-carousel .partner-image img::after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: #202020;opacity: 0.6;mix-blend-mode: multiply;pointer-events: none;} */
.homepage .homepage-content{margin: 60px 0;}
.homepage .homepage-content .container{max-width: 1350px;position: relative;z-index: 9999;}
.homepage .homepage-content .container .inner-container{display: flex;justify-content: space-between;background-color: #000;padding: 50px;border-radius: 30px;}
.homepage .homepage-content .container .inner-container .image-content{width: 45%;}
.homepage .homepage-content .container .inner-container .image-content img{border-radius: 25px;width: 100%;height: auto;}
.homepage .homepage-content .container .inner-container .content{width: 50%;}
.homepage .homepage-content .container .inner-container .content p{color: white;font-size: 22px;font-family: 'Proxima Nova Regular';}
.homepage .homepage-content .container .inner-container .content h3{color: white;font-size: 30px;margin-bottom: 30px;text-decoration: underline;font-family: 'Proxima Nova Rg';}
.content .title h2{color: white; margin-bottom: 10px;}
.homepage .inner-paragraph .content .title .highlight {position: relative;display: inline-block;}
.homepage .inner-paragraph .content .title .highlight::after{content: "";display: block;width: 105px;height: 3px;background-color: #ee7b38;margin: 10px auto 0;position: absolute;left: 0;right: 0;bottom: -5px;}

.homepage .service-section{height: 850px;background-color: black; background-image: url('/assets/images/stadium-big.jpg');background-size: cover;background-position: center;padding: 50px 0 50px 50px;margin: auto;position: relative;}
.homepage .service-section::after {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: #202020;opacity: 0.6;mix-blend-mode: multiply;pointer-events: none;}
.homepage .service-section .inner-container{position: relative;z-index: 9999;}
.homepage .service-section .container{padding-bottom: 0;margin-bottom: 60px;max-width: 1350px;}
.homepage .service-section .title{text-align: center;position: relative;margin-bottom: 10px;}
.homepage .service-section .title h2{color: white; margin-bottom: 10px;}
.homepage .service-section .title .highlight {position: relative;display: inline-block;}
.homepage .service-section .title .highlight::after{content: "";display: block;width: 125px;height: 3px;background-color: #ee7b38;margin: 10px auto 0;position: absolute;left: 0;right: 0;bottom: -5px;}

.homepage .service-section .service-type .big-title h2{color: white;text-align: center;margin-bottom: 20px;}
.homepage .service-section .service-type .service-content{text-align: center;}
.homepage .service-section .service-type .service-content ul{padding: 0;}
.homepage .service-section .service-type .service-content ul li{display: block;color: white;padding-right: 20px;font-size: 18px;margin-bottom: 10px;}
.homepage .service-section .sports-services{border: 1px solid white;padding: 20px 50px 20px 50px;width: 45%;}
.homepage .service-section .commercial-services{border: 1px solid white;padding: 20px 50px 20px 50px;width: 45%;}
.homepage .service-section .service-type {display: flex;justify-content: space-between;}

.homepage .service-section .button-section a.more-button{border: 1px solid white;transition: .4s;font-size: 13px;cursor: pointer;background: 0 0;border-color: white;padding: 10px 40px;-webkit-text-fill-color: white;font-weight: 200;margin-top: 20px;}
.homepage .service-section .button-section a.more-button:hover{-webkit-text-fill-color: white;background-color: #ee7b38;border-color: #000;text-decoration: none;color: white;}
.homepage .service-section .button-section{text-align: center;margin-top:100px;}

/* End Homepage CSS */

.soccer-section {min-height: 350px;position: relative;margin-bottom: 0;}
.soccer-section::after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: #000000;opacity: 0.6;mix-blend-mode: multiply;pointer-events: none;}
.soccer-section .inner-paragraph{text-align: center;position: relative;top: 40%;padding: 0 40px;transform: translateY(100%);width: auto;max-width: 1500px;margin: auto;z-index: 999;}
.soccer-section h2{font-family: 'Proxima Nova Regular';color: white;font-size: 36px;margin-bottom: 40px;}
.soccer-section a.learn-more{border: 1px solid #fff;transition: .4s;font-size: 13px;cursor: pointer;background: 0 0;border-color: #fff;padding: 10px 40px;-webkit-text-fill-color: #fff;font-weight: 200;margin-top: 20px;}
.soccer-section a.learn-more:hover{-webkit-text-fill-color: white;background-color: #ee7b38;border-color: #000;text-decoration: none;}/* End Homepage */

.marcus{color: white !important;font-size: 26px;}

/* About Us */

.about-us-page .about-us-header {min-height: 600px;position: relative;margin-bottom: 0;padding: 0;}
.about-us-page .about-us-header::after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: #202020;opacity: 0.6;mix-blend-mode: multiply;pointer-events: none;}
.about-us-page .about-us-header .inner-paragraph{padding: 0 600px 0 40px;position: relative;top: 40%;transform: translateY(230%);width: auto;max-width: 1500px;margin: auto;z-index: 1;}
.about-us-page .about-us-header .inner-paragraph h1{color: white;font-size: 50px;line-height: 50px;font-family: 'Proxima Nova Regular';margin-bottom: 20px;}
.about-us-page .about-us-header .inner-paragraph p{color: white;font-size: 24px;line-height: 30px;font-family: 'Proxima Nova Regular';}

.about-us-page .about-us-mission-vision {min-height: 800px;position: relative;margin-bottom: 0;padding: 0;}
.about-us-page .about-us-mission-vision::after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: #202020;opacity: 0.6;mix-blend-mode: multiply;pointer-events: none;}
.about-us-page .about-us-mission-vision .inner-paragraph{position: relative;top: 40%;padding: 0 40px 80px 40px;border-bottom: 1px solid white;transform: translateY(40%);width: auto;max-width: 1300px;margin: auto;z-index: 1;text-align: center;}
.about-us-page .about-us-mission-vision .inner-paragraph .title{position: relative;}
.about-us-page .about-us-mission-vision .inner-paragraph .highlight {position: relative;display: inline-block;}
.about-us-page .about-us-mission-vision .inner-paragraph .highlight::after{content: "";display: block;width: 30px;height: 3px;background-color: #ee7b38;margin: 5px auto 0;position: absolute;left: 0;right: 0;bottom: -5px;}
.about-us-page .about-us-mission-vision .inner-paragraph h1{color: white;font-size: 35px;line-height: 50px;font-family: 'Proxima Nova Regular';margin-bottom: 20px;}
.about-us-page .about-us-mission-vision .inner-paragraph p{color: white;font-size: 24px;line-height: 30px;font-family: 'Proxima Nova Regular';line-height: 40px;}
.about-us-page .about-us-mission-vision .mission-vision{position: relative;top: 40%;padding: 0 40px 80px 40px;transform: translateY(50%);width: auto;max-width: 1300px;margin: auto;z-index: 999;text-align: center;}
.about-us-page .about-us-mission-vision .mission-vision .mission-vision-carousel .title{text-align: center;position: relative;margin-bottom: 20px;}
.about-us-page .about-us-mission-vision .mission-vision .mission-vision-carousel .title h2{color: white; margin-bottom: 10px;}
.about-us-page .about-us-mission-vision .mission-vision .mission-vision-carousel .content p{color: white; font-size: 24px;}
.about-us-page .about-us-mission-vision .mission-vision .highlight {position: relative;display: inline-block;}
.about-us-page .about-us-mission-vision .mission-vision .highlight::after{content: "";display: block;width: 100px;height: 3px;background-color: #ee7b38;margin: 10px auto 0;position: absolute;left: 0;right: 0;bottom: -5px;}

.about-us-page .about-section{background-color: #000000;padding: 50px 50px 10px 50px;border-radius: 20px;}
.about-us-page .container .inner-container{display: flex;justify-content: space-between;}
.about-us-page .container .inner-container .left-section h2{margin-bottom: 30px;font-size: 36px;color: white;font-family: 'Proxima Nova Rg';}
.about-us-page .container .inner-container .left-section p{font-size: 22px;color: white;font-family: 'Proxima Nova Regular';}
.about-us-page .container .inner-container .left-section{width: 45%;}
.about-us-page .container .inner-container .right-section{width: 45%;}
.about-us-page .container .inner-container .right-section img{border-radius: 25px;width: 100%;height: auto;}
.about-us-page .container{padding: 60px 0;position: relative;z-index: 9999;}
.about-us-page .team-container .title{text-align: center;position: relative;margin-bottom: 40px;}
.about-us-page .team-container .title h2{color: white; margin-bottom: 10px;}
.about-us-page .team-container .title .highlight {position: relative;display: inline-block;}
.about-us-page .team-container .title .highlight::after{content: "";display: block;width: 90px;height: 3px;background-color: #ee7b38;margin: 10px auto 0;position: absolute;left: 0;right: 0;bottom: -5px;}

.about-us-page .team-section{background-color: black;background-image: url(/assets/images/sports-department.jpg);background-size: cover;background-position: center;padding: 50px 0 50px 50px;margin: auto;position: relative;}
.about-us-page .team-section::after {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: black;opacity: 0.6;mix-blend-mode: multiply;pointer-events: none;}

.about-us-page .team-container .carousel-section .team-carousel .team-details{text-align: left;margin-top: 10px;}
.about-us-page .team-container .carousel-section .team-carousel .team-details p.name{font-size: 25px; font-weight: 500;color: #ee7b38;}
.about-us-page .team-container .carousel-section .team-carousel .team-details p.position{font-size: 14px; font-weight: 500;color: white;margin-bottom: 0;}
.about-us-page .team-container .carousel-section .team-carousel .team-details p.location{font-size: 14px; font-weight: 400;color: white;}
.about-us-page .team-container .carousel-section .team-carousel .team-details p.description{font-size: 12px; font-weight: 300;color: white;}
.about-us-page .team-container .carousel-section .team-carousel .team-image{position: relative;}
.about-us-page .team-container .carousel-section .team-carousel .team-image img{object-fit: cover;border-radius: 20px;filter: grayscale(100%);transition: 0.3s;cursor: pointer;}
.about-us-page .team-container .carousel-section .team-carousel .team-image::after {content: "";position: absolute;top: 0;left: 0;width: 252px;height: 100%;background-color: transparent;opacity: 0.6;mix-blend-mode: multiply;pointer-events: none;border-radius: 20px;}
.about-us-page .team-container .carousel-section .team-carousel .team-image img:hover{filter: grayscale(0%);transition: 0.3s;mix-blend-mode: normal;}
.about-us-page .team-container .carousel-section .team-carousel .team-details p{margin-bottom: 5px;}
.about-us-page .team-container .carousel-section .team-carousel .team-box{width: 260px;padding-right: 30px;}

/* End About Us CSS */

/* Contact Us */

.contact-us-page .contact-us-header {min-height: 500px;position: relative;margin-bottom: 0;}
.contact-us-page .contact-us-header::after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: #202020;opacity: 0.6;mix-blend-mode: multiply;pointer-events: none;}
.contact-us-page .contact-us-header .inner-paragraph {position: relative;top: 40%;padding: 0 50px;transform: translateY(230%);width: auto;max-width: 1500px;margin: auto;z-index: 9999;text-align: center;}
.contact-us-page .contact-us-header .inner-paragraph h2{font-size: 40px;color: #fff;margin: 0;line-height: 35px;font-weight: 500;margin-bottom: 10px;}
.contact-us-page .contact-us-header .inner-paragraph p{font-size: 20px;color: #fff;margin: 0;line-height: 35px;font-weight: 100;}
.contact-us-page .contact-container{width: auto;margin: auto;}
.contact-us-page .contact-container .form-section{display: grid;grid-template-columns: repeat(2, 1fr);gap: 20px;}
.contact-us-page .contact-container form .input-form .terms-message a{color: #ee7b38;text-decoration: underline;}
.contact-us-page .contact-container form .input-form label{display: block;color: white;font-size: 18px;}
.contact-us-page .contact-container form .input-form input {color: #fff;border: none;border-bottom: 1.5px solid #ee7b38;width: 90%;margin-bottom: 25px;padding-bottom: 10px;outline: none;background: none;font-weight: 500;}
.contact-us-page .contact-container .inner-container{background-color: black;padding: 50px 0 50px 50px;margin: auto;position: relative;}
.contact-us-page .contact-container .inner-container::after {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: black;opacity: 0.6;mix-blend-mode: multiply;pointer-events: none;}
.contact-us-page .contact-container form{position: relative;z-index: 1;}
.contact-us-page .contact-container form .input-form.message{grid-column: span 2;}
.contact-us-page .contact-container form .input-form.message input{width: 95.4%;}
.contact-us-page .contact-container .inner-container h1{color: #ee7b38;margin-bottom: 50px;font-size: 25px;position: relative;z-index: 1;text-transform: capitalize;}
.contact-us-page .contact-container form  button.submit {border-width: 1px;transition: .4s;font-size: 13px;cursor: pointer;background: 0 0;border-color: #fff;padding: 10px 60px;-webkit-text-fill-color: #fff;font-weight: 200;margin-top: 20px;}
.contact-us-page .contact-container form  button.submit:hover{-webkit-text-fill-color: white;background-color: #ee7b38;border-color: white;}
.contact-us-page .contact-container form .radio-buttons {display: flex;}
.contact-us-page .contact-container .contact-details .info-container{display: flex;justify-content: center;}
.contact-us-page .contact-container .contact-details .info-container .box-all{text-align: center; display: flex;flex-direction: column;align-items: center;margin-bottom: 2%;text-align: center;padding: 0 2%;width: 25%;}
.contact-us-page .contact-container .contact-details .contact-title h2{color: white;font-size: 28px;}
.contact-us-page .contact-container .contact-details .contact-title{text-align: center;margin-bottom: 45px;}
.contact-us-page .contact-container .contact-details .contact-title .highlight {position: relative;display: inline-block;}
.contact-us-page .contact-container .contact-details .contact-title .highlight::after{content: "";display: block;width: 80px;height: 3px;background-color: #ee7b38;margin: 10px auto 0;position: absolute;left: 0;right: 0;bottom: -5px;}
.contact-us-page .contact-container .contact-details{padding-top: 60px;background-color: #202020;}
.contact-us-page .contact-container .contact-details .info-container .address-box{border-right: 2px solid rgba(212, 209, 209, 0.493);;border-left: 2px solid rgba(212, 209, 209, 0.493);;}
.contact-us-page .contact-container .contact-details .icon-box{font-size: 18px;color: #ee7b38;}
.contact-us-page .contact-container .contact-details .info-box{font-size: 18px;color: white;}
.contact-us-page .success-message{text-align: center ;padding: 60px;background-color: black;}
.contact-us-page .success-message h2{color: white;margin-bottom: 20px;}
.contact-us-page .success-message p{font-size: 20px;margin-bottom: 40px;color: white;}
.contact-us-page .success-message i{padding: 10px;background: #ee7b38;font-size: 20px;border-radius: 50px;margin-left: 5px;}
.contact-us-page .success-message a.submit{border-width: 1px;transition: .4s;font-size: 13px;cursor: pointer;background-color: transparent;border:1px solid white;padding: 10px 60px;-webkit-text-fill-color: white;font-weight: 200;margin-top: 60px;}
.contact-us-page .success-message a.submit:hover{-webkit-text-fill-color: white;background-color: #ee7b38;border-color: #000;text-decoration: none;}
/* .contact-us-page .contact-container form .input-form label.terms-message{color: #ee7b38 !important;} */
.contact-us-page .contact-container form .input-form .yes-label{color: white !important;}
.contact-us-page .contact-container form .input-form .no-label{color: white !important;}

/* End Contact Us CSS */

/* Footer */

.footer .top-section{background-color: #000000;padding: 30px 0;}
.footer .top-section .inner-section{display: flex;align-items: center;width: 100%;margin:auto;padding: 0 50px;}
.footer .top-section img{margin-right: 80px;}
.footer .top-section p{color: white;margin-bottom: 0;}
.footer .middle-section{background-color: #202020;padding: 20px 0;border-bottom-width: 1px;border-style: solid;border-right: none;border-top: none;border-left: none;border-color: grey;}
.footer .middle-section a{display: inline-block;padding-right: 50px;color: white;transition: 0.3s;}
.footer .middle-section a:hover{text-decoration: none;color: #ee7b38 !important;transition: 0.3s;}
.footer .middle-section .inner-section{align-items: center;width: 100%;margin:auto;padding: 0 50px;}
.footer .bottom-section{background-color: #202020;padding: 20px 0;}
.footer .bottom-section .inner-section{align-items: center;width: 100%;margin:auto;display: flex;justify-content: space-between;padding: 0 50px;}
.footer .bottom-section p{color: white;margin-bottom: 0;}
.footer .bottom-section .social-media-accounts .social-media-logo{font-size: 26px;cursor: pointer;padding-right: 15px;color: white;}
.footer .bottom-section .social-media-accounts a.social-media-logo:hover{color: rgb(204 204 204);}

/* End Footer CSS */

/* Service Page */

.service-page .service-header {min-height: 650px;position: relative;margin-bottom: 0;}
/* .service-page .service-header::after {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: #202020;opacity: 0.6;mix-blend-mode: multiply;pointer-events: none;} */

.service-page .service-header .inner-paragraph{position: relative;top: 40%;padding: 0 40px 0 40px;transform: translateY(130%);width: auto;max-width: 900px;margin: auto;z-index: 1;text-align: center;}
.service-page .service-header h1{text-transform: capitalize;color: white;font-size: 34px;line-height: 50px;font-family: 'Proxima Nova Regular';margin-bottom: 40px;}
.service-page .service-header .inner-paragraph a.explore-button{border-width: 1px;transition: .4s;font-size: 13px;cursor: pointer;background-color: black;border: 1px solid white ;padding: 10px 60px;-webkit-text-fill-color: white;font-weight: 500;margin-top: 20px;}
.service-page .service-header .inner-paragraph a.explore-button:hover{-webkit-text-fill-color: white;background-color: #ee7b38;border-color: white ;text-decoration: none;border: 1px solid black ;}

.service-page .service-content-hero {min-height: 550px;position: relative;margin-bottom: 0;}
.service-page .service-content-hero::after {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: #202020;opacity: 0.6;mix-blend-mode: multiply;pointer-events: none;}
.service-page .service-content-hero .inner-paragraph{position: relative;top: 120px;padding: 0 40px;transform: translateY(55%);width: auto;max-width: 800px;margin: auto;z-index: 1;text-align: center;}
.service-page .service-content-hero h1{color: white;font-size: 34px;line-height: 50px;font-family: 'Proxima Nova Regular';margin-bottom: 40px;}
.service-page .service-content-hero .inner-paragraph p{color: white;font-size: 16px;}


.service-page .service-display {min-height: 800px;position: relative;margin-bottom: 0;}
.service-page .service-display::after {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: #202020;opacity: 0.6;mix-blend-mode: multiply;pointer-events: none;}
.service-page .service-display .inner-paragraph{position: relative;top: 70px;padding: 0 40px;transform: translateY(0);width: auto;max-width: 1500px;margin: auto;z-index: 1;text-align: center;}
.service-page .service-display h1{color: white;font-size: 34px;line-height: 50px;font-family: 'Proxima Nova Regular';margin-bottom: 40px;}
.service-page .service-display .inner-paragraph p{color: white;font-size: 16px;}
.service-page .service-display .inner-paragraph .big-title{text-align: center;position: relative;margin-bottom:80px;}
.service-page .service-display .inner-paragraph .big-title h2{color: white; margin-bottom: 10px;}
.service-page .service-display .inner-paragraph .big-title .highlight {position: relative;display: inline-block;}
.service-page .service-display .inner-paragraph .big-title .highlight::after{content: "";display: block;width: 125px;height: 3px;background-color: #ee7b38;margin: 10px auto 0;position: absolute;left: 0;right: 0;bottom: -5px;}

.service-page .service-display .inner-paragraph .service-category{display: flex;justify-content: space-between;}
.service-page .service-display .inner-paragraph .service-category .sports-services{width: 47%;}
.service-page .service-display .inner-paragraph .service-category .commercial-services{width: 47%;}
.service-page .service-display .inner-paragraph .service-category .sports-services .title{font-size: 28px; color: white;margin-bottom: 40px;}
.service-page .service-display .inner-paragraph .service-category .commercial-services .title{font-size: 28px; color: white;margin-bottom: 40px;}
.service-page .service-display .inner-paragraph .service-category .sports-services .services-show{display: grid;grid-gap: 2rem;grid-template-columns: repeat(2, 1fr);}
.service-page .service-display .inner-paragraph .service-category .commercial-services .services-show{display: grid;grid-gap: 2rem;grid-template-columns: repeat(2, 1fr);}
.service-page .service-display .inner-paragraph .service-category .services-show .service-box{border: 1px solid #ee7b38;padding: 25px;cursor: pointer;transition: all 0.5s ease;height: 170px;}
.service-page .service-display .inner-paragraph .service-category .services-show .service-box p{margin: 10px 0 0 0;}
.service-page .service-display .inner-paragraph .service-category .services-show .service-box img{max-width: 45px;}
.service-page .service-display .inner-paragraph .service-category .services-show .service-box .service-img{transition: transform 0.5s ease;margin-top: 5px;}
.service-page .service-display .inner-paragraph .service-category .services-show .service-box .service-text {transition: transform 0.5s ease;margin-bottom: 5px;}
.service-page .service-display .inner-paragraph .service-category .services-show .service-box:hover{box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);}
.service-page .service-display .inner-paragraph .service-category .sports-services .service-box, .commercial-services .service-box {opacity: 0;transform: translateY(0);transition: opacity 1s ease, transform 1s ease;}
.animate-from-top {animation: slideInFromTop 0.5s forwards;}
.animate-from-bottom {animation: slideInFromBottom 0.5s forwards;}


.service-page .container .inner-container{display: flex;justify-content: space-between;margin-bottom:60px;background-color: #000;padding: 50px;border-radius: 30px;}
.service-page .container .inner-container .title h1{color: white;margin-bottom: 20px;font-family: 'Proxima Nova Rg';}
.service-page .container .inner-container .title p{color: white;font-size: 20px;font-family: 'Proxima Nova Regular';}
.service-page .container .inner-container .title {width: 48%;}
.service-page .container .inner-container .services-image{width: 48%;}
.service-page .container .inner-container .services-image img{width: 100%;object-fit: cover;height: 400px;margin-bottom: 10px;display: inline-block;}
.service-page .services-list{padding-bottom: 60px}
.service-page .services-list .inner-container .service-box{height: 150px;padding: 30px;border-radius: 20px;margin-bottom: 20px;text-align: center;}
.service-page .services-list .inner-container .service-box .title h2{font-size: 22px;line-height: 40px;}
.service-page .services-list .inner-container .service-box .details p{font-size: 18px;}
.service-page .services-list .inner-container {display: grid; grid-template-columns: repeat(2, 1fr);gap: 20px;}
.service-page .services-list .inner-container .service-box:nth-child(odd) {background-color: black;color: white;}
.service-page .services-list .inner-container .service-box:nth-child(even) {background-color: #202020;color: white;}
.service-page .services-list .inner-container a:hover{text-decoration: none;}
.service-page .services-list .big-title{text-align: center;position: relative;margin-bottom: 40px;}
.service-page .services-list .big-title h2{color: black; margin-bottom: 10px;}
.service-page .services-list .big-title::after {content: '● ● ●';font-size: 18px;color: black;display: block;margin-top: 10px;letter-spacing: 2px;text-align: center;}

.service-details-page .service-details-header {min-height: 500px;position: relative;margin-bottom: 60px;}
.service-details-page .service-details-header .inner-paragraph {position: relative;top: 40%;padding: 0 50px;transform: translateY(500%);width: auto;max-width: 1500px;margin: auto;}
.service-details-page .service-details-header .inner-paragraph h2{font-size: 29px;color: #fff;margin: 0;line-height: 35px;font-weight: 500;}

.service-details-page .container{margin-bottom: 60px;margin-top: -200px;position: relative;z-index: 999;}
.service-details-page .container .inner-container{display: flex;justify-content: space-between;background-color: #202020;padding: 50px;border-radius: 30px;}
.service-details-page .container .inner-container .right-content{width: 50%;}
.service-details-page .container .inner-container .right-content span{color: white; font-size: 16px;}
.service-details-page .container .inner-container .left-image{ width: 45%;}
.service-details-page .container .inner-container .left-image img{border-radius: 30px;}

/* End Service Page CSS */

.main-title{font-size: 24px;font-weight: bold;color: #000000;}
.underlined-title{font-size: 16px;text-decoration: underline;font-weight: bold;color: #000000;}
.normal-paragraph{font-size: 16px;line-height: 1.4;color: #333;}
.terms-page .terms-header {min-height: 100px;position: relative;margin-bottom: 60px;}


@keyframes slideIn {
    0% {
        transform: translateX(100%);
        opacity: 0;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes slideInFromTop {
    0% {
        transform: translateY(-100%);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes slideInFromBottom {
    0% {
        transform: translateY(100%);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

.timeline .event.title{position: relative;right: 12%;}

.timeline .event.title:after{background: transparent;border-radius: 0;height: 0;width: 0;}
.timeline {/* border-left: 1px solid #fff; */border-bottom-right-radius: 4px;border-top-right-radius: 4px;font-family: source sans pro, sans-serif;margin: 20px;letter-spacing: .5px;position: relative;top: 0;line-height: 1.2em;font-size: 1.03em;padding: 50px;height: 500px;list-style: none;text-align: left;font-weight: 100;}
.timeline .event {border-bottom: 1px dashed fade(white, 10%);padding-bottom: (50px* 0.5);margin-bottom: 50px;position: relative;}
.timeline .event:after {left: -54.8px;background: #ee7b38;border-radius: 50%;height: 10px;width: 10px;content: "";top: 5px;box-shadow: 0 0 40px 5px #ee7b38;}
.timeline .event:before, .timeline  .event:after {position: absolute;display: block;}
.timeline .event h3 {font-size: 20px;font-weight: 300;color: #fff;line-height: 28px;margin-bottom: 50px;}
.slick-prev, .slick-next {position: absolute;top: 50%;transform: translateY(-50%);background-color: rgba(255, 255, 255, 0.5);border: none;padding: 10px;cursor: pointer;z-index: 1;border-radius: 50%; width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;transition: background-color 0.3s ease;}

.slick-prev:before, .slick-next:before{display: none !important;}
.slick-prev:hover, .slick-next:hover {background-color: rgba(255, 255, 255, 0.8);}
.slick-prev {left: -55px !important;}
.slick-next {right: -55px !important;}
.slick-prev i, .slick-next i {font-size: 20px;color: #ee7b38;}
.service-content-hero .inner-paragraph {opacity: 0;transform: translateX(100%);transition: opacity 0.5s ease, transform 0.5s ease; }
.service-content-hero .animate {animation: slideIn 0.5s forwards;}
.orange-color{color: #ee7b38 !important;}


/* Mobile Version CSS */

@media screen and (max-width : 1024px){
    div.header .main-container{padding: 0 20px;}
    .desktop-header{display: none;}
    .show_mobile_menu {right: 0 !important;transition: .5s ease-in-out;}
    div.mobile-header{display: block;}
    div.mobile-header a.menu-bar {display: block;}
    .mobile-menu {width: 100%;position: fixed;z-index: 999;top: 0;right: -100%;transition: .5s ease-in-out;height: 100vh;overflow-y: scroll !important;}
    div.header a.logo-mobile {display: inline-block;position: relative;top: 30px;z-index: 99;}
    div.header .mobile-menu {display: block;}
    div.header .mobile-menu .mobile-container{width: 100%;}
    .service-page .service-display .inner-paragraph .big-title::after{left: 150px;}
    div.header .mobile-menu .mobile-container {padding-top: 1rem !important;padding-bottom: 1rem !important;width: 100% !important;}
    div.header .mobile-menu .mobile-container .top-bar {display: flex;justify-content: space-between;align-items: center;padding: 5px 20px;top: 10px;position: relative;}
    div.header .mobile-menu .mobile-container .top-bar i {font-size: 22px;color: #ee7b38;position: relative;}
    .mobile-menu .mobile-container .listing-menu {margin-top: 70px;}
    div.header ul.list {display: block;padding: 0 4%;text-align: center;position: relative;top: 20px;}
    div.header ul.list li {margin-bottom: 50px;list-style: none;}
    div.header ul li a {font-size: 18px;font-family: 'Proxima Nova Regular';text-decoration: none;font-weight: 500;text-transform: uppercase;}

    .service-page .service-display .inner-paragraph .service-category {flex-direction: column;}
    .service-page .service-display .inner-paragraph .service-category .commercial-services .services-show{grid-template-columns: repeat(2, 1fr);}
    .service-page .service-display .inner-paragraph .service-category .sports-services .services-show {grid-template-columns: repeat(2, 1fr);}
    .service-page .service-display .inner-paragraph .service-category .sports-services {width: 100%;margin-bottom: 40px;}
    .service-page .service-display .inner-paragraph .service-category .commercial-services {width: 100%;}
    .service-page .service-display .inner-paragraph .big-title{margin-bottom: 30px;}
    .service-page .service-display .inner-paragraph .service-category .services-show .service-box .service-img{max-width: 40px;}
    .service-page .service-display .inner-paragraph p{font-size: 14px;}
    .service-page .service-display .inner-paragraph .service-category .sports-services .title{font-size: 24px;margin-bottom: 20px;}
    .service-page .service-display .inner-paragraph .service-category .commercial-services .title{font-size: 24px;margin-bottom: 20px;}


    .service-page .service-header .inner-paragraph{transform: translateY(80%);}
    .service-page .service-header h1 {font-size: 26px;line-height: 45px;margin-bottom: 30px;}
    .service-page .service-header {min-height: 450px;}
    .service-page .service-header .inner-paragraph a.explore-button{padding: 8px 40px;font-size: 11px;}

    .service-page .service-content-hero .inner-paragraph{top: 90px;}
    .service-page .service-content-hero h1{font-size: 28px;line-height: 40px;}
    .service-page .service-display .inner-paragraph .service-category .services-show .service-box{padding: 5px;height: auto;}
    .service-page .service-display .inner-paragraph{top: 50px;}
    .service-page .service-display{min-height: 900px;margin-top: -30px;}

    .soccer-section h2{font-size: 30px;}
    .soccer-section .inner-paragraph{transform: translateY(80%);}
    .soccer-section a.learn-more{padding: 8px 30px;font-size: 12px;}


    .footer .desktop-footer{display: none;}
    .footer .mobile-footer{display: block;}
    .footer .mobile-footer .top-section .inner-section{display: block;width:100%;text-align: center;}
    .footer .mobile-footer .top-section img{margin-right: 0;margin-bottom: 20px;}
    .footer .mobile-footer .middle-section .inner-section{width: 100%;display: grid;grid-template-columns: repeat(2, 1fr);text-align: center;}
    .footer .mobile-footer .middle-section a{padding: 0 0 10px 0;}
    .footer .mobile-footer .bottom-section .inner-section{width: 100%;display: block;}
    .footer .mobile-footer .bottom-section{text-align: center;}
    .footer .mobile-footer .bottom-section p{margin-bottom: 20px;}



    .contact-us-page .contact-us-header .inner-paragraph{transform: translateY(110%);z-index: 1;}
    .contact-us-page .contact-us-header .inner-paragraph h2{font-size: 26px;}
    .contact-us-page .contact-us-header .inner-paragraph p{font-size: 18px;}
    .contact-us-page .contact-container .contact-details .info-container{flex-direction: column;align-items: center;padding-bottom: 20px;}
    .contact-us-page .contact-container .contact-details .info-container .address-box {border-top: 2px solid rgba(212, 209, 209, 0.493);border-bottom: 2px solid rgba(212, 209, 209, 0.493);border-right: 0;border-left: 0;}
    .contact-us-page .contact-container .contact-details .info-container .box-all{width: 70%;padding-top: 20px;margin-bottom: 0;}
    .contact-us-page .contact-container .contact-details .contact-title{margin-bottom: 20px;}
    .contact-us-page .contact-container .contact-details .contact-title h2{font-size: 22px;}
    .contact-us-page .contact-container .contact-details .contact-title::after{left: 315px;}
    .contact-us-page .contact-container .form-section{display: block;}
    .contact-us-page .contact-container .inner-container h1{font-size: 18px;line-height: 24px;}
    .contact-us-page .contact-container form .input-form label{font-size: 16px;}
    .contact-us-page .contact-container form button.submit{padding: 8px 50px;font-size: 12px;}
    .contact-us-page .contact-container .inner-container{padding: 30px 20px;}
    p.error-message{font-size: 12px;}
    .contact-us-page .success-message p{font-size: 18px;}
    .contact-us-page .contact-container .contact-details .contact-title .highlight::after{width: 65px;}

    .marcus {font-size: 18px;}

    .homepage .homepage-header .inner-paragraph{width: 100%;padding: 0 20px;transform: translateY(25%);}
    .homepage .homepage-header h1{font-size: 28px;line-height: 38px;}
    .homepage .homepage-header p{font-size: 20px;line-height: 34px;}
    .homepage .homepage-header .inner-paragraph a.learn-more{padding: 8px 50px;font-size: 12px;}
    .homepage .homepage-hero-content-yellow .inner-paragraph{width: 100%;transform: translateX(0);}
    .homepage .homepage-hero-content-yellow h3{font-size: 28px;}
    .homepage .homepage-hero-content-yellow p{font-size: 18px;}
    .homepage .homepage-hero-content-yellow .inner-paragraph .content{margin-bottom: 20px;}
    .homepage .homepage-hero-content-yellow .records{grid-template-columns: repeat(2, 1fr);}
    .homepage-hero-content-yellow{height: 1200px;}
    .homepage .homepage-hero-content .values-container .inner-container{grid-template-columns: repeat(2, 1fr);}
    .homepage .homepage-hero-content .values-container .inner-container .value-box {flex-direction: column;height: 120px;}
    .homepage .homepage-hero-content h3{font-size: 26px;line-height: 38px;}
    .homepage .homepage-hero-content{height: 1100px;}
    .homepage .homepage-hero-content .values-container .inner-container .value-box .value-icon{min-width: 70px;max-width: 70px;}
    .homepage .homepage-hero-content .values-container .inner-container .value-box .value-title p{font-size: 16px;margin-left: 0;}
    .homepage .homepage-hero-content .inner-paragraph{max-width: none;top: 7%;}
    .content .title::after{left: 163px;}
    .content .title{margin-bottom: 40px;}
    .homepage .homepage-hero-content .values-container .quote-section {margin-top: 25px;}

    .homepage .service-section .title::after{left: 200px;}
    .homepage .service-section .service-type{flex-direction: column;}
    .homepage .timeline{margin: 0;padding: 0;height: auto;}
    .timeline .event h3{font-size: 16px;}
    .timeline .all-milestones li h3{position: relative;font-size: 16px;margin-bottom: 10px;right: -30px;}
    .timeline .event{margin-bottom: 10px;}
    .homepage .service-section .button-section{margin-top: 50px;}
    .commercial-department-services .event.title h3{margin-top: 30px;}
    .homepage .service-section {height: 950px;padding: 50px 20px}
    .homepage .partner-section .partner-carousel .partner-image img{height: 100px;}
    .timeline .event:after{height: 8px;width: 8px;top: 7px;left: 0px;}
    .homepage .service-section .title{margin-bottom: 40px;}
    .timeline .event.title{right: 0px;}
    .homepage .homepage-hero-content-yellow .number{font-size: 22px;}
    .homepage .homepage-hero-content-yellow .records .record-box{width: 110px; height: 110px;}

    .about-us-page .about-us-mission-vision{min-height: 950px;margin-top: -30px;}
    .about-us-page .about-us-header .inner-paragraph{padding: 0 20px;text-align: center;transform: translateY(80%);}
    .about-us-page .about-us-header .inner-paragraph h1{font-size: 30px;}
    .about-us-page .about-us-header .inner-paragraph p{font-size: 18px;line-height: 24px;}
    .about-us-page .about-us-mission-vision .inner-paragraph{transform: translateY(10%);padding: 0 0 60px 0 ;margin: 0 20px;}
    .about-us-page .about-us-mission-vision .inner-paragraph h1{font-size: 28px;line-height: 40px;}
    .about-us-page .about-us-mission-vision .mission-vision{transform: translateY(15%);}
    .about-us-page .about-us-mission-vision .mission-vision .mission-vision-carousel .content p{font-size: 20px;line-height: 40px;}
    .about-us-page .about-us-mission-vision .mission-vision .mission-vision-carousel .title::after{left: 506px;}
    .about-us-page .about-us-mission-vision .inner-paragraph h1::after{left: 218px;}
    .about-us-page .about-us-mission-vision .inner-paragraph p{font-size: 20px;}
    .about-us-page .team-container .title::after{left: 225px;}
    .about-us-page .team-container .carousel-section .team-carousel .team-box{padding-left: 30px;}
    .about-us-page .team-container .title{margin-bottom: 60px;}
    .slick-next {
        right: -55px !important;
    }
    .slick-prev {
        left: -55px !important;
    }



}

@media screen and (min-width: 623px) and (max-width: 1024px) {
    .homepage .homepage-header .inner-paragraph {transform: translateY(60%);}

}

@media screen and (min-width: 482px) and (max-width: 1024px) {
    .service-page .service-header .inner-paragraph {transform: translateY(140%);}

}

@media screen and (min-width: 720px) and (max-width: 1024px) {
    .soccer-section .inner-paragraph {transform: translateY(120%);}

}

@media screen and (max-width : 395px){
    .homepage .homepage-hero-content .values-container .inner-container .value-box .value-title p{font-size: 14px;}
    .homepage .homepage-hero-content h3{font-size: 22px; line-height: 36px;}
    .service-page .service-display .inner-paragraph .service-category .commercial-services .title {font-size: 20px;margin-bottom: 20px;}
    .service-page .service-display .inner-paragraph .service-category .sports-services .title {font-size: 20px;margin-bottom: 20px;}
    .service-page .service-display .inner-paragraph p{font-size: 12px;}
    .service-page .service-display .inner-paragraph .service-category .services-show .service-box .service-img {max-width: 35px;}
    .soccer-section .inner-paragraph{transform: translateY(50%);}
}

@media screen and (max-width : 360px){
    .homepage .homepage-hero-content .values-container .inner-container .value-box .value-title p {
        font-size: 11px;
    }
    .homepage .homepage-hero-content .values-container .inner-container .value-box:last-child{height: 125px;}
}

@media screen and (max-width : 371px){
    .service-page .service-header .inner-paragraph {
        transform: translateY(55%);
    }
    .service-page .service-header h1{
        font-size: 22px;
        line-height: 38px;
    }
    .service-page .service-header .inner-paragraph a.explore-button{padding: 6px 35px;font-size: 10px;}
}

@media screen and (max-width : 371px){
    .homepage .homepage-header p{font-size: 16px;line-height: 28px;}
    .homepage .homepage-header .inner-paragraph{transform: translateY(40%);}
}

@media screen and (max-width : 450px){
    .about-us-page .team-container .carousel-section .team-carousel .team-image img{width: 100% !important;}
    .about-us-page .team-container .carousel-section .team-carousel .team-box{padding: 0 50px !important;}
    .about-us-page .team-section{padding: 50px 0 !important;}
}