



	
	
	

	
	#course_header  {padding: 112px 0; overflow: hidden; background: var(--Color-Jet-Stream-Lighter⁨, #F1F9FA);}	
	#course_header .left {flex:1 1 480px; }
	#course_header .left .hl  {align-self: stretch; font-size: 40px; font-weight: 600; line-height: 48px; }
	#course_header .left .breadcrumb {padding: 0px 4px;margin:  0;list-style: none;}
	#course_header .left .breadcrumb li {display: inline;font-size: 12px;}
	#course_header .left .breadcrumb li a {color: var(--Color-Firefly, #0E2132);text-decoration: none;transition: color 0.2s ease;  line-height: 21px;}
	#course_header .left .breadcrumb li a:hover {text-decoration: underline;}
	#course_header .left .breadcrumb .separator {width: auto;height: 10px;vertical-align: middle;margin: 0 4px;  line-height: 21px;}
	#course_header .left .breadcrumb li.active {  font-size: 14px;font-weight: 600;  line-height: 21px;}

	#course_header .right img {border-radius: 16px;overflow:hidden;width:100%; height:auto;}
	@media (max-width: 900px) 
	{
		#course_header  {padding: 64px 0; }	
		#course_header .left .hl {font-size:24px;line-height:1.4}
	}	
	
	
	.references-section {max-width: 100vw;overflow: hidden;}
	.references-container {width: 100%;max-width: 1440px;margin: 0 auto;}
	.references-inner {width: 100%;padding: 80px 64px;display: flex;flex-direction: column;justify-content: flex-start;align-items: center;gap: 48px;}
	.references-textblock {width: 100%;max-width: 952px;display: flex;flex-direction: column;justify-content: flex-start;align-items: center;gap: 32px;}
	.references-heading {color: var(--Color-Firefly, #0E2132);font-size: 24px;font-weight: 700;line-height: 31.2px;text-align: center;}
	.references-subtext {text-align: center;color: var(--Color-Firefly, #0E2132);font-size: 16px;font-weight: 400;line-height: 24px;}
	.references-logos {display: flex;justify-content: center;align-items: center;gap: 32px;}
	.references-logo {width: 335px;height: 85px;border-radius: 8px;border: 1px solid var(--Color-Scheme-1-Border, rgba(0, 4, 5, 0.15));}
	
	@media (max-width: 1024px) {
	  .references-inner {padding: 60px 32px;gap: 40px;}
	  .references-textblock {max-width: 100%;padding: 0 16px;}
	}
	
	@media (max-width: 768px) {
	  .references-inner {padding: 40px 24px;gap: 32px;}
	  .references-textblock {max-width: 100%;padding: 0 12px;}
	  .references-heading {font-size: 20px;line-height: 26px;}
	  .references-subtext {font-size: 14px;line-height: 21px;}
	  .references-logos {flex-direction: column;gap: 24px;}
	  .references-logo {width: 100%;max-width: 280px;height: auto;}
	}
	
	@media (max-width: 480px) {
	  .references-inner {padding: 32px 16px;}
	  .references-textblock {max-width: 100%;padding: 0 8px;}
	}
	
	
	
	
	
	#blck_contains {align-self: stretch; padding: 32px; border-radius: 16px; background:#fff; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 16px; display: flex}
	#blck_contains .hl {align-self: stretch; color: var(--Color-Firefly, #0E2132); font-size: 18px; font-weight: 600; line-height: 27px; word-wrap: break-word}
	#blck_contains .box {align-self: stretch; padding-top: 8px; padding-bottom: 8px; justify-content: flex-start; align-items: flex-start; gap: 24px; display: inline-flex;flex-wrap:wrap;}
	#blck_contains .box .flex 	{flex: 1 1 200px; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 16px; display: inline-flex}
	#blck_contains .box .item 	{align-self: stretch; justify-content: flex-start; align-items: flex-start; gap: 16px; display: inline-flex}
	#blck_contains .box .item .icn {width: 24px; height: 24px; position: relative; overflow: hidden}
	#blck_contains .box .item .icn .icncm {width: 17px; height: 12.31px; left: 3.50px; top: 0px; position: absolute; }
	#blck_contains .box .item .txt {flex: 1 1 0; color: var(--Color-Firefly, #0E2132); font-size: 16px;  font-weight: 400; line-height: 24px; word-wrap: break-word}
	
	#dacc-one {align-self: stretch;flex-direction: column;justify-content: flex-start;align-items: flex-start;gap: 16px;display: flex;}
	#dacc-one .dacc-title {align-self: stretch;color: var(--Color-Firefly);font-size: 21px;font-weight: 600;line-height: 29.4px;word-wrap: break-word;}
	#dacc-one .dacc-content {align-self: stretch;flex-direction: column;justify-content: flex-start;align-items: flex-start;display: flex;}
	#dacc-one .dacc-item {align-self: stretch;overflow: hidden;border-bottom: 1px solid var(--Color-Jet-Stream);flex-direction: column;justify-content: flex-start;align-items: flex-start;display: flex;}
	#dacc-one .dacc-item-inner {align-self: stretch;flex-direction: column;justify-content: flex-start;align-items: flex-start;display: flex;}
	#dacc-one .dacc-item-header {align-self: stretch;padding-top: 16px;padding-bottom: 16px; overflow: hidden;justify-content: flex-start; align-items: center; gap: 16px;display: inline-flex; cursor: pointer;}
	#dacc-one .dacc-icon {display: flex;align-items: center;width: 24px;height: 24px;overflow: hidden;transition: transform 0.3s ease;}
	#dacc-one .dacc-icon img {width: 100%;height: 100%;}
	#dacc-one .dacc-icon.active {transform: rotate(180deg);}
	#dacc-one .dacc-item-title {display: flex;align-items: center;flex: 1 1 0;color: var(--Color-Firefly);font-size: 18px;font-family: 'Poppins', sans-serif;font-weight: 600;line-height: 27px;word-wrap: break-word;}
	#dacc-one .dacc-item-body {align-self: stretch;padding-top: 8px;padding-bottom: 24px;justify-content: flex-start;align-items: flex-start;gap: 8px;display: none;overflow: hidden;max-height: 0;transition: max-height 0.3s ease, padding 0.3s ease;}
	#dacc-one .dacc-item-body.active {display: inline-flex;max-height: 500px; /* Adjust based on content size */}
	#dacc-one .dacc-item-text {flex: 1 1 0;color: var(--Color-Firefly);font-size: 16px;font-weight: 400;line-height: 24px;word-wrap: break-word;}
	
	#dacc-one .dacc-item-header:hover .dacc-item-title {color:var(--Color-Blue-Stone);}
	.dacc-item p {margin-bottom:16px;}

	
	
	#course_content {padding:112px 0}
	#course_content .container { display:flex; flex-direction:row; justify-content:flex-start;; gap: 80px; flex-wrap:wrap;  }
	#course_content .container .lft { flex:1;position:relative;}
	#course_content .container .rgt {flex:1.5; ;flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 16px; display: inline-flex}
	#course_content .container .rgt .card {padding:20px 24px;border-radius: 16px;border:1px solid var(--Color-Jet-Stream);flex-direction: column;  justify-content: flex-start;  align-items: flex-start;  display: flex;width:100%;}
	#course_content .container .rgt .card .title {margin-bottom:24px;font-size: 18px; font-weight: 600; line-height: 27px; word-wrap: break-word;}
	#course_content .container .rgt .card .content {word-wrap: break-word;}

	@media (max-width: 1024px) 
	{ 
		#course_content {padding:64px 0}
		#course_content .container {flex-direction:column;}
	}
	
	
	
	
	
	#course_timeline {background: var(--Color-Jet-Stream-Lightest)}
	#course_timeline .container {display: flex; flex-direction:row; justify-content: flex-start; gap: 80px;padding: 112px 0;}
	#course_timeline .container .lft {flex:1;display:flex; flex-direction:column; gap:40px; position:relative;}
	#course_timeline .container .lft .stick {position:sticky; top:20px}
	#course_timeline .container .lft h2 {font-weight: 600 !important; line-height: 48px}
	
	#course_timeline .container .rgt {flex:1;}
	#course_timeline .container .rgt .timeline {position: relative;max-width: 600px;margin: 0 auto;}
	#course_timeline .container .rgt .timeline::before {content: '';position: absolute;top: 0;bottom: 0;left: 20px;width: 2px;background: #ff0000;}
	#course_timeline .container .rgt .timeline-item {position: relative;margin-bottom: 40px;padding-left: 60px;}
	#course_timeline .container .rgt .timeline-item::before {content: '';position: absolute;left: 15px;top: 10px;width: 12px;height: 12px;background: #ff0000;border-radius: 50%;}
	#course_timeline .container .rgt .timeline-item h2 {margin: 0 0 10px 0;font-size: 1.5em;color: #333;}
	#course_timeline .container .rgt .timeline-item p {margin: 0;color: #666;}
					
	@media (max-width: 768px) 
	{ 
		#course_timeline .container {flex-direction:column}
	}




	#modul_newsletter {background:var(--Color-Blue-Stone); padding:80px 0 }
	#modul_newsletter * {color:#fff;}
	#modul_newsletter .frm {background: none;padding: 0px;margin: 0;}
	#modul_newsletter .flx .rght {color: #fff;}
	#modul_newsletter .flx .hdr1 {color: #fff;font-size:40px;font-weight: 600;line-height: 48px;}
	#modul_newsletter .flx .hdr2 {color: #fff;}
	#modul_newsletter .flx form input	{border:0; border-bottom-color:#fff !important; }
	#modul_newsletter .flx form input[type='submit']	{border:1px solid #fff;}









