/*
Template Name: Athletics
File: Layout CSS
Author: TemplatesOnWeb
Author URI: https://www.templateonweb.com/
Licence: <a href="https://www.templateonweb.com/license">Website Template Licence</a>
*/


/*********************program****************/
.explore_2_left_inner2 ul img{
	border:3px solid var(--bs-white);
}
.program_1_left .tags a {
    background: var(--bg_primary_light);
	 padding: 9px 12px;
}
.icon_1{
	width: 50px;
    height: 50px;
    line-height: 50px;
}
/*********************program_end****************/



@media screen and (max-width : 767px){
.program_1 p{
	width:100%!important;
}
.explore_2_left_inner2 {
	position:static!important;
	margin-top:15px;
	background:var(--black_transparent_dark);
}
.explore_2_left_inner3 {
	position:static!important;
	margin-top:15px;
	background:var(--black_transparent_dark);
}
.program_dt1_left{
	margin-top:10px;
	margin-bottom:10px;
	border:none!important;
}

.program_dt3{
	padding-left:0!important;
	padding-right:0!important;
}
.contact_1_left .font_60{
	font-size:40px;
}
.contact_1_right{
	padding:30px 15px!important;
}
.contact_1_left{
	padding-right:0!important;
	padding-left:0!important;
}
 }

 /* --- MOBILE RESPONSIVE FIXES --- */
@media (max-width: 767.98px) {
    
    /* 1. Resize the Big Heading */
    /* .font_60 is likely 60px on desktop. We reduce it to 32px on mobile */
    .contact_1_left .font_60 {
        font-size: 25px !important; 
        line-height: 1.2;
    }

    /* 2. Resize the Contact Text (Email & Phone) */
    /* The .fs-5 class (approx 20px) is too big for mobile. We reduce to 16px. */
    .contact_1_left .fs-5 {
        font-size: 12px !important;
    }

    /* 3. Prevent the Email from breaking the width */
    /* This forces the long email to snap to the next line if it hits the screen edge */
    .contact_1_left a {
        word-break: break-all; 
        display: inline-block; /* Ensures the break works properly */
    }

	
    /* 4. Adjust Icon Size (Optional) */
    /* Reduce the icon box slightly to save space */
    /* .contact_1_left .icon_1 {
        font-size: 1.2rem !important; 
        padding: 10px !important; 
    } */
}


@media (min-width:576px) and (max-width:767px) {

 }
 
@media (min-width:768px) and (max-width:991px) {
.program_dt1_left{
	border:none!important;
	margin-top:10px;
	margin-bottom:10px;
}
.contact_1_right {
	padding:20px 15px!important;
}

 }

@media (min-width:992px) and (max-width:1200px) {
.program_dt1_left  .fs-5{
	font-size:15px!important;
}
.contact_1_right {
	padding:30px 25px!important;
}
 }

@media (min-width:1201px) and (max-width:1350px) {

 }
@media screen and (min-width : 1400px){

 }