.customer-area{display:flex;justify-content:space-between;padding-bottom:70px}.card-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.customer-tickets h3,.task-area h3{font-size:20px;font-weight:400;margin-bottom:20px}.task-area h3{margin-right:50px}.customer-card{max-width:420px;padding:15px;background-color:#fff}.title-btn{display:flex;justify-content:space-between}.title-btn h5{font-size:18px;font-weight:600;color:#001931}.title-btn img{width:15px;margin-right:5px}.title-btn button{padding:5px 10px;border:0;border-radius:15px;font-size:16px;font-weight:500}.card-bottom-content{display:flex;justify-content:space-between}.card-discrip{margin-top:10px;margin-bottom:10px;color:#627382;font-size:16px;font-weight:400}.id-priority,.name-date{display:flex}.id-no{margin-right:10px;color:#627382;font-size:14px}.priority{color:#f83044;font-size:14px;font-weight:500}.name{color:#627382;font-size:14px;margin-right:10px;font-weight:500}.clender{color:#627382;font-size:14px}.all-task-content{margin-left:15px}.task-content,.resolve-content{background-color:#fff;padding:7px;margin-bottom:20px}.task-content h3{color:#001931;font-weight:500;font-size:16px;margin-left:20px}.complete-btn{display:block;width:100%;background-color:#02a53b;color:#fff;border:0;padding:7px 15px;border-radius:7px}.resolve-area{margin-top:20px}.resolve-area h3{font-size:16px;color:#001931;font-weight:500;margin-top:20px;margin-bottom:10px}.resolve-content{margin-top:20px}.blue{background-color:#8a2be2;color:#000}.yellow{background-color:#ffff00b3;color:#000}.red{background-color:red;color:#fff}@media (max-width: 575px){.customer-area,.card-grid{display:block;width:100%}.customer-tickets h3{text-align:center;margin-top:30px}.customer-card{margin-bottom:30px;max-width:100%}.all-task-content{text-align:center}}.bg-color{background-color:#f5f5f5}.hero-area{display:flex;justify-content:space-between;align-items:center;padding-top:60px;padding-bottom:55px}.progress-area{background:linear-gradient(to right,#632ee3,#9f62f2);padding:60px 230px;color:#fff;border-radius:5px}.progress-area img{width:100px;height:150px}.resolved-area{background:linear-gradient(to right,#54cf68,#00827a);padding:60px 230px;color:#fff;border-radius:5px}.progress-content,.resolved-content{text-align:center}.progress-content h2,.resolved-content h2{font-size:50px}.progress-area p{font-size:20px;font-weight:400}.progress-area p,.resolved-area p{font-size:24px;font-weight:400}@media (max-width: 576px){.container{max-width:1160px;margin:0 auto}.hero-area{display:block;padding-top:0;padding-bottom:0}.progress-area{margin-bottom:30px;padding:60px 0}.resolved-area{padding:60px 0;margin-bottom:30px}}*{margin:0;padding:0}.container{max-width:1160px;margin:0 auto}.nav-area{display:flex;justify-content:space-between;align-items:center;padding:15px 0}.nav-area h2{font-size:24px;color:#000;font-weight:700}.menu-container,.menu-container ul{display:flex;justify-content:center;align-items:center}.menu-container ul li{display:inline-block;margin-right:20px}.menu-container ul li a{text-decoration:none;color:#000;font-size:16px;font-weight:400}.nav-btn{font-size:14px;font-weight:600;color:#fff;background:linear-gradient(to right,#632ee3,#9f62f2);border:0;padding:7px 10px;border-radius:4px}@media (max-width: 576px){.container{max-width:1160px;margin:0 auto}.nav-area{display:block;text-align:center}.nav-area h2{margin:10px 0;font-size:40px}.menu-container ul{display:block}.menu-container ul li{display:block;margin-bottom:15px}.menu-container ul li a{font-size:35px}.nav-btn{display:block;width:100%;font-size:30px;padding:10px 20px;margin-bottom:10px}}*{box-sizing:border-box}.bg-black{background-color:#000;color:#fff}.footer-area{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;justify-content:center;align-items:center;padding:30px 0}.ticket-system{width:80%}.ticket-system h4{font-size:24px;font-weight:700;color:#fff;padding-top:15px}.ticket-system p{color:#a1a1aa;font-size:14px;margin-top:15px}.company h4,.service h4,.information h4,.social-icon h4{font-size:20px;color:#fff;font-weight:500;margin-bottom:15px;padding-top:5px}.company p,.service p,.information p,.social-icon p{color:#a1a1aa;font-size:16px;padding-bottom:10px}.social-icon h4{margin-top:10px}.cross-area,.linkedin-area,.facebook-area,.meassage-area{display:flex}.cross-area img,.linkedin-area img,.facebook-area img,.meassage-area img{width:20px;height:20px;margin-right:7px}.copy-wright-area p{text-align:center;font-size:16px;padding:15px}@media (max-width: 576px){.footer-area{display:block;text-align:center}.ticket-system{width:100%}.ticket-system p{text-align:center;font-size:16px;padding:0 10px}.cross-area,.linkedin-area,.facebook-area,.meassage-area{text-align:center;justify-content:center}.meassage-area{text-align:center;margin-left:0}}