.mw-400 {
max-width: 520px;
}

section.program-sec-02 {
}

section.program-sec-02 .tennis-program {
color: #274581;
padding: 13% 20% 13% 12%;
background: #ffffff;
height: 100%;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: space-between;
}

section.program-sec-02 .tennis-program .tp-heading {
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 2px solid;
width: 100%;
}

section.program-sec-02 .tennis-program .tp-heading h3 {
}

section.program-sec-02 .tennis-program .tp-heading h4 {
font-size: 21px;
font-weight: 500;
margin-bottom: 20px;
}

section.program-sec-02 .tennis-program .tp-details {
padding: 30px 0px;
min-height: 160px;
}

section.program-sec-02 .tennis-program .tp-details ul {
margin: 0px;
padding: 0px;
list-style-type: none;
}

section.program-sec-02 .tennis-program .tp-details ul li {
padding: 3px 0px;
}

section.program-sec-02 .tennis-program .tp-details ul li img {
box-shadow: 0px 0px 20px rgba(0,0,0,.2);
}

section.program-sec-02 .tennis-program .tp-data {max-width: 430px;min-height: 210px;}

section.program-sec-02 .tennis-program .tp-data p {
}

section.program-sec-04 .p-video-box {
display: inline-block;
max-width: 400px;
width: 100%;
position: relative;
overflow: hidden;
}

section.program-sec-04 .p-video-box:after {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
width: calc(100% - 20px);
height: calc(100% - 20px);
box-shadow: 0px 0px 0px 30px #ffffff;
border-radius: 40px;
z-index: 9;
transition: all 500ms ease-in-out;
display: none;
}

section.program-sec-04 .p-video-box .play-icon {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
background: #274581;
width: 80px;
height: 80px;
border-radius: 100px;
overflow: hidden;
z-index: 9;
transition: all 500ms ease-in-out;
}

section.program-sec-04 .p-video-box .play-icon:before {
content: "";
position: absolute;
top: 24px;
left: 0px;
border: 16px solid transparent;
border-left: 27px solid #274581;
z-index: 9;
transform: scale(0.01);
transition: all 500ms ease-in-out;
}

section.program-sec-04 .p-video-box .play-icon:after {
content: "";
position: absolute;
top: 24px;
left: 30px;
border: 16px solid transparent;
border-left: 27px solid #96CA03;
transition: all 500ms ease-in-out;
}

section.program-sec-04 .p-video-box .thumb {
border-radius: 40px;
overflow: hidden;
position: relative;
min-height: calc( 30vh + 10vw );
width: 100%;
transform: scale(.9);
z-index: 5;
transition: all 500ms ease-in-out;
}

section.program-sec-04 .p-video-box .thumb img {
transform: scale(1.1);
transition: all 500ms ease-in-out;
}

section.program-sec-04 .p-video-box .thumb video {
/* width: 100%; */
height: 98%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) scale(1.1);
transition: all 500ms ease-in-out;
}

section.program-sec-04 .p-video-box:hover {
transition: all 500ms ease-in-out;
}

section.program-sec-04 .p-video-box:hover:after {
width: 100%;
height: 100%;
box-shadow: 0px 0px 0px 0px #ffffff;
transition: all 500ms ease-in-out;
}

section.program-sec-04 .p-video-box:hover .thumb {
transform: scale(1);
filter: grayscale(100);
transition: all 500ms ease-in-out;
}

section.program-sec-04 .p-video-box:hover .play-icon:before {
left: 30px;
transform: scale(1);
transition: all 500ms ease-in-out;
}

section.program-sec-04 .p-video-box:hover .play-icon:after {
transform: scale(15);
transition: all 500ms ease-in-out;
}

section.program-sec-05 h2{margin-bottom:10px;}
section.program-sec-05 .accordion {
border: none;
}

section.program-sec-05 .accordion .card {
padding: 0px 0px;
margin-bottom: 10px;
background: transparent;
border: none;
border-bottom: 1px solid rgb(255 255 255 / 50%);
border-radius: 0px;
text-wrap: inherit !important;
}

section.program-sec-05 .accordion .card-header {
padding: 0px;
background: none;
border: none;
text-wrap: inherit !important;
}

section.program-sec-05 .accordion .card-header .btn-link {
color: #ffffff;
font-weight: 500;
font-size: 24px;
padding: 15px 0px 15px 0px;
width: 100%;
text-align: left;
text-decoration: none;
border: none;
border-radius: 0px;
position: relative;
text-wrap: inherit !important;
display: inline-block;
/* opacity: .5; */
}

section.program-sec-05 .accordion .card-header .btn-link:after {
content: "";
position: absolute;
top: 45%;
right: 2px;
width: 16px;
height: 2px;
background: #fff;
transform: rotate(0deg);
opacity: 1;
transition: all .5s;
}

section.program-sec-05 .accordion .card-header .btn-link.collapsed:after {
top: 45%;
right: 2px;
transform: rotate(0deg);
transition: all .5s;
}

section.program-sec-05 .accordion .card-header .btn-link:before {
content: "";
position: absolute;
top: 45%;
right: 2px;
width: 16px;
height: 2px;
background: #fff;
transform: rotate(180deg);
opacity: 1;
transition: all .5s;
}

section.program-sec-05 .accordion .card-header .btn-link.collapsed:before {
top: 45%;
right: 2px;
transform: rotate(90deg);
transition: all .5s;
}

section.program-sec-05 .accordion .card-body {
color: #ffffff;
padding: 0px 0px 20px 0px;
/* background: #f7f7f7; */
/* border-bottom: 2px solid #febb11; */
}

section.program-sec-05 .accordion .card-header .btn-link[aria-expanded="true"] {
/* color: var(--color-05); */
opacity: 1;
}

section.program-sec-05 .accordion p {
font-size: 21px;
font-weight: 200;
max-width: 1366px;
}

section.program-sec-05 .accordion ul {
margin: 20px 0px 0px 0px;
padding: 0px;
list-style-type: none;
display: inline-block;
}

section.program-sec-05 .accordion ul li {
/* font-size: 21px; */
position: relative;
padding: 0px 0px 20px 40px;
}

section.program-sec-05 .accordion ul li:after {
content: "";
position: absolute;
top: 8px;
left: 0;
width: 20px;
height: 20px;
background: url("../elements/tick-star-orange.svg") no-repeat center center;
background-size: cover;
/* filter: hue-rotate(147deg) brightness(2); */
filter: invert(1);
}

section.program-sec-05 .accordion ul li strong {
color: var(--color-05);
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width : 320px) and (max-width : 480px) {
	

	.hero-sec-01{min-height:auto;padding-bottom: 30px;}

	section.program-sec-02 .tennis-program{padding: 30px 20px;height: auto;margin-top: 30px;}
	section.program-sec-02 .tennis-program .tp-heading{padding-bottom: 0px;margin-bottom: 0px;}
	section.program-sec-02 .tennis-program .tp-heading h3{}
	section.program-sec-02 .tennis-program .tp-heading h4{font-size: 18px;margin-bottom: 10px;}
	section.program-sec-02 .tennis-program .tp-details{padding: 20px 0px;}

	section.program-sec-02 .tennis-program .tp-data{min-height: auto;margin-bottom: 20px;}

	section.program-sec-04 .p-video-box{}
	section.program-sec-04 .p-video-box .thumb{min-height: 280px;border-radius: 20px;}
	section.program-sec-04 .p-video-box .play-icon{width: 50px;height: 50px;}
	section.program-sec-04 .p-video-box .play-icon:after{top: 14px;left: 20px;border: 10px solid transparent;border-left: 17px solid #96CA03;}
	section.program-sec-04 .p-video-box .play-icon:before{top: 15px;left: 20px !important;border: 10px solid transparent;border-left: 17px solid #274581;}
	section.program-sec-02.bd_pd .pt-5{padding-top:0px !important;}
	
	section.program-sec-05 h2{margin-bottom:10px !important;}
	section.program-sec-05 .col-md-12.pt-5{padding-top:0px !important;}
	section.program-sec-05 .accordion .card-header .btn-link{font-size: 16px;line-height: 1.2;padding-right: 20px;}
	section.program-sec-05 .accordion p{font-size:15px;padding-right:10px;}
}