/* -------------
   COMMON CSS
   ---------------- */
   .text-left { text-align: left; }
   .text-right { text-align: right; }
   .border-r { border-right: 1px solid; }
   .d-flex {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
   }
   .row { margin: 0; }
   .pl-0 { padding-left: 0; }
   .d-flex-wrap {
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
   }
   .d-align-item {
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      /* align-items: center;  */
      align-items: flex-start; 
   }
   .d-justify-c { justify-content: center; }
   .d-justify-sb { justify-content: space-between; }
   .d-justify-fe { justify-content: flex-end; }
   .button { /* background-color: #0cb397; */ color: #fff; text-transform: uppercase; font-weight: bold; }
   .button:hover { background: #000; color: #fff; text-decoration: none; }
   .sec-height { height: 200px; }
   a { text-decoration: none; }

   @media screen and (max-width: 991px) {
      .tab-hide { display: none; }
      .container { width: 100%; max-width: 100%; }
   }

   /* -------------
   HEADER CSS
   ---------------- */
   .site-header li { list-style-type: none; }
   .Club-Logo img { max-width: 130px; max-height: 130px; }
   /* .Club-Logo a { display: block; } */
   .Club-Logo a:-webkit-any-link:focus-visible { outline: none; }

   .navigation ul { margin-bottom: 0; }
   .navigation li { line-height: initial; list-style-type: none; padding: 10px 18px; margin: 0 5px; }
   .navigation li a { padding: 0; text-decoration: none; color: #fff; font-size: 16px; font-weight: lighter; letter-spacing: 1px; }
   .navigation li a:focus { padding: 0; }
   .navigation .dropdown .fa-angle-down { /* margin-right: 5px; */ top: 14px!important; }
   .navbar .dropdown ul a { padding: 0!important; }
   .navigation .dropdown.active .fa-angle-down { right: 6px!important; }
   .navigation .active { padding: 10px 20px 10px 13px; border: 1px solid #fff; border-radius: 14px; }
   .desktop-navigation .navigation .button { padding: 12px 24px; border-radius: 18px; line-height: 28px; }
   .desktop-navigation .navigation .button a { font-size: 16px; font-weight: normal; line-height: 16px; }

   @media screen and (max-width: 990px) {
      #navbar { display: block!important; }
      .navigation .active:hover { border: none; }
      .desktop-navigation { /* padding: 20px 0; */ background-color: #0f181d!important; }
      .navbar .dropdown.level_1_menu_custom_class_0:hover ul,
      .navbar .dropdown.level_1_menu_custom_class_1:hover ul,
      /*.navbar .dropdown.level_1_menu_custom_class_2:hover ul { display: block!important; box-shadow: none; }*/
      .navbar .dropdown.level_1_menu_custom_class_2:hover ul { /*display: block; box-shadow: none;*/ }

      .desktop-navigation a.icon { right: 30px!important; top: 55px!important; }
   }

   /* -----------------
   Mobile Navigation
   -------------------- */
   .mobile-navigation .topnav { overflow: hidden; background-color: #333; position: relative; }
   .mobile-navigation .topnav #myLinks { display: none; padding: 20px 0; }
   .mobile-navigation .topnav a { color: white; padding: 5px 16px; text-decoration: none; font-size: 17px; display: block; }
   .mobile-navigation .topnav a.icon { display: block; position: absolute; right: 0; top: 30px; }
   .mobile-navigation .button { max-width: 100px; margin-left: 16px; border-radius: 5px; }

   /* -----------
   Slider CSS
   ---------------- */
   .carousel-inner > .item > img,
   .carousel-inner > .item > a > img { width: 100%; margin: auto; }
   .Image-Slidershow .carousel-item img { width: 100%; }
   .Image-Slidershow .carousel-caption {
       top: 44%;
       transform: translate(0, -50%);
       bottom: initial;
       left: 0;
       width: 100%;      
   }
   .Image-Slidershow .carousel-caption h3 {
      font-size: 52px;
      font-weight: bold;
      text-transform: uppercase;
   }
   .carousel-indicators button { background: #fff; border: 2px solid #fff; margin: 0 2px; }
   .carousel-indicators button:focus-visible,
   .carousel-indicators button:focus { outline: none; }

@media screen and (max-width: 768px) {
   .Image-Slidershow .carousel-item img { height: 60vh; }
   .Image-Slidershow .carousel-caption { top: 25%; }   
}

@media screen and (max-width: 579px) {
   .Image-Slidershow .carousel-caption h3 { font-size: 36px; max-width: 250px; margin: 0 auto; }
}

   .join-us-img { position: absolute; bottom: 60px; letter-spacing: normal; left: 0; right: 0; text-align: center; }
   .join-us-img-other { position: absolute; /* top: 160px; */ bottom: 60px; letter-spacing: normal; left: 0; right: 0; text-align: center; }
@media screen and (max-width: 1024px) {
   .join-us-img, .join-us-img-other {display: none;} 
}
   
   .join-us-img p,.join-us-img-other p {
      border: 1px solid #fff;      
      width: 145px;
      height: 145px;
      margin: 0 auto;
      border-radius: 50%;
      display: flex;
      align-items: center;
      text-align: center;
      justify-content: center;
   }
   .join-us-img a {
      border: 2px solid #0cb397;
      text-decoration: none; 
      width: 100px;
      height: 100px;
      margin: 0 auto;
      border-radius: 50%;
      display: flex;
      align-items: center;
      text-align: center;
      justify-content: center;
   }
   .join-us-img-other a {
      border: 2px solid #0cb397;
      text-decoration: none; 
      width: 100px;
      height: 100px;
      margin: 0 auto;
      border-radius: 50%;
      display: flex;
	  flex-direction: column;
      align-items: center;
      text-align: center;
      justify-content: center;
   }
   .join-us-img a .fa,.join-us-img-other a .fa { color: #fff; }
   .join-us-img p span.title,.join-us-img-other p span.title { font-size: 14px; color: #fff; font-weight: bold; text-transform: uppercase; }
   .join-us-img p .icon,.join-us-img-other p .icon { position: absolute; left: 0; right: 0; bottom: 40px; }
   .join-us-img p .icon svg,.join-us-img-other p .icon svg { color: #fff; width: 10px; height: 10px; }

   /* ------------
   WELCOME IMG WITH TEXT
   --------------- */
   .pricing { border-bottom: 1px solid #000; }
   .welcomeimgwithtext { padding: 30px 0 70px; }
   .welcomeimgwithtext .welcometextblock h3 { font-size: 19px; font-weight: 500; text-transform: uppercase; /*color: #0cb397*/; margin: 0 0 25px; }
   .welcomeimgwithtext p { font-size: 18px; line-height: 22px; }
   .welcomeimgwithtext .imgwithtextcol h2 { text-transform: uppercase; margin: 30px 0 50px; font-size: 40px; }
   .imgwithtextcol p { font-size: 16px; letter-spacing: initial; }
   .welcomeimgwithtext a.button { padding: 14px 26px; border-radius: 10px; }
   .welcomeimgwithtext h4 { position: relative; /*color: #0cb397;*/ font-size: 18px; font-weight: 500; text-transform: uppercase; margin-bottom: 15px; }
   .welcomeimgwithtext h4 span { background-color: white; padding-right: 20px; }
   .welcomeimgwithtext .imgwithtextcol .text-right h4 span { padding-right: 0; padding-left: 20px; }      
   .welcomeimgwithtext h4:after { content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 0.5em; border-top: 2px solid #dbe7e3; z-index: -1; }
   .welcomeimgwithtext .VideoImgOutter { border: 1px solid #ebe5e5; width: 420px; height: 420px; margin: 0 auto; border-radius: 50%; display: flex; align-items: center; text-align: center; justify-content: center; }
   .welcomeimgwithtext .VideoImgInner { border: 1px solid #ebe5e5; width: 340px; height: 340px; margin: 0 auto; border-radius: 50%; display: flex; align-items: center; text-align: center; justify-content: center; }
   .welcomeimgwithtext .buttonblock { margin-top: 70px; }
   .welcomeimgwithtext .buttonblock a { font-size: 18px; letter-spacing: 1px; font-weight: 500; display: block; max-width: 220px; margin: auto; }

   /* --------------
   IMAGE WITH TEXT
   ------------------ */
   .EventUpdateTextBlock { max-width: 500px; }
   .EventUpdateTextBlock p { font-size: 17px; line-height: 24px; }   
   .EventUpdateTextBlock h2 { text-transform: uppercase; font-size: 30px; font-weight: 500; }
   .EventUpdateTextBlock .buttonblock { margin-top: 40px; }

   @media screen and (min-width: 1024px) {
      .EventUpdateTextBlock { padding-left: 20px; margin-top: 40px; }
   }

   @media screen and (max-width: 991px) {
      .EventUpdateTextBlock .buttonblock { text-align: left!important; margin-bottom: 40px; }
   }

   /* ------------------
   FOUR COUMN SECTION
   -------------------- */
   .FourColumnSec { padding: 100px 0; background: #f3f3f3; }
   .FourColumnSec .columnBlock { position: relative; background-color: #fff; padding: 70px 26px; text-align: center; }
   .FourColumnSec .columnBlock:hover { background-color: #0cb397; }
   .FourColumnSec .columnBlock p { color: #A2A2A2; font-size: 17px; line-height: 22px; }
   .FourColumnSec .columnBlock:hover h3 ,
   .FourColumnSec .columnBlock:hover p { color: #fff; }
   .FourColumnSec .columnBlock a { color: #000; }
   .FourColumnSec .columnBlock a span .fa { position: relative; top: 8px; }
   .FourColumnSec .columnBlock h3 { font-size: 26px; line-height: 26px; margin-bottom: 20px; text-transform: uppercase; }
   a.bottom_arrow { position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 0%); height: 28px; width: 48px; border-radius: 150px 150px 0 0; background-color: #f3f3f3; }
   a.bottom_arrow svg { position: relative; left: 0; right: 0; top: 4px; height: 12px; }
   a.bottom_arrow svg path { fill: #000; }

   @media screen and (max-width: 991px) {
      .FourColumnSec .ColBlock { margin-bottom: 30px; }
   }   

   /* --------------
   LEFT IMG WITH TEXT
   -------------------- */
   .LeftImgWithTextSec .buttonblock a { font-size: 14px; font-weight: 500; padding: 10px 16px; border-radius: 20px; }
   .LeftImgWithTextSec .ImgBlock { padding-left: 0; }
   .LeftImgWithTextSec img { width: 100%; }

   /* -------------
   UPCOMING EVENT
   ------------------- */
   .UpcomingEventsSec { position: relative; padding: 50px 0; }
   .UpcomingEventsSec h3 { font-size: 38px; line-height: 38px; text-transform: uppercase; margin-bottom: 60px; }   
   .UpcomingEventsSec .EventBlock { box-shadow: 0px 3px 6px #00000029; }
   .UpcomingEventsSec .EventBlock a:hover { display: block; background: #6f7372; opacity: 0.8; }
   .UpcomingEventsSec .EventBlock img { /* width: 100%;  */ max-width: 100%; height: 200px; width: auto;}
   .UpcomingEventsSec .EventBlock .TextBlock { padding: 30px; }
   .UpcomingEventsSec .EventBlock .TextBlock h6 { font-size: 20px; line-height: 20px; margin-bottom: 10px; }
   .UpcomingEventsSec .EventBlock .date p { font-size: 17px; line-height: 19px; margin-bottom: 20px; }
   .UpcomingEventsSec .EventBlock .text p { font-size: 16px; line-height: 22px; color: #A2A2A2; }
   .UpcomingEventsSec .EventBlock .location { background-color: #E8E8E8; padding: 10px 30px; }
   .UpcomingEventsSec .EventBlock .location p { color: #A2A2A2; margin-bottom: 0; }
   .UpcomingEventsSec .EventBlock .location p span { color: #000; padding-left: 5px; }

   .UpcomingEventsSec .btn.btn-primary { background-color: transparent; border: none; padding: 0; }
   .UpcomingEventsSec .btn.btn-primary img { max-width: 30px; max-height: 30px; border: 1px solid #000; border-radius: 100px; padding: 4px; }

   /*-----------------
   BLOG SECTION
   ------------------- */
   .BlogSection { padding: 50px 0; background: #f3f3f3; }
   .BlogSection .sec_title h6 { color: #888888; text-transform: uppercase; margin-bottom: 30px; }
   .BlogSection .sec_title h3 { font-size: 40px; text-transform: uppercase; margin-bottom: 50px; }
   .BlogSection .EventBlog { width: 100%; height: 100%; box-shadow: 0px 3px 6px #00000029; }
   .BlogSection .EventBlog img { /* width: 100%; */ /* object-fit: contain; */ max-width: 100%; height: 200px; width: auto;}
   .EventBlogImg {text-align: center;}
   .BlogSection .EventTextBlog { padding: 20px; }
   .BlogSection .EventTextBlog h4 { text-transform: uppercase; text-align: center; font-size: 20px; line-height: 26px; margin-bottom: 30px; }
   .ipad_visible_blog .row{margin:0 10px;}

   /* -----------------
   SPONSORS
   -------------------- */
   .SponsorsSec { padding: 50px 0; }
   .SponsorsSec h3 { font-size: 42px; line-height: 44px; margin-bottom: 40px; text-transform: uppercase; }
   .SponsorsSec .col-md-2 { border-right: 1px solid #dbd9d9; }
   .SponsorsSec .col-md-2:last-child { border: none; }
   .SponsorsSec img { max-width: 150px; }

   /* -----------
   ABOUT US
   ------------- */
   .AboutUsSec { padding: 50px 0; background: #f3f3f3; }
   .AboutUsSec .col-lg-4 { border-right: 3px solid #00ab67; }
   .AboutUsSec .col-lg-4:last-child { border: none; }

   /* ------------
   PORTFOLIO
   ---------------- */
   .portfolio { padding-top: 50px; }
   .portfolio .section-title { margin-bottom: 40px; }
   .portfolio .section-title h2 { text-transform: uppercase; font-size: 40px; font-weight: 500; }
   .portfolio .portfolio-item.filter-app:last-child { padding-right: 0!important; }
   .portfolio .portfolio-img .img-fluid { width: 100%; }

   /* -------------
   NEWSLETTER
   --------------- */

   .newsletter_sec { /*background-color: #f3f3f3;*/ padding: 50px 0 30px; }
   .newsletter_sec a:hover { text-decoration: none; }
   .newsletter_sec .hdText { font-size: 32px; line-height: 34px; font-weight: 600; /*color:#34a675;*/ }
   .newsletter_sec .SpaceR { /*color: #34a675;*/ color: #fff; margin-bottom: 5px; }
   .newsletter_sec .SmalTxt { font-size: 16px; /* color: #34a675; */ color: #fff; font-weight: 500; }
   /* .newsletter_sec .mr-G { border-right: 3px solid #0cb397; } */
   .newsletter_sec .mr-G { border-right: 3px solid #fff; }
   
   @media (max-width: 768px) {
	  .newsletter_sec .mr-G {
		border: none;
	  }
	}

   /* -------------
   GALLERY
   --------------- */
   .GallerySec img { width: 100%; height: 100%; }
   .GallerySec h3 { font-size: 44px; text-align: center; text-transform: uppercase; margin: 30px 0; }

   /* -------------
   SOCIAL BANNER
   --------------- */
   .SocialBannerSec { position: relative; }
   .SocialBannerSec .SocialBannerImg { background-image: url('file:///D:/Shamali/Club%20Homepage/AbcHomepage/images/socialbannerimg.jpg'); 
      background-size: cover; background-repeat: repeat; width: 100%; height: 515px; 
   }
   .SocialBannerSec .SocialTextBlock { width: 100%; position: absolute; top: 30px; left: 0; right: 0; }
   .SocialBannerSec .SocialBlockInnerDiv-3 .col-lg-3 { padding: 0; }
   .SocialBannerSec .col-lg-3 img { width: 100%; max-width: 60px; }
   .SocialBlockOuterDiv { background-color: #fff; border: 4px solid #fff; }
   .SocialBlockOuterDiv h2 { background-color: #484445; color: #fff; padding: 12px; font-size: 22px; text-transform: uppercase; text-align: center; }
   .SocialBlockInnerDiv-3 { padding: 0 30px 30px; }
   .SocialBlockInnerDiv-3 .row { border-bottom: 1px solid; padding: 30px 0; }
   .SocialBlockInnerDiv-3 .row:last-child { padding-bottom: 0; border-bottom: none; }
   .SocialBlockInnerDiv-3 .col-lg-9 h3 { font-size: 20px; font-weight: bold; }
   .SocialBlockInnerDiv-3 p { margin: 0; }

   /* ------------
   FOOTER
   --------------- */
   footer { background-color: #383838; }
   footer li { list-style-type: none; }
   footer .SocialIconBlock { padding: 40px 0; border-bottom: 1px solid #898787; }
   footer .SocialIconBlock li a { color: #fff; text-transform: uppercase; margin-right: 10px;}
   footer .SocialIconBlock .social-icon li {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; 
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;    
   }
   footer .Footer-Logo img { max-width: 120px; }
   footer .FooterLogoAndMenu { padding: 20px 0; position: relative; }
   footer .Footer-SocialLink span { padding: 0 15px; }
   footer .FooterLogoAndMenu li a { font-size: 17px; color: #898787; }
   .copyright-text p { color: #898787; }
   .back-to-top { position: fixed; bottom: 25px; right: 25px; display: none; border-radius: 0; padding: 10px 16px; font-size: 12px; border: 0;}
   .back-to-top svg { width: 10px; height: 10px; }

   /* -----------
   Media CSS
   ---------------- */
   @media screen and (min-width: 1280px) {
      footer .SocialIconBlock .social-icon img { max-width: 65px; }
      footer .SocialIconBlock .social-icon span { padding-left: 10px; }
   }
   @media screen and (min-width: 1221px) {
     /*.copyright-text { position: absolute; right: 0; bottom: 0; }*/
      .mobile-navigation { display: none; }
      .site-header { position: absolute; top: 0px; left: 0; right: 0; z-index: 1; width: 100%; padding-top: 30px; }
      .mobilenavtoggleicon { display: none; }
   }
   @media screen and (max-width: 1280px) {
      .navigation li { margin-right: 2px; }
      footer .SocialIconBlock .social-icon img { max-width: 40px; }
      footer .SocialIconBlock .social-icon span { padding-left: 5px; }
   }
   @media screen and (max-width: 991px) {
      .Footer-SocialLink ul { justify-content: start; }
      /*.desktop-navigation { display: none; }*/
      .mobilenavtoggleicon a { color: #fff; }
      .Image-Slidershow .carousel-caption { top: 30%; }
   }
   @media screen and (max-width: 579px) {
      .Footer-SocialLink ul { display: block!important; }   
      .Footer-SocialLink li span { display: none; }
      footer .FooterLogoAndMenu { text-align: center; }
   }
.memberonly .yes_side{
	/* width: 100% !important; */
}
.memberonly .sidebar_inn, .memberonly .login_topround, .memberonly .s_centre, .memberonly .botsround_2{
	/* width: 398px !important; */
}
.RegisterMainWrapper .registerTopRound{
	height: auto;
}
@media screen and (max-width:1200px) {
	.MenuIconMobile {
        display:block !important;
        /*background:#ed1b24;*/
        padding:10px 0
    }
    .IconWrap {
        /*background:#ed0000;*/
        padding:5px;
        width:35px;
        margin:0 auto;
        cursor:pointer;
        border-radius:5px
    }
    .IconWrap > span {
        cursor:pointer;
        width:20px;
        height:4px;
        background:#fff;
        display:block;
        margin:3px auto
    }
    #main-menu {
        display:none
    }
}
.new_boxcontent_child_text, .qlinks_p, .st5_tiles_content{
	font-size: 14px;
}
nav .btn{
	text-align: left;
}

.btn-primary, .btn-primary:hover{
	background-color: transparent;
	border-color: transparent;
	padding: 0;
}
.src_right, .newinput_evenfild {
  box-sizing: initial !important; /* or box-sizing: content-box; */
}
.responcebox, .topG_panel, .calculator-cls{
	box-sizing: content-box;
}

label{
	margin-bottom: unset;
}
input[type="radio" i] {
	margin: 5px 3px 0 5px;
}
h1, h2{
	font-size: 2em;
}
.s_topround .yes{
	padding: 0px 0 0 80px !important;
}
.count{
	margin: 0px 15px 0px 0px;
}
#main-menu>li>a{
	padding: 10px 15px;
}
.pagination a, .pagination_photo span.current{
	margin-top: 10px;
}
#UpcomingEventsCarouselDesc a:hover{
	text-decoration: none;
}
#UpcomingEventsCarouselDesc a, #UpcomingEventsCarouselMobile a , #UpcomingEventsCarouselIpad a {
	color: inherit;
	text-decoration: none;
	
}

.EventBlock1.EventBlock {
	display: flex;
	flex-direction: column;
	height: 100%;
	border: 1px solid #ddd; /* optional: for visual check */
	/*padding: 10px;*/
	box-sizing: border-box;
}
.TextBlock {
	flex-grow: 1;
}
/* One-line truncation with ellipsis */
.truncate-one-line{
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;

	line-height: 1.5;          /* Adjust for vertical rhythm */
	padding-bottom: 5px;       /* Add breathing room for descenders */
}

.truncate-one-line-description{
	display: -webkit-box;
	-webkit-line-clamp: 1;     /* Number of lines */
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
.carousel-indicators {
	margin: 0;
}
.sponsor_inner{
	padding: 10px 0;
}
@media only screen and (max-width: 768px){
.row_pace_cal{
	box-sizing: border-box;
}
}
@media only screen and (max-width: 480px){
	.row_pace_cal{
		width: 300px !important;
		margin: 0 auto !important;
		padding: 0!important;
	}
}
.mrt_5{
	margin-right: 5px;
}
.fa{
	font-size: 14px !important;
}
#other_carousel_no_banner_parent{
	min-height:400px;
}
#other_carousel_no_banner{
	height:400px; background:#eee; display:flex; align-items:center; justify-content:center;
}
@media only screen and (max-width: 768px){
	#other_carousel_no_banner_parent{
		min-height:100px;
	}
	#other_carousel_no_banner{
		height: 100px;
	}
}

.sponsorHomeBox{
	float: none;
    width: auto;
    display: inline-block;
    text-align: center;
}

.sponsorHomeBox span{
	float: none;
    margin: 0 1px 11px;
    border: 1px solid #ccc;
    padding: 3px;
    display: inline-block;
}

.sponsorHomeBox img{
	width: 145px !important;
    height: auto !important;
    float: left;
    aspect-ratio: 1 / 1;
    object-fit: contain;
}
.headre{
	font-size: 14px;
}

.st5_tiles .headre a{
	color: #685757;
}
.SponsorSectionCarouselIpadInnRow{
	width: 90%;
	margin: auto
}
.custom-carousel-item {
    position: relative;
}
.custom-carousel-caption{
	position: absolute;
    right: 15%;
    /* z-index: 10; */
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
}
.custom-carousel{
	position: relative;
}

.custom-container {
   width: 90%;
   max-width: 1140px;
   margin: 0 auto;
    margin-right: auto;
    margin-left: auto;
    padding-right: 15px;
    padding-left: 15px;
    width: 100%;
}

.custom-row {
   display: flex;
   flex-wrap: wrap;
}

.custom-col-12 {
   width: 100%;
}

.custom-col-lg-3 {
   width: 25%;
}
.custom-col-lg-9 {
   width: 75%;
}
.custom-col-md-3,
.custom-col-md-9,
.custom-col-sm-12 {
   width: 100%;
}

/* Responsive Adjustments */
@media (min-width: 768px) {
   .custom-col-md-3 {
      width: 25%;
   }
   .custom-col-md-9 {
      width: 75%;
   }
}

@media (min-width: 992px) {
   .custom-col-lg-3 {
      width: 25%;
   }
   .custom-col-lg-9 {
      width: 75%;
   }
}

/* Flex utility classes */
.d-flex {
   display: flex;
}
.d-wrap {
   flex-wrap: wrap;
}
.justify-end {
   justify-content: flex-end;
}

.social-link {
   display: flex;
   align-items: center;
}

.divider {
   margin: 0 8px;
   color: #898787;
}

/* Alignment and spacing */
.text-right {
   text-align: right;
}
.social-icon-list {
   display: flex;
   flex-wrap: wrap;
   /*justify-content: center;*/
   gap: 15px; /* spacing between icons */
   padding: 0;
   margin: 0;
   list-style: none;
}

.social-icon-list li {
   flex: 0 1 auto;
}

.social-icon-list a {
   display: flex;
   align-items: center;
   text-decoration: none;
   color: #fff; /* or your theme color */
   gap: 8px;
   font-size: 14px;
}

.social-icon-list img {
   /*height: 30px;
   width: 30px;*/
   object-fit: contain;
}
@media (max-width: 480px) {
   .social-icon-list {
      flex-direction: column;
      align-items: center;
   }

   .social-icon-list a {
      justify-content: center;
   }
}
.custom-carousel-indicators{
	position: absolute;
    right: 0;
    bottom: 10px;
    left: 0;
    z-index: 15;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none;
}
@media (max-width: 1024px) {
	.training_program_tiles{
		padding-right: 0 !important;
		overflow: hidden;
	}
}