.timesOfWork{padding:20px 0 70px}.timesOfWork .flexTop{display:flex;justify-content:space-between;align-items:end;flex-wrap:wrap}.timesOfWork .flexTop .flex{align-items:center;gap:15px;flex-wrap:wrap}.timesOfWork .flexTop .flex h1{color:#0f0f0f}.timesOfWork .flexTop .flex .switch .contentWrapper{padding:0}.timesOfWork .flexTop button{font-family:Cairo,sans-serif!important;background-color:var(--primary);color:#fff;font-size:14px;font-weight:700;border-radius:50px;border:1px solid var(--primary);transition:.5s;cursor:pointer;box-shadow:0 4px 10px 0 rgba(16,98,147,.43);max-width:165px;width:100%;height:45px;animation:content-animation 1s ease forwards;margin-top:10px}.timesOfWork .flexTop button:hover{background-color:#fff;color:var(--primary)}.timesOfWork .loadingData{height:25vh}.timesOfWork .loadingData,.timesOfWork .notReq{display:flex;justify-content:center;align-items:center}.timesOfWork .notReq{min-height:30vh;font-size:25px;background-color:rgba(255,0,0,.05);padding:10px 0;text-align:center;font-weight:700;border-radius:15px;color:red}.switchTabsTimeWork{overflow-x:auto;overflow-y:hidden}.switchTabsTimeWork::-webkit-scrollbar{height:0;display:none}.switchTabsTimeWork::-webkit-scrollbar-thumb{background-color:var(--secondary);border-radius:6px}.switchTabsTimeWork::-webkit-scrollbar-track{background-color:#fff!important}.switchTabsTimeWork .switchingTabs{height:60px;background:linear-gradient(130deg,#f7f7f7,#f3f3f3);border-radius:15px;border:3px solid #fff;box-shadow:0 4px 8px 0 hsla(0,0%,67%,.089);border-radius:30px;width:-moz-fit-content;width:fit-content;display:flex;justify-content:center;align-items:center;padding:0 5px;overflow-x:auto}.switchTabsTimeWork .switchingTabs .tabItems{display:flex;align-items:center;height:45px;position:relative;justify-content:space-evenly}.switchTabsTimeWork .switchingTabs .tabItems .tabItem{height:100%;display:flex;align-items:center;justify-content:center;color:var(--black);font-size:12px;font-weight:700;position:relative;z-index:1;cursor:pointer;transition:.5s;padding:0 24px;height:45px}@media only screen and (min-width:640px){.switchTabsTimeWork .switchingTabs .tabItems .tabItem{padding:0 45px;font-size:16px}}.switchTabsTimeWork .switchingTabs .tabItems .tabItem.active{color:#fff;height:45px;border-radius:25px;background-color:var(--primary)}.notFount{height:150px;display:flex;justify-content:center;align-items:center;border-radius:10px;color:var(--primary);font-size:35px;font-weight:700}.boxesVacations .boxes{display:grid;grid-template-columns:1fr;grid-gap:20px;gap:20px;animation:content-animation 1s ease forwards;min-height:50vh}@media only screen and (min-width:640px){.boxesVacations .boxes{grid-template-columns:1fr 1fr}}@media only screen and (min-width:992px){.boxesVacations .boxes{grid-template-columns:1fr 1fr 1fr}}.boxVacation{background:linear-gradient(45deg,hsla(0,0%,84%,.027),hsla(0,0%,95%,.498));padding:20px 12px;border:3px solid #fff;border-radius:15px;box-shadow:0 4px 44.12px 0 hsla(0,0%,67%,.13);height:-moz-fit-content;height:fit-content}.boxVacation .top{color:rgba(94,95,96,.733);padding-right:10px;margin-bottom:10px;font-size:15px;font-weight:700}.boxVacation .body{position:relative;display:flex;background-color:hsla(0,0%,85%,.235);justify-content:center;align-items:center;gap:30px;padding:8px;border-radius:10px;margin:5px 0}.boxVacation .body .date,.boxVacation .body .time{display:flex;justify-content:center;align-items:center;gap:10px}.boxVacation .body .date .icon img,.boxVacation .body .time .icon img{position:relative;top:4px}.boxVacation .body .date p,.boxVacation .body .time p{color:#221f1f;font-weight:700;font-size:14px}.boxVacation .body .date p{font-size:13px}.boxVacation button{font-family:Cairo,sans-serif!important;background-color:#e75a5a;color:#fff;font-size:14px;font-weight:700;border-radius:50px;border:1px solid #e75a5a;transition:.5s;cursor:pointer;box-shadow:0 4px 10px 0 rgba(231,90,90,.188);max-width:100%;width:100%;height:45px;margin-top:10px}.boxVacation button:hover{background-color:#fff;color:#e75a5a}