/*** ============================================= Breadcrumb style1 ============================================= ***/ .breadcrumb-style1 { position: relative; display: block; padding: 235px 0 238px; z-index: 10; background-color: #677b86; } .m-t130{ margin-top: 130px; } .breadcrumb-style1 #particles-js { top: -180px; left: 0; right: 0; height: 200px; } .breadcrumb-style1-bg { position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; background-attachment: scroll; background-position: center center; background-repeat: no-repeat; background-size: cover; z-index: -1; } .breadcrumb-style1 .inner-content { position: relative; display: block; } .breadcrumb-style1 .title { position: relative; display: block; z-index: 1; } .breadcrumb-style1 .title h2 { color: #ffffff; font-size: 60px; line-height: 1.2em; font-weight: 700; text-transform: capitalize; } /*** ============================================= Scrolling Text Style6 ============================================= ***/ .scrolling-text-style6 { position: absolute; top: -85px; left: 0; right: 0; display: block; overflow: hidden; } .scrolling-text-style6 .inner { position: relative; display: block; } .scrolling-text-style6 .inner ul { display: flex; align-items: center; flex-wrap: nowrap; width: fit-content; } .scrolling-text-style6 .inner ul li { position: relative; display: block; white-space: nowrap; float: left; font-size: 120px; line-height: 1.3em; font-weight: 700; text-transform: none; font-family: var(--thm-font-2); margin-left: 90px; transition: all .4s ease; color: transparent; -webkit-background-clip: text; -webkit-text-stroke: 2px var(--thm-primary-color); opacity: 0.50; transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease; } .scrolling-text-style6 .inner ul li:hover { opacity: 0.5; } .scrolling-text-style6 .inner ul li:before { overflow: hidden; position: absolute; top: 0; left: 0; width: 0; color: var(--thm-primary-color); white-space: nowrap; content: attr(data-hover); transition: all 0.5s cubic-bezier(0.17, 0.67, 0.32, 0.87); } .scrolling-text-style6 .inner ul li:hover:before { width: 100%; }