button.navbar-toggler:focus {
border: none;
outline: none;
box-shadow: none;
}
i.fa-solid.fa-arrow-right.roted {
transform: rotate(310deg);
font-size: 19px;
transition: transform 0.3s ease;
}
a.get-started-button {
z-index: 9999;
}
a.get-started-button:hover {
color: #fff;
text-decoration: none;
color: #FF6138;
}
a.navbar-logo-block {
z-index: 99999;
}
.get-started-button {
color: #FFF;
text-align: center;
font-family: Outfit;
font-size: 18px;
font-style: normal;
line-height: normal;
letter-spacing: 0.36px;
text-decoration: none;
}
.mobile-hide {
display: block;
}
.desktop-hide {
display: none !important;
}
.main-header .main-header-nav {
display: flex;
justify-content: space-between;
padding: 24px 0px;
}
.main-header .navbar-toggler {
display: block;
padding: 0px;
}
.main-header button.navbar-toggler:focus-visible,
.main-header button.navbar-toggler:focus {
outline: none;
}
.main-header .navbar-collapse.collapse {
display: none !important;
}
.main-header .navbar-collapse.collapse.show {
display: block !important;
}
.navbar-toggler-icon {
background: url(//truperformancedigital.com/wp-content/uploads/2024/04/Vector-6.svg) center center/22px 16px no-repeat;
}
.navbar-toggler {
border: none;
}
.main-header .right-far-nav-block {
display: flex;
justify-content: space-between;
align-items: center;
}
.main-header .right-far-nav-block a {
font-family: Outfit;
font-size: 18px;
font-weight: 500;
letter-spacing: 0.02em;
text-align: left;
color: #FFFFFF;
text-decoration: none;
}
span.get-started-text {
padding-right: 8px;
}
.burger-menu-lit span {
width: 16px;
background: #FFFFFF;
height: 1px;
border-radius: 1px;
border: 1px solid #FFFFFF;
transition: 0.3s;
} .burger-menu-lit {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
row-gap: 5px;
height: 16px;
position: relative;
z-index: 9;
}
.navbar-toggler.collapsed span.first-burger-lid {
transform: rotate(0deg) translate(0px, 0px);
}
.navbar-toggler.collapsed span.second-burger-lid {
transform: rotate(0deg) translate(0px, 0px);
transition: 0.3s;
}
.navbar-toggler.collapsed span.third-burger-lid {
visibility: visible;
transition: 0.3s;
opacity: 1;
width: 16px;
}
.navbar-toggler span.first-burger-lid {
transform: rotate(45deg) translate(5px, 5px);
transition: 0.3s;
}
.navbar-toggler span.second-burger-lid {
transform: rotate(-45deg) translate(0px, 0px);
transition: 0.3s;
}
.navbar-toggler span.third-burger-lid {
visibility: hidden;
transition: 0.3s;
opacity: 0;
width: 0;
} .desktop-menu-container #truNavbarNav {
position: fixed;
right: 0;
width: 100%;
margin-top: 0;
top: 0;
transform: translateY(-100%);
transition: transform 200ms ease-in-out;
background: #171717;
left: auto;
height: 100vh;
z-index: 999;
padding-top: 150px;
}
.desktop-menu-container .navbar-collapse.collapse.show#truNavbarNav {
transform: translateY(0%);
}
div#truNavbarNav {
background-color: #613DC1 !important;
}
.main-header .navbar-toggler {
position: relative;
z-index: 9999;
}
.main-header {
position: sticky;
z-index: 9999;
top: 0px;
}
p.mobile-heading {
display: none;
}
h2.mobile-heading {
display: none;
}
.activate-white-mode .navbar-toggler {
border: none;
}
.activate-white-mode .burger-menu-lit span {
border: 1px solid #191B1F;
background: #191B1F;
} .checkbox-day-light-mode {
opacity: 0;
position: absolute;
}
.checkbox-mode-label {
background-color: #fff;
width: 50px;
height: 26px;
border-radius: 50px;
position: relative;
padding: 5px;
cursor: pointer;
display: flex;
justify-content: space-between;
align-items: center;
margin: 0px;
}
.fa-moon {
color: #000;
}
.fa-sun {
color: #fff;
}
.checkbox-mode-label .day-night-mode-ball {
background-color: #000;
width: 22px;
height: 22px;
position: absolute;
left: 2px;
top: 2px;
border-radius: 50%;
transition: transform 0.2s linear;
transform: translateX(0px);
}
.activate-white-mode .checkbox-mode-label .day-night-mode-ball {
transform: translateX(24px);
}
.third-block-header {
display: flex;
column-gap: 40px;
align-items: center;
justify-content: center;
}
@media (min-width:320px) and (max-width:1200px) {
.nav-item .join-us-btn a img {
top: -1px;
}
.main-header .navbar-toggler {
display: inline-block !important;
}
button.navbar-toggler {
z-index: 9999 !important;
}
.main-header .right-far-nav-block a {
display: block !important;
}
.mobile-hide {
display: block;
}
.desktop-hide {
display: block !important;
}
.navbar-logo-block img {
height: auto;
object-fit: contain;
}
a.navbar-logo-block {
z-index: 99999 !important;
position: relative !important;
}
.main-header .right-far-nav-block a {
display: none;
}
.third-block-header {
column-gap: 40px;
}
.checkbox-mode-label {
width: 44px;
height: 20px;
}
.fa-sun {
font-size: 11px;
}
.fa-sun,
.fa-moon {
font-size: 12px;
}
.checkbox-mode-label .day-night-mode-ball {
width: 16px;
height: 16px;
}
.dark-white-mode-toggler {
position: relative;
z-index: 99999;
}
}
@media screen and (min-width: 1200px) {
.main-header .right-far-nav-block {
display: none;
}
} #mega-menu-Headermenu {
display: flex;
flex-direction: column;
}
#mega-menu-wrap-Headermenu {
background: transparent;
background: #171717cc;
} .hero-section {
margin-top: -120px;
padding-top: 275px;
padding-bottom: 275px;
background: url(//truperformancedigital.com/wp-content/uploads/2024/05/NOISE-BACKGROUND-2-e1716380554414.png) center center/cover no-repeat;
}
.hero-section .content-block {
width: 758px;
margin: auto;
text-align: center;
}
.hero-section h1 {
font-family: Outfit;
font-size: 50px;
font-weight: 600;
line-height: 75px;
letter-spacing: -0.02em;
text-align: center;
color: #FFFFFF;
margin-bottom: 8px;
text-shadow: -3px 2px 7px #000000C9, -11px 8px 14px #000000AD, -25px 17px 18px #00000066, -45px 31px 22px #0000001F, -30px 28px 24px #00000003;
}
.hero-section p {
font-family: Inter;
font-size: 16px;
font-weight: 400;
line-height: 24px;
text-align: center;
color: #FFFFFF;
margin-bottom: 24px;
}
@media (min-width: 768px) and (max-width: 1024px) {
.hero-section .content-block {
width: 100%;
}
}
@media (min-width: 320px) and (max-width: 1200px) {
.main-header .right-far-nav-block {
padding-right: 0px !important;
}
.hero-section .content-block {
width: 100%;
}
} body.activate-white-mode {
background-color: #FFFFFF !important;
}
body.activate-white-mode footer {
background-color: #FFFFFF !important;
}
body.activate-white-mode h2,
body.activate-white-mode h3,
body.activate-white-mode h4,
body.activate-white-mode h5,
body.activate-white-mode h6 {
color: #191B1F;
}
body.activate-white-mode .partner-with-tru .partner-box:hover h2,
body.activate-white-mode .partner-with-tru .partner-box:hover p,
body.activate-white-mode .partner-with-tru .partner-box:hover span {
color: #FFFFFF;
}
body.activate-white-mode .partner-box:hover::after {
background: transparent;
}
body.activate-white-mode .partner-box::after {
background-color: #FFFFFF;
}
body.activate-white-mode p,
body.activate-white-mode ul,
body.activate-white-mode ul li,
body.activate-white-mode a,
body.activate-white-mode span {
color: #191B1F;
}
body.activate-white-mode .grow-box:hover {
background-color: #FFFFFF;
}
body.activate-white-mode .read-more-btn {
color: #FF6138;
}
body.activate-white-mode label.checkbox-mode-label {
background-color: #000;
box-shadow: 0px 0px 2px 0px #fff;
}
body.activate-white-mode .checkbox-mode-label .day-night-mode-ball {
background-color: #FFF;
}
body.activate-white-mode .our-services .service-column {
background: #fff;
}
body.activate-white-mode .case-info {
background: #fff;
}
body.activate-white-mode .expertise h2,
body.activate-white-mode .expertise p,
body.activate-white-mode .expertise a,
body.activate-white-mode .expertise span {
color: #fff;
}
body.activate-white-mode .testimonial-body-block::after,
body.activate-white-mode .testimonial-body-block::before,
body.activate-white-mode .inverted-end,
body.activate-white-mode .inverted-start {
background: #ffffff;
}
body.activate-white-mode .testimonial-in-body .author-card .auth-detail .auth-name,
body.activate-white-mode .testimonial-in-body .author-card .auth-detail .auth-designation {
color: #0D0D0D;
}
body .night-mode-logo {
display: block;
}
body .day-mode-logo {
display: none;
}
body.activate-white-mode .main-header .night-mode-logo {
display: none;
}
body.activate-white-mode .main-header .day-mode-logo {
display: block;
}
body .join-us-btn .night-mode-logo {
display: inline-block;
}
body .join-us-btn .day-mode-logo {
display: none;
}
body.activate-white-mode .join-us-btn a .night-mode-logo {
display: none;
}
body.activate-white-mode .join-us-btn a .day-mode-logo {
display: inline-block;
}
body.activate-white-mode .service-tagline {
color: #0D0D0D;
}
body.activate-white-mode a.get-started-button:hover,
body.activate-white-mode a.get-started-button:hover span {
color: #FF6138;
}
.activate-white-mode .map-container img {
filter: brightness(0.5);
} .main-header {
background-color: #000;
}
.activate-white-mode .main-header {
background-color: #FFF;
}
.navbar-nav {
gap: 54px;
}
.navbar-nav .nav-link {
color: #FFF;
font-family: Outfit;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 117%;
text-transform: capitalize;
}
.nav-item.dropdown {
color: var(--secondary-white, #FFF);
font-family: Outfit;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 117%;
text-transform: capitalize;
}
.navbar-nav .nav-link.active {
color: #FF5A24;
}
.navbar-nav .col3Image img {
width: 100%;
max-width: 395px;
} .navbar-nav .mega-menu-container {
position: absolute;
left: 0;
right: 0;
background-color: #000;
display: none;
padding: 74px 0;
z-index: 1000;
width: 100vw;
max-width: 1440px;
left: 50%;
top: 55px;
transform: translateX(-38%);
padding: 74px 100px;
}
#resourcesMegaMenu.mega-menu-container {
transform: translateX(-60%);
}
.navbar-nav .mega-menu-container .container {
margin: 0 auto;
max-width: 1440px;
}
.navbar-nav .nav-item.dropdown:hover .mega-menu-container {
display: block;
}
.navbar-nav .nav-item.dropdown {
position: relative;
}
.navbar-nav .nav-item .nav-link:hover {
color: #FF5A24;
}
.navbar-nav .nav-item .dropdown-menu {
display: none;
}
.navbar-nav .mega-menu-container .tab-pane {
display: none;
}
.navbar-nav .mega-menu-container .tab-pane.active {
display: block;
}
.navbar-nav .nav-link.active,
.navbar-nav .nav-link.show {
color: #FF5A24;
}
.containerMenu .nav-link.active {
color: var(--Primary-Color, #FF5A24);
font-family: Outfit;
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: 117%;
text-transform: capitalize;
}
.main-header .border-right {
border-right: 1px solid var(--Text-color, #2E3135) !important;
}
.tab-content h3 {
margin: 14px auto;
margin: 14px auto;
color: #FFF;
font-family: Outfit;
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: 117%;
text-transform: capitalize;
}
.midCol {
padding: 0 40px;
}
.paraNLinks {
display: flex;
flex-direction: column;
gap: 25px;
margin: 32px 0;
}
.paraNLinks p {
color: var(--Foundation-Grey-grey-200, #C1C1C1);
font-family: Outfit;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 140%;
text-transform: capitalize;
margin-bottom: 0;
}
ul.col2Links {
font-size: 16px;
color: #C1C1C1;
}
.col2Links {
padding-left: 20px;
gap: 10px;
display: flex;
flex-direction: column;
list-style: disc;
}
.col2Links li a {
color: var(--Foundation-Grey-grey-200, #C1C1C1);
font-family: Outfit;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 140%;
text-transform: capitalize;
text-decoration: none;
cursor: default;
}
.col3Image {
border-radius: 20px;
width: 100%;
max-width: 395px;
}
.nav.flex-column {
gap: 40px;
}
.nav.flex-column .nav-link {
padding: 10px 0;
margin-left: 5px;
}
.nav .nav-item .activeArrow {
display: none;
}
.nav .nav-item .blackArrow {
display: none;
}
.nav .nav-item:has(a.active) .activeArrow {
display: block;
}
.nav .nav-item:has(a.active) .arrow {
display: none;
}
.nav .nav-item:has(a.active) .blackArrow {
display: none;
}
#aboutUs {
text-wrap: nowrap;
}
.aboutUsCard {
overflow: hidden; }
.aboutUsCard:hover .aboutUsCardImage {
transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
}
.aboutUsCard .aboutUsCardImage {
transform: translate3d(0px, 0px, 0px) scale3d(1.05, 1.05, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
transition: 0.3s;
}
.aboutUsCard .cardLink {
font-size: 28px;
font-weight: 500;
line-height: 32px;
} #resourcesMegaMenu {
padding: 64px 0;
}
.resourcesCard:hover .downloadEbook {
transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
}
.rightDivElement .downloadEbook {
max-width: 495px;
width: 100%;
transform: translate3d(0px, 0px, 0px) scale3d(1.05, 1.05, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
transition: 0.3s;
}
.rightDivElement p {
overflow: hidden;
color: var(--white-dark, #FFF);
text-overflow: ellipsis;
font-family: Outfit;
font-size: 28px;
font-style: normal;
font-weight: 500;
line-height: 117%;
text-transform: capitalize;
}
.cardLink {
color: #FFF;
font-family: Outfit;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 117%;
text-transform: capitalize;
margin-right: 5px;
}
.resourcesCard {
gap: 10px;
overflow: hidden;
}
.resourcesCard:hover .imageCard {
transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
}
.imageCard {
max-width: 200px;
width: 100%;
transform: translate3d(0px, 0px, 0px) scale3d(1.05, 1.05, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
transition: 0.3s;
}
.cardTitle .activeArrow {
display: none;
}
.cardTitle {
width: fit-content;
position: relative;
&:hover .cardLink {
color: var(--Primary-Color, #FF5A24);
font-weight: 500;
text-decoration: none;
}
&:hover .activeArrow {
display: block;
}
&:hover .arrow {
display: none;
}
&:hover .blackArrow {
display: none;
}
}
.anchor-link {
position: absolute;
width: 100%;
height: 100%;
top: 0;
}
.rightDivElement.cardTitle .cardLink {
overflow: hidden;
text-overflow: ellipsis;
font-family: Outfit;
font-size: 28px;
font-style: normal;
font-weight: 500;
line-height: 117%;
text-transform: capitalize;
}
.rightDivElement .cardTitle:hover .cardLink {
color: var(--Primary-Color, #FF5A24);
font-weight: 600;
text-decoration: none;
}
.firstRow {
gap: 50px;
margin-bottom: 32px;
padding: 0 15px;
padding-left: 0;
}
.aboutUsCardImage {
width: 100%;
max-width: 495px;
}
a.cardTitle:hover {
color: inherit;
text-decoration: none;
}
.col3Image .light {
display: none;
}
.divImage {
border-radius: 20px;
overflow: hidden;
}
.aboutUsCard .divImage {
margin-bottom: 27px;
}
.resourcesCard.rightDivElement .divImage {
margin-bottom: 27px;
} .activate-white-mode .navbar-nav .nav-link {
color: var(--Foundation-Grey-grey-10, #2B2B2B);
}
.activate-white-mode .main-header .border-right {
border-right: 1px solid var(--Text-color, #c1c1c1) !important;
}
.activate-white-mode .navbar-nav .mega-menu-container {
background-color: #FFF;
}
.activate-white-mode .tab-content h3 {
color: #2B2B2B;
}
.activate-white-mode .paraNLinks p { color: #2B2B2B;
}
.activate-white-mode .paraNLinks ul li {
color: #424242;
}
.activate-white-mode .col2Links li a {
color: #424242;
}
.activate-white-mode .col3Image {
border-radius: 20px;
}
.activate-white-mode .cardLink {
color: #2B2B2B;
}
.activate-white-mode .rightDivElement .cardTitle .cardLink {
color: #222;
}
.activate-white-mode .rightDivElement .cardTitle:hover .cardLink {
color: #FF5A24;
}
.activate-white-mode .nav .nav-item .blackArrow {
display: block;
}
.activate-white-mode .nav .nav-item .arrow {
display: none;
}
.activate-white-mode .aboutUsCard .cardTitle .arrow,
.activate-white-mode .resourcesCard .cardTitle .arrow {
display: none;
}
.activate-white-mode .cardTitle {
&:hover .activeArrow {
display: block;
}
&:hover .arrow {
display: none;
}
&:hover .blackArrow {
display: none;
}
}
.activate-white-mode .cardTitle .arrow {
display: none;
}
.activate-white-mode .col3Image .dark {
display: none;
}
.activate-white-mode .col3Image .light {
display: block;
}
.activate-white-mode .containerMenu .nav.flex-column .nav-link.active {
color: #FF5A24;
} .video-container-careers {
position: relative; 
margin: 0 auto;
width: 495px;
height: 252px;
} 
.control-button-career {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 60px;
height: 60px;
background: url(https://truperformancedigital.com/wp-content/uploads/2024/10/play-icon-video.png) no-repeat center center;
background-size: contain;
cursor: pointer;
transition: opacity 0.3s ease;
z-index: 2;
}
.hidden-career-v {
opacity: 0;
pointer-events: none;
}
.video-container-careers video {
width: 100%;
height: 252px;
object-fit: cover;
border-radius: 20px;
} #myVideoCareer::-webkit-media-controls-play-button {
display: none !important;
}
#myVideoCareer::-webkit-media-controls-start-playback-button {
display: none !important;
}
.midCol .join-us-btn a {
text-transform: none;
}
.col2Links {
padding-left: 30px;
} @media screen and (min-width: 1200px) {
.main-header>.container {
max-width: 1270px !important;
}
}
@media screen and (min-width:1200px) and (max-width: 1400px) {
.main-header .container {
max-width: 1270px !important;
}
.main-header .fa-solid.fa-chevron-down:before {
font-size: 17px;
}
#resourcesMegaMenu.mega-menu-container .containerMenu {
margin: 0 50px;
}
#AboutUsMegaMenu.mega-menu-container { transform: translateX(-50.6%);
top: 80px;
}
}
@media screen and (min-width: 1400px) and (max-width: 1500px) {
.containerMenu {
max-width: 1240px;
}
.navbar-nav .mega-menu-container {
transform: translateX(-36.5%);
}
#resourcesMegaMenu .containerMenu {
margin: 0 100px;
}
#AboutUsMegaMenu.mega-menu-container {
transform: translateX(-50%);
top: 80px;
}
}
@media screen and (min-width: 1501px) {
#resourcesMegaMenu.mega-menu-container {
transform: translateX(-53%);
}
.containerMenu {
margin: 0 auto;
max-width: 1270px;
}
.navbar-nav .mega-menu-container {
transform: translateX(-33%);
width: 100vw;
left: 0;
max-width: none;
}
#AboutUsMegaMenu.mega-menu-container {
transform: translateX(-10%);
top: 80px;
}
#AboutUsMegaMenu .aboutUsCol {
padding: 0;
}
}
@media screen and (min-width:1600px) {
.navbar-nav .mega-menu-container {
transform: translateX(-35%);
}
#resourcesMegaMenu.mega-menu-container {
transform: translateX(-55%);
}
}
@media screen and (min-width: 1800px) {
.navbar-nav .mega-menu-container {
transform: translateX(-38%);
}
#servicesMegaMenu .containerMenu {
padding-left: 30px;
}
#AboutUsMegaMenu.mega-menu-container {
transform: translateX(-16%);
}
#AboutUsMegaMenu .containerMenu {
padding: 0 30px;
}
#resourcesMegaMenu.mega-menu-container {
transform: translateX(-55%);
}
#resourcesMegaMenu .containerMenu {
padding: 0 15px;
}
}
@media screen and (min-width: 1900px) {
#servicesMegaMenu .containerMenu {
padding-left: 15px;
}
#AboutUsMegaMenu.mega-menu-container {
transform: translateX(-18%);
}
#AboutUsMegaMenu .containerMenu {
padding: 0 30px;
}
} @media screen and (max-width:767px) {
.main-header>.container {
padding: 0;
}
.main-header .main-header-nav {
padding: 20px 32px !important;
}
}
@media screen and (max-width: 1199px) {
.navbar-logo-block img {
max-width: 142px;
}
.get-started-button {
display: none;
}
.third-block-header {
column-gap: 18px;
}
.main-header.nav-active {
position: sticky !important;
opacity: 1 !important;
visibility: visible !important;
z-index: 9999;
top: 0;
} .mobile-nav {
display: none;
position: absolute;
top: 50px;
left: 0;
width: 100%;
background-color: #000;
transition: opacity 0.3s ease;
opacity: 0;
z-index: 1000;
} .mobile-nav.active {
display: block;
opacity: 1;
} .burger-menu-lit.active span:nth-child(1) {
transform: rotate(45deg) translate(5px, 5px);
}
.burger-menu-lit.active span:nth-child(2) {
opacity: 0;
}
.burger-menu-lit.active span:nth-child(3) {
transform: rotate(-45deg) translate(5px, -5px);
}
.nav-link,
a.nav-link.active {
color: #FFF;
font-family: Outfit;
font-size: 12px;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: 0.12px;
padding: 12px 32px;
&:hover {
text-decoration: none;
color: #fff;
}
}
.nav-link.active {
border-left: 4px solid #FF5A24;
padding-left: 28px !important;
padding-right: 36px !important;
}
.nav-link i {
transition: 0.3s;
}
.nav-link.active i {
transition: 0.3s;
transform: rotate(180deg);
color: #FF5A24;
}
.mobile-nav .sub-menu {
padding: 0 48px;
background-color: #404040;
}
.mobile-nav .sub-menu li {
padding: 12px 0;
color: #FFF;
font-family: Outfit;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 0.12px;
}
.mobile-nav .sub-menu a {
color: #FFF;
font-family: Outfit;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 0.12px;
text-decoration: none;
&:hover {
text-decoration: none;
color: #FF5A24;
}
}
.nav-item .join-us-btn a:after {
height: 30px;
width: 30px;
top: -6px;
left: 13px
}
.nav-item .join-us-btn a span {
padding-left: 12px;
}
.nav-item .join-us-btn a,
.nav-item .join-us-btn a.active {
font-family: Outfit;
font-size: 12px;
font-style: normal;
font-weight: 500;
line-height: 140%; }
.nav-item .join-us-btn .nav-link {
padding-top: 0px !important;
}
} @media screen and (max-width: 1200px) {
.activate-white-mode .mobile-nav {
background-color: #fff;
}
.activate-white-mode a.nav-link.hrefClick {
color: #000 !important;
}
.activate-white-mode a.nav-link.d-flex.justify-content-between.align-items-center {
color: #000 !important;
}
a.nav-link.d-flex.justify-content-between.align-items-center {
color: #FFF !important;
}
.activate-white-mode .mobile-nav .sub-menu {
background-color: #F2F2F2;
}
.activate-white-mode .mobile-nav .sub-menu a {
color: #404040;
}
.activate-white-mode .mobile-nav .sub-menu a {
&:hover {
text-decoration: none;
color: #FF5A24;
}
}
}  .toggle-container {
display: flex;
justify-content: center;
align-items: center;
} .toggle-checkbox {
display: none;
} .toggle-label {
position: relative;
width: 107px;
height: 45px;
background-color: #613DC1;
box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.20) inset;
border-radius: 99px;
cursor: pointer;
transition: background-color 0.5s ease;
margin-bottom: 0;
} .toggle-slider {
position: absolute;
top: 5px;
left: 66px;
width: 35px;
height: 35px;
background-color: #ECEDED;
border-radius: 50%;
transition: all 0.5s ease;
filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.20)) drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.17));
opacity: 0.8;
} .toggle-checkbox:checked+.toggle-label {
background-color: #ECEDED;
} .toggle-checkbox:checked+.toggle-label .toggle-slider {
transform: translateX(-60px);
} .toggle-label {
height: 36px;
width: 96px;
padding: 4px 6px;
}
.toggle-slider {
width: 29px;
height: 29px;
right: 6px;
left: unset;
top: 3px;
background-color: transparent;
opacity: 1;
}
.toggle-slider::after {
content: '';
position: absolute;
background: url(https://truperformancedigital.com/wp-content/uploads/2024/10/Handle-2.svg) center center/cover no-repeat;
left: 51%;
top: 61%;
height: 37px;
width: 37px;
transform: translate(-51%, -49%);
transition: 0.5s;
}
.toggle-checkbox:checked+.toggle-label .toggle-slider::after {
background: url(https://truperformancedigital.com/wp-content/uploads/2024/10/Handle-3.svg) center center/cover no-repeat;
transition: 0.5s;
}
.toggle-checkbox:checked+.toggle-label .toggle-slider {
transform: translateX(-56px);
filter: unset;
box-shadow: none;
}
@media screen and (max-width: 1199px) {
.toggle-label {
width: 47px;
height: 20px;
}
.toggle-slider {
top: 2.3px;
left: 28px;
width: 15.813px;
height: 15.374px;
}
.toggle-checkbox:checked+.toggle-label .toggle-slider {
transform: translateX(-26px);
}
} @media (min-width:768px) and (max-width:1024px) {
.toggle-slider {
height: 15px;
width: 15px;
top: 2px;
}
.toggle-slider::after {
width: 19px;
height: 19px;
}
}
@media (max-width:767px) {
.toggle-slider {
height: 15px;
width: 15px;
top: 2px;
}
.toggle-slider::after {
width: 19px;
height: 19px;
}
}
@media screen and (max-width: 1199px) {
.toggle-label {
width: 47px;
height: 20px;
}
.toggle-slider {
top: 2.3px;
left: 28px;
width: 15.813px;
height: 15.374px;
}
.toggle-checkbox:checked+.toggle-label .toggle-slider {
transform: translateX(-26px);
}
} @media (max-width:767px) {
.footer_address {
left: 0;
}
.toggle-checkbox:checked+.toggle-label .toggle-slider {
transform: translateX(-25px);
}
}