@charset "utf-8";
/****************************************/
/* GLOBAL FONTS && FRAMEWORK FIX */
@import url('../../../../global/ms_framework.css');
/****************************************/

/* queries
@media (min-width:600px)
@media (min-width:980px)
@media (min-width:1680px)
*/

/* CSS STYLE FOR MS */
#thisMS {background:rgba(30,30,30,1.0);background:#000;}

#thisMS *,
#thisMS h3,
#thisMS h4,
#thisMS h5,
#thisMS li{
	color:rgba(255,255,255,1);
	font-family: 'Klaviaka_Condensed_Regular';
}

#thisMS h1{font-size:300%;color:#fff;font-family: 'Klaviaka_Condensed_Medium';text-align:center;}
#thisMS h2, #thisMS p.h2{color:#fff;	font-family: 'Klaviaka_Condensed_Medium';font-size:220%;font-weight:normal;margin:.5em 0; padding-top:1.4em;text-transform: uppercase}
#thisMS p.h2table{color:#00c2de;font-family: 'Klaviaka_Condensed_Medium';font-size:220%;font-weight:normal;margin:.5em 0; padding-top:.5em;text-transform: uppercase}
#thisMS p.h3icon{margin-bottom:0;font-weight:bold;color:#1ac5de;}
#thisMS p{color:rgba(255,255,255,1);font-family: 'Klaviaka_Condensed_Regular';font-size:135%;}
#thisMS p.icontext{margin:0}
#thisMS p.teaser{color:rgba(255,255,255,1);font-family: 'Klaviaka_Condensed_Regular';font-size:180%;}
#thisMS .ms_button, #thisMS .ms_button_cat{background-color:#00c2de;color:#fff;font-family: 'Klaviaka_Condensed_Medium';font-size:180%;padding:.5em}
#thisMS .ms_button_big {font-size:300%;padding:0.7em}
#thisMS a{color:#fff;}
#thisMS a.ms_prod_name{font-family: 'Klaviaka_Condensed_Regular';font-size:2em;color:#fff;padding:1em 0 0 0;margin:0;}
#thisMS .icon{max-height:100px !important; width:auto}

#thisMS .tile-icon {width: 100px;height: 100px;margin-bottom: 15px;align-items: center;justify-content: center;display: inline-flex;}
#thisMS .tile-icon svg {width: 100%;height: 100%;/*fill: #3b82f6;*/}

#thisMS .form-control{background-color:rgba(0,0,0,0.5);border: 1px solid #999;}
#thisMS select[disabled]{color:#000 !important;}
#thisMS hr{border-top:1px solid #555;margin:0;}
#thisMS .footer p{color:#888;font-size:100%;}
#thisMS .small p{font-size:150%}
#thisMS .ms_prod_img{margin-top:2em;max-height:200px}
#thisMS .ms_prod_img_sys{margin-top:2em;padding:2em !important}

#thisMS .not-available-text{color:#ff0000;margin-bottom:0;font-size:150%;}
#thisMS .price-box{height:70px;overflow:hidden;}

#thisMS .bg1{background-image:url(../../../images/microsite_images/AMD_AI_Workstation/bg1_small.webp);background-repeat: no-repeat;}
#thisMS .bg2{background-image:url(../../../images/microsite_images/AMD_AI_Workstation/bg2_small.webp);background-repeat: no-repeat;}
#thisMS .bg3{background-image:url(../../../images/microsite_images/AMD_AI_Workstation/bg3_small.webp);background-repeat: no-repeat;}
#thisMS .bg4{background-image:url(../../../images/microsite_images/AMD_AI_Workstation/bg4_small.webp);background-repeat: no-repeat;}
#thisMS .bg5{background-image:url(../../../images/microsite_images/AMD_AI_Workstation/bg5_small.webp);background-repeat: no-repeat;}

#thisMS .tablemid{border-top: solid #fff 1px;border-bottom: solid #fff 1px;border-left:none;border-right:none;}
#thisMS .check{color:#00c2de}
#thisMS .iconrow{padding-top:2em !important}

#thisMS .table-dark-custom {color: #f8f9fa;background-color: #121212;font-size:20px !important;}
#thisMS .table-dark-custom > thead > tr > th {background-color: #fff;color: #000;border-bottom: 2px solid #333333;text-align: center;}
#thisMS .table-dark-custom > tbody > tr > td, #thisMS .table-dark-custom > thead > tr > th {border-top: 1px solid #2d2d2d;}
#thisMS .table-dark-custom > tbody > tr > td:first-child{background:#00c2de;color:#fff;}
#thisMS .table-dark-custom.table-striped > tbody > tr:nth-of-type(odd) {background-color: #181818;}
#thisMS .table-dark-custom.table-hover > tbody > tr:hover {background-color: #252525;color: #ffffff;}


#thisMS .card-container {margin-bottom: 20px;}
#thisMS .custom-tile {background-color: #1a1a1a;border: 1px solid #333333;border-radius: 6px;padding: 20px;height: 100%;color: #f8f9fa;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);transition: transform 0.2s ease, border-color 0.2s ease;}
#thisMS .custom-tile:hover {border-color: #555555;transform: translateY(-2px);}
#thisMS .custom-tile h4 {margin-top: 0;font-size: 26px;font-weight: bold;color: #ffffff;border-bottom: 1px solid #333333;padding-bottom: 10px;margin-bottom: 15px;}
#thisMS .custom-tile ul {padding-left: 20px;margin-bottom: 15px;}
#thisMS .custom-tile li {margin-bottom: 6px;color: #cccccc;font-size: 14px;}
#thisMS .target-group {font-size: 18px;margin-top: 10px;padding-top: 10px;border-top: 1px dashed #333333;color: #f8f9fa;}
#thisMS .target-group .highlight {background-color: #1ac5de;color: #fff;padding: 2px 6px;border-radius: 3px;font-weight: bold;}

#thisMS .step-list {list-style: none;padding: 0;margin-top: 20px;}
#thisMS .step-item {display: flex;align-items: flex-start;background-color: #181818;border: 1px solid #333333;border-radius: 6px;padding: 15px;margin-bottom: 15px;transition: border-color 0.2s ease;}
#thisMS .step-item:hover {border-color: #555555;}
#thisMS .step-icon svg {width: 24px;height: 24px;fill: #1ac5de;}
#thisMS .step-icon {flex-shrink: 0;width: 32px;height: 32px;margin-right: 18px;display: flex;align-items: center;justify-content: center;}
#thisMS .step-content strong {color: #ffffff;font-size: 20px !important;display: block;margin-bottom: 4px;}
#thisMS .step-content p {margin: 0;color: #cccccc;font-size: 18px !important;line-height: 1.4;}
#thisMS .step-content {flex-grow: 1;}


#thisMS .h3.faq-question {font-size: 18px;font-weight: bold;cursor: pointer;padding: 12px 15px;background-color: #1f1f1f;border: 1px solid #333333;border-radius: 4px;margin-top: 10px;margin-bottom: 0;transition: background-color 0.2s ease, border-color 0.2s ease;display: flex;justify-content: space-between;align-items: center;}
#thisMS .h3.faq-question:hover {background-color: #2a2a2a;border-color: #555555;}
#thisMS .h3.faq-question::after {content: "+";font-size: 20px;font-weight: bold;transition: transform 0.2s ease;}
#thisMS .h3.faq-question.active::after {content: "-";}
#thisMS .faq-answer {max-height: 0;overflow: hidden;transition: max-height 0.3s ease-out, padding 0.3s ease;padding: 0 15px;background-color: #181818;border-left: 2px solid #555555;border-right: 1px solid #333333;border-bottom: 1px solid #333333;border-radius: 0 0 4px 4px;color: #cccccc;}


@media (min-width:600px) and (max-width:979px){
	#thisMS p strong{text-align:center;display:block;}
}

@media (min-width:980px){
	#thisMS a.ms_prod_name{min-height:110px !important}
	#thisMS .iconrow{padding-top:0 !important}
}
@media (min-width:1680px){
	#thisMS p.teaser{padding: 1em 3em 0 3em}
	#thisMS .bg1{background-image:url(../../../images/microsite_images/AMD_AI_Workstation/bg1.webp);background-repeat: no-repeat;}
	#thisMS .bg2{background-image:url(../../../images/microsite_images/AMD_AI_Workstation/bg2.webp);background-repeat: no-repeat;}
	#thisMS .bg3{background-image:url(../../../images/microsite_images/AMD_AI_Workstation/bg3.webp);background-repeat: no-repeat;}
	#thisMS .bg4{background-image:url(../../../images/microsite_images/AMD_AI_Workstation/bg4.webp);background-repeat: no-repeat;}
	#thisMS .bg5{background-image:url(../../../images/microsite_images/AMD_AI_Workstation/bg5.webp);background-repeat: no-repeat;}
	
	#thisMS .parttwo {padding-top:.5em;padding-bottom:3em}
	
	#thisMS .tablemid{border-left: solid #fff 1px;border-right: solid #fff 1px;border-top:none;border-bottom:none;}

}