/*
Theme Name: agmsportsagency2024
Theme URI: https://wordpress.org/themes/agmsportsagency2024/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: agmsportsagency2024 is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how agmsportsagency2024 elevates your portfolio, business website, or personal blog.
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: agmsportsagency2024
Tags: one-column, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready
agmsportsagency2024 WordPress Theme, (C) 2024 WordPress.org
agmsportsagency2024 is distributed under the terms of the GNU GPL.
*/
/* Fonts */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap');






/* Default CSS */

* {
	box-sizing: border-box;
}
html, body {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	font-family: "Inter", sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6{
	box-sizing: border-box;
	margin: 0;
	padding: 0;	
}
p{
	box-sizing: border-box;
	margin: 0;
	padding: 0;	
}
a{
	text-decoration: none;
	outline: none;
	border: none;
	font-weight: 500;
	-webkit-transition: color 350ms ease-in-out;
	-moz-transition: color 350ms ease-in-out;
	-ms-transition: color 350ms ease-in-out;
	-o-transition: color 350ms ease-in-out;
	transition: color 350ms ease-in-out;
}
a:focus,
a:hover{
	text-decoration: none;
	outline: none;
	border: none;
}
title{
	text-transform: capitalize;
}

/* Root variables */
:root{
	
	--primary-color: #3c89a5;
	--secondary-color: #363536;
	--hover-color: #42A735;
	--green-color: #008280;
	--black-color: #000;
	--white-color: #fff;
	--body-font: 'Lora', serif;
	--heading-font:  'Raleway', sans-serif;
}

p {
	margin: 0;
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 28px;
	color: #222222;
}

/* Header section css start */
.main-header-sec{
	margin: 0px;
    padding: 16px 98px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 11;
}

.main-header-sec .navbar-expand-lg .navbar-nav .menu-item {margin: 0 20px;}
.main-header-sec .navbar-expand-lg .navbar-nav a{
	color: #FFF;
	text-align: center;
	font-family: "Inter", sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px;
	padding: 0;
	width: 100%;
    display: block;
}
.main-header-sec .navbar-expand-lg .navbar-nav .active a{
	font-weight: 600;
}
.main-header-sec .navbar-expand-lg .navbar-nav a:hover{
	font-weight: 600;
}
.main-header-sec .navbar-expand-lg .navbar-nav .menu-item:last-child a{
	margin: 0px;
}
.discount-bar { margin-left: auto;}
.discount-bar strong {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 20px;
    color: #FFFFFF;
}
.get-in-touch a {
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 62px;
    border: 1px solid #fff;
    padding: 0 40px;
    font-family: "Inter", sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	letter-spacing: 0.99px;
	text-transform: capitalize;
	color: #FFF;
}
header.main-header-sec nav.navbar {
    padding: 0;
}
.header-box a.navbar-brand {
    padding: 0;
}


/* Header section css end */

/* Banner section css start */
.banner {
    position: relative;
}
.banner:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 607px;
	height: 176px;
	background: url(http://flowcodes.in/work/projects/agm-sports-agency/wp-content/uploads/2024/04/vector-1.png) no-repeat center;
	background-size: contain;
	z-index: 1;
}
.banner:after {
	content: "";
	position: absolute;
	bottom: 0;
	right: 0;
	width: 937px;
	height: 216px;
	background: url(http://flowcodes.in/work/projects/agm-sports-agency/wp-content/uploads/2024/04/vector-2.png) no-repeat center;
	background-size: contain;
	z-index: 1; 
}
.banner-video iframe {
    width: 100%;
    height: 100%;
    transform: scale(3.1);
    position: relative;
}
.header-box {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
}
.header-box ul.navbar-nav {
    margin-right: auto;
}
.banner-video {
    position: relative;
    z-index: -1;
    height: 952px;
    overflow: hidden;
}
.banner-video:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: #000;
	opacity: 0.8;
	z-index: 1;
}
.banner-content h1 {
	margin: 0;	
	font-family: "Roboto Condensed", sans-serif;
	font-size: 90px;
	font-style: normal;
	font-weight: 700;
	line-height: 96px; 
	letter-spacing: -1.8px;
	text-transform: uppercase;
	color: #FFF;
}
.banner-content p {
	margin: 24px 0 84px;	
	font-family: "Inter", sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px;
	color: #FFF; 
}
.banner-content {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    left: 98px;
    max-width: 760px;
}
.banner-content a {
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 62px;
    border: 1px solid #fff;
    padding: 0 40px;
    font-family: "Inter", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.99px;
    text-transform: capitalize;
    color: #FFF;
}
.banner-item {
    position: relative;
}
.banner-box ul.slick-dots {
    padding: 0;
    margin: 0;
    position: absolute;
    bottom: 124px;
    left: 98px;
}
.banner-box ul.slick-dots li {
    list-style: none;
    display: inline-block;
    margin: 0 5px;
}
.banner-box ul.slick-dots li button {
    height: 8px;
    width: 8px;
    padding: 0;
    border: none;
    background: #8F8F8F;
    border-radius: 50%;
    font-size: 0;
}
.banner-box ul.slick-dots li.slick-active button {
	background: #fff;
}

/* Banner section css end */

/* About Section Start Css */
.about-box {
    display: flex;
}
.about-img {
    width: 50%;
}
.about-img-bar img {
    position: relative;
	width:100%;
}
.about-content {
    width: 50%;
    padding: 20px 278px 20px 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.social-media {
    padding: 125px 0 0 0;
}
section.about-us {
    padding: 66px 60px 85px;
    background: #FAFAFA;
}
.about-img-bar {
    display: inline-block;
    position: relative;
	width: 80%;
}
.about-img-content {
    background: #FFF;
    box-shadow: 13px 9px 38px -9px rgba(0, 0, 0, 0.10);
    padding: 16px;
    display: inline-flex;
    align-items: center;
    min-width: 372px;
    position: absolute;
    bottom: -6px;
    right: -100px;
}
.about-img-icon {
    display: inline-flex;
    width: 72px;
    height: 72px;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background: #1E3D87;
    margin-right: 16px;
}

.about-img-text h3 {
	margin: 0;
	font-family: "Roboto Condensed", sans-serif;
	font-size: 28px;
	font-style: normal;
	font-weight: 500;
	line-height: 32px;
	color: #1F2D3E; 
	letter-spacing: -0.56px;
}
.about-img-text p {
	color: #525252;
	font-family: "Inter", sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px; 
}
.about-img-bar:before {
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: -60px;
	width: 110%;
    height: 100%;
	background: url(http://flowcodes.in/work/projects/agm-sports-agency/wp-content/uploads/2024/04/vector-3.png) no-repeat center;
	background-size: contain;
	z-index: 0; 
}
.content-bar span {
    color: #1E3D87;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 21px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 5.04px;
    text-transform: uppercase;
}
.content-bar h2 {
	margin: 0;
	color: #1F2D3E;
	font-family: "Roboto Condensed", sans-serif;
	font-size: 67px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	letter-spacing: -2.68px;
}
.content-bar h2 strong {
	color: #1E3D87;
}
.content-bar p {
	margin: 16px 0 0;
	color: #525252;
	font-family: "Inter", sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px;
}
.social-media span {
	color: #525252;
	font-family: "Inter", sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px; 
	display: inline-block;
	vertical-align: middle;
}
.social-media ul {
    margin: 0;
    padding: 0;
    display: inline-block;
    vertical-align: middle;
}
.social-media ul li {
    display: inline-block;
    vertical-align: middle;
    margin-left: 16px;
}
.social-media ul li a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 40px;
	width: 40px;
	border-radius: 50%;
	border: 1px solid #1E3D87;
}
.social-media ul li a:hover {
	background: #1E3D87;
}
.social-media ul li a:hover svg path {
	stroke: #fff;
}

/* About Section End Css */


/* Represent Section Start Css */

.represent {
	padding: 80px 98px;
}
.represent-box {
    display: flex;
    justify-content: space-between;
}
.represent-item {
    width: 30%;
}
.represent-item .represent-img img {
    width: 100%;
}
.represent-text {
    text-align: center;
}
.represent-text h3 {
	margin: 16px 0 0;
	color: #1F2D3E;
	text-align: center;
	font-family: "Roboto Condensed", sans-serif;
	font-size: 28px;
	font-style: normal;
	font-weight: 500;
	line-height: 32px; 
	letter-spacing: -0.56px;
}
.represent-text span {
	color: #525252;
	text-align: center;
	font-family: "Inter", sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px;
}
.represent-title {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding: 0 0 55px;
}
.more-players a {
	color: #1E3D87;
	text-align: center;
	font-family: "Roboto Condensed", sans-serif;
	font-size: 21px;
	font-style: normal;
	font-weight: 500;
	line-height: 32px;
	text-decoration-line: underline;
}
.more-players a svg {
	margin-left: 8px;
}

/* Represent Section End Css */


/* News Section Start Css */

.news {
	background: #FAFAFA;
	padding: 80px 98px;
}
.news-title {
	text-align: center;
	padding: 0 0 60px;
}
.news-box {
    max-width: 1244px;
    margin: 0 auto;
}
.news-content {
    width: 30%;
    background: #1E3D87;
    display: flex;
    align-items: center;
    padding: 0 0 0 40px;
    position: relative;
}
.news-content:before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 675px;
	background: url(http://flowcodes.in/work/projects/agm-sports-agency/wp-content/uploads/2024/04/vector3.png) no-repeat;
	background-size: cover;
	z-index: 0;
}
.news-feed {
    position: relative;
}
.news-img {
    width: 70%;
    text-align: right;
}
.news-content h2 {
    margin: 0;
    color: #FFF;
	font-family: "Roboto Condensed", sans-serif;
	font-size: 67px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	letter-spacing: -2.68px;
}
.news-content strong {
	overflow: hidden;
	color: #FFF;
	text-overflow: ellipsis;
	font-family: "Roboto Condensed", sans-serif;
	font-size: 38px;
	font-style: normal;
	font-weight: 500;
	line-height: 48px;
	letter-spacing: -0.76px;
	display: block;
	margin: 16px 0 40px;
}
.news-content a {
	text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 62px;
    border: 1px solid #fff;
    padding: 0 40px;
    font-family: "Inter", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.99px;
    text-transform: capitalize;
    color: #FFF;
}
.news-item {
    display: flex !important;
}
.news-box ul.slick-dots {
    padding: 40px 0 0;
    margin: 0;
    text-align: center;
}
.news-box ul.slick-dots li {
	list-style: none;
	display: inline-block;
	vertical-align: middle;
	margin: 0 5px;
	line-height: 0;
}
.news-box ul.slick-dots li button {
	height: 8px;
	width: 8px;
	border-radius: 50%;
	padding: 0;
	margin: 0;
	border: none;
	font-size: 0;
	background: #8F8F8F;
}
.news-box ul.slick-dots li.slick-active button {
	background: #1E3D87;
} 

/* News Section End Css */


/* Our Services Section Css Start */

.our-services {
	padding: 128px 98px;
	background: url(http://flowcodes.in/work/projects/agm-sports-agency/wp-content/uploads/2024/04/services-ba.png) no-repeat center;
	background-size: cover;
}
.services-box {
	max-width: 1244px;
	margin: 0 auto;
	background: rgba(255, 255, 255, 0.15);
	padding: 40px;
	text-align: center;
}
.services-box h2 {
	margin: 0;
	color: #FFF;
	text-align: center;
	font-family: "Roboto Condensed", sans-serif;
	font-size: 50px;
	font-style: normal;
	font-weight: 500;
	line-height: 56px; 
	letter-spacing: -1px;
}
.services-box p {
	margin: 24px auto 40px;
	color: #FFF;
	text-align: center;
	font-family: "Inter", sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px; 
	max-width: 832px;
}
.services-box a {
	text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 62px;
    border: 1px solid #fff;
    padding: 0 40px;
    font-family: "Inter", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.99px;
    text-transform: capitalize;
    color: #FFF;
}

/* Our Services Section Css End */


/* Footer Section Css Start */

.footer {
	background: #000;
}
.footer-top {
    padding: 16px 98px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.footer-social ul {
    padding: 0;
    margin: 0;
}
.footer-social ul li {
	list-style: none;
	display: inline-block;
	vertical-align: middle;
	margin-right: 16px;
}
.policy ul{
	list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: flex-end;
}
.policy ul li {
	color: #FFF;
	text-align: right;
	font-family: "Inter", sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px;
	text-decoration: none;
	padding: 0 10px;
	border-right: 1px solid #fff; 
}
.policy ul li:last-child {
	padding-right: 0;
	border-right: none;
}
.policy ul li a{
	color: #FFF;}
.footer-contact {
	padding: 80px 98px;
	border-top: 1px solid #525252;
	border-bottom: 1px solid #525252;
	display: flex;
    justify-content: space-between;
}
.footer-contact-bar {
    text-align: center;
    width: 20%;
}
.footer-contact-bar h3 {
    margin: 24px 0 8px;
    color: #FFF;
	text-align: center;
	font-family: "Roboto Condensed", sans-serif;
	font-size: 21px;
	font-style: normal;
	font-weight: 700;
	line-height: 32px; 
	letter-spacing: -0.42px;
}
.footer-contact-bar a {
	color: #FFF;
	text-align: center;
	font-family: "Inter", sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px;
	display: block;
	text-decoration: none;
}
.footer-contact-bar p {
	margin: 0;
	color: #FFF;
	text-align: center;
	font-family: "Inter", sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px;
}
.footer-copyright {
	text-align: center;
	padding: 8px 0;
}
.footer-copyright p {
	margin: 0;
	color: #FFF;
	font-family: "Inter", sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 16px;
}
.footer-logo {
    width: 33.33%;
    text-align: center;
}
.policy {
    width: 33.33%;
    text-align: right;
}
.footer-social {
    width: 33.33%;
}

/* Footer Section Css End */


/* Responsive */
@media screen and (max-width: 1800px) {
	.about-img-bar:before {
		width: 113%;
	}
}
@media screen and (max-width: 1700px) {
	.banner-video iframe {
		transform: scale(1.2);
	}
}
@media screen and (max-width: 1600px) {
	.about-img-content {
		min-width: 352px;
	    right: -60px;
	}
	.about-content {
		padding: 20px 200px 20px 0;
	}
	.social-media {
		padding: 75px 0 0 0;
	}
}
@media screen and (max-width: 1500px) {
	.main-header-sec .navbar-expand-lg .navbar-nav .menu-item {
	    margin: 0 10px;
	}
	.about-content {
		padding: 20px 128px 20px 50px;
	}
	.banner-video iframe {
		transform: scale(1.3);
	}
	.about-img-bar:before {
		width: 115%;
	}
}
@media screen and (max-width: 1400px) {
	.about-img-bar img {
	    width: 100%;
	}
	.about-content {
		padding: 20px 30px 20px 90px;
	}
	.represent-item {
	    width: 33.33%;
	    padding: 0 15px;
	}
	.represent-box {
		margin: 0 -15px;
	}
	.represent-img img {
	    width: 100%;
	}
	.banner-video iframe {
		transform: scale(1.4);
	}
	.about-img-bar {
		width: 100%;
	}
}
@media screen and (max-width: 1300px) {
	.get-in-touch a {
		padding: 0 30px;
	}
	.about-img-content {
		right: -30px;
	}
	.about-content {
	    padding: 20px 0px 20px 80px;
	}
	.footer-contact-bar {
		width: 26%;
	}
	.banner-video iframe {
		transform: scale(1.5);
	}
}
@media screen and (max-width: 1200px) {
	.banner-video iframe {
	    transform: scale(1.65);
	}
	.get-in-touch a {
	    padding: 0 15px;
	    font-size: 16px;
	}
	.main-header-sec .navbar-expand-lg .navbar-nav .menu-item {
	    margin: 0 8px;
	}
	.about-img-bar:before {
		width: 525px;
    	height: 440px;
	}
	.about-content {
	    padding: 0 0px 0 60px;
	}
	.social-media {
	    padding: 30px 0 0;
	}
	.main-header-sec {
		padding: 16px 60px;
	}
	.banner-content {
		left: 60px;
	}
	.represent {
	    padding: 80px 60px;
	}
	.news {
		padding: 80px 60px;
	}
	.our-services {
		padding: 128px 60px;
	}
	.footer-top {
		padding: 16px 60px;
	}
	.footer-contact {
		padding: 80px 60px;
	}
}

@media screen and (max-width: 1024px) {
	.news-img img {
	    width: 100%;
	}
	.news-content:before {
		background-size: 100%;
    	width: 485px;
	}
	.main-header-sec .navbar-expand-lg .navbar-nav a {
		font-size: 15px;
	}
	.banner-video iframe {
	    transform: scale(1.85);
	}
}

@media screen and (max-width: 991px) {
	.main-header-sec {
	    padding: 16px 20px;
	}
	.header-box {
		justify-content: space-between;
	}
	.banner-content {
		left: 0;
		padding: 0 20px;
	}
	.banner-content h1 {
		font-size: 70px;
		line-height: 76px;
	}
	.banner-content p {
		margin: 20px 0 50px;
	}
	.banner-video {
		height: 800px;
	}
	.banner-video iframe {
	    transform: scale(2);
	}
	.about-box {
	    display: flex;
	    flex-direction: column;
	}
	section.about-us {
		padding: 60px 20px 50px;
	}
	.about-img {
		width: 100%;
	}
	.about-content {
	    padding: 50px 0 0 0;
		width: 100%;
	} 
	.represent {
	    padding: 60px 20px;
	}
	.represent-title {
		align-items: flex-start;
		flex-direction: column;
		padding: 0 0 30px;
	}
	.more-players {
	    padding: 20px 0 0;
	}
	.news {
	    padding: 50px 20px;
	}
	.news-content:before {
		width: 405px;
	}
	.news-content {
		padding: 0 0 0 20px;
	}
	.news-content h2 {
		font-size: 48px;
	}
	.news-content strong {
		font-size: 28px;
		margin: 10px 0 20px;
	}
	.news-content a {
		height: 52px;
		padding: 0 20px;
		font-size: 16px;
	}
	.news-box ul.slick-dots {
		padding: 20px 0 0;
	}
	.our-services {
	    padding: 60px 20px;
	}
	.services-box {
		padding: 25px;
	}
	.footer-top {
	    padding: 16px 20px;
	}
	.footer-contact {
	    padding: 50px 20px;
	}
	.footer-contact-bar {
	    width: 33.33%;
	}
	.get-in-touch {
	    display: none;
	}
	.navbar-toggler {
	    border-color: #fff !important;
	}
	.navbar-toggler-icon {
	    filter: brightness(0) invert(1);
	}
	.navbar-toggler .navbar-toggler-icon {
	    background: url(http://flowcodes.in/work/projects/agm-sports-agency/wp-content/uploads/2024/04/close.svg) no-repeat center !important;
	    background-size: contain !important;
	}
	.navbar-toggler.collapsed .navbar-toggler-icon {
    	background: url(http://flowcodes.in/work/projects/agm-sports-agency/wp-content/uploads/2024/04/hamburger.svg) no-repeat center !important;
	    background-size: contain !important;
	}
	.navbar-toggler:focus {
	    box-shadow: none !important;
	}
	.navbar-collapse {
		position: absolute;
	    top: 100%;
	    left: 0;
	    right: 0;
	    background: #1E3D87;
	    padding: 10px 0;
	}
	.main-header-sec .navbar-expand-lg .navbar-nav .menu-item {
	    margin: 0;
	    padding: 5px 0;
	}
	.banner:after {
		width: 100%;
    	height: 178px;
    	background-size: 100% 100%;
	}
	.policy ul{
		flex-direction: column;
	}
	.policy ul li {
		display: block;
		border-right: none;
		padding: 0;
	}
}

@media screen and (max-width: 767px) {
	.about-img-bar:before {
		width: 100%;
	}
	.banner:before {
		width: 100%;
    	height: 124px;
		background-size: 100% 100%;
	}
	.about-img-content {
	    right: 0;
	}
	.about-content {
		padding: 40px 0 0 0;
	}
	.content-bar span {
		font-size: 18px;
		letter-spacing: 3.04px;
	}
	.content-bar h2 {
		font-size: 46px;
	}
	.social-media {
	    padding: 20px 0 0;
	}
	.social-media ul li {
		margin-left: 10px;
	} 
	section.about-us {
	    padding: 50px 20px 50px;
	}
	.represent {
	    padding: 50px 20px 35px;
	}
	.represent-box {
		flex-direction: column;
	}
	.represent-item {
		width: 100%;
		padding: 15px 15px;
	}
	.news-item {
		flex-direction: column-reverse;
	}
	.news-content {
		width: 100%;
	}
	.news-img {
		width: 100%;
	}
	.news-content:before {
		display: none;
	}
	.news-content {
	    padding: 30px;
	}
	.news-content h2 {
	    font-size: 40px;
	}
	.news-content strong {
		font-size: 22px;
	}
	.our-services {
	    padding: 50px 20px;
	}
	.our-services {
	    padding: 50px 20px;
	}
	.services-box p {
		margin: 15px auto 30px;
	} 
	.footer-top {
	    flex-direction: column;
	}
	.footer-logo {
	    width: 100%;
	    order: 1;
	}
	.footer-social {
		width: 100%;
	    order: 2;
	    padding: 20px 0;
	}
	.policy {
		width: 100%;
	    order: 2;
	    text-align: center;
	}
	.footer-social ul {
		text-align: center;
	}
	.footer-social ul li {
		margin: 0 8px;
	}
	.footer-contact {
		flex-direction: column;
	}
	.footer-contact-bar {
		width: 100%;
		padding: 20px 0;
	}
	.footer-contact-bar h3 {
		margin: 15px 0 8px;
	}
	.footer-contact {
	    padding: 20px 20px;
	}
	/* .banner:after {
		width: 100%;
    	height: 100px;
	} */
	.banner:after {
		width: 100%;
    	height: 100px;
    	background-size: 100% 100%;
	}
	.banner-content {
	    left: 0;
	    padding: 0 20px;
	}
	.banner-content h1 {
	    font-size: 46px;
	    line-height: 50px;
	}
	.banner-content p {
	    margin: 20px 0 30px;
	}
	.banner-video iframe {
	    transform: scale(4);
	}
	.header-box a.navbar-brand img {
	    width: 140px;
	}
	.policy ul{
		justify-content: center;
		flex-direction: row;
	}
	.policy ul li {
		display: inline-block;
		border-right: 1px solid #fff;
		padding: 0 10px;	
	}
}

/*custom css start*/
img.banner-img {
    height: 581px;
    width: 100%;
    object-fit: cover;
}
.cust-bg-banner {
    height: 192px;
    background: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0.00) 100%);
    width: 100%;
    position: absolute;
}
section.cust-bg-gray {
    background: #FAFAFA;
}
section.cust-bg-gray.cust-py {
    padding: 112px 0px;
}
h2.cust-sec-large-heading.d-flex.flex-col {
    background: #1E3D87;
    padding: 104px 92px 143px;
    flex-direction: column;
    color: #fff;
    font-size: 180px;
    font-style: normal;
    font-weight: 500;
    line-height: 170px; 
    letter-spacing: -0.76px;
    font-family: "Roboto Condensed", sans-serif;
    clip-path: polygon(0 0, 100% 0, 85% 100%, 0% 100%);
}
h2.cust-sec-large-heading.d-flex.flex-col span {
    font-size: 38px;
    font-style: normal;
    font-weight: 500;
    line-height: 48px; 
    letter-spacing: -0.76px;
}

.founded-sec .container-fluid {
    padding: 0;
}

.founded-sec .cust-row .col.col-md-4 {
    width: 35%;
    padding: 0;
}

.founded-sec .cust-row .col.col-md-8.cust-info-section {
    width: 65%;
    padding: 0 137px 0 97px;
}

.founded-sec .cust-row {
    margin: 0;
}
 h2.sec-heading{
    font-size: 67px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -2.68px;
    font-family: "Roboto Condensed", sans-serif;
    color:#1F2D3E;
    margin-bottom: 16px;
}
 h2.sec-heading span{
    color: #1E3D87;
}
.founded-sec .cust-row .col.cust-info-section p , section.cust-ind-sec .conatiner.cust-container p{
    color: #525252;
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
}
.founded-sec .cust-row .col.cust-info-section p + p{
    margin-top: 30px;
}
.founded-sec .cust-row .col.cust-info-section a.cust-btn{
margin-top: 24px;
}
a.cust-btn{
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #1E3D87;
    padding: 20px 40px;
    font-family: "Inter", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.99px;
    text-transform: uppercase;
    color: #1E3D87;
    transition: 0.3s ease;
    background: transparent;
}

a.cust-btn:hover, a.cust-btn:focus{
    background: #1E3D87;
    color: #fff;
    transition: 0.3s ease;
}
section.cust-ind-sec {
    padding: 152px 0px 210px 0px;
}
section.cust-ind-sec .conatiner.cust-container {
    width: calc(100% - 200px);
    max-width: none;
    margin: 0px auto;
}
.cust-supporting-grid {
    gap: 30px;
	margin-top: 88px;
}
.cust-supporting-grid .col.supporting-box {
    text-align: center;
    background: #1E3D87;
    padding: 35px;
    flex-direction: column;
    align-items: center;
    gap: 25px;
    width: calc(33.33% - 20px);
    flex: unset;
}
.cust-supporting-grid .col.supporting-box .info h4 {
    color: #fff;
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
    line-height: 35px;
    font-family: "Inter", sans-serif;
    margin-bottom: 10px;
}

.cust-supporting-grid .col.supporting-box .info p {
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    color: #fff;
    font-family: "Inter", sans-serif;
}
.cust-supporting-grid .col.supporting-box .cust-link {
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0.78px;
    text-transform: uppercase;
    color: #fff;
    gap: 10px;
}

.cust-supporting-grid .col.supporting-box .icon-box {
    width: 50px;
    height: 50px;
}

.cust-supporting-grid .col.supporting-box .icon-box svg {
    width: 100%;
    height: 100%;
}
/*contact us page css start*/
section.cust-ind-sec.cust-contact-us {
    padding-bottom: 107px;
}
section.cust-ind-sec.cust-contact-us h2.cust-sec-large-heading.d-flex.flex-col {
    font-size: 67px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -2.68px;
    padding: 184px 92px 203px 92px;
}
section.cust-ind-sec.cust-contact-us .cust-row{
    margin-top: 68px;
}
section.cust-ind-sec.cust-contact-us .cust-row .col.col-md-4 {
    width: 35.5%;
    padding: 0;
}
section.cust-ind-sec.cust-contact-us .cust-row .col.col-md-8.cust-info-section {
    width: 64.5%;
    padding: 0;
}
.cust-contact-form form {width: 100%;max-width: 700px;margin: 0px 126px 0 auto;display: flex;flex-direction: column;gap: 25px;}
.cust-contact-form form .input-group p {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
}
.cust-contact-form form .input-group p span {
    width: calc(50% - 15px);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}
.cust-contact-form form .input-group p span input {
    width: 100%;
}
.cust-contact-form form .number-group p span{width:100%;display: block;}
.cust-contact-form form .number-group p span input {
    width: 100%;
}
.cust-contact-form form .message-section p span {
    display: flex;
    width: 100%;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}
.cust-contact-form form .message-section p span textarea {
    width: 100%;
}

.cust-contact-form form .input-group p span input, .cust-contact-form form .number-group p span input, .cust-contact-form form .message-section p span textarea {
    width: 100%;
    border-radius: 6px;
    border: 1px solid rgba(0, 0, 0, 0.50);
    background: #FFF;
    padding: 14px 11px 8px 11px;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    color: #000;
}
.cust-contact-form form input::placeholder , .cust-contact-form form textarea::placeholder{
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}
.cust-contact-form form input:hover , .cust-contact-form form textarea:hover, .cust-contact-form form input:focus , .cust-contact-form form textarea:focus{
    outline: none;
}
.cust-contact-form form  .button-group p {
    display: flex;
    align-items: center;
    justify-content: end;
    flex-direction: row-reverse;
}
.cust-contact-form form .button-group p input#submit {
    background: #1E3D87;
    color: #fff;
    width: 210px;
    height: 60px;
    text-transform: uppercase;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border: 1px solid #1E3D87;
    transition: 0.3s ease;
}
.cust-contact-form form .button-group p input#submit:hover , .cust-contact-form form .button-group p input#submit:focus{
    color: #1E3D87;
    background: #fff;
    transition: 0.3s ease;
}
/*contact us page css end*/
/*service page css start*/
section.cust-ind-sec.main-service{
    padding-bottom: 320px;
}
section.cust-ind-sec.main-service .cust-supporting-grid.d-flex.flex-wrap {
    margin-top: 123px;
}
/*service page css end*/
/*player represent css start*/
section.represent.players-section {
    padding: 152px 98px 192px 98px;
}
section.represent.players-section .represent-title{
    padding:0;
}
section.represent.players-section .represent-box {
    display: flex;
    justify-content: start;
    gap: 60px 200px;
    flex-wrap:wrap;
    margin-top: 127px;
}
section.represent.players-section .represent-item {
    width: calc(33.33% - 134px);
}
/*player represent css end*/
/*responisve start*/
@media only screen and (max-width: 1440px) {
    h2.cust-sec-large-heading.d-flex.flex-col {
        font-size: 150px;
        line-height: 150px;
    }
    section.represent.players-section .represent-box {
        gap: 50px 100px;
        margin-top: 100px;
    }
    section.represent.players-section .represent-item {
        width: calc(33.33% - 67px);
    }
}
@media only screen and (max-width: 1366px) {
    h2.cust-sec-large-heading.d-flex.flex-col {
        font-size: 130px;
        line-height: 130px;
        padding: 100px 40px;
    }
    .founded-sec .cust-row .col.col-md-8.cust-info-section {
        width: 65%;
        padding: 0px 50px;
    }
    h2.sec-heading {
        font-size: 57px;
    }
    section.cust-bg-gray.cust-py {
        padding: 72px 0px;
    }
    section.cust-ind-sec {
        padding: 102px 0px 110px 0px;
    }
    .cust-supporting-grid {
        margin-top: 58px;
    }
    section.cust-ind-sec.main-service .cust-supporting-grid.d-flex.flex-wrap {
        margin-top: 100px;
    }
    section.cust-ind-sec.main-service {
        padding-bottom: 150px;
    }
    section.represent.players-section {
        padding: 102px 58px 142px 58px;
    }
    section.represent.players-section .represent-box {
        gap: 50px 70px;
        margin-top: 100px;
    }
    .cust-contact-form form {
        margin: 0;
        max-width: 100%;
        padding: 0px 5%;
    }
    section.cust-ind-sec.cust-contact-us .cust-row .col.col-md-4 {
        width: 50%;
        padding: 0;
    }
    section.cust-ind-sec.cust-contact-us .cust-row .col.col-md-8.cust-info-section {
        width: 50%;
        padding: 0;
    }
}
@media only screen and (max-width: 1024px) {
	section.cust-bg-gray.cust-py {
		padding: 82px 0px;
	}
    .founded-sec .cust-row .col.col-md-4 {
        width: 45%;
        padding: 0;
        flex: unset;
    }
	.founded-sec .cust-row .col.col-md-8.cust-info-section {
		width: 55%;
		padding: 0 57px 0 37px;
        flex: unset;
	}
	h2.sec-heading {
		font-size: 37px;
	}
    section.cust-ind-sec .conatiner.cust-container {
        width: calc(100% - 80px);
    }
    h2.cust-sec-large-heading.d-flex.flex-col {
        font-size: 100px;
        line-height: 100px;
    }
    .cust-supporting-grid .col.supporting-box .info h4 {
        font-size: 22px;
        line-height: 32px;
    }
    .cust-supporting-grid .col.supporting-box .info p {
        font-size: 16px;
    }
    .cust-supporting-grid .col.supporting-box {
        padding: 15px 20px;
    }
    section.cust--inner-banner.banner.position-relative img.banner-img {
        height: 491px;
    }
    section.cust-ind-sec.main-service .cust-supporting-grid.d-flex.flex-wrap {
        margin-top: 90px;
    }
    section.cust-ind-sec.main-service {
        padding-bottom: 100px;
    }
    section.represent.players-section .represent-box {
        gap: 30px 50px;
    }
    section.represent.players-section .represent-item {
        width: calc(33.33% - 34px);
    }
    section.represent.players-section .represent-box {
        margin-top: 70px;
    }
}
@media only screen and (max-width: 991px) {
	.cust-supporting-grid .col.supporting-box {
		width: calc(50% - 20px);
	}
    .founded-sec .cust-row .col.col-md-4 {
        width: 50%;
        padding: 0;
    }
	.founded-sec .cust-row .col.col-md-8.cust-info-section {
		width: 50%;
		padding: 0 57px 0 37px;
	}
    section.cust-ind-sec .conatiner.cust-container {
        width: calc(100% - 40px);
    }
    section.cust--inner-banner.banner.position-relative img.banner-img {
        height: 400px;
    }
    section.cust-ind-sec.main-service .cust-supporting-grid.d-flex.flex-wrap {
        margin-top: 70px;
    }
    section.cust-ind-sec.main-service {
        padding-bottom: 70px;
    }
    section.represent.players-section .represent-item {
        width: calc(50% - 25px);
    }
    section.represent.players-section {
        padding: 72px 58px 122px 58px;
    }
}

@media only screen and (max-width: 767px) {
	.cust-supporting-grid .col.supporting-box {
		width: 100%;
	}
    .founded-sec .cust-row .col.col-md-4 {
        width: 100%;
        padding: 0;
    }
	.founded-sec .cust-row .col.col-md-8.cust-info-section {
		width: 100%;
		padding: 47px 20px 30px 20px;
	}
    section.cust--inner-banner.banner.position-relative img.banner-img {
        height: 351px;
    }
    h2.cust-sec-large-heading.d-flex.flex-col{
        padding: 40px;
        font-size:80px;
        line-height:100px;
    }
    section.cust-ind-sec.cust-contact-us h2.cust-sec-large-heading.d-flex.flex-col{
        padding: 40px;
        font-size: 47px;
        line-height: 57px;
    }
    h2.cust-sec-large-heading.d-flex.flex-col span {
        font-size: 28px;
        line-height: 38px;
    }
    h2.sec-heading {
        font-size: 28px;
    }
    section.cust-ind-sec , section.cust-ind-sec.cust-contact-us{
        padding: 54px 0px;
    }
    section.cust-bg-gray.cust-py {
        padding: 42px 0px 0px 0px;
    }
    a.cust-btn {
        padding: 15px 20px;
        font-size: 14px;
    }
    section.cust-ind-sec.main-service .cust-supporting-grid.d-flex.flex-wrap {
        margin-top: 50px;
    }
    section.cust-ind-sec.main-service {
        padding-bottom: 50px;
    }
    section.represent.players-section .represent-item {
        width: 100%;
    }
    section.represent.players-section .represent-box {
        gap: 0px 50px;
    }
    section.represent.players-section {
        padding: 50px 20px;
    }
    section.represent.players-section .represent-box {
        margin-top: 50px;
    }
    section.cust-ind-sec.cust-contact-us .cust-row .col.col-md-4 {
        width: 100%;
        flex: unset;
    }
    section.cust-ind-sec.cust-contact-us .cust-row .col.col-md-8.cust-info-section {
        width: 100%;
        flex: unset;
        margin-top: 40px;
    }
    .cust-contact-form form .input-group p span {
        width: 100%;
    }
    .cust-contact-form form .input-group p {
        gap: 30px;
    }
}
/*responisve end*/