.elementor-27 .elementor-element.elementor-element-239de5b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Helvetica;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}:root{--page-title-display:none;}/* Start custom CSS for text-editor, class: .elementor-element-0d57ee6 */.cl-tennis-page {
--navy:#0c2a4f;
--blue:#1767ae;
--blue2:#2583cf;
--sky:#eef7fe;
--ink:#122033;
--muted:#5d6c7e;
--line:#d7e4ef;
--white:#fff;
	font-family: Inter, Arial, sans-serif;
	color: var(--ink);
	line-height: 1.65;
	background: #fff
}
.cl-tennis-page * {
	box-sizing: border-box
}
.cl-tennis-page a {
	color: var(--blue);
	text-decoration: none
}
.cl-tennis-page a:hover {
	text-decoration: underline
}
.cl-tennis-page h1, .cl-tennis-page h2, .cl-tennis-page h3, .cl-tennis-page h4, .cl-tennis-page h5{ font-weight:800 !important;}
.cl-wrap {
	width: min(1180px, calc(100% - 40px));
	margin: auto
}
.cl-kicker {
	text-transform: uppercase;
	letter-spacing: .14em;
	font-weight: 800;
font-size:.78rem;
	color: #4aa7ee
}
.cl-h2 {
	font-size: clamp(2rem, 4vw, 3.15rem);
	line-height: 1.1;
margin:.4rem 0 1rem;
	color: var(--navy)
}
.cl-lead {
	font-size: 1.18rem;
	color: #40546b;
	max-width: 850px
}
.cl-section {
	padding: 86px 0
}
.cl-section.alt {
	background: var(--sky)
}
.cl-grid2 {
	display: grid;
grid-template-columns:1.08fr .92fr;
	gap: 55px;
	align-items: center
}
.cl-grid3 {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 22px
}
.cl-grid4 {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 18px
}
.cl-card {
	background: #fff;
	border: 1px solid var(--line);
	border-radius: 16px;
	padding: 26px;
	box-shadow: 0 10px 30px rgba(12,42,79,.06)
}
.cl-card h3 {
margin:.1rem 0 .7rem;
	color: var(--navy);
	font-size: 1.25rem
}
.cl-checks {
	padding: 0;
	margin: 24px 0;
	list-style: none;
	display: grid;
	gap: 10px
}
.cl-checks li:before {
	content: '✓';
	font-weight: 900;
	color: var(--blue2);
	margin-right: 10px
}
.cl-btns {
	display: flex;
	gap: 12px;
	flex-wrap: wrap;
	margin-top: 28px
}
.cl-btn {
	display: inline-block;
	padding: 14px 22px;
	border-radius: 10px;
	font-weight: 800;
	background: var(--blue2);
	color: #fff !important;
	text-decoration: none !important;
}
.cl-btn.secondary {
	background: #fff;
	color: var(--navy) !important;
	border: 1px solid #b9d1e6
}
.cl-btn:hover {
	text-decoration: none;
	transform: translateY(-1px)
}
.cl-hero {
	min-height: 84vh;
	display: flex;
	align-items: center;
	position: relative;
	overflow: hidden;
	background: linear-gradient(115deg, #082442 0%, #0c467c 48%, #1b76bb 100%);
	color: #fff
}
.cl-hero .cl-wrap {
	position: relative;
	z-index: 2;
	padding: 95px 0
}
.cl-hero h1 {
	font-size: clamp(2.8rem, 6vw, 5.3rem);
	line-height: .98;
	max-width: 950px;
margin:.5rem 0 1rem
}
.cl-hero p {
	font-size: 1.2rem;
	max-width: 780px;
	color: #e5f2fc
}
.cl-hero .cl-kicker {
	color: #aeddff
}
.cl-hero-placeholder {
	position: absolute;
	inset: 0;
	display: flex;
	justify-content: flex-end;
	align-items: flex-end;

	z-index: 1;
	opacity: .34;
	border: 2px dashed rgba(255,255,255,.4)
}

.cl-hero-placeholder img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.cl-placeholder-label {
font-size:.75rem;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: #fff;
	background: rgba(0,0,0,.25);
	padding: 8px 10px;
	border-radius: 7px
}
.cl-trust {
	background: #fff;
	border-bottom: 1px solid var(--line)
}
.cl-trust .cl-wrap {
	display: grid;
	grid-template-columns: repeat(4, 1fr)
}
.cl-trust div {
	padding: 18px 16px;
	text-align: center;
	font-weight: 800;
	color: var(--navy);
	border-right: 1px solid var(--line)
}
.cl-trust div:last-child {
	border-right: 0
}
.cl-imgph {
	min-height: 420px;
	border: 2px dashed #8eb9d9;
	border-radius: 18px;
	background: linear-gradient(145deg, #edf6fc, #d9ebf8);
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;

	color: #32658e;
	font-weight: 800;
	letter-spacing: .08em;
	text-transform: uppercase
}
.cl-imgph.tall {
	min-height: 520px
}
.cl-imgph.tall img{ width:100%; height:100%; min-height:520px; object-position:center; object-fit:cover; border-radius: 18px;}
.cl-band {
	background: linear-gradient(110deg, #0a3765, #1978be);
	color: #fff;
	padding: 55px 0
}
.cl-band .cl-wrap {
	display: flex;
	justify-content: space-between;
	gap: 30px;
	align-items: center
}
.cl-band h2 {
	font-size: clamp(1.8rem, 3vw, 2.7rem);
	line-height: 1.08;
	margin: 0
}
.cl-band p {
	color: #e8f5ff;
	max-width: 720px;
margin:.7rem 0 0
}
.cl-process {
	counter-reset: step
}
.cl-step {
	position: relative;
	padding-left: 64px
}
.cl-step:before {
	counter-increment: step;
	content: counter(step);
	position: absolute;
	left: 0;
	top: 0;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: var(--blue2);
	color: #fff;
	display: grid;
	place-items: center;
	font-weight: 900
}
.cl-table {
	width: 100%;
	border-collapse: collapse;
	margin: 25px 0;
	background: #fff
}
.cl-table th, .cl-table td {
	padding: 15px;
	border: 1px solid var(--line);
	text-align: left;
	vertical-align: top
}
.cl-table th {
	background: #e7f3fc;
	color: var(--navy)
}
.cl-faq details {
	border-bottom: 1px solid var(--line);
	padding: 18px 0
}
.cl-faq summary {
	font-weight: 850;
	color: var(--navy);
	cursor: pointer;
	font-size: 1.08rem
}
.cl-faq p {
margin:.8rem 0 .3rem
}
.cl-local {
	background: #0b315c;
	color: #fff
}
.cl-local .cl-h2, .cl-local h3 {
	color: #fff
}
.cl-local .cl-lead, .cl-local p {
	color: #dfeefa
}
.cl-local .cl-card {
	background: #104575;
	border-color: #246596;
	box-shadow: none
}
.cl-final {
	text-align: center;
	padding: 85px 0;
	background: #f2f8fc
}
.cl-final .cl-lead {
	margin-inline: auto
}
.cl-note {
font-size:.9rem;
	color: #6b7888
}
.cl-mobilebar {
	display: none
}
 @media(max-width:900px) {
.cl-grid2, .cl-grid3, .cl-grid4 {
	grid-template-columns: 1fr
}
.cl-trust .cl-wrap {
	grid-template-columns: 1fr 1fr
}
.cl-trust div:nth-child(2) {
	border-right: 0
}
.cl-band .cl-wrap {
	display: block
}
.cl-imgph, .cl-imgph.tall, .cl-imgph.tall img{
	min-height: 300px
}
.cl-section {
	padding: 64px 0
}
.cl-hero {
	min-height: 78vh
}
.cl-mobilebar {
	display: flex;
	position: sticky;
	bottom: 0;
	z-index: 50;
	background: #0c2a4f;
	padding: 9px;
	gap: 8px
}
.cl-mobilebar a {
	flex: 1;
	text-align: center;
	background: #2583cf;
	color: #fff!important;
	padding: 12px 8px;
	border-radius: 8px;
	font-weight: 850
}
}/* End custom CSS */