.grid-section-all-day {
display: grid;
gap: 180px;
padding-top: 18vh;
padding-bottom: 47vh;
}
section.all-day-one ul {
display: flex;
list-style: none;
gap: 74px;
justify-content: center;
padding: 0;
}
.all-day-one, .all-day-two {display: flex;flex-direction: row;align-items: center;justify-content: center;list-style: none;gap: 78px;padding: 0;margin: 0;}
.section-content-all-day {
font-size: 32px;
position: absolute;
}
h2.heading.tm-desk-title.less-mobile-padding.tm-mt-100.all-day-se-h2.h2-all-day-absolute {
position: absolute;
left: 0;
opacity: 1!important;
text-align: left;
transform: translate(-50%, -78%);
left: 50%;
width: auto;
}
.heading {
width: 100%;
padding: 0;
}
.heading3 { }
h2#heading1 {}
.heading1 {
}
.heading2 { }
.scroll-num {     }
.all-day-subjects p {
display: block;
width: 100%;
text-align: center;
font-size: 16px;
}
.section-in-dom {
opacity: 0;
transform: translateY(-10px);
transition: opacity 0.3s, transform 0.3s;
}
.effect-before-pin {
animation: addText 0.3s forwards;
}
@keyframes addText {
0% {
opacity: 0; }
100% {
opacity: 1;
transform: translateY(0);
}
}
.effect-remove-pin {
animation: removeText 0.3s forwards;
}
@keyframes removeText {
0% {
opacity: 1;
transform: translateY(0);
}
100% {
opacity: 0; }
}
.container-large.all-day-sec,
ul.all-day-one ul,
ul.all-day-two.second {
opacity: 0;
transition: opacity 1s ease-in-out;
overflow: hidden;
}
ul.all-day-two.second {
display: flex;
gap: 10px;
flex-wrap: wrap;
width: 90%;
padding: 0;
margin: auto;
}
.all-day-two.second li {
width: 118px;
flex-basis: 92px;
}
.all-day-two {
flex-wrap: wrap;
max-width: 500px;
margin: auto;
}
.all-day-two li img {
width: 100%;
}
.all-day-one li img {
width: 88px;
}
li.morning img {
width: 114px;
}
li.night img {
width: 84px;
}
ul.all-day-two {
gap: 12px;
}
.section.section-in-dom .tm-desk-title {
margin-bottom: 72px;
padding-top: 32%;
}
.all-day-one li {
display: flex;
align-items: center;
flex-wrap: wrap;
align-content: center;
flex-direction: column;
gap: 30px;
justify-content: flex-end;
}
section.all-day-one img {
display: block;
width: 100%;
}
.grid-section-all-day  h2 {
margin-bottom: 60px;
}
.all-day-subjects {
list-style: none;
display: flex;
flex-wrap: wrap;
flex-direction: row;
align-content: center;
justify-content: center;
align-items: center;
gap: 20px;
margin: auto;
padding: 0;
max-width: 859px;
}
.all-day-subjects li {
display: flex;
flex-direction: column;
gap: 14px;
align-items: center;
position: relative;
padding: 0px 3px;
width: 78px;
text-align: center;
line-height: 22px;
flex-wrap: wrap;
height: 100px;
align-content: center;
}
.all-day-subjects li img {
width: 50px;
}
.section-all-subjects p {
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 26px;
letter-spacing: 0.2px;
text-align: center;
width: 100%;
padding-top: 42px;
margin: 0;
}
ul.all-day-subjects strong {
color: var(--tm-dark-blue);
font-size: 16px;
line-height: 18px;
}
.all-day-one li strong {
font-size: 24px;
font-weight: 800;
color: var(--tm-dark-blue);
display: block;
}
.section {height: 6vh;display: flex;flex-direction: column;align-items: center;justify-content: center;z-index: 1;padding-top: 260px;}
.section-all-subjects p {
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 26px;
letter-spacing: 0.2px;
text-align: center;
width: 100%;
padding-top: 42px;
margin: 0;
}
.section-content-all-day {
font-size: 32px;
position: absolute;
transform: translate(-50%, -50%);
width: 100%;
}
.all-day-two ul {
display: flex;
gap: 18px;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
list-style: none;
padding: 0;
max-width: 94%;
margin: auto;
}
.block-all-day-space {
height: 0;
}
.all-day-subjects li:before {
content: "";
position: absolute;
z-index: -1;
top: -5px;
height: 58%;
width: 65px;
background: var(--tm-pink);
border-radius: 8px;
}
section.all-day-two img {
width: 100%;
}
.all-day-two li {
flex-basis: 78px;
}
.space-bottom-all-day {
height: 200px;
margin-bottom: 100px;
}
.all-day-one.space-fix {
padding-top: 0;
}
.space-fix {
transform: translate(0%, 10%);
}
.numbers-box {
width: 100%;
height: 100vh;
display: flex;
align-items: center;
justify-content: center;
align-content: center;
flex-wrap: wrap;
flex-direction: column;
}
.content-box {
position: relative;
top: -162px;
width: 100%;
}
.content-box {
margin-bottom: 0;
}
.head.content-all {
top: 0!important;
padding-top: 0px!important;
height: 100vh!important;
max-height: 100vh!important;
}
@media (max-width: 1008px) {
.all-day-two.second li {
flex-basis: 74px;
}
.grid-section-all-day  h2 {
width: 70%;
margin: auto;
margin-bottom: 46px;
padding: 0;
}
.grid-section-all-day ul {
padding: 0;
gap: 12px;
display: flex;
}
.grid-section-all-day {
display: flex;
justify-content: center;
flex-wrap: wrap;
padding: 0;
align-content: center;
gap: 0;
}
section.all-day-one ul {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: nowrap;
gap: 42px;
width: 78%;
margin: auto;
}
section.all-day-two.second {
padding: 0;
display: flex;
flex-direction: column;
}
section.all-day-two img {
width: 100%;
}
section.all-day-one.first, section.all-day-two.second {
padding-bottom: 30vh;
padding-top: 30vh;
}
}
@media (max-width:767px) {
.super-section-home {
margin-bottom: 0;
}
.super-section-home {
margin-bottom: 0;
}
.section { height: auto;}
.section.section-in-dom .tm-desk-title {
padding-top: 160%;
}
.all-day-one li img {
width: 60px;
}
li.morning img {
width: 76px;
}
.all-day-one, .all-day-two {
gap: 50px;
}
.all-day-two li {
flex-basis: 64px;
}
ul.all-day-two {
gap: 12px;
}
.all-day-subjects {
gap: 0px;
margin: 0;
padding: 0;
background: #fff;
z-index: 11;
position: relative;
display: flex;
align-items: center;
justify-content: center;
align-content: center;
}
.all-day-subjects li img {
width: 40px;
}
.section-content-all-day.section-all-subjects {
position: relative;
height: 100vh;
top: 0;
background: #fff;
}
.all-day-subjects li strong {
font-size: 12px;
line-height: 14px;
}
.grid-section-all-day ul {
padding: 0;
gap: 12px;
}
.grid-section-all-day {
display: flex;
justify-content: center;
flex-wrap: wrap;
padding: 0;
align-content: center;
gap: 0;
}
section.all-day-one ul {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: nowrap;
gap: 42px;
width: 78%;
margin: auto;
}
ul.all-day-two.second {
gap: 18px;
}
section.all-day-two.second {
padding: 0;
}
section.all-day-two img {
width: 100%;
}
section.all-day-one.first, section.all-day-two.second {
padding-bottom: 32vh;
padding-top: 4vh;
overflow: hidden;
}.all-day-subjects li {
flex-basis: 62px;
text-align: center;
padding: 0 2px;
margin: 0;
}
.all-day-subjects li:before {
width: 48px;
height: 48px;
}
.section-all-subjects h2 {
padding-top: 12%!important; }
.space-bottom-all-day {
background: #fff;
display: block;
margin-top: -400px;
}
.section-all-subjects p {
font-size: 14px;
padding: 0px 26px;
margin-top: 24px;
}
.section-content-all-day {
padding: 0px 24px;
}
.numbers-box {
height: calc(74vh - 20px);
}
.content-box {
top: -146px;
}
ul.all-day-two {
padding: 0 20px;
}
}