.particulars_table_wrapper {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #E5E5E5;
    border-radius: 16px;
    opacity: 1;
    padding: 20px 0 32px;
    margin-bottom: 40px;
    position: relative;
    z-index: 0;
}



.detail_tab_sub_head {
    background: #F5F6F8;
    padding: 0 38px;
    border-top: 1px solid #E5E5E5;
    border-bottom: 1px solid #E5E5E5;
}

.detail_tab_head h2 {
    font: normal normal 600 24px/40px 'Graphik_Medium';
    letter-spacing: -0.48px;
    color: #394058;
    opacity: 1;
}

.detail_tab_sub_head h3 {
    font: normal normal 600 14px/40px 'Graphik_Medium';
    letter-spacing: -0.28px;
    color: #394058;
    text-transform: uppercase;
    opacity: 1;
    margin: 0;
}

.detail_tab_head {
    padding: 0 38px;
}


.detail_tab_content_wrapper {
    padding: 32px 38px 0;
}

.grid_4 {
    display: grid;
    grid-template-columns: auto auto auto  auto;
    justify-content: start;
    column-gap: 120px;
}

span.details_head {
    display: block;
    font: italic normal normal 14px/16px 'Graphik_Regular';
    letter-spacing: -0.56px;
    color: #11153B;
    opacity: 0.5;
    margin-bottom: 11px;
}

p.details_data {
    font: normal normal 14px/18px 'Graphik_Medium';
    letter-spacing: -0.56px;
    color: #11153B;
    opacity: 1;
    margin: 0;
}

.tab_detail_info_wrapper {
    margin-bottom: 51px;
}

.tab_detail_info_wrapper:last-child {
    margin-bottom: 0;
}

.grid_5 {
    display: grid;
    grid-template-columns: auto auto auto auto auto;
    column-gap: 40px;
}

.grid_6 {
    display: grid;
    grid-template-columns: auto auto auto auto auto auto;
    column-gap: 40px;
}

.detail_tab_underline_sub_head {
    padding: 0 38px;
}

.detail_tab_underline_sub_head h3 {
    font: normal normal 16px/40px Graphik_Medium;
    letter-spacing: -0.32px;
    color: #919DAB;
    text-transform: capitalize;
    opacity: 1;
    border-bottom: 1px dashed #919DAB;
}

.margin-bottom35{
	margin-bottom: 35px;	
}

.grid_4_sm {
    display: grid;
    grid-template-columns: auto auto auto auto;
    column-gap: 40px;
}

.margin-top-100{margin-top: 100px !important;}

ul.stepper_ul {
    padding: 0;
    list-style: none;
    display: grid;
    justify-content: space-evenly;
    align-items: center;
    position: relative;
    z-index: 1;
    grid-template-columns: auto auto auto auto;
}

ul.stepper_ul li span {
    display: block;
    text-align: center;
}

ul.stepper_ul li span.stepper_ico {
    width: 60px;
    height: 60px;
    background: #D0D5DB;
    opacity: 1;
    border-radius: 100px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

ul.stepper_ul li.active svg path {
    fill: #fff;
}

ul.stepper_ul li.in-progress svg path {
    stroke: #F57F17;
    fill: #F57F17;
}



ul.stepper_ul li.in-progress span.stepper_ico {
    background-color: #FEECDC;
    border: 1px solid #F57F17;
}

ul.stepper_ul li.in-progress p.stepper_text {
    color: #F57F17;
}

ul.stepper_ul:after {
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 66%;
    background: #E8E8E8 0% 0% no-repeat padding-box;
    opacity: 1;
    height: 2px;
    top: 23%;
    z-index: -1;
}


span.stepper_ico img {
    width: 24px;
    height: 24px;
}


span.stepper_count {
    font: normal normal 600 12px/40px 'Graphik_Regular';
    letter-spacing: -0.24px;
    color: #919DAB;
    text-transform: uppercase;
    opacity: 1;
    margin-bottom: -15px;
}

p.stepper_text {
    margin: 0;
    font: normal normal 600 18px/40px 'Graphik_Regular';
    letter-spacing: -0.36px;
    color: #243245;
    text-transform: capitalize;
    opacity: 0.7;
}


ul.stepper_ul li.active span.stepper_ico {
    background: #3FC57D;
}

li.active p.stepper_text {
    color: #3FC57D;
    opacity: 1;
}

ul.stepper_ul li {
    position: relative;
    cursor: pointer;
}

span.stepper_count {
    width: auto;
}


@media screen and (min-width: 1200px) and (max-width: 1400px){
	
.grid_4 {
    grid-template-columns: auto auto auto auto;
}

.grid_6 {
    grid-template-columns: auto auto auto auto auto auto;
}

.grid_4_sm {
    grid-template-columns: auto auto auto auto;
}
}

@media screen and (min-width: 1200px) and (max-width: 1600px){
	
	p.stepper_text {
    font-size: 11px;
}

ul.stepper_ul:after {
}

.grid_5 {
    grid-template-columns: auto  auto auto auto auto;
}
	
.download_and_preview_head h2 {
    font-size: 18px;
}

.download_and_preview_btn_grid {
    display: flex;
}

a.btn_p {
    padding: 0 25px;
}
	
}
