/* profile */

#x4d1 {background: #ffffff;padding: 20px;border-radius: 5px;margin: 30px 0;display: flex;flex-direction: column;}
#x4i  {border-radius: 5px;}
.x4d3 {flex-direction: column;width: 68%;margin-left: 15px;}
.x4i1 {width: 30px;}
#x4s1 {display: block;font-size: 28px;font-weight: 600;color: white;letter-spacing: 1px;}
.x4s2 {display: block;font-size: 20px;margin: 5px 0;color: white;}
#x4s3 {color: white;}
.x4s4{width: 166px;display: flex;border-radius: 5px;align-items: center;justify-content: center;color: #FFFFE5;font-size: 16px;padding: 7px 0;background: #1d8926;cursor: pointer;}
.x4s20{background: #891d1d;}
#x4d4{padding: 20px 0;}
.x4d5 {width :176px;align-items: center;display: flex;}
#x4d2 {display: flex;width: 100%;align-items: center;background:var(--color-default-s-h-text-color);padding: 15px 15px;border-radius: 4px}
.x4s100{margin: -11px 0 25px;display: block;font-size: 16px;}
#x4d6{padding: 25px 0px;}
#x4s5{text-transform: capitalize;font-size: 20px;font-weight: 500;}
.x4i2{width: 15px;margin-right: 8px;}
.x4d7 {margin: 35px 0 0 0;}
.x4s5{font-size: 20px;color: var(--color-1);font-weight: bold;margin-bottom: 6px;display: block;}
.x4d8{  position: relative;  background: #e5e5e5;padding: 15px;border-radius: 13px;}
.x4s6{display: block;font-size: 22px;margin: 0 0 19px;font-weight: 700;}
.x4s7{display: flex;align-items: center;margin: 4px 0 17px;color: #f15c5c;flex-direction: row-reverse;place-content: flex-end;}
.x4d9{padding: 0px 10px;display: flex;flex-wrap: wrap;}
.x4s8 {margin: 6px 23px;position: relative;}
.x4s9{position: absolute;right: 20px;top: 20px;}
.x4s8::before {content: "";width: 12px;height: 12px;background: #008f84;top: 4px;position: absolute;margin-left: -18px;}
    @media screen and (max-width:1000px){ 
        .x4s4 {
            position: initial;
            margin-top: 13px;
        }
    }
    @media screen and (max-width:630px){ 
        .x4d3 {
            margin: 20px 0 5px;
            text-align: center;
            width: 100%;
        }
        #x4d2 {
            flex-direction: column;
            align-items: center;
        }
    }