/*=======================
    Descriptive Block
========================*/
/* ans */
.asd-descriptive-list-block { font-family: 'Droid Sans', sans-serif; width: 100%; color: #666666; }
.asd-descriptive-list-block dl { padding-left: 33px; margin: 0; }
.asd-descriptive-list-block dl .f_list-content { display: flex; display: -webkit-box; display: -ms-flexbox; line-height: 1.5; margin-bottom: 20px }
.asd-descriptive-list-block dl .f-list-icon { margin-right: 10px; display: flex; margin-top: 3px; fill: currentColor !important }
.asd-descriptive-list-block dl .f-list-icon div, .asd-descriptive-list-block dl .f-list-icon div svg { width: inherit; height: inherit; fill: currentColor !important; color: #3d3b8e; }
.asd-descriptive-list-block dl .f-list-icon div svg[fill=none] { fill: none !important }
.asd-descriptive-list-block dl .f_list-detail { width: calc(100% - 30px); font-size: 16px; line-height: 25px }
.asd-descriptive-list-block dl .f_list-detail dt { display: inline-block; margin-right: 5px; font-family: 'Droid Sans', sans-serif; font-size: 16px; line-height: 26px; color: #666666; font-weight: 700; }
.asd-descriptive-list-block dl .f_list-detail dd { display: inline; margin: 0 !important; padding: 0 !important; font-family: 'Droid Sans', sans-serif; font-size: 16px; line-height: 26px; color: #666666; word-break: break-word; }
@media screen and (max-width:600px) {
    .asd-descriptive-list-block dl { padding-left: 0; }
}

/*=================
    Card-block
==================*/
.stacking-table-responsive tr { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row }
.stacking-table-responsive td, .stacking-table-responsive th { display: block; -ms-flex: 1 1 auto; flex: 1 1 auto }
.stacking-table-responsive .table-responsive-stack-thead { font-weight: 700 }
.asd-card-main-layout .card-table-block .card-table table { border-collapse: collapse; border-spacing: 0; border-radius: 6px; background-color: #fff; border: none; margin: 0; }
.asd-card-main-layout .card-table-block .card-table table thead { background: #fff }
.asd-card-main-layout .card-table-block .card-table thead tr { background-color: transparent; border: none; border-radius: 6px 6px 0 0; }
.asd-card-main-layout .card-table-block .card-table table thead tr th:first-child { border-radius: 6px 0 0 0; padding-left: 24px; }
.asd-card-main-layout .card-table-block .card-table table thead tr th:last-child { border-radius: 0 6px 0 0; padding-right: 24px; }
.asd-card-main-layout .card-table-block .card-table table tbody tr:last-child { border-bottom: none; }
.asd-card-main-layout .card-table-block .card-table table tbody tr td:first-child { padding-left: 24px; }
.asd-card-main-layout .card-table-block .card-table table tbody tr td:last-child { padding-right: 24px; }
.asd-card-main-layout .card-table-block .card-table thead tr th:last-child { text-align: right; }
.asd-card-main-layout .card-table-block .card-table tbody tr td:last-child { text-align: right; }
.asd-card-main-layout .card-table-block .card-table table thead tr th:last-child, .asd-card-main-layout .card-table-block .card-table table tbody tr td:last-child { text-align: right !important; }
.asd-card-main-layout .card-table-block .card-table table tbody tr td:first-child { padding-left: 24px !important; }
.asd-card-main-layout .card-table-block .card-table table tbody tr td:last-child { padding-right: 24px !important }
.asd-card-main-layout .card-table-block .card-table .three-col-with-2-header thead tr th:last-child, .asd-card-main-layout .card-table-block .card-table .three-col-with-2-header tbody tr td:last-child { text-align: left !important; }
.asd-card-main-layout .card-table-block .card-table .wp-block-table{ border: none }
@media screen and (max-width:767px) {
	.asd-card-main-layout .card-table-block .card-table table tbody tr { display: block !important; }
	.asd-card-main-layout .card-table-block .card-table table thead tr th:last-child, 
	.asd-card-main-layout .card-table-block .card-table table tbody tr td:last-child{ text-align: left !important; }
	.asd-card-main-layout .card-table-block .card-table table tbody tr td:first-child{ padding-left: 16px !important; }
	.asd-card-main-layout .card-table-block .card-table table tbody tr td:last-child{ padding-right: 16px !important; }
}

/* changes */
.asd-card-main-layout .card-table-block .card-table thead tr th { font-family: 'Droid Sans', sans-serif; font-size: 14px; font-weight: bold; font-stretch: normal; font-style: normal; letter-spacing: normal; line-height: 24px; text-align: left; color: #666; border: 0; background-color: #f5f5f5; padding: 8px 12px; }
.asd-card-main-layout .card-table-block .card-table table thead { border-bottom: solid 2px #d8d8d8; }
.asd-card-main-layout .card-table-block .card-table table tbody { background-color: #fff; display: block; border-radius: 0 0 6px 6px; background-color: rgba(255, 255, 255, 0.3); box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 10%) inset; -webkit-box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 10%) inset; border: 1px solid rgb(216 216 216/ 30%); }
.asd-card-main-layout .card-table-block .card-table table tbody tr { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; position: relative; line-height: normal; background-color: rgba(255, 255, 255, 0.3); border-bottom: 1px solid rgba(216, 216, 216, .6); }
.asd-card-main-layout .card-table-block .card-table table tbody tr td { font-family: 'Droid Sans', sans-serif; font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; letter-spacing: normal; text-align: left; color: #666; line-height: 1.56; border: 0 !important; padding: 8.5px 12px; word-break: break-word; }
.asd-card-main-layout .card-table-block .card-table .three-col-with-2-header tbody tr td:first-child { font-family: 'Droid Sans', sans-serif; font-size: 16px; font-weight: bold; font-stretch: normal; font-style: normal; letter-spacing: normal; text-align: left; color: #666; }
@media only screen and (max-width:767px) {
	.asd-card-main-layout .card-table-block .card-table table tbody { border-radius: 6px; border: solid 1px #d8d8d8; }
	.asd-card-main-layout .card-table-block .card-table table tbody tr td { line-height: 1.5; max-width: 100%; width: 100%; text-align: left !important; padding: 1px 16px !important; }
	.asd-card-main-layout .card-table-block .card-table table tbody tr td>span { display: inline !important; font-size: 14px !important; font-weight: 700; }
	.asd-card-main-layout .card-table-block .card-table tbody tr td:first-child { padding-top: 12.5px !important; }
	.asd-card-main-layout .card-table-block .card-table tbody tr td:last-child { padding-bottom: 12.5px !important; }
	.asd-card-main-layout .card-table-block .card-table tbody tr:first-child td:first-child { padding-top: 14px !important; }
	.asd-card-main-layout .card-table-block .card-table tbody tr:last-child td:last-child { padding-bottom: 14px !important; }
}

/*==================
    How-to-block
===================*/
.how-to-block-title { display: none; }
.how-to-step-block { margin: 40px auto 55px !important; padding: 0; background: #fff; }
.how-to-step-block .step { position: relative; padding-bottom: 40px; padding-left: 68px; list-style: none; counter-increment: inst; }
.how-to-step-block .step .step-content { max-width: 629px; }
.how-to-step-block .step:last-child:before { display: none; }
.how-to-step-block .step .step-content .image-with-title { position: relative; margin-bottom: 24px; max-height: 250px; height: 100%; max-width: 629px; width: 100%; }
.how-to-step-block .step:nth-child(-n+9) .step-content .image-with-title:before { content: '0'counter(inst); }
.how-to-step-block .step .step-content .image-with-title span { left: -70px; top: 50%; height: 67px; position: absolute; transition: all 0.2s ease-in-out; transform: translate(0%, -50%); }
.how-to-step-block .step:first-child .step-content .image-with-title span::before, .how-to-step-block .step:last-child .step-content .image-with-title span::after { display: none; }
.how-to-step-block .step .step-content .image-with-title img { position: relative; max-height: 250px; height: 100% !important; width: 100%; border-radius: 8px; object-fit: cover; }
.how-to-step-block .step::before { content: ''; position: absolute; left: 26px; width: 1px; background: #d8d8d8; height: 100%; top: 120px; }
.how-to-step-block .step .step-content .image-with-title span::before { content: ''; width: 10px; height: 10px; display: block; position: absolute; border-radius: 50%; background: #4eaab8; top: -10px; left: 24px; }
.how-to-step-block .step .step-content .image-with-title span::after { content: ''; width: 10px; height: 10px; display: block; position: absolute; border-radius: 50%; background: #4eaab8; bottom: -10px; left: 24px; }
.how-to-step-block .step .step-content .image-with-title::before { content: counter(inst); background: #fff; text-align: center; left: -70px; top: 50%; height: 67px; width: 58px; position: absolute; transition: all 0.2s ease-in-out; transform: translate(0%, -50%); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-family: 'Poppins', sans-serif; font-size: 48px; font-weight: 300; font-stretch: normal; font-style: normal; line-height: 3.19; letter-spacing: normal; text-align: right; color: #3d3b8e; }
.how-to-step-block .step .step-content .image-with-title .img-overlay { position: absolute; left: 0; top: 0; z-index: 1; border-radius: 8px; width: 100%; height: 100%; background-image: linear-gradient(to right, #3d3b8e 0%, rgba(59, 61, 135, 0.17) 100%); }
.how-to-step-block .step .step-content .image-with-title .step-title { position: absolute; top: 50%; left: 0; transform: translate(0, -50%); z-index: 2; margin-left: 20px; max-width: 388px; width: 100%; padding: 0; margin: 0; margin-left: 20px; font-family: 'Poppins', sans-serif; font-size: 37px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.22; letter-spacing: normal; text-align: left; color: #fff; }
.how-to-step-block .step .step-content .step-description p { font-family: 'Droid Sans', sans-serif; font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.38; letter-spacing: normal; text-align: left; color: #666; }
@media screen and (min-width: 1150px){
	.how-to-step-block .step .step-content .image-with-title{ height: 250px; }
}
@media screen and (min-width:768px) {
	.how-to-step-block .step .step-content .image-with-title { min-height: 250px; }
}
@media screen and (max-width:768px) {
	.how-to-step-block .step .step-content .image-with-title { height: 250px; }
}
@media screen and (max-width:600px) {
	.how-to-step-block .step { padding-left: 36px; }
	.how-to-step-block .step .step-content .image-with-title { height: 230px; }
	.how-to-step-block .step .step-content .image-with-title span::before, .how-to-step-block .step .step-content .image-with-title span::after { width: 8px; height: 8px; left: 46px; }
	.how-to-step-block .step .step-content .image-with-title span::before { top: 8px; }
	.how-to-step-block .step .step-content .image-with-title span::after { bottom: 12px; }
	.how-to-step-block .step::before { left: 15px; top: 110px; }
	.how-to-step-block .step .step-content .image-with-title .step-title { font-size: 23px; line-height: 1.39; margin-left: 10px; max-width: 178px; }
	.how-to-step-block .step .step-content .image-with-title::before { font-size: 26px; line-height: 1.38; letter-spacing: normal; width: 36px; height: 35px; left: -39px; }
}
@media screen and (max-width:460px) {
	.how-to-step-block .step .step-content .image-with-title { height: 190px; }
	.how-to-step-block .step .step-content .image-with-title span::after { bottom: 13px; }
	.how-to-step-block .step::before { top: 100px; }
}
@media screen and (max-width:375px) {
	.how-to-step-block .step .step-content .image-with-title { height: 165px; }
	.how-to-step-block .step::before { top: 85px; }
}

/*=========================
    Post It Style Block 
=========================*/

.asd-post-it-style-block p { margin: 0; padding: 0; }
.asd-post-it-style-block .post-content { display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: row-reverse; padding: 16px; margin-bottom: 20px; height: max-content; border: 1px solid #3D3B8E; border-left: 10px solid #3D3B8E; }
.asd-post-it-style-block .post-content:last-child { margin-bottom: 0; }
.asd-post-it-style-block .post-content p { letter-spacing: normal; font-weight: normal; font-stretch: normal; font-family: 'Droid Sans', sans-serif; font-size: 16px; line-height: 26px; color: #666666; }

/* Two Column css */
.asd-post-it-style-block.two-col-layout { display: -webkit-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; }
.asd-post-it-style-block.two-col-layout .post-content { max-width: calc(50% - 20px); width: 100%; margin: 10px 20px 10px 0; }
.asd-post-it-style-block.two-col-layout .post-content:nth-child(2n) { max-width: 50%; margin-right: 0; }

@media screen and (max-width:768px) {
    .asd-post-it-style-block.two-col-layout { display: block; }
    .asd-post-it-style-block.two-col-layout .post-content { display: inline-block; max-width: 100% !important; margin-right: 0; }
}

/*=========================
    Three Short Block 
=========================*/

/* Common */
.asd-three-short-block { padding: 15px 0; }
.asd-three-short-block .three-short-items{ display: -webkit-box; display: -ms-flexbox; display: flex; }
.asd-three-short-block .three-short-items .item:first-child{ padding-left: 0;}
.asd-three-short-block .three-short-items .item .icon{ margin-right: 10px; padding: 4px 0 2px; color: #3d3b8e;}
.asd-three-short-block .three-short-items .item .icon div, .asd-three-short-block .three-short-items .item .icon div svg{ width: inherit; height: inherit; }
.asd-three-short-block .three-short-items .item{ display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 33.33%; width: 100%; padding: 5px 10px; border-right: 2px solid #e0e0e0; margin-right: 10px; }
.asd-three-short-block .three-short-items .item:last-child{ border: none; margin-right: 0; padding-right: 0;}
.asd-three-short-block .three-short-items .item .description p{ margin: 0; padding: 0; font-family: 'Droid sans', sans-serif; font-size: 16px; line-height: 26px; color: #666666; font-weight: normal; }
@media screen and (max-width:768px) {
    .asd-three-short-block .three-short-items{ display: block; }
    .asd-three-short-block .three-short-items .item{ max-width: 100%; padding: 10px !important; border-right: none; border-bottom: 2px solid #abb8c3; }
}


/*=========================
    Ladder Content Block 
=========================*/
.asd-ladder-content-block p { margin: 0; padding: 0; }
.asd-ladder-content-block .ladder-items .ladder-item p.item-title { font-weight: bold !important; padding-right: 4px; }
.asd-ladder-content-block .ladder-items .ladder-item { margin-bottom: 1px; padding: 17px 16px; background: #f4f4f4; border-bottom: 1px solid #cccccc; }
.asd-ladder-content-block .ladder-items .ladder-item p { display: inline; font-family: 'Droid Sans', sans-serif; font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.63; letter-spacing: normal; color: #666; }
