/*** ============================================= Fact Counter style1 Css ============================================= ***/ .fact-counter-style1 { padding: 0px 0px 0px; } .fact-counter-style1 .container { max-width: 1750px; } .fact-counter-style1__content { position: relative; display: block; } .fact-counter-style1__content ul { position: relative; display: block; } .fact-counter-style1__content ul li { position: relative; padding: 0px 0 8px; } .fact-counter-style1__content ul li:before { content: ""; position: absolute; top: 0; left: -100000px; right: -100000px; height: 1px; background-color: var(--thm-border-color); } .fact-counter-style1__content ul li:last-child:after { content: ""; position: absolute; left: -100000px; bottom: 0; right: -100000px; height: 1px; background-color: var(--thm-border-color); } .single-fact-counter { display: flex; align-items: center; justify-content: flex-end; } li:nth-child(2).single-fact-counter { flex-direction: row-reverse; padding-right: 220px; } li:nth-child(2).single-fact-counter .counting { max-width: 300px; justify-content: flex-start; } li:nth-child(2).single-fact-counter .big-title { margin-left: 0; margin-right: 120px; } li:nth-child(2).single-fact-counter .text { width: 315px; } .single-fact-counter .counting { position: relative; display: flex; align-items: flex-end; justify-content: flex-end; max-width: 470px; width: 100%; top: 4px; } .single-fact-counter .counting h2 { color: var(--thm-black); font-size: 72px; line-height: 60px; font-weight: 700; font-family: var(--thm-font-2); } .single-fact-counter .counting p { position: relative; display: inline-block; padding-left: 15px; top: -8px; color: #a3a0a7; font-size: 21px; line-height: 21px; font-weight: 700; font-family: var(--thm-font-2); } .single-fact-counter .text { position: relative; top: 3px; display: block; width: 350px; text-align: right; padding-right: 30px; } .single-fact-counter .text p { color: var(--thm-black); font-size: 14px; line-height: 24px; font-weight: 700; text-transform: uppercase; font-family: var(--thm-font-2); } .single-fact-counter .text .dot { position: absolute; top: 7px; right: 0; width: 12px; height: 12px; background-color: var(--thm-primary-color); border-radius: 50%; } .single-fact-counter .big-title { position: relative; display: block; margin-left: 120px; font-size: 120px; line-height: 1.0em; font-weight: 700; font-family: var(--thm-font-2); background-image: linear-gradient(45deg, var(--thm-primary-color), var(--thm-secondary-color)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; -moz-background-clip: text; -moz-text-fill-color: transparent; opacity: 0.20; transition: opacity 0.5s ease; transition: all 0.5s ease; } .single-fact-counter:hover .big-title { opacity: 0.50; } /*** ============================================= Fact Counter style2 Css ============================================= ***/ .fact-counter-style2 { overflow: hidden; padding: 140px 0px 130px; } .fact-counter-style2 .row { --bs-gutter-x: 0px; } .fact-counter-style2__single { position: relative; display: block; } .fact-counter-style2__single::before { position: absolute; top: 0; right: 0px; bottom: 9px; width: 1px; background: #ced5e8; content: ""; } li:last-child .fact-counter-style2__single::before { display: none; } .fact-counter-style2__single .round-box { position: relative; display: block; width: 12px; height: 12px; background: var(--thm-primary-color); border-radius: 50%; margin: 0 auto 22px; } .fact-counter-style2__single h3 { font-size: 21px; line-height: 31px; text-transform: capitalize; margin-bottom: 16px; } .fact-counter-style2__single p { margin: 0; } .fact-counter-style2__single .counter-box { position: relative; display: block; } .fact-counter-style2__single .counter-box h2 { font-size: 52px; line-height: 0.9em; letter-spacing: 0.04em; margin-top: 25px; } .fact-counter-style2__single .counter-box h2 .percent { position: relative; display: inline-block; top: 5px; left: -9px; } .fact-counter-style2__single .counter-box h2 .sec { position: relative; display: inline-block; font-size: 18px; text-transform: capitalize; top: 5px; } .fact-counter-style2 .odometer.odometer-auto-theme, .fact-counter-style2 .odometer.odometer-theme-default { font-family: var(--thm-font-2); line-height: 0.9em; }