/* ---------------------------------------

        Doc Layuot css

 -----------------------------------------  */

ol, ul {list-style: none;margin: 0;padding: 0;}
.D-grid2-2 {display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));}
.pos-v2-wrapper {padding-bottom:60px;}
.pos-v2-heading {position:relative; height:600px; text-align:center; color:#fff;}
.pos-v2-heading:before {content:""; position:absolute; top:0; left:0; width:100%; height:calc(100% - 56px); background:#fec248; clip-path:polygon(0 0, 100% 0, 100% 0, 100% 100%, 100% 75%, 0 100%);}
.pos-v2-heading .way_inner {position:relative; display:flex; align-items:center; height:100%; background-size:cover; clip-path:polygon(0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%, 0 77%);}
.pos-v2-heading .contain {display: inline-block;width: 100%;text-align: center;}
.pos-v2-heading h2 {font-size:38px; font-weight:800; line-height:2em; letter-spacing:-.02em;}
.pos-v2-heading p {font-size:24px; line-height:1.33em; letter-spacing:-.04em;}

.pos_wrap {width: 100%;}
.pos_wrap .content .number {width: 40px;height: 40px;text-align: center;justify-self: center;align-content: center;color: #fff;font-size: 2em;font-weight: 700;border-radius: 7px 0 10px 0;background: #0055a6;}
.pos_wrap .content .number-txt {height: 90px;line-height: 28px;font-size: 20px;font-weight: 700;text-align: center;color: #333;padding-bottom: 55px;padding-top: 20px;}
.pos_wrap .content .number-font {font-size: 16px;font-weight: 400;}

.pos_wrap .content .r-radius {width: 150px;height: 150px;border-radius: 50%;justify-self: center;}
.pos_wrap .content .list_type1 {list-style-position: outside; padding-left: 1em;}
.pos_wrap .content .list_type1 li {line-height: 34px;left: 118px;color: #333;font-size: 18px;font-weight: 400;padding-bottom: 8px;position: relative;}
.pos_wrap .content .list_type1 li:before {content: '';display: inline-block;width: 4px;height: 4px;background-color: #696969;border-radius: 50%;position: absolute;top: 15px;left: -20px;}
.pos_wrap .content .list_sub {font-size: .16px;font-weight: 400;padding-top: 4px;margin-left: -95px;}
.pos_wrap .content .list_sub li {font-size: 16px;font-weight: 400;color: #818181;padding-top: 4px;padding-left: 10px;}
.pos_wrap .content .list_sub li::before {top: 22px;width: 4px;height: 1px;border-radius: 0;}

.img-width-40 {width: 50%;}

@media (max-width: 1602px) {
    .m-none-1602 {display: none;}
    .m-block-1602 {display: block;}

    .width-1600 {width:100%;}
}
@media (max-width: 1401px) {
    .m-none-1401 {display: none;}vv
    .m-block-1401 {display: block;}

    .width-1400 {width:100%;}
}
@media (max-width: 1280px) {
    .m-none-1280 {display: none;}
    .m-block-1280 {display: block;}

    .img-width-40 {width: 50%;}
}
@media (max-width: 1024px) {
    .m-none-1024 {display: none;}
    .m-block-1024 {display: block;}
}
@media (max-width: 960px) {
    .m-none-960 {display: none;}
    .m-block-960 {display: block;}

    .pos-v2-heading h2 {font-size: 30px;}
    .pos-v2-heading p {font-size: 18px;}

    .pos_wrap .title {font-size: 28px;}
    .pos_wrap .title-dot {font-size: 28px;}
    .pos_wrap .sub_title {padding-top: unset;}
}
@media (max-width:768px) {
    .m-none-768 {display: none;}
    .m-block-768 {display: block;}

    .D-grid4 {grid-template-columns: repeat(2, minmax(0, 1fr));}
    .gap-column40 {column-gap: 0px;}
    .pos_wrap .content .number-txt {font-size: 16px;}
}
@media (max-width: 640px) {
    .m-none-640 {display: none;}
    .m-block-640 {display: block;}

    .m-none {display: block;}
    .pos_wrap .content .number-font {font-size: 14px;}
}
@media (max-width: 575px) {
    .m-none-575 {display: none;}
    .m-block-575 {display: block;}
}
@media (max-width:480px){
    .m-none-480 {display: none;}
    .m-block-480 {display: block;}

    .gap-column30 {column-gap: 10px;}
    .gap-column40 {gap: 30px;}
    .r-bg-blue {width: 76%;justify-self:right;}
    .r-bg-silver {width: 76%;justify-self: left;}
    .font-18 {font-size: 14px;line-height: 16px;}
    .pos-v2-heading h2 {font-size: 26px;}
    .pos-v2-heading p {font-size: 16px;}
    .pos_wrap .content .number-txt {font-size: 16px}
    .pos_wrap .title {font-size: 24px;}
    .pos_wrap .title-dot {font-size: 24px;}
    .pos_wrap .title-dot:before {width: 6px;height: 6px;}
    .pos_wrap .sub_title {font-size: 14px;}
}
@media (max-width:400px){
    .m-none-400 {display: none;}
    .m-block-400 {display: block;}
}
@media (max-width:360px){
    .m-none-360 {display: none;}
    .m-block-360 {display: block;}
}