/*----------------------------------------*/ /* 7.2 awards /*----------------------------------------*/ .mp-awards-left { transition: all 0.4s ease; display: flex; } @media (max-width: 574.98px) { .mp-awards-left { display: block; width: 100%; } } .mp-awards-left span { font-weight: 600; letter-spacing: -0.03em; color: var(--tp-common-black); } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) { .mp-awards-left .count { margin-right: 10px; } } .mp-awards-right { font-weight: 600; letter-spacing: -0.03em; color: var(--tp-common-black); transition: all 0.4s ease; } @media (max-width: 574.98px) { .mp-awards-right { width: 100%; } } .mp-awards-logo { width: 50px; height: 50px; border-radius: 100px; display: flex; justify-content: center; align-items: center; } .mp-awards-item { padding: 25px 30px 5px 23px; transition: all 0.4s ease; } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) { .mp-awards-item { flex-direction: column; gap: 0 !important; } } .mp-awards-item:hover { border-radius: 12px; background: rgba(30, 30, 30, 0.05); } .mp-awards-item:hover .mp-awards-left { margin-left: 15px; } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) { .mp-awards-item:hover .mp-awards-left { margin-left: 0; } } .mp-awards-item:hover .mp-awards-right { margin-right: 15px; } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) { .mp-awards-item:hover .mp-awards-right { margin-right: 0; } } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) { .mp-awards-item-wrap { margin-left: 0; } } .right-item-animetion, .right-item-animetion-3 { border-top: 1px solid var(--tp-border-1); border-bottom: 1px solid var(--tp-border-1); margin-top: -1px; } .right-item-animetion:hover, .right-item-animetion-3:hover { border-color: transparent; } .right-item-animetion-3:has(+ .right-item-animetion-3:hover) { border-color: transparent; } .right-item-animetion:hover + .right-item-animetion, .right-item-animetion:has(+ .right-item-animetion:hover) { border-color: transparent; } .cs-awards-btn { padding: 42px 75px; margin: 10px 65px; } @media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) { .cs-awards-btn { margin: 10px 0; } } @media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) { .cs-awards-item-wrap { margin-left: 0; } } .cs-awards-item-wrap .mp-awards-item { padding: 35px 0 15px 0; } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) { .cs-awards-item-wrap .mp-awards-item { padding: 35px 15px 15px 15px; } } .cs-awards-item-wrap .mp-awards-left span { text-transform: capitalize; } .cs-awards-item-wrap .mp-awards-left .count { width: 227px; display: inline-block; } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) { .cs-awards-item-wrap .mp-awards-left .count { width: 120px; } } @media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) { .cs-awards-title-wrap { flex-direction: column; } } .mg-awards-title { font-size: 172px; letter-spacing: -0.03em; } @media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) { .mg-awards-title { font-size: 140px; } } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) { .mg-awards-title { font-size: 115px; } } @media (max-width: 574.98px) { .mg-awards-title { font-size: 80px; } } .mg-awards-title-sm { font-size: 24px; } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) { .mg-awards-title-wrap { margin-left: 0; } } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) { .mg-awards-subtitle-wrap { margin-bottom: 0; } } .mg-awards-item-wrap:hover .mp-awards-left .count svg { opacity: 1; visibility: visible; } .mg-awards-item-wrap .mp-awards-left { margin-left: -26px; } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) { .mg-awards-item-wrap .mp-awards-left { flex-direction: column; text-align: center; } } @media (max-width: 574.98px) { .mg-awards-item-wrap .mp-awards-left { margin-left: 0; } } .mg-awards-item-wrap .mp-awards-left span { color: rgba(27, 23, 15, 0.6); } .mg-awards-item-wrap .mp-awards-left .count { width: 740px; font-size: 24px; font-family: var(--tp-ff-sequel-medium); letter-spacing: -0.03em; text-transform: capitalize; font-weight: inherit; color: var(--tp-common-black); } @media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) { .mg-awards-item-wrap .mp-awards-left .count { width: 460px; } } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) { .mg-awards-item-wrap .mp-awards-left .count { width: 100%; } } .mg-awards-item-wrap .mp-awards-left .count svg { opacity: 0; visibility: hidden; transition: all 0.4s ease; margin-right: 6px; } @media (max-width: 574.98px) { .mg-awards-item-wrap .mp-awards-right { text-align: center; } } /*----------------------------------------*/ /* tp-award-list – layout-5 (about-me-resume-wrap) /*----------------------------------------*/ /* Extracted from cunnet-core.css.bak2 lines 10085–10139 */ .about-me-resume-maintitle { font-size: 92px; line-height: 111%; letter-spacing: -0.05em; } @media only screen and (min-width: 1400px) and (max-width: 1599px) { .about-me-resume-maintitle { font-size: 80px; } } @media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) { .about-me-resume-maintitle { font-size: 65px; } } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) { .about-me-resume-maintitle { font-size: 50px; } } .about-me-resume-date span { font-size: 20px; font-weight: 500; color: var(--tp-common-black); } .about-me-resume-title { font-size: 32px; } .about-me-resume-location { font-size: 20px; text-decoration: underline; text-underline-offset: 4px; text-decoration-thickness: 1px; color: var(--tp-grey-1); } @media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) { .about-me-resume-dec { margin-left: 0; } } .about-me-resume-dec p { font-size: 24px; line-height: 146%; } .about-me-resume-item { padding: 62px 0 30px 0; border-top: 1px solid rgba(9, 9, 11, 0.1); border-bottom: 1px solid rgba(9, 9, 11, 0.1); margin-top: -1px; } @media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) { .about-me-resume-info { margin-left: 0; } } /* .inner-service-2-wrap overrides — bak2 lines 11523–11559 */ .inner-service-2-wrap .about-me-resume-date span { font-size: 24px; margin-top: 20px; display: inline-block; } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) { .inner-service-2-wrap .about-me-resume-date span { font-size: 20px; } } .inner-service-2-wrap .about-me-resume-title { font-size: 92px; line-height: 104%; letter-spacing: -0.05em; } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) { .inner-service-2-wrap .about-me-resume-title { font-size: 70px; } } .inner-service-2-wrap .about-me-resume-title a:hover { color: var(--tp-theme-primary); } .inner-service-2-wrap .about-me-resume-dec p { font-size: 18px; line-height: 167%; letter-spacing: -0.02em; margin-right: 95px; } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) { .inner-service-2-wrap .about-me-resume-dec p { margin-right: 0; } } .inner-service-2-wrap .about-me-resume-item { padding: 62px 0 35px 0; }