#x2f1{width:406px;margin: 0 auto;padding: 15px;background: #fff;position: relative;box-shadow: 1px 5px 20px 0px #00000024;}
.x2d2{display: flex;align-items: center;position: relative;margin: 20px 0 8px;padding: 8px 0;}
.x2lb1{font-size: 21px;color: var(--therd-text-color);font-family:Lato,Arial,Helvetica,sans-serif!important;;display: block; margin:20px 0;}
.x2i1{width:32px;padding: 8px;}
.x2a1{width: 48.7%;display: flex;align-items: center;background: #3b5998;color: #fff;font-size: 11px;text-transform: uppercase;font-family: var(--font-2);font-weight: 500;   height: 35px;border-radius: 3px;}
.x2d3{padding: 12px 0;display: flex;justify-content: space-between;align-items: center;}
.x2s1{background: #2f477a;}
.x2in1{transition: 0.4s all; margin-left:16px;padding: 10px 0 5px;border: none;font-size: 12px;width:100%;border-bottom: 1px solid #c3c3c5;font-weight: 400;font-family:Arial, Helvetica, sans-serif;} 
.x2lb4{transition: 0.5s all ;transform-origin: left; bottom: 12px; pointer-events: none;position: absolute;left: 41px;color: var(--text-color);font-family: var(--font-1);font-size: 16px;}
#x2s6{color: var(--therd-text-color);font-family: var(--font-1);display: block;}
.x2s5{width: 73%;justify-content: space-between;display: flex;align-items: center;padding: 6px 0 0px;font-family: Roboto,sans-serif;color: rgba(0,0,0,.87);font-weight: 400;font-size: 16px;}
.x2in1:hover{border-bottom-color: #2020204d;transition: 0.4s all;}
.x2a1:hover{opacity: 90%;cursor: pointer;}
.x2i2{width: 20px;position: absolute;right: 0;top: 13px;}
#x2i3{margin-right: 6px;width: 15px;}
#x2a2{font-size: 13px;color: #000;text-transform: capitalize;font-weight: 500;place-items: center;display: flex;justify-content: end;font-family: Roboto,sans-serif;cursor: pointer;}
#x2a3{background: #dd4b39;}
#x2s2{background: #b13c2e;}
.x2s3{padding: 8px;}
.x2s4{font-family: Roboto,sans-serif;font-size: 13px;color: var(--text-color);font-weight: 400;display: flex;margin-left: 12px;}
.x2lb3{font-size: 16px;}
.x2a5{color: var(--therd-text-color);}
.x2i4, .x2i5{width: 21px;position: absolute;z-index: 0;bottom: 13px;left: 0;right: 0;}
.x2d4{margin-right: 25px;}
#x2in1{width: 27px;height: 17px;}
#active{background: #29aae3;color: #fff;margin: 5px;}
.x2bt1{margin: 5px;border: none;padding: 10px 5px;width: 50%;text-transform: uppercase;font-size: 14px;font-weight: 500;border-radius: 2px;background: #f4f4f4;color: var(--footer-color);font-family: var(--font-2);}

@media screen and (max-width:1120px) {
    .x2bt1{display: block;width: 100%;margin: 10px 0;}
    #active{margin: 0;}
    .x2s5{display: block;width: 100%;}
    
}
@media screen and (max-width:900px) {
    
}
@media screen and (max-width:450px) {
    #x2f1{width: 100%;}
    
}