.overview-banner{
            position:relative;
            margin-bottom: 30px;
        }
        .overview-banner img{
            width:100%;
        }
        .overview-banner .overview-centered{
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            color: #fff;
            font-size: 45px;
            font-weight: 550;
            text-transform: uppercase;
        }
        .planning-banner img {
            width: 100%;
            height: 500px;
            object-fit: cover;
        }
        .palnning-type {
            padding: 1.5rem;
        }
        .starend-view h4 {
            font-size: 16px;
            font-weight: 600;
            color: #1e1e1e;
        }
        .starend-view {
            text-align: center;
        }
        .starend-view p {
            font-size: 15px;
            font-weight: 500;
            color: #dc1717;
            margin-bottom: 0;
        }
        .starend-view button.btn {
            font-size:14px;
            background: #1d4c84;
            border-color:#1d4c84;
            padding: 8px 18px;
            margin: 13px 2px;
        }
        .starend-view .checked {
            color: orange;
        }
        .planning-course {
            box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
            margin-bottom: 30px;
        }
        .starend-right {
            border-right: 1px solid #d1d1d1;
        }
        .media {
            display: flex;
            align-items: flex-start;
            margin-bottom: 25px;
        }
        /* .fa-icons {
            border-radius: 50%;
			color: #fff;
			background: #2966ad;
			padding: 5px 10px 5px;
			border: 3px solid #dcd8d8;
        } */
        /* .media span.fa{
			font-size:32px;
        } */
		 .media span.fa {
			border-radius: 50px;
			color: #fff;
			background: #2966ad;
			padding: 15px;
			font-size: 20px;
			border: 3px solid #dcd8d8;
		}
        .mediabtm i.fa {
			font-size: 32px;
		}
		.starend-view .btn-primary:focus {
			box-shadow: none;
			outline: 0;
		}
        .icons-cont {
            margin: 10px 0 0 20px;
        }
        .icons-cont p{
            margin-bottom:0;
        }
        .icons-cont strong {
			font-size: 15px;
			color: #1e1e1e;
		}
		.icons-cont p span {
			font-size: 15px;
			font-weight: 400;
			color: #1e1e1e;
		}
		
		
		/* -----------------overview tab---------------- */
		
		
		.tab-heading p{
			font-size: 24px;
			color: #1e1e1e;
			font-weight: 600;
		}
		.course-tab .tabbed {
			overflow-x: hidden;
			margin: 32px 0;
			box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
		}
		.course-tab .tabbed [type="radio"] {
			display: none;
		}
		.course-tab .tabs {
			display: flex;
			align-items: stretch;
			list-style: none;
			padding: 0;
			background: #eeeeee;
			border-top: 1px solid #ccc;
			margin-bottom: 0;
		}
		.course-tab .tab > label {
			display: block;
			margin-bottom: -1px;
			padding: 15px 15px;
			border-right: 1px solid #ccc;
			background: #eee;
			color: #666;
			font-size: 12px; 
			font-weight: 600;
			text-transform: uppercase;
			letter-spacing: 1px;
			cursor: pointer;	
			transition: all 0.3s;
		}
		.course-tab .tab:hover label {
			border-top-color: #333;
			color: #333;
		}
		.course-tab .tab-content {
			display: none;
			color: #777;
			padding: 20px;
		}
		.course-tab .tab-content p {
			font-size: 14px;
			font-weight: 400;
			color: #1e1e1e;
			margin-bottom: 0;
		}
		/* As we cannot replace the numbers with variables or calls to element properties, the number of this selector parts is our tab count limit */
		.course-tab .tabbed [type="radio"]:nth-of-type(1):checked ~ .tabs .tab:nth-of-type(1) label,
		.course-tab .tabbed [type="radio"]:nth-of-type(2):checked ~ .tabs .tab:nth-of-type(2) label,
		.course-tab .tabbed [type="radio"]:nth-of-type(3):checked ~ .tabs .tab:nth-of-type(3) label,
		.course-tab .tabbed [type="radio"]:nth-of-type(4):checked ~ .tabs .tab:nth-of-type(4) label,
		.course-tab .tabbed [type="radio"]:nth-of-type(5):checked ~ .tabs .tab:nth-of-type(5) label {
			border-bottom-color: #fff;
			border-top-color: #2966ab;
			background: #fff;
			color: red;
		}
		.course-tab .tabbed [type="radio"]:nth-of-type(1):checked ~ .tab-content:nth-of-type(1),
		.course-tab .tabbed [type="radio"]:nth-of-type(2):checked ~ .tab-content:nth-of-type(2),
		.course-tab .tabbed [type="radio"]:nth-of-type(3):checked ~ .tab-content:nth-of-type(3),
		.course-tab .tabbed [type="radio"]:nth-of-type(4):checked ~ .tab-content:nth-of-type(4) {
			display: block;
		}
		.course-tab .tab-content h4 {
			font-size: 18px;
			color: #1e1e1e;
			font-weight: 600;
		}
		.course-tab .tab-content li {
			font-size: 14px;
			font-weight: 400;
			color: #1e1e1e;
		}
		.course-tabcont {
			padding: 0 0rem 0 2rem;
		}
		.course-tab .tab span {
			font-size: 14px;
			margin-right: 5px;
		}
		.media-body {
			margin-top: 5px;
			margin-left: 30px;
		}
		.coursemodule{
			font-size:14px;
			font-weight:500;
			color:#1e1e1e;
		}
		.coursenum{
			font-size:15px;
			font-weight:600;
			color:red;
		}
		.overview-cont{
			border: 1px solid #d1d1d1;
		}
		.overview-cont .media{
			margin-bottom:10px;
		}
		.bordercourselist{
			border-left: 1px solid #d1d1d1;
		}


		/* ----------------- curiculum tabs ---------------- */

		.curiculum .tab {
			overflow: hidden;
			border: 1px solid #ccc;
			background-color: #f1f1f1;
		}
		.curiculum .tab button {
			background-color: inherit;
			float: left;
			border: none;
			outline: none;
			cursor: pointer;
			padding: 15px 15px;
			transition: 0.3s;
			font-size: 16px;
		}
		.curiculum .tab button:hover {
			background-color: #ddd;
		}
		.curiculum .tab button.active {
			background-color: #2965ad;
			color:#ffffff;
		}
		.curiculum .curiculum-content {
			display: none;
			padding: 20px;
			border: 1px solid #ccc;
			border-top: none;
		}
		.curiculum-content button.accordion-button {
			border-radius:0 !important;
			background: #3963ab54;
			color: #1e1e1e;
		}
		.curiculum-content button.accordion-button:hover {
			background: #3963ab9c;
			color: #ffffff;
		}
		.curiculum-content button.accordion-button:focus{
			box-shadow:none;
			outline:0;
		}
		.curiculum-content .accordion-item {
			margin-bottom: 10px;
		}
		.accordion-cont {
			padding: 15px 15px 0;
		}
		.accordion-cont ul li {
			list-style: none;
			margin-bottom:15px;
		}
		.accordion-cont ul li img {
			vertical-align: bottom;
		}
		
		/* ----------------- course-dates tabs ---------------- */
		
		.coursedates-tabs {
			display: flex;
			flex-wrap: wrap;
			font-family: sans-serif;
			border:1px solid #ccc;
		}
		.coursedates-tabslabel {
			font-size: 12px;
			font-weight: 600;
			color: #666;
			text-transform: uppercase;
			letter-spacing: 1px;
			padding: 15px 15px;
			cursor: pointer;
			background: #eeeeee;
			border-right: 1px solid #ccc;
		}
		.coursedates-tabslabel:hover {
			color: #333;
		}
		.course-dates .tabs__radio {
			display: none;
		}
		.coursedates-tabscontent {
			order: 1;
			width: 100%;
			line-height: 1.5;
			font-size: 0.9em;
			display: none;
			border-top:1px solid #ccc;
		}
		.course-dates .tabs__radio:checked + .coursedates-tabslabel {
			font-weight: 600;
			color:#1d4c84;
			border-bottom: 2px solid #1d4c84;
			background: #ffffff;
		}
		.course-dates .tabs__radio:checked + .coursedates-tabslabel + .coursedates-tabscontent {
			display: initial;
		}
		.coursedates-tabscontent {
			padding: 20px;
		}
		.coursedates-table table {
			font-family: arial, sans-serif;
			border-collapse: collapse;
			width: 100%;
		}

		.coursedates-table td{
			color: #1e1e1e;
			border: 1px solid #dddddd;
			text-align: left;
			padding: 8px;
		}
		.coursedates-table td:first-child{
			width:30%;
			vertical-align: baseline;
		}
		.coursedates-table tr:nth-child(even) {
			background-color: #dddddd;
		}
		.course-dates .overall-module h5 {
			font-size: 16px;
			font-weight: 600;
			color: #1e1e1e;
		}
		.overall-module .module-desc p {
			font-size: 14px;
			font-weight: 500;
			color: #1e1e1e;
			margin-bottom: 5px;
		}
		.course-dates td.batch-desc {
			padding: 20px 10px;
		}	
		.coursedates-table button.accordion-button{
			padding: 10px;
			background: #1d4c84;
			color: #ffffff;
		}
		.coursedates-table button.accordion-button:focus{
			box-shadow:none;
			outline:0;
		}
		.coursedates-table .accordion-body p {
			font-size: 16px;
			font-weight: 600;
			color: #1e1e1e;
		}
		.coursedates-table .accordion-button::after {
			filter: brightness(0) saturate(100%) invert(93%) sepia(93%) saturate(0%) hue-rotate(245deg) brightness(108%) contrast(107%);
		}
		.coursedates-tables .accordion-body p {
			font-size: 16px;
			font-weight: 500;
			color: #1e1e1e;
		}
		.coursedates-table .accordion-body table td:first-child {
			width: auto;
		}
		.coursedates-table .accordion-body table tr:nth-child(even) {
			background: #ffffff;
		}
		.coursedates-table .accordion-body table td:first-child {
			font-weight: 600;
			color: #1e1e1e;
		}
		.coursedates-table .module-desc{
			margin-bottom:1rem;
		}
		.fa-icons::before {
			display:none;
		}
		
		
		@media(max-width:991px){
			.media{
				flex-wrap:wrap;
				justify-content:center;
			}
			.icons-cont p {
				text-align:center;
			}
			.starend-right {
				border-right: 0;
				border-bottom: 1px solid #d1d1d1;
				padding: 20px;
			}
			.starend-view button.btn {
				margin: 25px 0 0;
			}
			.mediabtm {
				flex-wrap: nowrap;
			}
			.coursenum {
				font-size: 13px;
			}
		}
		
		@media(max-width:767px){
			.media {
				justify-content:inherit;
			} 
			.course-tab li.tab {
				width: 100%;
			}   
			.course-tab .tabs{
				flex-wrap:wrap;
			}
			.planning-banner img {
				height: 200px;
			}
			.overview-banner img {
				height: 120px;
			}
			.overview-banner .overview-centered{
				font-size:20px;
			}
		}