/*!***************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[12].use[3]!./node_modules/aos/dist/aos.css ***! \***************************************************************************************************************************************************************************************************************************************************************************/ [data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translateZ(0)}[data-aos=fade-up]{transform:translate3d(0,100px,0)}[data-aos=fade-down]{transform:translate3d(0,-100px,0)}[data-aos=fade-right]{transform:translate3d(-100px,0,0)}[data-aos=fade-left]{transform:translate3d(100px,0,0)}[data-aos=fade-up-right]{transform:translate3d(-100px,100px,0)}[data-aos=fade-up-left]{transform:translate3d(100px,100px,0)}[data-aos=fade-down-right]{transform:translate3d(-100px,-100px,0)}[data-aos=fade-down-left]{transform:translate3d(100px,-100px,0)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translateZ(0) scale(1)}[data-aos=zoom-in]{transform:scale(.6)}[data-aos=zoom-in-up]{transform:translate3d(0,100px,0) scale(.6)}[data-aos=zoom-in-down]{transform:translate3d(0,-100px,0) scale(.6)}[data-aos=zoom-in-right]{transform:translate3d(-100px,0,0) scale(.6)}[data-aos=zoom-in-left]{transform:translate3d(100px,0,0) scale(.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translate3d(0,100px,0) scale(1.2)}[data-aos=zoom-out-down]{transform:translate3d(0,-100px,0) scale(1.2)}[data-aos=zoom-out-right]{transform:translate3d(-100px,0,0) scale(1.2)}[data-aos=zoom-out-left]{transform:translate3d(100px,0,0) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translateZ(0)}[data-aos=slide-up]{transform:translate3d(0,100%,0)}[data-aos=slide-down]{transform:translate3d(0,-100%,0)}[data-aos=slide-right]{transform:translate3d(-100%,0,0)}[data-aos=slide-left]{transform:translate3d(100%,0,0)}[data-aos^=flip][data-aos^=flip]{-webkit-backface-visibility:hidden;backface-visibility:hidden;transition-property:transform}[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}[data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)} /*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[13].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[13].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[13].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[13].use[5]!./public/fonts/gilroy/fonts.css ***! \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /*! Generated by Font Squirrel (https://www.fontsquirrel.com) on May 28, 2019 */ @font-face { font-family: "gilroy-black"; src: url(/_next/static/media/gilroy-black-webfont.9adb0eca.woff2) format("woff2"), url(/_next/static/media/gilroy-black-webfont.83a9ba58.woff) format("woff"); font-weight: normal; font-style: normal; } @font-face { font-family: "gilroy-bold"; src: url(/_next/static/media/gilroy-bold-webfont.9a60c5d4.woff2) format("woff2"), url(/_next/static/media/gilroy-bold-webfont.17e861d6.woff) format("woff"); font-weight: normal; font-style: normal; } @font-face { font-family: "gilroy-semibold"; src: url(/_next/static/media/gilroy-semibold-webfont.7a22debd.woff2) format("woff2"), url(/_next/static/media/gilroy-semibold-webfont.af142fe1.woff) format("woff"); font-weight: normal; font-style: normal; } @font-face { font-family: "gilroy-light"; src: url(/_next/static/media/gilroy-light-webfont.947b6c19.woff2) format("woff2"), url(/_next/static/media/gilroy-light-webfont.8d4b3a21.woff) format("woff"); font-weight: normal; font-style: normal; } @font-face { font-family: "gilroy-ultralight"; src: url(/_next/static/media/gilroy-ultralight-webfont.127a285d.woff2) format("woff2"), url(/_next/static/media/gilroy-ultralight-webfont.d87c3d5e.woff) format("woff"); font-weight: normal; font-style: normal; } /*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[13].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[13].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[13].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[13].use[5]!./public/fonts/gordita/stylesheet.css ***! \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /*! Generated by Font Squirrel (https://www.fontsquirrel.com) on June 23, 2021 */ @font-face { font-family: "gordita"; src: url(/_next/static/media/gordita_medium-webfont.2c5243dd.woff2) format("woff2"), url(/_next/static/media/gordita_medium-webfont.664ad640.woff) format("woff"); font-weight: 500; font-style: normal; } @font-face { font-family: "gordita"; src: url(/_next/static/media/gordita_regular-webfont.54867ac9.woff2) format("woff2"), url(/_next/static/media/gordita_regular-webfont.41d071df.woff) format("woff"); font-weight: normal; font-style: normal; } /*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[13].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[13].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[13].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[13].use[5]!./public/fonts/recoleta/stylesheet.css ***! \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ @font-face { font-family: "Recoleta"; src: url(/_next/static/media/Recoleta-Thin.8f959498.eot); src: local("Recoleta Thin"), local("Recoleta-Thin"), url(/_next/static/media/Recoleta-Thin.8f959498.eot) format("embedded-opentype"), url(/_next/static/media/Recoleta-Thin.5458e42a.woff2) format("woff2"), url(/_next/static/media/Recoleta-Thin.ccb966e0.woff) format("woff"), url(/_next/static/media/Recoleta-Thin.4ae4e4ec.ttf) format("truetype"); font-weight: 100; font-style: normal; } @font-face { font-family: "Recoleta"; src: url(/_next/static/media/Recoleta-Light.b33c2bdd.eot); src: local("Recoleta Light"), local("Recoleta-Light"), url(/_next/static/media/Recoleta-Light.b33c2bdd.eot) format("embedded-opentype"), url(/_next/static/media/Recoleta-Light.649e9e40.woff2) format("woff2"), url(/_next/static/media/Recoleta-Light.90ddc539.woff) format("woff"), url(/_next/static/media/Recoleta-Light.4abe7d5f.ttf) format("truetype"); font-weight: 300; font-style: normal; } @font-face { font-family: "Recoleta"; src: url(/_next/static/media/Recoleta-Regular.bd656bff.eot); src: local("Recoleta Regular"), local("Recoleta-Regular"), url(/_next/static/media/Recoleta-Regular.bd656bff.eot) format("embedded-opentype"), url(/_next/static/media/Recoleta-Regular.8fd0ea04.woff2) format("woff2"), url(/_next/static/media/Recoleta-Regular.4f5d069c.woff) format("woff"), url(/_next/static/media/Recoleta-Regular.25522ef2.ttf) format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-family: "Recoleta"; src: url(/_next/static/media/Recoleta-Medium.1427b784.eot); src: local("Recoleta Medium"), local("Recoleta-Medium"), url(/_next/static/media/Recoleta-Medium.1427b784.eot) format("embedded-opentype"), url(/_next/static/media/Recoleta-Medium.65c5b5fc.woff2) format("woff2"), url(/_next/static/media/Recoleta-Medium.50715283.woff) format("woff"), url(/_next/static/media/Recoleta-Medium.d5e08094.ttf) format("truetype"); font-weight: 500; font-style: normal; } @font-face { font-family: "Recoleta"; src: url(/_next/static/media/Recoleta-SemiBold.bd089f16.eot); src: local("Recoleta SemiBold"), local("Recoleta-SemiBold"), url(/_next/static/media/Recoleta-SemiBold.bd089f16.eot) format("embedded-opentype"), url(/_next/static/media/Recoleta-SemiBold.e36f8fd0.woff2) format("woff2"), url(/_next/static/media/Recoleta-SemiBold.a9ea1276.woff) format("woff"), url(/_next/static/media/Recoleta-SemiBold.4da7448b.ttf) format("truetype"); font-weight: 600; font-style: normal; } @font-face { font-family: "Recoleta"; src: url(/_next/static/media/Recoleta-Bold.17dbfa29.eot); src: local("Recoleta Bold"), local("Recoleta-Bold"), url(/_next/static/media/Recoleta-Bold.17dbfa29.eot) format("embedded-opentype"), url(/_next/static/media/Recoleta-Bold.ec5c5f34.woff2) format("woff2"), url(/_next/static/media/Recoleta-Bold.16f59c1e.woff) format("woff"), url(/_next/static/media/Recoleta-Bold.b235c9e5.ttf) format("truetype"); font-weight: bold; font-style: normal; } @font-face { font-family: "Recoleta"; src: url(/_next/static/media/Recoleta-Black.f50b074d.eot); src: local("Recoleta Black"), local("Recoleta-Black"), url(/_next/static/media/Recoleta-Black.f50b074d.eot) format("embedded-opentype"), url(/_next/static/media/Recoleta-Black.f322cec9.woff2) format("woff2"), url(/_next/static/media/Recoleta-Black.8d428e4d.woff) format("woff"), url(/_next/static/media/Recoleta-Black.3679d953.ttf) format("truetype"); font-weight: 900; font-style: normal; } /*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[13].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[13].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[13].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[13].use[5]!./public/fonts/icon/font/flaticon.css ***! \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /* Flaticon icon font: Flaticon Creation date: 15/10/2020 16:15 */ @font-face { font-family: "Flaticon"; src: url(/_next/static/media/Flaticon.a0017ac8.eot); src: url(/_next/static/media/Flaticon.a0017ac8.eot) format("embedded-opentype"), url(/_next/static/media/Flaticon.9c5e0160.woff2) format("woff2"), url(/_next/static/media/Flaticon.062187fe.woff) format("woff"), url(/_next/static/media/Flaticon.60f71147.ttf) format("truetype"), url(/_next/static/media/Flaticon.5d7d4919.svg) format("svg"); font-weight: normal; font-style: normal; } @media screen and (-webkit-min-device-pixel-ratio: 0) { @font-face { font-family: "Flaticon"; src: url(/_next/static/media/Flaticon.5d7d4919.svg) format("svg"); } } [class^=flaticon-]:before, [class*=" flaticon-"]:before, [class^=flaticon-]:after, [class*=" flaticon-"]:after { font-family: Flaticon; font-size: inherit; font-style: normal; color: inherit; } .flaticon-arrow-down-sign-to-navigate:before { content: "\f100"; } .flaticon-right-arrow:before { content: "\f101"; } .flaticon-right:before { content: "\f102"; } .flaticon-right-arrow-1:before { content: "\f103"; } .flaticon-right-thin-arrow-angle:before { content: "\f104"; } .flaticon-arrow-point-to-right:before { content: "\f105"; } .flaticon-right-arrow-angle:before { content: "\f106"; } .flaticon-right-arrow-angle-1:before { content: "\f107"; } .flaticon-menu-of-three-lines:before { content: "\f108"; } .flaticon-menu-square-button:before { content: "\f109"; } .flaticon-checked:before { content: "\f10a"; } /*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[13].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[13].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[13].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[13].use[5]!./public/fonts/font-awesome/css/font-awesome.min.css ***! \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /*! * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ @font-face { font-family: "FontAwesome"; src: url(/_next/static/media/fontawesome-webfont.2b13baa7.eot); src: url(/_next/static/media/fontawesome-webfont.2b13baa7.eot) format("embedded-opentype"), url(/_next/static/media/fontawesome-webfont.e9955780.woff2) format("woff2"), url(/_next/static/media/fontawesome-webfont.cf011583.woff) format("woff"), url(/_next/static/media/fontawesome-webfont.8a7cb27d.ttf) format("truetype"), url(/_next/static/media/fontawesome-webfont.da909aa0.svg) format("svg"); font-weight: normal; font-style: normal; } .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .fa-lg { font-size: 1.33333333em; line-height: 0.75em; vertical-align: -15%; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-fw { width: 1.28571429em; text-align: center; } .fa-ul { padding-left: 0; margin-left: 2.14285714em; list-style-type: none; } .fa-ul > li { position: relative; } .fa-li { position: absolute; left: -2.14285714em; width: 2.14285714em; top: 0.14285714em; text-align: center; } .fa-li.fa-lg { left: -1.85714286em; } .fa-border { padding: 0.2em 0.25em 0.15em; border: solid 0.08em #eee; border-radius: 0.1em; } .fa-pull-left { float: left; } .fa-pull-right { float: right; } .fa.fa-pull-left { margin-right: 0.3em; } .fa.fa-pull-right { margin-left: 0.3em; } .pull-right { float: right; } .pull-left { float: left; } .fa.pull-left { margin-right: 0.3em; } .fa.pull-right { margin-left: 0.3em; } .fa-spin { animation: fa-spin 2s infinite linear; } .fa-pulse { animation: fa-spin 1s infinite steps(8); } @keyframes fa-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } } .fa-rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; transform: rotate(90deg); } .fa-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; transform: rotate(180deg); } .fa-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; transform: rotate(270deg); } .fa-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; transform: scale(-1, 1); } .fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; transform: scale(1, -1); } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical { filter: none; } .fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; } .fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: #fff; } .fa-glass:before { content: "\f000"; } .fa-music:before { content: "\f001"; } .fa-search:before { content: "\f002"; } .fa-envelope-o:before { content: "\f003"; } .fa-heart:before { content: "\f004"; } .fa-star:before { content: "\f005"; } .fa-star-o:before { content: "\f006"; } .fa-user:before { content: "\f007"; } .fa-film:before { content: "\f008"; } .fa-th-large:before { content: "\f009"; } .fa-th:before { content: "\f00a"; } .fa-th-list:before { content: "\f00b"; } .fa-check:before { content: "\f00c"; } .fa-remove:before, .fa-close:before, .fa-times:before { content: "\f00d"; } .fa-search-plus:before { content: "\f00e"; } .fa-search-minus:before { content: "\f010"; } .fa-power-off:before { content: "\f011"; } .fa-signal:before { content: "\f012"; } .fa-gear:before, .fa-cog:before { content: "\f013"; } .fa-trash-o:before { content: "\f014"; } .fa-home:before { content: "\f015"; } .fa-file-o:before { content: "\f016"; } .fa-clock-o:before { content: "\f017"; } .fa-road:before { content: "\f018"; } .fa-download:before { content: "\f019"; } .fa-arrow-circle-o-down:before { content: "\f01a"; } .fa-arrow-circle-o-up:before { content: "\f01b"; } .fa-inbox:before { content: "\f01c"; } .fa-play-circle-o:before { content: "\f01d"; } .fa-rotate-right:before, .fa-repeat:before { content: "\f01e"; } .fa-refresh:before { content: "\f021"; } .fa-list-alt:before { content: "\f022"; } .fa-lock:before { content: "\f023"; } .fa-flag:before { content: "\f024"; } .fa-headphones:before { content: "\f025"; } .fa-volume-off:before { content: "\f026"; } .fa-volume-down:before { content: "\f027"; } .fa-volume-up:before { content: "\f028"; } .fa-qrcode:before { content: "\f029"; } .fa-barcode:before { content: "\f02a"; } .fa-tag:before { content: "\f02b"; } .fa-tags:before { content: "\f02c"; } .fa-book:before { content: "\f02d"; } .fa-bookmark:before { content: "\f02e"; } .fa-print:before { content: "\f02f"; } .fa-camera:before { content: "\f030"; } .fa-font:before { content: "\f031"; } .fa-bold:before { content: "\f032"; } .fa-italic:before { content: "\f033"; } .fa-text-height:before { content: "\f034"; } .fa-text-width:before { content: "\f035"; } .fa-align-left:before { content: "\f036"; } .fa-align-center:before { content: "\f037"; } .fa-align-right:before { content: "\f038"; } .fa-align-justify:before { content: "\f039"; } .fa-list:before { content: "\f03a"; } .fa-dedent:before, .fa-outdent:before { content: "\f03b"; } .fa-indent:before { content: "\f03c"; } .fa-video-camera:before { content: "\f03d"; } .fa-photo:before, .fa-image:before, .fa-picture-o:before { content: "\f03e"; } .fa-pencil:before { content: "\f040"; } .fa-map-marker:before { content: "\f041"; } .fa-adjust:before { content: "\f042"; } .fa-tint:before { content: "\f043"; } .fa-edit:before, .fa-pencil-square-o:before { content: "\f044"; } .fa-share-square-o:before { content: "\f045"; } .fa-check-square-o:before { content: "\f046"; } .fa-arrows:before { content: "\f047"; } .fa-step-backward:before { content: "\f048"; } .fa-fast-backward:before { content: "\f049"; } .fa-backward:before { content: "\f04a"; } .fa-play:before { content: "\f04b"; } .fa-pause:before { content: "\f04c"; } .fa-stop:before { content: "\f04d"; } .fa-forward:before { content: "\f04e"; } .fa-fast-forward:before { content: "\f050"; } .fa-step-forward:before { content: "\f051"; } .fa-eject:before { content: "\f052"; } .fa-chevron-left:before { content: "\f053"; } .fa-chevron-right:before { content: "\f054"; } .fa-plus-circle:before { content: "\f055"; } .fa-minus-circle:before { content: "\f056"; } .fa-times-circle:before { content: "\f057"; } .fa-check-circle:before { content: "\f058"; } .fa-question-circle:before { content: "\f059"; } .fa-info-circle:before { content: "\f05a"; } .fa-crosshairs:before { content: "\f05b"; } .fa-times-circle-o:before { content: "\f05c"; } .fa-check-circle-o:before { content: "\f05d"; } .fa-ban:before { content: "\f05e"; } .fa-arrow-left:before { content: "\f060"; } .fa-arrow-right:before { content: "\f061"; } .fa-arrow-up:before { content: "\f062"; } .fa-arrow-down:before { content: "\f063"; } .fa-mail-forward:before, .fa-share:before { content: "\f064"; } .fa-expand:before { content: "\f065"; } .fa-compress:before { content: "\f066"; } .fa-plus:before { content: "\f067"; } .fa-minus:before { content: "\f068"; } .fa-asterisk:before { content: "\f069"; } .fa-exclamation-circle:before { content: "\f06a"; } .fa-gift:before { content: "\f06b"; } .fa-leaf:before { content: "\f06c"; } .fa-fire:before { content: "\f06d"; } .fa-eye:before { content: "\f06e"; } .fa-eye-slash:before { content: "\f070"; } .fa-warning:before, .fa-exclamation-triangle:before { content: "\f071"; } .fa-plane:before { content: "\f072"; } .fa-calendar:before { content: "\f073"; } .fa-random:before { content: "\f074"; } .fa-comment:before { content: "\f075"; } .fa-magnet:before { content: "\f076"; } .fa-chevron-up:before { content: "\f077"; } .fa-chevron-down:before { content: "\f078"; } .fa-retweet:before { content: "\f079"; } .fa-shopping-cart:before { content: "\f07a"; } .fa-folder:before { content: "\f07b"; } .fa-folder-open:before { content: "\f07c"; } .fa-arrows-v:before { content: "\f07d"; } .fa-arrows-h:before { content: "\f07e"; } .fa-bar-chart-o:before, .fa-bar-chart:before { content: "\f080"; } .fa-twitter-square:before { content: "\f081"; } .fa-facebook-square:before { content: "\f082"; } .fa-camera-retro:before { content: "\f083"; } .fa-key:before { content: "\f084"; } .fa-gears:before, .fa-cogs:before { content: "\f085"; } .fa-comments:before { content: "\f086"; } .fa-thumbs-o-up:before { content: "\f087"; } .fa-thumbs-o-down:before { content: "\f088"; } .fa-star-half:before { content: "\f089"; } .fa-heart-o:before { content: "\f08a"; } .fa-sign-out:before { content: "\f08b"; } .fa-linkedin-square:before { content: "\f08c"; } .fa-thumb-tack:before { content: "\f08d"; } .fa-external-link:before { content: "\f08e"; } .fa-sign-in:before { content: "\f090"; } .fa-trophy:before { content: "\f091"; } .fa-github-square:before { content: "\f092"; } .fa-upload:before { content: "\f093"; } .fa-lemon-o:before { content: "\f094"; } .fa-phone:before { content: "\f095"; } .fa-square-o:before { content: "\f096"; } .fa-bookmark-o:before { content: "\f097"; } .fa-phone-square:before { content: "\f098"; } .fa-twitter:before { content: "\f099"; } .fa-facebook-f:before, .fa-facebook:before { content: "\f09a"; } .fa-github:before { content: "\f09b"; } .fa-unlock:before { content: "\f09c"; } .fa-credit-card:before { content: "\f09d"; } .fa-feed:before, .fa-rss:before { content: "\f09e"; } .fa-hdd-o:before { content: "\f0a0"; } .fa-bullhorn:before { content: "\f0a1"; } .fa-bell:before { content: "\f0f3"; } .fa-certificate:before { content: "\f0a3"; } .fa-hand-o-right:before { content: "\f0a4"; } .fa-hand-o-left:before { content: "\f0a5"; } .fa-hand-o-up:before { content: "\f0a6"; } .fa-hand-o-down:before { content: "\f0a7"; } .fa-arrow-circle-left:before { content: "\f0a8"; } .fa-arrow-circle-right:before { content: "\f0a9"; } .fa-arrow-circle-up:before { content: "\f0aa"; } .fa-arrow-circle-down:before { content: "\f0ab"; } .fa-globe:before { content: "\f0ac"; } .fa-wrench:before { content: "\f0ad"; } .fa-tasks:before { content: "\f0ae"; } .fa-filter:before { content: "\f0b0"; } .fa-briefcase:before { content: "\f0b1"; } .fa-arrows-alt:before { content: "\f0b2"; } .fa-group:before, .fa-users:before { content: "\f0c0"; } .fa-chain:before, .fa-link:before { content: "\f0c1"; } .fa-cloud:before { content: "\f0c2"; } .fa-flask:before { content: "\f0c3"; } .fa-cut:before, .fa-scissors:before { content: "\f0c4"; } .fa-copy:before, .fa-files-o:before { content: "\f0c5"; } .fa-paperclip:before { content: "\f0c6"; } .fa-save:before, .fa-floppy-o:before { content: "\f0c7"; } .fa-square:before { content: "\f0c8"; } .fa-navicon:before, .fa-reorder:before, .fa-bars:before { content: "\f0c9"; } .fa-list-ul:before { content: "\f0ca"; } .fa-list-ol:before { content: "\f0cb"; } .fa-strikethrough:before { content: "\f0cc"; } .fa-underline:before { content: "\f0cd"; } .fa-table:before { content: "\f0ce"; } .fa-magic:before { content: "\f0d0"; } .fa-truck:before { content: "\f0d1"; } .fa-pinterest:before { content: "\f0d2"; } .fa-pinterest-square:before { content: "\f0d3"; } .fa-google-plus-square:before { content: "\f0d4"; } .fa-google-plus:before { content: "\f0d5"; } .fa-money:before { content: "\f0d6"; } .fa-caret-down:before { content: "\f0d7"; } .fa-caret-up:before { content: "\f0d8"; } .fa-caret-left:before { content: "\f0d9"; } .fa-caret-right:before { content: "\f0da"; } .fa-columns:before { content: "\f0db"; } .fa-unsorted:before, .fa-sort:before { content: "\f0dc"; } .fa-sort-down:before, .fa-sort-desc:before { content: "\f0dd"; } .fa-sort-up:before, .fa-sort-asc:before { content: "\f0de"; } .fa-envelope:before { content: "\f0e0"; } .fa-linkedin:before { content: "\f0e1"; } .fa-rotate-left:before, .fa-undo:before { content: "\f0e2"; } .fa-legal:before, .fa-gavel:before { content: "\f0e3"; } .fa-dashboard:before, .fa-tachometer:before { content: "\f0e4"; } .fa-comment-o:before { content: "\f0e5"; } .fa-comments-o:before { content: "\f0e6"; } .fa-flash:before, .fa-bolt:before { content: "\f0e7"; } .fa-sitemap:before { content: "\f0e8"; } .fa-umbrella:before { content: "\f0e9"; } .fa-paste:before, .fa-clipboard:before { content: "\f0ea"; } .fa-lightbulb-o:before { content: "\f0eb"; } .fa-exchange:before { content: "\f0ec"; } .fa-cloud-download:before { content: "\f0ed"; } .fa-cloud-upload:before { content: "\f0ee"; } .fa-user-md:before { content: "\f0f0"; } .fa-stethoscope:before { content: "\f0f1"; } .fa-suitcase:before { content: "\f0f2"; } .fa-bell-o:before { content: "\f0a2"; } .fa-coffee:before { content: "\f0f4"; } .fa-cutlery:before { content: "\f0f5"; } .fa-file-text-o:before { content: "\f0f6"; } .fa-building-o:before { content: "\f0f7"; } .fa-hospital-o:before { content: "\f0f8"; } .fa-ambulance:before { content: "\f0f9"; } .fa-medkit:before { content: "\f0fa"; } .fa-fighter-jet:before { content: "\f0fb"; } .fa-beer:before { content: "\f0fc"; } .fa-h-square:before { content: "\f0fd"; } .fa-plus-square:before { content: "\f0fe"; } .fa-angle-double-left:before { content: "\f100"; } .fa-angle-double-right:before { content: "\f101"; } .fa-angle-double-up:before { content: "\f102"; } .fa-angle-double-down:before { content: "\f103"; } .fa-angle-left:before { content: "\f104"; } .fa-angle-right:before { content: "\f105"; } .fa-angle-up:before { content: "\f106"; } .fa-angle-down:before { content: "\f107"; } .fa-desktop:before { content: "\f108"; } .fa-laptop:before { content: "\f109"; } .fa-tablet:before { content: "\f10a"; } .fa-mobile-phone:before, .fa-mobile:before { content: "\f10b"; } .fa-circle-o:before { content: "\f10c"; } .fa-quote-left:before { content: "\f10d"; } .fa-quote-right:before { content: "\f10e"; } .fa-spinner:before { content: "\f110"; } .fa-circle:before { content: "\f111"; } .fa-mail-reply:before, .fa-reply:before { content: "\f112"; } .fa-github-alt:before { content: "\f113"; } .fa-folder-o:before { content: "\f114"; } .fa-folder-open-o:before { content: "\f115"; } .fa-smile-o:before { content: "\f118"; } .fa-frown-o:before { content: "\f119"; } .fa-meh-o:before { content: "\f11a"; } .fa-gamepad:before { content: "\f11b"; } .fa-keyboard-o:before { content: "\f11c"; } .fa-flag-o:before { content: "\f11d"; } .fa-flag-checkered:before { content: "\f11e"; } .fa-terminal:before { content: "\f120"; } .fa-code:before { content: "\f121"; } .fa-mail-reply-all:before, .fa-reply-all:before { content: "\f122"; } .fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: "\f123"; } .fa-location-arrow:before { content: "\f124"; } .fa-crop:before { content: "\f125"; } .fa-code-fork:before { content: "\f126"; } .fa-unlink:before, .fa-chain-broken:before { content: "\f127"; } .fa-question:before { content: "\f128"; } .fa-info:before { content: "\f129"; } .fa-exclamation:before { content: "\f12a"; } .fa-superscript:before { content: "\f12b"; } .fa-subscript:before { content: "\f12c"; } .fa-eraser:before { content: "\f12d"; } .fa-puzzle-piece:before { content: "\f12e"; } .fa-microphone:before { content: "\f130"; } .fa-microphone-slash:before { content: "\f131"; } .fa-shield:before { content: "\f132"; } .fa-calendar-o:before { content: "\f133"; } .fa-fire-extinguisher:before { content: "\f134"; } .fa-rocket:before { content: "\f135"; } .fa-maxcdn:before { content: "\f136"; } .fa-chevron-circle-left:before { content: "\f137"; } .fa-chevron-circle-right:before { content: "\f138"; } .fa-chevron-circle-up:before { content: "\f139"; } .fa-chevron-circle-down:before { content: "\f13a"; } .fa-html5:before { content: "\f13b"; } .fa-css3:before { content: "\f13c"; } .fa-anchor:before { content: "\f13d"; } .fa-unlock-alt:before { content: "\f13e"; } .fa-bullseye:before { content: "\f140"; } .fa-ellipsis-h:before { content: "\f141"; } .fa-ellipsis-v:before { content: "\f142"; } .fa-rss-square:before { content: "\f143"; } .fa-play-circle:before { content: "\f144"; } .fa-ticket:before { content: "\f145"; } .fa-minus-square:before { content: "\f146"; } .fa-minus-square-o:before { content: "\f147"; } .fa-level-up:before { content: "\f148"; } .fa-level-down:before { content: "\f149"; } .fa-check-square:before { content: "\f14a"; } .fa-pencil-square:before { content: "\f14b"; } .fa-external-link-square:before { content: "\f14c"; } .fa-share-square:before { content: "\f14d"; } .fa-compass:before { content: "\f14e"; } .fa-toggle-down:before, .fa-caret-square-o-down:before { content: "\f150"; } .fa-toggle-up:before, .fa-caret-square-o-up:before { content: "\f151"; } .fa-toggle-right:before, .fa-caret-square-o-right:before { content: "\f152"; } .fa-euro:before, .fa-eur:before { content: "\f153"; } .fa-gbp:before { content: "\f154"; } .fa-dollar:before, .fa-usd:before { content: "\f155"; } .fa-rupee:before, .fa-inr:before { content: "\f156"; } .fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before { content: "\f157"; } .fa-ruble:before, .fa-rouble:before, .fa-rub:before { content: "\f158"; } .fa-won:before, .fa-krw:before { content: "\f159"; } .fa-bitcoin:before, .fa-btc:before { content: "\f15a"; } .fa-file:before { content: "\f15b"; } .fa-file-text:before { content: "\f15c"; } .fa-sort-alpha-asc:before { content: "\f15d"; } .fa-sort-alpha-desc:before { content: "\f15e"; } .fa-sort-amount-asc:before { content: "\f160"; } .fa-sort-amount-desc:before { content: "\f161"; } .fa-sort-numeric-asc:before { content: "\f162"; } .fa-sort-numeric-desc:before { content: "\f163"; } .fa-thumbs-up:before { content: "\f164"; } .fa-thumbs-down:before { content: "\f165"; } .fa-youtube-square:before { content: "\f166"; } .fa-youtube:before { content: "\f167"; } .fa-xing:before { content: "\f168"; } .fa-xing-square:before { content: "\f169"; } .fa-youtube-play:before { content: "\f16a"; } .fa-dropbox:before { content: "\f16b"; } .fa-stack-overflow:before { content: "\f16c"; } .fa-instagram:before { content: "\f16d"; } .fa-flickr:before { content: "\f16e"; } .fa-adn:before { content: "\f170"; } .fa-bitbucket:before { content: "\f171"; } .fa-bitbucket-square:before { content: "\f172"; } .fa-tumblr:before { content: "\f173"; } .fa-tumblr-square:before { content: "\f174"; } .fa-long-arrow-down:before { content: "\f175"; } .fa-long-arrow-up:before { content: "\f176"; } .fa-long-arrow-left:before { content: "\f177"; } .fa-long-arrow-right:before { content: "\f178"; } .fa-apple:before { content: "\f179"; } .fa-windows:before { content: "\f17a"; } .fa-android:before { content: "\f17b"; } .fa-linux:before { content: "\f17c"; } .fa-dribbble:before { content: "\f17d"; } .fa-skype:before { content: "\f17e"; } .fa-foursquare:before { content: "\f180"; } .fa-trello:before { content: "\f181"; } .fa-female:before { content: "\f182"; } .fa-male:before { content: "\f183"; } .fa-gittip:before, .fa-gratipay:before { content: "\f184"; } .fa-sun-o:before { content: "\f185"; } .fa-moon-o:before { content: "\f186"; } .fa-archive:before { content: "\f187"; } .fa-bug:before { content: "\f188"; } .fa-vk:before { content: "\f189"; } .fa-weibo:before { content: "\f18a"; } .fa-renren:before { content: "\f18b"; } .fa-pagelines:before { content: "\f18c"; } .fa-stack-exchange:before { content: "\f18d"; } .fa-arrow-circle-o-right:before { content: "\f18e"; } .fa-arrow-circle-o-left:before { content: "\f190"; } .fa-toggle-left:before, .fa-caret-square-o-left:before { content: "\f191"; } .fa-dot-circle-o:before { content: "\f192"; } .fa-wheelchair:before { content: "\f193"; } .fa-vimeo-square:before { content: "\f194"; } .fa-turkish-lira:before, .fa-try:before { content: "\f195"; } .fa-plus-square-o:before { content: "\f196"; } .fa-space-shuttle:before { content: "\f197"; } .fa-slack:before { content: "\f198"; } .fa-envelope-square:before { content: "\f199"; } .fa-wordpress:before { content: "\f19a"; } .fa-openid:before { content: "\f19b"; } .fa-institution:before, .fa-bank:before, .fa-university:before { content: "\f19c"; } .fa-mortar-board:before, .fa-graduation-cap:before { content: "\f19d"; } .fa-yahoo:before { content: "\f19e"; } .fa-google:before { content: "\f1a0"; } .fa-reddit:before { content: "\f1a1"; } .fa-reddit-square:before { content: "\f1a2"; } .fa-stumbleupon-circle:before { content: "\f1a3"; } .fa-stumbleupon:before { content: "\f1a4"; } .fa-delicious:before { content: "\f1a5"; } .fa-digg:before { content: "\f1a6"; } .fa-pied-piper-pp:before { content: "\f1a7"; } .fa-pied-piper-alt:before { content: "\f1a8"; } .fa-drupal:before { content: "\f1a9"; } .fa-joomla:before { content: "\f1aa"; } .fa-language:before { content: "\f1ab"; } .fa-fax:before { content: "\f1ac"; } .fa-building:before { content: "\f1ad"; } .fa-child:before { content: "\f1ae"; } .fa-paw:before { content: "\f1b0"; } .fa-spoon:before { content: "\f1b1"; } .fa-cube:before { content: "\f1b2"; } .fa-cubes:before { content: "\f1b3"; } .fa-behance:before { content: "\f1b4"; } .fa-behance-square:before { content: "\f1b5"; } .fa-steam:before { content: "\f1b6"; } .fa-steam-square:before { content: "\f1b7"; } .fa-recycle:before { content: "\f1b8"; } .fa-automobile:before, .fa-car:before { content: "\f1b9"; } .fa-cab:before, .fa-taxi:before { content: "\f1ba"; } .fa-tree:before { content: "\f1bb"; } .fa-spotify:before { content: "\f1bc"; } .fa-deviantart:before { content: "\f1bd"; } .fa-soundcloud:before { content: "\f1be"; } .fa-database:before { content: "\f1c0"; } .fa-file-pdf-o:before { content: "\f1c1"; } .fa-file-word-o:before { content: "\f1c2"; } .fa-file-excel-o:before { content: "\f1c3"; } .fa-file-powerpoint-o:before { content: "\f1c4"; } .fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before { content: "\f1c5"; } .fa-file-zip-o:before, .fa-file-archive-o:before { content: "\f1c6"; } .fa-file-sound-o:before, .fa-file-audio-o:before { content: "\f1c7"; } .fa-file-movie-o:before, .fa-file-video-o:before { content: "\f1c8"; } .fa-file-code-o:before { content: "\f1c9"; } .fa-vine:before { content: "\f1ca"; } .fa-codepen:before { content: "\f1cb"; } .fa-jsfiddle:before { content: "\f1cc"; } .fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before { content: "\f1cd"; } .fa-circle-o-notch:before { content: "\f1ce"; } .fa-ra:before, .fa-resistance:before, .fa-rebel:before { content: "\f1d0"; } .fa-ge:before, .fa-empire:before { content: "\f1d1"; } .fa-git-square:before { content: "\f1d2"; } .fa-git:before { content: "\f1d3"; } .fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before { content: "\f1d4"; } .fa-tencent-weibo:before { content: "\f1d5"; } .fa-qq:before { content: "\f1d6"; } .fa-wechat:before, .fa-weixin:before { content: "\f1d7"; } .fa-send:before, .fa-paper-plane:before { content: "\f1d8"; } .fa-send-o:before, .fa-paper-plane-o:before { content: "\f1d9"; } .fa-history:before { content: "\f1da"; } .fa-circle-thin:before { content: "\f1db"; } .fa-header:before { content: "\f1dc"; } .fa-paragraph:before { content: "\f1dd"; } .fa-sliders:before { content: "\f1de"; } .fa-share-alt:before { content: "\f1e0"; } .fa-share-alt-square:before { content: "\f1e1"; } .fa-bomb:before { content: "\f1e2"; } .fa-soccer-ball-o:before, .fa-futbol-o:before { content: "\f1e3"; } .fa-tty:before { content: "\f1e4"; } .fa-binoculars:before { content: "\f1e5"; } .fa-plug:before { content: "\f1e6"; } .fa-slideshare:before { content: "\f1e7"; } .fa-twitch:before { content: "\f1e8"; } .fa-yelp:before { content: "\f1e9"; } .fa-newspaper-o:before { content: "\f1ea"; } .fa-wifi:before { content: "\f1eb"; } .fa-calculator:before { content: "\f1ec"; } .fa-paypal:before { content: "\f1ed"; } .fa-google-wallet:before { content: "\f1ee"; } .fa-cc-visa:before { content: "\f1f0"; } .fa-cc-mastercard:before { content: "\f1f1"; } .fa-cc-discover:before { content: "\f1f2"; } .fa-cc-amex:before { content: "\f1f3"; } .fa-cc-paypal:before { content: "\f1f4"; } .fa-cc-stripe:before { content: "\f1f5"; } .fa-bell-slash:before { content: "\f1f6"; } .fa-bell-slash-o:before { content: "\f1f7"; } .fa-trash:before { content: "\f1f8"; } .fa-copyright:before { content: "\f1f9"; } .fa-at:before { content: "\f1fa"; } .fa-eyedropper:before { content: "\f1fb"; } .fa-paint-brush:before { content: "\f1fc"; } .fa-birthday-cake:before { content: "\f1fd"; } .fa-area-chart:before { content: "\f1fe"; } .fa-pie-chart:before { content: "\f200"; } .fa-line-chart:before { content: "\f201"; } .fa-lastfm:before { content: "\f202"; } .fa-lastfm-square:before { content: "\f203"; } .fa-toggle-off:before { content: "\f204"; } .fa-toggle-on:before { content: "\f205"; } .fa-bicycle:before { content: "\f206"; } .fa-bus:before { content: "\f207"; } .fa-ioxhost:before { content: "\f208"; } .fa-angellist:before { content: "\f209"; } .fa-cc:before { content: "\f20a"; } .fa-shekel:before, .fa-sheqel:before, .fa-ils:before { content: "\f20b"; } .fa-meanpath:before { content: "\f20c"; } .fa-buysellads:before { content: "\f20d"; } .fa-connectdevelop:before { content: "\f20e"; } .fa-dashcube:before { content: "\f210"; } .fa-forumbee:before { content: "\f211"; } .fa-leanpub:before { content: "\f212"; } .fa-sellsy:before { content: "\f213"; } .fa-shirtsinbulk:before { content: "\f214"; } .fa-simplybuilt:before { content: "\f215"; } .fa-skyatlas:before { content: "\f216"; } .fa-cart-plus:before { content: "\f217"; } .fa-cart-arrow-down:before { content: "\f218"; } .fa-diamond:before { content: "\f219"; } .fa-ship:before { content: "\f21a"; } .fa-user-secret:before { content: "\f21b"; } .fa-motorcycle:before { content: "\f21c"; } .fa-street-view:before { content: "\f21d"; } .fa-heartbeat:before { content: "\f21e"; } .fa-venus:before { content: "\f221"; } .fa-mars:before { content: "\f222"; } .fa-mercury:before { content: "\f223"; } .fa-intersex:before, .fa-transgender:before { content: "\f224"; } .fa-transgender-alt:before { content: "\f225"; } .fa-venus-double:before { content: "\f226"; } .fa-mars-double:before { content: "\f227"; } .fa-venus-mars:before { content: "\f228"; } .fa-mars-stroke:before { content: "\f229"; } .fa-mars-stroke-v:before { content: "\f22a"; } .fa-mars-stroke-h:before { content: "\f22b"; } .fa-neuter:before { content: "\f22c"; } .fa-genderless:before { content: "\f22d"; } .fa-facebook-official:before { content: "\f230"; } .fa-pinterest-p:before { content: "\f231"; } .fa-whatsapp:before { content: "\f232"; } .fa-server:before { content: "\f233"; } .fa-user-plus:before { content: "\f234"; } .fa-user-times:before { content: "\f235"; } .fa-hotel:before, .fa-bed:before { content: "\f236"; } .fa-viacoin:before { content: "\f237"; } .fa-train:before { content: "\f238"; } .fa-subway:before { content: "\f239"; } .fa-medium:before { content: "\f23a"; } .fa-yc:before, .fa-y-combinator:before { content: "\f23b"; } .fa-optin-monster:before { content: "\f23c"; } .fa-opencart:before { content: "\f23d"; } .fa-expeditedssl:before { content: "\f23e"; } .fa-battery-4:before, .fa-battery:before, .fa-battery-full:before { content: "\f240"; } .fa-battery-3:before, .fa-battery-three-quarters:before { content: "\f241"; } .fa-battery-2:before, .fa-battery-half:before { content: "\f242"; } .fa-battery-1:before, .fa-battery-quarter:before { content: "\f243"; } .fa-battery-0:before, .fa-battery-empty:before { content: "\f244"; } .fa-mouse-pointer:before { content: "\f245"; } .fa-i-cursor:before { content: "\f246"; } .fa-object-group:before { content: "\f247"; } .fa-object-ungroup:before { content: "\f248"; } .fa-sticky-note:before { content: "\f249"; } .fa-sticky-note-o:before { content: "\f24a"; } .fa-cc-jcb:before { content: "\f24b"; } .fa-cc-diners-club:before { content: "\f24c"; } .fa-clone:before { content: "\f24d"; } .fa-balance-scale:before { content: "\f24e"; } .fa-hourglass-o:before { content: "\f250"; } .fa-hourglass-1:before, .fa-hourglass-start:before { content: "\f251"; } .fa-hourglass-2:before, .fa-hourglass-half:before { content: "\f252"; } .fa-hourglass-3:before, .fa-hourglass-end:before { content: "\f253"; } .fa-hourglass:before { content: "\f254"; } .fa-hand-grab-o:before, .fa-hand-rock-o:before { content: "\f255"; } .fa-hand-stop-o:before, .fa-hand-paper-o:before { content: "\f256"; } .fa-hand-scissors-o:before { content: "\f257"; } .fa-hand-lizard-o:before { content: "\f258"; } .fa-hand-spock-o:before { content: "\f259"; } .fa-hand-pointer-o:before { content: "\f25a"; } .fa-hand-peace-o:before { content: "\f25b"; } .fa-trademark:before { content: "\f25c"; } .fa-registered:before { content: "\f25d"; } .fa-creative-commons:before { content: "\f25e"; } .fa-gg:before { content: "\f260"; } .fa-gg-circle:before { content: "\f261"; } .fa-tripadvisor:before { content: "\f262"; } .fa-odnoklassniki:before { content: "\f263"; } .fa-odnoklassniki-square:before { content: "\f264"; } .fa-get-pocket:before { content: "\f265"; } .fa-wikipedia-w:before { content: "\f266"; } .fa-safari:before { content: "\f267"; } .fa-chrome:before { content: "\f268"; } .fa-firefox:before { content: "\f269"; } .fa-opera:before { content: "\f26a"; } .fa-internet-explorer:before { content: "\f26b"; } .fa-tv:before, .fa-television:before { content: "\f26c"; } .fa-contao:before { content: "\f26d"; } .fa-500px:before { content: "\f26e"; } .fa-amazon:before { content: "\f270"; } .fa-calendar-plus-o:before { content: "\f271"; } .fa-calendar-minus-o:before { content: "\f272"; } .fa-calendar-times-o:before { content: "\f273"; } .fa-calendar-check-o:before { content: "\f274"; } .fa-industry:before { content: "\f275"; } .fa-map-pin:before { content: "\f276"; } .fa-map-signs:before { content: "\f277"; } .fa-map-o:before { content: "\f278"; } .fa-map:before { content: "\f279"; } .fa-commenting:before { content: "\f27a"; } .fa-commenting-o:before { content: "\f27b"; } .fa-houzz:before { content: "\f27c"; } .fa-vimeo:before { content: "\f27d"; } .fa-black-tie:before { content: "\f27e"; } .fa-fonticons:before { content: "\f280"; } .fa-reddit-alien:before { content: "\f281"; } .fa-edge:before { content: "\f282"; } .fa-credit-card-alt:before { content: "\f283"; } .fa-codiepie:before { content: "\f284"; } .fa-modx:before { content: "\f285"; } .fa-fort-awesome:before { content: "\f286"; } .fa-usb:before { content: "\f287"; } .fa-product-hunt:before { content: "\f288"; } .fa-mixcloud:before { content: "\f289"; } .fa-scribd:before { content: "\f28a"; } .fa-pause-circle:before { content: "\f28b"; } .fa-pause-circle-o:before { content: "\f28c"; } .fa-stop-circle:before { content: "\f28d"; } .fa-stop-circle-o:before { content: "\f28e"; } .fa-shopping-bag:before { content: "\f290"; } .fa-shopping-basket:before { content: "\f291"; } .fa-hashtag:before { content: "\f292"; } .fa-bluetooth:before { content: "\f293"; } .fa-bluetooth-b:before { content: "\f294"; } .fa-percent:before { content: "\f295"; } .fa-gitlab:before { content: "\f296"; } .fa-wpbeginner:before { content: "\f297"; } .fa-wpforms:before { content: "\f298"; } .fa-envira:before { content: "\f299"; } .fa-universal-access:before { content: "\f29a"; } .fa-wheelchair-alt:before { content: "\f29b"; } .fa-question-circle-o:before { content: "\f29c"; } .fa-blind:before { content: "\f29d"; } .fa-audio-description:before { content: "\f29e"; } .fa-volume-control-phone:before { content: "\f2a0"; } .fa-braille:before { content: "\f2a1"; } .fa-assistive-listening-systems:before { content: "\f2a2"; } .fa-asl-interpreting:before, .fa-american-sign-language-interpreting:before { content: "\f2a3"; } .fa-deafness:before, .fa-hard-of-hearing:before, .fa-deaf:before { content: "\f2a4"; } .fa-glide:before { content: "\f2a5"; } .fa-glide-g:before { content: "\f2a6"; } .fa-signing:before, .fa-sign-language:before { content: "\f2a7"; } .fa-low-vision:before { content: "\f2a8"; } .fa-viadeo:before { content: "\f2a9"; } .fa-viadeo-square:before { content: "\f2aa"; } .fa-snapchat:before { content: "\f2ab"; } .fa-snapchat-ghost:before { content: "\f2ac"; } .fa-snapchat-square:before { content: "\f2ad"; } .fa-pied-piper:before { content: "\f2ae"; } .fa-first-order:before { content: "\f2b0"; } .fa-yoast:before { content: "\f2b1"; } .fa-themeisle:before { content: "\f2b2"; } .fa-google-plus-circle:before, .fa-google-plus-official:before { content: "\f2b3"; } .fa-fa:before, .fa-font-awesome:before { content: "\f2b4"; } .fa-handshake-o:before { content: "\f2b5"; } .fa-envelope-open:before { content: "\f2b6"; } .fa-envelope-open-o:before { content: "\f2b7"; } .fa-linode:before { content: "\f2b8"; } .fa-address-book:before { content: "\f2b9"; } .fa-address-book-o:before { content: "\f2ba"; } .fa-vcard:before, .fa-address-card:before { content: "\f2bb"; } .fa-vcard-o:before, .fa-address-card-o:before { content: "\f2bc"; } .fa-user-circle:before { content: "\f2bd"; } .fa-user-circle-o:before { content: "\f2be"; } .fa-user-o:before { content: "\f2c0"; } .fa-id-badge:before { content: "\f2c1"; } .fa-drivers-license:before, .fa-id-card:before { content: "\f2c2"; } .fa-drivers-license-o:before, .fa-id-card-o:before { content: "\f2c3"; } .fa-quora:before { content: "\f2c4"; } .fa-free-code-camp:before { content: "\f2c5"; } .fa-telegram:before { content: "\f2c6"; } .fa-thermometer-4:before, .fa-thermometer:before, .fa-thermometer-full:before { content: "\f2c7"; } .fa-thermometer-3:before, .fa-thermometer-three-quarters:before { content: "\f2c8"; } .fa-thermometer-2:before, .fa-thermometer-half:before { content: "\f2c9"; } .fa-thermometer-1:before, .fa-thermometer-quarter:before { content: "\f2ca"; } .fa-thermometer-0:before, .fa-thermometer-empty:before { content: "\f2cb"; } .fa-shower:before { content: "\f2cc"; } .fa-bathtub:before, .fa-s15:before, .fa-bath:before { content: "\f2cd"; } .fa-podcast:before { content: "\f2ce"; } .fa-window-maximize:before { content: "\f2d0"; } .fa-window-minimize:before { content: "\f2d1"; } .fa-window-restore:before { content: "\f2d2"; } .fa-times-rectangle:before, .fa-window-close:before { content: "\f2d3"; } .fa-times-rectangle-o:before, .fa-window-close-o:before { content: "\f2d4"; } .fa-bandcamp:before { content: "\f2d5"; } .fa-grav:before { content: "\f2d6"; } .fa-etsy:before { content: "\f2d7"; } .fa-imdb:before { content: "\f2d8"; } .fa-ravelry:before { content: "\f2d9"; } .fa-eercast:before { content: "\f2da"; } .fa-microchip:before { content: "\f2db"; } .fa-snowflake-o:before { content: "\f2dc"; } .fa-superpowers:before { content: "\f2dd"; } .fa-wpexplorer:before { content: "\f2de"; } .fa-meetup:before { content: "\f2e0"; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } /*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[13].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[13].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[13].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[13].use[5]!./public/fonts/gilroy/fonts.css (1) ***! \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /*! Generated by Font Squirrel (https://www.fontsquirrel.com) on May 28, 2019 */ @font-face { font-family: "gilroy-black"; src: url(/_next/static/media/gilroy-black-webfont.9adb0eca.woff2) format("woff2"), url(/_next/static/media/gilroy-black-webfont.83a9ba58.woff) format("woff"); font-weight: normal; font-style: normal; } @font-face { font-family: "gilroy-bold"; src: url(/_next/static/media/gilroy-bold-webfont.9a60c5d4.woff2) format("woff2"), url(/_next/static/media/gilroy-bold-webfont.17e861d6.woff) format("woff"); font-weight: normal; font-style: normal; } @font-face { font-family: "gilroy-semibold"; src: url(/_next/static/media/gilroy-semibold-webfont.7a22debd.woff2) format("woff2"), url(/_next/static/media/gilroy-semibold-webfont.af142fe1.woff) format("woff"); font-weight: normal; font-style: normal; } @font-face { font-family: "gilroy-light"; src: url(/_next/static/media/gilroy-light-webfont.947b6c19.woff2) format("woff2"), url(/_next/static/media/gilroy-light-webfont.8d4b3a21.woff) format("woff"); font-weight: normal; font-style: normal; } @font-face { font-family: "gilroy-ultralight"; src: url(/_next/static/media/gilroy-ultralight-webfont.127a285d.woff2) format("woff2"), url(/_next/static/media/gilroy-ultralight-webfont.d87c3d5e.woff) format("woff"); font-weight: normal; font-style: normal; } /*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[13].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[13].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[13].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[13].use[5]!./node_modules/bootstrap/dist/css/bootstrap.min.css ***! \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ @charset "UTF-8"; /*! * Bootstrap v5.3.3 (https://getbootstrap.com/) * Copyright 2011-2024 The Bootstrap Authors * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) */ :root, [data-bs-theme=light] { --bs-blue:#0d6efd; --bs-indigo:#6610f2; --bs-purple:#6f42c1; --bs-pink:#d63384; --bs-red:#dc3545; --bs-orange:#fd7e14; --bs-yellow:#ffc107; --bs-green:#198754; --bs-teal:#20c997; --bs-cyan:#0dcaf0; --bs-black:#000; --bs-white:#fff; --bs-gray:#6c757d; --bs-gray-dark:#343a40; --bs-gray-100:#f8f9fa; --bs-gray-200:#e9ecef; --bs-gray-300:#dee2e6; --bs-gray-400:#ced4da; --bs-gray-500:#adb5bd; --bs-gray-600:#6c757d; --bs-gray-700:#495057; --bs-gray-800:#343a40; --bs-gray-900:#212529; --bs-primary:#0d6efd; --bs-secondary:#6c757d; --bs-success:#198754; --bs-info:#0dcaf0; --bs-warning:#ffc107; --bs-danger:#dc3545; --bs-light:#f8f9fa; --bs-dark:#212529; --bs-primary-rgb:13,110,253; --bs-secondary-rgb:108,117,125; --bs-success-rgb:25,135,84; --bs-info-rgb:13,202,240; --bs-warning-rgb:255,193,7; --bs-danger-rgb:220,53,69; --bs-light-rgb:248,249,250; --bs-dark-rgb:33,37,41; --bs-primary-text-emphasis:#052c65; --bs-secondary-text-emphasis:#2b2f32; --bs-success-text-emphasis:#0a3622; --bs-info-text-emphasis:#055160; --bs-warning-text-emphasis:#664d03; --bs-danger-text-emphasis:#58151c; --bs-light-text-emphasis:#495057; --bs-dark-text-emphasis:#495057; --bs-primary-bg-subtle:#cfe2ff; --bs-secondary-bg-subtle:#e2e3e5; --bs-success-bg-subtle:#d1e7dd; --bs-info-bg-subtle:#cff4fc; --bs-warning-bg-subtle:#fff3cd; --bs-danger-bg-subtle:#f8d7da; --bs-light-bg-subtle:#fcfcfd; --bs-dark-bg-subtle:#ced4da; --bs-primary-border-subtle:#9ec5fe; --bs-secondary-border-subtle:#c4c8cb; --bs-success-border-subtle:#a3cfbb; --bs-info-border-subtle:#9eeaf9; --bs-warning-border-subtle:#ffe69c; --bs-danger-border-subtle:#f1aeb5; --bs-light-border-subtle:#e9ecef; --bs-dark-border-subtle:#adb5bd; --bs-white-rgb:255,255,255; --bs-black-rgb:0,0,0; --bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; --bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace; --bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); --bs-body-font-family:var(--bs-font-sans-serif); --bs-body-font-size:1rem; --bs-body-font-weight:400; --bs-body-line-height:1.5; --bs-body-color:#212529; --bs-body-color-rgb:33,37,41; --bs-body-bg:#fff; --bs-body-bg-rgb:255,255,255; --bs-emphasis-color:#000; --bs-emphasis-color-rgb:0,0,0; --bs-secondary-color:rgba(33, 37, 41, 0.75); --bs-secondary-color-rgb:33,37,41; --bs-secondary-bg:#e9ecef; --bs-secondary-bg-rgb:233,236,239; --bs-tertiary-color:rgba(33, 37, 41, 0.5); --bs-tertiary-color-rgb:33,37,41; --bs-tertiary-bg:#f8f9fa; --bs-tertiary-bg-rgb:248,249,250; --bs-heading-color:inherit; --bs-link-color:#0d6efd; --bs-link-color-rgb:13,110,253; --bs-link-decoration:underline; --bs-link-hover-color:#0a58ca; --bs-link-hover-color-rgb:10,88,202; --bs-code-color:#d63384; --bs-highlight-color:#212529; --bs-highlight-bg:#fff3cd; --bs-border-width:1px; --bs-border-style:solid; --bs-border-color:#dee2e6; --bs-border-color-translucent:rgba(0, 0, 0, 0.175); --bs-border-radius:0.375rem; --bs-border-radius-sm:0.25rem; --bs-border-radius-lg:0.5rem; --bs-border-radius-xl:1rem; --bs-border-radius-xxl:2rem; --bs-border-radius-2xl:var(--bs-border-radius-xxl); --bs-border-radius-pill:50rem; --bs-box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15); --bs-box-shadow-sm:0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); --bs-box-shadow-lg:0 1rem 3rem rgba(0, 0, 0, 0.175); --bs-box-shadow-inset:inset 0 1px 2px rgba(0, 0, 0, 0.075); --bs-focus-ring-width:0.25rem; --bs-focus-ring-opacity:0.25; --bs-focus-ring-color:rgba(13, 110, 253, 0.25); --bs-form-valid-color:#198754; --bs-form-valid-border-color:#198754; --bs-form-invalid-color:#dc3545; --bs-form-invalid-border-color:#dc3545; } [data-bs-theme=dark] { color-scheme: dark; --bs-body-color:#dee2e6; --bs-body-color-rgb:222,226,230; --bs-body-bg:#212529; --bs-body-bg-rgb:33,37,41; --bs-emphasis-color:#fff; --bs-emphasis-color-rgb:255,255,255; --bs-secondary-color:rgba(222, 226, 230, 0.75); --bs-secondary-color-rgb:222,226,230; --bs-secondary-bg:#343a40; --bs-secondary-bg-rgb:52,58,64; --bs-tertiary-color:rgba(222, 226, 230, 0.5); --bs-tertiary-color-rgb:222,226,230; --bs-tertiary-bg:#2b3035; --bs-tertiary-bg-rgb:43,48,53; --bs-primary-text-emphasis:#6ea8fe; --bs-secondary-text-emphasis:#a7acb1; --bs-success-text-emphasis:#75b798; --bs-info-text-emphasis:#6edff6; --bs-warning-text-emphasis:#ffda6a; --bs-danger-text-emphasis:#ea868f; --bs-light-text-emphasis:#f8f9fa; --bs-dark-text-emphasis:#dee2e6; --bs-primary-bg-subtle:#031633; --bs-secondary-bg-subtle:#161719; --bs-success-bg-subtle:#051b11; --bs-info-bg-subtle:#032830; --bs-warning-bg-subtle:#332701; --bs-danger-bg-subtle:#2c0b0e; --bs-light-bg-subtle:#343a40; --bs-dark-bg-subtle:#1a1d20; --bs-primary-border-subtle:#084298; --bs-secondary-border-subtle:#41464b; --bs-success-border-subtle:#0f5132; --bs-info-border-subtle:#087990; --bs-warning-border-subtle:#997404; --bs-danger-border-subtle:#842029; --bs-light-border-subtle:#495057; --bs-dark-border-subtle:#343a40; --bs-heading-color:inherit; --bs-link-color:#6ea8fe; --bs-link-hover-color:#8bb9fe; --bs-link-color-rgb:110,168,254; --bs-link-hover-color-rgb:139,185,254; --bs-code-color:#e685b5; --bs-highlight-color:#dee2e6; --bs-highlight-bg:#664d03; --bs-border-color:#495057; --bs-border-color-translucent:rgba(255, 255, 255, 0.15); --bs-form-valid-color:#75b798; --bs-form-valid-border-color:#75b798; --bs-form-invalid-color:#ea868f; --bs-form-invalid-border-color:#ea868f; } *, ::after, ::before { box-sizing: border-box; } @media (prefers-reduced-motion: no-preference) { :root { scroll-behavior: smooth; } } body { margin: 0; font-family: var(--bs-body-font-family); font-size: var(--bs-body-font-size); font-weight: var(--bs-body-font-weight); line-height: var(--bs-body-line-height); color: var(--bs-body-color); text-align: var(--bs-body-text-align); background-color: var(--bs-body-bg); -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; } hr { margin: 1rem 0; color: inherit; border: 0; border-top: var(--bs-border-width) solid; opacity: 0.25; } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0.5rem; font-weight: 500; line-height: 1.2; color: var(--bs-heading-color); } .h1, h1 { font-size: calc(1.375rem + 1.5vw); } @media (min-width: 1200px) { .h1, h1 { font-size: 2.5rem; } } .h2, h2 { font-size: calc(1.325rem + 0.9vw); } @media (min-width: 1200px) { .h2, h2 { font-size: 2rem; } } .h3, h3 { font-size: calc(1.3rem + 0.6vw); } @media (min-width: 1200px) { .h3, h3 { font-size: 1.75rem; } } .h4, h4 { font-size: calc(1.275rem + 0.3vw); } @media (min-width: 1200px) { .h4, h4 { font-size: 1.5rem; } } .h5, h5 { font-size: 1.25rem; } .h6, h6 { font-size: 1rem; } p { margin-top: 0; margin-bottom: 1rem; } abbr[title] { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol, ul { padding-left: 2rem; } dl, ol, ul { margin-top: 0; margin-bottom: 1rem; } ol ol, ol ul, ul ol, ul ul { margin-bottom: 0; } dt { font-weight: 700; } dd { margin-bottom: 0.5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } b, strong { font-weight: bolder; } .small, small { font-size: 0.875em; } .mark, mark { padding: 0.1875em; color: var(--bs-highlight-color); background-color: var(--bs-highlight-bg); } sub, sup { position: relative; font-size: 0.75em; line-height: 0; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } a { color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1)); text-decoration: underline; } a:hover { --bs-link-color-rgb:var(--bs-link-hover-color-rgb); } a:not([href]):not([class]), a:not([href]):not([class]):hover { color: inherit; text-decoration: none; } code, kbd, pre, samp { font-family: var(--bs-font-monospace); font-size: 1em; } pre { display: block; margin-top: 0; margin-bottom: 1rem; overflow: auto; font-size: 0.875em; } pre code { font-size: inherit; color: inherit; word-break: normal; } code { font-size: 0.875em; color: var(--bs-code-color); word-wrap: break-word; } a > code { color: inherit; } kbd { padding: 0.1875rem 0.375rem; font-size: 0.875em; color: var(--bs-body-bg); background-color: var(--bs-body-color); border-radius: 0.25rem; } kbd kbd { padding: 0; font-size: 1em; } figure { margin: 0 0 1rem; } img, svg { vertical-align: middle; } table { caption-side: bottom; border-collapse: collapse; } caption { padding-top: 0.5rem; padding-bottom: 0.5rem; color: var(--bs-secondary-color); text-align: left; } th { text-align: inherit; text-align: -webkit-match-parent; } tbody, td, tfoot, th, thead, tr { border-color: inherit; border-style: solid; border-width: 0; } label { display: inline-block; } button { border-radius: 0; } button:focus:not(:focus-visible) { outline: 0; } button, input, optgroup, select, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } button, select { text-transform: none; } [role=button] { cursor: pointer; } select { word-wrap: normal; } select:disabled { opacity: 1; } [list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator { display: none !important; } [type=button], [type=reset], [type=submit], button { -webkit-appearance: button; } [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) { cursor: pointer; } ::-moz-focus-inner { padding: 0; border-style: none; } textarea { resize: vertical; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { float: left; width: 100%; padding: 0; margin-bottom: 0.5rem; font-size: calc(1.275rem + 0.3vw); line-height: inherit; } @media (min-width: 1200px) { legend { font-size: 1.5rem; } } legend + * { clear: left; } ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-fields-wrapper, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-text, ::-webkit-datetime-edit-year-field { padding: 0; } ::-webkit-inner-spin-button { height: auto; } [type=search] { -webkit-appearance: textfield; outline-offset: -2px; } ::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-color-swatch-wrapper { padding: 0; } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } ::file-selector-button { font: inherit; -webkit-appearance: button; } output { display: inline-block; } iframe { border: 0; } summary { display: list-item; cursor: pointer; } progress { vertical-align: baseline; } [hidden] { display: none !important; } .lead { font-size: 1.25rem; font-weight: 300; } .display-1 { font-size: calc(1.625rem + 4.5vw); font-weight: 300; line-height: 1.2; } @media (min-width: 1200px) { .display-1 { font-size: 5rem; } } .display-2 { font-size: calc(1.575rem + 3.9vw); font-weight: 300; line-height: 1.2; } @media (min-width: 1200px) { .display-2 { font-size: 4.5rem; } } .display-3 { font-size: calc(1.525rem + 3.3vw); font-weight: 300; line-height: 1.2; } @media (min-width: 1200px) { .display-3 { font-size: 4rem; } } .display-4 { font-size: calc(1.475rem + 2.7vw); font-weight: 300; line-height: 1.2; } @media (min-width: 1200px) { .display-4 { font-size: 3.5rem; } } .display-5 { font-size: calc(1.425rem + 2.1vw); font-weight: 300; line-height: 1.2; } @media (min-width: 1200px) { .display-5 { font-size: 3rem; } } .display-6 { font-size: calc(1.375rem + 1.5vw); font-weight: 300; line-height: 1.2; } @media (min-width: 1200px) { .display-6 { font-size: 2.5rem; } } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; list-style: none; } .list-inline-item { display: inline-block; } .list-inline-item:not(:last-child) { margin-right: 0.5rem; } .initialism { font-size: 0.875em; text-transform: uppercase; } .blockquote { margin-bottom: 1rem; font-size: 1.25rem; } .blockquote > :last-child { margin-bottom: 0; } .blockquote-footer { margin-top: -1rem; margin-bottom: 1rem; font-size: 0.875em; color: #6c757d; } .blockquote-footer::before { content: "— "; } .img-fluid { max-width: 100%; height: auto; } .img-thumbnail { padding: 0.25rem; background-color: var(--bs-body-bg); border: var(--bs-border-width) solid var(--bs-border-color); border-radius: var(--bs-border-radius); max-width: 100%; height: auto; } .figure { display: inline-block; } .figure-img { margin-bottom: 0.5rem; line-height: 1; } .figure-caption { font-size: 0.875em; color: var(--bs-secondary-color); } .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { --bs-gutter-x:1.5rem; --bs-gutter-y:0; width: 100%; padding-right: calc(var(--bs-gutter-x) * 0.5); padding-left: calc(var(--bs-gutter-x) * 0.5); margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container, .container-sm { max-width: 540px; } } @media (min-width: 768px) { .container, .container-md, .container-sm { max-width: 720px; } } @media (min-width: 992px) { .container, .container-lg, .container-md, .container-sm { max-width: 960px; } } @media (min-width: 1200px) { .container, .container-lg, .container-md, .container-sm, .container-xl { max-width: 1140px; } } @media (min-width: 1400px) { .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 1320px; } } :root { --bs-breakpoint-xs:0; --bs-breakpoint-sm:576px; --bs-breakpoint-md:768px; --bs-breakpoint-lg:992px; --bs-breakpoint-xl:1200px; --bs-breakpoint-xxl:1400px; } .row { --bs-gutter-x:1.5rem; --bs-gutter-y:0; display: flex; flex-wrap: wrap; margin-top: calc(-1 * var(--bs-gutter-y)); margin-right: calc(-0.5 * var(--bs-gutter-x)); margin-left: calc(-0.5 * var(--bs-gutter-x)); } .row > * { flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--bs-gutter-x) * 0.5); padding-left: calc(var(--bs-gutter-x) * 0.5); margin-top: var(--bs-gutter-y); } .col { flex: 1 0; } .row-cols-auto > * { flex: 0 0 auto; width: auto; } .row-cols-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-3 > * { flex: 0 0 auto; width: 33.33333333%; } .row-cols-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-6 > * { flex: 0 0 auto; width: 16.66666667%; } .col-auto { flex: 0 0 auto; width: auto; } .col-1 { flex: 0 0 auto; width: 8.33333333%; } .col-2 { flex: 0 0 auto; width: 16.66666667%; } .col-3 { flex: 0 0 auto; width: 25%; } .col-4 { flex: 0 0 auto; width: 33.33333333%; } .col-5 { flex: 0 0 auto; width: 41.66666667%; } .col-6 { flex: 0 0 auto; width: 50%; } .col-7 { flex: 0 0 auto; width: 58.33333333%; } .col-8 { flex: 0 0 auto; width: 66.66666667%; } .col-9 { flex: 0 0 auto; width: 75%; } .col-10 { flex: 0 0 auto; width: 83.33333333%; } .col-11 { flex: 0 0 auto; width: 91.66666667%; } .col-12 { flex: 0 0 auto; width: 100%; } .offset-1 { margin-left: 8.33333333%; } .offset-2 { margin-left: 16.66666667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.33333333%; } .offset-5 { margin-left: 41.66666667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.33333333%; } .offset-8 { margin-left: 66.66666667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.33333333%; } .offset-11 { margin-left: 91.66666667%; } .g-0, .gx-0 { --bs-gutter-x:0; } .g-0, .gy-0 { --bs-gutter-y:0; } .g-1, .gx-1 { --bs-gutter-x:0.25rem; } .g-1, .gy-1 { --bs-gutter-y:0.25rem; } .g-2, .gx-2 { --bs-gutter-x:0.5rem; } .g-2, .gy-2 { --bs-gutter-y:0.5rem; } .g-3, .gx-3 { --bs-gutter-x:1rem; } .g-3, .gy-3 { --bs-gutter-y:1rem; } .g-4, .gx-4 { --bs-gutter-x:1.5rem; } .g-4, .gy-4 { --bs-gutter-y:1.5rem; } .g-5, .gx-5 { --bs-gutter-x:3rem; } .g-5, .gy-5 { --bs-gutter-y:3rem; } @media (min-width: 576px) { .col-sm { flex: 1 0; } .row-cols-sm-auto > * { flex: 0 0 auto; width: auto; } .row-cols-sm-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-sm-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-sm-3 > * { flex: 0 0 auto; width: 33.33333333%; } .row-cols-sm-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-sm-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-sm-6 > * { flex: 0 0 auto; width: 16.66666667%; } .col-sm-auto { flex: 0 0 auto; width: auto; } .col-sm-1 { flex: 0 0 auto; width: 8.33333333%; } .col-sm-2 { flex: 0 0 auto; width: 16.66666667%; } .col-sm-3 { flex: 0 0 auto; width: 25%; } .col-sm-4 { flex: 0 0 auto; width: 33.33333333%; } .col-sm-5 { flex: 0 0 auto; width: 41.66666667%; } .col-sm-6 { flex: 0 0 auto; width: 50%; } .col-sm-7 { flex: 0 0 auto; width: 58.33333333%; } .col-sm-8 { flex: 0 0 auto; width: 66.66666667%; } .col-sm-9 { flex: 0 0 auto; width: 75%; } .col-sm-10 { flex: 0 0 auto; width: 83.33333333%; } .col-sm-11 { flex: 0 0 auto; width: 91.66666667%; } .col-sm-12 { flex: 0 0 auto; width: 100%; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.33333333%; } .offset-sm-2 { margin-left: 16.66666667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.33333333%; } .offset-sm-5 { margin-left: 41.66666667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.33333333%; } .offset-sm-8 { margin-left: 66.66666667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.33333333%; } .offset-sm-11 { margin-left: 91.66666667%; } .g-sm-0, .gx-sm-0 { --bs-gutter-x:0; } .g-sm-0, .gy-sm-0 { --bs-gutter-y:0; } .g-sm-1, .gx-sm-1 { --bs-gutter-x:0.25rem; } .g-sm-1, .gy-sm-1 { --bs-gutter-y:0.25rem; } .g-sm-2, .gx-sm-2 { --bs-gutter-x:0.5rem; } .g-sm-2, .gy-sm-2 { --bs-gutter-y:0.5rem; } .g-sm-3, .gx-sm-3 { --bs-gutter-x:1rem; } .g-sm-3, .gy-sm-3 { --bs-gutter-y:1rem; } .g-sm-4, .gx-sm-4 { --bs-gutter-x:1.5rem; } .g-sm-4, .gy-sm-4 { --bs-gutter-y:1.5rem; } .g-sm-5, .gx-sm-5 { --bs-gutter-x:3rem; } .g-sm-5, .gy-sm-5 { --bs-gutter-y:3rem; } } @media (min-width: 768px) { .col-md { flex: 1 0; } .row-cols-md-auto > * { flex: 0 0 auto; width: auto; } .row-cols-md-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-md-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-md-3 > * { flex: 0 0 auto; width: 33.33333333%; } .row-cols-md-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-md-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-md-6 > * { flex: 0 0 auto; width: 16.66666667%; } .col-md-auto { flex: 0 0 auto; width: auto; } .col-md-1 { flex: 0 0 auto; width: 8.33333333%; } .col-md-2 { flex: 0 0 auto; width: 16.66666667%; } .col-md-3 { flex: 0 0 auto; width: 25%; } .col-md-4 { flex: 0 0 auto; width: 33.33333333%; } .col-md-5 { flex: 0 0 auto; width: 41.66666667%; } .col-md-6 { flex: 0 0 auto; width: 50%; } .col-md-7 { flex: 0 0 auto; width: 58.33333333%; } .col-md-8 { flex: 0 0 auto; width: 66.66666667%; } .col-md-9 { flex: 0 0 auto; width: 75%; } .col-md-10 { flex: 0 0 auto; width: 83.33333333%; } .col-md-11 { flex: 0 0 auto; width: 91.66666667%; } .col-md-12 { flex: 0 0 auto; width: 100%; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.33333333%; } .offset-md-2 { margin-left: 16.66666667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.33333333%; } .offset-md-5 { margin-left: 41.66666667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.33333333%; } .offset-md-8 { margin-left: 66.66666667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.33333333%; } .offset-md-11 { margin-left: 91.66666667%; } .g-md-0, .gx-md-0 { --bs-gutter-x:0; } .g-md-0, .gy-md-0 { --bs-gutter-y:0; } .g-md-1, .gx-md-1 { --bs-gutter-x:0.25rem; } .g-md-1, .gy-md-1 { --bs-gutter-y:0.25rem; } .g-md-2, .gx-md-2 { --bs-gutter-x:0.5rem; } .g-md-2, .gy-md-2 { --bs-gutter-y:0.5rem; } .g-md-3, .gx-md-3 { --bs-gutter-x:1rem; } .g-md-3, .gy-md-3 { --bs-gutter-y:1rem; } .g-md-4, .gx-md-4 { --bs-gutter-x:1.5rem; } .g-md-4, .gy-md-4 { --bs-gutter-y:1.5rem; } .g-md-5, .gx-md-5 { --bs-gutter-x:3rem; } .g-md-5, .gy-md-5 { --bs-gutter-y:3rem; } } @media (min-width: 992px) { .col-lg { flex: 1 0; } .row-cols-lg-auto > * { flex: 0 0 auto; width: auto; } .row-cols-lg-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-lg-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-lg-3 > * { flex: 0 0 auto; width: 33.33333333%; } .row-cols-lg-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-lg-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-lg-6 > * { flex: 0 0 auto; width: 16.66666667%; } .col-lg-auto { flex: 0 0 auto; width: auto; } .col-lg-1 { flex: 0 0 auto; width: 8.33333333%; } .col-lg-2 { flex: 0 0 auto; width: 16.66666667%; } .col-lg-3 { flex: 0 0 auto; width: 25%; } .col-lg-4 { flex: 0 0 auto; width: 33.33333333%; } .col-lg-5 { flex: 0 0 auto; width: 41.66666667%; } .col-lg-6 { flex: 0 0 auto; width: 50%; } .col-lg-7 { flex: 0 0 auto; width: 58.33333333%; } .col-lg-8 { flex: 0 0 auto; width: 66.66666667%; } .col-lg-9 { flex: 0 0 auto; width: 75%; } .col-lg-10 { flex: 0 0 auto; width: 83.33333333%; } .col-lg-11 { flex: 0 0 auto; width: 91.66666667%; } .col-lg-12 { flex: 0 0 auto; width: 100%; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.33333333%; } .offset-lg-2 { margin-left: 16.66666667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.33333333%; } .offset-lg-5 { margin-left: 41.66666667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.33333333%; } .offset-lg-8 { margin-left: 66.66666667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.33333333%; } .offset-lg-11 { margin-left: 91.66666667%; } .g-lg-0, .gx-lg-0 { --bs-gutter-x:0; } .g-lg-0, .gy-lg-0 { --bs-gutter-y:0; } .g-lg-1, .gx-lg-1 { --bs-gutter-x:0.25rem; } .g-lg-1, .gy-lg-1 { --bs-gutter-y:0.25rem; } .g-lg-2, .gx-lg-2 { --bs-gutter-x:0.5rem; } .g-lg-2, .gy-lg-2 { --bs-gutter-y:0.5rem; } .g-lg-3, .gx-lg-3 { --bs-gutter-x:1rem; } .g-lg-3, .gy-lg-3 { --bs-gutter-y:1rem; } .g-lg-4, .gx-lg-4 { --bs-gutter-x:1.5rem; } .g-lg-4, .gy-lg-4 { --bs-gutter-y:1.5rem; } .g-lg-5, .gx-lg-5 { --bs-gutter-x:3rem; } .g-lg-5, .gy-lg-5 { --bs-gutter-y:3rem; } } @media (min-width: 1200px) { .col-xl { flex: 1 0; } .row-cols-xl-auto > * { flex: 0 0 auto; width: auto; } .row-cols-xl-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-xl-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-xl-3 > * { flex: 0 0 auto; width: 33.33333333%; } .row-cols-xl-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-xl-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-xl-6 > * { flex: 0 0 auto; width: 16.66666667%; } .col-xl-auto { flex: 0 0 auto; width: auto; } .col-xl-1 { flex: 0 0 auto; width: 8.33333333%; } .col-xl-2 { flex: 0 0 auto; width: 16.66666667%; } .col-xl-3 { flex: 0 0 auto; width: 25%; } .col-xl-4 { flex: 0 0 auto; width: 33.33333333%; } .col-xl-5 { flex: 0 0 auto; width: 41.66666667%; } .col-xl-6 { flex: 0 0 auto; width: 50%; } .col-xl-7 { flex: 0 0 auto; width: 58.33333333%; } .col-xl-8 { flex: 0 0 auto; width: 66.66666667%; } .col-xl-9 { flex: 0 0 auto; width: 75%; } .col-xl-10 { flex: 0 0 auto; width: 83.33333333%; } .col-xl-11 { flex: 0 0 auto; width: 91.66666667%; } .col-xl-12 { flex: 0 0 auto; width: 100%; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.33333333%; } .offset-xl-2 { margin-left: 16.66666667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.33333333%; } .offset-xl-5 { margin-left: 41.66666667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.33333333%; } .offset-xl-8 { margin-left: 66.66666667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.33333333%; } .offset-xl-11 { margin-left: 91.66666667%; } .g-xl-0, .gx-xl-0 { --bs-gutter-x:0; } .g-xl-0, .gy-xl-0 { --bs-gutter-y:0; } .g-xl-1, .gx-xl-1 { --bs-gutter-x:0.25rem; } .g-xl-1, .gy-xl-1 { --bs-gutter-y:0.25rem; } .g-xl-2, .gx-xl-2 { --bs-gutter-x:0.5rem; } .g-xl-2, .gy-xl-2 { --bs-gutter-y:0.5rem; } .g-xl-3, .gx-xl-3 { --bs-gutter-x:1rem; } .g-xl-3, .gy-xl-3 { --bs-gutter-y:1rem; } .g-xl-4, .gx-xl-4 { --bs-gutter-x:1.5rem; } .g-xl-4, .gy-xl-4 { --bs-gutter-y:1.5rem; } .g-xl-5, .gx-xl-5 { --bs-gutter-x:3rem; } .g-xl-5, .gy-xl-5 { --bs-gutter-y:3rem; } } @media (min-width: 1400px) { .col-xxl { flex: 1 0; } .row-cols-xxl-auto > * { flex: 0 0 auto; width: auto; } .row-cols-xxl-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-xxl-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-xxl-3 > * { flex: 0 0 auto; width: 33.33333333%; } .row-cols-xxl-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-xxl-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-xxl-6 > * { flex: 0 0 auto; width: 16.66666667%; } .col-xxl-auto { flex: 0 0 auto; width: auto; } .col-xxl-1 { flex: 0 0 auto; width: 8.33333333%; } .col-xxl-2 { flex: 0 0 auto; width: 16.66666667%; } .col-xxl-3 { flex: 0 0 auto; width: 25%; } .col-xxl-4 { flex: 0 0 auto; width: 33.33333333%; } .col-xxl-5 { flex: 0 0 auto; width: 41.66666667%; } .col-xxl-6 { flex: 0 0 auto; width: 50%; } .col-xxl-7 { flex: 0 0 auto; width: 58.33333333%; } .col-xxl-8 { flex: 0 0 auto; width: 66.66666667%; } .col-xxl-9 { flex: 0 0 auto; width: 75%; } .col-xxl-10 { flex: 0 0 auto; width: 83.33333333%; } .col-xxl-11 { flex: 0 0 auto; width: 91.66666667%; } .col-xxl-12 { flex: 0 0 auto; width: 100%; } .offset-xxl-0 { margin-left: 0; } .offset-xxl-1 { margin-left: 8.33333333%; } .offset-xxl-2 { margin-left: 16.66666667%; } .offset-xxl-3 { margin-left: 25%; } .offset-xxl-4 { margin-left: 33.33333333%; } .offset-xxl-5 { margin-left: 41.66666667%; } .offset-xxl-6 { margin-left: 50%; } .offset-xxl-7 { margin-left: 58.33333333%; } .offset-xxl-8 { margin-left: 66.66666667%; } .offset-xxl-9 { margin-left: 75%; } .offset-xxl-10 { margin-left: 83.33333333%; } .offset-xxl-11 { margin-left: 91.66666667%; } .g-xxl-0, .gx-xxl-0 { --bs-gutter-x:0; } .g-xxl-0, .gy-xxl-0 { --bs-gutter-y:0; } .g-xxl-1, .gx-xxl-1 { --bs-gutter-x:0.25rem; } .g-xxl-1, .gy-xxl-1 { --bs-gutter-y:0.25rem; } .g-xxl-2, .gx-xxl-2 { --bs-gutter-x:0.5rem; } .g-xxl-2, .gy-xxl-2 { --bs-gutter-y:0.5rem; } .g-xxl-3, .gx-xxl-3 { --bs-gutter-x:1rem; } .g-xxl-3, .gy-xxl-3 { --bs-gutter-y:1rem; } .g-xxl-4, .gx-xxl-4 { --bs-gutter-x:1.5rem; } .g-xxl-4, .gy-xxl-4 { --bs-gutter-y:1.5rem; } .g-xxl-5, .gx-xxl-5 { --bs-gutter-x:3rem; } .g-xxl-5, .gy-xxl-5 { --bs-gutter-y:3rem; } } .table { --bs-table-color-type:initial; --bs-table-bg-type:initial; --bs-table-color-state:initial; --bs-table-bg-state:initial; --bs-table-color:var(--bs-emphasis-color); --bs-table-bg:var(--bs-body-bg); --bs-table-border-color:var(--bs-border-color); --bs-table-accent-bg:transparent; --bs-table-striped-color:var(--bs-emphasis-color); --bs-table-striped-bg:rgba(var(--bs-emphasis-color-rgb), 0.05); --bs-table-active-color:var(--bs-emphasis-color); --bs-table-active-bg:rgba(var(--bs-emphasis-color-rgb), 0.1); --bs-table-hover-color:var(--bs-emphasis-color); --bs-table-hover-bg:rgba(var(--bs-emphasis-color-rgb), 0.075); width: 100%; margin-bottom: 1rem; vertical-align: top; border-color: var(--bs-table-border-color); } .table > :not(caption) > * > * { padding: 0.5rem 0.5rem; color: var(--bs-table-color-state, var(--bs-table-color-type, var(--bs-table-color))); background-color: var(--bs-table-bg); border-bottom-width: var(--bs-border-width); box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg))); } .table > tbody { vertical-align: inherit; } .table > thead { vertical-align: bottom; } .table-group-divider { border-top: calc(var(--bs-border-width) * 2) solid currentcolor; } .caption-top { caption-side: top; } .table-sm > :not(caption) > * > * { padding: 0.25rem 0.25rem; } .table-bordered > :not(caption) > * { border-width: var(--bs-border-width) 0; } .table-bordered > :not(caption) > * > * { border-width: 0 var(--bs-border-width); } .table-borderless > :not(caption) > * > * { border-bottom-width: 0; } .table-borderless > :not(:first-child) { border-top-width: 0; } .table-striped > tbody > tr:nth-of-type(odd) > * { --bs-table-color-type:var(--bs-table-striped-color); --bs-table-bg-type:var(--bs-table-striped-bg); } .table-striped-columns > :not(caption) > tr > :nth-child(2n) { --bs-table-color-type:var(--bs-table-striped-color); --bs-table-bg-type:var(--bs-table-striped-bg); } .table-active { --bs-table-color-state:var(--bs-table-active-color); --bs-table-bg-state:var(--bs-table-active-bg); } .table-hover > tbody > tr:hover > * { --bs-table-color-state:var(--bs-table-hover-color); --bs-table-bg-state:var(--bs-table-hover-bg); } .table-primary { --bs-table-color:#000; --bs-table-bg:#cfe2ff; --bs-table-border-color:#a6b5cc; --bs-table-striped-bg:#c5d7f2; --bs-table-striped-color:#000; --bs-table-active-bg:#bacbe6; --bs-table-active-color:#000; --bs-table-hover-bg:#bfd1ec; --bs-table-hover-color:#000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); } .table-secondary { --bs-table-color:#000; --bs-table-bg:#e2e3e5; --bs-table-border-color:#b5b6b7; --bs-table-striped-bg:#d7d8da; --bs-table-striped-color:#000; --bs-table-active-bg:#cbccce; --bs-table-active-color:#000; --bs-table-hover-bg:#d1d2d4; --bs-table-hover-color:#000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); } .table-success { --bs-table-color:#000; --bs-table-bg:#d1e7dd; --bs-table-border-color:#a7b9b1; --bs-table-striped-bg:#c7dbd2; --bs-table-striped-color:#000; --bs-table-active-bg:#bcd0c7; --bs-table-active-color:#000; --bs-table-hover-bg:#c1d6cc; --bs-table-hover-color:#000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); } .table-info { --bs-table-color:#000; --bs-table-bg:#cff4fc; --bs-table-border-color:#a6c3ca; --bs-table-striped-bg:#c5e8ef; --bs-table-striped-color:#000; --bs-table-active-bg:#badce3; --bs-table-active-color:#000; --bs-table-hover-bg:#bfe2e9; --bs-table-hover-color:#000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); } .table-warning { --bs-table-color:#000; --bs-table-bg:#fff3cd; --bs-table-border-color:#ccc2a4; --bs-table-striped-bg:#f2e7c3; --bs-table-striped-color:#000; --bs-table-active-bg:#e6dbb9; --bs-table-active-color:#000; --bs-table-hover-bg:#ece1be; --bs-table-hover-color:#000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); } .table-danger { --bs-table-color:#000; --bs-table-bg:#f8d7da; --bs-table-border-color:#c6acae; --bs-table-striped-bg:#eccccf; --bs-table-striped-color:#000; --bs-table-active-bg:#dfc2c4; --bs-table-active-color:#000; --bs-table-hover-bg:#e5c7ca; --bs-table-hover-color:#000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); } .table-light { --bs-table-color:#000; --bs-table-bg:#f8f9fa; --bs-table-border-color:#c6c7c8; --bs-table-striped-bg:#ecedee; --bs-table-striped-color:#000; --bs-table-active-bg:#dfe0e1; --bs-table-active-color:#000; --bs-table-hover-bg:#e5e6e7; --bs-table-hover-color:#000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); } .table-dark { --bs-table-color:#fff; --bs-table-bg:#212529; --bs-table-border-color:#4d5154; --bs-table-striped-bg:#2c3034; --bs-table-striped-color:#fff; --bs-table-active-bg:#373b3e; --bs-table-active-color:#fff; --bs-table-hover-bg:#323539; --bs-table-hover-color:#fff; color: var(--bs-table-color); border-color: var(--bs-table-border-color); } .table-responsive { overflow-x: auto; -webkit-overflow-scrolling: touch; } @media (max-width: 575.98px) { .table-responsive-sm { overflow-x: auto; -webkit-overflow-scrolling: touch; } } @media (max-width: 767.98px) { .table-responsive-md { overflow-x: auto; -webkit-overflow-scrolling: touch; } } @media (max-width: 991.98px) { .table-responsive-lg { overflow-x: auto; -webkit-overflow-scrolling: touch; } } @media (max-width: 1199.98px) { .table-responsive-xl { overflow-x: auto; -webkit-overflow-scrolling: touch; } } @media (max-width: 1399.98px) { .table-responsive-xxl { overflow-x: auto; -webkit-overflow-scrolling: touch; } } .form-label { margin-bottom: 0.5rem; } .col-form-label { padding-top: calc(0.375rem + var(--bs-border-width)); padding-bottom: calc(0.375rem + var(--bs-border-width)); margin-bottom: 0; font-size: inherit; line-height: 1.5; } .col-form-label-lg { padding-top: calc(0.5rem + var(--bs-border-width)); padding-bottom: calc(0.5rem + var(--bs-border-width)); font-size: 1.25rem; } .col-form-label-sm { padding-top: calc(0.25rem + var(--bs-border-width)); padding-bottom: calc(0.25rem + var(--bs-border-width)); font-size: 0.875rem; } .form-text { margin-top: 0.25rem; font-size: 0.875em; color: var(--bs-secondary-color); } .form-control { display: block; width: 100%; padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: var(--bs-body-color); -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: var(--bs-body-bg); background-clip: padding-box; border: var(--bs-border-width) solid var(--bs-border-color); border-radius: var(--bs-border-radius); transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-control { transition: none; } } .form-control[type=file] { overflow: hidden; } .form-control[type=file]:not(:disabled):not([readonly]) { cursor: pointer; } .form-control:focus { color: var(--bs-body-color); background-color: var(--bs-body-bg); border-color: #86b7fe; outline: 0; box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } .form-control::-webkit-date-and-time-value { min-width: 85px; height: 1.5em; margin: 0; } .form-control::-webkit-datetime-edit { display: block; padding: 0; } .form-control::placeholder { color: var(--bs-secondary-color); opacity: 1; } .form-control:disabled { background-color: var(--bs-secondary-bg); opacity: 1; } .form-control::-webkit-file-upload-button { padding: 0.375rem 0.75rem; margin: -0.375rem -0.75rem; -webkit-margin-end: 0.75rem; margin-inline-end: 0.75rem; color: var(--bs-body-color); background-color: var(--bs-tertiary-bg); pointer-events: none; border-color: inherit; border-style: solid; border-width: 0; border-inline-end-width: var(--bs-border-width); border-radius: 0; -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .form-control::file-selector-button { padding: 0.375rem 0.75rem; margin: -0.375rem -0.75rem; -webkit-margin-end: 0.75rem; margin-inline-end: 0.75rem; color: var(--bs-body-color); background-color: var(--bs-tertiary-bg); pointer-events: none; border-color: inherit; border-style: solid; border-width: 0; border-inline-end-width: var(--bs-border-width); border-radius: 0; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-control::-webkit-file-upload-button { -webkit-transition: none; transition: none; } .form-control::file-selector-button { transition: none; } } .form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button { background-color: var(--bs-secondary-bg); } .form-control:hover:not(:disabled):not([readonly])::file-selector-button { background-color: var(--bs-secondary-bg); } .form-control-plaintext { display: block; width: 100%; padding: 0.375rem 0; margin-bottom: 0; line-height: 1.5; color: var(--bs-body-color); background-color: transparent; border: solid transparent; border-width: var(--bs-border-width) 0; } .form-control-plaintext:focus { outline: 0; } .form-control-plaintext.form-control-lg, .form-control-plaintext.form-control-sm { padding-right: 0; padding-left: 0; } .form-control-sm { min-height: calc(1.5em + 0.5rem + var(--bs-border-width) * 2); padding: 0.25rem 0.5rem; font-size: 0.875rem; border-radius: var(--bs-border-radius-sm); } .form-control-sm::-webkit-file-upload-button { padding: 0.25rem 0.5rem; margin: -0.25rem -0.5rem; -webkit-margin-end: 0.5rem; margin-inline-end: 0.5rem; } .form-control-sm::file-selector-button { padding: 0.25rem 0.5rem; margin: -0.25rem -0.5rem; -webkit-margin-end: 0.5rem; margin-inline-end: 0.5rem; } .form-control-lg { min-height: calc(1.5em + 1rem + var(--bs-border-width) * 2); padding: 0.5rem 1rem; font-size: 1.25rem; border-radius: var(--bs-border-radius-lg); } .form-control-lg::-webkit-file-upload-button { padding: 0.5rem 1rem; margin: -0.5rem -1rem; -webkit-margin-end: 1rem; margin-inline-end: 1rem; } .form-control-lg::file-selector-button { padding: 0.5rem 1rem; margin: -0.5rem -1rem; -webkit-margin-end: 1rem; margin-inline-end: 1rem; } textarea.form-control { min-height: calc(1.5em + 0.75rem + var(--bs-border-width) * 2); } textarea.form-control-sm { min-height: calc(1.5em + 0.5rem + var(--bs-border-width) * 2); } textarea.form-control-lg { min-height: calc(1.5em + 1rem + var(--bs-border-width) * 2); } .form-control-color { width: 3rem; height: calc(1.5em + 0.75rem + var(--bs-border-width) * 2); padding: 0.375rem; } .form-control-color:not(:disabled):not([readonly]) { cursor: pointer; } .form-control-color::-moz-color-swatch { border: 0 !important; border-radius: var(--bs-border-radius); } .form-control-color::-webkit-color-swatch { border: 0 !important; border-radius: var(--bs-border-radius); } .form-control-color.form-control-sm { height: calc(1.5em + 0.5rem + var(--bs-border-width) * 2); } .form-control-color.form-control-lg { height: calc(1.5em + 1rem + var(--bs-border-width) * 2); } .form-select { --bs-form-select-bg-img:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); display: block; width: 100%; padding: 0.375rem 2.25rem 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: var(--bs-body-color); -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: var(--bs-body-bg); background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none); background-repeat: no-repeat; background-position: right 0.75rem center; background-size: 16px 12px; border: var(--bs-border-width) solid var(--bs-border-color); border-radius: var(--bs-border-radius); transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-select { transition: none; } } .form-select:focus { border-color: #86b7fe; outline: 0; box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } .form-select[multiple], .form-select[size]:not([size="1"]) { padding-right: 0.75rem; background-image: none; } .form-select:disabled { background-color: var(--bs-secondary-bg); } .form-select:-moz-focusring { color: transparent; text-shadow: 0 0 0 var(--bs-body-color); } .form-select-sm { padding-top: 0.25rem; padding-bottom: 0.25rem; padding-left: 0.5rem; font-size: 0.875rem; border-radius: var(--bs-border-radius-sm); } .form-select-lg { padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 1rem; font-size: 1.25rem; border-radius: var(--bs-border-radius-lg); } [data-bs-theme=dark] .form-select { --bs-form-select-bg-img:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); } .form-check { display: block; min-height: 1.5rem; padding-left: 1.5em; margin-bottom: 0.125rem; } .form-check .form-check-input { float: left; margin-left: -1.5em; } .form-check-reverse { padding-right: 1.5em; padding-left: 0; text-align: right; } .form-check-reverse .form-check-input { float: right; margin-right: -1.5em; margin-left: 0; } .form-check-input { --bs-form-check-bg:var(--bs-body-bg); flex-shrink: 0; width: 1em; height: 1em; margin-top: 0.25em; vertical-align: top; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: var(--bs-form-check-bg); background-image: var(--bs-form-check-bg-image); background-repeat: no-repeat; background-position: center; background-size: contain; border: var(--bs-border-width) solid var(--bs-border-color); -webkit-print-color-adjust: exact; color-adjust: exact; print-color-adjust: exact; } .form-check-input[type=checkbox] { border-radius: 0.25em; } .form-check-input[type=radio] { border-radius: 50%; } .form-check-input:active { filter: brightness(90%); } .form-check-input:focus { border-color: #86b7fe; outline: 0; box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } .form-check-input:checked { background-color: #0d6efd; border-color: #0d6efd; } .form-check-input:checked[type=checkbox] { --bs-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e"); } .form-check-input:checked[type=radio] { --bs-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e"); } .form-check-input[type=checkbox]:indeterminate { background-color: #0d6efd; border-color: #0d6efd; --bs-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e"); } .form-check-input:disabled { pointer-events: none; filter: none; opacity: 0.5; } .form-check-input:disabled ~ .form-check-label, .form-check-input[disabled] ~ .form-check-label { cursor: default; opacity: 0.5; } .form-switch { padding-left: 2.5em; } .form-switch .form-check-input { --bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e"); width: 2em; margin-left: -2.5em; background-image: var(--bs-form-switch-bg); background-position: left center; border-radius: 2em; transition: background-position 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-switch .form-check-input { transition: none; } } .form-switch .form-check-input:focus { --bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e"); } .form-switch .form-check-input:checked { background-position: right center; --bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); } .form-switch.form-check-reverse { padding-right: 2.5em; padding-left: 0; } .form-switch.form-check-reverse .form-check-input { margin-right: -2.5em; margin-left: 0; } .form-check-inline { display: inline-block; margin-right: 1rem; } .btn-check { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .btn-check:disabled + .btn, .btn-check[disabled] + .btn { pointer-events: none; filter: none; opacity: 0.65; } [data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus) { --bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e"); } .form-range { width: 100%; height: 1.5rem; padding: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: transparent; } .form-range:focus { outline: 0; } .form-range:focus::-webkit-slider-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } .form-range:focus::-moz-range-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } .form-range::-moz-focus-outer { border: 0; } .form-range::-webkit-slider-thumb { width: 1rem; height: 1rem; margin-top: -0.25rem; -webkit-appearance: none; appearance: none; background-color: #0d6efd; border: 0; border-radius: 1rem; -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-range::-webkit-slider-thumb { -webkit-transition: none; transition: none; } } .form-range::-webkit-slider-thumb:active { background-color: #b6d4fe; } .form-range::-webkit-slider-runnable-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: var(--bs-secondary-bg); border-color: transparent; border-radius: 1rem; } .form-range::-moz-range-thumb { width: 1rem; height: 1rem; -moz-appearance: none; appearance: none; background-color: #0d6efd; border: 0; border-radius: 1rem; -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-range::-moz-range-thumb { -moz-transition: none; transition: none; } } .form-range::-moz-range-thumb:active { background-color: #b6d4fe; } .form-range::-moz-range-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: var(--bs-secondary-bg); border-color: transparent; border-radius: 1rem; } .form-range:disabled { pointer-events: none; } .form-range:disabled::-webkit-slider-thumb { background-color: var(--bs-secondary-color); } .form-range:disabled::-moz-range-thumb { background-color: var(--bs-secondary-color); } .form-floating { position: relative; } .form-floating > .form-control, .form-floating > .form-control-plaintext, .form-floating > .form-select { height: calc(3.5rem + var(--bs-border-width) * 2); min-height: calc(3.5rem + var(--bs-border-width) * 2); line-height: 1.25; } .form-floating > label { position: absolute; top: 0; left: 0; z-index: 2; height: 100%; padding: 1rem 0.75rem; overflow: hidden; text-align: start; text-overflow: ellipsis; white-space: nowrap; pointer-events: none; border: var(--bs-border-width) solid transparent; transform-origin: 0 0; transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-floating > label { transition: none; } } .form-floating > .form-control, .form-floating > .form-control-plaintext { padding: 1rem 0.75rem; } .form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder { color: transparent; } .form-floating > .form-control-plaintext:focus, .form-floating > .form-control-plaintext:not(:placeholder-shown), .form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown) { padding-top: 1.625rem; padding-bottom: 0.625rem; } .form-floating > .form-control-plaintext:-webkit-autofill, .form-floating > .form-control:-webkit-autofill { padding-top: 1.625rem; padding-bottom: 0.625rem; } .form-floating > .form-select { padding-top: 1.625rem; padding-bottom: 0.625rem; } .form-floating > .form-control-plaintext ~ label, .form-floating > .form-control:focus ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label, .form-floating > .form-select ~ label { color: rgba(var(--bs-body-color-rgb), 0.65); transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); } .form-floating > .form-control-plaintext ~ label::after, .form-floating > .form-control:focus ~ label::after, .form-floating > .form-control:not(:placeholder-shown) ~ label::after, .form-floating > .form-select ~ label::after { position: absolute; inset: 1rem 0.375rem; z-index: -1; height: 1.5em; content: ""; background-color: var(--bs-body-bg); border-radius: var(--bs-border-radius); } .form-floating > .form-control:-webkit-autofill ~ label { color: rgba(var(--bs-body-color-rgb), 0.65); transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); } .form-floating > .form-control-plaintext ~ label { border-width: var(--bs-border-width) 0; } .form-floating > .form-control:disabled ~ label, .form-floating > :disabled ~ label { color: #6c757d; } .form-floating > .form-control:disabled ~ label::after, .form-floating > :disabled ~ label::after { background-color: var(--bs-secondary-bg); } .input-group { position: relative; display: flex; flex-wrap: wrap; align-items: stretch; width: 100%; } .input-group > .form-control, .input-group > .form-floating, .input-group > .form-select { position: relative; flex: 1 1 auto; width: 1%; min-width: 0; } .input-group > .form-control:focus, .input-group > .form-floating:focus-within, .input-group > .form-select:focus { z-index: 5; } .input-group .btn { position: relative; z-index: 2; } .input-group .btn:focus { z-index: 5; } .input-group-text { display: flex; align-items: center; padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: var(--bs-body-color); text-align: center; white-space: nowrap; background-color: var(--bs-tertiary-bg); border: var(--bs-border-width) solid var(--bs-border-color); border-radius: var(--bs-border-radius); } .input-group-lg > .btn, .input-group-lg > .form-control, .input-group-lg > .form-select, .input-group-lg > .input-group-text { padding: 0.5rem 1rem; font-size: 1.25rem; border-radius: var(--bs-border-radius-lg); } .input-group-sm > .btn, .input-group-sm > .form-control, .input-group-sm > .form-select, .input-group-sm > .input-group-text { padding: 0.25rem 0.5rem; font-size: 0.875rem; border-radius: var(--bs-border-radius-sm); } .input-group-lg > .form-select, .input-group-sm > .form-select { padding-right: 3rem; } .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3), .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control, .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select, .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group.has-validation > .dropdown-toggle:nth-last-child(n+4), .input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-control, .input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-select, .input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { margin-left: calc(var(--bs-border-width) * -1); border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group > .form-floating:not(:first-child) > .form-control, .input-group > .form-floating:not(:first-child) > .form-select { border-top-left-radius: 0; border-bottom-left-radius: 0; } .valid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 0.875em; color: var(--bs-form-valid-color); } .valid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: 0.1rem; font-size: 0.875rem; color: #fff; background-color: var(--bs-success); border-radius: var(--bs-border-radius); } .is-valid ~ .valid-feedback, .is-valid ~ .valid-tooltip, .was-validated :valid ~ .valid-feedback, .was-validated :valid ~ .valid-tooltip { display: block; } .form-control.is-valid, .was-validated .form-control:valid { border-color: var(--bs-form-valid-border-color); padding-right: calc(1.5em + 0.75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(0.375em + 0.1875rem) center; background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .form-control.is-valid:focus, .was-validated .form-control:valid:focus { border-color: var(--bs-form-valid-border-color); box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25); } .was-validated textarea.form-control:valid, textarea.form-control.is-valid { padding-right: calc(1.5em + 0.75rem); background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); } .form-select.is-valid, .was-validated .form-select:valid { border-color: var(--bs-form-valid-border-color); } .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"], .was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"] { --bs-form-select-bg-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); padding-right: 4.125rem; background-position: right 0.75rem center, center right 2.25rem; background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .form-select.is-valid:focus, .was-validated .form-select:valid:focus { border-color: var(--bs-form-valid-border-color); box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25); } .form-control-color.is-valid, .was-validated .form-control-color:valid { width: calc(3rem + 1.5em + 0.75rem); } .form-check-input.is-valid, .was-validated .form-check-input:valid { border-color: var(--bs-form-valid-border-color); } .form-check-input.is-valid:checked, .was-validated .form-check-input:valid:checked { background-color: var(--bs-form-valid-color); } .form-check-input.is-valid:focus, .was-validated .form-check-input:valid:focus { box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25); } .form-check-input.is-valid ~ .form-check-label, .was-validated .form-check-input:valid ~ .form-check-label { color: var(--bs-form-valid-color); } .form-check-inline .form-check-input ~ .valid-feedback { margin-left: 0.5em; } .input-group > .form-control:not(:focus).is-valid, .input-group > .form-floating:not(:focus-within).is-valid, .input-group > .form-select:not(:focus).is-valid, .was-validated .input-group > .form-control:not(:focus):valid, .was-validated .input-group > .form-floating:not(:focus-within):valid, .was-validated .input-group > .form-select:not(:focus):valid { z-index: 3; } .invalid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 0.875em; color: var(--bs-form-invalid-color); } .invalid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: 0.1rem; font-size: 0.875rem; color: #fff; background-color: var(--bs-danger); border-radius: var(--bs-border-radius); } .is-invalid ~ .invalid-feedback, .is-invalid ~ .invalid-tooltip, .was-validated :invalid ~ .invalid-feedback, .was-validated :invalid ~ .invalid-tooltip { display: block; } .form-control.is-invalid, .was-validated .form-control:invalid { border-color: var(--bs-form-invalid-border-color); padding-right: calc(1.5em + 0.75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(0.375em + 0.1875rem) center; background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .form-control.is-invalid:focus, .was-validated .form-control:invalid:focus { border-color: var(--bs-form-invalid-border-color); box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25); } .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { padding-right: calc(1.5em + 0.75rem); background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); } .form-select.is-invalid, .was-validated .form-select:invalid { border-color: var(--bs-form-invalid-border-color); } .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"], .was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"] { --bs-form-select-bg-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); padding-right: 4.125rem; background-position: right 0.75rem center, center right 2.25rem; background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .form-select.is-invalid:focus, .was-validated .form-select:invalid:focus { border-color: var(--bs-form-invalid-border-color); box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25); } .form-control-color.is-invalid, .was-validated .form-control-color:invalid { width: calc(3rem + 1.5em + 0.75rem); } .form-check-input.is-invalid, .was-validated .form-check-input:invalid { border-color: var(--bs-form-invalid-border-color); } .form-check-input.is-invalid:checked, .was-validated .form-check-input:invalid:checked { background-color: var(--bs-form-invalid-color); } .form-check-input.is-invalid:focus, .was-validated .form-check-input:invalid:focus { box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25); } .form-check-input.is-invalid ~ .form-check-label, .was-validated .form-check-input:invalid ~ .form-check-label { color: var(--bs-form-invalid-color); } .form-check-inline .form-check-input ~ .invalid-feedback { margin-left: 0.5em; } .input-group > .form-control:not(:focus).is-invalid, .input-group > .form-floating:not(:focus-within).is-invalid, .input-group > .form-select:not(:focus).is-invalid, .was-validated .input-group > .form-control:not(:focus):invalid, .was-validated .input-group > .form-floating:not(:focus-within):invalid, .was-validated .input-group > .form-select:not(:focus):invalid { z-index: 4; } .btn { --bs-btn-padding-x:0.75rem; --bs-btn-padding-y:0.375rem; --bs-btn-font-family: ; --bs-btn-font-size:1rem; --bs-btn-font-weight:400; --bs-btn-line-height:1.5; --bs-btn-color:var(--bs-body-color); --bs-btn-bg:transparent; --bs-btn-border-width:var(--bs-border-width); --bs-btn-border-color:transparent; --bs-btn-border-radius:var(--bs-border-radius); --bs-btn-hover-border-color:transparent; --bs-btn-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.15),0 1px 1px rgba(0, 0, 0, 0.075); --bs-btn-disabled-opacity:0.65; --bs-btn-focus-box-shadow:0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5); display: inline-block; padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x); font-family: var(--bs-btn-font-family); font-size: var(--bs-btn-font-size); font-weight: var(--bs-btn-font-weight); line-height: var(--bs-btn-line-height); color: var(--bs-btn-color); text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; border: var(--bs-btn-border-width) solid var(--bs-btn-border-color); border-radius: var(--bs-btn-border-radius); background-color: var(--bs-btn-bg); transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .btn { transition: none; } } .btn:hover { color: var(--bs-btn-hover-color); background-color: var(--bs-btn-hover-bg); border-color: var(--bs-btn-hover-border-color); } .btn-check + .btn:hover { color: var(--bs-btn-color); background-color: var(--bs-btn-bg); border-color: var(--bs-btn-border-color); } .btn:focus-visible { color: var(--bs-btn-hover-color); background-color: var(--bs-btn-hover-bg); border-color: var(--bs-btn-hover-border-color); outline: 0; box-shadow: var(--bs-btn-focus-box-shadow); } .btn-check:focus-visible + .btn { border-color: var(--bs-btn-hover-border-color); outline: 0; box-shadow: var(--bs-btn-focus-box-shadow); } .btn-check:checked + .btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check) + .btn:active { color: var(--bs-btn-active-color); background-color: var(--bs-btn-active-bg); border-color: var(--bs-btn-active-border-color); } .btn-check:checked + .btn:focus-visible, .btn.active:focus-visible, .btn.show:focus-visible, .btn:first-child:active:focus-visible, :not(.btn-check) + .btn:active:focus-visible { box-shadow: var(--bs-btn-focus-box-shadow); } .btn-check:checked:focus-visible + .btn { box-shadow: var(--bs-btn-focus-box-shadow); } .btn.disabled, .btn:disabled, fieldset:disabled .btn { color: var(--bs-btn-disabled-color); pointer-events: none; background-color: var(--bs-btn-disabled-bg); border-color: var(--bs-btn-disabled-border-color); opacity: var(--bs-btn-disabled-opacity); } .btn-primary { --bs-btn-color:#fff; --bs-btn-bg:#0d6efd; --bs-btn-border-color:#0d6efd; --bs-btn-hover-color:#fff; --bs-btn-hover-bg:#0b5ed7; --bs-btn-hover-border-color:#0a58ca; --bs-btn-focus-shadow-rgb:49,132,253; --bs-btn-active-color:#fff; --bs-btn-active-bg:#0a58ca; --bs-btn-active-border-color:#0a53be; --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color:#fff; --bs-btn-disabled-bg:#0d6efd; --bs-btn-disabled-border-color:#0d6efd; } .btn-secondary { --bs-btn-color:#fff; --bs-btn-bg:#6c757d; --bs-btn-border-color:#6c757d; --bs-btn-hover-color:#fff; --bs-btn-hover-bg:#5c636a; --bs-btn-hover-border-color:#565e64; --bs-btn-focus-shadow-rgb:130,138,145; --bs-btn-active-color:#fff; --bs-btn-active-bg:#565e64; --bs-btn-active-border-color:#51585e; --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color:#fff; --bs-btn-disabled-bg:#6c757d; --bs-btn-disabled-border-color:#6c757d; } .btn-success { --bs-btn-color:#fff; --bs-btn-bg:#198754; --bs-btn-border-color:#198754; --bs-btn-hover-color:#fff; --bs-btn-hover-bg:#157347; --bs-btn-hover-border-color:#146c43; --bs-btn-focus-shadow-rgb:60,153,110; --bs-btn-active-color:#fff; --bs-btn-active-bg:#146c43; --bs-btn-active-border-color:#13653f; --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color:#fff; --bs-btn-disabled-bg:#198754; --bs-btn-disabled-border-color:#198754; } .btn-info { --bs-btn-color:#000; --bs-btn-bg:#0dcaf0; --bs-btn-border-color:#0dcaf0; --bs-btn-hover-color:#000; --bs-btn-hover-bg:#31d2f2; --bs-btn-hover-border-color:#25cff2; --bs-btn-focus-shadow-rgb:11,172,204; --bs-btn-active-color:#000; --bs-btn-active-bg:#3dd5f3; --bs-btn-active-border-color:#25cff2; --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color:#000; --bs-btn-disabled-bg:#0dcaf0; --bs-btn-disabled-border-color:#0dcaf0; } .btn-warning { --bs-btn-color:#000; --bs-btn-bg:#ffc107; --bs-btn-border-color:#ffc107; --bs-btn-hover-color:#000; --bs-btn-hover-bg:#ffca2c; --bs-btn-hover-border-color:#ffc720; --bs-btn-focus-shadow-rgb:217,164,6; --bs-btn-active-color:#000; --bs-btn-active-bg:#ffcd39; --bs-btn-active-border-color:#ffc720; --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color:#000; --bs-btn-disabled-bg:#ffc107; --bs-btn-disabled-border-color:#ffc107; } .btn-danger { --bs-btn-color:#fff; --bs-btn-bg:#dc3545; --bs-btn-border-color:#dc3545; --bs-btn-hover-color:#fff; --bs-btn-hover-bg:#bb2d3b; --bs-btn-hover-border-color:#b02a37; --bs-btn-focus-shadow-rgb:225,83,97; --bs-btn-active-color:#fff; --bs-btn-active-bg:#b02a37; --bs-btn-active-border-color:#a52834; --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color:#fff; --bs-btn-disabled-bg:#dc3545; --bs-btn-disabled-border-color:#dc3545; } .btn-light { --bs-btn-color:#000; --bs-btn-bg:#f8f9fa; --bs-btn-border-color:#f8f9fa; --bs-btn-hover-color:#000; --bs-btn-hover-bg:#d3d4d5; --bs-btn-hover-border-color:#c6c7c8; --bs-btn-focus-shadow-rgb:211,212,213; --bs-btn-active-color:#000; --bs-btn-active-bg:#c6c7c8; --bs-btn-active-border-color:#babbbc; --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color:#000; --bs-btn-disabled-bg:#f8f9fa; --bs-btn-disabled-border-color:#f8f9fa; } .btn-dark { --bs-btn-color:#fff; --bs-btn-bg:#212529; --bs-btn-border-color:#212529; --bs-btn-hover-color:#fff; --bs-btn-hover-bg:#424649; --bs-btn-hover-border-color:#373b3e; --bs-btn-focus-shadow-rgb:66,70,73; --bs-btn-active-color:#fff; --bs-btn-active-bg:#4d5154; --bs-btn-active-border-color:#373b3e; --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color:#fff; --bs-btn-disabled-bg:#212529; --bs-btn-disabled-border-color:#212529; } .btn-outline-primary { --bs-btn-color:#0d6efd; --bs-btn-border-color:#0d6efd; --bs-btn-hover-color:#fff; --bs-btn-hover-bg:#0d6efd; --bs-btn-hover-border-color:#0d6efd; --bs-btn-focus-shadow-rgb:13,110,253; --bs-btn-active-color:#fff; --bs-btn-active-bg:#0d6efd; --bs-btn-active-border-color:#0d6efd; --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color:#0d6efd; --bs-btn-disabled-bg:transparent; --bs-btn-disabled-border-color:#0d6efd; --bs-gradient:none; } .btn-outline-secondary { --bs-btn-color:#6c757d; --bs-btn-border-color:#6c757d; --bs-btn-hover-color:#fff; --bs-btn-hover-bg:#6c757d; --bs-btn-hover-border-color:#6c757d; --bs-btn-focus-shadow-rgb:108,117,125; --bs-btn-active-color:#fff; --bs-btn-active-bg:#6c757d; --bs-btn-active-border-color:#6c757d; --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color:#6c757d; --bs-btn-disabled-bg:transparent; --bs-btn-disabled-border-color:#6c757d; --bs-gradient:none; } .btn-outline-success { --bs-btn-color:#198754; --bs-btn-border-color:#198754; --bs-btn-hover-color:#fff; --bs-btn-hover-bg:#198754; --bs-btn-hover-border-color:#198754; --bs-btn-focus-shadow-rgb:25,135,84; --bs-btn-active-color:#fff; --bs-btn-active-bg:#198754; --bs-btn-active-border-color:#198754; --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color:#198754; --bs-btn-disabled-bg:transparent; --bs-btn-disabled-border-color:#198754; --bs-gradient:none; } .btn-outline-info { --bs-btn-color:#0dcaf0; --bs-btn-border-color:#0dcaf0; --bs-btn-hover-color:#000; --bs-btn-hover-bg:#0dcaf0; --bs-btn-hover-border-color:#0dcaf0; --bs-btn-focus-shadow-rgb:13,202,240; --bs-btn-active-color:#000; --bs-btn-active-bg:#0dcaf0; --bs-btn-active-border-color:#0dcaf0; --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color:#0dcaf0; --bs-btn-disabled-bg:transparent; --bs-btn-disabled-border-color:#0dcaf0; --bs-gradient:none; } .btn-outline-warning { --bs-btn-color:#ffc107; --bs-btn-border-color:#ffc107; --bs-btn-hover-color:#000; --bs-btn-hover-bg:#ffc107; --bs-btn-hover-border-color:#ffc107; --bs-btn-focus-shadow-rgb:255,193,7; --bs-btn-active-color:#000; --bs-btn-active-bg:#ffc107; --bs-btn-active-border-color:#ffc107; --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color:#ffc107; --bs-btn-disabled-bg:transparent; --bs-btn-disabled-border-color:#ffc107; --bs-gradient:none; } .btn-outline-danger { --bs-btn-color:#dc3545; --bs-btn-border-color:#dc3545; --bs-btn-hover-color:#fff; --bs-btn-hover-bg:#dc3545; --bs-btn-hover-border-color:#dc3545; --bs-btn-focus-shadow-rgb:220,53,69; --bs-btn-active-color:#fff; --bs-btn-active-bg:#dc3545; --bs-btn-active-border-color:#dc3545; --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color:#dc3545; --bs-btn-disabled-bg:transparent; --bs-btn-disabled-border-color:#dc3545; --bs-gradient:none; } .btn-outline-light { --bs-btn-color:#f8f9fa; --bs-btn-border-color:#f8f9fa; --bs-btn-hover-color:#000; --bs-btn-hover-bg:#f8f9fa; --bs-btn-hover-border-color:#f8f9fa; --bs-btn-focus-shadow-rgb:248,249,250; --bs-btn-active-color:#000; --bs-btn-active-bg:#f8f9fa; --bs-btn-active-border-color:#f8f9fa; --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color:#f8f9fa; --bs-btn-disabled-bg:transparent; --bs-btn-disabled-border-color:#f8f9fa; --bs-gradient:none; } .btn-outline-dark { --bs-btn-color:#212529; --bs-btn-border-color:#212529; --bs-btn-hover-color:#fff; --bs-btn-hover-bg:#212529; --bs-btn-hover-border-color:#212529; --bs-btn-focus-shadow-rgb:33,37,41; --bs-btn-active-color:#fff; --bs-btn-active-bg:#212529; --bs-btn-active-border-color:#212529; --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color:#212529; --bs-btn-disabled-bg:transparent; --bs-btn-disabled-border-color:#212529; --bs-gradient:none; } .btn-link { --bs-btn-font-weight:400; --bs-btn-color:var(--bs-link-color); --bs-btn-bg:transparent; --bs-btn-border-color:transparent; --bs-btn-hover-color:var(--bs-link-hover-color); --bs-btn-hover-border-color:transparent; --bs-btn-active-color:var(--bs-link-hover-color); --bs-btn-active-border-color:transparent; --bs-btn-disabled-color:#6c757d; --bs-btn-disabled-border-color:transparent; --bs-btn-box-shadow:0 0 0 #000; --bs-btn-focus-shadow-rgb:49,132,253; text-decoration: underline; } .btn-link:focus-visible { color: var(--bs-btn-color); } .btn-link:hover { color: var(--bs-btn-hover-color); } .btn-group-lg > .btn, .btn-lg { --bs-btn-padding-y:0.5rem; --bs-btn-padding-x:1rem; --bs-btn-font-size:1.25rem; --bs-btn-border-radius:var(--bs-border-radius-lg); } .btn-group-sm > .btn, .btn-sm { --bs-btn-padding-y:0.25rem; --bs-btn-padding-x:0.5rem; --bs-btn-font-size:0.875rem; --bs-btn-border-radius:var(--bs-border-radius-sm); } .fade { transition: opacity 0.15s linear; } @media (prefers-reduced-motion: reduce) { .fade { transition: none; } } .fade:not(.show) { opacity: 0; } .collapse:not(.show) { display: none; } .collapsing { height: 0; overflow: hidden; transition: height 0.35s ease; } @media (prefers-reduced-motion: reduce) { .collapsing { transition: none; } } .collapsing.collapse-horizontal { width: 0; height: auto; transition: width 0.35s ease; } @media (prefers-reduced-motion: reduce) { .collapsing.collapse-horizontal { transition: none; } } .dropdown, .dropdown-center, .dropend, .dropstart, .dropup, .dropup-center { position: relative; } .dropdown-toggle { white-space: nowrap; } .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-bottom: 0; border-left: 0.3em solid transparent; } .dropdown-toggle:empty::after { margin-left: 0; } .dropdown-menu { --bs-dropdown-zindex:1000; --bs-dropdown-min-width:10rem; --bs-dropdown-padding-x:0; --bs-dropdown-padding-y:0.5rem; --bs-dropdown-spacer:0.125rem; --bs-dropdown-font-size:1rem; --bs-dropdown-color:var(--bs-body-color); --bs-dropdown-bg:var(--bs-body-bg); --bs-dropdown-border-color:var(--bs-border-color-translucent); --bs-dropdown-border-radius:var(--bs-border-radius); --bs-dropdown-border-width:var(--bs-border-width); --bs-dropdown-inner-border-radius:calc(var(--bs-border-radius) - var(--bs-border-width)); --bs-dropdown-divider-bg:var(--bs-border-color-translucent); --bs-dropdown-divider-margin-y:0.5rem; --bs-dropdown-box-shadow:var(--bs-box-shadow); --bs-dropdown-link-color:var(--bs-body-color); --bs-dropdown-link-hover-color:var(--bs-body-color); --bs-dropdown-link-hover-bg:var(--bs-tertiary-bg); --bs-dropdown-link-active-color:#fff; --bs-dropdown-link-active-bg:#0d6efd; --bs-dropdown-link-disabled-color:var(--bs-tertiary-color); --bs-dropdown-item-padding-x:1rem; --bs-dropdown-item-padding-y:0.25rem; --bs-dropdown-header-color:#6c757d; --bs-dropdown-header-padding-x:1rem; --bs-dropdown-header-padding-y:0.5rem; position: absolute; z-index: var(--bs-dropdown-zindex); display: none; min-width: var(--bs-dropdown-min-width); padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x); margin: 0; font-size: var(--bs-dropdown-font-size); color: var(--bs-dropdown-color); text-align: left; list-style: none; background-color: var(--bs-dropdown-bg); background-clip: padding-box; border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color); border-radius: var(--bs-dropdown-border-radius); } .dropdown-menu[data-bs-popper] { top: 100%; left: 0; margin-top: var(--bs-dropdown-spacer); } .dropdown-menu-start { --bs-position:start; } .dropdown-menu-start[data-bs-popper] { right: auto; left: 0; } .dropdown-menu-end { --bs-position:end; } .dropdown-menu-end[data-bs-popper] { right: 0; left: auto; } @media (min-width: 576px) { .dropdown-menu-sm-start { --bs-position:start; } .dropdown-menu-sm-start[data-bs-popper] { right: auto; left: 0; } .dropdown-menu-sm-end { --bs-position:end; } .dropdown-menu-sm-end[data-bs-popper] { right: 0; left: auto; } } @media (min-width: 768px) { .dropdown-menu-md-start { --bs-position:start; } .dropdown-menu-md-start[data-bs-popper] { right: auto; left: 0; } .dropdown-menu-md-end { --bs-position:end; } .dropdown-menu-md-end[data-bs-popper] { right: 0; left: auto; } } @media (min-width: 992px) { .dropdown-menu-lg-start { --bs-position:start; } .dropdown-menu-lg-start[data-bs-popper] { right: auto; left: 0; } .dropdown-menu-lg-end { --bs-position:end; } .dropdown-menu-lg-end[data-bs-popper] { right: 0; left: auto; } } @media (min-width: 1200px) { .dropdown-menu-xl-start { --bs-position:start; } .dropdown-menu-xl-start[data-bs-popper] { right: auto; left: 0; } .dropdown-menu-xl-end { --bs-position:end; } .dropdown-menu-xl-end[data-bs-popper] { right: 0; left: auto; } } @media (min-width: 1400px) { .dropdown-menu-xxl-start { --bs-position:start; } .dropdown-menu-xxl-start[data-bs-popper] { right: auto; left: 0; } .dropdown-menu-xxl-end { --bs-position:end; } .dropdown-menu-xxl-end[data-bs-popper] { right: 0; left: auto; } } .dropup .dropdown-menu[data-bs-popper] { top: auto; bottom: 100%; margin-top: 0; margin-bottom: var(--bs-dropdown-spacer); } .dropup .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0; border-right: 0.3em solid transparent; border-bottom: 0.3em solid; border-left: 0.3em solid transparent; } .dropup .dropdown-toggle:empty::after { margin-left: 0; } .dropend .dropdown-menu[data-bs-popper] { top: 0; right: auto; left: 100%; margin-top: 0; margin-left: var(--bs-dropdown-spacer); } .dropend .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0; border-bottom: 0.3em solid transparent; border-left: 0.3em solid; } .dropend .dropdown-toggle:empty::after { margin-left: 0; } .dropend .dropdown-toggle::after { vertical-align: 0; } .dropstart .dropdown-menu[data-bs-popper] { top: 0; right: 100%; left: auto; margin-top: 0; margin-right: var(--bs-dropdown-spacer); } .dropstart .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; } .dropstart .dropdown-toggle::after { display: none; } .dropstart .dropdown-toggle::before { display: inline-block; margin-right: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0.3em solid; border-bottom: 0.3em solid transparent; } .dropstart .dropdown-toggle:empty::after { margin-left: 0; } .dropstart .dropdown-toggle::before { vertical-align: 0; } .dropdown-divider { height: 0; margin: var(--bs-dropdown-divider-margin-y) 0; overflow: hidden; border-top: 1px solid var(--bs-dropdown-divider-bg); opacity: 1; } .dropdown-item { display: block; width: 100%; padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x); clear: both; font-weight: 400; color: var(--bs-dropdown-link-color); text-align: inherit; text-decoration: none; white-space: nowrap; background-color: transparent; border: 0; border-radius: var(--bs-dropdown-item-border-radius, 0); } .dropdown-item:focus, .dropdown-item:hover { color: var(--bs-dropdown-link-hover-color); background-color: var(--bs-dropdown-link-hover-bg); } .dropdown-item.active, .dropdown-item:active { color: var(--bs-dropdown-link-active-color); text-decoration: none; background-color: var(--bs-dropdown-link-active-bg); } .dropdown-item.disabled, .dropdown-item:disabled { color: var(--bs-dropdown-link-disabled-color); pointer-events: none; background-color: transparent; } .dropdown-menu.show { display: block; } .dropdown-header { display: block; padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x); margin-bottom: 0; font-size: 0.875rem; color: var(--bs-dropdown-header-color); white-space: nowrap; } .dropdown-item-text { display: block; padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x); color: var(--bs-dropdown-link-color); } .dropdown-menu-dark { --bs-dropdown-color:#dee2e6; --bs-dropdown-bg:#343a40; --bs-dropdown-border-color:var(--bs-border-color-translucent); --bs-dropdown-box-shadow: ; --bs-dropdown-link-color:#dee2e6; --bs-dropdown-link-hover-color:#fff; --bs-dropdown-divider-bg:var(--bs-border-color-translucent); --bs-dropdown-link-hover-bg:rgba(255, 255, 255, 0.15); --bs-dropdown-link-active-color:#fff; --bs-dropdown-link-active-bg:#0d6efd; --bs-dropdown-link-disabled-color:#adb5bd; --bs-dropdown-header-color:#adb5bd; } .btn-group, .btn-group-vertical { position: relative; display: inline-flex; vertical-align: middle; } .btn-group-vertical > .btn, .btn-group > .btn { position: relative; flex: 1 1 auto; } .btn-group-vertical > .btn-check:checked + .btn, .btn-group-vertical > .btn-check:focus + .btn, .btn-group-vertical > .btn.active, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:hover, .btn-group > .btn-check:checked + .btn, .btn-group > .btn-check:focus + .btn, .btn-group > .btn.active, .btn-group > .btn:active, .btn-group > .btn:focus, .btn-group > .btn:hover { z-index: 1; } .btn-toolbar { display: flex; flex-wrap: wrap; justify-content: flex-start; } .btn-toolbar .input-group { width: auto; } .btn-group { border-radius: var(--bs-border-radius); } .btn-group > .btn-group:not(:first-child), .btn-group > :not(.btn-check:first-child) + .btn { margin-left: calc(var(--bs-border-width) * -1); } .btn-group > .btn-group:not(:last-child) > .btn, .btn-group > .btn.dropdown-toggle-split:first-child, .btn-group > .btn:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn-group > .btn-group:not(:first-child) > .btn, .btn-group > .btn:nth-child(n+3), .btn-group > :not(.btn-check) + .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; } .dropdown-toggle-split { padding-right: 0.5625rem; padding-left: 0.5625rem; } .dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after { margin-left: 0; } .dropstart .dropdown-toggle-split::before { margin-right: 0; } .btn-group-sm > .btn + .dropdown-toggle-split, .btn-sm + .dropdown-toggle-split { padding-right: 0.375rem; padding-left: 0.375rem; } .btn-group-lg > .btn + .dropdown-toggle-split, .btn-lg + .dropdown-toggle-split { padding-right: 0.75rem; padding-left: 0.75rem; } .btn-group-vertical { flex-direction: column; align-items: flex-start; justify-content: center; } .btn-group-vertical > .btn, .btn-group-vertical > .btn-group { width: 100%; } .btn-group-vertical > .btn-group:not(:first-child), .btn-group-vertical > .btn:not(:first-child) { margin-top: calc(var(--bs-border-width) * -1); } .btn-group-vertical > .btn-group:not(:last-child) > .btn, .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle) { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn-group:not(:first-child) > .btn, .btn-group-vertical > .btn ~ .btn { border-top-left-radius: 0; border-top-right-radius: 0; } .nav { --bs-nav-link-padding-x:1rem; --bs-nav-link-padding-y:0.5rem; --bs-nav-link-font-weight: ; --bs-nav-link-color:var(--bs-link-color); --bs-nav-link-hover-color:var(--bs-link-hover-color); --bs-nav-link-disabled-color:var(--bs-secondary-color); display: flex; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; } .nav-link { display: block; padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x); font-size: var(--bs-nav-link-font-size); font-weight: var(--bs-nav-link-font-weight); color: var(--bs-nav-link-color); text-decoration: none; background: 0 0; border: 0; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .nav-link { transition: none; } } .nav-link:focus, .nav-link:hover { color: var(--bs-nav-link-hover-color); } .nav-link:focus-visible { outline: 0; box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } .nav-link.disabled, .nav-link:disabled { color: var(--bs-nav-link-disabled-color); pointer-events: none; cursor: default; } .nav-tabs { --bs-nav-tabs-border-width:var(--bs-border-width); --bs-nav-tabs-border-color:var(--bs-border-color); --bs-nav-tabs-border-radius:var(--bs-border-radius); --bs-nav-tabs-link-hover-border-color:var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color); --bs-nav-tabs-link-active-color:var(--bs-emphasis-color); --bs-nav-tabs-link-active-bg:var(--bs-body-bg); --bs-nav-tabs-link-active-border-color:var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg); border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color); } .nav-tabs .nav-link { margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width)); border: var(--bs-nav-tabs-border-width) solid transparent; border-top-left-radius: var(--bs-nav-tabs-border-radius); border-top-right-radius: var(--bs-nav-tabs-border-radius); } .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover { isolation: isolate; border-color: var(--bs-nav-tabs-link-hover-border-color); } .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { color: var(--bs-nav-tabs-link-active-color); background-color: var(--bs-nav-tabs-link-active-bg); border-color: var(--bs-nav-tabs-link-active-border-color); } .nav-tabs .dropdown-menu { margin-top: calc(-1 * var(--bs-nav-tabs-border-width)); border-top-left-radius: 0; border-top-right-radius: 0; } .nav-pills { --bs-nav-pills-border-radius:var(--bs-border-radius); --bs-nav-pills-link-active-color:#fff; --bs-nav-pills-link-active-bg:#0d6efd; } .nav-pills .nav-link { border-radius: var(--bs-nav-pills-border-radius); } .nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: var(--bs-nav-pills-link-active-color); background-color: var(--bs-nav-pills-link-active-bg); } .nav-underline { --bs-nav-underline-gap:1rem; --bs-nav-underline-border-width:0.125rem; --bs-nav-underline-link-active-color:var(--bs-emphasis-color); gap: var(--bs-nav-underline-gap); } .nav-underline .nav-link { padding-right: 0; padding-left: 0; border-bottom: var(--bs-nav-underline-border-width) solid transparent; } .nav-underline .nav-link:focus, .nav-underline .nav-link:hover { border-bottom-color: currentcolor; } .nav-underline .nav-link.active, .nav-underline .show > .nav-link { font-weight: 700; color: var(--bs-nav-underline-link-active-color); border-bottom-color: currentcolor; } .nav-fill .nav-item, .nav-fill > .nav-link { flex: 1 1 auto; text-align: center; } .nav-justified .nav-item, .nav-justified > .nav-link { flex-basis: 0; flex-grow: 1; text-align: center; } .nav-fill .nav-item .nav-link, .nav-justified .nav-item .nav-link { width: 100%; } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .navbar { --bs-navbar-padding-x:0; --bs-navbar-padding-y:0.5rem; --bs-navbar-color:rgba(var(--bs-emphasis-color-rgb), 0.65); --bs-navbar-hover-color:rgba(var(--bs-emphasis-color-rgb), 0.8); --bs-navbar-disabled-color:rgba(var(--bs-emphasis-color-rgb), 0.3); --bs-navbar-active-color:rgba(var(--bs-emphasis-color-rgb), 1); --bs-navbar-brand-padding-y:0.3125rem; --bs-navbar-brand-margin-end:1rem; --bs-navbar-brand-font-size:1.25rem; --bs-navbar-brand-color:rgba(var(--bs-emphasis-color-rgb), 1); --bs-navbar-brand-hover-color:rgba(var(--bs-emphasis-color-rgb), 1); --bs-navbar-nav-link-padding-x:0.5rem; --bs-navbar-toggler-padding-y:0.25rem; --bs-navbar-toggler-padding-x:0.75rem; --bs-navbar-toggler-font-size:1.25rem; --bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); --bs-navbar-toggler-border-color:rgba(var(--bs-emphasis-color-rgb), 0.15); --bs-navbar-toggler-border-radius:var(--bs-border-radius); --bs-navbar-toggler-focus-width:0.25rem; --bs-navbar-toggler-transition:box-shadow 0.15s ease-in-out; position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x); } .navbar > .container, .navbar > .container-fluid, .navbar > .container-lg, .navbar > .container-md, .navbar > .container-sm, .navbar > .container-xl, .navbar > .container-xxl { display: flex; flex-wrap: inherit; align-items: center; justify-content: space-between; } .navbar-brand { padding-top: var(--bs-navbar-brand-padding-y); padding-bottom: var(--bs-navbar-brand-padding-y); margin-right: var(--bs-navbar-brand-margin-end); font-size: var(--bs-navbar-brand-font-size); color: var(--bs-navbar-brand-color); text-decoration: none; white-space: nowrap; } .navbar-brand:focus, .navbar-brand:hover { color: var(--bs-navbar-brand-hover-color); } .navbar-nav { --bs-nav-link-padding-x:0; --bs-nav-link-padding-y:0.5rem; --bs-nav-link-font-weight: ; --bs-nav-link-color:var(--bs-navbar-color); --bs-nav-link-hover-color:var(--bs-navbar-hover-color); --bs-nav-link-disabled-color:var(--bs-navbar-disabled-color); display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none; } .navbar-nav .nav-link.active, .navbar-nav .nav-link.show { color: var(--bs-navbar-active-color); } .navbar-nav .dropdown-menu { position: static; } .navbar-text { padding-top: 0.5rem; padding-bottom: 0.5rem; color: var(--bs-navbar-color); } .navbar-text a, .navbar-text a:focus, .navbar-text a:hover { color: var(--bs-navbar-active-color); } .navbar-collapse { flex-basis: 100%; flex-grow: 1; align-items: center; } .navbar-toggler { padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x); font-size: var(--bs-navbar-toggler-font-size); line-height: 1; color: var(--bs-navbar-color); background-color: transparent; border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color); border-radius: var(--bs-navbar-toggler-border-radius); transition: var(--bs-navbar-toggler-transition); } @media (prefers-reduced-motion: reduce) { .navbar-toggler { transition: none; } } .navbar-toggler:hover { text-decoration: none; } .navbar-toggler:focus { text-decoration: none; outline: 0; box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width); } .navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; background-image: var(--bs-navbar-toggler-icon-bg); background-repeat: no-repeat; background-position: center; background-size: 100%; } .navbar-nav-scroll { max-height: var(--bs-scroll-height, 75vh); overflow-y: auto; } @media (min-width: 576px) { .navbar-expand-sm { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand-sm .navbar-nav { flex-direction: row; } .navbar-expand-sm .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-sm .navbar-nav .nav-link { padding-right: var(--bs-navbar-nav-link-padding-x); padding-left: var(--bs-navbar-nav-link-padding-x); } .navbar-expand-sm .navbar-nav-scroll { overflow: visible; } .navbar-expand-sm .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-sm .navbar-toggler { display: none; } .navbar-expand-sm .offcanvas { position: static; z-index: auto; flex-grow: 1; width: auto !important; height: auto !important; visibility: visible !important; background-color: transparent !important; border: 0 !important; transform: none !important; transition: none; } .navbar-expand-sm .offcanvas .offcanvas-header { display: none; } .navbar-expand-sm .offcanvas .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; } } @media (min-width: 768px) { .navbar-expand-md { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand-md .navbar-nav { flex-direction: row; } .navbar-expand-md .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-md .navbar-nav .nav-link { padding-right: var(--bs-navbar-nav-link-padding-x); padding-left: var(--bs-navbar-nav-link-padding-x); } .navbar-expand-md .navbar-nav-scroll { overflow: visible; } .navbar-expand-md .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-md .navbar-toggler { display: none; } .navbar-expand-md .offcanvas { position: static; z-index: auto; flex-grow: 1; width: auto !important; height: auto !important; visibility: visible !important; background-color: transparent !important; border: 0 !important; transform: none !important; transition: none; } .navbar-expand-md .offcanvas .offcanvas-header { display: none; } .navbar-expand-md .offcanvas .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; } } @media (min-width: 992px) { .navbar-expand-lg { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand-lg .navbar-nav { flex-direction: row; } .navbar-expand-lg .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-lg .navbar-nav .nav-link { padding-right: var(--bs-navbar-nav-link-padding-x); padding-left: var(--bs-navbar-nav-link-padding-x); } .navbar-expand-lg .navbar-nav-scroll { overflow: visible; } .navbar-expand-lg .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-lg .navbar-toggler { display: none; } .navbar-expand-lg .offcanvas { position: static; z-index: auto; flex-grow: 1; width: auto !important; height: auto !important; visibility: visible !important; background-color: transparent !important; border: 0 !important; transform: none !important; transition: none; } .navbar-expand-lg .offcanvas .offcanvas-header { display: none; } .navbar-expand-lg .offcanvas .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; } } @media (min-width: 1200px) { .navbar-expand-xl { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand-xl .navbar-nav { flex-direction: row; } .navbar-expand-xl .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-xl .navbar-nav .nav-link { padding-right: var(--bs-navbar-nav-link-padding-x); padding-left: var(--bs-navbar-nav-link-padding-x); } .navbar-expand-xl .navbar-nav-scroll { overflow: visible; } .navbar-expand-xl .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-xl .navbar-toggler { display: none; } .navbar-expand-xl .offcanvas { position: static; z-index: auto; flex-grow: 1; width: auto !important; height: auto !important; visibility: visible !important; background-color: transparent !important; border: 0 !important; transform: none !important; transition: none; } .navbar-expand-xl .offcanvas .offcanvas-header { display: none; } .navbar-expand-xl .offcanvas .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; } } @media (min-width: 1400px) { .navbar-expand-xxl { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand-xxl .navbar-nav { flex-direction: row; } .navbar-expand-xxl .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-xxl .navbar-nav .nav-link { padding-right: var(--bs-navbar-nav-link-padding-x); padding-left: var(--bs-navbar-nav-link-padding-x); } .navbar-expand-xxl .navbar-nav-scroll { overflow: visible; } .navbar-expand-xxl .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-xxl .navbar-toggler { display: none; } .navbar-expand-xxl .offcanvas { position: static; z-index: auto; flex-grow: 1; width: auto !important; height: auto !important; visibility: visible !important; background-color: transparent !important; border: 0 !important; transform: none !important; transition: none; } .navbar-expand-xxl .offcanvas .offcanvas-header { display: none; } .navbar-expand-xxl .offcanvas .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; } } .navbar-expand { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand .navbar-nav { flex-direction: row; } .navbar-expand .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand .navbar-nav .nav-link { padding-right: var(--bs-navbar-nav-link-padding-x); padding-left: var(--bs-navbar-nav-link-padding-x); } .navbar-expand .navbar-nav-scroll { overflow: visible; } .navbar-expand .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand .navbar-toggler { display: none; } .navbar-expand .offcanvas { position: static; z-index: auto; flex-grow: 1; width: auto !important; height: auto !important; visibility: visible !important; background-color: transparent !important; border: 0 !important; transform: none !important; transition: none; } .navbar-expand .offcanvas .offcanvas-header { display: none; } .navbar-expand .offcanvas .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; } .navbar-dark, .navbar[data-bs-theme=dark] { --bs-navbar-color:rgba(255, 255, 255, 0.55); --bs-navbar-hover-color:rgba(255, 255, 255, 0.75); --bs-navbar-disabled-color:rgba(255, 255, 255, 0.25); --bs-navbar-active-color:#fff; --bs-navbar-brand-color:#fff; --bs-navbar-brand-hover-color:#fff; --bs-navbar-toggler-border-color:rgba(255, 255, 255, 0.1); --bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } [data-bs-theme=dark] .navbar-toggler-icon { --bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .card { --bs-card-spacer-y:1rem; --bs-card-spacer-x:1rem; --bs-card-title-spacer-y:0.5rem; --bs-card-title-color: ; --bs-card-subtitle-color: ; --bs-card-border-width:var(--bs-border-width); --bs-card-border-color:var(--bs-border-color-translucent); --bs-card-border-radius:var(--bs-border-radius); --bs-card-box-shadow: ; --bs-card-inner-border-radius:calc(var(--bs-border-radius) - (var(--bs-border-width))); --bs-card-cap-padding-y:0.5rem; --bs-card-cap-padding-x:1rem; --bs-card-cap-bg:rgba(var(--bs-body-color-rgb), 0.03); --bs-card-cap-color: ; --bs-card-height: ; --bs-card-color: ; --bs-card-bg:var(--bs-body-bg); --bs-card-img-overlay-padding:1rem; --bs-card-group-margin:0.75rem; position: relative; display: flex; flex-direction: column; min-width: 0; height: var(--bs-card-height); color: var(--bs-body-color); word-wrap: break-word; background-color: var(--bs-card-bg); background-clip: border-box; border: var(--bs-card-border-width) solid var(--bs-card-border-color); border-radius: var(--bs-card-border-radius); } .card > hr { margin-right: 0; margin-left: 0; } .card > .list-group { border-top: inherit; border-bottom: inherit; } .card > .list-group:first-child { border-top-width: 0; border-top-left-radius: var(--bs-card-inner-border-radius); border-top-right-radius: var(--bs-card-inner-border-radius); } .card > .list-group:last-child { border-bottom-width: 0; border-bottom-right-radius: var(--bs-card-inner-border-radius); border-bottom-left-radius: var(--bs-card-inner-border-radius); } .card > .card-header + .list-group, .card > .list-group + .card-footer { border-top: 0; } .card-body { flex: 1 1 auto; padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x); color: var(--bs-card-color); } .card-title { margin-bottom: var(--bs-card-title-spacer-y); color: var(--bs-card-title-color); } .card-subtitle { margin-top: calc(-0.5 * var(--bs-card-title-spacer-y)); margin-bottom: 0; color: var(--bs-card-subtitle-color); } .card-text:last-child { margin-bottom: 0; } .card-link + .card-link { margin-left: var(--bs-card-spacer-x); } .card-header { padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x); margin-bottom: 0; color: var(--bs-card-cap-color); background-color: var(--bs-card-cap-bg); border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color); } .card-header:first-child { border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0; } .card-footer { padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x); color: var(--bs-card-cap-color); background-color: var(--bs-card-cap-bg); border-top: var(--bs-card-border-width) solid var(--bs-card-border-color); } .card-footer:last-child { border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius); } .card-header-tabs { margin-right: calc(-0.5 * var(--bs-card-cap-padding-x)); margin-bottom: calc(-1 * var(--bs-card-cap-padding-y)); margin-left: calc(-0.5 * var(--bs-card-cap-padding-x)); border-bottom: 0; } .card-header-tabs .nav-link.active { background-color: var(--bs-card-bg); border-bottom-color: var(--bs-card-bg); } .card-header-pills { margin-right: calc(-0.5 * var(--bs-card-cap-padding-x)); margin-left: calc(-0.5 * var(--bs-card-cap-padding-x)); } .card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: var(--bs-card-img-overlay-padding); border-radius: var(--bs-card-inner-border-radius); } .card-img, .card-img-bottom, .card-img-top { width: 100%; } .card-img, .card-img-top { border-top-left-radius: var(--bs-card-inner-border-radius); border-top-right-radius: var(--bs-card-inner-border-radius); } .card-img, .card-img-bottom { border-bottom-right-radius: var(--bs-card-inner-border-radius); border-bottom-left-radius: var(--bs-card-inner-border-radius); } .card-group > .card { margin-bottom: var(--bs-card-group-margin); } @media (min-width: 576px) { .card-group { display: flex; flex-flow: row wrap; } .card-group > .card { flex: 1 0; margin-bottom: 0; } .card-group > .card + .card { margin-left: 0; border-left: 0; } .card-group > .card:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .card-group > .card:not(:last-child) .card-header, .card-group > .card:not(:last-child) .card-img-top { border-top-right-radius: 0; } .card-group > .card:not(:last-child) .card-footer, .card-group > .card:not(:last-child) .card-img-bottom { border-bottom-right-radius: 0; } .card-group > .card:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .card-group > .card:not(:first-child) .card-header, .card-group > .card:not(:first-child) .card-img-top { border-top-left-radius: 0; } .card-group > .card:not(:first-child) .card-footer, .card-group > .card:not(:first-child) .card-img-bottom { border-bottom-left-radius: 0; } } .accordion { --bs-accordion-color:var(--bs-body-color); --bs-accordion-bg:var(--bs-body-bg); --bs-accordion-transition:color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,border-radius 0.15s ease; --bs-accordion-border-color:var(--bs-border-color); --bs-accordion-border-width:var(--bs-border-width); --bs-accordion-border-radius:var(--bs-border-radius); --bs-accordion-inner-border-radius:calc(var(--bs-border-radius) - (var(--bs-border-width))); --bs-accordion-btn-padding-x:1.25rem; --bs-accordion-btn-padding-y:1rem; --bs-accordion-btn-color:var(--bs-body-color); --bs-accordion-btn-bg:var(--bs-accordion-bg); --bs-accordion-btn-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e"); --bs-accordion-btn-icon-width:1.25rem; --bs-accordion-btn-icon-transform:rotate(-180deg); --bs-accordion-btn-icon-transition:transform 0.2s ease-in-out; --bs-accordion-btn-active-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23052c65' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e"); --bs-accordion-btn-focus-box-shadow:0 0 0 0.25rem rgba(13, 110, 253, 0.25); --bs-accordion-body-padding-x:1.25rem; --bs-accordion-body-padding-y:1rem; --bs-accordion-active-color:var(--bs-primary-text-emphasis); --bs-accordion-active-bg:var(--bs-primary-bg-subtle); } .accordion-button { position: relative; display: flex; align-items: center; width: 100%; padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x); font-size: 1rem; color: var(--bs-accordion-btn-color); text-align: left; background-color: var(--bs-accordion-btn-bg); border: 0; border-radius: 0; overflow-anchor: none; transition: var(--bs-accordion-transition); } @media (prefers-reduced-motion: reduce) { .accordion-button { transition: none; } } .accordion-button:not(.collapsed) { color: var(--bs-accordion-active-color); background-color: var(--bs-accordion-active-bg); box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color); } .accordion-button:not(.collapsed)::after { background-image: var(--bs-accordion-btn-active-icon); transform: var(--bs-accordion-btn-icon-transform); } .accordion-button::after { flex-shrink: 0; width: var(--bs-accordion-btn-icon-width); height: var(--bs-accordion-btn-icon-width); margin-left: auto; content: ""; background-image: var(--bs-accordion-btn-icon); background-repeat: no-repeat; background-size: var(--bs-accordion-btn-icon-width); transition: var(--bs-accordion-btn-icon-transition); } @media (prefers-reduced-motion: reduce) { .accordion-button::after { transition: none; } } .accordion-button:hover { z-index: 2; } .accordion-button:focus { z-index: 3; outline: 0; box-shadow: var(--bs-accordion-btn-focus-box-shadow); } .accordion-header { margin-bottom: 0; } .accordion-item { color: var(--bs-accordion-color); background-color: var(--bs-accordion-bg); border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color); } .accordion-item:first-of-type { border-top-left-radius: var(--bs-accordion-border-radius); border-top-right-radius: var(--bs-accordion-border-radius); } .accordion-item:first-of-type > .accordion-header .accordion-button { border-top-left-radius: var(--bs-accordion-inner-border-radius); border-top-right-radius: var(--bs-accordion-inner-border-radius); } .accordion-item:not(:first-of-type) { border-top: 0; } .accordion-item:last-of-type { border-bottom-right-radius: var(--bs-accordion-border-radius); border-bottom-left-radius: var(--bs-accordion-border-radius); } .accordion-item:last-of-type > .accordion-header .accordion-button.collapsed { border-bottom-right-radius: var(--bs-accordion-inner-border-radius); border-bottom-left-radius: var(--bs-accordion-inner-border-radius); } .accordion-item:last-of-type > .accordion-collapse { border-bottom-right-radius: var(--bs-accordion-border-radius); border-bottom-left-radius: var(--bs-accordion-border-radius); } .accordion-body { padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x); } .accordion-flush > .accordion-item { border-right: 0; border-left: 0; border-radius: 0; } .accordion-flush > .accordion-item:first-child { border-top: 0; } .accordion-flush > .accordion-item:last-child { border-bottom: 0; } .accordion-flush > .accordion-item > .accordion-header .accordion-button, .accordion-flush > .accordion-item > .accordion-header .accordion-button.collapsed { border-radius: 0; } .accordion-flush > .accordion-item > .accordion-collapse { border-radius: 0; } [data-bs-theme=dark] .accordion-button::after { --bs-accordion-btn-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); --bs-accordion-btn-active-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); } .breadcrumb { --bs-breadcrumb-padding-x:0; --bs-breadcrumb-padding-y:0; --bs-breadcrumb-margin-bottom:1rem; --bs-breadcrumb-bg: ; --bs-breadcrumb-border-radius: ; --bs-breadcrumb-divider-color:var(--bs-secondary-color); --bs-breadcrumb-item-padding-x:0.5rem; --bs-breadcrumb-item-active-color:var(--bs-secondary-color); display: flex; flex-wrap: wrap; padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x); margin-bottom: var(--bs-breadcrumb-margin-bottom); font-size: var(--bs-breadcrumb-font-size); list-style: none; background-color: var(--bs-breadcrumb-bg); border-radius: var(--bs-breadcrumb-border-radius); } .breadcrumb-item + .breadcrumb-item { padding-left: var(--bs-breadcrumb-item-padding-x); } .breadcrumb-item + .breadcrumb-item::before { float: left; padding-right: var(--bs-breadcrumb-item-padding-x); color: var(--bs-breadcrumb-divider-color); content: var(--bs-breadcrumb-divider, "/"); } .breadcrumb-item.active { color: var(--bs-breadcrumb-item-active-color); } .pagination { --bs-pagination-padding-x:0.75rem; --bs-pagination-padding-y:0.375rem; --bs-pagination-font-size:1rem; --bs-pagination-color:var(--bs-link-color); --bs-pagination-bg:var(--bs-body-bg); --bs-pagination-border-width:var(--bs-border-width); --bs-pagination-border-color:var(--bs-border-color); --bs-pagination-border-radius:var(--bs-border-radius); --bs-pagination-hover-color:var(--bs-link-hover-color); --bs-pagination-hover-bg:var(--bs-tertiary-bg); --bs-pagination-hover-border-color:var(--bs-border-color); --bs-pagination-focus-color:var(--bs-link-hover-color); --bs-pagination-focus-bg:var(--bs-secondary-bg); --bs-pagination-focus-box-shadow:0 0 0 0.25rem rgba(13, 110, 253, 0.25); --bs-pagination-active-color:#fff; --bs-pagination-active-bg:#0d6efd; --bs-pagination-active-border-color:#0d6efd; --bs-pagination-disabled-color:var(--bs-secondary-color); --bs-pagination-disabled-bg:var(--bs-secondary-bg); --bs-pagination-disabled-border-color:var(--bs-border-color); display: flex; padding-left: 0; list-style: none; } .page-link { position: relative; display: block; padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x); font-size: var(--bs-pagination-font-size); color: var(--bs-pagination-color); text-decoration: none; background-color: var(--bs-pagination-bg); border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color); transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .page-link { transition: none; } } .page-link:hover { z-index: 2; color: var(--bs-pagination-hover-color); background-color: var(--bs-pagination-hover-bg); border-color: var(--bs-pagination-hover-border-color); } .page-link:focus { z-index: 3; color: var(--bs-pagination-focus-color); background-color: var(--bs-pagination-focus-bg); outline: 0; box-shadow: var(--bs-pagination-focus-box-shadow); } .active > .page-link, .page-link.active { z-index: 3; color: var(--bs-pagination-active-color); background-color: var(--bs-pagination-active-bg); border-color: var(--bs-pagination-active-border-color); } .disabled > .page-link, .page-link.disabled { color: var(--bs-pagination-disabled-color); pointer-events: none; background-color: var(--bs-pagination-disabled-bg); border-color: var(--bs-pagination-disabled-border-color); } .page-item:not(:first-child) .page-link { margin-left: calc(var(--bs-border-width) * -1); } .page-item:first-child .page-link { border-top-left-radius: var(--bs-pagination-border-radius); border-bottom-left-radius: var(--bs-pagination-border-radius); } .page-item:last-child .page-link { border-top-right-radius: var(--bs-pagination-border-radius); border-bottom-right-radius: var(--bs-pagination-border-radius); } .pagination-lg { --bs-pagination-padding-x:1.5rem; --bs-pagination-padding-y:0.75rem; --bs-pagination-font-size:1.25rem; --bs-pagination-border-radius:var(--bs-border-radius-lg); } .pagination-sm { --bs-pagination-padding-x:0.5rem; --bs-pagination-padding-y:0.25rem; --bs-pagination-font-size:0.875rem; --bs-pagination-border-radius:var(--bs-border-radius-sm); } .badge { --bs-badge-padding-x:0.65em; --bs-badge-padding-y:0.35em; --bs-badge-font-size:0.75em; --bs-badge-font-weight:700; --bs-badge-color:#fff; --bs-badge-border-radius:var(--bs-border-radius); display: inline-block; padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x); font-size: var(--bs-badge-font-size); font-weight: var(--bs-badge-font-weight); line-height: 1; color: var(--bs-badge-color); text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: var(--bs-badge-border-radius); } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .alert { --bs-alert-bg:transparent; --bs-alert-padding-x:1rem; --bs-alert-padding-y:1rem; --bs-alert-margin-bottom:1rem; --bs-alert-color:inherit; --bs-alert-border-color:transparent; --bs-alert-border:var(--bs-border-width) solid var(--bs-alert-border-color); --bs-alert-border-radius:var(--bs-border-radius); --bs-alert-link-color:inherit; position: relative; padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x); margin-bottom: var(--bs-alert-margin-bottom); color: var(--bs-alert-color); background-color: var(--bs-alert-bg); border: var(--bs-alert-border); border-radius: var(--bs-alert-border-radius); } .alert-heading { color: inherit; } .alert-link { font-weight: 700; color: var(--bs-alert-link-color); } .alert-dismissible { padding-right: 3rem; } .alert-dismissible .btn-close { position: absolute; top: 0; right: 0; z-index: 2; padding: 1.25rem 1rem; } .alert-primary { --bs-alert-color:var(--bs-primary-text-emphasis); --bs-alert-bg:var(--bs-primary-bg-subtle); --bs-alert-border-color:var(--bs-primary-border-subtle); --bs-alert-link-color:var(--bs-primary-text-emphasis); } .alert-secondary { --bs-alert-color:var(--bs-secondary-text-emphasis); --bs-alert-bg:var(--bs-secondary-bg-subtle); --bs-alert-border-color:var(--bs-secondary-border-subtle); --bs-alert-link-color:var(--bs-secondary-text-emphasis); } .alert-success { --bs-alert-color:var(--bs-success-text-emphasis); --bs-alert-bg:var(--bs-success-bg-subtle); --bs-alert-border-color:var(--bs-success-border-subtle); --bs-alert-link-color:var(--bs-success-text-emphasis); } .alert-info { --bs-alert-color:var(--bs-info-text-emphasis); --bs-alert-bg:var(--bs-info-bg-subtle); --bs-alert-border-color:var(--bs-info-border-subtle); --bs-alert-link-color:var(--bs-info-text-emphasis); } .alert-warning { --bs-alert-color:var(--bs-warning-text-emphasis); --bs-alert-bg:var(--bs-warning-bg-subtle); --bs-alert-border-color:var(--bs-warning-border-subtle); --bs-alert-link-color:var(--bs-warning-text-emphasis); } .alert-danger { --bs-alert-color:var(--bs-danger-text-emphasis); --bs-alert-bg:var(--bs-danger-bg-subtle); --bs-alert-border-color:var(--bs-danger-border-subtle); --bs-alert-link-color:var(--bs-danger-text-emphasis); } .alert-light { --bs-alert-color:var(--bs-light-text-emphasis); --bs-alert-bg:var(--bs-light-bg-subtle); --bs-alert-border-color:var(--bs-light-border-subtle); --bs-alert-link-color:var(--bs-light-text-emphasis); } .alert-dark { --bs-alert-color:var(--bs-dark-text-emphasis); --bs-alert-bg:var(--bs-dark-bg-subtle); --bs-alert-border-color:var(--bs-dark-border-subtle); --bs-alert-link-color:var(--bs-dark-text-emphasis); } @keyframes progress-bar-stripes { 0% { background-position-x: 1rem; } } .progress, .progress-stacked { --bs-progress-height:1rem; --bs-progress-font-size:0.75rem; --bs-progress-bg:var(--bs-secondary-bg); --bs-progress-border-radius:var(--bs-border-radius); --bs-progress-box-shadow:var(--bs-box-shadow-inset); --bs-progress-bar-color:#fff; --bs-progress-bar-bg:#0d6efd; --bs-progress-bar-transition:width 0.6s ease; display: flex; height: var(--bs-progress-height); overflow: hidden; font-size: var(--bs-progress-font-size); background-color: var(--bs-progress-bg); border-radius: var(--bs-progress-border-radius); } .progress-bar { display: flex; flex-direction: column; justify-content: center; overflow: hidden; color: var(--bs-progress-bar-color); text-align: center; white-space: nowrap; background-color: var(--bs-progress-bar-bg); transition: var(--bs-progress-bar-transition); } @media (prefers-reduced-motion: reduce) { .progress-bar { transition: none; } } .progress-bar-striped { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: var(--bs-progress-height) var(--bs-progress-height); } .progress-stacked > .progress { overflow: visible; } .progress-stacked > .progress > .progress-bar { width: 100%; } .progress-bar-animated { animation: 1s linear infinite progress-bar-stripes; } @media (prefers-reduced-motion: reduce) { .progress-bar-animated { animation: none; } } .list-group { --bs-list-group-color:var(--bs-body-color); --bs-list-group-bg:var(--bs-body-bg); --bs-list-group-border-color:var(--bs-border-color); --bs-list-group-border-width:var(--bs-border-width); --bs-list-group-border-radius:var(--bs-border-radius); --bs-list-group-item-padding-x:1rem; --bs-list-group-item-padding-y:0.5rem; --bs-list-group-action-color:var(--bs-secondary-color); --bs-list-group-action-hover-color:var(--bs-emphasis-color); --bs-list-group-action-hover-bg:var(--bs-tertiary-bg); --bs-list-group-action-active-color:var(--bs-body-color); --bs-list-group-action-active-bg:var(--bs-secondary-bg); --bs-list-group-disabled-color:var(--bs-secondary-color); --bs-list-group-disabled-bg:var(--bs-body-bg); --bs-list-group-active-color:#fff; --bs-list-group-active-bg:#0d6efd; --bs-list-group-active-border-color:#0d6efd; display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; border-radius: var(--bs-list-group-border-radius); } .list-group-numbered { list-style-type: none; counter-reset: section; } .list-group-numbered > .list-group-item::before { content: counters(section, ".") ". "; counter-increment: section; } .list-group-item-action { width: 100%; color: var(--bs-list-group-action-color); text-align: inherit; } .list-group-item-action:focus, .list-group-item-action:hover { z-index: 1; color: var(--bs-list-group-action-hover-color); text-decoration: none; background-color: var(--bs-list-group-action-hover-bg); } .list-group-item-action:active { color: var(--bs-list-group-action-active-color); background-color: var(--bs-list-group-action-active-bg); } .list-group-item { position: relative; display: block; padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x); color: var(--bs-list-group-color); text-decoration: none; background-color: var(--bs-list-group-bg); border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color); } .list-group-item:first-child { border-top-left-radius: inherit; border-top-right-radius: inherit; } .list-group-item:last-child { border-bottom-right-radius: inherit; border-bottom-left-radius: inherit; } .list-group-item.disabled, .list-group-item:disabled { color: var(--bs-list-group-disabled-color); pointer-events: none; background-color: var(--bs-list-group-disabled-bg); } .list-group-item.active { z-index: 2; color: var(--bs-list-group-active-color); background-color: var(--bs-list-group-active-bg); border-color: var(--bs-list-group-active-border-color); } .list-group-item + .list-group-item { border-top-width: 0; } .list-group-item + .list-group-item.active { margin-top: calc(-1 * var(--bs-list-group-border-width)); border-top-width: var(--bs-list-group-border-width); } .list-group-horizontal { flex-direction: row; } .list-group-horizontal > .list-group-item:first-child:not(:last-child) { border-bottom-left-radius: var(--bs-list-group-border-radius); border-top-right-radius: 0; } .list-group-horizontal > .list-group-item:last-child:not(:first-child) { border-top-right-radius: var(--bs-list-group-border-radius); border-bottom-left-radius: 0; } .list-group-horizontal > .list-group-item.active { margin-top: 0; } .list-group-horizontal > .list-group-item + .list-group-item { border-top-width: var(--bs-list-group-border-width); border-left-width: 0; } .list-group-horizontal > .list-group-item + .list-group-item.active { margin-left: calc(-1 * var(--bs-list-group-border-width)); border-left-width: var(--bs-list-group-border-width); } @media (min-width: 576px) { .list-group-horizontal-sm { flex-direction: row; } .list-group-horizontal-sm > .list-group-item:first-child:not(:last-child) { border-bottom-left-radius: var(--bs-list-group-border-radius); border-top-right-radius: 0; } .list-group-horizontal-sm > .list-group-item:last-child:not(:first-child) { border-top-right-radius: var(--bs-list-group-border-radius); border-bottom-left-radius: 0; } .list-group-horizontal-sm > .list-group-item.active { margin-top: 0; } .list-group-horizontal-sm > .list-group-item + .list-group-item { border-top-width: var(--bs-list-group-border-width); border-left-width: 0; } .list-group-horizontal-sm > .list-group-item + .list-group-item.active { margin-left: calc(-1 * var(--bs-list-group-border-width)); border-left-width: var(--bs-list-group-border-width); } } @media (min-width: 768px) { .list-group-horizontal-md { flex-direction: row; } .list-group-horizontal-md > .list-group-item:first-child:not(:last-child) { border-bottom-left-radius: var(--bs-list-group-border-radius); border-top-right-radius: 0; } .list-group-horizontal-md > .list-group-item:last-child:not(:first-child) { border-top-right-radius: var(--bs-list-group-border-radius); border-bottom-left-radius: 0; } .list-group-horizontal-md > .list-group-item.active { margin-top: 0; } .list-group-horizontal-md > .list-group-item + .list-group-item { border-top-width: var(--bs-list-group-border-width); border-left-width: 0; } .list-group-horizontal-md > .list-group-item + .list-group-item.active { margin-left: calc(-1 * var(--bs-list-group-border-width)); border-left-width: var(--bs-list-group-border-width); } } @media (min-width: 992px) { .list-group-horizontal-lg { flex-direction: row; } .list-group-horizontal-lg > .list-group-item:first-child:not(:last-child) { border-bottom-left-radius: var(--bs-list-group-border-radius); border-top-right-radius: 0; } .list-group-horizontal-lg > .list-group-item:last-child:not(:first-child) { border-top-right-radius: var(--bs-list-group-border-radius); border-bottom-left-radius: 0; } .list-group-horizontal-lg > .list-group-item.active { margin-top: 0; } .list-group-horizontal-lg > .list-group-item + .list-group-item { border-top-width: var(--bs-list-group-border-width); border-left-width: 0; } .list-group-horizontal-lg > .list-group-item + .list-group-item.active { margin-left: calc(-1 * var(--bs-list-group-border-width)); border-left-width: var(--bs-list-group-border-width); } } @media (min-width: 1200px) { .list-group-horizontal-xl { flex-direction: row; } .list-group-horizontal-xl > .list-group-item:first-child:not(:last-child) { border-bottom-left-radius: var(--bs-list-group-border-radius); border-top-right-radius: 0; } .list-group-horizontal-xl > .list-group-item:last-child:not(:first-child) { border-top-right-radius: var(--bs-list-group-border-radius); border-bottom-left-radius: 0; } .list-group-horizontal-xl > .list-group-item.active { margin-top: 0; } .list-group-horizontal-xl > .list-group-item + .list-group-item { border-top-width: var(--bs-list-group-border-width); border-left-width: 0; } .list-group-horizontal-xl > .list-group-item + .list-group-item.active { margin-left: calc(-1 * var(--bs-list-group-border-width)); border-left-width: var(--bs-list-group-border-width); } } @media (min-width: 1400px) { .list-group-horizontal-xxl { flex-direction: row; } .list-group-horizontal-xxl > .list-group-item:first-child:not(:last-child) { border-bottom-left-radius: var(--bs-list-group-border-radius); border-top-right-radius: 0; } .list-group-horizontal-xxl > .list-group-item:last-child:not(:first-child) { border-top-right-radius: var(--bs-list-group-border-radius); border-bottom-left-radius: 0; } .list-group-horizontal-xxl > .list-group-item.active { margin-top: 0; } .list-group-horizontal-xxl > .list-group-item + .list-group-item { border-top-width: var(--bs-list-group-border-width); border-left-width: 0; } .list-group-horizontal-xxl > .list-group-item + .list-group-item.active { margin-left: calc(-1 * var(--bs-list-group-border-width)); border-left-width: var(--bs-list-group-border-width); } } .list-group-flush { border-radius: 0; } .list-group-flush > .list-group-item { border-width: 0 0 var(--bs-list-group-border-width); } .list-group-flush > .list-group-item:last-child { border-bottom-width: 0; } .list-group-item-primary { --bs-list-group-color:var(--bs-primary-text-emphasis); --bs-list-group-bg:var(--bs-primary-bg-subtle); --bs-list-group-border-color:var(--bs-primary-border-subtle); --bs-list-group-action-hover-color:var(--bs-emphasis-color); --bs-list-group-action-hover-bg:var(--bs-primary-border-subtle); --bs-list-group-action-active-color:var(--bs-emphasis-color); --bs-list-group-action-active-bg:var(--bs-primary-border-subtle); --bs-list-group-active-color:var(--bs-primary-bg-subtle); --bs-list-group-active-bg:var(--bs-primary-text-emphasis); --bs-list-group-active-border-color:var(--bs-primary-text-emphasis); } .list-group-item-secondary { --bs-list-group-color:var(--bs-secondary-text-emphasis); --bs-list-group-bg:var(--bs-secondary-bg-subtle); --bs-list-group-border-color:var(--bs-secondary-border-subtle); --bs-list-group-action-hover-color:var(--bs-emphasis-color); --bs-list-group-action-hover-bg:var(--bs-secondary-border-subtle); --bs-list-group-action-active-color:var(--bs-emphasis-color); --bs-list-group-action-active-bg:var(--bs-secondary-border-subtle); --bs-list-group-active-color:var(--bs-secondary-bg-subtle); --bs-list-group-active-bg:var(--bs-secondary-text-emphasis); --bs-list-group-active-border-color:var(--bs-secondary-text-emphasis); } .list-group-item-success { --bs-list-group-color:var(--bs-success-text-emphasis); --bs-list-group-bg:var(--bs-success-bg-subtle); --bs-list-group-border-color:var(--bs-success-border-subtle); --bs-list-group-action-hover-color:var(--bs-emphasis-color); --bs-list-group-action-hover-bg:var(--bs-success-border-subtle); --bs-list-group-action-active-color:var(--bs-emphasis-color); --bs-list-group-action-active-bg:var(--bs-success-border-subtle); --bs-list-group-active-color:var(--bs-success-bg-subtle); --bs-list-group-active-bg:var(--bs-success-text-emphasis); --bs-list-group-active-border-color:var(--bs-success-text-emphasis); } .list-group-item-info { --bs-list-group-color:var(--bs-info-text-emphasis); --bs-list-group-bg:var(--bs-info-bg-subtle); --bs-list-group-border-color:var(--bs-info-border-subtle); --bs-list-group-action-hover-color:var(--bs-emphasis-color); --bs-list-group-action-hover-bg:var(--bs-info-border-subtle); --bs-list-group-action-active-color:var(--bs-emphasis-color); --bs-list-group-action-active-bg:var(--bs-info-border-subtle); --bs-list-group-active-color:var(--bs-info-bg-subtle); --bs-list-group-active-bg:var(--bs-info-text-emphasis); --bs-list-group-active-border-color:var(--bs-info-text-emphasis); } .list-group-item-warning { --bs-list-group-color:var(--bs-warning-text-emphasis); --bs-list-group-bg:var(--bs-warning-bg-subtle); --bs-list-group-border-color:var(--bs-warning-border-subtle); --bs-list-group-action-hover-color:var(--bs-emphasis-color); --bs-list-group-action-hover-bg:var(--bs-warning-border-subtle); --bs-list-group-action-active-color:var(--bs-emphasis-color); --bs-list-group-action-active-bg:var(--bs-warning-border-subtle); --bs-list-group-active-color:var(--bs-warning-bg-subtle); --bs-list-group-active-bg:var(--bs-warning-text-emphasis); --bs-list-group-active-border-color:var(--bs-warning-text-emphasis); } .list-group-item-danger { --bs-list-group-color:var(--bs-danger-text-emphasis); --bs-list-group-bg:var(--bs-danger-bg-subtle); --bs-list-group-border-color:var(--bs-danger-border-subtle); --bs-list-group-action-hover-color:var(--bs-emphasis-color); --bs-list-group-action-hover-bg:var(--bs-danger-border-subtle); --bs-list-group-action-active-color:var(--bs-emphasis-color); --bs-list-group-action-active-bg:var(--bs-danger-border-subtle); --bs-list-group-active-color:var(--bs-danger-bg-subtle); --bs-list-group-active-bg:var(--bs-danger-text-emphasis); --bs-list-group-active-border-color:var(--bs-danger-text-emphasis); } .list-group-item-light { --bs-list-group-color:var(--bs-light-text-emphasis); --bs-list-group-bg:var(--bs-light-bg-subtle); --bs-list-group-border-color:var(--bs-light-border-subtle); --bs-list-group-action-hover-color:var(--bs-emphasis-color); --bs-list-group-action-hover-bg:var(--bs-light-border-subtle); --bs-list-group-action-active-color:var(--bs-emphasis-color); --bs-list-group-action-active-bg:var(--bs-light-border-subtle); --bs-list-group-active-color:var(--bs-light-bg-subtle); --bs-list-group-active-bg:var(--bs-light-text-emphasis); --bs-list-group-active-border-color:var(--bs-light-text-emphasis); } .list-group-item-dark { --bs-list-group-color:var(--bs-dark-text-emphasis); --bs-list-group-bg:var(--bs-dark-bg-subtle); --bs-list-group-border-color:var(--bs-dark-border-subtle); --bs-list-group-action-hover-color:var(--bs-emphasis-color); --bs-list-group-action-hover-bg:var(--bs-dark-border-subtle); --bs-list-group-action-active-color:var(--bs-emphasis-color); --bs-list-group-action-active-bg:var(--bs-dark-border-subtle); --bs-list-group-active-color:var(--bs-dark-bg-subtle); --bs-list-group-active-bg:var(--bs-dark-text-emphasis); --bs-list-group-active-border-color:var(--bs-dark-text-emphasis); } .btn-close { --bs-btn-close-color:#000; --bs-btn-close-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e"); --bs-btn-close-opacity:0.5; --bs-btn-close-hover-opacity:0.75; --bs-btn-close-focus-shadow:0 0 0 0.25rem rgba(13, 110, 253, 0.25); --bs-btn-close-focus-opacity:1; --bs-btn-close-disabled-opacity:0.25; --bs-btn-close-white-filter:invert(1) grayscale(100%) brightness(200%); box-sizing: content-box; width: 1em; height: 1em; padding: 0.25em 0.25em; color: var(--bs-btn-close-color); background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat; border: 0; border-radius: 0.375rem; opacity: var(--bs-btn-close-opacity); } .btn-close:hover { color: var(--bs-btn-close-color); text-decoration: none; opacity: var(--bs-btn-close-hover-opacity); } .btn-close:focus { outline: 0; box-shadow: var(--bs-btn-close-focus-shadow); opacity: var(--bs-btn-close-focus-opacity); } .btn-close.disabled, .btn-close:disabled { pointer-events: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; opacity: var(--bs-btn-close-disabled-opacity); } .btn-close-white { filter: var(--bs-btn-close-white-filter); } [data-bs-theme=dark] .btn-close { filter: var(--bs-btn-close-white-filter); } .toast { --bs-toast-zindex:1090; --bs-toast-padding-x:0.75rem; --bs-toast-padding-y:0.5rem; --bs-toast-spacing:1.5rem; --bs-toast-max-width:350px; --bs-toast-font-size:0.875rem; --bs-toast-color: ; --bs-toast-bg:rgba(var(--bs-body-bg-rgb), 0.85); --bs-toast-border-width:var(--bs-border-width); --bs-toast-border-color:var(--bs-border-color-translucent); --bs-toast-border-radius:var(--bs-border-radius); --bs-toast-box-shadow:var(--bs-box-shadow); --bs-toast-header-color:var(--bs-secondary-color); --bs-toast-header-bg:rgba(var(--bs-body-bg-rgb), 0.85); --bs-toast-header-border-color:var(--bs-border-color-translucent); width: var(--bs-toast-max-width); max-width: 100%; font-size: var(--bs-toast-font-size); color: var(--bs-toast-color); pointer-events: auto; background-color: var(--bs-toast-bg); background-clip: padding-box; border: var(--bs-toast-border-width) solid var(--bs-toast-border-color); box-shadow: var(--bs-toast-box-shadow); border-radius: var(--bs-toast-border-radius); } .toast.showing { opacity: 0; } .toast:not(.show) { display: none; } .toast-container { --bs-toast-zindex:1090; position: absolute; z-index: var(--bs-toast-zindex); width: max-content; max-width: 100%; pointer-events: none; } .toast-container > :not(:last-child) { margin-bottom: var(--bs-toast-spacing); } .toast-header { display: flex; align-items: center; padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x); color: var(--bs-toast-header-color); background-color: var(--bs-toast-header-bg); background-clip: padding-box; border-bottom: var(--bs-toast-border-width) solid var(--bs-toast-header-border-color); border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width)); border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width)); } .toast-header .btn-close { margin-right: calc(-0.5 * var(--bs-toast-padding-x)); margin-left: var(--bs-toast-padding-x); } .toast-body { padding: var(--bs-toast-padding-x); word-wrap: break-word; } .modal { --bs-modal-zindex:1055; --bs-modal-width:500px; --bs-modal-padding:1rem; --bs-modal-margin:0.5rem; --bs-modal-color: ; --bs-modal-bg:var(--bs-body-bg); --bs-modal-border-color:var(--bs-border-color-translucent); --bs-modal-border-width:var(--bs-border-width); --bs-modal-border-radius:var(--bs-border-radius-lg); --bs-modal-box-shadow:var(--bs-box-shadow-sm); --bs-modal-inner-border-radius:calc(var(--bs-border-radius-lg) - (var(--bs-border-width))); --bs-modal-header-padding-x:1rem; --bs-modal-header-padding-y:1rem; --bs-modal-header-padding:1rem 1rem; --bs-modal-header-border-color:var(--bs-border-color); --bs-modal-header-border-width:var(--bs-border-width); --bs-modal-title-line-height:1.5; --bs-modal-footer-gap:0.5rem; --bs-modal-footer-bg: ; --bs-modal-footer-border-color:var(--bs-border-color); --bs-modal-footer-border-width:var(--bs-border-width); position: fixed; top: 0; left: 0; z-index: var(--bs-modal-zindex); display: none; width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; outline: 0; } .modal-dialog { position: relative; width: auto; margin: var(--bs-modal-margin); pointer-events: none; } .modal.fade .modal-dialog { transition: transform 0.3s ease-out; transform: translate(0, -50px); } @media (prefers-reduced-motion: reduce) { .modal.fade .modal-dialog { transition: none; } } .modal.show .modal-dialog { transform: none; } .modal.modal-static .modal-dialog { transform: scale(1.02); } .modal-dialog-scrollable { height: calc(100% - var(--bs-modal-margin) * 2); } .modal-dialog-scrollable .modal-content { max-height: 100%; overflow: hidden; } .modal-dialog-scrollable .modal-body { overflow-y: auto; } .modal-dialog-centered { display: flex; align-items: center; min-height: calc(100% - var(--bs-modal-margin) * 2); } .modal-content { position: relative; display: flex; flex-direction: column; width: 100%; color: var(--bs-modal-color); pointer-events: auto; background-color: var(--bs-modal-bg); background-clip: padding-box; border: var(--bs-modal-border-width) solid var(--bs-modal-border-color); border-radius: var(--bs-modal-border-radius); outline: 0; } .modal-backdrop { --bs-backdrop-zindex:1050; --bs-backdrop-bg:#000; --bs-backdrop-opacity:0.5; position: fixed; top: 0; left: 0; z-index: var(--bs-backdrop-zindex); width: 100vw; height: 100vh; background-color: var(--bs-backdrop-bg); } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.show { opacity: var(--bs-backdrop-opacity); } .modal-header { display: flex; flex-shrink: 0; align-items: center; padding: var(--bs-modal-header-padding); border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color); border-top-left-radius: var(--bs-modal-inner-border-radius); border-top-right-radius: var(--bs-modal-inner-border-radius); } .modal-header .btn-close { padding: calc(var(--bs-modal-header-padding-y) * 0.5) calc(var(--bs-modal-header-padding-x) * 0.5); margin: calc(-0.5 * var(--bs-modal-header-padding-y)) calc(-0.5 * var(--bs-modal-header-padding-x)) calc(-0.5 * var(--bs-modal-header-padding-y)) auto; } .modal-title { margin-bottom: 0; line-height: var(--bs-modal-title-line-height); } .modal-body { position: relative; flex: 1 1 auto; padding: var(--bs-modal-padding); } .modal-footer { display: flex; flex-shrink: 0; flex-wrap: wrap; align-items: center; justify-content: flex-end; padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * 0.5); background-color: var(--bs-modal-footer-bg); border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color); border-bottom-right-radius: var(--bs-modal-inner-border-radius); border-bottom-left-radius: var(--bs-modal-inner-border-radius); } .modal-footer > * { margin: calc(var(--bs-modal-footer-gap) * 0.5); } @media (min-width: 576px) { .modal { --bs-modal-margin:1.75rem; --bs-modal-box-shadow:var(--bs-box-shadow); } .modal-dialog { max-width: var(--bs-modal-width); margin-right: auto; margin-left: auto; } .modal-sm { --bs-modal-width:300px; } } @media (min-width: 992px) { .modal-lg, .modal-xl { --bs-modal-width:800px; } } @media (min-width: 1200px) { .modal-xl { --bs-modal-width:1140px; } } .modal-fullscreen { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen .modal-footer, .modal-fullscreen .modal-header { border-radius: 0; } .modal-fullscreen .modal-body { overflow-y: auto; } @media (max-width: 575.98px) { .modal-fullscreen-sm-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-sm-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-sm-down .modal-footer, .modal-fullscreen-sm-down .modal-header { border-radius: 0; } .modal-fullscreen-sm-down .modal-body { overflow-y: auto; } } @media (max-width: 767.98px) { .modal-fullscreen-md-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-md-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-md-down .modal-footer, .modal-fullscreen-md-down .modal-header { border-radius: 0; } .modal-fullscreen-md-down .modal-body { overflow-y: auto; } } @media (max-width: 991.98px) { .modal-fullscreen-lg-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-lg-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-lg-down .modal-footer, .modal-fullscreen-lg-down .modal-header { border-radius: 0; } .modal-fullscreen-lg-down .modal-body { overflow-y: auto; } } @media (max-width: 1199.98px) { .modal-fullscreen-xl-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-xl-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-xl-down .modal-footer, .modal-fullscreen-xl-down .modal-header { border-radius: 0; } .modal-fullscreen-xl-down .modal-body { overflow-y: auto; } } @media (max-width: 1399.98px) { .modal-fullscreen-xxl-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-xxl-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-xxl-down .modal-footer, .modal-fullscreen-xxl-down .modal-header { border-radius: 0; } .modal-fullscreen-xxl-down .modal-body { overflow-y: auto; } } .tooltip { --bs-tooltip-zindex:1080; --bs-tooltip-max-width:200px; --bs-tooltip-padding-x:0.5rem; --bs-tooltip-padding-y:0.25rem; --bs-tooltip-margin: ; --bs-tooltip-font-size:0.875rem; --bs-tooltip-color:var(--bs-body-bg); --bs-tooltip-bg:var(--bs-emphasis-color); --bs-tooltip-border-radius:var(--bs-border-radius); --bs-tooltip-opacity:0.9; --bs-tooltip-arrow-width:0.8rem; --bs-tooltip-arrow-height:0.4rem; z-index: var(--bs-tooltip-zindex); display: block; margin: var(--bs-tooltip-margin); font-family: var(--bs-font-sans-serif); font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; white-space: normal; word-spacing: normal; line-break: auto; font-size: var(--bs-tooltip-font-size); word-wrap: break-word; opacity: 0; } .tooltip.show { opacity: var(--bs-tooltip-opacity); } .tooltip .tooltip-arrow { display: block; width: var(--bs-tooltip-arrow-width); height: var(--bs-tooltip-arrow-height); } .tooltip .tooltip-arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid; } .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow, .bs-tooltip-top .tooltip-arrow { bottom: calc(-1 * var(--bs-tooltip-arrow-height)); } .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before, .bs-tooltip-top .tooltip-arrow::before { top: -1px; border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0; border-top-color: var(--bs-tooltip-bg); } .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow, .bs-tooltip-end .tooltip-arrow { left: calc(-1 * var(--bs-tooltip-arrow-height)); width: var(--bs-tooltip-arrow-height); height: var(--bs-tooltip-arrow-width); } .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before, .bs-tooltip-end .tooltip-arrow::before { right: -1px; border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0; border-right-color: var(--bs-tooltip-bg); } .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow, .bs-tooltip-bottom .tooltip-arrow { top: calc(-1 * var(--bs-tooltip-arrow-height)); } .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before, .bs-tooltip-bottom .tooltip-arrow::before { bottom: -1px; border-width: 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height); border-bottom-color: var(--bs-tooltip-bg); } .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow, .bs-tooltip-start .tooltip-arrow { right: calc(-1 * var(--bs-tooltip-arrow-height)); width: var(--bs-tooltip-arrow-height); height: var(--bs-tooltip-arrow-width); } .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before, .bs-tooltip-start .tooltip-arrow::before { left: -1px; border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height); border-left-color: var(--bs-tooltip-bg); } .tooltip-inner { max-width: var(--bs-tooltip-max-width); padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x); color: var(--bs-tooltip-color); text-align: center; background-color: var(--bs-tooltip-bg); border-radius: var(--bs-tooltip-border-radius); } .popover { --bs-popover-zindex:1070; --bs-popover-max-width:276px; --bs-popover-font-size:0.875rem; --bs-popover-bg:var(--bs-body-bg); --bs-popover-border-width:var(--bs-border-width); --bs-popover-border-color:var(--bs-border-color-translucent); --bs-popover-border-radius:var(--bs-border-radius-lg); --bs-popover-inner-border-radius:calc(var(--bs-border-radius-lg) - var(--bs-border-width)); --bs-popover-box-shadow:var(--bs-box-shadow); --bs-popover-header-padding-x:1rem; --bs-popover-header-padding-y:0.5rem; --bs-popover-header-font-size:1rem; --bs-popover-header-color:inherit; --bs-popover-header-bg:var(--bs-secondary-bg); --bs-popover-body-padding-x:1rem; --bs-popover-body-padding-y:1rem; --bs-popover-body-color:var(--bs-body-color); --bs-popover-arrow-width:1rem; --bs-popover-arrow-height:0.5rem; --bs-popover-arrow-border:var(--bs-popover-border-color); z-index: var(--bs-popover-zindex); display: block; max-width: var(--bs-popover-max-width); font-family: var(--bs-font-sans-serif); font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; white-space: normal; word-spacing: normal; line-break: auto; font-size: var(--bs-popover-font-size); word-wrap: break-word; background-color: var(--bs-popover-bg); background-clip: padding-box; border: var(--bs-popover-border-width) solid var(--bs-popover-border-color); border-radius: var(--bs-popover-border-radius); } .popover .popover-arrow { display: block; width: var(--bs-popover-arrow-width); height: var(--bs-popover-arrow-height); } .popover .popover-arrow::after, .popover .popover-arrow::before { position: absolute; display: block; content: ""; border-color: transparent; border-style: solid; border-width: 0; } .bs-popover-auto[data-popper-placement^=top] > .popover-arrow, .bs-popover-top > .popover-arrow { bottom: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width)); } .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before, .bs-popover-top > .popover-arrow::after, .bs-popover-top > .popover-arrow::before { border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0; } .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before, .bs-popover-top > .popover-arrow::before { bottom: 0; border-top-color: var(--bs-popover-arrow-border); } .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after, .bs-popover-top > .popover-arrow::after { bottom: var(--bs-popover-border-width); border-top-color: var(--bs-popover-bg); } .bs-popover-auto[data-popper-placement^=right] > .popover-arrow, .bs-popover-end > .popover-arrow { left: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width)); width: var(--bs-popover-arrow-height); height: var(--bs-popover-arrow-width); } .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before, .bs-popover-end > .popover-arrow::after, .bs-popover-end > .popover-arrow::before { border-width: calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0; } .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before, .bs-popover-end > .popover-arrow::before { left: 0; border-right-color: var(--bs-popover-arrow-border); } .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after, .bs-popover-end > .popover-arrow::after { left: var(--bs-popover-border-width); border-right-color: var(--bs-popover-bg); } .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow, .bs-popover-bottom > .popover-arrow { top: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width)); } .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before, .bs-popover-bottom > .popover-arrow::after, .bs-popover-bottom > .popover-arrow::before { border-width: 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height); } .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before, .bs-popover-bottom > .popover-arrow::before { top: 0; border-bottom-color: var(--bs-popover-arrow-border); } .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after, .bs-popover-bottom > .popover-arrow::after { top: var(--bs-popover-border-width); border-bottom-color: var(--bs-popover-bg); } .bs-popover-auto[data-popper-placement^=bottom] .popover-header::before, .bs-popover-bottom .popover-header::before { position: absolute; top: 0; left: 50%; display: block; width: var(--bs-popover-arrow-width); margin-left: calc(-0.5 * var(--bs-popover-arrow-width)); content: ""; border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg); } .bs-popover-auto[data-popper-placement^=left] > .popover-arrow, .bs-popover-start > .popover-arrow { right: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width)); width: var(--bs-popover-arrow-height); height: var(--bs-popover-arrow-width); } .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before, .bs-popover-start > .popover-arrow::after, .bs-popover-start > .popover-arrow::before { border-width: calc(var(--bs-popover-arrow-width) * 0.5) 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height); } .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before, .bs-popover-start > .popover-arrow::before { right: 0; border-left-color: var(--bs-popover-arrow-border); } .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after, .bs-popover-start > .popover-arrow::after { right: var(--bs-popover-border-width); border-left-color: var(--bs-popover-bg); } .popover-header { padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x); margin-bottom: 0; font-size: var(--bs-popover-header-font-size); color: var(--bs-popover-header-color); background-color: var(--bs-popover-header-bg); border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color); border-top-left-radius: var(--bs-popover-inner-border-radius); border-top-right-radius: var(--bs-popover-inner-border-radius); } .popover-header:empty { display: none; } .popover-body { padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x); color: var(--bs-popover-body-color); } .carousel { position: relative; } .carousel.pointer-event { touch-action: pan-y; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .carousel-inner::after { display: block; clear: both; content: ""; } .carousel-item { position: relative; display: none; float: left; width: 100%; margin-right: -100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: transform 0.6s ease-in-out; } @media (prefers-reduced-motion: reduce) { .carousel-item { transition: none; } } .carousel-item-next, .carousel-item-prev, .carousel-item.active { display: block; } .active.carousel-item-end, .carousel-item-next:not(.carousel-item-start) { transform: translateX(100%); } .active.carousel-item-start, .carousel-item-prev:not(.carousel-item-end) { transform: translateX(-100%); } .carousel-fade .carousel-item { opacity: 0; transition-property: opacity; transform: none; } .carousel-fade .carousel-item-next.carousel-item-start, .carousel-fade .carousel-item-prev.carousel-item-end, .carousel-fade .carousel-item.active { z-index: 1; opacity: 1; } .carousel-fade .active.carousel-item-end, .carousel-fade .active.carousel-item-start { z-index: 0; opacity: 0; transition: opacity 0s 0.6s; } @media (prefers-reduced-motion: reduce) { .carousel-fade .active.carousel-item-end, .carousel-fade .active.carousel-item-start { transition: none; } } .carousel-control-next, .carousel-control-prev { position: absolute; top: 0; bottom: 0; z-index: 1; display: flex; align-items: center; justify-content: center; width: 15%; padding: 0; color: #fff; text-align: center; background: 0 0; border: 0; opacity: 0.5; transition: opacity 0.15s ease; } @media (prefers-reduced-motion: reduce) { .carousel-control-next, .carousel-control-prev { transition: none; } } .carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover { color: #fff; text-decoration: none; outline: 0; opacity: 0.9; } .carousel-control-prev { left: 0; } .carousel-control-next { right: 0; } .carousel-control-next-icon, .carousel-control-prev-icon { display: inline-block; width: 2rem; height: 2rem; background-repeat: no-repeat; background-position: 50%; background-size: 100% 100%; } .carousel-control-prev-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e"); } .carousel-control-next-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); } .carousel-indicators { position: absolute; right: 0; bottom: 0; left: 0; z-index: 2; display: flex; justify-content: center; padding: 0; margin-right: 15%; margin-bottom: 1rem; margin-left: 15%; } .carousel-indicators [data-bs-target] { box-sizing: content-box; flex: 0 1 auto; width: 30px; height: 3px; padding: 0; margin-right: 3px; margin-left: 3px; text-indent: -999px; cursor: pointer; background-color: #fff; background-clip: padding-box; border: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; opacity: 0.5; transition: opacity 0.6s ease; } @media (prefers-reduced-motion: reduce) { .carousel-indicators [data-bs-target] { transition: none; } } .carousel-indicators .active { opacity: 1; } .carousel-caption { position: absolute; right: 15%; bottom: 1.25rem; left: 15%; padding-top: 1.25rem; padding-bottom: 1.25rem; color: #fff; text-align: center; } .carousel-dark .carousel-control-next-icon, .carousel-dark .carousel-control-prev-icon { filter: invert(1) grayscale(100); } .carousel-dark .carousel-indicators [data-bs-target] { background-color: #000; } .carousel-dark .carousel-caption { color: #000; } [data-bs-theme=dark] .carousel .carousel-control-next-icon, [data-bs-theme=dark] .carousel .carousel-control-prev-icon, [data-bs-theme=dark].carousel .carousel-control-next-icon, [data-bs-theme=dark].carousel .carousel-control-prev-icon { filter: invert(1) grayscale(100); } [data-bs-theme=dark] .carousel .carousel-indicators [data-bs-target], [data-bs-theme=dark].carousel .carousel-indicators [data-bs-target] { background-color: #000; } [data-bs-theme=dark] .carousel .carousel-caption, [data-bs-theme=dark].carousel .carousel-caption { color: #000; } .spinner-border, .spinner-grow { display: inline-block; width: var(--bs-spinner-width); height: var(--bs-spinner-height); vertical-align: var(--bs-spinner-vertical-align); border-radius: 50%; animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name); } @keyframes spinner-border { to { transform: rotate(360deg); } } .spinner-border { --bs-spinner-width:2rem; --bs-spinner-height:2rem; --bs-spinner-vertical-align:-0.125em; --bs-spinner-border-width:0.25em; --bs-spinner-animation-speed:0.75s; --bs-spinner-animation-name:spinner-border; border: var(--bs-spinner-border-width) solid currentcolor; border-right-color: transparent; } .spinner-border-sm { --bs-spinner-width:1rem; --bs-spinner-height:1rem; --bs-spinner-border-width:0.2em; } @keyframes spinner-grow { 0% { transform: scale(0); } 50% { opacity: 1; transform: none; } } .spinner-grow { --bs-spinner-width:2rem; --bs-spinner-height:2rem; --bs-spinner-vertical-align:-0.125em; --bs-spinner-animation-speed:0.75s; --bs-spinner-animation-name:spinner-grow; background-color: currentcolor; opacity: 0; } .spinner-grow-sm { --bs-spinner-width:1rem; --bs-spinner-height:1rem; } @media (prefers-reduced-motion: reduce) { .spinner-border, .spinner-grow { --bs-spinner-animation-speed:1.5s; } } .offcanvas, .offcanvas-lg, .offcanvas-md, .offcanvas-sm, .offcanvas-xl, .offcanvas-xxl { --bs-offcanvas-zindex:1045; --bs-offcanvas-width:400px; --bs-offcanvas-height:30vh; --bs-offcanvas-padding-x:1rem; --bs-offcanvas-padding-y:1rem; --bs-offcanvas-color:var(--bs-body-color); --bs-offcanvas-bg:var(--bs-body-bg); --bs-offcanvas-border-width:var(--bs-border-width); --bs-offcanvas-border-color:var(--bs-border-color-translucent); --bs-offcanvas-box-shadow:var(--bs-box-shadow-sm); --bs-offcanvas-transition:transform 0.3s ease-in-out; --bs-offcanvas-title-line-height:1.5; } @media (max-width: 575.98px) { .offcanvas-sm { position: fixed; bottom: 0; z-index: var(--bs-offcanvas-zindex); display: flex; flex-direction: column; max-width: 100%; color: var(--bs-offcanvas-color); visibility: hidden; background-color: var(--bs-offcanvas-bg); background-clip: padding-box; outline: 0; transition: var(--bs-offcanvas-transition); } } @media (max-width: 575.98px) and (prefers-reduced-motion: reduce) { .offcanvas-sm { transition: none; } } @media (max-width: 575.98px) { .offcanvas-sm.offcanvas-start { top: 0; left: 0; width: var(--bs-offcanvas-width); border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(-100%); } .offcanvas-sm.offcanvas-end { top: 0; right: 0; width: var(--bs-offcanvas-width); border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(100%); } .offcanvas-sm.offcanvas-top { top: 0; right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(-100%); } .offcanvas-sm.offcanvas-bottom { right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(100%); } .offcanvas-sm.show:not(.hiding), .offcanvas-sm.showing { transform: none; } .offcanvas-sm.hiding, .offcanvas-sm.show, .offcanvas-sm.showing { visibility: visible; } } @media (min-width: 576px) { .offcanvas-sm { --bs-offcanvas-height:auto; --bs-offcanvas-border-width:0; background-color: transparent !important; } .offcanvas-sm .offcanvas-header { display: none; } .offcanvas-sm .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; background-color: transparent !important; } } @media (max-width: 767.98px) { .offcanvas-md { position: fixed; bottom: 0; z-index: var(--bs-offcanvas-zindex); display: flex; flex-direction: column; max-width: 100%; color: var(--bs-offcanvas-color); visibility: hidden; background-color: var(--bs-offcanvas-bg); background-clip: padding-box; outline: 0; transition: var(--bs-offcanvas-transition); } } @media (max-width: 767.98px) and (prefers-reduced-motion: reduce) { .offcanvas-md { transition: none; } } @media (max-width: 767.98px) { .offcanvas-md.offcanvas-start { top: 0; left: 0; width: var(--bs-offcanvas-width); border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(-100%); } .offcanvas-md.offcanvas-end { top: 0; right: 0; width: var(--bs-offcanvas-width); border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(100%); } .offcanvas-md.offcanvas-top { top: 0; right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(-100%); } .offcanvas-md.offcanvas-bottom { right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(100%); } .offcanvas-md.show:not(.hiding), .offcanvas-md.showing { transform: none; } .offcanvas-md.hiding, .offcanvas-md.show, .offcanvas-md.showing { visibility: visible; } } @media (min-width: 768px) { .offcanvas-md { --bs-offcanvas-height:auto; --bs-offcanvas-border-width:0; background-color: transparent !important; } .offcanvas-md .offcanvas-header { display: none; } .offcanvas-md .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; background-color: transparent !important; } } @media (max-width: 991.98px) { .offcanvas-lg { position: fixed; bottom: 0; z-index: var(--bs-offcanvas-zindex); display: flex; flex-direction: column; max-width: 100%; color: var(--bs-offcanvas-color); visibility: hidden; background-color: var(--bs-offcanvas-bg); background-clip: padding-box; outline: 0; transition: var(--bs-offcanvas-transition); } } @media (max-width: 991.98px) and (prefers-reduced-motion: reduce) { .offcanvas-lg { transition: none; } } @media (max-width: 991.98px) { .offcanvas-lg.offcanvas-start { top: 0; left: 0; width: var(--bs-offcanvas-width); border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(-100%); } .offcanvas-lg.offcanvas-end { top: 0; right: 0; width: var(--bs-offcanvas-width); border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(100%); } .offcanvas-lg.offcanvas-top { top: 0; right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(-100%); } .offcanvas-lg.offcanvas-bottom { right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(100%); } .offcanvas-lg.show:not(.hiding), .offcanvas-lg.showing { transform: none; } .offcanvas-lg.hiding, .offcanvas-lg.show, .offcanvas-lg.showing { visibility: visible; } } @media (min-width: 992px) { .offcanvas-lg { --bs-offcanvas-height:auto; --bs-offcanvas-border-width:0; background-color: transparent !important; } .offcanvas-lg .offcanvas-header { display: none; } .offcanvas-lg .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; background-color: transparent !important; } } @media (max-width: 1199.98px) { .offcanvas-xl { position: fixed; bottom: 0; z-index: var(--bs-offcanvas-zindex); display: flex; flex-direction: column; max-width: 100%; color: var(--bs-offcanvas-color); visibility: hidden; background-color: var(--bs-offcanvas-bg); background-clip: padding-box; outline: 0; transition: var(--bs-offcanvas-transition); } } @media (max-width: 1199.98px) and (prefers-reduced-motion: reduce) { .offcanvas-xl { transition: none; } } @media (max-width: 1199.98px) { .offcanvas-xl.offcanvas-start { top: 0; left: 0; width: var(--bs-offcanvas-width); border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(-100%); } .offcanvas-xl.offcanvas-end { top: 0; right: 0; width: var(--bs-offcanvas-width); border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(100%); } .offcanvas-xl.offcanvas-top { top: 0; right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(-100%); } .offcanvas-xl.offcanvas-bottom { right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(100%); } .offcanvas-xl.show:not(.hiding), .offcanvas-xl.showing { transform: none; } .offcanvas-xl.hiding, .offcanvas-xl.show, .offcanvas-xl.showing { visibility: visible; } } @media (min-width: 1200px) { .offcanvas-xl { --bs-offcanvas-height:auto; --bs-offcanvas-border-width:0; background-color: transparent !important; } .offcanvas-xl .offcanvas-header { display: none; } .offcanvas-xl .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; background-color: transparent !important; } } @media (max-width: 1399.98px) { .offcanvas-xxl { position: fixed; bottom: 0; z-index: var(--bs-offcanvas-zindex); display: flex; flex-direction: column; max-width: 100%; color: var(--bs-offcanvas-color); visibility: hidden; background-color: var(--bs-offcanvas-bg); background-clip: padding-box; outline: 0; transition: var(--bs-offcanvas-transition); } } @media (max-width: 1399.98px) and (prefers-reduced-motion: reduce) { .offcanvas-xxl { transition: none; } } @media (max-width: 1399.98px) { .offcanvas-xxl.offcanvas-start { top: 0; left: 0; width: var(--bs-offcanvas-width); border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(-100%); } .offcanvas-xxl.offcanvas-end { top: 0; right: 0; width: var(--bs-offcanvas-width); border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(100%); } .offcanvas-xxl.offcanvas-top { top: 0; right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(-100%); } .offcanvas-xxl.offcanvas-bottom { right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(100%); } .offcanvas-xxl.show:not(.hiding), .offcanvas-xxl.showing { transform: none; } .offcanvas-xxl.hiding, .offcanvas-xxl.show, .offcanvas-xxl.showing { visibility: visible; } } @media (min-width: 1400px) { .offcanvas-xxl { --bs-offcanvas-height:auto; --bs-offcanvas-border-width:0; background-color: transparent !important; } .offcanvas-xxl .offcanvas-header { display: none; } .offcanvas-xxl .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; background-color: transparent !important; } } .offcanvas { position: fixed; bottom: 0; z-index: var(--bs-offcanvas-zindex); display: flex; flex-direction: column; max-width: 100%; color: var(--bs-offcanvas-color); visibility: hidden; background-color: var(--bs-offcanvas-bg); background-clip: padding-box; outline: 0; transition: var(--bs-offcanvas-transition); } @media (prefers-reduced-motion: reduce) { .offcanvas { transition: none; } } .offcanvas.offcanvas-start { top: 0; left: 0; width: var(--bs-offcanvas-width); border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(-100%); } .offcanvas.offcanvas-end { top: 0; right: 0; width: var(--bs-offcanvas-width); border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(100%); } .offcanvas.offcanvas-top { top: 0; right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(-100%); } .offcanvas.offcanvas-bottom { right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(100%); } .offcanvas.show:not(.hiding), .offcanvas.showing { transform: none; } .offcanvas.hiding, .offcanvas.show, .offcanvas.showing { visibility: visible; } .offcanvas-backdrop { position: fixed; top: 0; left: 0; z-index: 1040; width: 100vw; height: 100vh; background-color: #000; } .offcanvas-backdrop.fade { opacity: 0; } .offcanvas-backdrop.show { opacity: 0.5; } .offcanvas-header { display: flex; align-items: center; padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x); } .offcanvas-header .btn-close { padding: calc(var(--bs-offcanvas-padding-y) * 0.5) calc(var(--bs-offcanvas-padding-x) * 0.5); margin: calc(-0.5 * var(--bs-offcanvas-padding-y)) calc(-0.5 * var(--bs-offcanvas-padding-x)) calc(-0.5 * var(--bs-offcanvas-padding-y)) auto; } .offcanvas-title { margin-bottom: 0; line-height: var(--bs-offcanvas-title-line-height); } .offcanvas-body { flex-grow: 1; padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x); overflow-y: auto; } .placeholder { display: inline-block; min-height: 1em; vertical-align: middle; cursor: wait; background-color: currentcolor; opacity: 0.5; } .placeholder.btn::before { display: inline-block; content: ""; } .placeholder-xs { min-height: 0.6em; } .placeholder-sm { min-height: 0.8em; } .placeholder-lg { min-height: 1.2em; } .placeholder-glow .placeholder { animation: placeholder-glow 2s ease-in-out infinite; } @keyframes placeholder-glow { 50% { opacity: 0.2; } } .placeholder-wave { -webkit-mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%); mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%); -webkit-mask-size: 200% 100%; mask-size: 200% 100%; animation: placeholder-wave 2s linear infinite; } @keyframes placeholder-wave { 100% { -webkit-mask-position: -200% 0%; mask-position: -200% 0%; } } .clearfix::after { display: block; clear: both; content: ""; } .text-bg-primary { color: #fff !important; background-color: RGBA(var(--bs-primary-rgb), var(--bs-bg-opacity, 1)) !important; } .text-bg-secondary { color: #fff !important; background-color: RGBA(var(--bs-secondary-rgb), var(--bs-bg-opacity, 1)) !important; } .text-bg-success { color: #fff !important; background-color: RGBA(var(--bs-success-rgb), var(--bs-bg-opacity, 1)) !important; } .text-bg-info { color: #000 !important; background-color: RGBA(var(--bs-info-rgb), var(--bs-bg-opacity, 1)) !important; } .text-bg-warning { color: #000 !important; background-color: RGBA(var(--bs-warning-rgb), var(--bs-bg-opacity, 1)) !important; } .text-bg-danger { color: #fff !important; background-color: RGBA(var(--bs-danger-rgb), var(--bs-bg-opacity, 1)) !important; } .text-bg-light { color: #000 !important; background-color: RGBA(var(--bs-light-rgb), var(--bs-bg-opacity, 1)) !important; } .text-bg-dark { color: #fff !important; background-color: RGBA(var(--bs-dark-rgb), var(--bs-bg-opacity, 1)) !important; } .link-primary { color: RGBA(var(--bs-primary-rgb), var(--bs-link-opacity, 1)) !important; -webkit-text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-primary:focus, .link-primary:hover { color: RGBA(10, 88, 202, var(--bs-link-opacity, 1)) !important; -webkit-text-decoration-color: RGBA(10, 88, 202, var(--bs-link-underline-opacity, 1)) !important; text-decoration-color: RGBA(10, 88, 202, var(--bs-link-underline-opacity, 1)) !important; } .link-secondary { color: RGBA(var(--bs-secondary-rgb), var(--bs-link-opacity, 1)) !important; -webkit-text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-secondary:focus, .link-secondary:hover { color: RGBA(86, 94, 100, var(--bs-link-opacity, 1)) !important; -webkit-text-decoration-color: RGBA(86, 94, 100, var(--bs-link-underline-opacity, 1)) !important; text-decoration-color: RGBA(86, 94, 100, var(--bs-link-underline-opacity, 1)) !important; } .link-success { color: RGBA(var(--bs-success-rgb), var(--bs-link-opacity, 1)) !important; -webkit-text-decoration-color: RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-success:focus, .link-success:hover { color: RGBA(20, 108, 67, var(--bs-link-opacity, 1)) !important; -webkit-text-decoration-color: RGBA(20, 108, 67, var(--bs-link-underline-opacity, 1)) !important; text-decoration-color: RGBA(20, 108, 67, var(--bs-link-underline-opacity, 1)) !important; } .link-info { color: RGBA(var(--bs-info-rgb), var(--bs-link-opacity, 1)) !important; -webkit-text-decoration-color: RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-info:focus, .link-info:hover { color: RGBA(61, 213, 243, var(--bs-link-opacity, 1)) !important; -webkit-text-decoration-color: RGBA(61, 213, 243, var(--bs-link-underline-opacity, 1)) !important; text-decoration-color: RGBA(61, 213, 243, var(--bs-link-underline-opacity, 1)) !important; } .link-warning { color: RGBA(var(--bs-warning-rgb), var(--bs-link-opacity, 1)) !important; -webkit-text-decoration-color: RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-warning:focus, .link-warning:hover { color: RGBA(255, 205, 57, var(--bs-link-opacity, 1)) !important; -webkit-text-decoration-color: RGBA(255, 205, 57, var(--bs-link-underline-opacity, 1)) !important; text-decoration-color: RGBA(255, 205, 57, var(--bs-link-underline-opacity, 1)) !important; } .link-danger { color: RGBA(var(--bs-danger-rgb), var(--bs-link-opacity, 1)) !important; -webkit-text-decoration-color: RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-danger:focus, .link-danger:hover { color: RGBA(176, 42, 55, var(--bs-link-opacity, 1)) !important; -webkit-text-decoration-color: RGBA(176, 42, 55, var(--bs-link-underline-opacity, 1)) !important; text-decoration-color: RGBA(176, 42, 55, var(--bs-link-underline-opacity, 1)) !important; } .link-light { color: RGBA(var(--bs-light-rgb), var(--bs-link-opacity, 1)) !important; -webkit-text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-light:focus, .link-light:hover { color: RGBA(249, 250, 251, var(--bs-link-opacity, 1)) !important; -webkit-text-decoration-color: RGBA(249, 250, 251, var(--bs-link-underline-opacity, 1)) !important; text-decoration-color: RGBA(249, 250, 251, var(--bs-link-underline-opacity, 1)) !important; } .link-dark { color: RGBA(var(--bs-dark-rgb), var(--bs-link-opacity, 1)) !important; -webkit-text-decoration-color: RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-dark:focus, .link-dark:hover { color: RGBA(26, 30, 33, var(--bs-link-opacity, 1)) !important; -webkit-text-decoration-color: RGBA(26, 30, 33, var(--bs-link-underline-opacity, 1)) !important; text-decoration-color: RGBA(26, 30, 33, var(--bs-link-underline-opacity, 1)) !important; } .link-body-emphasis { color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 1)) !important; -webkit-text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-body-emphasis:focus, .link-body-emphasis:hover { color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 0.75)) !important; -webkit-text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 0.75)) !important; text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 0.75)) !important; } .focus-ring:focus { outline: 0; box-shadow: var(--bs-focus-ring-x, 0) var(--bs-focus-ring-y, 0) var(--bs-focus-ring-blur, 0) var(--bs-focus-ring-width) var(--bs-focus-ring-color); } .icon-link { display: inline-flex; gap: 0.375rem; align-items: center; -webkit-text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 0.5)); text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 0.5)); text-underline-offset: 0.25em; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .icon-link > .bi { flex-shrink: 0; width: 1em; height: 1em; fill: currentcolor; transition: 0.2s ease-in-out transform; } @media (prefers-reduced-motion: reduce) { .icon-link > .bi { transition: none; } } .icon-link-hover:focus-visible > .bi, .icon-link-hover:hover > .bi { transform: var(--bs-icon-link-transform, translate3d(0.25em, 0, 0)); } .ratio { position: relative; width: 100%; } .ratio::before { display: block; padding-top: var(--bs-aspect-ratio); content: ""; } .ratio > * { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .ratio-1x1 { --bs-aspect-ratio:100%; } .ratio-4x3 { --bs-aspect-ratio:75%; } .ratio-16x9 { --bs-aspect-ratio:56.25%; } .ratio-21x9 { --bs-aspect-ratio:42.8571428571%; } .fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; } .fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030; } .sticky-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020; } .sticky-bottom { position: -webkit-sticky; position: sticky; bottom: 0; z-index: 1020; } @media (min-width: 576px) { .sticky-sm-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020; } .sticky-sm-bottom { position: -webkit-sticky; position: sticky; bottom: 0; z-index: 1020; } } @media (min-width: 768px) { .sticky-md-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020; } .sticky-md-bottom { position: -webkit-sticky; position: sticky; bottom: 0; z-index: 1020; } } @media (min-width: 992px) { .sticky-lg-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020; } .sticky-lg-bottom { position: -webkit-sticky; position: sticky; bottom: 0; z-index: 1020; } } @media (min-width: 1200px) { .sticky-xl-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020; } .sticky-xl-bottom { position: -webkit-sticky; position: sticky; bottom: 0; z-index: 1020; } } @media (min-width: 1400px) { .sticky-xxl-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020; } .sticky-xxl-bottom { position: -webkit-sticky; position: sticky; bottom: 0; z-index: 1020; } } .hstack { display: flex; flex-direction: row; align-items: center; align-self: stretch; } .vstack { display: flex; flex: 1 1 auto; flex-direction: column; align-self: stretch; } .visually-hidden, .visually-hidden-focusable:not(:focus):not(:focus-within) { width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } .visually-hidden-focusable:not(:focus):not(:focus-within):not(caption), .visually-hidden:not(caption) { position: absolute !important; } .stretched-link::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; content: ""; } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .vr { display: inline-block; align-self: stretch; width: var(--bs-border-width); min-height: 1em; background-color: currentcolor; opacity: 0.25; } .align-baseline { vertical-align: baseline !important; } .align-top { vertical-align: top !important; } .align-middle { vertical-align: middle !important; } .align-bottom { vertical-align: bottom !important; } .align-text-bottom { vertical-align: text-bottom !important; } .align-text-top { vertical-align: text-top !important; } .float-start { float: left !important; } .float-end { float: right !important; } .float-none { float: none !important; } .object-fit-contain { object-fit: contain !important; } .object-fit-cover { object-fit: cover !important; } .object-fit-fill { object-fit: fill !important; } .object-fit-scale { object-fit: scale-down !important; } .object-fit-none { object-fit: none !important; } .opacity-0 { opacity: 0 !important; } .opacity-25 { opacity: 0.25 !important; } .opacity-50 { opacity: 0.5 !important; } .opacity-75 { opacity: 0.75 !important; } .opacity-100 { opacity: 1 !important; } .overflow-auto { overflow: auto !important; } .overflow-hidden { overflow: hidden !important; } .overflow-visible { overflow: visible !important; } .overflow-scroll { overflow: scroll !important; } .overflow-x-auto { overflow-x: auto !important; } .overflow-x-hidden { overflow-x: hidden !important; } .overflow-x-visible { overflow-x: visible !important; } .overflow-x-scroll { overflow-x: scroll !important; } .overflow-y-auto { overflow-y: auto !important; } .overflow-y-hidden { overflow-y: hidden !important; } .overflow-y-visible { overflow-y: visible !important; } .overflow-y-scroll { overflow-y: scroll !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-grid { display: grid !important; } .d-inline-grid { display: inline-grid !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: flex !important; } .d-inline-flex { display: inline-flex !important; } .d-none { display: none !important; } .shadow { box-shadow: var(--bs-box-shadow) !important; } .shadow-sm { box-shadow: var(--bs-box-shadow-sm) !important; } .shadow-lg { box-shadow: var(--bs-box-shadow-lg) !important; } .shadow-none { box-shadow: none !important; } .focus-ring-primary { --bs-focus-ring-color:rgba(var(--bs-primary-rgb), var(--bs-focus-ring-opacity)); } .focus-ring-secondary { --bs-focus-ring-color:rgba(var(--bs-secondary-rgb), var(--bs-focus-ring-opacity)); } .focus-ring-success { --bs-focus-ring-color:rgba(var(--bs-success-rgb), var(--bs-focus-ring-opacity)); } .focus-ring-info { --bs-focus-ring-color:rgba(var(--bs-info-rgb), var(--bs-focus-ring-opacity)); } .focus-ring-warning { --bs-focus-ring-color:rgba(var(--bs-warning-rgb), var(--bs-focus-ring-opacity)); } .focus-ring-danger { --bs-focus-ring-color:rgba(var(--bs-danger-rgb), var(--bs-focus-ring-opacity)); } .focus-ring-light { --bs-focus-ring-color:rgba(var(--bs-light-rgb), var(--bs-focus-ring-opacity)); } .focus-ring-dark { --bs-focus-ring-color:rgba(var(--bs-dark-rgb), var(--bs-focus-ring-opacity)); } .position-static { position: static !important; } .position-relative { position: relative !important; } .position-absolute { position: absolute !important; } .position-fixed { position: fixed !important; } .position-sticky { position: -webkit-sticky !important; position: sticky !important; } .top-0 { top: 0 !important; } .top-50 { top: 50% !important; } .top-100 { top: 100% !important; } .bottom-0 { bottom: 0 !important; } .bottom-50 { bottom: 50% !important; } .bottom-100 { bottom: 100% !important; } .start-0 { left: 0 !important; } .start-50 { left: 50% !important; } .start-100 { left: 100% !important; } .end-0 { right: 0 !important; } .end-50 { right: 50% !important; } .end-100 { right: 100% !important; } .translate-middle { transform: translate(-50%, -50%) !important; } .translate-middle-x { transform: translateX(-50%) !important; } .translate-middle-y { transform: translateY(-50%) !important; } .border { border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; } .border-0 { border: 0 !important; } .border-top { border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; } .border-top-0 { border-top: 0 !important; } .border-end { border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; } .border-end-0 { border-right: 0 !important; } .border-bottom { border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; } .border-bottom-0 { border-bottom: 0 !important; } .border-start { border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; } .border-start-0 { border-left: 0 !important; } .border-primary { --bs-border-opacity:1; border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important; } .border-secondary { --bs-border-opacity:1; border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important; } .border-success { --bs-border-opacity:1; border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important; } .border-info { --bs-border-opacity:1; border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important; } .border-warning { --bs-border-opacity:1; border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important; } .border-danger { --bs-border-opacity:1; border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important; } .border-light { --bs-border-opacity:1; border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important; } .border-dark { --bs-border-opacity:1; border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important; } .border-black { --bs-border-opacity:1; border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity)) !important; } .border-white { --bs-border-opacity:1; border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important; } .border-primary-subtle { border-color: var(--bs-primary-border-subtle) !important; } .border-secondary-subtle { border-color: var(--bs-secondary-border-subtle) !important; } .border-success-subtle { border-color: var(--bs-success-border-subtle) !important; } .border-info-subtle { border-color: var(--bs-info-border-subtle) !important; } .border-warning-subtle { border-color: var(--bs-warning-border-subtle) !important; } .border-danger-subtle { border-color: var(--bs-danger-border-subtle) !important; } .border-light-subtle { border-color: var(--bs-light-border-subtle) !important; } .border-dark-subtle { border-color: var(--bs-dark-border-subtle) !important; } .border-1 { border-width: 1px !important; } .border-2 { border-width: 2px !important; } .border-3 { border-width: 3px !important; } .border-4 { border-width: 4px !important; } .border-5 { border-width: 5px !important; } .border-opacity-10 { --bs-border-opacity:0.1; } .border-opacity-25 { --bs-border-opacity:0.25; } .border-opacity-50 { --bs-border-opacity:0.5; } .border-opacity-75 { --bs-border-opacity:0.75; } .border-opacity-100 { --bs-border-opacity:1; } .w-25 { width: 25% !important; } .w-50 { width: 50% !important; } .w-75 { width: 75% !important; } .w-100 { width: 100% !important; } .w-auto { width: auto !important; } .mw-100 { max-width: 100% !important; } .vw-100 { width: 100vw !important; } .min-vw-100 { min-width: 100vw !important; } .h-25 { height: 25% !important; } .h-50 { height: 50% !important; } .h-75 { height: 75% !important; } .h-100 { height: 100% !important; } .h-auto { height: auto !important; } .mh-100 { max-height: 100% !important; } .vh-100 { height: 100vh !important; } .min-vh-100 { min-height: 100vh !important; } .flex-fill { flex: 1 1 auto !important; } .flex-row { flex-direction: row !important; } .flex-column { flex-direction: column !important; } .flex-row-reverse { flex-direction: row-reverse !important; } .flex-column-reverse { flex-direction: column-reverse !important; } .flex-grow-0 { flex-grow: 0 !important; } .flex-grow-1 { flex-grow: 1 !important; } .flex-shrink-0 { flex-shrink: 0 !important; } .flex-shrink-1 { flex-shrink: 1 !important; } .flex-wrap { flex-wrap: wrap !important; } .flex-nowrap { flex-wrap: nowrap !important; } .flex-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-start { justify-content: flex-start !important; } .justify-content-end { justify-content: flex-end !important; } .justify-content-center { justify-content: center !important; } .justify-content-between { justify-content: space-between !important; } .justify-content-around { justify-content: space-around !important; } .justify-content-evenly { justify-content: space-evenly !important; } .align-items-start { align-items: flex-start !important; } .align-items-end { align-items: flex-end !important; } .align-items-center { align-items: center !important; } .align-items-baseline { align-items: baseline !important; } .align-items-stretch { align-items: stretch !important; } .align-content-start { align-content: flex-start !important; } .align-content-end { align-content: flex-end !important; } .align-content-center { align-content: center !important; } .align-content-between { align-content: space-between !important; } .align-content-around { align-content: space-around !important; } .align-content-stretch { align-content: stretch !important; } .align-self-auto { align-self: auto !important; } .align-self-start { align-self: flex-start !important; } .align-self-end { align-self: flex-end !important; } .align-self-center { align-self: center !important; } .align-self-baseline { align-self: baseline !important; } .align-self-stretch { align-self: stretch !important; } .order-first { order: -1 !important; } .order-0 { order: 0 !important; } .order-1 { order: 1 !important; } .order-2 { order: 2 !important; } .order-3 { order: 3 !important; } .order-4 { order: 4 !important; } .order-5 { order: 5 !important; } .order-last { order: 6 !important; } .m-0 { margin: 0 !important; } .m-1 { margin: 0.25rem !important; } .m-2 { margin: 0.5rem !important; } .m-3 { margin: 1rem !important; } .m-4 { margin: 1.5rem !important; } .m-5 { margin: 3rem !important; } .m-auto { margin: auto !important; } .mx-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-auto { margin-right: auto !important; margin-left: auto !important; } .my-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-0 { margin-top: 0 !important; } .mt-1 { margin-top: 0.25rem !important; } .mt-2 { margin-top: 0.5rem !important; } .mt-3 { margin-top: 1rem !important; } .mt-4 { margin-top: 1.5rem !important; } .mt-5 { margin-top: 3rem !important; } .mt-auto { margin-top: auto !important; } .me-0 { margin-right: 0 !important; } .me-1 { margin-right: 0.25rem !important; } .me-2 { margin-right: 0.5rem !important; } .me-3 { margin-right: 1rem !important; } .me-4 { margin-right: 1.5rem !important; } .me-5 { margin-right: 3rem !important; } .me-auto { margin-right: auto !important; } .mb-0 { margin-bottom: 0 !important; } .mb-1 { margin-bottom: 0.25rem !important; } .mb-2 { margin-bottom: 0.5rem !important; } .mb-3 { margin-bottom: 1rem !important; } .mb-4 { margin-bottom: 1.5rem !important; } .mb-5 { margin-bottom: 3rem !important; } .mb-auto { margin-bottom: auto !important; } .ms-0 { margin-left: 0 !important; } .ms-1 { margin-left: 0.25rem !important; } .ms-2 { margin-left: 0.5rem !important; } .ms-3 { margin-left: 1rem !important; } .ms-4 { margin-left: 1.5rem !important; } .ms-5 { margin-left: 3rem !important; } .ms-auto { margin-left: auto !important; } .p-0 { padding: 0 !important; } .p-1 { padding: 0.25rem !important; } .p-2 { padding: 0.5rem !important; } .p-3 { padding: 1rem !important; } .p-4 { padding: 1.5rem !important; } .p-5 { padding: 3rem !important; } .px-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-0 { padding-top: 0 !important; } .pt-1 { padding-top: 0.25rem !important; } .pt-2 { padding-top: 0.5rem !important; } .pt-3 { padding-top: 1rem !important; } .pt-4 { padding-top: 1.5rem !important; } .pt-5 { padding-top: 3rem !important; } .pe-0 { padding-right: 0 !important; } .pe-1 { padding-right: 0.25rem !important; } .pe-2 { padding-right: 0.5rem !important; } .pe-3 { padding-right: 1rem !important; } .pe-4 { padding-right: 1.5rem !important; } .pe-5 { padding-right: 3rem !important; } .pb-0 { padding-bottom: 0 !important; } .pb-1 { padding-bottom: 0.25rem !important; } .pb-2 { padding-bottom: 0.5rem !important; } .pb-3 { padding-bottom: 1rem !important; } .pb-4 { padding-bottom: 1.5rem !important; } .pb-5 { padding-bottom: 3rem !important; } .ps-0 { padding-left: 0 !important; } .ps-1 { padding-left: 0.25rem !important; } .ps-2 { padding-left: 0.5rem !important; } .ps-3 { padding-left: 1rem !important; } .ps-4 { padding-left: 1.5rem !important; } .ps-5 { padding-left: 3rem !important; } .gap-0 { gap: 0 !important; } .gap-1 { gap: 0.25rem !important; } .gap-2 { gap: 0.5rem !important; } .gap-3 { gap: 1rem !important; } .gap-4 { gap: 1.5rem !important; } .gap-5 { gap: 3rem !important; } .row-gap-0 { row-gap: 0 !important; } .row-gap-1 { row-gap: 0.25rem !important; } .row-gap-2 { row-gap: 0.5rem !important; } .row-gap-3 { row-gap: 1rem !important; } .row-gap-4 { row-gap: 1.5rem !important; } .row-gap-5 { row-gap: 3rem !important; } .column-gap-0 { column-gap: 0 !important; } .column-gap-1 { column-gap: 0.25rem !important; } .column-gap-2 { column-gap: 0.5rem !important; } .column-gap-3 { column-gap: 1rem !important; } .column-gap-4 { column-gap: 1.5rem !important; } .column-gap-5 { column-gap: 3rem !important; } .font-monospace { font-family: var(--bs-font-monospace) !important; } .fs-1 { font-size: calc(1.375rem + 1.5vw) !important; } .fs-2 { font-size: calc(1.325rem + 0.9vw) !important; } .fs-3 { font-size: calc(1.3rem + 0.6vw) !important; } .fs-4 { font-size: calc(1.275rem + 0.3vw) !important; } .fs-5 { font-size: 1.25rem !important; } .fs-6 { font-size: 1rem !important; } .fst-italic { font-style: italic !important; } .fst-normal { font-style: normal !important; } .fw-lighter { font-weight: lighter !important; } .fw-light { font-weight: 300 !important; } .fw-normal { font-weight: 400 !important; } .fw-medium { font-weight: 500 !important; } .fw-semibold { font-weight: 600 !important; } .fw-bold { font-weight: 700 !important; } .fw-bolder { font-weight: bolder !important; } .lh-1 { line-height: 1 !important; } .lh-sm { line-height: 1.25 !important; } .lh-base { line-height: 1.5 !important; } .lh-lg { line-height: 2 !important; } .text-start { text-align: left !important; } .text-end { text-align: right !important; } .text-center { text-align: center !important; } .text-decoration-none { text-decoration: none !important; } .text-decoration-underline { text-decoration: underline !important; } .text-decoration-line-through { text-decoration: line-through !important; } .text-lowercase { text-transform: lowercase !important; } .text-uppercase { text-transform: uppercase !important; } .text-capitalize { text-transform: capitalize !important; } .text-wrap { white-space: normal !important; } .text-nowrap { white-space: nowrap !important; } .text-break { word-wrap: break-word !important; word-break: break-word !important; } .text-primary { --bs-text-opacity:1; color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important; } .text-secondary { --bs-text-opacity:1; color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important; } .text-success { --bs-text-opacity:1; color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important; } .text-info { --bs-text-opacity:1; color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important; } .text-warning { --bs-text-opacity:1; color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important; } .text-danger { --bs-text-opacity:1; color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important; } .text-light { --bs-text-opacity:1; color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important; } .text-dark { --bs-text-opacity:1; color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important; } .text-black { --bs-text-opacity:1; color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important; } .text-white { --bs-text-opacity:1; color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important; } .text-body { --bs-text-opacity:1; color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important; } .text-muted { --bs-text-opacity:1; color: var(--bs-secondary-color) !important; } .text-black-50 { --bs-text-opacity:1; color: rgba(0, 0, 0, 0.5) !important; } .text-white-50 { --bs-text-opacity:1; color: rgba(255, 255, 255, 0.5) !important; } .text-body-secondary { --bs-text-opacity:1; color: var(--bs-secondary-color) !important; } .text-body-tertiary { --bs-text-opacity:1; color: var(--bs-tertiary-color) !important; } .text-body-emphasis { --bs-text-opacity:1; color: var(--bs-emphasis-color) !important; } .text-reset { --bs-text-opacity:1; color: inherit !important; } .text-opacity-25 { --bs-text-opacity:0.25; } .text-opacity-50 { --bs-text-opacity:0.5; } .text-opacity-75 { --bs-text-opacity:0.75; } .text-opacity-100 { --bs-text-opacity:1; } .text-primary-emphasis { color: var(--bs-primary-text-emphasis) !important; } .text-secondary-emphasis { color: var(--bs-secondary-text-emphasis) !important; } .text-success-emphasis { color: var(--bs-success-text-emphasis) !important; } .text-info-emphasis { color: var(--bs-info-text-emphasis) !important; } .text-warning-emphasis { color: var(--bs-warning-text-emphasis) !important; } .text-danger-emphasis { color: var(--bs-danger-text-emphasis) !important; } .text-light-emphasis { color: var(--bs-light-text-emphasis) !important; } .text-dark-emphasis { color: var(--bs-dark-text-emphasis) !important; } .link-opacity-10 { --bs-link-opacity:0.1; } .link-opacity-10-hover:hover { --bs-link-opacity:0.1; } .link-opacity-25 { --bs-link-opacity:0.25; } .link-opacity-25-hover:hover { --bs-link-opacity:0.25; } .link-opacity-50 { --bs-link-opacity:0.5; } .link-opacity-50-hover:hover { --bs-link-opacity:0.5; } .link-opacity-75 { --bs-link-opacity:0.75; } .link-opacity-75-hover:hover { --bs-link-opacity:0.75; } .link-opacity-100 { --bs-link-opacity:1; } .link-opacity-100-hover:hover { --bs-link-opacity:1; } .link-offset-1 { text-underline-offset: 0.125em !important; } .link-offset-1-hover:hover { text-underline-offset: 0.125em !important; } .link-offset-2 { text-underline-offset: 0.25em !important; } .link-offset-2-hover:hover { text-underline-offset: 0.25em !important; } .link-offset-3 { text-underline-offset: 0.375em !important; } .link-offset-3-hover:hover { text-underline-offset: 0.375em !important; } .link-underline-primary { --bs-link-underline-opacity:1; -webkit-text-decoration-color: rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity)) !important; text-decoration-color: rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity)) !important; } .link-underline-secondary { --bs-link-underline-opacity:1; -webkit-text-decoration-color: rgba(var(--bs-secondary-rgb), var(--bs-link-underline-opacity)) !important; text-decoration-color: rgba(var(--bs-secondary-rgb), var(--bs-link-underline-opacity)) !important; } .link-underline-success { --bs-link-underline-opacity:1; -webkit-text-decoration-color: rgba(var(--bs-success-rgb), var(--bs-link-underline-opacity)) !important; text-decoration-color: rgba(var(--bs-success-rgb), var(--bs-link-underline-opacity)) !important; } .link-underline-info { --bs-link-underline-opacity:1; -webkit-text-decoration-color: rgba(var(--bs-info-rgb), var(--bs-link-underline-opacity)) !important; text-decoration-color: rgba(var(--bs-info-rgb), var(--bs-link-underline-opacity)) !important; } .link-underline-warning { --bs-link-underline-opacity:1; -webkit-text-decoration-color: rgba(var(--bs-warning-rgb), var(--bs-link-underline-opacity)) !important; text-decoration-color: rgba(var(--bs-warning-rgb), var(--bs-link-underline-opacity)) !important; } .link-underline-danger { --bs-link-underline-opacity:1; -webkit-text-decoration-color: rgba(var(--bs-danger-rgb), var(--bs-link-underline-opacity)) !important; text-decoration-color: rgba(var(--bs-danger-rgb), var(--bs-link-underline-opacity)) !important; } .link-underline-light { --bs-link-underline-opacity:1; -webkit-text-decoration-color: rgba(var(--bs-light-rgb), var(--bs-link-underline-opacity)) !important; text-decoration-color: rgba(var(--bs-light-rgb), var(--bs-link-underline-opacity)) !important; } .link-underline-dark { --bs-link-underline-opacity:1; -webkit-text-decoration-color: rgba(var(--bs-dark-rgb), var(--bs-link-underline-opacity)) !important; text-decoration-color: rgba(var(--bs-dark-rgb), var(--bs-link-underline-opacity)) !important; } .link-underline { --bs-link-underline-opacity:1; -webkit-text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-underline-opacity, 1)) !important; text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-underline-opacity-0 { --bs-link-underline-opacity:0; } .link-underline-opacity-0-hover:hover { --bs-link-underline-opacity:0; } .link-underline-opacity-10 { --bs-link-underline-opacity:0.1; } .link-underline-opacity-10-hover:hover { --bs-link-underline-opacity:0.1; } .link-underline-opacity-25 { --bs-link-underline-opacity:0.25; } .link-underline-opacity-25-hover:hover { --bs-link-underline-opacity:0.25; } .link-underline-opacity-50 { --bs-link-underline-opacity:0.5; } .link-underline-opacity-50-hover:hover { --bs-link-underline-opacity:0.5; } .link-underline-opacity-75 { --bs-link-underline-opacity:0.75; } .link-underline-opacity-75-hover:hover { --bs-link-underline-opacity:0.75; } .link-underline-opacity-100 { --bs-link-underline-opacity:1; } .link-underline-opacity-100-hover:hover { --bs-link-underline-opacity:1; } .bg-primary { --bs-bg-opacity:1; background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important; } .bg-secondary { --bs-bg-opacity:1; background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important; } .bg-success { --bs-bg-opacity:1; background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important; } .bg-info { --bs-bg-opacity:1; background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important; } .bg-warning { --bs-bg-opacity:1; background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important; } .bg-danger { --bs-bg-opacity:1; background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important; } .bg-light { --bs-bg-opacity:1; background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important; } .bg-dark { --bs-bg-opacity:1; background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important; } .bg-black { --bs-bg-opacity:1; background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important; } .bg-white { --bs-bg-opacity:1; background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important; } .bg-body { --bs-bg-opacity:1; background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important; } .bg-transparent { --bs-bg-opacity:1; background-color: transparent !important; } .bg-body-secondary { --bs-bg-opacity:1; background-color: rgba(var(--bs-secondary-bg-rgb), var(--bs-bg-opacity)) !important; } .bg-body-tertiary { --bs-bg-opacity:1; background-color: rgba(var(--bs-tertiary-bg-rgb), var(--bs-bg-opacity)) !important; } .bg-opacity-10 { --bs-bg-opacity:0.1; } .bg-opacity-25 { --bs-bg-opacity:0.25; } .bg-opacity-50 { --bs-bg-opacity:0.5; } .bg-opacity-75 { --bs-bg-opacity:0.75; } .bg-opacity-100 { --bs-bg-opacity:1; } .bg-primary-subtle { background-color: var(--bs-primary-bg-subtle) !important; } .bg-secondary-subtle { background-color: var(--bs-secondary-bg-subtle) !important; } .bg-success-subtle { background-color: var(--bs-success-bg-subtle) !important; } .bg-info-subtle { background-color: var(--bs-info-bg-subtle) !important; } .bg-warning-subtle { background-color: var(--bs-warning-bg-subtle) !important; } .bg-danger-subtle { background-color: var(--bs-danger-bg-subtle) !important; } .bg-light-subtle { background-color: var(--bs-light-bg-subtle) !important; } .bg-dark-subtle { background-color: var(--bs-dark-bg-subtle) !important; } .bg-gradient { background-image: var(--bs-gradient) !important; } .user-select-all { -webkit-user-select: all !important; -moz-user-select: all !important; user-select: all !important; } .user-select-auto { -webkit-user-select: auto !important; -moz-user-select: auto !important; user-select: auto !important; } .user-select-none { -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important; } .pe-none { pointer-events: none !important; } .pe-auto { pointer-events: auto !important; } .rounded { border-radius: var(--bs-border-radius) !important; } .rounded-0 { border-radius: 0 !important; } .rounded-1 { border-radius: var(--bs-border-radius-sm) !important; } .rounded-2 { border-radius: var(--bs-border-radius) !important; } .rounded-3 { border-radius: var(--bs-border-radius-lg) !important; } .rounded-4 { border-radius: var(--bs-border-radius-xl) !important; } .rounded-5 { border-radius: var(--bs-border-radius-xxl) !important; } .rounded-circle { border-radius: 50% !important; } .rounded-pill { border-radius: var(--bs-border-radius-pill) !important; } .rounded-top { border-top-left-radius: var(--bs-border-radius) !important; border-top-right-radius: var(--bs-border-radius) !important; } .rounded-top-0 { border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; } .rounded-top-1 { border-top-left-radius: var(--bs-border-radius-sm) !important; border-top-right-radius: var(--bs-border-radius-sm) !important; } .rounded-top-2 { border-top-left-radius: var(--bs-border-radius) !important; border-top-right-radius: var(--bs-border-radius) !important; } .rounded-top-3 { border-top-left-radius: var(--bs-border-radius-lg) !important; border-top-right-radius: var(--bs-border-radius-lg) !important; } .rounded-top-4 { border-top-left-radius: var(--bs-border-radius-xl) !important; border-top-right-radius: var(--bs-border-radius-xl) !important; } .rounded-top-5 { border-top-left-radius: var(--bs-border-radius-xxl) !important; border-top-right-radius: var(--bs-border-radius-xxl) !important; } .rounded-top-circle { border-top-left-radius: 50% !important; border-top-right-radius: 50% !important; } .rounded-top-pill { border-top-left-radius: var(--bs-border-radius-pill) !important; border-top-right-radius: var(--bs-border-radius-pill) !important; } .rounded-end { border-top-right-radius: var(--bs-border-radius) !important; border-bottom-right-radius: var(--bs-border-radius) !important; } .rounded-end-0 { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } .rounded-end-1 { border-top-right-radius: var(--bs-border-radius-sm) !important; border-bottom-right-radius: var(--bs-border-radius-sm) !important; } .rounded-end-2 { border-top-right-radius: var(--bs-border-radius) !important; border-bottom-right-radius: var(--bs-border-radius) !important; } .rounded-end-3 { border-top-right-radius: var(--bs-border-radius-lg) !important; border-bottom-right-radius: var(--bs-border-radius-lg) !important; } .rounded-end-4 { border-top-right-radius: var(--bs-border-radius-xl) !important; border-bottom-right-radius: var(--bs-border-radius-xl) !important; } .rounded-end-5 { border-top-right-radius: var(--bs-border-radius-xxl) !important; border-bottom-right-radius: var(--bs-border-radius-xxl) !important; } .rounded-end-circle { border-top-right-radius: 50% !important; border-bottom-right-radius: 50% !important; } .rounded-end-pill { border-top-right-radius: var(--bs-border-radius-pill) !important; border-bottom-right-radius: var(--bs-border-radius-pill) !important; } .rounded-bottom { border-bottom-right-radius: var(--bs-border-radius) !important; border-bottom-left-radius: var(--bs-border-radius) !important; } .rounded-bottom-0 { border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0 !important; } .rounded-bottom-1 { border-bottom-right-radius: var(--bs-border-radius-sm) !important; border-bottom-left-radius: var(--bs-border-radius-sm) !important; } .rounded-bottom-2 { border-bottom-right-radius: var(--bs-border-radius) !important; border-bottom-left-radius: var(--bs-border-radius) !important; } .rounded-bottom-3 { border-bottom-right-radius: var(--bs-border-radius-lg) !important; border-bottom-left-radius: var(--bs-border-radius-lg) !important; } .rounded-bottom-4 { border-bottom-right-radius: var(--bs-border-radius-xl) !important; border-bottom-left-radius: var(--bs-border-radius-xl) !important; } .rounded-bottom-5 { border-bottom-right-radius: var(--bs-border-radius-xxl) !important; border-bottom-left-radius: var(--bs-border-radius-xxl) !important; } .rounded-bottom-circle { border-bottom-right-radius: 50% !important; border-bottom-left-radius: 50% !important; } .rounded-bottom-pill { border-bottom-right-radius: var(--bs-border-radius-pill) !important; border-bottom-left-radius: var(--bs-border-radius-pill) !important; } .rounded-start { border-bottom-left-radius: var(--bs-border-radius) !important; border-top-left-radius: var(--bs-border-radius) !important; } .rounded-start-0 { border-bottom-left-radius: 0 !important; border-top-left-radius: 0 !important; } .rounded-start-1 { border-bottom-left-radius: var(--bs-border-radius-sm) !important; border-top-left-radius: var(--bs-border-radius-sm) !important; } .rounded-start-2 { border-bottom-left-radius: var(--bs-border-radius) !important; border-top-left-radius: var(--bs-border-radius) !important; } .rounded-start-3 { border-bottom-left-radius: var(--bs-border-radius-lg) !important; border-top-left-radius: var(--bs-border-radius-lg) !important; } .rounded-start-4 { border-bottom-left-radius: var(--bs-border-radius-xl) !important; border-top-left-radius: var(--bs-border-radius-xl) !important; } .rounded-start-5 { border-bottom-left-radius: var(--bs-border-radius-xxl) !important; border-top-left-radius: var(--bs-border-radius-xxl) !important; } .rounded-start-circle { border-bottom-left-radius: 50% !important; border-top-left-radius: 50% !important; } .rounded-start-pill { border-bottom-left-radius: var(--bs-border-radius-pill) !important; border-top-left-radius: var(--bs-border-radius-pill) !important; } .visible { visibility: visible !important; } .invisible { visibility: hidden !important; } .z-n1 { z-index: -1 !important; } .z-0 { z-index: 0 !important; } .z-1 { z-index: 1 !important; } .z-2 { z-index: 2 !important; } .z-3 { z-index: 3 !important; } @media (min-width: 576px) { .float-sm-start { float: left !important; } .float-sm-end { float: right !important; } .float-sm-none { float: none !important; } .object-fit-sm-contain { object-fit: contain !important; } .object-fit-sm-cover { object-fit: cover !important; } .object-fit-sm-fill { object-fit: fill !important; } .object-fit-sm-scale { object-fit: scale-down !important; } .object-fit-sm-none { object-fit: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-grid { display: grid !important; } .d-sm-inline-grid { display: inline-grid !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: flex !important; } .d-sm-inline-flex { display: inline-flex !important; } .d-sm-none { display: none !important; } .flex-sm-fill { flex: 1 1 auto !important; } .flex-sm-row { flex-direction: row !important; } .flex-sm-column { flex-direction: column !important; } .flex-sm-row-reverse { flex-direction: row-reverse !important; } .flex-sm-column-reverse { flex-direction: column-reverse !important; } .flex-sm-grow-0 { flex-grow: 0 !important; } .flex-sm-grow-1 { flex-grow: 1 !important; } .flex-sm-shrink-0 { flex-shrink: 0 !important; } .flex-sm-shrink-1 { flex-shrink: 1 !important; } .flex-sm-wrap { flex-wrap: wrap !important; } .flex-sm-nowrap { flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-sm-start { justify-content: flex-start !important; } .justify-content-sm-end { justify-content: flex-end !important; } .justify-content-sm-center { justify-content: center !important; } .justify-content-sm-between { justify-content: space-between !important; } .justify-content-sm-around { justify-content: space-around !important; } .justify-content-sm-evenly { justify-content: space-evenly !important; } .align-items-sm-start { align-items: flex-start !important; } .align-items-sm-end { align-items: flex-end !important; } .align-items-sm-center { align-items: center !important; } .align-items-sm-baseline { align-items: baseline !important; } .align-items-sm-stretch { align-items: stretch !important; } .align-content-sm-start { align-content: flex-start !important; } .align-content-sm-end { align-content: flex-end !important; } .align-content-sm-center { align-content: center !important; } .align-content-sm-between { align-content: space-between !important; } .align-content-sm-around { align-content: space-around !important; } .align-content-sm-stretch { align-content: stretch !important; } .align-self-sm-auto { align-self: auto !important; } .align-self-sm-start { align-self: flex-start !important; } .align-self-sm-end { align-self: flex-end !important; } .align-self-sm-center { align-self: center !important; } .align-self-sm-baseline { align-self: baseline !important; } .align-self-sm-stretch { align-self: stretch !important; } .order-sm-first { order: -1 !important; } .order-sm-0 { order: 0 !important; } .order-sm-1 { order: 1 !important; } .order-sm-2 { order: 2 !important; } .order-sm-3 { order: 3 !important; } .order-sm-4 { order: 4 !important; } .order-sm-5 { order: 5 !important; } .order-sm-last { order: 6 !important; } .m-sm-0 { margin: 0 !important; } .m-sm-1 { margin: 0.25rem !important; } .m-sm-2 { margin: 0.5rem !important; } .m-sm-3 { margin: 1rem !important; } .m-sm-4 { margin: 1.5rem !important; } .m-sm-5 { margin: 3rem !important; } .m-sm-auto { margin: auto !important; } .mx-sm-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-sm-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-sm-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-sm-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-sm-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-sm-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-sm-auto { margin-right: auto !important; margin-left: auto !important; } .my-sm-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-sm-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-sm-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-sm-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-sm-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-sm-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-sm-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-sm-0 { margin-top: 0 !important; } .mt-sm-1 { margin-top: 0.25rem !important; } .mt-sm-2 { margin-top: 0.5rem !important; } .mt-sm-3 { margin-top: 1rem !important; } .mt-sm-4 { margin-top: 1.5rem !important; } .mt-sm-5 { margin-top: 3rem !important; } .mt-sm-auto { margin-top: auto !important; } .me-sm-0 { margin-right: 0 !important; } .me-sm-1 { margin-right: 0.25rem !important; } .me-sm-2 { margin-right: 0.5rem !important; } .me-sm-3 { margin-right: 1rem !important; } .me-sm-4 { margin-right: 1.5rem !important; } .me-sm-5 { margin-right: 3rem !important; } .me-sm-auto { margin-right: auto !important; } .mb-sm-0 { margin-bottom: 0 !important; } .mb-sm-1 { margin-bottom: 0.25rem !important; } .mb-sm-2 { margin-bottom: 0.5rem !important; } .mb-sm-3 { margin-bottom: 1rem !important; } .mb-sm-4 { margin-bottom: 1.5rem !important; } .mb-sm-5 { margin-bottom: 3rem !important; } .mb-sm-auto { margin-bottom: auto !important; } .ms-sm-0 { margin-left: 0 !important; } .ms-sm-1 { margin-left: 0.25rem !important; } .ms-sm-2 { margin-left: 0.5rem !important; } .ms-sm-3 { margin-left: 1rem !important; } .ms-sm-4 { margin-left: 1.5rem !important; } .ms-sm-5 { margin-left: 3rem !important; } .ms-sm-auto { margin-left: auto !important; } .p-sm-0 { padding: 0 !important; } .p-sm-1 { padding: 0.25rem !important; } .p-sm-2 { padding: 0.5rem !important; } .p-sm-3 { padding: 1rem !important; } .p-sm-4 { padding: 1.5rem !important; } .p-sm-5 { padding: 3rem !important; } .px-sm-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-sm-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-sm-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-sm-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-sm-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-sm-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-sm-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-sm-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-sm-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-sm-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-sm-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-sm-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-sm-0 { padding-top: 0 !important; } .pt-sm-1 { padding-top: 0.25rem !important; } .pt-sm-2 { padding-top: 0.5rem !important; } .pt-sm-3 { padding-top: 1rem !important; } .pt-sm-4 { padding-top: 1.5rem !important; } .pt-sm-5 { padding-top: 3rem !important; } .pe-sm-0 { padding-right: 0 !important; } .pe-sm-1 { padding-right: 0.25rem !important; } .pe-sm-2 { padding-right: 0.5rem !important; } .pe-sm-3 { padding-right: 1rem !important; } .pe-sm-4 { padding-right: 1.5rem !important; } .pe-sm-5 { padding-right: 3rem !important; } .pb-sm-0 { padding-bottom: 0 !important; } .pb-sm-1 { padding-bottom: 0.25rem !important; } .pb-sm-2 { padding-bottom: 0.5rem !important; } .pb-sm-3 { padding-bottom: 1rem !important; } .pb-sm-4 { padding-bottom: 1.5rem !important; } .pb-sm-5 { padding-bottom: 3rem !important; } .ps-sm-0 { padding-left: 0 !important; } .ps-sm-1 { padding-left: 0.25rem !important; } .ps-sm-2 { padding-left: 0.5rem !important; } .ps-sm-3 { padding-left: 1rem !important; } .ps-sm-4 { padding-left: 1.5rem !important; } .ps-sm-5 { padding-left: 3rem !important; } .gap-sm-0 { gap: 0 !important; } .gap-sm-1 { gap: 0.25rem !important; } .gap-sm-2 { gap: 0.5rem !important; } .gap-sm-3 { gap: 1rem !important; } .gap-sm-4 { gap: 1.5rem !important; } .gap-sm-5 { gap: 3rem !important; } .row-gap-sm-0 { row-gap: 0 !important; } .row-gap-sm-1 { row-gap: 0.25rem !important; } .row-gap-sm-2 { row-gap: 0.5rem !important; } .row-gap-sm-3 { row-gap: 1rem !important; } .row-gap-sm-4 { row-gap: 1.5rem !important; } .row-gap-sm-5 { row-gap: 3rem !important; } .column-gap-sm-0 { column-gap: 0 !important; } .column-gap-sm-1 { column-gap: 0.25rem !important; } .column-gap-sm-2 { column-gap: 0.5rem !important; } .column-gap-sm-3 { column-gap: 1rem !important; } .column-gap-sm-4 { column-gap: 1.5rem !important; } .column-gap-sm-5 { column-gap: 3rem !important; } .text-sm-start { text-align: left !important; } .text-sm-end { text-align: right !important; } .text-sm-center { text-align: center !important; } } @media (min-width: 768px) { .float-md-start { float: left !important; } .float-md-end { float: right !important; } .float-md-none { float: none !important; } .object-fit-md-contain { object-fit: contain !important; } .object-fit-md-cover { object-fit: cover !important; } .object-fit-md-fill { object-fit: fill !important; } .object-fit-md-scale { object-fit: scale-down !important; } .object-fit-md-none { object-fit: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-grid { display: grid !important; } .d-md-inline-grid { display: inline-grid !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: flex !important; } .d-md-inline-flex { display: inline-flex !important; } .d-md-none { display: none !important; } .flex-md-fill { flex: 1 1 auto !important; } .flex-md-row { flex-direction: row !important; } .flex-md-column { flex-direction: column !important; } .flex-md-row-reverse { flex-direction: row-reverse !important; } .flex-md-column-reverse { flex-direction: column-reverse !important; } .flex-md-grow-0 { flex-grow: 0 !important; } .flex-md-grow-1 { flex-grow: 1 !important; } .flex-md-shrink-0 { flex-shrink: 0 !important; } .flex-md-shrink-1 { flex-shrink: 1 !important; } .flex-md-wrap { flex-wrap: wrap !important; } .flex-md-nowrap { flex-wrap: nowrap !important; } .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-md-start { justify-content: flex-start !important; } .justify-content-md-end { justify-content: flex-end !important; } .justify-content-md-center { justify-content: center !important; } .justify-content-md-between { justify-content: space-between !important; } .justify-content-md-around { justify-content: space-around !important; } .justify-content-md-evenly { justify-content: space-evenly !important; } .align-items-md-start { align-items: flex-start !important; } .align-items-md-end { align-items: flex-end !important; } .align-items-md-center { align-items: center !important; } .align-items-md-baseline { align-items: baseline !important; } .align-items-md-stretch { align-items: stretch !important; } .align-content-md-start { align-content: flex-start !important; } .align-content-md-end { align-content: flex-end !important; } .align-content-md-center { align-content: center !important; } .align-content-md-between { align-content: space-between !important; } .align-content-md-around { align-content: space-around !important; } .align-content-md-stretch { align-content: stretch !important; } .align-self-md-auto { align-self: auto !important; } .align-self-md-start { align-self: flex-start !important; } .align-self-md-end { align-self: flex-end !important; } .align-self-md-center { align-self: center !important; } .align-self-md-baseline { align-self: baseline !important; } .align-self-md-stretch { align-self: stretch !important; } .order-md-first { order: -1 !important; } .order-md-0 { order: 0 !important; } .order-md-1 { order: 1 !important; } .order-md-2 { order: 2 !important; } .order-md-3 { order: 3 !important; } .order-md-4 { order: 4 !important; } .order-md-5 { order: 5 !important; } .order-md-last { order: 6 !important; } .m-md-0 { margin: 0 !important; } .m-md-1 { margin: 0.25rem !important; } .m-md-2 { margin: 0.5rem !important; } .m-md-3 { margin: 1rem !important; } .m-md-4 { margin: 1.5rem !important; } .m-md-5 { margin: 3rem !important; } .m-md-auto { margin: auto !important; } .mx-md-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-md-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-md-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-md-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-md-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-md-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-md-auto { margin-right: auto !important; margin-left: auto !important; } .my-md-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-md-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-md-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-md-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-md-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-md-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-md-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-md-0 { margin-top: 0 !important; } .mt-md-1 { margin-top: 0.25rem !important; } .mt-md-2 { margin-top: 0.5rem !important; } .mt-md-3 { margin-top: 1rem !important; } .mt-md-4 { margin-top: 1.5rem !important; } .mt-md-5 { margin-top: 3rem !important; } .mt-md-auto { margin-top: auto !important; } .me-md-0 { margin-right: 0 !important; } .me-md-1 { margin-right: 0.25rem !important; } .me-md-2 { margin-right: 0.5rem !important; } .me-md-3 { margin-right: 1rem !important; } .me-md-4 { margin-right: 1.5rem !important; } .me-md-5 { margin-right: 3rem !important; } .me-md-auto { margin-right: auto !important; } .mb-md-0 { margin-bottom: 0 !important; } .mb-md-1 { margin-bottom: 0.25rem !important; } .mb-md-2 { margin-bottom: 0.5rem !important; } .mb-md-3 { margin-bottom: 1rem !important; } .mb-md-4 { margin-bottom: 1.5rem !important; } .mb-md-5 { margin-bottom: 3rem !important; } .mb-md-auto { margin-bottom: auto !important; } .ms-md-0 { margin-left: 0 !important; } .ms-md-1 { margin-left: 0.25rem !important; } .ms-md-2 { margin-left: 0.5rem !important; } .ms-md-3 { margin-left: 1rem !important; } .ms-md-4 { margin-left: 1.5rem !important; } .ms-md-5 { margin-left: 3rem !important; } .ms-md-auto { margin-left: auto !important; } .p-md-0 { padding: 0 !important; } .p-md-1 { padding: 0.25rem !important; } .p-md-2 { padding: 0.5rem !important; } .p-md-3 { padding: 1rem !important; } .p-md-4 { padding: 1.5rem !important; } .p-md-5 { padding: 3rem !important; } .px-md-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-md-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-md-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-md-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-md-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-md-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-md-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-md-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-md-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-md-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-md-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-md-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-md-0 { padding-top: 0 !important; } .pt-md-1 { padding-top: 0.25rem !important; } .pt-md-2 { padding-top: 0.5rem !important; } .pt-md-3 { padding-top: 1rem !important; } .pt-md-4 { padding-top: 1.5rem !important; } .pt-md-5 { padding-top: 3rem !important; } .pe-md-0 { padding-right: 0 !important; } .pe-md-1 { padding-right: 0.25rem !important; } .pe-md-2 { padding-right: 0.5rem !important; } .pe-md-3 { padding-right: 1rem !important; } .pe-md-4 { padding-right: 1.5rem !important; } .pe-md-5 { padding-right: 3rem !important; } .pb-md-0 { padding-bottom: 0 !important; } .pb-md-1 { padding-bottom: 0.25rem !important; } .pb-md-2 { padding-bottom: 0.5rem !important; } .pb-md-3 { padding-bottom: 1rem !important; } .pb-md-4 { padding-bottom: 1.5rem !important; } .pb-md-5 { padding-bottom: 3rem !important; } .ps-md-0 { padding-left: 0 !important; } .ps-md-1 { padding-left: 0.25rem !important; } .ps-md-2 { padding-left: 0.5rem !important; } .ps-md-3 { padding-left: 1rem !important; } .ps-md-4 { padding-left: 1.5rem !important; } .ps-md-5 { padding-left: 3rem !important; } .gap-md-0 { gap: 0 !important; } .gap-md-1 { gap: 0.25rem !important; } .gap-md-2 { gap: 0.5rem !important; } .gap-md-3 { gap: 1rem !important; } .gap-md-4 { gap: 1.5rem !important; } .gap-md-5 { gap: 3rem !important; } .row-gap-md-0 { row-gap: 0 !important; } .row-gap-md-1 { row-gap: 0.25rem !important; } .row-gap-md-2 { row-gap: 0.5rem !important; } .row-gap-md-3 { row-gap: 1rem !important; } .row-gap-md-4 { row-gap: 1.5rem !important; } .row-gap-md-5 { row-gap: 3rem !important; } .column-gap-md-0 { column-gap: 0 !important; } .column-gap-md-1 { column-gap: 0.25rem !important; } .column-gap-md-2 { column-gap: 0.5rem !important; } .column-gap-md-3 { column-gap: 1rem !important; } .column-gap-md-4 { column-gap: 1.5rem !important; } .column-gap-md-5 { column-gap: 3rem !important; } .text-md-start { text-align: left !important; } .text-md-end { text-align: right !important; } .text-md-center { text-align: center !important; } } @media (min-width: 992px) { .float-lg-start { float: left !important; } .float-lg-end { float: right !important; } .float-lg-none { float: none !important; } .object-fit-lg-contain { object-fit: contain !important; } .object-fit-lg-cover { object-fit: cover !important; } .object-fit-lg-fill { object-fit: fill !important; } .object-fit-lg-scale { object-fit: scale-down !important; } .object-fit-lg-none { object-fit: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-grid { display: grid !important; } .d-lg-inline-grid { display: inline-grid !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: flex !important; } .d-lg-inline-flex { display: inline-flex !important; } .d-lg-none { display: none !important; } .flex-lg-fill { flex: 1 1 auto !important; } .flex-lg-row { flex-direction: row !important; } .flex-lg-column { flex-direction: column !important; } .flex-lg-row-reverse { flex-direction: row-reverse !important; } .flex-lg-column-reverse { flex-direction: column-reverse !important; } .flex-lg-grow-0 { flex-grow: 0 !important; } .flex-lg-grow-1 { flex-grow: 1 !important; } .flex-lg-shrink-0 { flex-shrink: 0 !important; } .flex-lg-shrink-1 { flex-shrink: 1 !important; } .flex-lg-wrap { flex-wrap: wrap !important; } .flex-lg-nowrap { flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-lg-start { justify-content: flex-start !important; } .justify-content-lg-end { justify-content: flex-end !important; } .justify-content-lg-center { justify-content: center !important; } .justify-content-lg-between { justify-content: space-between !important; } .justify-content-lg-around { justify-content: space-around !important; } .justify-content-lg-evenly { justify-content: space-evenly !important; } .align-items-lg-start { align-items: flex-start !important; } .align-items-lg-end { align-items: flex-end !important; } .align-items-lg-center { align-items: center !important; } .align-items-lg-baseline { align-items: baseline !important; } .align-items-lg-stretch { align-items: stretch !important; } .align-content-lg-start { align-content: flex-start !important; } .align-content-lg-end { align-content: flex-end !important; } .align-content-lg-center { align-content: center !important; } .align-content-lg-between { align-content: space-between !important; } .align-content-lg-around { align-content: space-around !important; } .align-content-lg-stretch { align-content: stretch !important; } .align-self-lg-auto { align-self: auto !important; } .align-self-lg-start { align-self: flex-start !important; } .align-self-lg-end { align-self: flex-end !important; } .align-self-lg-center { align-self: center !important; } .align-self-lg-baseline { align-self: baseline !important; } .align-self-lg-stretch { align-self: stretch !important; } .order-lg-first { order: -1 !important; } .order-lg-0 { order: 0 !important; } .order-lg-1 { order: 1 !important; } .order-lg-2 { order: 2 !important; } .order-lg-3 { order: 3 !important; } .order-lg-4 { order: 4 !important; } .order-lg-5 { order: 5 !important; } .order-lg-last { order: 6 !important; } .m-lg-0 { margin: 0 !important; } .m-lg-1 { margin: 0.25rem !important; } .m-lg-2 { margin: 0.5rem !important; } .m-lg-3 { margin: 1rem !important; } .m-lg-4 { margin: 1.5rem !important; } .m-lg-5 { margin: 3rem !important; } .m-lg-auto { margin: auto !important; } .mx-lg-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-lg-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-lg-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-lg-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-lg-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-lg-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-lg-auto { margin-right: auto !important; margin-left: auto !important; } .my-lg-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-lg-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-lg-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-lg-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-lg-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-lg-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-lg-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-lg-0 { margin-top: 0 !important; } .mt-lg-1 { margin-top: 0.25rem !important; } .mt-lg-2 { margin-top: 0.5rem !important; } .mt-lg-3 { margin-top: 1rem !important; } .mt-lg-4 { margin-top: 1.5rem !important; } .mt-lg-5 { margin-top: 3rem !important; } .mt-lg-auto { margin-top: auto !important; } .me-lg-0 { margin-right: 0 !important; } .me-lg-1 { margin-right: 0.25rem !important; } .me-lg-2 { margin-right: 0.5rem !important; } .me-lg-3 { margin-right: 1rem !important; } .me-lg-4 { margin-right: 1.5rem !important; } .me-lg-5 { margin-right: 3rem !important; } .me-lg-auto { margin-right: auto !important; } .mb-lg-0 { margin-bottom: 0 !important; } .mb-lg-1 { margin-bottom: 0.25rem !important; } .mb-lg-2 { margin-bottom: 0.5rem !important; } .mb-lg-3 { margin-bottom: 1rem !important; } .mb-lg-4 { margin-bottom: 1.5rem !important; } .mb-lg-5 { margin-bottom: 3rem !important; } .mb-lg-auto { margin-bottom: auto !important; } .ms-lg-0 { margin-left: 0 !important; } .ms-lg-1 { margin-left: 0.25rem !important; } .ms-lg-2 { margin-left: 0.5rem !important; } .ms-lg-3 { margin-left: 1rem !important; } .ms-lg-4 { margin-left: 1.5rem !important; } .ms-lg-5 { margin-left: 3rem !important; } .ms-lg-auto { margin-left: auto !important; } .p-lg-0 { padding: 0 !important; } .p-lg-1 { padding: 0.25rem !important; } .p-lg-2 { padding: 0.5rem !important; } .p-lg-3 { padding: 1rem !important; } .p-lg-4 { padding: 1.5rem !important; } .p-lg-5 { padding: 3rem !important; } .px-lg-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-lg-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-lg-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-lg-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-lg-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-lg-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-lg-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-lg-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-lg-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-lg-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-lg-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-lg-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-lg-0 { padding-top: 0 !important; } .pt-lg-1 { padding-top: 0.25rem !important; } .pt-lg-2 { padding-top: 0.5rem !important; } .pt-lg-3 { padding-top: 1rem !important; } .pt-lg-4 { padding-top: 1.5rem !important; } .pt-lg-5 { padding-top: 3rem !important; } .pe-lg-0 { padding-right: 0 !important; } .pe-lg-1 { padding-right: 0.25rem !important; } .pe-lg-2 { padding-right: 0.5rem !important; } .pe-lg-3 { padding-right: 1rem !important; } .pe-lg-4 { padding-right: 1.5rem !important; } .pe-lg-5 { padding-right: 3rem !important; } .pb-lg-0 { padding-bottom: 0 !important; } .pb-lg-1 { padding-bottom: 0.25rem !important; } .pb-lg-2 { padding-bottom: 0.5rem !important; } .pb-lg-3 { padding-bottom: 1rem !important; } .pb-lg-4 { padding-bottom: 1.5rem !important; } .pb-lg-5 { padding-bottom: 3rem !important; } .ps-lg-0 { padding-left: 0 !important; } .ps-lg-1 { padding-left: 0.25rem !important; } .ps-lg-2 { padding-left: 0.5rem !important; } .ps-lg-3 { padding-left: 1rem !important; } .ps-lg-4 { padding-left: 1.5rem !important; } .ps-lg-5 { padding-left: 3rem !important; } .gap-lg-0 { gap: 0 !important; } .gap-lg-1 { gap: 0.25rem !important; } .gap-lg-2 { gap: 0.5rem !important; } .gap-lg-3 { gap: 1rem !important; } .gap-lg-4 { gap: 1.5rem !important; } .gap-lg-5 { gap: 3rem !important; } .row-gap-lg-0 { row-gap: 0 !important; } .row-gap-lg-1 { row-gap: 0.25rem !important; } .row-gap-lg-2 { row-gap: 0.5rem !important; } .row-gap-lg-3 { row-gap: 1rem !important; } .row-gap-lg-4 { row-gap: 1.5rem !important; } .row-gap-lg-5 { row-gap: 3rem !important; } .column-gap-lg-0 { column-gap: 0 !important; } .column-gap-lg-1 { column-gap: 0.25rem !important; } .column-gap-lg-2 { column-gap: 0.5rem !important; } .column-gap-lg-3 { column-gap: 1rem !important; } .column-gap-lg-4 { column-gap: 1.5rem !important; } .column-gap-lg-5 { column-gap: 3rem !important; } .text-lg-start { text-align: left !important; } .text-lg-end { text-align: right !important; } .text-lg-center { text-align: center !important; } } @media (min-width: 1200px) { .float-xl-start { float: left !important; } .float-xl-end { float: right !important; } .float-xl-none { float: none !important; } .object-fit-xl-contain { object-fit: contain !important; } .object-fit-xl-cover { object-fit: cover !important; } .object-fit-xl-fill { object-fit: fill !important; } .object-fit-xl-scale { object-fit: scale-down !important; } .object-fit-xl-none { object-fit: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-grid { display: grid !important; } .d-xl-inline-grid { display: inline-grid !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: flex !important; } .d-xl-inline-flex { display: inline-flex !important; } .d-xl-none { display: none !important; } .flex-xl-fill { flex: 1 1 auto !important; } .flex-xl-row { flex-direction: row !important; } .flex-xl-column { flex-direction: column !important; } .flex-xl-row-reverse { flex-direction: row-reverse !important; } .flex-xl-column-reverse { flex-direction: column-reverse !important; } .flex-xl-grow-0 { flex-grow: 0 !important; } .flex-xl-grow-1 { flex-grow: 1 !important; } .flex-xl-shrink-0 { flex-shrink: 0 !important; } .flex-xl-shrink-1 { flex-shrink: 1 !important; } .flex-xl-wrap { flex-wrap: wrap !important; } .flex-xl-nowrap { flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-xl-start { justify-content: flex-start !important; } .justify-content-xl-end { justify-content: flex-end !important; } .justify-content-xl-center { justify-content: center !important; } .justify-content-xl-between { justify-content: space-between !important; } .justify-content-xl-around { justify-content: space-around !important; } .justify-content-xl-evenly { justify-content: space-evenly !important; } .align-items-xl-start { align-items: flex-start !important; } .align-items-xl-end { align-items: flex-end !important; } .align-items-xl-center { align-items: center !important; } .align-items-xl-baseline { align-items: baseline !important; } .align-items-xl-stretch { align-items: stretch !important; } .align-content-xl-start { align-content: flex-start !important; } .align-content-xl-end { align-content: flex-end !important; } .align-content-xl-center { align-content: center !important; } .align-content-xl-between { align-content: space-between !important; } .align-content-xl-around { align-content: space-around !important; } .align-content-xl-stretch { align-content: stretch !important; } .align-self-xl-auto { align-self: auto !important; } .align-self-xl-start { align-self: flex-start !important; } .align-self-xl-end { align-self: flex-end !important; } .align-self-xl-center { align-self: center !important; } .align-self-xl-baseline { align-self: baseline !important; } .align-self-xl-stretch { align-self: stretch !important; } .order-xl-first { order: -1 !important; } .order-xl-0 { order: 0 !important; } .order-xl-1 { order: 1 !important; } .order-xl-2 { order: 2 !important; } .order-xl-3 { order: 3 !important; } .order-xl-4 { order: 4 !important; } .order-xl-5 { order: 5 !important; } .order-xl-last { order: 6 !important; } .m-xl-0 { margin: 0 !important; } .m-xl-1 { margin: 0.25rem !important; } .m-xl-2 { margin: 0.5rem !important; } .m-xl-3 { margin: 1rem !important; } .m-xl-4 { margin: 1.5rem !important; } .m-xl-5 { margin: 3rem !important; } .m-xl-auto { margin: auto !important; } .mx-xl-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-xl-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-xl-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-xl-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-xl-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-xl-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-xl-auto { margin-right: auto !important; margin-left: auto !important; } .my-xl-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-xl-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-xl-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-xl-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-xl-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-xl-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-xl-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-xl-0 { margin-top: 0 !important; } .mt-xl-1 { margin-top: 0.25rem !important; } .mt-xl-2 { margin-top: 0.5rem !important; } .mt-xl-3 { margin-top: 1rem !important; } .mt-xl-4 { margin-top: 1.5rem !important; } .mt-xl-5 { margin-top: 3rem !important; } .mt-xl-auto { margin-top: auto !important; } .me-xl-0 { margin-right: 0 !important; } .me-xl-1 { margin-right: 0.25rem !important; } .me-xl-2 { margin-right: 0.5rem !important; } .me-xl-3 { margin-right: 1rem !important; } .me-xl-4 { margin-right: 1.5rem !important; } .me-xl-5 { margin-right: 3rem !important; } .me-xl-auto { margin-right: auto !important; } .mb-xl-0 { margin-bottom: 0 !important; } .mb-xl-1 { margin-bottom: 0.25rem !important; } .mb-xl-2 { margin-bottom: 0.5rem !important; } .mb-xl-3 { margin-bottom: 1rem !important; } .mb-xl-4 { margin-bottom: 1.5rem !important; } .mb-xl-5 { margin-bottom: 3rem !important; } .mb-xl-auto { margin-bottom: auto !important; } .ms-xl-0 { margin-left: 0 !important; } .ms-xl-1 { margin-left: 0.25rem !important; } .ms-xl-2 { margin-left: 0.5rem !important; } .ms-xl-3 { margin-left: 1rem !important; } .ms-xl-4 { margin-left: 1.5rem !important; } .ms-xl-5 { margin-left: 3rem !important; } .ms-xl-auto { margin-left: auto !important; } .p-xl-0 { padding: 0 !important; } .p-xl-1 { padding: 0.25rem !important; } .p-xl-2 { padding: 0.5rem !important; } .p-xl-3 { padding: 1rem !important; } .p-xl-4 { padding: 1.5rem !important; } .p-xl-5 { padding: 3rem !important; } .px-xl-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-xl-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-xl-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-xl-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-xl-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-xl-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-xl-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-xl-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-xl-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-xl-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-xl-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-xl-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-xl-0 { padding-top: 0 !important; } .pt-xl-1 { padding-top: 0.25rem !important; } .pt-xl-2 { padding-top: 0.5rem !important; } .pt-xl-3 { padding-top: 1rem !important; } .pt-xl-4 { padding-top: 1.5rem !important; } .pt-xl-5 { padding-top: 3rem !important; } .pe-xl-0 { padding-right: 0 !important; } .pe-xl-1 { padding-right: 0.25rem !important; } .pe-xl-2 { padding-right: 0.5rem !important; } .pe-xl-3 { padding-right: 1rem !important; } .pe-xl-4 { padding-right: 1.5rem !important; } .pe-xl-5 { padding-right: 3rem !important; } .pb-xl-0 { padding-bottom: 0 !important; } .pb-xl-1 { padding-bottom: 0.25rem !important; } .pb-xl-2 { padding-bottom: 0.5rem !important; } .pb-xl-3 { padding-bottom: 1rem !important; } .pb-xl-4 { padding-bottom: 1.5rem !important; } .pb-xl-5 { padding-bottom: 3rem !important; } .ps-xl-0 { padding-left: 0 !important; } .ps-xl-1 { padding-left: 0.25rem !important; } .ps-xl-2 { padding-left: 0.5rem !important; } .ps-xl-3 { padding-left: 1rem !important; } .ps-xl-4 { padding-left: 1.5rem !important; } .ps-xl-5 { padding-left: 3rem !important; } .gap-xl-0 { gap: 0 !important; } .gap-xl-1 { gap: 0.25rem !important; } .gap-xl-2 { gap: 0.5rem !important; } .gap-xl-3 { gap: 1rem !important; } .gap-xl-4 { gap: 1.5rem !important; } .gap-xl-5 { gap: 3rem !important; } .row-gap-xl-0 { row-gap: 0 !important; } .row-gap-xl-1 { row-gap: 0.25rem !important; } .row-gap-xl-2 { row-gap: 0.5rem !important; } .row-gap-xl-3 { row-gap: 1rem !important; } .row-gap-xl-4 { row-gap: 1.5rem !important; } .row-gap-xl-5 { row-gap: 3rem !important; } .column-gap-xl-0 { column-gap: 0 !important; } .column-gap-xl-1 { column-gap: 0.25rem !important; } .column-gap-xl-2 { column-gap: 0.5rem !important; } .column-gap-xl-3 { column-gap: 1rem !important; } .column-gap-xl-4 { column-gap: 1.5rem !important; } .column-gap-xl-5 { column-gap: 3rem !important; } .text-xl-start { text-align: left !important; } .text-xl-end { text-align: right !important; } .text-xl-center { text-align: center !important; } } @media (min-width: 1400px) { .float-xxl-start { float: left !important; } .float-xxl-end { float: right !important; } .float-xxl-none { float: none !important; } .object-fit-xxl-contain { object-fit: contain !important; } .object-fit-xxl-cover { object-fit: cover !important; } .object-fit-xxl-fill { object-fit: fill !important; } .object-fit-xxl-scale { object-fit: scale-down !important; } .object-fit-xxl-none { object-fit: none !important; } .d-xxl-inline { display: inline !important; } .d-xxl-inline-block { display: inline-block !important; } .d-xxl-block { display: block !important; } .d-xxl-grid { display: grid !important; } .d-xxl-inline-grid { display: inline-grid !important; } .d-xxl-table { display: table !important; } .d-xxl-table-row { display: table-row !important; } .d-xxl-table-cell { display: table-cell !important; } .d-xxl-flex { display: flex !important; } .d-xxl-inline-flex { display: inline-flex !important; } .d-xxl-none { display: none !important; } .flex-xxl-fill { flex: 1 1 auto !important; } .flex-xxl-row { flex-direction: row !important; } .flex-xxl-column { flex-direction: column !important; } .flex-xxl-row-reverse { flex-direction: row-reverse !important; } .flex-xxl-column-reverse { flex-direction: column-reverse !important; } .flex-xxl-grow-0 { flex-grow: 0 !important; } .flex-xxl-grow-1 { flex-grow: 1 !important; } .flex-xxl-shrink-0 { flex-shrink: 0 !important; } .flex-xxl-shrink-1 { flex-shrink: 1 !important; } .flex-xxl-wrap { flex-wrap: wrap !important; } .flex-xxl-nowrap { flex-wrap: nowrap !important; } .flex-xxl-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-xxl-start { justify-content: flex-start !important; } .justify-content-xxl-end { justify-content: flex-end !important; } .justify-content-xxl-center { justify-content: center !important; } .justify-content-xxl-between { justify-content: space-between !important; } .justify-content-xxl-around { justify-content: space-around !important; } .justify-content-xxl-evenly { justify-content: space-evenly !important; } .align-items-xxl-start { align-items: flex-start !important; } .align-items-xxl-end { align-items: flex-end !important; } .align-items-xxl-center { align-items: center !important; } .align-items-xxl-baseline { align-items: baseline !important; } .align-items-xxl-stretch { align-items: stretch !important; } .align-content-xxl-start { align-content: flex-start !important; } .align-content-xxl-end { align-content: flex-end !important; } .align-content-xxl-center { align-content: center !important; } .align-content-xxl-between { align-content: space-between !important; } .align-content-xxl-around { align-content: space-around !important; } .align-content-xxl-stretch { align-content: stretch !important; } .align-self-xxl-auto { align-self: auto !important; } .align-self-xxl-start { align-self: flex-start !important; } .align-self-xxl-end { align-self: flex-end !important; } .align-self-xxl-center { align-self: center !important; } .align-self-xxl-baseline { align-self: baseline !important; } .align-self-xxl-stretch { align-self: stretch !important; } .order-xxl-first { order: -1 !important; } .order-xxl-0 { order: 0 !important; } .order-xxl-1 { order: 1 !important; } .order-xxl-2 { order: 2 !important; } .order-xxl-3 { order: 3 !important; } .order-xxl-4 { order: 4 !important; } .order-xxl-5 { order: 5 !important; } .order-xxl-last { order: 6 !important; } .m-xxl-0 { margin: 0 !important; } .m-xxl-1 { margin: 0.25rem !important; } .m-xxl-2 { margin: 0.5rem !important; } .m-xxl-3 { margin: 1rem !important; } .m-xxl-4 { margin: 1.5rem !important; } .m-xxl-5 { margin: 3rem !important; } .m-xxl-auto { margin: auto !important; } .mx-xxl-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-xxl-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-xxl-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-xxl-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-xxl-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-xxl-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-xxl-auto { margin-right: auto !important; margin-left: auto !important; } .my-xxl-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-xxl-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-xxl-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-xxl-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-xxl-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-xxl-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-xxl-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-xxl-0 { margin-top: 0 !important; } .mt-xxl-1 { margin-top: 0.25rem !important; } .mt-xxl-2 { margin-top: 0.5rem !important; } .mt-xxl-3 { margin-top: 1rem !important; } .mt-xxl-4 { margin-top: 1.5rem !important; } .mt-xxl-5 { margin-top: 3rem !important; } .mt-xxl-auto { margin-top: auto !important; } .me-xxl-0 { margin-right: 0 !important; } .me-xxl-1 { margin-right: 0.25rem !important; } .me-xxl-2 { margin-right: 0.5rem !important; } .me-xxl-3 { margin-right: 1rem !important; } .me-xxl-4 { margin-right: 1.5rem !important; } .me-xxl-5 { margin-right: 3rem !important; } .me-xxl-auto { margin-right: auto !important; } .mb-xxl-0 { margin-bottom: 0 !important; } .mb-xxl-1 { margin-bottom: 0.25rem !important; } .mb-xxl-2 { margin-bottom: 0.5rem !important; } .mb-xxl-3 { margin-bottom: 1rem !important; } .mb-xxl-4 { margin-bottom: 1.5rem !important; } .mb-xxl-5 { margin-bottom: 3rem !important; } .mb-xxl-auto { margin-bottom: auto !important; } .ms-xxl-0 { margin-left: 0 !important; } .ms-xxl-1 { margin-left: 0.25rem !important; } .ms-xxl-2 { margin-left: 0.5rem !important; } .ms-xxl-3 { margin-left: 1rem !important; } .ms-xxl-4 { margin-left: 1.5rem !important; } .ms-xxl-5 { margin-left: 3rem !important; } .ms-xxl-auto { margin-left: auto !important; } .p-xxl-0 { padding: 0 !important; } .p-xxl-1 { padding: 0.25rem !important; } .p-xxl-2 { padding: 0.5rem !important; } .p-xxl-3 { padding: 1rem !important; } .p-xxl-4 { padding: 1.5rem !important; } .p-xxl-5 { padding: 3rem !important; } .px-xxl-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-xxl-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-xxl-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-xxl-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-xxl-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-xxl-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-xxl-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-xxl-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-xxl-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-xxl-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-xxl-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-xxl-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-xxl-0 { padding-top: 0 !important; } .pt-xxl-1 { padding-top: 0.25rem !important; } .pt-xxl-2 { padding-top: 0.5rem !important; } .pt-xxl-3 { padding-top: 1rem !important; } .pt-xxl-4 { padding-top: 1.5rem !important; } .pt-xxl-5 { padding-top: 3rem !important; } .pe-xxl-0 { padding-right: 0 !important; } .pe-xxl-1 { padding-right: 0.25rem !important; } .pe-xxl-2 { padding-right: 0.5rem !important; } .pe-xxl-3 { padding-right: 1rem !important; } .pe-xxl-4 { padding-right: 1.5rem !important; } .pe-xxl-5 { padding-right: 3rem !important; } .pb-xxl-0 { padding-bottom: 0 !important; } .pb-xxl-1 { padding-bottom: 0.25rem !important; } .pb-xxl-2 { padding-bottom: 0.5rem !important; } .pb-xxl-3 { padding-bottom: 1rem !important; } .pb-xxl-4 { padding-bottom: 1.5rem !important; } .pb-xxl-5 { padding-bottom: 3rem !important; } .ps-xxl-0 { padding-left: 0 !important; } .ps-xxl-1 { padding-left: 0.25rem !important; } .ps-xxl-2 { padding-left: 0.5rem !important; } .ps-xxl-3 { padding-left: 1rem !important; } .ps-xxl-4 { padding-left: 1.5rem !important; } .ps-xxl-5 { padding-left: 3rem !important; } .gap-xxl-0 { gap: 0 !important; } .gap-xxl-1 { gap: 0.25rem !important; } .gap-xxl-2 { gap: 0.5rem !important; } .gap-xxl-3 { gap: 1rem !important; } .gap-xxl-4 { gap: 1.5rem !important; } .gap-xxl-5 { gap: 3rem !important; } .row-gap-xxl-0 { row-gap: 0 !important; } .row-gap-xxl-1 { row-gap: 0.25rem !important; } .row-gap-xxl-2 { row-gap: 0.5rem !important; } .row-gap-xxl-3 { row-gap: 1rem !important; } .row-gap-xxl-4 { row-gap: 1.5rem !important; } .row-gap-xxl-5 { row-gap: 3rem !important; } .column-gap-xxl-0 { column-gap: 0 !important; } .column-gap-xxl-1 { column-gap: 0.25rem !important; } .column-gap-xxl-2 { column-gap: 0.5rem !important; } .column-gap-xxl-3 { column-gap: 1rem !important; } .column-gap-xxl-4 { column-gap: 1.5rem !important; } .column-gap-xxl-5 { column-gap: 3rem !important; } .text-xxl-start { text-align: left !important; } .text-xxl-end { text-align: right !important; } .text-xxl-center { text-align: center !important; } } @media (min-width: 1200px) { .fs-1 { font-size: 2.5rem !important; } .fs-2 { font-size: 2rem !important; } .fs-3 { font-size: 1.75rem !important; } .fs-4 { font-size: 1.5rem !important; } } @media print { .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-grid { display: grid !important; } .d-print-inline-grid { display: inline-grid !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: flex !important; } .d-print-inline-flex { display: inline-flex !important; } .d-print-none { display: none !important; } } /*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[13].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[13].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[13].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[13].use[5]!./public/main.scss ***! \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ @charset "UTF-8"; /*----TextFont-------*/ @import url("https://fonts.googleapis.com/css2?family=Roboto+Slab&family=Roboto:wght@300;400;500;700&family=Rubik:wght@300;400;500&display=swap"); /*----Gilroy-------*/ /*----Gorodita-------*/ /*----Recoleta-------*/ /*----Flaticon-------*/ /*----FontAwesome-------*/ /*----GilroyFont-------*/ @keyframes modal-video { from { opacity: 0; } to { opacity: 1; } } @keyframes modal-video-inner { from { transform: translate(0, 100px); } to { transform: translate(0, 0); } } .modal-video { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 1000000; cursor: pointer; opacity: 1; animation-timing-function: ease-out; animation-duration: 0.3s; animation-name: modal-video; transition: opacity 0.3s ease-out; } .modal-video-effect-exit { opacity: 0; } .modal-video-effect-exit .modal-video-movie-wrap { transform: translate(0, 100px); } .modal-video-body { max-width: 960px; width: 100%; height: 100%; margin: 0 auto; padding: 0 10px; display: flex; justify-content: center; box-sizing: border-box; } .modal-video-inner { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; } @media (orientation: landscape) { .modal-video-inner { padding: 10px 60px; box-sizing: border-box; } } .modal-video-movie-wrap { width: 100%; height: 0; position: relative; padding-bottom: 56.25%; background-color: #333; animation-timing-function: ease-out; animation-duration: 0.3s; animation-name: modal-video-inner; transform: translate(0, 0); transition: transform 0.3s ease-out; } .modal-video-movie-wrap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .modal-video-close-btn { position: absolute; z-index: 2; top: -45px; right: 0px; display: inline-block; width: 35px; height: 35px; overflow: hidden; border: none; background: transparent; } @media (orientation: landscape) { .modal-video-close-btn { top: 0; right: -45px; } } .modal-video-close-btn:before { transform: rotate(45deg); } .modal-video-close-btn:after { transform: rotate(-45deg); } .modal-video-close-btn:before, .modal-video-close-btn:after { content: ""; position: absolute; height: 2px; width: 100%; top: 50%; left: 0; margin-top: -1px; background: #fff; border-radius: 5px; margin-top: -6px; } @keyframes jump { 0% { transform: translate3d(0, 0, 0); } 40% { transform: translate3d(0, 50%, 0); } 100% { transform: translate3d(0, 0, 0); } } @keyframes jumpTwo { 0% { transform: translate3d(0, 0, 0); } 40% { transform: translate3d(0, 20px, 0); } 100% { transform: translate3d(0, 0, 0); } } @keyframes jumpThree { 0% { transform: translate3d(0, 0, 0); } 40% { transform: translate3d(0, -20px, 0); } 100% { transform: translate3d(0, 0, 0); } } @keyframes rotated { 0% { transform: rotate(0); } 100% { transform: rotate(360deg); } } @keyframes rotatedTwo { 0% { transform: rotate(0); } 100% { transform: rotate(-360deg); } } @keyframes rotatedHalf { 0% { transform: rotate(0); } 50% { transform: rotate(90deg); } 100% { transform: rotate(0); } } @keyframes rotatedHalfTwo { 0% { transform: rotate(-90deg); } 100% { transform: rotate(90deg); } } @keyframes scale-upOne { 0% { transform: scale(1); } 50% { transform: scale(0.85); } 100% { transform: scale(1); } } @keyframes scale-right { 0% { transform: translateX(0%); } 50% { transform: translateX(20%); } 100% { transform: translateX(0%); } } @keyframes fade_in { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fade-in { 0% { opacity: 0.7; } 40% { opacity: 1; } 100% { opacity: 0.7; } } @keyframes fade-in-up { from { transform: translate3d(0, 40px, 0); } to { transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes fade-in-rev { 0% { opacity: 1; } 40% { opacity: 0.7; } 100% { opacity: 1; } } @keyframes hvr-ripple-out { 0% { top: -5px; right: -5px; bottom: -5px; left: -5px; } 50% { top: -15px; right: -15px; bottom: -15px; left: -15px; opacity: 0.8; } 100% { top: -5px; right: -5px; bottom: -5px; left: -5px; opacity: 1; } } @keyframes hvr-ripple-out-two { 0% { top: 0; right: 0; bottom: 0; left: 0; } 100% { top: -30px; right: -30px; bottom: -30px; left: -30px; opacity: 0; } } @keyframes scale-up-one { 0% { transform: scale(1); } 40% { transform: scale(0.5); } 100% { transform: scale(1); } } @keyframes scale-up-two { 0% { transform: scale(0.5); } 40% { transform: scale(0.8); } 100% { transform: scale(0.5); } } @keyframes scale-up-three { 0% { transform: scale(1); } 40% { transform: scale(2); } 100% { transform: scale(1); } } @keyframes jump5p { 0% { transform: translate3d(0, 0, 0); } 40% { transform: translate3d(0, 5px, 0); } 100% { transform: translate3d(0, 0, 0); } } @keyframes jump5pRsv { 0% { transform: translate3d(0, 0, 0); } 40% { transform: translate3d(0, -5px, 0); } 100% { transform: translate3d(0, 0, 0); } } @keyframes jump10p { 0% { transform: translate3d(0, 0, 0); } 40% { transform: translate3d(0, 10px, 0); } 100% { transform: translate3d(0, 0, 0); } } @keyframes jump10pRsv { 0% { transform: translate3d(0, 0, 0); } 40% { transform: translate3d(0, -10px, 0); } 100% { transform: translate3d(0, 0, 0); } } @keyframes slideBottom { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: none; } } .slick-dots li button { width: 14px; height: 14px; border-radius: 50%; position: relative; } .slick-dots li button::before { content: ""; font-size: 0; opacity: 1; border: 2px solid #ffb043; width: 100%; height: 100%; border-radius: 50%; transition: 0.3s ease-in-out; } .slick-dots li button::after { content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; transform: scale(0); background: #ffb043; transition: 0.3s ease-in-out; border-radius: inherit; z-index: 5; } .slick-dots li.slick-active button::after { transform: scale(0.5); } .testimonial-wrapper .slick-slide > div, .preview-inner .slick-slide > div { margin: 0 10px; } .testimonial-wrapper .slick-list, .preview-inner .slick-list { margin: 0 -10px; } .client-feedback-slider-three .slick-next, .client-feedback-slider-three .slick-prev, .client-feedback-slider-seven .slick-next, .client-feedback-slider-seven .slick-prev, .client-feedback-slider-one .slick-next, .client-feedback-slider-one .slick-prev, .custom-icon-slick-arrow .slick-next, .custom-icon-slick-arrow .slick-prev, .vr-landing-slider .slick-next, .vr-landing-slider .slick-prev { transition: all 0.3s ease-in-out; left: 50%; transform: translateX(-50%); top: auto; bottom: -80px; } .client-feedback-slider-three .slick-next::before, .client-feedback-slider-three .slick-prev::before, .client-feedback-slider-seven .slick-next::before, .client-feedback-slider-seven .slick-prev::before, .client-feedback-slider-one .slick-next::before, .client-feedback-slider-one .slick-prev::before, .custom-icon-slick-arrow .slick-next::before, .custom-icon-slick-arrow .slick-prev::before, .vr-landing-slider .slick-next::before, .vr-landing-slider .slick-prev::before { display: none; } .client-feedback-slider-three .slick-next::after, .client-feedback-slider-three .slick-prev::after, .client-feedback-slider-seven .slick-next::after, .client-feedback-slider-seven .slick-prev::after, .client-feedback-slider-one .slick-next::after, .client-feedback-slider-one .slick-prev::after, .custom-icon-slick-arrow .slick-next::after, .custom-icon-slick-arrow .slick-prev::after, .vr-landing-slider .slick-next::after, .vr-landing-slider .slick-prev::after { content: "\f103"; font-family: Flaticon; font-size: 40px; color: #5d5d5d; transition: all 0.3s ease-in-out; display: inline-block; } .client-feedback-slider-three .slick-next:hover::after, .client-feedback-slider-three .slick-prev:hover::after, .client-feedback-slider-seven .slick-next:hover::after, .client-feedback-slider-seven .slick-prev:hover::after, .client-feedback-slider-one .slick-next:hover::after, .client-feedback-slider-one .slick-prev:hover::after, .custom-icon-slick-arrow .slick-next:hover::after, .custom-icon-slick-arrow .slick-prev:hover::after, .vr-landing-slider .slick-next:hover::after, .vr-landing-slider .slick-prev:hover::after { transform: rotate(0) scale(1); } .client-feedback-slider-three .slick-prev, .client-feedback-slider-seven .slick-prev, .client-feedback-slider-one .slick-prev, .custom-icon-slick-arrow .slick-prev, .vr-landing-slider .slick-prev { transform: translateX(-45px); } .client-feedback-slider-three .slick-prev::after, .client-feedback-slider-seven .slick-prev::after, .client-feedback-slider-one .slick-prev::after, .custom-icon-slick-arrow .slick-prev::after, .vr-landing-slider .slick-prev::after { transform: rotate(180deg) scale(0.8); } .client-feedback-slider-three .slick-prev:hover::after, .client-feedback-slider-seven .slick-prev:hover::after, .client-feedback-slider-one .slick-prev:hover::after, .custom-icon-slick-arrow .slick-prev:hover::after, .vr-landing-slider .slick-prev:hover::after { transform: rotate(180deg) scale(1); } .client-feedback-slider-three .slick-next, .client-feedback-slider-seven .slick-next, .client-feedback-slider-one .slick-next, .custom-icon-slick-arrow .slick-next, .vr-landing-slider .slick-next { transform: translateX(15px); } .client-feedback-slider-three .slick-next::after, .client-feedback-slider-seven .slick-next::after, .client-feedback-slider-one .slick-next::after, .custom-icon-slick-arrow .slick-next::after, .vr-landing-slider .slick-next::after { transform: rotate(0) scale(0.8); } .client-feedback-slider-seven .slick-next, .client-feedback-slider-seven .slick-prev { bottom: -60px; } @media screen and (min-width: 992px) { .client-feedback-slider-one .slick-next, .client-feedback-slider-one .slick-prev { left: 50px; transform: translateX(0); } .client-feedback-slider-one .slick-prev { transform: translateX(-45px); } } .survey-slider .slick-arrow, .slick-arrow-none .slick-arrow { display: none !important; } .clientSliderSeven .slick-arrow { width: 60px; height: 60px; background: #ffd88c; position: absolute; bottom: 10%; left: 50%; z-index: 1; top: auto; } .clientSliderSeven .slick-arrow::before { display: none; } .clientSliderSeven .slick-arrow::after { content: "\f103"; font-family: Flaticon; font-size: 40px; color: #5d5d5d; transition: all 0.3s ease-in-out; display: inline-block; margin-top: 18px; } .clientSliderSeven .slick-arrow:hover::after { transform: rotate(0) scale(1); } .clientSliderSeven .slick-arrow.slick-prev { transform: translateX(-45px); border-top-left-radius: 10px; border-bottom-left-radius: 10px; border-right: 1px solid #efc36f; } .clientSliderSeven .slick-arrow.slick-prev::after { transform: rotate(180deg) scale(0.8); } .clientSliderSeven .slick-arrow.slick-prev:hover::after { transform: rotate(180deg) scale(0.9); } .clientSliderSeven .slick-arrow.slick-next { transform: translateX(15px); border-top-right-radius: 10px; border-bottom-right-radius: 10px; } .clientSliderSeven .slick-arrow.slick-next::after { transform: rotate(0) scale(0.8); } .clientSliderSeven .slick-arrow.slick-next:hover::after { transform: scale(0.9); } .vr-landing-slider .slick-next, .vr-landing-slider .slick-prev, .arrow-left-bottom .slick-next, .arrow-left-bottom .slick-prev { left: -100px; bottom: 20px; } .vr-landing-slider .slick-next:after, .vr-landing-slider .slick-prev:after, .arrow-left-bottom .slick-next:after, .arrow-left-bottom .slick-prev:after { color: #fff; } .vr-landing-slider .slick-dots, .arrow-left-bottom .slick-dots { bottom: -40px; } .custom-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.85); z-index: 99999; } .modal-video { background-color: rgba(0, 0, 0, 0.85); } .custom-modal { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #fff; overflow: initial; border-radius: 30px; outline: none; } .custom-modal .box_inner { width: 1330px; overflow-y: auto; } @media (max-width: 1600px) { .custom-modal .box_inner { width: 1070px; } } @media (max-width: 1400px) { .custom-modal .box_inner { width: 900px; } } @media (max-width: 992px) { .custom-modal .box_inner { width: 700px; } } @media (max-width: 768px) { .custom-modal .box_inner { width: 560px; } } @media (max-width: 599px) { .custom-modal .box_inner { width: 460px; } } @media (max-width: 490px) { .custom-modal .box_inner { width: 360px; } } @media (max-width: 420px) { .custom-modal .box_inner { width: 320px; } } .custom-modal .scrollable { padding: 50px; } @media (max-width: 767px) { .custom-modal .scrollable { padding: 30px 15px; } } .ReactModal__Overlay { opacity: 0; transition: all 0.3s ease; } .ReactModal__Overlay--after-open { opacity: 1; } .ReactModal__Overlay--before-close { opacity: 0; } .close-modal { background: transparent; border: none; display: flex; width: 45px; height: 45px; position: absolute; z-index: 4; right: -50px; top: -32px; } @media screen and (max-width: 1199px) { .close-modal { right: 0px; top: -60px; } } @media screen and (max-width: 575px) { .close-modal { right: -10px; top: -37px; } } .close-modal img { width: 45px; height: 45px; cursor: pointer; position: absolute; filter: invert(1); transition: 0.3s; } @media screen and (max-width: 575px) { .close-modal img { width: 30px; height: 30px; } } .close-modal:hover img { filter: invert(0.8); } .display-3 { font-size: 4rem; font-weight: 700; } @media screen and (max-width: 1199px) { .display-3 { font-size: 3rem; } } .white-color { color: #ff9301; } .h4 { font-size: 1.5rem; } .error-page-wrapper { background: #1a1a1a; padding: 80px 0; height: calc(100vh - 71px) !important; display: flex; align-items: center; } .error-page-wrapper .inner { padding-top: 35px; } .error-page-wrapper .inner img { max-width: 80%; } @media screen and (max-width: 1919px) { .error-page-wrapper .inner img { max-width: 330px; } } .error-page-wrapper .inner .display-3 { font-size: 60px; } @media screen and (max-width: 991px) { .error-page-wrapper .inner .display-3 { font-size: 40px; } } .error-page-wrapper .inner .h4 { font-size: 19px; margin: 15px 0; line-height: 1.4; font-weight: 400; } .error-page-wrapper .h4 { color: #cbcbcb; } * { margin: 0; padding: 0; box-sizing: border-box; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { vertical-align: baseline; text-decoration: none; margin: 0; padding: 0; } ol, ul { list-style-type: none; } a { text-decoration: none; display: inline-block; color: inherit; } a:hover, a:focus, a:visited { text-decoration: none; outline: none; } img { max-width: 100%; display: block; } button { border: none; outline: none; box-shadow: none; display: block; padding: 0; cursor: pointer; background: transparent; } button:focus { outline: none; } input, textarea { outline: none; box-shadow: none; transition: all 0.3s ease-in-out; } audio, video, canvas { max-width: 100%; } iframe { border: none !important; } .p0 { padding: 0 !important; } .m0 { margin: 0 !important; } .pt-5 { padding-top: 5px !important; } .pt-10 { padding-top: 10px; } .pt-15 { padding-top: 15px; } .pt-20 { padding-top: 20px; } .pt-25 { padding-top: 25px; } .pt-30 { padding-top: 30px; } .pt-35 { padding-top: 35px; } .pt-40 { padding-top: 40px; } .pt-45 { padding-top: 45px; } .pt-50 { padding-top: 50px; } .pt-55 { padding-top: 55px; } .pt-60 { padding-top: 60px; } .pt-65 { padding-top: 65px; } .pt-70 { padding-top: 70px; } .pt-75 { padding-top: 75px; } .pt-80 { padding-top: 80px; } .pt-85 { padding-top: 85px; } .pt-90 { padding-top: 90px; } .pt-95 { padding-top: 95px; } .pt-100 { padding-top: 100px; } .pt-110 { padding-top: 110px; } .pt-120 { padding-top: 120px; } .pt-130 { padding-top: 130px; } .pt-140 { padding-top: 140px; } .pt-150 { padding-top: 150px; } .pt-160 { padding-top: 160px; } .pt-170 { padding-top: 170px; } .pt-180 { padding-top: 180px; } .pt-190 { padding-top: 190px; } .pt-200 { padding-top: 200px; } .pt-225 { padding-top: 225px; } .pt-250 { padding-top: 250px; } .pt-300 { padding-top: 300px; } .pt-350 { padding-top: 350px; } .pb-5 { padding-bottom: 5px; } .pb-10 { padding-bottom: 10px; } .pb-15 { padding-bottom: 15px; } .pb-20 { padding-bottom: 20px; } .pb-25 { padding-bottom: 25px; } .pb-30 { padding-bottom: 30px; } .pb-35 { padding-bottom: 35px; } .pb-40 { padding-bottom: 40px; } .pb-45 { padding-bottom: 45px; } .pb-50 { padding-bottom: 50px; } .pb-55 { padding-bottom: 55px; } .pb-60 { padding-bottom: 60px; } .pb-65 { padding-bottom: 65px; } .pb-70 { padding-bottom: 70px; } .pb-75 { padding-bottom: 75px; } .pb-80 { padding-bottom: 80px; } .pb-85 { padding-bottom: 85px; } .pb-90 { padding-bottom: 90px; } .pb-95 { padding-bottom: 95px; } .pb-100 { padding-bottom: 100px; } .pb-110 { padding-bottom: 110px; } .pb-120 { padding-bottom: 120px; } .pb-130 { padding-bottom: 130px; } .pb-140 { padding-bottom: 140px; } .pb-150 { padding-bottom: 150px; } .pb-160 { padding-bottom: 160px; } .pb-170 { padding-bottom: 170px; } .pb-180 { padding-bottom: 180px; } .pb-190 { padding-bottom: 190px; } .pb-200 { padding-bottom: 200px; } .pb-225 { padding-bottom: 225px; } .pb-250 { padding-bottom: 250px; } .pb-300 { padding-bottom: 300px; } .pb-350 { padding-bottom: 350px; } .mt-5 { margin-top: 5px; } .mt-10 { margin-top: 10px; } .mt-15 { margin-top: 15px; } .mt-20 { margin-top: 20px; } .mt-25 { margin-top: 25px; } .mt-30 { margin-top: 30px; } .mt-35 { margin-top: 35px; } .mt-40 { margin-top: 40px; } .mt-45 { margin-top: 45px; } .mt-50 { margin-top: 50px; } .mt-55 { margin-top: 55px; } .mt-60 { margin-top: 60px; } .mt-65 { margin-top: 65px; } .mt-70 { margin-top: 70px; } .mt-75 { margin-top: 75px; } .mt-80 { margin-top: 80px; } .mt-85 { margin-top: 85px; } .mt-90 { margin-top: 90px; } .mt-95 { margin-top: 95px; } .mt-100 { margin-top: 100px; } .mt-110 { margin-top: 110px; } .mt-120 { margin-top: 120px; } .mt-130 { margin-top: 130px; } .mt-140 { margin-top: 140px; } .mt-150 { margin-top: 150px; } .mt-160 { margin-top: 160px; } .mt-170 { margin-top: 170px; } .mt-180 { margin-top: 180px; } .mt-190 { margin-top: 190px; } .mt-200 { margin-top: 200px; } .mt-225 { margin-top: 225px; } .mt-250 { margin-top: 250px; } .mt-300 { margin-top: 300px; } .mt-350 { margin-top: 350px; } .mb-5 { margin-bottom: 5px !important; } .mb-10 { margin-bottom: 10px; } .mb-15 { margin-bottom: 15px; } .mb-20 { margin-bottom: 20px; } .mb-25 { margin-bottom: 25px; } .mb-30 { margin-bottom: 30px; } .mb-35 { margin-bottom: 35px; } .mb-40 { margin-bottom: 40px; } .mb-45 { margin-bottom: 45px; } .mb-50 { margin-bottom: 50px; } .mb-55 { margin-bottom: 55px; } .mb-60 { margin-bottom: 60px; } .mb-65 { margin-bottom: 65px; } .mb-70 { margin-bottom: 70px; } .mb-75 { margin-bottom: 75px; } .mb-80 { margin-bottom: 80px; } .mb-85 { margin-bottom: 85px; } .mb-90 { margin-bottom: 90px; } .mb-95 { margin-bottom: 95px; } .mb-100 { margin-bottom: 100px; } .mb-110 { margin-bottom: 110px; } .mb-120 { margin-bottom: 120px; } .mb-130 { margin-bottom: 130px; } .mb-140 { margin-bottom: 140px; } .mb-150 { margin-bottom: 150px; } .mb-160 { margin-bottom: 160px; } .mb-170 { margin-bottom: 170px; } .mb-180 { margin-bottom: 180px; } .mb-190 { margin-bottom: 190px; } .mb-200 { margin-bottom: 200px; } .mb-225 { margin-bottom: 225px; } .mb-250 { margin-bottom: 250px; } .mb-300 { margin-bottom: 300px; } .mb-350 { margin-bottom: 350px; } @media (max-width: 1199px) { .lg-p0 { padding: 0 !important; } .lg-m0 { margin: 0 !important; } .lg-pt-10 { padding-top: 10px !important; } .lg-pt-20 { padding-top: 20px !important; } .lg-pt-30 { padding-top: 30px !important; } .lg-pt-40 { padding-top: 40px !important; } .lg-pt-50 { padding-top: 50px !important; } .lg-pt-60 { padding-top: 60px !important; } .lg-pt-70 { padding-top: 70px !important; } .lg-pt-80 { padding-top: 80px !important; } .lg-pt-90 { padding-top: 90px !important; } .lg-pt-100 { padding-top: 100px !important; } .lg-pt-110 { padding-top: 110px !important; } .lg-pt-120 { padding-top: 120px !important; } .lg-pt-130 { padding-top: 130px !important; } .lg-pt-140 { padding-top: 140px !important; } .lg-pt-150 { padding-top: 150px !important; } .lg-pt-200 { padding-top: 200px !important; } .lg-pb-10 { padding-bottom: 10px !important; } .lg-pb-20 { padding-bottom: 20px !important; } .lg-pb-30 { padding-bottom: 30px !important; } .lg-pb-40 { padding-bottom: 40px !important; } .lg-pb-50 { padding-bottom: 50px !important; } .lg-pb-60 { padding-bottom: 60px !important; } .lg-pb-70 { padding-bottom: 70px !important; } .lg-pb-80 { padding-bottom: 80px !important; } .lg-pb-90 { padding-bottom: 90px !important; } .lg-pb-100 { padding-bottom: 100px !important; } .lg-pb-110 { padding-bottom: 110px !important; } .lg-pb-120 { padding-bottom: 120px !important; } .lg-pb-130 { padding-bottom: 130px !important; } .lg-pb-140 { padding-bottom: 140px !important; } .lg-pb-150 { padding-bottom: 150px !important; } .lg-pb-200 { padding-bottom: 200px !important; } .lg-mt-10 { margin-top: 10px !important; } .lg-mt-20 { margin-top: 20px !important; } .lg-mt-30 { margin-top: 30px !important; } .lg-mt-40 { margin-top: 40px !important; } .lg-mt-50 { margin-top: 50px !important; } .lg-mt-60 { margin-top: 60px !important; } .lg-mt-70 { margin-top: 70px !important; } .lg-mt-80 { margin-top: 80px !important; } .lg-mt-90 { margin-top: 90px !important; } .lg-mt-100 { margin-top: 100px !important; } .lg-mt-110 { margin-top: 110px !important; } .lg-mt-120 { margin-top: 120px !important; } .lg-mt-130 { margin-top: 130px !important; } .lg-mt-140 { margin-top: 140px !important; } .lg-mt-150 { margin-top: 150px !important; } .lg-mt-200 { margin-top: 200px !important; } .lg-mb-10 { margin-bottom: 10px !important; } .lg-mb-20 { margin-bottom: 20px !important; } .lg-mb-30 { margin-bottom: 30px !important; } .lg-mb-40 { margin-bottom: 40px !important; } .lg-mb-50 { margin-bottom: 50px !important; } .lg-mb-60 { margin-bottom: 60px !important; } .lg-mb-70 { margin-bottom: 70px !important; } .lg-mb-80 { margin-bottom: 80px !important; } .lg-mb-90 { margin-bottom: 90px !important; } .lg-mb-100 { margin-bottom: 100px !important; } .lg-mb-110 { margin-bottom: 110px !important; } .lg-mb-120 { margin-bottom: 120px !important; } .lg-mb-130 { margin-bottom: 130px !important; } .lg-mb-140 { margin-bottom: 140px !important; } .lg-mb-150 { margin-bottom: 150px !important; } .lg-mb-200 { margin-bottom: 200px !important; } } /*(max-width: 1199px)*/ @media (max-width: 991px) { .md-p0 { padding: 0 !important; } .md-m0 { margin: 0 !important; } .md-pt-10 { padding-top: 10px !important; } .md-pt-20 { padding-top: 20px !important; } .md-pt-30 { padding-top: 30px !important; } .md-pt-40 { padding-top: 40px !important; } .md-pt-50 { padding-top: 50px !important; } .md-pt-60 { padding-top: 60px !important; } .md-pt-70 { padding-top: 70px !important; } .md-pt-80 { padding-top: 80px !important; } .md-pt-90 { padding-top: 90px !important; } .md-pt-100 { padding-top: 100px !important; } .md-pt-110 { padding-top: 110px !important; } .md-pt-120 { padding-top: 120px !important; } .md-pt-130 { padding-top: 130px !important; } .md-pt-140 { padding-top: 140px !important; } .md-pt-150 { padding-top: 150px !important; } .md-pt-200 { padding-top: 200px !important; } .md-pb-10 { padding-bottom: 10px !important; } .md-pb-20 { padding-bottom: 20px !important; } .md-pb-30 { padding-bottom: 30px !important; } .md-pb-40 { padding-bottom: 40px !important; } .md-pb-50 { padding-bottom: 50px !important; } .md-pb-60 { padding-bottom: 60px !important; } .md-pb-70 { padding-bottom: 70px !important; } .md-pb-80 { padding-bottom: 80px !important; } .md-pb-90 { padding-bottom: 90px !important; } .md-pb-100 { padding-bottom: 100px !important; } .md-pb-110 { padding-bottom: 110px !important; } .md-pb-120 { padding-bottom: 120px !important; } .md-pb-130 { padding-bottom: 130px !important; } .md-pb-140 { padding-bottom: 140px !important; } .md-pb-150 { padding-bottom: 150px !important; } .md-pb-200 { padding-bottom: 200px !important; } .md-mt-10 { margin-top: 10px !important; } .md-mt-20 { margin-top: 20px !important; } .md-mt-30 { margin-top: 30px !important; } .md-mt-40 { margin-top: 40px !important; } .md-mt-50 { margin-top: 50px !important; } .md-mt-60 { margin-top: 60px !important; } .md-mt-70 { margin-top: 70px !important; } .md-mt-80 { margin-top: 80px !important; } .md-mt-90 { margin-top: 90px !important; } .md-mt-100 { margin-top: 100px !important; } .md-mt-110 { margin-top: 110px !important; } .md-mt-120 { margin-top: 120px !important; } .md-mt-130 { margin-top: 130px !important; } .md-mt-140 { margin-top: 140px !important; } .md-mt-150 { margin-top: 150px !important; } .md-mt-200 { margin-top: 200px !important; } .md-mb-10 { margin-bottom: 10px !important; } .md-mb-20 { margin-bottom: 20px !important; } .md-mb-30 { margin-bottom: 30px !important; } .md-mb-40 { margin-bottom: 40px !important; } .md-mb-50 { margin-bottom: 50px !important; } .md-mb-60 { margin-bottom: 60px !important; } .md-mb-70 { margin-bottom: 70px !important; } .md-mb-80 { margin-bottom: 80px !important; } .md-mb-90 { margin-bottom: 90px !important; } .md-mb-100 { margin-bottom: 100px !important; } .md-mb-110 { margin-bottom: 110px !important; } .md-mb-120 { margin-bottom: 120px !important; } .md-mb-130 { margin-bottom: 130px !important; } .md-mb-140 { margin-bottom: 140px !important; } .md-mb-150 { margin-bottom: 150px !important; } .md-mb-200 { margin-bottom: 200px !important; } } /*(max-width: 991px)*/ @media (max-width: 767px) { .sm-p0 { padding: 0 !important; } .sm-m0 { margin: 0 !important; } .sm-pt-10 { padding-top: 10px !important; } .sm-pt-20 { padding-top: 20px !important; } .sm-pt-30 { padding-top: 30px !important; } .sm-pt-40 { padding-top: 40px !important; } .sm-pt-50 { padding-top: 50px !important; } .sm-pt-60 { padding-top: 60px !important; } .sm-pt-70 { padding-top: 70px !important; } .sm-pt-80 { padding-top: 80px !important; } .sm-pt-90 { padding-top: 90px !important; } .sm-pt-100 { padding-top: 100px !important; } .sm-pt-110 { padding-top: 110px !important; } .sm-pt-120 { padding-top: 120px !important; } .sm-pt-130 { padding-top: 130px !important; } .sm-pt-140 { padding-top: 140px !important; } .sm-pt-150 { padding-top: 150px !important; } .sm-pt-200 { padding-top: 200px !important; } .sm-pb-10 { padding-bottom: 10px !important; } .sm-pb-20 { padding-bottom: 20px !important; } .sm-pb-30 { padding-bottom: 30px !important; } .sm-pb-40 { padding-bottom: 40px !important; } .sm-pb-50 { padding-bottom: 50px !important; } .sm-pb-60 { padding-bottom: 60px !important; } .sm-pb-70 { padding-bottom: 70px !important; } .sm-pb-80 { padding-bottom: 80px !important; } .sm-pb-90 { padding-bottom: 90px !important; } .sm-pb-100 { padding-bottom: 100px !important; } .sm-pb-110 { padding-bottom: 110px !important; } .sm-pb-120 { padding-bottom: 120px !important; } .sm-pb-130 { padding-bottom: 130px !important; } .sm-pb-140 { padding-bottom: 140px !important; } .sm-pb-150 { padding-bottom: 150px !important; } .sm-pb-200 { padding-bottom: 200px !important; } .sm-mt-10 { margin-top: 10px !important; } .sm-mt-20 { margin-top: 20px !important; } .sm-mt-30 { margin-top: 30px !important; } .sm-mt-40 { margin-top: 40px !important; } .sm-mt-50 { margin-top: 50px !important; } .sm-mt-60 { margin-top: 60px !important; } .sm-mt-70 { margin-top: 70px !important; } .sm-mt-80 { margin-top: 80px !important; } .sm-mt-90 { margin-top: 90px !important; } .sm-mt-100 { margin-top: 100px !important; } .sm-mt-110 { margin-top: 110px !important; } .sm-mt-120 { margin-top: 120px !important; } .sm-mt-130 { margin-top: 130px !important; } .sm-mt-140 { margin-top: 140px !important; } .sm-mt-150 { margin-top: 150px !important; } .sm-mt-200 { margin-top: 200px !important; } .sm-mb-10 { margin-bottom: 10px !important; } .sm-mb-20 { margin-bottom: 20px !important; } .sm-mb-30 { margin-bottom: 30px !important; } .sm-mb-40 { margin-bottom: 40px !important; } .sm-mb-50 { margin-bottom: 50px !important; } .sm-mb-60 { margin-bottom: 60px !important; } .sm-mb-70 { margin-bottom: 70px !important; } .sm-mb-80 { margin-bottom: 80px !important; } .sm-mb-90 { margin-bottom: 90px !important; } .sm-mb-100 { margin-bottom: 100px !important; } .sm-mb-110 { margin-bottom: 110px !important; } .sm-mb-120 { margin-bottom: 120px !important; } .sm-mb-130 { margin-bottom: 130px !important; } .sm-mb-140 { margin-bottom: 140px !important; } .sm-mb-150 { margin-bottom: 150px !important; } .sm-mb-200 { margin-bottom: 200px !important; } } /*(max-width: 767px)*/ /*===== End of search-wrapper ======*/ /*================================== = navigation = ==================================*/ .navbar .dropdown-menu { border-radius: 0; } .mega-dropdown-holder.dropdown { position: static; } .navbar .navbar-toggler { float: right; font-size: 26px; padding: 5px 8px; margin: 0; color: #fff; background: #2a2a2a; box-shadow: 0 15px 20px 0px rgba(0, 0, 0, 0.05); } /*Menu One*/ .theme-menu-one .navbar .navbar-toggler { background: var(--blue-dark); } /*Menu Two*/ .theme-menu-two .navbar .navbar-toggler { background: var(--red-light); } /*Menu Four*/ .theme-menu-four .navbar .navbar-toggler { background: var(--vin-red); } .navbar .navbar-nav { font-family: "Rubik", sans-serif; } .navbar { padding: 0; z-index: 1; transition: 0.3s linear all; } .navbar .dropdown-menu .dropdown-item { font-size: 17px; line-height: 50px; text-transform: capitalize; color: var(--heading); padding: 0 5px 0 25px; position: relative; z-index: 1; transition: all 0.3s ease-in-out; white-space: inherit; } .navbar .dropdown-menu .dropdown-item:hover, .navbar .dropdown-menu .dropdown-item:focus, .navbar .dropdown-menu .dropdown-submenu:hover > .dropdown-item { padding-left: 30px; background: #f5f5f5; } .navbar .dropdown-menu .active { background: #f5f5f5 !important; } .navbar-nav .nav-item .nav-link { padding: 30px 0; margin: 0 20px; display: block; color: #2b2c2e; font-size: 18px; text-transform: capitalize; position: relative; transition: all 0.3s ease-in-out; } .theme-menu-three .navbar-nav .nav-item .nav-link { margin: 0 30px; } .theme-menu-two .navbar-nav .nav-item .nav-link { margin: 0 28px; } /*.navbar-nav .nav-item .nav-link.dropdown-toggle {margin-right: 22px;}*/ .navbar .dropdown-menu { border: none; } .navbar .navbar-toggler:focus { outline: 0; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } #mega-menu-holder .dropdown-toggle::after { content: "\f100"; font-family: Flaticon; border: none !important; font-size: 10px; position: absolute; right: -15px; top: 34%; color: inherit; } #mega-menu-holder .dropdown-submenu .dropdown-toggle::after { content: "+"; font-family: "Roboto", sans-serif; right: 14px; top: 0; line-height: 50px; font-size: 20px; transition: all 0.3s ease-in-out; } #mega-menu-holder .dropdown-submenu:hover > .dropdown-toggle::after { transform: rotate(45deg); } /*Menu One*/ .theme-menu-one .navbar-nav .nav-item.active .dropdown-toggle:after, .theme-menu-one .navbar-nav .nav-item:hover > .dropdown-toggle:after, .theme-menu-one .navbar .dropdown-menu .dropdown-submenu:hover .dropdown-item:after, .theme-menu-one .navbar .dropdown-menu .dropdown-submenu:hover > .dropdown-item, .theme-menu-one .navbar-nav .nav-item.active .nav-link, .theme-menu-one .navbar-nav .nav-item:hover > .nav-link, .theme-menu-one .navbar .dropdown-menu .dropdown-item:hover { color: var(--blue-dark) !important; } .theme-menu-one .navbar .dropdown-menu .active { color: var(--blue-dark) !important; } /*Menu Two*/ .theme-menu-two .navbar-nav .nav-item.active .dropdown-toggle:after, .theme-menu-two .navbar-nav .nav-item:hover > .dropdown-toggle:after, .theme-menu-two .navbar .dropdown-menu .dropdown-submenu:hover .dropdown-item:after, .theme-menu-two .navbar .dropdown-menu .dropdown-submenu:hover > .dropdown-item, .theme-menu-two .navbar-nav .nav-item.active .nav-link, .theme-menu-two .navbar-nav .nav-item:hover > .nav-link, .theme-menu-two .navbar .dropdown-menu .dropdown-item:hover { color: var(--red-light); } .theme-menu-two .navbar .dropdown-menu .active { color: var(--red-light) !important; } /*Menu Three*/ .theme-menu-three .navbar-nav .nav-item.active .dropdown-toggle:after, .theme-menu-three .navbar-nav .nav-item:hover > .dropdown-toggle:after, .theme-menu-three .navbar .dropdown-menu .dropdown-submenu:hover .dropdown-item:after, .theme-menu-three .navbar .dropdown-menu .dropdown-submenu:hover > .dropdown-item, .theme-menu-three .navbar-nav .nav-item.active .nav-link, .theme-menu-three .navbar-nav .nav-item:hover > .nav-link, .theme-menu-three .navbar .dropdown-menu .dropdown-item:hover { color: var(--blue-light); } .theme-menu-three .navbar .dropdown-menu .active { color: var(--blue-light) !important; } .theme-menu-three .navbar-nav .nav-item .active { color: var(--blue-light) !important; } /*Menu Four*/ .theme-menu-four .navbar-nav .nav-item.active .dropdown-toggle:after, .theme-menu-four .navbar-nav .nav-item:hover > .dropdown-toggle:after, .theme-menu-four .navbar .dropdown-menu .dropdown-submenu:hover .dropdown-item:after, .theme-menu-four .navbar .dropdown-menu .dropdown-submenu:hover > .dropdown-item, .theme-menu-four .navbar-nav .nav-item.active .nav-link, .theme-menu-four .navbar-nav .nav-item:hover > .nav-link, .theme-menu-four .navbar .dropdown-menu .dropdown-item:hover { color: var(--vin-red); } .theme-menu-four .navbar .dropdown-menu .active { color: var(--vin-red) !important; } #mega-menu-holder { position: static; } #mega-menu-holder .position-static .dropdown-menu:before { display: none; } #mega-menu-holder .mega-menu { flex-wrap: wrap; } #mega-menu-holder .mega-menu li { flex: 0 0 16.666%; max-width: 16.666%; padding: 10px 10px 0; } #mega-menu-holder .mega-menu li span { display: block; text-align: center; font-size: 16px; color: #000; margin: 20px 0 20px; line-height: initial; } #mega-menu-holder .mega-menu li .img-box { padding: 0; background: #fff; position: relative; overflow: hidden; } #mega-menu-holder .mega-menu li .img-box img { transition: all 0.4s; border: 1px solid rgba(0, 0, 0, 0.05); } #mega-menu-holder .mega-menu li .img-box:hover img { transform: scale(1.05); } #mega-menu-holder .mega-menu li .img-box:hover span { text-decoration: underline; } #mega-menu-holder .mega-menu li .img-box .hover { position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); top: 0; left: 0; font-size: 24px; color: #fff; } /*===== End of navigation ======*/ /*==================================== = media quries = ====================================*/ @media screen and (min-width: 992px) { .navbar .dropdown-submenu.dropdown { position: relative; } .navbar { padding-top: 0px; padding-bottom: 0px; } .navbar .dropdown-menu.dropdown-lg { width: 770px; padding: 35px 0 20px; } .navbar .dropdown-menu.dropdown-lg li { float: left; width: 50%; padding: 0 22px 30px 40px; } .navbar .dropdown-menu { z-index: 5; background-color: #fff; border-radius: 0; display: block; right: 0; left: 0; padding: 8px 0 0; top: 100%; visibility: hidden; transform: scale(1, 0); opacity: 0; min-width: 270px; box-shadow: 0px 30px 70px 0px rgba(137, 139, 142, 0.15); margin: 0; transform-origin: 0 0; transition: all 0.3s ease-in-out; } .navbar .dropdown-menu:before { content: "\f0d8"; font: normal normal normal 14px/1 FontAwesome; position: absolute; font-size: 50px; left: 17%; top: -8px; color: #fff; line-height: 0; text-shadow: 0px -7px 10px rgba(137, 139, 142, 0.06); } .navbar .dropdown:hover > .dropdown-menu { opacity: 1; visibility: visible; transform: scale(1); } .navbar .dropdown-submenu .dropdown-menu { left: 100%; top: 0; transform: none; } .navbar .dropdown-submenu .dropdown-menu:before { display: none; } .navbar .dropdown-submenu:hover > .dropdown-menu { opacity: 1; visibility: visible; transition: 0.3s linear all; } } @media screen and (max-width: 991px) { #mega-menu-holder { position: static; padding: 0; } .navbar-collapse { position: absolute; top: 100%; background-color: #ffffff; left: 0px; right: 0px; max-height: 70vh; overflow-y: auto; box-shadow: 0px 40px 50px 0px rgba(137, 139, 142, 0.15); /*border-top:1px solid #F3F3F3;*/ } .dark-style .navbar-collapse { background: #17192b; } /*Menu Four*/ .theme-menu-four .navbar-collapse { background: #fbf3ec; } .navbar .dropdown-menu { padding: 0; margin-top: 0; } .navbar .navbar-nav .nav-item .nav-link { padding: 13px 0; } .navbar .navbar-collapse .navbar-nav .nav-item .nav-link { padding: 15px; font-size: 18px; border-top: 1px solid #f3f3f3; margin: 0; } .dark-style .navbar .navbar-collapse .navbar-nav .nav-item .nav-link { border-top: 1px solid rgba(255, 255, 255, 0.1); } .dark-style .navbar .navbar-collapse .navbar-nav .nav-item:last-child .nav-link { border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .navbar .navbar-collapse .navbar-nav .nav-item:last-child .nav-link { border-bottom: 1px solid #f3f3f3; } /*Menu Four*/ .theme-menu-four .navbar .navbar-collapse .navbar-nav .nav-item .nav-link { border-top: 1px solid #ececec; } .theme-menu-four .navbar .navbar-collapse .navbar-nav .nav-item:last-child .nav-link { border-bottom: 1px solid #ececec; } .theme-menu-four .right-button-group, .theme-menu-one .right-button-group { margin: 0 auto !important; padding: 15px 0; } #mega-menu-holder .dropdown-toggle::after { right: 0; width: 40px; text-align: center; top: 0; line-height: 60px; } .navbar .dropdown-submenu.dropdown > .dropdown-item:before { display: none; } .navbar .dropdown-submenu .dropdown-menu .dropdown-item { padding-left: 40px; } .navbar .dropdown-submenu .dropdown-menu { background: #f9f9f9; } .navbar .dropdown-menu .dropdown-item { background: transparent !important; } } /*===== End of media quries ======*/ /*** ==================================================================== Loading Transition ==================================================================== ***/ /* Preloader */ .ctn-preloader { align-items: center; -webkit-align-items: center; display: flex; display: -ms-flexbox; height: 100%; justify-content: center; -webkit-justify-content: center; position: fixed; left: 0; top: 0; width: 100%; z-index: 999999; background: #fff; } .ctn-preloader .animation-preloader { position: absolute; z-index: 100; } .theme-color { color: #aa06ff; } /* Spinner cargando */ .ctn-preloader .animation-preloader .spinner { animation: spinner 1.5s infinite linear; border-radius: 50%; border: 3px solid rgba(101, 92, 151, 0.06); border-top-color: #655c97; border-bottom-color: #655c97; height: 170px; margin: 0 auto 45px auto; width: 170px; } /* Texto cargando */ .ctn-preloader .animation-preloader .txt-loading { text-align: center; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .ctn-preloader .animation-preloader .txt-loading .letters-loading:before { animation: letters-loading 4s infinite; color: #655c97; content: attr(data-text-preloader); left: 0; opacity: 0; top: 0; line-height: 70px; position: absolute; } .ctn-preloader .animation-preloader .txt-loading .letters-loading { font-family: "Rubik", sans-serif; font-weight: 500; letter-spacing: 15px; display: inline-block; color: rgba(101, 92, 151, 0.14); position: relative; font-size: 70px; line-height: 70px; } .ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(2):before { animation-delay: 0.2s; } .ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(3):before { animation-delay: 0.4s; } .ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(4):before { animation-delay: 0.6s; } .ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(5):before { animation-delay: 0.8s; } .ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(6):before { animation-delay: 1s; } .ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(7):before { animation-delay: 1.2s; } .ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(8):before { animation-delay: 1.4s; } .ctn-preloader .loader-section { background-color: #ffffff; height: 100%; position: fixed; top: 0; width: calc(50% + 1px); } .loaded .animation-preloader { opacity: 0; transition: 0.3s ease-out; } /* Animación del preloader */ @keyframes spinner { to { transform: rotateZ(360deg); } } @keyframes letters-loading { 0%, 75%, 100% { opacity: 0; transform: rotateY(-90deg); } 25%, 50% { opacity: 1; transform: rotateY(0deg); } } @media screen and (max-width: 767px) { .ctn-preloader .animation-preloader .spinner { height: 8em; width: 8em; } } @media screen and (max-width: 500px) { .ctn-preloader .animation-preloader .spinner { height: 7em; width: 7em; } .ctn-preloader .animation-preloader .txt-loading .letters-loading { font-size: 40px; letter-spacing: 10px; } } h1, h2, h3, h4, h5, h6, p, ul { margin: 0; padding: 0; } .h1, h1, .h2, h2, .h3, h3, .h4, h4, .h5, h5, .h6, h6 { color: #000; font-weight: normal; } .h1, h1 { font-size: 60px; } .h2, h2 { font-size: 48px; } .h3, h3 { font-size: 40px; } .h4, h4 { font-size: 30px; } .h5, h5 { font-size: 22px; } .h6, h6 { font-size: 18px; } p { line-height: 28px; } ul { list-style-type: none; } body a { text-decoration: none; display: inline-block; } a:hover, a:focus, a:visited { text-decoration: none; outline: none; } img { max-width: 100%; display: block; } button { border: none; outline: none; box-shadow: none; display: block; padding: 0; cursor: pointer; background: transparent; } button:focus { outline: none; } input, textarea { outline: none; box-shadow: none; transition: all 0.3s ease-in-out; } /*----------- Prefix -----------*/ .full-width-container { padding-left: 60px; padding-right: 60px; } .demo-container-900 { max-width: 900px; margin: 0 auto; } .demo-container-1100 { max-width: 1100px; margin: 0 auto; } .p0 { padding: 0 !important; } .pt-15 { padding-top: 15px; } .pt-50 { padding-top: 50px; } .pt-90 { padding-top: 90px; } .pt-130 { padding-top: 130px; } .pt-150 { padding-top: 150px; } .pb-30 { padding-bottom: 30px; } .pb-70 { padding-bottom: 70px; } .pb-100 { padding-bottom: 100px; } .pb-150 { padding-bottom: 150px; } .pb-200 { padding-bottom: 200px; } .mt-30 { margin-top: 30px; } .mt-50 { margin-top: 50px; } .mt-70 { margin-top: 70px; } .mt-95 { margin-top: 95px; } .mt-100 { margin-top: 100px; } .mt-150 { margin-top: 150px; } .mt-200 { margin-top: 200px; } .mb-80 { margin-bottom: 80px; } .mb-150 { margin-bottom: 150px; } .mb-170 { margin-bottom: 170px; } .mb-200 { margin-bottom: 200px; } .m0 { margin: 0 !important; } .row.gutter-80 { margin: 0 -40px; } .row.gutter-80 [class*=col-] { padding: 0 40px; } .row.gutter-50 { margin: 0 -25px; } .row.gutter-50 [class*=col-] { padding: 0 25px; } body .btn-one { font-family: "Rubik", sans-serif; width: 200px; line-height: 55px; text-align: center; background: #000; color: #fff; font-size: 18px; transition: all 0.3s ease-in-out; } body .btn-one:hover { background: #655c97; } /*----------------- Tilte ------------------*/ .main-title h2 { font-family: "gilroy-bold"; font-size: 68px; } .main-title h2 span { position: relative; z-index: 1; } .main-title h2 span img { position: absolute; bottom: -40px; left: 50%; transform: translateX(-50%); } .main-title .txt-lg { font-size: 38px; color: #2a2a2a; padding-top: 88px; } .main-title .txt-lg span { text-decoration: underline; } .main-title .txt-sm { font-size: 28px; color: #7c7c7c; font-weight: 300; padding-top: 38px; } /*---------------------- Landing Page -----------------------*/ .landing-menu { padding: 30px 15px; position: absolute; top: 0; left: 0; right: 0; z-index: 99999; transition: all 0.4s ease-in-out; } .landing-menu.fixed { position: fixed; background: #fff; padding: 10px 15px; box-shadow: 0px 13px 35px -12px rgba(35, 35, 35, 0.15); } .landing-menu .logo { width: 292px; } .landing-menu .logo a { display: block; } .landing-banner { background: #eff5fc; position: relative; z-index: 5; padding-top: 130px; } #feature-menu { padding: 0; } .landing-mobile_menu .nav-item .nav-link { font-family: "Rubik", sans-serif; color: #000; font-size: 18px; margin: 0 30px; padding: 0; transition: all 0.3s ease-out; position: relative; } .landing-mobile_menu .nav-item .nav-link::before { position: absolute; content: ""; left: 0; width: 0; height: 2px; background: #000; transition: 0.3s; bottom: 0; } .landing-mobile_menu .nav-item.active .nav-link::before { width: 100%; } .landing-menu .menu-btn { line-height: 48px; font-size: 17px; color: #000; transition: all 0.3s ease-in-out; } .landing-menu .menu-btn.buy-button { padding: 0 40px; color: #fff; background: #000; color: #fff; margin-left: 25px; } .landing-menu .menu-btn.buy-button:hover { background: #655c97; } .landing-menu .menu-btn.more_themes:hover { text-decoration: underline; color: #655c97; } /*------------------------ Banner -----------------------*/ .landing-banner { background: #faf9f7; padding: 250px 0 200px; position: relative; z-index: 999; } .landing-banner .text-wrapper { text-align: center; } .landing-banner .text-wrapper h1 { font-family: "gilroy-bold"; font-size: 90px; line-height: 1.14em; color: #000; } .landing-banner .text-wrapper .sub-text { font-size: 24px; color: rgba(6, 6, 6, 0.8); padding: 34px 0 0; } .landing-banner .block-bg-wrapper { background: #fff; padding: 54px 0; margin-top: 105px; } .landing-banner .single-block { text-align: center; padding: 1px 0 10px; } .landing-banner .single-block.border-style { border-left: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8; } .landing-banner .single-block .num { font-size: 80px; margin-top: -17px; line-height: 1.5; } .landing-banner .single-block p { font-size: 26px; line-height: 1.35em; color: #2a2a2a; } .landing-banner .shape { position: absolute; z-index: -1; } .landing-banner .shape-one { left: 0; top: 5%; } .landing-banner .shape-two { left: 0; bottom: -15px; } .landing-banner .shape-three { right: 0; top: 1%; } .landing-banner .shape-four { right: 0; bottom: -100px; } /*----------------------- Home Demo ------------------*/ .home-demo-section { position: relative; z-index: 5; } .home-demo-section .shape-one { position: absolute; z-index: -1; right: 5px; top: 15%; } .home-demo-section .controls { margin: 110px 0 60px; text-align: center; } .home-demo-section .controls .react-tabs__tab, .inner-page-section .controls .react-tabs__tab { font-family: "Rubik", sans-serif; display: flex; justify-content: center; font-size: 20px; color: #0e0e0e; padding: 0 19px; line-height: 32px; border-radius: 16px; margin: 0 5px 15px; transition: all 0.5s; } .home-demo-section .controls .react-tabs__tab button, .inner-page-section .controls .react-tabs__tab button { transition: all 0.5s; } @media screen and (max-width: 1094px) { .home-demo-section .controls .react-tabs__tab, .inner-page-section .controls .react-tabs__tab { padding: 0 10px; } } .react-tabs__tab-panel--selected { animation: slideBottom 0.7s ease-in-out 0s 1 normal none running; } .home-demo-section .controls .react-tabs__tab--selected, .inner-page-section .controls .react-tabs__tab--selected { background: #000; } .home-demo-section .controls .react-tabs__tab--selected button, .inner-page-section .controls .react-tabs__tab--selected button { color: #fff; } .home-demo-section .mix, .home-demo-section .gap { width: calc(50% - 0.5rem); display: inline-block; } .home-demo-section .mix { margin-bottom: 65px; text-align: center; padding: 0 35px; } .home-demo-section .mixitUp-container { margin: 0px -35px 0; } .home-demo-section .img-meta { height: 480px; border-radius: 15px; overflow: hidden; padding: 25px 25px 0; display: block; position: relative; } .home-demo-section .img-meta img { width: 100%; transition: all 0.5s ease-in-out; } .home-demo-section .img-meta .view-page { position: absolute; width: 150px; line-height: 42px; background: #000; color: #fff; top: 52%; left: 50%; transform: translate(-50%, -50%); opacity: 0; transition: all 0.4s ease-in-out; } .home-demo-section .img-meta .view-page:hover { background: #655c97; } .home-demo-section .mix:hover .img-meta img { opacity: 0.1; transform: scale(1.2); } .home-demo-section .mix:hover .img-meta .view-page { opacity: 1; top: 50%; } .home-demo-section .page-name { font-size: 24px; color: #2a2a2a; padding: 45px 0 5px; } .home-demo-section .mixitUp-container .page-category { font-size: 18px; color: #9a9a9a; } .home-demo-section .mixitUp-container .img-meta .cs-text { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(21, 21, 21, 0.7); color: #fff; padding: 15px; font-size: 40px; letter-spacing: 1px; font-family: "Rubik", sans-serif; } .inner-page-section { background: #fdecd8; padding: 150px 0 70px; position: relative; z-index: 1; } .inner-page-section .shape-one { position: absolute; top: 10%; right: 5%; } .inner-page-section .wrapper { max-width: 1630px; margin: 0 auto; padding: 100px 15px 0; overflow: hidden; } .inner-page-section .react-tabs .controls { margin: 0 0 80px; } .inner-page-section .gap, .inner-page-section .mix { width: calc(33.3333333333% - 0.6666666667rem); display: inline-block; } @media screen and (max-width: 767px) { .inner-page-section .gap, .inner-page-section .mix { width: calc(50% - 2.5px); } } .inner-page-section .mix { margin-bottom: 50px; text-align: center; padding: 0 20px; } .inner-page-section .mixitUp-containerTwo { margin: 0 -20px; } @media screen and (min-width: 1400px) { .inner-page-section .mixitUp-containerTwo { min-height: 800px; max-height: 100%; } } .inner-page-section .img-meta { border-radius: 5px; overflow: hidden; display: block; background: #000; position: relative; } .inner-page-section .img-meta img { width: 100%; transition: all 0.5s ease-in-out; } .inner-page-section .mix:hover .img-meta img { opacity: 0.8; transform: scale(1.2); } .inner-page-section .mix:hover .view_inner-page { opacity: 1; visibility: visible; transform: translateY(0px); } .view_inner-page { position: absolute; left: 0; bottom: 0; background: rgba(0, 0, 0, 0.8); padding: 5px 20px; text-transform: capitalize; color: #fff; z-index: 99; font-size: 17px; line-height: 1.4; opacity: 0; visibility: hidden; transition: all 0.5s ease-in-out; transform: translateY(40px); width: 100%; } @media screen and (max-width: 767px) { .view_inner-page { font-size: 13px; } } .inner-page-section .page-name { font-size: 22px; color: #2a2a2a; padding: 25px 0; } /*---------------------- Theme Feature ---------------------*/ .theme-feature { background: #dff1ee; position: relative; padding: 130px 0 230px; z-index: 2; } .theme-feature:before { content: ""; position: absolute; width: 100%; height: 65px; background: url(/_next/static/media/shape06.31cc3340.svg) no-repeat center top; background-size: cover; left: 0; top: -64px; z-index: -1; } .theme-feature:after { content: ""; position: absolute; width: 100%; height: 33px; background: url(/_next/static/media/shape07.9b86e6f7.svg) no-repeat center bottom; background-size: cover; left: 0; bottom: -32px; z-index: -2; } .theme-feature .shapes { position: absolute; z-index: -1; } .theme-feature .shape-one { top: -122px; left: 0; } .theme-feature .shape-two { top: -148px; right: 0; } .theme-feature .shape-three { bottom: -183px; left: 0; } .theme-feature .shape-four { bottom: -144px; right: 0; } .theme-feature .main-wrapper { max-width: 1450px; margin: 80px auto 0; padding: 0 15px; } .theme-feature .feature-block { height: 100%; width: 100%; background: #fff; border-radius: 10px; margin-top: 45px; text-align: center; padding: 55px 40px 25px; } .theme-feature .feature-block .icon { height: 80px; } .theme-feature .feature-block .icon img { max-height: 100%; } .theme-feature .feature-block p { font-size: 24px; line-height: 1.29em; color: #000; padding-top: 20px; } /*--------------------- Inner Page section ---------------------*/ .inner-page-section { background: #fdecd8; padding-top: 200px; position: relative; z-index: 1; } .inner-page-section .shape-one { position: absolute; top: 10%; right: 5%; } .inner-page-section:after { content: ""; position: absolute; width: 100%; height: 33px; background: url(/_next/static/media/shape12.22115f71.svg) no-repeat center bottom; background-size: cover; left: 0; bottom: -32px; z-index: -2; } .inner-page-section .inner-page-screen { padding: 0 15px; margin: 65px auto 0; } .inner-page-section .img-wrapper { transform: translateY(33px); } /*--------------------- Why Choose Deski ----------------*/ .why-choose-deski { position: relative; z-index: 1; } .why-choose-deski .single-block { margin-bottom: 45px; } .why-choose-deski .single-block .icon { height: 70px; } .why-choose-deski .single-block .icon img { max-height: 100%; } .why-choose-deski .single-block h5 { font-family: "gilroy-bold"; font-size: 20px; padding: 32px 0; } .why-choose-deski .single-block h5 span { position: relative; z-index: 1; } .why-choose-deski .single-block h5 span:before { content: ""; position: absolute; height: 3px; width: 100%; background: #ffb840; left: 0; bottom: -5px; } .why-choose-deski .single-block p { font-size: 24px; color: #2a2a2a; line-height: 1.45em; padding-right: 40px; } .why-choose-deski .shapes { position: absolute; z-index: -1; } .why-choose-deski .shape-one { top: 13%; left: 6%; } .why-choose-deski .shape-two { top: 16%; right: 6%; } .why-choose-deski .shape-three { bottom: -12%; left: -1%; } /*--------------------- Supoort Banner ----------------*/ .ln-support-banner { padding: 150px 0 120px; } .ln-support-banner .wrapper { position: relative; border: 1px solid #dddddd; border-radius: 20px; text-align: center; padding: 60px 15px 80px; } .ln-support-banner h2 { font-family: "gilroy-bold"; font-size: 62px; padding: 30px 0 30px; } .ln-support-banner p { font-size: 24px; line-height: 1.66em; color: #2a2a2a; padding-bottom: 50px; } .ln-support-banner p a { color: #ff4949; } .ln-support-banner p a:hover { text-decoration: underline; } .ln-support-banner .shape { position: absolute; right: -105px; top: -105px; } /*----------------------- Footer -------------------*/ .ln-footer { background: #f4f2ef; text-align: center; position: relative; z-index: 1; padding-top: 125px; padding-bottom: 40px; } .ln-footer .shapes { position: absolute; z-index: -1; } .ln-footer .shape-one { left: 0; top: -165px; } .ln-footer .shape-two { right: 0; top: -68px; } .ln-footer .shape-three { left: 0; bottom: 0; } .ln-footer .shape-four { right: 0; top: 28%; } .ln-footer h1 { font-family: "gilroy-bold"; font-size: 58px; line-height: 1.31em; padding: 0 100px 50px; } .ln-footer .screen { margin: 110px auto 0; } /*---------------- Sketch feature ----------------*/ .sketch-file-text { text-align: center; } .sketch-file-text .icon-box { width: 130px; height: 130px; background: #fff; margin: 0 auto 35px; box-shadow: 0px 0px 43px 0px rgba(122, 125, 134, 0.15); border-radius: 50%; } .sketch-file-text .icon-box img { width: 80px; } .sketch-file-text h3 { font-family: "gilroy-bold"; padding-bottom: 10px; } .sketch-file-text h5 { font-size: 28px; color: #ff7373; } @media (min-width: 1200px) { .container { max-width: 1200px; } } @media (max-width: 1366px) { .landing-menu .logo { width: auto; } .theme-feature { margin-top: 150px; padding: 100px 0 200px; } .inner-page-section { padding-top: 150px; } .why-choose-deski { margin-top: 110px; } .ln-footer h1 { padding-left: 0; padding-right: 0; } } @media (max-width: 1199px) { .landing-menu, .landing-menu.fixed { padding-left: 0; padding-right: 0; } #feature-menu .nav-item .nav-link { margin: 0 15px; } .why-choose-deski .single-block p { padding-right: 0; } } @media (min-width: 992px) and (max-width: 1199px) { .landing-banner .text-wrapper h1 { font-size: 80px; } .main-title h2 { font-size: 60px; } .main-title .txt-lg { font-size: 32px; padding-top: 70px; } .main-title .txt-sm { font-size: 26px; } .home-demo-section .mixitUp-container .img-meta { height: 370px; } .home-demo-section .controls button { padding: 0 8px; font-size: 18px; } } @media (max-width: 991px) { .landing-menu .menu-btn.more_themes { display: none; } .landing-menu .menu-btn.buy-button { margin-left: 0; padding: 0 25px; line-height: 42px; } .landing-banner .text-wrapper h1 { font-size: 48px; } .landing-banner .text-wrapper .sub-text { font-size: 20px; padding-top: 40px; } .landing-banner { padding: 190px 0 100px; } .landing-banner .single-block p { font-size: 18px; } .landing-banner .single-block .num { font-size: 55px; } .landing-banner .block-bg-wrapper { margin-top: 60px; } .landing-banner .shape-four, .landing-banner .shape-two, .theme-feature .shape-one, .theme-feature .shape-four, .inner-page-section .shape-one { display: none; } .home-demo-section { padding-top: 120px; } .main-title h2 { font-size: 40px; } .main-title h2 span img { bottom: -27px; } .main-title .txt-lg { font-size: 24px; line-height: 1.6em; padding-top: 60px; } .main-title .txt-sm { font-size: 20px; padding-top: 22px; } .home-demo-section .controls button { padding: 0 8px; font-size: 16px; margin: 0; } .home-demo-section .controls { margin: 70px 0 50px; flex-wrap: wrap; } .home-demo-section .mixitUp-container .img-meta { height: 300px; } .home-demo-section .mixitUp-container .page-name { font-size: 20px; padding-top: 35px; } .home-demo-section .mixitUp-container .page-category { font-size: 16px; } .theme-feature { margin-top: 70px; padding: 50px 0 120px; } .theme-feature .main-wrapper { margin-top: 40px; } .theme-feature .feature-block p { font-size: 18px; } .theme-feature .feature-block .icon { height: 70px; } .inner-page-section { padding-top: 100px; } .inner-page-section .inner-page-screen { margin-top: 0; } .why-choose-deski { margin-top: 70px; } .why-choose-deski .single-block p { font-size: 20px; } .ln-support-banner { padding: 80px 0 100px; } .ln-support-banner h2 { font-size: 35px; } .ln-support-banner p { font-size: 18px; padding-bottom: 30px; } .ln-support-banner .wrapper { padding: 50px 15px 40px; } .why-choose-deski .single-block { margin-bottom: 60px; } } @media (max-width: 767px) { .landing-menu .d-flex { flex-wrap: wrap; } #feature-menu { margin: 30px auto 0; width: 100%; } .landing-banner .shape-one { display: none; } .landing-banner .single-block.border-style { border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; border-left: none; border-right: none; padding: 20px 0; margin: 20px 0; } .landing-banner .block-bg-wrapper { padding: 40px 15px 20px; } .home-demo-section .controls .react-tabs__tab { width: 49%; margin-bottom: 20px; padding: 0 5px; } .home-demo-section .mix { padding: 0 15px; } .home-demo-section .mixitUp-container { margin: 40px -15px 0; } .home-demo-section .mixitUp-container .img-meta { height: 200px; } .home-demo-section .shape-one, .why-choose-deski .shape-one, .ln-footer .shape-one { display: none; } .why-choose-deski .main-title { margin-bottom: 30px; } .ln-footer { padding-top: 100px; } .ln-footer h1 { font-size: 38px; } .ln-footer .shape-four { display: none; } .ln-footer .screen { margin-top: 50px; } } @media (max-width: 575px) { #feature-menu { margin: 0; } .landing-banner { padding: 170px 0 60px; } .home-demo-section .mix, .home-demo-section .gap { width: 100%; } .home-demo-section .mixitUp-container .img-meta { height: 350px; } .theme-feature { margin-top: 30px; } .theme-feature .feature-block { height: auto; padding: 40px 15px; margin-top: 0; } body .btn-one { width: 180px; line-height: 50px; font-size: 17px; } .home-demo-section .controls .react-tabs__tab { width: 60%; margin-bottom: 12px; padding: 0 5px; } .home-demo-section .controls { margin: 70px 0 30px; } } .mixitUp-container .new-page { position: absolute; top: 0; right: 0; background: #ff3458; color: #fff; text-transform: uppercase; line-height: 30px; padding: 0 22px; font-size: 15px; letter-spacing: 1px; } /* CSS Document */ /* Created on : 01/09/2021. Theme Name : Deski-Saas & Software Nextjs Template Version : 1.0. Developed by : (ib-themes21@gmail.com) / (https://themeforest.net/user/ib-themes) Primary use: ib-themes */ /* 01 - Loading Transition */ /* 02 - Global style */ /* 03 - Prefix */ /* 04 - Section Title */ /* 05 - Theme Button */ /* 06 - Pagination */ /* 07 - Theme Menu */ /* 08 - Theme Hero Banner/One */ /* 09 - Fancy Feature One */ /* 10 - TFancy Feature Two */ /* 11 - Useable Tools */ /* 12 - Fancy Feature Three */ /* 13 - Fancy Short Banner One */ /* 14 - Faq Classic */ /* 15 - Footer One */ /* 16 - Fancy Hero One */ /* 17 - Fancy Text block One */ /* 18 - Counter Info Standard */ /* 19 - Fancy Text block Two */ /* 20 - Fancy Text block Three */ /* 21 - Team Section One */ /* 22 - Feature Blog One */ /* 23 - Fancy Text block Four */ /* 24 - Fancy Text block Five */ /* 25 - Feature Blog Two */ /* 26 - Contact Us Light */ /* 27 - Theme Hero Banner/Two */ /* 28 - Fancy Feature Two */ /* 29 - Fancy Text block Six */ /* 30 - Counter With Icon One */ /* 31 - Fancy Text block Seven */ /* 32 - Fancy Text block Eight */ /* 33 - Useable Tools Two */ /* 34 - Client Feedback Slider One */ /* 35 - Fancy Short Banner Three */ /* 36 - Footer Style Two */ /* 37 - Fancy Hero Two */ /* 38 - Fancy Text block Nine */ /* 39 - Fancy Text block Ten */ /* 40 - Fancy Feature Five */ /* 41 - Team Section Two */ /* 42 - Fancy Hero Three */ /* 43 - Fancy Text block Eleven */ /* 44 - Fancy Feature Six */ /* 45 - Fancy Text block Twelve */ /* 46 - Fancy Feature Seven */ /* 47 - Fancy Text Block Thirteen */ /* 48 - Fancy Text Block Fourteen */ /* 49 - Pricing Section One */ /* 50 - Fancy Text Block Fifteen */ /* 51 - Fancy Hero Four */ /* 52 - Pricing Section Two */ /* 53 - FAQ Section */ /* 54 - Contact Style Two */ /* 55 - Faqs */ /* 56 - Login/Sign Up */ /* 57 - Blog Pages */ /* 58 - Theme Hero Banner/Three */ /* 59 - Fancy Feature Eight */ /* 60 - Fancy Text block Sixteen */ /* 61 - Fancy Feature Eight */ /* 62 - Client Feedback Slider Two */ /* 63 - Useable Tools / Three */ /* 64 - Fancy Short Banner Four */ /* 65 - Footer Style Three */ /* 66 - Fancy Hero Five */ /* 67 - Fancy Text block Seventeen */ /* 68 - Fancy Text block Eighteen */ /* 69 - Team Section Three */ /* 70 - Map Area One */ /* 71 - Documentation */ /* 72 - Theme Hero Banner/Four */ /* 73 - Fancy Feature Eight */ /* 74 - Fancy Text block Nineteen */ /* 75 - Fancy Feature Nine */ /* 76 - Pricing Section Three */ /* 77 - Client Feedback Slider Three */ /* 78 - Faq Section Three */ /* 79 - Fancy Short Banner Five */ /*======================================================================================== *************************** Start Styling Your theme from here *************************** ==========================================================================================*/ /*** ==================================================================== Loading Transition ==================================================================== ***/ .ctn-preloader { align-items: center; -webkit-align-items: center; display: flex; display: -ms-flexbox; height: 100%; justify-content: center; -webkit-justify-content: center; position: fixed; left: 0; top: 0; width: 100%; z-index: 999999; background: #fff; } .ctn-preloader .animation-preloader { position: absolute; z-index: 100; } /* Spinner cargando */ .ctn-preloader .animation-preloader .spinner { animation: spinner 1.5s infinite linear; border-radius: 50%; border: 3px solid rgba(101, 92, 151, 0.0006); border-top-color: #655c97; border-bottom-color: #655c97; height: 170px; margin: 0 auto 45px auto; width: 170px; } /* Texto cargando */ .ctn-preloader .animation-preloader .txt-loading { text-align: center; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .ctn-preloader .animation-preloader .txt-loading .letters-loading:before { animation: letters-loading 4s infinite; color: #655c97; content: attr(data-text-preloader); left: 0; opacity: 0; top: 0; line-height: 70px; position: absolute; } .ctn-preloader .animation-preloader .txt-loading .letters-loading { font-family: "Rubik", sans-serif; font-weight: 500; letter-spacing: 15px; display: inline-block; color: rgba(101, 92, 151, 0.0014); position: relative; font-size: 70px; line-height: 70px; } .ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(2):before { animation-delay: 0.2s; } .ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(3):before { animation-delay: 0.4s; } .ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(4):before { animation-delay: 0.6s; } .ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(5):before { animation-delay: 0.8s; } .ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(6):before { animation-delay: 1s; } .ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(7):before { animation-delay: 1.2s; } .ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(8):before { animation-delay: 1.4s; } .ctn-preloader .loader-section { background-color: #ffffff; height: 100%; position: fixed; top: 0; width: calc(50% + 1px); } .loaded .animation-preloader { opacity: 0; transition: 0.3s ease-out; } /* Animación del preloader */ @keyframes spinner { to { transform: rotateZ(360deg); } } @keyframes letters-loading { 0%, 75%, 100% { opacity: 0; transform: rotateY(-90deg); } 25%, 50% { opacity: 1; transform: rotateY(0deg); } } @media screen and (max-width: 767px) { .ctn-preloader .animation-preloader .spinner { height: 8em; width: 8em; } } @media screen and (max-width: 500px) { .ctn-preloader .animation-preloader .spinner { height: 7em; width: 7em; } .ctn-preloader .animation-preloader .txt-loading .letters-loading { font-size: 40px; letter-spacing: 10px; } } /*==================== Click Top ====================*/ .scroll-top { width: 35px; height: 35px; line-height: 35px; position: fixed; bottom: 20px; right: 5px; z-index: 99; text-align: center; color: #fff; font-size: 18px; cursor: pointer; border-radius: 50%; background: #000; transition: all 0.3s ease-in-out; } .scroll-top img { margin: auto; } .scroll-top:after { position: absolute; z-index: -1; content: ""; top: 100%; left: 5%; height: 10px; width: 90%; opacity: 1; background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%); } /*------------- Global Prefix -------------------*/ ::-webkit-scrollbar { width: 5px; } ::-webkit-scrollbar-track { background: #fff; } ::-webkit-scrollbar-thumb { background: var(--blue-dark); border-radius: 0; } :root { --text-color: #73737b; --text-light: #888888; --heading: #101621; --blue-dark: #6f55ff; --red-light: #fd6a5e; --yellow-deep: #ffb840; --blue-light: #3bb0d7; --purple-blue: #655c97; --vin-red: #973c56; scroll-behavior: smooth; } ::selection { background-color: var(--blue-dark); color: #fff; } body { font-family: "Roboto", sans-serif; font-weight: normal; font-size: 18px; position: relative; line-height: 1.7em; color: var(--text-color); } /*______________________ Global style ___________________*/ .main-page-wrapper { overflow: hidden; padding-top: 150px; } .h1, h1, .h2, h2, .h3, h3, .h4, h4, .h5, h5, .h6, h6 { color: var(--heading); font-weight: normal; } .h1, h1 { font-size: 80px; line-height: 1.1em; } .h2, h2 { font-size: 52px; line-height: 1.1em; } .h3, h3 { font-size: 36px; } .h4, h4 { font-size: 22px; } .h5, h5 { font-size: 20px; } .h6, h6 { font-size: 15px; } .font-rubik { font-family: "Rubik", sans-serif !important; } .font-gilroy-bold { font-family: "gilroy-bold" !important; } .font-slab { font-family: "Roboto Slab", serif !important; } .font-gordita { font-family: "gordita" !important; } .font-recoleta { font-family: "Recoleta" !important; } ::placeholder { color: #acaeb3; } .cs-screen { position: absolute; } .illustration-holder { position: relative; } .shapes { position: absolute; z-index: -1; } .dark-style { background: #0f1123; color: #afafaf; } .dark-style .h1, .dark-style h1, .dark-style .h2, .dark-style h2, .dark-style .h3, .dark-style h3, .dark-style .h4, .dark-style h4, .dark-style .h5, .dark-style h5, .dark-style .h6, .dark-style h6 { color: #fff; } .gr-bg-one { background: linear-gradient(90.6deg, #f548a0 2.93%, #f57c35 99.47%); } .hover-reverse-gr-bg-one { position: relative; z-index: 1; } .hover-reverse-gr-bg-one:before { content: ""; position: absolute; width: 100%; height: 100%; top: 0; right: 0; background: linear-gradient(270.01deg, #f548a0 0.01%, #f57c35 100%); border-radius: 6px; transition: all 0.6s ease-in-out; opacity: 0; z-index: -1; } .hover-reverse-gr-bg-one:hover:before { opacity: 1; } .top-border { border-top: 1px solid #efefef; } .bottom-border { border-bottom: 1px solid #efefef; } /*-------------- Prefix Classes ----------------*/ .tran3s { transition: all 0.3s ease-in-out; } .tran4s { transition: all 0.4s ease-in-out; } .tran5s { transition: all 0.5s ease-in-out; } .tran6s { transition: all 0.6s ease-in-out; } /*^^^^^^^^^^^^^^^^^^^^^ Section Title ^^^^^^^^^^^^^^^^^^^^^^^^^*/ .title-style-one h2 { font-family: "gilroy-black"; font-size: 58px; line-height: 1.15em; } .title-style-one h6 { font-size: 20px; color: #bababa; padding-bottom: 15px; } .title-style-one p { font-size: 22px; line-height: 1.58em; color: #2a2a2a; padding-top: 25px; } .title-style-two p { text-transform: uppercase; font-size: 16px; color: #8a8a8a; letter-spacing: 1.12px; padding-bottom: 7px; } .title-style-two h2 { font-family: "gilroy-black"; font-size: 58px; line-height: 1.15em; } .title-style-two span { position: relative; } .title-style-two span img { position: absolute; bottom: -30px; left: 0; z-index: -1; } .title-style-two .sub-text { font-size: 24px; line-height: 1.5em; color: #6d6d6d; padding-top: 15px; } .title-style-three p { text-transform: uppercase; font-size: 20px; color: #adb1b5; letter-spacing: 1.12px; padding-bottom: 17px; } .title-style-three h6 { font-family: "Roboto", sans-serif; font-size: 18px; color: #adb1b5; padding-bottom: 15px; } .title-style-three h2 { font-family: "gilroy-black"; font-size: 54px; line-height: 1.18em; } .title-style-three span { position: relative; } .title-style-three span img { position: absolute; bottom: -21px; left: 0; z-index: -1; } .title-style-four h6 { font-family: "Roboto", sans-serif; font-size: 20px; color: rgba(0, 0, 0, 0.55); padding-bottom: 15px; } .title-style-four h2 { font-family: "gilroy-black"; font-size: 58px; line-height: 1.15em; color: #2a2a2a; } .title-style-four span { position: relative; z-index: 1; } .title-style-four span img { position: absolute; bottom: -25px; left: 50%; transform: translateX(-50%); z-index: -1; } .title-style-five h2 { font-family: "Roboto Slab", serif; font-size: 54px; line-height: 1.25em; } .title-style-five h2 span { position: relative; z-index: 1; } .title-style-five h2 span:before { content: ""; width: 100%; height: 15px; position: absolute; background: rgba(241, 193, 83, 0.45); left: 0; bottom: 12px; z-index: -1; } .title-style-five h6 { font-size: 20px; color: rgba(0, 0, 0, 0.55); text-transform: uppercase; letter-spacing: 1px; padding-bottom: 12px; } .title-style-six h2 { font-family: "Recoleta"; font-weight: normal; font-size: 72px; line-height: 1.27em; color: #000; } .dark-style .title-style-six h2 { color: #fff; } .title-style-six h2 span { color: #ff2759; text-decoration: underline; text-decoration-thickness: 4px; } .title-style-six h6 { font-size: 18px; text-transform: uppercase; color: #8a8a8a; padding-bottom: 20px; letter-spacing: 1.8px; } .title-style-six .text-xs { font-size: 22px; line-height: 1.65em; padding-top: 30px; } .dark-style .title-style-six .text-xs { color: rgba(255, 255, 255, 0.54); } .title-style-seven h2 { font-size: 64px; font-weight: 500; line-height: 1.32em; } .title-style-seven h2 span { position: relative; display: inline-block; } .title-style-seven h2 span:before { content: ""; width: 100%; height: 13px; background: #ffeaa0; position: absolute; left: 0; bottom: 10px; z-index: -1; } .title-style-seven p { font-size: 22px; color: #000; padding-top: 22px; } .title-style-eight h2 { font-size: 68px; font-weight: 700; line-height: 1.26em; } .title-style-eight h2 span { display: inline-block; position: relative; } .title-style-eight h2 span img { position: absolute; max-height: 100%; z-index: -1; top: 50%; left: 0; transform: translateY(-50%); } .title-style-eight p { font-size: 22px; color: #000; padding-top: 40px; } .title-style-eight h6 { font-size: 16px; letter-spacing: 2px; color: rgba(0, 0, 0, 0.63); padding-bottom: 20px; } .title-style-nine h6 { font-size: 15px; text-transform: uppercase; letter-spacing: 1px; color: #8a8a8a; padding-bottom: 25px; } .title-style-nine h2 { font-size: 52px; font-weight: 700; line-height: 1.34em; } .title-style-nine h2 span { display: inline-block; position: relative; } .title-style-nine h2 span img { position: absolute; max-height: 100%; z-index: -1; top: 50%; left: 0; transform: translateY(-50%); } .title-style-nine p { font-size: 20px; color: #6a6b72; padding-top: 28px; } .title-style-ten h2 { font-size: 68px; font-weight: 500; line-height: 1.27em; } .title-style-ten p { font-size: 24px; line-height: 1.91em; color: #000; } .title-style-eleven h2 { font-size: 58px; font-weight: 500; line-height: 1.29em; } .title-style-ten h6 { font-size: 16px; text-transform: uppercase; letter-spacing: 1px; color: rgba(0, 0, 0, 0.53); padding-bottom: 20px; } .title-style-twelve .upper-title { text-transform: uppercase; font-size: 18px; color: rgba(0, 0, 0, 0.4); letter-spacing: 3px; padding-bottom: 8px; } .title-style-twelve h2 { font-weight: 700; font-size: 58px; line-height: 1.29em; } .title-style-twelve span { position: relative; } .title-style-twelve span img { position: absolute; bottom: -20px; left: 50%; transform: translateX(-50%); z-index: -1; } .title-style-twelve p { font-size: 24px; line-height: 1.75em; } .title-style-thirteen .upper-title { text-transform: uppercase; font-size: 15px; font-weight: 500; color: rgba(0, 0, 0, 0.2); letter-spacing: 3px; padding-bottom: 16px; } .title-style-thirteen h2 { font-family: "gordita"; font-weight: 700; font-size: 72px; line-height: 1.25em; letter-spacing: -1px; } .title-style-thirteen span { position: relative; } .title-style-thirteen span img { position: absolute; bottom: -20px; left: 50%; transform: translateX(-50%); z-index: -1; } .title-style-fourteen h2 { font-size: 52px; font-weight: 500; line-height: 1.25em; letter-spacing: -1px; } .title-style-fourteen .upper-title { text-transform: uppercase; font-size: 14px; color: #000; letter-spacing: 2px; padding-bottom: 10px; } .title-style-fifteen h2 { font-size: 64px; font-weight: 500; line-height: 1.4em; text-transform: uppercase; } .title-style-fifteen .upper-title { text-transform: uppercase; font-size: 18px; color: #b6b6b6; letter-spacing: 3px; padding-bottom: 18px; } .title-style-sixteen h2 { font-size: 58px; font-weight: 500; line-height: 1.29em; letter-spacing: -1px; text-transform: uppercase; } .title-style-sixteen .upper-title { font-size: 20px; color: #bababa; padding-bottom: 25px; } /*^^^^^^^^^^^^^^^^^^^^^ Theme Button ^^^^^^^^^^^^^^^^^^^^^^^^^*/ body .theme-btn-one { font-size: 16px; font-weight: 500; color: #fff; line-height: 50px; background: var(--blue-dark); padding: 0 42px; border-radius: 4px; transition: all 0.3s ease-in-out; } body .theme-btn-one.btn-lg { padding: 0 50px; line-height: 55px; text-transform: uppercase; letter-spacing: 1.14px; } body .theme-btn-one:hover { background: #ffba12; } body .theme-btn-two { font-family: "gilroy-semibold"; font-size: 18px; color: #fff; line-height: 48px; border: 2px solid var(--red-light); background: var(--red-light); padding: 0 42px; border-radius: 30px; transition: all 0.3s ease-in-out; } body .theme-btn-two:hover { background: transparent; color: var(--red-light); } body .theme-btn-three { font-family: "gilroy-semibold"; font-size: 18px; color: var(--red-light); line-height: 51px; border-radius: 30px; border: 2px solid var(--red-light); padding: 0 32px; transition: all 0.3s ease-in-out; } body .theme-btn-three:hover { background: var(--red-light); color: #fff; } body .theme-btn-four { font-size: 17px; color: var(--blue-dark); border: 2px solid var(--blue-dark); border-radius: 5px; line-height: 46px; padding: 0 35px; transition: all 0.3s ease-in-out; } body .theme-btn-four:hover { background: var(--blue-dark); color: #fff; } body .theme-btn-five { font-family: "Rubik", sans-serif; line-height: 56px; padding: 0 35px; text-align: center; color: #fff; background: var(--purple-blue); position: relative; z-index: 1; } body .theme-btn-five:before { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: var(--vin-red); z-index: -1; transition: all 0.3s ease-in-out; transform: scale(0, 1); transform-origin: 0 100%; } body .theme-btn-five:hover:before { transform: scale(1, 1); } body .theme-btn-six { font-size: 16px; font-weight: 500; line-height: 50px; color: #000; transition: all 0.3s ease-in-out; background: #000; padding: 0 30px; color: #fff; } body .theme-btn-six.lg { padding: 0 45px; } body .theme-btn-six:hover { background: var(--blue-light); color: #fff; } body .theme-btn-seven { font-weight: 500; text-align: center; line-height: 60px; color: #fff; border-radius: 6px; padding: 0 45px; background: #000; transition: all 0.3s ease-in-out; } body .theme-btn-seven:hover { background: #ff2759; } body .theme-btn-eight { font-weight: 500; font-size: 16px; line-height: 58px; padding: 0 40px; border-radius: 5px; background: #2d2d2d; color: #fff; transition: all 0.3s ease-in-out; } body .theme-btn-eight:hover { background: #ffeaa0; color: #212121; } body .theme-btn-nine { line-height: 58px; border-radius: 50px; color: #fff; padding: 0 34px; text-align: center; background: #262626; transition: all 0.3s ease-in-out; } body .theme-btn-nine:hover { background: #eb5e2a; } body .theme-btn-ten { font-weight: 500; font-size: 18px; letter-spacing: -0.5px; color: #000; position: relative; padding-bottom: 5px; } body .theme-btn-ten .fa { font-size: 14px; margin-left: 5px; } body .theme-btn-ten:before { content: ""; position: absolute; width: 100%; height: 2px; background: #000; left: 0; bottom: 0; } body .theme-btn-eleven { font-family: "gordita"; font-weight: 500; font-size: 18px; line-height: 48px; border: 2px solid #000; border-radius: 30px; color: #000; padding: 0 40px; transition: all 0.3s ease-in-out; } body .theme-btn-eleven:hover { background: #000; color: #fff; } body .theme-btn-twelve { font-family: "gordita"; font-size: 17px; line-height: 48px; background: #ff006b; border: 2px solid #ff006b; border-radius: 30px; color: #fff; padding: 0 32px; transition: all 0.3s ease-in-out; } body .theme-btn-twelve:hover { background: transparent; color: #ff006b; } body .theme-btn-thirteen { font-family: "gordita"; font-size: 17px; line-height: 50px; background: #232323; border-radius: 30px; color: #fff; padding: 0 45px; transition: all 0.3s ease-in-out; } body .theme-btn-thirteen:hover { background: #ff006b; } body .theme-btn-fourteen { font-family: "gordita"; font-size: 17px; line-height: 54px; background: #000; border-radius: 7px; color: #fff; letter-spacing: -0.3px; padding: 0 33px; transition: all 0.3s ease-in-out; } body .theme-btn-fourteen:hover { background: #6f6cff; } body .shop-btn-one { width: 70px; height: 70px; background: #000; } body .shop-btn-one:hover { background: var(--purple-blue); } body .shop-btn-two { font-size: 15px; line-height: 50px; text-transform: uppercase; color: #fff; background: #161616; padding: 0 36px; } body .shop-btn-two:hover { background: var(--purple-blue); } /*-------------------- Pagination ------------------*/ .page-pagination-one li a { font-family: "Rubik", sans-serif !important; background: #fff; width: 40px; height: 45px; line-height: 45px; text-align: center; font-size: 17px; color: #515151; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.07); transition: all 0.3s ease-in-out; } .page-pagination-one li a .fa { font-size: 22px; } .page-pagination-one li:first-child a { border-radius: 5px 0 0 5px; } .page-pagination-one li:last-child a { border-radius: 0 5px 5px 0; } .page-pagination-one li a:hover, .page-pagination-one li a.active { background: var(--blue-dark); color: #fff; } .blog-v3 .page-pagination-one li a:hover, .blog-v3 .page-pagination-one li a.active { background: var(--red-light); color: #fff; } .page-pagination-two ul li { font-family: "Rubik", sans-serif; font-size: 22px; color: #bababa; margin: 0 11px; } .page-pagination-two ul li:first-child a { transform: rotate(180deg); } .page-pagination-two ul li:hover a, .page-pagination-two ul li.active a { color: #000; } .page-pagination-two ul li.arrow { font-size: 35px; color: #000; } .page-pagination-two ul li:nth-child(7) a { color: #000; } /*^^^^^^^^^^^^^^^^^^^^^ Theme Menu ^^^^^^^^^^^^^^^^^^^^^^^^^*/ .theme-main-menu { position: fixed; z-index: 99; top: 0; left: 0; right: 0; background: #fff; padding: 30px 70px; transition: all 0.4s ease-out; } .theme-main-menu.bg-none { background: transparent; } .theme-main-menu.sticky-menu.fixed { z-index: 9999; padding-top: 0; padding-bottom: 0; background: #fff; box-shadow: 0 13px 35px -12px rgba(35, 35, 35, 0.1); } .theme-main-menu .logo a { display: block; } .theme-menu-one .logo img { max-width: 120px; } .theme-menu-one .right-button-group a { border-radius: 5px; font-weight: 500; font-size: 13px; line-height: 45px; text-transform: uppercase; text-align: center; color: var(--heading); transition: all 0.3s ease-in-out; } .theme-menu-one .right-button-group .signIn-action:hover { color: var(--blue-dark); } .theme-menu-one .right-button-group .signUp-action { width: 155px; color: #fff; background: var(--blue-dark); box-shadow: 0px 15px 40px rgba(161, 146, 250, 0.35); margin-left: 35px; } .theme-menu-one .right-button-group .signUp-action:hover { background: #ffba12; box-shadow: 0px 15px 40px rgba(255, 186, 18, 0.3); } .theme-menu-one .right-button-group { margin-left: 100px; } /*---------------------Theme Hero Banner/One ---------------*/ .hero-banner-one { position: relative; } .hero-banner-one .hero-upper-container { position: relative; padding: 60px 0 165px; text-align: center; z-index: 5; } .hero-banner-one .hero-heading span { position: relative; color: var(--blue-dark); } .hero-banner-one .hero-heading span:before { content: ""; width: 96%; height: 12px; border-radius: 6px; background: var(--blue-dark); opacity: 0.16; position: absolute; bottom: 12px; left: 8px; z-index: -1; } .hero-banner-one .hero-sub-heading { font-size: 20px; padding: 20px 0 50px; } .hero-banner-one .subscription-form { max-width: 610px; margin: 0 auto; position: relative; } .hero-banner-one .subscription-form input { width: 100%; height: 58px; border: 1px solid #e2e2e2; border-radius: 30px; padding: 0 170px 0 30px; font-size: 16px; } .hero-banner-one .subscription-form button { position: absolute; top: 0; right: 0; bottom: 0; background: var(--blue-dark); border-radius: 0 30px 30px 0; color: #fff; font-size: 17px; width: 165px; transition: all 0.3s ease-in-out; } .hero-banner-one .subscription-form button:hover { background: #ffba12; } .hero-banner-one .sing-in-call { font-size: 16px; padding-top: 18px; } .hero-banner-one .sing-in-call a { color: var(--blue-dark); transition: all 0.25s ease-in-out; } .hero-banner-one .sing-in-call a:hover { text-decoration: underline; } .hero-banner-one [class*=icon-box] { position: absolute; background: #fff; border-radius: 50%; } .hero-banner-one [class*=icon-box] img { margin: 0 auto; position: relative; top: 50%; transform: translateY(-50%); } .hero-banner-one .icon-box-one { width: 58px; height: 58px; box-shadow: 0px 20px 50px rgba(31, 36, 44, 0.07); top: 9%; left: 17%; /*animation: jumpTwo 3.5s infinite linear;*/ } .hero-banner-one .icon-box-one img { width: 29px; } .hero-banner-one .icon-box-two { width: 90px; height: 90px; box-shadow: 10px 20px 50px rgba(31, 36, 44, 0.07); top: 32%; left: 5%; animation: jumpTwo 4s infinite linear; } .hero-banner-one .icon-box-two img { width: 42px; } .hero-banner-one .icon-box-three { width: 70px; height: 70px; box-shadow: 10px 25px 70px rgba(31, 36, 44, 0.07); top: 45%; left: 20%; animation: jumpThree 3.5s infinite linear; } .hero-banner-one .icon-box-three img { width: 30px; } .hero-banner-one .icon-box-four { width: 75px; height: 75px; box-shadow: 10px 30px 60px rgba(31, 36, 44, 0.07); bottom: 12%; left: 10%; animation: jumpThree 3s infinite linear; } .hero-banner-one .icon-box-four img { width: 40px; } .hero-banner-one .icon-box-five { width: 58px; height: 58px; box-shadow: 0px 20px 50px rgba(31, 36, 44, 0.07); top: 9%; right: 17%; animation: jumpTwo 3.5s infinite linear; } .hero-banner-one .icon-box-five img { width: 35px; } .hero-banner-one .icon-box-six { width: 90px; height: 90px; box-shadow: 10px 20px 50px rgba(31, 36, 44, 0.07); top: 32%; right: 5%; animation: jumpTwo 4s infinite linear; } .hero-banner-one .icon-box-six img { width: 54px; } .hero-banner-one .icon-box-seven { width: 70px; height: 70px; box-shadow: 10px 25px 70px rgba(31, 36, 44, 0.07); top: 45%; right: 20%; animation: jumpThree 3.5s infinite linear; } .hero-banner-one .icon-box-seven img { width: 26px; } .hero-banner-one .icon-box-eight { width: 75px; height: 75px; box-shadow: 10px 30px 60px rgba(31, 36, 44, 0.07); bottom: 12%; right: 10%; animation: jumpThree 3s infinite linear; } .hero-banner-one .icon-box-eight img { width: 30px; } .hero-banner-one [class*=bubble] { position: absolute; z-index: -1; border-radius: 50%; } .hero-banner-one [class*=bubble]:before { content: ""; border-radius: 50%; position: absolute; } .hero-banner-one .bubble-one { width: 120px; height: 120px; left: 4%; top: 15%; animation: rotated 12s infinite linear; } .hero-banner-one .bubble-one:before { width: 6px; height: 6px; background: #fac3ff; top: 0; left: 50%; } .hero-banner-one .bubble-two { width: 160px; height: 160px; top: 30%; left: 15%; animation: rotated 17s infinite linear; } .hero-banner-one .bubble-two:before { width: 10px; height: 10px; background: #8fe9e0; top: 50%; right: 100%; } .hero-banner-one .bubble-three { width: 120px; height: 120px; bottom: 33%; left: 4%; animation: rotated 12s infinite linear; } .hero-banner-one .bubble-three:before { width: 6px; height: 6px; background: #ffd5ad; bottom: 0; left: 50%; } .hero-banner-one .bubble-four { width: 120px; height: 120px; right: 4%; top: 15%; animation: rotated 12s infinite linear; } .hero-banner-one .bubble-four:before { width: 6px; height: 6px; background: #8fe9e1; top: 0; left: 50%; } .hero-banner-one .bubble-five { width: 160px; height: 160px; top: 30%; right: 15%; animation: rotated 17s infinite linear; } .hero-banner-one .bubble-five:before { width: 10px; height: 10px; background: #ffd5ad; top: 50%; right: 100%; } .hero-banner-one .bubble-six { width: 120px; height: 120px; bottom: 33%; right: 4%; animation: rotated 12s infinite linear; } .hero-banner-one .bubble-six:before { width: 6px; height: 6px; background: #fac3ff; bottom: 0; left: 50%; } /*------------------ Fancy Feature One --------------*/ .fancy-feature-one { background-image: url(/_next/static/media/dot-bg-01.4ca4a7e4.svg); background-repeat: no-repeat; background-position: center 230px; background-size: cover; position: relative; z-index: 5; } .fancy-feature-one .feature-img-area { display: inline-block; position: relative; z-index: 5; padding-right: 125px; } .fancy-feature-one .feature-img-area:before { content: ""; position: absolute; left: 35px; right: 160px; background: #fff; height: 200px; top: -25px; border: 1px solid #f1f1f1; border-radius: 10px; box-shadow: 0px -3px 21px rgba(0, 0, 0, 0.04); z-index: -1; } .fancy-feature-one .feature-img-area:after { content: ""; position: absolute; left: 80px; right: 205px; background: #fff; height: 200px; top: -50px; border: 1px solid #f1f1f1; border-radius: 10px; box-shadow: 0px -3px 21px rgba(0, 0, 0, 0.04); z-index: -2; } .fancy-feature-one .feature-img-area .screen-one { width: 51%; right: -13%; bottom: -46%; z-index: 1; animation: jumpTwo 3s infinite linear; } .fancy-feature-one .feature-img-area .screen-two { width: 38%; right: 0; top: 33%; } .fancy-feature-one .feature-img-area .screen-three { width: 32%; left: 21.5%; top: 47%; } .fancy-feature-one .feature-img-area .screen-four { width: 32%; left: 35%; top: 61%; } .fancy-feature-one .feature-img-area .screen-five { width: 25%; right: 19.5%; bottom: 16%; z-index: 0; } .fancy-feature-one .block-style-one { margin-top: 240px; } .block-style-one .inner-container { position: relative; } .block-style-one .icon-box { width: 90px; height: 90px; border-radius: 50%; position: relative; border-width: 5px; border-style: solid; margin: 0 auto; cursor: pointer; } .block-style-one .icon-box:after { content: "\f10a"; font-family: "Flaticon"; position: absolute; top: -50px; left: 59%; transform: translateX(-50%); font-size: 26px; opacity: 0; transition: all 0.3s ease-in-out; } .block-style-one .icon-box:before { content: ""; position: absolute; top: -5px; left: -5px; right: -5px; bottom: -5px; border-radius: 50%; border-width: 10px; border-style: solid; z-index: -1; } .block-style-one .block-meta-data:hover .icon-box:before { animation: hvr-ripple-out 2.75s infinite linear; } .block-style-one .block-meta-data:nth-child(1) .icon-box { border-color: #ff6080; color: #ff6080; } .block-style-one .block-meta-data:nth-child(1) .icon-box:before { border-color: #ffd8e2; } .block-style-one .block-meta-data:nth-child(2) .icon-box { border-color: #02e7e8; color: #02e7e8; } .block-style-one .block-meta-data:nth-child(2) .icon-box:before { border-color: #c6fff6; } .block-style-one .block-meta-data:nth-child(3) .icon-box { border-color: #936dff; color: #936dff; } .block-style-one .block-meta-data:nth-child(3) .icon-box:before { border-color: #e3ddf4; } .block-style-one .block-meta-data:nth-child(4) .icon-box { border-color: #ffba12; color: #ffba12; } .block-style-one .block-meta-data:nth-child(4) .icon-box:before { border-color: #ffe0b8; } .block-style-one .icon-box img { margin: 0 auto; position: relative; top: 50%; transform: translateY(-50%); } .block-style-one .block-meta-data p { font-size: 20px; padding: 25px 0 80px; position: relative; } .block-style-one .block-meta-data p:before { content: ""; position: absolute; width: 25px; height: 25px; border-top: 1px solid #e9e9e9; border-left: 1px solid #e9e9e9; background: #fff; transform: rotate(45deg); left: 45%; bottom: 25px; z-index: 1; opacity: 0; transition: all 0.3s ease-in-out; } .block-style-one .block-meta-data .hover-content { font-size: 15px; border: 1px solid #e9e9e9; border-radius: 20px; position: absolute; left: 0; bottom: 0; background: #fff; width: 100%; text-align: left; opacity: 0; visibility: hidden; transition: all 0.3s ease-in-out; } .block-style-one .block-meta-data .hover-content span { position: relative; z-index: 5; display: block; padding: 3px 20px; } .block-style-one .block-meta-data:hover .hover-content, .block-style-one .block-meta-data:hover p:before, .block-style-one .block-meta-data:hover .icon-box:after { opacity: 1; visibility: visible; } .block-style-one .block-meta-data .line-dot-container { position: relative; } .block-style-one .block-meta-data .line-dot-container:before { content: ""; position: absolute; right: -187px; top: 42px; width: 160px; height: 1px; border: 1px dashed rgba(151, 151, 151, 0.35); } .block-style-one .block-meta-data:last-child .line-dot-container:before { display: none; } /*------------------ Fancy Feature Two --------------*/ .block-style-two .img-holder { position: relative; } .block-style-two { margin: 0 -60px; } .block-style-two > [class*=col-] { padding: 0 60px; } .block-style-two .text-wrapper h6 { font-size: 16px; text-transform: uppercase; letter-spacing: 1.6px; padding-bottom: 15px; } .block-style-two .text-wrapper h3 { font-size: 36px; line-height: 1.25em; padding-bottom: 26px; } .block-style-two .text-wrapper a { font-size: 16px; color: var(--blue-dark); margin-top: 18px; } .block-style-two .text-wrapper a:hover { text-decoration: underline; } .block-style-two .text-wrapper .quote { border-top: 1px solid #ececec; margin-top: 22px; padding-top: 20px; } .block-style-two .text-wrapper .quote blockquote { font-size: 15px; padding-bottom: 22px; line-height: 25px; } .block-style-two .text-wrapper .quote img { width: 42px; height: 42px; border-radius: 50%; } .block-style-two .text-wrapper .quote .info-meta { padding-left: 15px; } .block-style-two .text-wrapper .quote .info-meta h5 { font-size: 16px; font-weight: 500; } .block-style-two .text-wrapper .quote .info-meta span { font-size: 16px; color: #7034ff; display: block; } .block-style-two .img-holder-one .screen-one { z-index: -5; top: -19%; right: 15%; max-width: inherit; } .block-style-two .img-holder-one .dot-shape { z-index: -1; top: 32%; right: 37%; width: 60%; } .block-style-two [class*=bubble] { position: absolute; z-index: -1; border-radius: 50%; } .block-style-two [class*=bubble]:before { content: ""; border-radius: 50%; position: absolute; } .block-style-two .img-holder-one .bubble-one { width: 120px; height: 120px; left: 23%; top: -3%; animation: rotated 14s infinite linear; } .block-style-two .img-holder-one .bubble-one:before { width: 8px; height: 8px; background: #ae78ff; top: 0; left: 50%; } .block-style-two .img-holder-one .bubble-two { width: 160px; height: 160px; top: 28%; left: -21%; animation: rotatedTwo 25s infinite linear; } .block-style-two .img-holder-one .bubble-two:before { width: 17px; height: 17px; background: #ffb15f; top: 50%; right: 100%; } .block-style-two .img-holder-one .bubble-three { width: 120px; height: 120px; bottom: -7%; left: -10%; animation: rotated 15s infinite linear; } .block-style-two .img-holder-one .bubble-three:before { width: 7px; height: 7px; background: #ff53b3; bottom: 0; left: 50%; } .block-style-two .img-holder-one .bubble-four { width: 120px; height: 120px; right: 27%; bottom: -13%; animation: rotatedTwo 17s infinite linear; } .block-style-two .img-holder-one .bubble-four:before { width: 12px; height: 12px; background: #2eeaed; bottom: 0; left: 50%; } .block-style-two .img-holder-one .progress-line-one { width: 16%; height: 0.95%; background: #03c4c6; border-radius: 4px; right: 28%; top: 33.5%; } .block-style-two .img-holder-one .progress-line-two { width: 16%; height: 0.85%; background: #ff3793; border-radius: 4px; left: 10%; top: 52.6%; } .block-style-two .img-holder-two .screen-one { top: -6%; right: -29%; z-index: 1; animation: jumpTwo 3s infinite linear; } .block-style-two .img-holder-two .screen-two { bottom: 1%; right: -97%; z-index: -5; max-width: inherit; } .block-style-two .img-holder-two .dot-shape { z-index: -1; top: 44%; right: 38%; width: 69%; } .block-style-two .img-holder-two .bubble-one { width: 120px; height: 120px; left: 15%; top: -8%; animation: rotated 14s infinite linear; } .block-style-two .img-holder-two .bubble-one:before { width: 7px; height: 7px; background: #ffb651; top: 0; left: 50%; } .block-style-two .img-holder-two .bubble-two { width: 160px; height: 160px; top: -31%; right: -71%; animation: rotatedTwo 25s infinite linear; } .block-style-two .img-holder-two .bubble-two:before { width: 17px; height: 17px; background: #ff6cc4; top: 50%; right: 100%; } .block-style-two .img-holder-two .bubble-three { width: 100px; height: 100px; top: 47%; right: -58%; animation: rotated 17s infinite linear; } .block-style-two .img-holder-two .bubble-three:before { width: 8px; height: 8px; background: #4be8da; bottom: 0; left: 50%; } .block-style-two .img-holder-two .bubble-four { width: 130px; height: 130px; left: 51%; bottom: -12%; animation: rotatedTwo 15s infinite linear; } .block-style-two .img-holder-two .bubble-four:before { width: 13px; height: 13px; background: #a49bff; bottom: 0; left: 50%; } .block-style-two .img-holder-three .screen-one { bottom: -42%; left: -30%; z-index: 1; width: 79%; animation: jumpTwo 3s infinite linear; } .block-style-two .img-holder-three .screen-two { top: -26%; left: -71%; z-index: -5; max-width: inherit; } .block-style-two .img-holder-three .dot-shape { z-index: -1; top: 44%; right: 14%; width: 58%; } .block-style-two .img-holder-three .bubble-one { width: 95px; height: 95px; left: 24%; top: -12%; animation: rotated 14s infinite linear; } .block-style-two .img-holder-three .bubble-one:before { width: 8px; height: 8px; background: #6aee90; top: 0; left: 50%; } .block-style-two .img-holder-three .bubble-two { width: 160px; height: 160px; top: 9%; left: -27%; animation: rotatedTwo 25s infinite linear; } .block-style-two .img-holder-three .bubble-two:before { width: 15px; height: 15px; background: #ff6cc4; top: 50%; right: 100%; } .block-style-two .img-holder-three .bubble-three { width: 100px; height: 100px; bottom: -5%; left: -42%; animation: rotated 17s infinite linear; } .block-style-two .img-holder-three .bubble-three:before { width: 7px; height: 7px; background: #51fcff; bottom: 0; left: 50%; } .block-style-two .img-holder-three .bubble-four { width: 130px; height: 130px; left: 14%; bottom: -42%; animation: rotatedTwo 15s infinite linear; } .block-style-two .img-holder-three .bubble-four:before { width: 14px; height: 14px; background: #ffcd8b; bottom: 0; left: 50%; } /*------------------ Useable Tools --------------*/ .useable-tools-section.bg-shape { position: relative; z-index: 5; background-image: url(/_next/static/media/7.2191954b.svg); background-repeat: no-repeat; background-position: top center; background-size: contain; padding: 500px 0 350px; } .useable-tools-section.bg-color { background: var(--blue-dark); padding: 130px 0 120px; } .useable-tools-section h6 { font-size: 16px; text-transform: uppercase; letter-spacing: 0.2em; padding-bottom: 15px; color: #fff; } .useable-tools-section.bg-transparent h6 { color: rgba(0, 0, 0, 0.63); } .useable-tools-section.bg-transparent h2 { color: #2a2a2a; margin: 0; } .useable-tools-section h2 { font-family: "gilroy-black"; font-size: 58px; line-height: 1.2em; color: #fff; margin: 20px 0 120px; } .useable-tools-section .sub-text { text-align: center; font-size: 22px; line-height: 1.59em; color: #000; } .useable-tools-section .img-box a { display: block; height: 100%; } .useable-tools-section .img-box img { position: relative; top: 50%; transform: translateY(-50%); margin: 0 auto; } .useable-tools-section .img-box { background: #fff; border-radius: 50%; box-shadow: 15.436px 30.294px 50px 0px rgba(103, 43, 246, 0.5); width: 175px; height: 175px; margin: 0 auto 25px; transition: all 0.3s ease-in-out; } @media screen and (max-width: 575px) { .useable-tools-section .img-box { margin: 0 auto 15px; } } .useable-tools-section.bg-transparent .img-box { box-shadow: 15px 30px 50px rgba(23, 32, 90, 0.06); } .useable-tools-section-three .logo-wrapper.brand-bg-white .logo { background: #ffffff !important; box-shadow: 15px 30px 50px rgba(23, 32, 90, 0.0696193); } .useable-tools-section .img-box:hover { transform: scale(1.1); } .useable-tools-section .img-box.bx-b { width: 121px; height: 121px; margin-top: 45px; } @media screen and (max-width: 575px) { .useable-tools-section .img-box.bx-b { width: 120px; height: 120px; } } .useable-tools-section .img-box.bx-d { width: 151px; height: 151px; margin-top: 25px; } @media screen and (max-width: 575px) { .useable-tools-section .img-box.bx-d { width: 120px; height: 120px; } } .useable-tools-section .img-box.bx-f { width: 135px; height: 135px; margin-top: 20px; } @media screen and (max-width: 575px) { .useable-tools-section .img-box.bx-f { width: 120px; height: 120px; } } .useable-tools-section .img-box.bx-g { width: 197px; height: 197px; } @media screen and (max-width: 575px) { .useable-tools-section .img-box.bx-g { width: 120px; height: 120px; } } .useable-tools-section .img-box.bx-h { width: 138px; height: 138px; margin-top: 20px; } @media screen and (max-width: 575px) { .useable-tools-section .img-box.bx-h { width: 120px; height: 120px; } } .useable-tools-section [class*=bubble] { position: absolute; z-index: -1; border-radius: 50%; } .useable-tools-section [class*=bubble]:before { content: ""; border-radius: 50%; position: absolute; background: #9a71ff; } .useable-tools-section .bubble-one { width: 120px; height: 120px; left: 43%; top: 20%; animation: rotated 14s infinite linear; } .useable-tools-section .bubble-one:before { width: 6px; height: 6px; top: 0; right: 50%; } .useable-tools-section .bubble-two { width: 140px; height: 140px; right: 20%; top: 14%; animation: rotatedTwo 14s infinite linear; } .useable-tools-section .bubble-two:before { width: 12px; height: 12px; top: 0; left: 50%; } .useable-tools-section .bubble-three { width: 95px; height: 95px; left: 10%; top: 44%; animation: rotated 14s infinite linear; } .useable-tools-section .bubble-three:before { width: 10px; height: 10px; top: 100%; left: 50%; } .useable-tools-section .bubble-four { width: 95px; height: 95px; right: 10%; top: 48%; animation: rotatedTwo 14s infinite linear; } .useable-tools-section .bubble-four:before { width: 8px; height: 8px; top: 0; left: 50%; } .useable-tools-section .bubble-five { width: 95px; height: 95px; right: 56%; bottom: 8%; animation: rotated 14s infinite linear; } .useable-tools-section .bubble-five:before { width: 8px; height: 8px; top: 0; left: 50%; } /*-------------------- Fancy Feature Three -------------------*/ .counter-info-classic { max-width: 445px; height: 442px; position: relative; z-index: 5; margin-top: 100px; } .counter-box-one { border-radius: 50%; position: absolute; display: flex; align-items: center; flex-direction: column; justify-content: center; } .counter-box-one.color-one { background: rgba(0, 166, 255, 0.65); width: 195px; height: 195px; top: 40px; left: 40px; z-index: -2; } .counter-box-one.color-two { background: rgba(140, 39, 255, 0.55); width: 154px; height: 154px; top: 136px; left: 248px; z-index: 2; } .counter-box-one.color-three { background: rgba(255, 173, 58, 0.72); width: 212px; height: 212px; top: 200px; left: 110px; z-index: 1; } .counter-box-one .number { color: #fff; font-size: 52px; } .counter-box-one p { font-size: 20px; color: #fff; } .counter-info-classic [class*=bubble] { position: absolute; z-index: -1; border-radius: 50%; } .counter-info-classic .bubble-one { width: 8px; height: 8px; background: #7dec72; top: 0; left: 62%; animation: scale-up-three 4s infinite linear; } .counter-info-classic .bubble-two { width: 22px; height: 22px; background: #ffb56a; top: 15%; left: 63%; animation: scale-up-one 4s infinite linear; } .counter-info-classic .bubble-three { width: 8px; height: 8px; background: #88d9ff; top: 16%; right: 11%; animation: scale-up-three 4s infinite linear; } .counter-info-classic .bubble-four { width: 17px; height: 17px; background: #ff6cc4; bottom: 24%; right: 13%; animation: scale-up-one 4s infinite linear; } .counter-info-classic .bubble-five { width: 8px; height: 8px; background: #77f4f5; bottom: 20%; right: 5%; animation: scale-up-three 4s infinite linear; } .counter-info-classic .bubble-six { width: 26px; height: 26px; background: #a595ff; bottom: 32%; left: 0; animation: scale-up-one 4s infinite linear; } .counter-info-classic .bubble-seven { width: 9px; height: 9px; background: #66e19e; bottom: 40%; left: 14%; animation: scale-up-three 4s infinite linear; } .counter-info-classic .dot-shape { z-index: -5; top: 35px; right: 0; } .clients-feedback-classic { position: relative; padding: 20px 0 0 90px; z-index: 5; } .clients-feedback-classic:before { content: url(/_next/static/media/9.9416f71c.svg); position: absolute; top: -120px; right: -185px; z-index: -1; } .clients-feedback-classic .feedback-wrapper { background: #fff; position: relative; box-shadow: 0 20px 80px rgba(49, 62, 103, 0.07); border-radius: 5px; padding: 54px 64px 48px; margin-bottom: 108px; } .clients-feedback-classic .feedback-wrapper:before { content: url(/_next/static/media/05.4f6af5f3.svg); position: absolute; bottom: 55px; right: 60px; filter: invert(0.1); } .clients-feedback-classic .feedback-wrapper p { padding-bottom: 30px; } .clients-feedback-classic .feedback-wrapper .media-meta { width: 70px; height: 70px; border-radius: 50%; position: absolute; top: -25px; left: -35px; z-index: 1; } .clients-feedback-classic .feedback-wrapper .name { font-family: "gilroy-semibold"; font-size: 15px; text-transform: uppercase; letter-spacing: 1.6px; } .clients-feedback-classic .feedback-wrapper .disg-info { display: block; font-size: 16px; color: #939393; } .clients-feedback-classic .feedback-wrapper:last-child { margin-bottom: -100px; } /*------------------ Fancy Short Banner One ----------------*/ .fancy-short-banner-one { position: relative; z-index: 3; background: linear-gradient(45deg, #fffbf2, #edfffd); padding: 235px 0 170px; } .fancy-short-banner-one.space-fix { padding: 170px 0 170px; } .fancy-short-banner-one:before, .fancy-short-banner-one:after { content: url(/_next/static/media/10.e90f9dfc.svg); position: absolute; opacity: 0.9; } .fancy-short-banner-one:before { top: -133px; left: 0; animation: jumpTwo 4s infinite linear; } .fancy-short-banner-one:after { bottom: -133px; right: 0; animation: jumpThree 4s infinite linear; } .fancy-short-banner-one .form-wrapper { padding-left: 65px; } .fancy-short-banner-one .form-wrapper form { position: relative; } .fancy-short-banner-one .form-wrapper form input { font-family: "Rubik", sans-serif; font-size: 16px; width: calc(100% - 180px); border: none; border-bottom: 2px solid #545454; height: 50px; background: transparent; } .fancy-short-banner-one .form-wrapper form button { position: absolute; right: 0; bottom: 0; width: 150px; height: 50px; border-radius: 25px; color: #fff; font-weight: 500; font-size: 16px; background: var(--blue-dark); box-shadow: 0 15px 30px rgba(139, 110, 209, 0.3); transition: all 0.3s ease-in-out; } .fancy-short-banner-one .form-wrapper form button:hover { background: #ffba12; box-shadow: 0px 15px 30px rgba(255, 186, 18, 0.2); } .fancy-short-banner-one .form-wrapper p { font-size: 16px; padding-top: 10px; } .fancy-short-banner-one .form-wrapper p a { color: var(--blue-dark); } .fancy-short-banner-one .form-wrapper p a:hover { text-decoration: underline; } .fancy-short-banner-one [class*=bubble] { position: absolute; z-index: -1; border-radius: 50%; } .fancy-short-banner-one .bubble-one { width: 17px; height: 17px; background: #ff6cc4; top: 13%; left: 41%; animation: scale-up-one 4s infinite linear; } .fancy-short-banner-one .bubble-two { width: 7px; height: 7px; background: #51fcff; top: 29%; right: 11%; animation: scale-up-three 4s infinite linear; } .fancy-short-banner-one .bubble-three { width: 20px; height: 20px; background: #ffba65; bottom: -10px; right: 29%; animation: scale-up-one 4s infinite linear; } .fancy-short-banner-one .bubble-four { width: 8px; height: 8px; background: #6aee90; bottom: 22%; left: 42%; animation: scale-up-three 4s infinite linear; } .fancy-short-banner-one .bubble-five { width: 25px; height: 25px; background: #b183ff; bottom: -12px; left: 12%; animation: scale-up-one 4s infinite linear; } .fancy-short-banner-one .bubble-six { width: 8px; height: 8px; background: #ffcd8b; top: 32%; left: 14%; animation: scale-up-three 4s infinite linear; } /*----------------------- Faq Classic ----------------------*/ .faq-classic.with-bg { background: #f7faff; padding: 120px 0 250px; z-index: 5; position: relative; } .faq-classic.with-bg .shape-one { top: 13%; right: 4%; } .faq-classic.with-bg .shape-two { top: 36%; right: 11%; } .faq-classic.with-bg .shape-three { top: 63%; right: 0; } .faq-classic.with-bg .shape-four { top: 63%; left: 0%; } .faq-classic.with-bg .shape-five { top: 41%; left: 5%; } .faq-classic.with-bg .shape-six { top: 14%; left: 0; } .faq-classic .card { background: #fff; box-shadow: 0px 5px 20px 0px rgba(90, 111, 155, 0.05); margin-bottom: 20px; border-radius: 0; border: none; } .faq-classic .card .card-header { background: transparent; border-radius: 0; padding: 0; border: none; } .faq-classic .card .card-header button { display: block; width: 100%; text-align: left; padding: 20px 15px 20px 70px; font-family: "Rubik", sans-serif; font-size: 22px; border: none; border-radius: 0; margin: 0; color: var(--heading); text-decoration: none; position: relative; } .faq-classic .card .card-header button:before { content: "+"; position: absolute; font-size: 24px; left: 40px; top: 50%; transform: translateY(-50%); transition: all 0.3s ease-in-out; } .faq-classic .card .card-body { padding: 0 50px 20px 70px; } .faq-classic .card .card-body p { font-size: 17px; } .faq-classic .card .card-body p a { text-decoration: underline; color: var(--p-color); } .faq-classic .card:last-child .card-body { border: none; } /*------------------ Footer One --------------*/ .footer-bg-wrapper { position: relative; padding-top: 230px; } .footer-bg-wrapper:before { content: url(/_next/static/media/11.16a51e88.svg); position: absolute; left: 0; bottom: 0; z-index: -1; } .footer-bg-wrapper [class*=bubble] { position: absolute; z-index: -1; border-radius: 50%; } .footer-bg-wrapper .bubble-one { width: 25px; height: 25px; background: #ff6cc4; top: 4%; left: 26%; animation: scale-up-one 4s infinite linear; } .footer-bg-wrapper .bubble-two { width: 14px; height: 14px; background: #ffbe50; top: 48%; left: 10%; animation: scale-up-one 4s infinite linear; } .footer-bg-wrapper .bubble-three { width: 7px; height: 7px; background: #04e8f4; bottom: 18%; left: 20%; animation: scale-up-three 4s infinite linear; } .fancy-short-banner-two .content-wrapper { position: relative; } .fancy-short-banner-two .content-wrapper:before { content: url(/_next/static/media/12.06dca4ce.svg); position: absolute; top: -117px; right: -117px; z-index: -1; opacity: 0.9; animation: jumpTwo 5s infinite linear; } .fancy-short-banner-two .bg-wrapper { position: relative; overflow: hidden; background: #7034ff; box-shadow: 0 20px 60px 0 rgba(104, 103, 255, 0.2); border-radius: 5px; padding: 50px 55px; z-index: 1; } .fancy-short-banner-two h2 { font-size: 36px; line-height: 1.16em; color: #fff; max-width: 560px; } .fancy-short-banner-two a { width: 178px; line-height: 54px; background: #fff; border-radius: 5px; color: var(--blue-dark); font-weight: 500; text-align: center; transition: all 0.3s ease-in-out; } .fancy-short-banner-two a:hover { background: #ffba12; color: #fff; } .fancy-short-banner-two [class*=bubble] { position: absolute; z-index: -1; border-radius: 50%; } .fancy-short-banner-two .bubble-one { width: 13px; height: 13px; background: rgba(216, 216, 216, 0.14); top: 27%; left: 60%; animation: scale-up-one 4s infinite linear; } .fancy-short-banner-two .bubble-two { width: 6px; height: 6px; background: rgba(216, 216, 216, 0.14); top: 62%; right: 28%; animation: scale-up-three 4s infinite linear; } .fancy-short-banner-two .bubble-three { width: 5px; height: 5px; background: rgba(216, 216, 216, 0.14); bottom: 37%; right: 51%; animation: scale-up-three 4s infinite linear; } .fancy-short-banner-two .bubble-four { width: 245px; height: 245px; background: rgba(216, 216, 216, 0.14); top: -103px; right: -70px; animation: jello 3s infinite linear; } .fancy-short-banner-two .bubble-five { width: 68px; height: 68px; background: rgba(216, 216, 216, 0.14); bottom: -24px; left: -28px; animation: jello 3s infinite linear; } .theme-footer-one { position: relative; } .theme-footer-one:before { content: url(/_next/static/media/ils_01.0d8c5853.svg); position: absolute; right: 0; bottom: 0; z-index: -1; } .theme-footer-one .top-footer [class*=col-] { margin-bottom: 30px; } .theme-footer-one .top-footer .footer-title { font-family: "Rubik", sans-serif; font-size: 24px; padding-bottom: 25px; } .theme-footer-one .top-footer .footer-list ul li a { font-size: 16px; line-height: 38px; color: #727272; transition: all 0.3s ease-in-out; } .theme-footer-one .top-footer .footer-list ul li a:hover { color: var(--blue-dark); } .theme-footer-one .top-footer .address-list ul li a { font-size: 16px; color: #727272; margin-bottom: 10px; } .theme-footer-one .top-footer .address-list ul li a:hover { text-decoration: underline; } .theme-footer-one .top-footer .address-list ul li a.mobile-num { font-size: 20px; color: #030303; } .theme-footer-one .bottom-footer-content ul li { display: inline-block; } .theme-footer-one .bottom-footer-content ul li a { font-size: 16px; color: #727272; margin-left: 20px; } .theme-footer-one .bottom-footer-content ul li a:hover { color: #000; } .theme-footer-one .bottom-footer-content p { font-size: 15px; color: #6a6a6a; } .theme-footer-one .bottom-footer-content { padding: 26px 0 30px; } .theme-footer-one .bottom-footer-content ul { padding-right: 97px; } /*--------------------- Fancy Hero One --------------------*/ .fancy-hero-one { position: relative; z-index: 5; text-align: center; padding: 75px 0 105px; } .fancy-hero-one h2 { font-size: 80px; line-height: 1.1em; } .fancy-hero-one p { font-size: 24px; line-height: 1.75em; padding: 15px 25px 0; } .fancy-hero-one .page-title { font-size: 18px; text-transform: uppercase; color: rgba(0, 0, 0, 0.63); letter-spacing: 1.4px; } .fancy-hero-one .search-form { max-width: 720px; height: 70px; margin: 55px auto 0; position: relative; } .fancy-hero-one .search-form input { width: 100%; height: 100%; border: 2px solid #000; border-radius: 5px; padding: 0 95px 0 38px; } .fancy-hero-one .search-form button { width: 80px; background: var(--blue-dark); position: absolute; top: 7px; right: 7px; bottom: 7px; z-index: 5; border-radius: 5px; transition: all 0.3s ease-in-out; } .fancy-hero-one .search-form button img { margin: 0 auto; } .fancy-hero-one .search-form button:hover { background: var(--yellow-deep); } .fancy-hero-one [class*=bubble] { position: absolute; z-index: -1; border-radius: 50%; } .fancy-hero-one [class*=bubble]:before { content: ""; border-radius: 50%; position: absolute; } .fancy-hero-one .bubble-one { width: 120px; height: 120px; left: 4%; top: 15%; animation: rotated 12s infinite linear; } .fancy-hero-one .bubble-one:before { width: 6px; height: 6px; background: #fac3ff; top: 0; left: 50%; } .fancy-hero-one .bubble-two { width: 160px; height: 160px; top: 30%; left: 15%; animation: rotated 17s infinite linear; } .fancy-hero-one .bubble-two:before { width: 10px; height: 10px; background: #8fe9e0; top: 50%; right: 100%; } .fancy-hero-one .bubble-three { width: 120px; height: 120px; bottom: 33%; left: 4%; animation: rotatedTwo 12s infinite linear; } .fancy-hero-one .bubble-three:before { width: 6px; height: 6px; background: #ffd5ad; bottom: 0; left: 50%; } .fancy-hero-one .bubble-four { width: 120px; height: 120px; right: 5%; top: 13%; animation: rotated 12s infinite linear; } .fancy-hero-one .bubble-four:before { width: 6px; height: 6px; background: #8fe9e1; top: 0; left: 50%; } .fancy-hero-one .bubble-five { width: 160px; height: 160px; top: 30%; right: 7%; animation: rotated 17s infinite linear; } .fancy-hero-one .bubble-five:before { width: 10px; height: 10px; background: #ffd5ad; top: 50%; right: 100%; } .fancy-hero-one .bubble-six { width: 120px; height: 120px; bottom: 33%; right: 4%; animation: rotatedTwo 12s infinite linear; } .fancy-hero-one .bubble-six:before { width: 6px; height: 6px; background: #fac3ff; bottom: 0; left: 50%; } /*------------------- Fancy Text block One ----------------*/ .fancy-text-block-one { position: relative; z-index: 3; background: linear-gradient(45deg, #fffbf2, #edfffd); padding: 55px 0; } .fancy-text-block-one:before, .fancy-text-block-one:after { content: url(/_next/static/media/10.e90f9dfc.svg); position: absolute; opacity: 0.9; } .fancy-text-block-one:before { top: -133px; left: 0; animation: jumpTwo 4s infinite linear; } .fancy-text-block-one:after { bottom: -133px; right: 0; animation: jumpThree 4s infinite linear; } .fancy-text-block-one .quote-wrapper { padding-left: 25px; } .fancy-text-block-one .quote-wrapper p { font-family: "gilroy-semibold"; font-size: 20px; color: #000000; padding-bottom: 21px; } .fancy-text-block-one .quote-wrapper p span { color: #ffb147; } .fancy-text-block-one .quote-wrapper blockquote { font-size: 40px; line-height: 1.5em; color: #181818; position: relative; margin-bottom: 43px; } .fancy-text-block-one .quote-wrapper blockquote:before { content: url(/_next/static/media/06.a9b78535.svg); position: absolute; left: -92px; top: 11px; } .fancy-text-block-one .quote-wrapper h6 { font-size: 20px; font-weight: 500; } .fancy-text-block-one .quote-wrapper h6 span { font-weight: normal; color: #9c9c9c; font-size: 18px; } .fancy-text-block-one [class*=bubble] { position: absolute; z-index: -1; border-radius: 50%; } .fancy-text-block-one .bubble-one { width: 17px; height: 17px; background: #ff6cc4; top: 15%; left: 42%; animation: scale-up-one 4s infinite linear; } .fancy-text-block-one .bubble-two { width: 7px; height: 7px; background: #51fcff; top: 29%; right: 8%; animation: scale-up-three 4s infinite linear; } .fancy-text-block-one .bubble-three { width: 20px; height: 20px; background: #ffba65; bottom: 7%; right: 26%; animation: scale-up-one 4s infinite linear; } .fancy-text-block-one .bubble-four { width: 8px; height: 8px; background: #6aee90; bottom: 29%; left: 43%; animation: scale-up-three 4s infinite linear; } .fancy-text-block-one .bubble-five { width: 25px; height: 25px; background: #b183ff; bottom: 7%; left: 9%; animation: scale-up-one 4s infinite linear; } .fancy-text-block-one .bubble-six { width: 8px; height: 8px; background: #ffcd8b; top: 31%; left: 11%; animation: scale-up-three 4s infinite linear; } /*----------------- Counter Info Standard --------------*/ .counter-info-standard { border-bottom: 1px solid #efefef; } .counter-box-two { text-align: center; margin-bottom: 30px; } .counter-box-two .number { font-size: 80px; color: var(--blue-dark); } .counter-box-two em { font-size: 20px; display: block; color: #8e8e8e; font-style: normal; } .counter-box-two p { font-size: 28px; line-height: 1.35em; color: #212121; padding-top: 20px; } /*---------------- Fancy Text block Two -------------*/ .fancy-text-block-two .fancy_img_media { border-radius: 8px; margin-left: auto; } /*---------------- Fancy Text block Three -------------*/ .fancy-text-block-three { position: relative; z-index: 1; padding-bottom: 110px; } .fancy-text-block-three:before { content: ""; width: 100%; position: absolute; bottom: 0; top: 16%; left: 0; background: #fafaff; z-index: -2; } .fancy-text-block-three .feature-content { padding-bottom: 60px; } .fancy-text-block-three .feature-content.light-bg { background: #5e43f0; border-radius: 5px 0 0 5px; } .fancy-text-block-three .feature-content.dark-bg { background: #462ec5; border-radius: 0 5px 5px 0; } .fancy-text-block-three .feature-content .header { padding: 65px 20px 55px 55px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .fancy-text-block-three .feature-content .header h3 { font-family: "gilroy-semibold"; color: #fff; font-size: 50px; } .fancy-text-block-three .feature-content .header p { font-size: 20px; line-height: 1.5em; color: #fff; padding-top: 18px; } .fancy-text-block-three .feature-content .feature-list { padding: 50px 20px 0 55px; } .fancy-text-block-three .feature-content .feature-list .icon-box { width: 55px; height: 55px; background: #fff; border-radius: 50%; } .fancy-text-block-three .feature-content .feature-list .text-meta { padding-left: 20px; width: calc(100% - 55px); } .fancy-text-block-three .feature-content .feature-list h4 { font-family: "gilroy-bold"; font-size: 22px; color: #fff; } .fancy-text-block-three .feature-content .feature-list p { color: rgba(255, 255, 255, 0.8); padding-top: 7px; } .fancy-text-block-three .slogan { text-align: center; font-size: 40px; line-height: 1.38em; padding-top: 80px; color: #000; } .fancy-text-block-three [class*=bubble] { position: absolute; z-index: -1; border-radius: 50%; } .fancy-text-block-three .bubble-one { width: 15px; height: 15px; background: #ff6cc4; top: 27%; right: 10%; animation: scale-up-one 4s infinite linear; } .fancy-text-block-three .bubble-two { width: 7px; height: 7px; background: #f5a623; top: 70%; right: 10%; animation: scale-up-three 4s infinite linear; } .fancy-text-block-three .bubble-three { width: 20px; height: 20px; background: #b183ff; bottom: 16%; left: 9%; animation: scale-up-one 4s infinite linear; } .fancy-text-block-three .bubble-four { width: 8px; height: 8px; background: #6aee90; top: 40%; left: 8%; animation: scale-up-three 4s infinite linear; } /*----------------- Team Section One --------------*/ .team-section-one .controls { border-bottom: 1px solid #e5e5e5; text-align: center; } .team-section-one .controls .control { font-family: "Rubik", sans-serif; font-size: 20px; display: inline-block; position: relative; margin: 0 25px; padding-bottom: 20px; color: #7f7f7f; } .team-section-one .controls .control:before { content: ""; position: absolute; width: 0; height: 2px; background: var(--blue-dark); left: 0; bottom: -1px; border-radius: 3px; opacity: 0; transition: all 0.3s ease-in-out; } .team-section-one .controls .react-tabs__tab--selected .control { color: var(--blue-dark); } .team-section-one .controls .react-tabs__tab--selected .control:before { opacity: 1; width: 100%; } .team-section-one .mixitUp-container { text-align: center; } .team-section-one .team-member { cursor: pointer; transition: all 0.3s ease-in-out; } .team-section-one .team-member:hover { transform: translateY(-5px); } .team-section-one .team-member img { width: 180px; height: 180px; border-radius: 50%; margin: 0 auto; } .team-section-one .team-member h4 { font-family: "Roboto", sans-serif; font-size: 24px; padding: 25px 0 6px; } .team-section-one .team-member strong { color: #a5a5a5; font-weight: normal; } .team-section-one .mix, .team-section-one .gap { width: calc(25% - 0.75rem); display: inline-block; } .team-section-one .mix { margin-bottom: 100px; } /*-------------- Feature Blog One -------------*/ .feature-blog-one .header .title-style-one { max-width: 560px; } .feature-blog-one .row [class*=col-] { display: flex; } .feature-blog-one .post-meta { background: #fff; border-radius: 5px; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08); margin-bottom: 50px; padding: 20px 20px 80px; position: relative; width: 100%; transition: 0.3s ease-in-out; } .feature-blog-one .post-meta .image-meta { width: 100%; border-radius: 5px; } .feature-blog-one .post-meta .tag { font-family: "Rubik", sans-serif; font-size: 16px; color: rgba(10, 10, 10, 0.54); padding: 25px 0 3px; } .feature-blog-one .post-meta .title { font-family: "gilroy-bold"; font-size: 30px; line-height: 1.2em; color: #000; transition: all 0.3s ease-in-out; } .feature-blog-one .post-meta:hover { transform: translateY(-10px); } .feature-blog-one .post-meta a.title:hover { color: var(--blue-dark); } .feature-blog-one .post-meta .read-more { font-weight: 500; font-size: 15px; text-transform: uppercase; letter-spacing: 1px; position: absolute; left: 20px; right: 20px; bottom: 20px; } .feature-blog-one .post-meta .read-more:hover { color: var(--blue-dark); } .feature-blog-one .post-meta .read-more i { font-size: 22px; } /*---------------- Fancy Text block Four -------------*/ .fancy-text-block-four { background: #fcf7ef; position: relative; z-index: 5; } .fancy-text-block-four:before { content: url(/_next/static/media/13.6a4b561f.svg); position: absolute; top: -48px; left: 0; animation: jumpTwo 4s infinite linear; } .fancy-text-block-four:after { content: url(/_next/static/media/14.93059cd0.svg); position: absolute; bottom: -140px; right: 0; animation: jumpThree 4s infinite linear; } .fancy-text-block-four .wrapper { position: relative; z-index: 1; } .fancy-text-block-four .wrapper:before { content: url(/_next/static/media/ils_02.ed2ba010.svg); position: absolute; top: -219px; right: -253px; z-index: -1; animation: jumpTwo 10s infinite linear; } .block-style-three { background: #fff; border-radius: 5px; box-shadow: 0 15px 30px rgba(0, 0, 0, 0.02); padding: 25px 40px 70px 50px; margin-top: 35px; } .block-style-three .icon { height: 75px; } .block-style-three h4 { font-family: "gilroy-bold"; font-size: 22px; padding: 25px 0 20px; } .block-style-three p { font-size: 17px; line-height: 1.64em; } /*---------------- Fancy Text block Five -------------*/ .fancy-text-block-five { position: relative; z-index: 5; } .fancy-text-block-five:before { content: url(/_next/static/media/ils_03.883e5904.svg); position: absolute; top: 150px; left: 7%; z-index: -1; animation: jumpTwo 10s infinite linear; } .block-style-four { background: #fff; border: 1px solid #e6e6e6; border-radius: 5px; padding: 25px 30px 20px 40px; margin-top: 35px; transition: all 0.3s ease-in-out; } .block-style-four:hover { box-shadow: 0 25px 60px rgba(12, 28, 65, 0.05); border-color: #fff; transform: translateY(-5px); } .block-style-four .icon { height: 75px; } .block-style-four h4 { font-family: "gilroy-bold"; font-size: 24px; padding: 9px 0 20px; } .block-style-four p { font-size: 17px; line-height: 1.64em; } .block-style-four a { font-size: 30px; color: #303030; margin-top: 30px; } .block-style-four:hover a { color: var(--blue-dark); } /*-------------- Feature Blog Two -------------*/ .feature-blog-two { background: #f2fbfd; } .feature-blog-two .header .title-style-one { max-width: 560px; } .feature-blog-two .row [class*=col-] { display: flex; } .feature-blog-two .post-meta { background: #fff; border-radius: 5px; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08); margin-top: 35px; padding: 20px 20px 80px; position: relative; transition: all 0.5s ease-in-out; } .feature-blog-two .post-meta:hover { transform: translateY(-10px); } .feature-blog-two .post-meta .image-meta { width: 100%; border-radius: 5px; } .feature-blog-two .post-meta .title { font-family: "gilroy-bold"; font-size: 30px; line-height: 1.2em; color: #000; transition: all 0.3s ease-in-out; margin-top: 50px; } .feature-blog-two .post-meta:hover .title { color: var(--blue-dark); } .feature-blog-two .post-meta .read-more { font-family: "Rubik", sans-serif; font-size: 16px; color: rgba(10, 10, 10, 0.54); position: absolute; left: 20px; right: 20px; bottom: 20px; transition: all 0.2s ease-in-out; } .feature-blog-two .post-meta .read-more i { font-size: 22px; color: var(--blue-dark); } .feature-blog-two .post-meta .read-more:hover { color: var(--blue-dark); } /*------------------- Contact Us Light --------------*/ .contact-us-light { background: linear-gradient(45deg, #fffbf2, #edfffd); position: relative; z-index: 1; } .contact-us-light:before { content: url(/_next/static/media/15.58288702.svg); position: absolute; left: 0; bottom: -140px; } .contact-us-light [class*=bubble] { position: absolute; z-index: -1; border-radius: 50%; } .contact-us-light .bubble-one { width: 30px; height: 30px; background: #ffdfdf; left: 39%; top: -15px; z-index: 2; animation: scale-up-one 4s infinite linear; } .contact-us-light .bubble-two { width: 7px; height: 7px; background: #51fcff; top: 14%; right: 8%; animation: scale-up-three 4s infinite linear; } .contact-us-light .bubble-three { width: 8px; height: 8px; background: #6aee90; top: 32%; left: 44%; animation: scale-up-three 4s infinite linear; } .contact-us-light .bubble-four { width: 8px; height: 8px; background: #ffcd8b; left: 11%; top: 15%; animation: scale-up-three 4s infinite linear; } .contact-us-light .address-info { text-align: center; margin-bottom: 50px; } .contact-us-light .address-info .icon { height: 82px; } .contact-us-light .address-info .icon img { margin: 0 auto; max-height: 100%; } .contact-us-light .address-info .title { font-size: 18px; color: #8e8e8e; padding: 30px 0 5px; } .contact-us-light .address-info p { font-size: 24px; line-height: 1.45em; color: #000; } .contact-us-light .address-info ul li a { font-size: 22px; margin: 5px 15px; color: rgba(0, 0, 0, 0.52); transition: all 0.2s ease-in-out; } .contact-us-light .address-info ul li a:hover { color: var(--blue-dark); } .form-style-light { background: #fff; border-radius: 10px; box-shadow: 0px 10px 30px rgba(14, 49, 42, 0.05); padding: 100px 100px 95px; margin-top: 90px; } .form-style-light .input-group-meta { height: 55px; position: relative; } .form-style-light .input-group-meta.lg { height: 220px; } .form-style-light .input-group-meta input { width: 100%; height: 100%; border-radius: 5px; font-size: 16px; border: solid 1px #d6d6d6; padding: 0 52px 0 20px; color: var(--heading); background: transparent; font-family: "Rubik", sans-serif; } .form-style-light .input-group-meta textarea { width: 100%; height: 100%; border-radius: 5px; font-size: 16px; color: var(--heading); border: solid 1px #d6d6d6; resize: none; padding: 20px; font-family: "Rubik", sans-serif; } .form-style-light .input-group-meta input:focus { border-color: var(--blue-dark); } .form-style-light .input-group-meta label { font-size: 16px; padding: 0 6px; font-weight: normal; position: absolute; left: 20px; line-height: 10px; top: -5px; z-index: 1; background: #fff; } .form-style-light .input-group-meta .placeholder_icon { position: absolute; line-height: 55px; top: 0; right: 0; bottom: 0; width: 50px; text-align: center; z-index: 1; color: rgba(0, 0, 0, 0.54); font-size: 17px; cursor: pointer; } .form-style-light .input-group-meta .placeholder_icon img { position: relative; top: 50%; margin: 0 auto; transform: translateY(-50%); transition: all 0.2s ease-in-out; } .form-style-light .input-group-meta .valid-sign { opacity: 1; visibility: visible; } .form-style-light .input-group-meta input:valid + .valid-sign { opacity: 0; visibility: hidden; } #contact-form .form-group .help-block { position: absolute; left: 0; bottom: -24px; font-size: 14px; line-height: 22px; color: #fff; padding: 0 15px; border-radius: 3px; background: #dc3545; box-shadow: 0px 10px 25px 0px rgba(123, 147, 171, 0.15); } #contact-form .form-group .help-block li { position: relative; } #contact-form .form-group .help-block li:before { content: "\f0d8"; font-family: "font-awesome"; position: absolute; top: -12px; left: 0; color: #dc3545; } /*======================================================================= CUSTOMER SUPPORT =========================================================================*/ .theme-main-menu > div { position: relative; } .theme-menu-two .logo { position: absolute; left: 0; top: 50%; transform: translateY(-50%); } .theme-menu-two .right-widget { position: absolute; right: 0; top: 50%; transform: translateY(-50%); } .theme-menu-two .user-login-button li a { font-size: 16px; font-weight: 500; line-height: 43px; color: #000; transition: all 0.3s ease-in-out; } .theme-menu-two .user-login-button li a:hover { color: var(--red-light); } .theme-menu-two .user-login-button li .signUp-action { border: 1px solid rgba(255, 122, 81, 0.4); background: rgba(255, 104, 40, 0.07); padding: 0 45px; border-radius: 22px; color: var(--red-light); margin-left: 25px; } .theme-menu-two .user-login-button li .signUp-action:hover { background: var(--red-light); color: #fff; } .theme-menu-two .language-button-group li a { font-size: 16px; font-weight: 500; color: #b7b7b7; margin: 0 4px; } .theme-menu-two .language-button-group li a.active { color: #000; } .theme-menu-two .language-button-group { margin-right: 80px; } /*---------------------Theme Hero Banner/Two ---------------*/ .hero-banner-two { padding: 90px 0 110px; position: relative; z-index: 1; } .hero-banner-two .container { max-width: 1490px; position: relative; padding: 0 40px; } .hero-banner-two .hero-text-wrapper h1 { font-family: "gilroy-black"; font-size: 78px; line-height: 1.11em; } .hero-banner-two .hero-text-wrapper h1 span { position: relative; } .hero-banner-two .hero-text-wrapper h1 span img { left: 0; bottom: -15px; width: 100%; } .hero-banner-two .hero-text-wrapper .sub-text { font-size: 28px; line-height: 1.5em; color: #565657; padding: 40px 60px 75px 0; } .hero-banner-two .hero-text-wrapper form { max-width: 550px; height: 70px; position: relative; } .hero-banner-two .hero-text-wrapper form input { border: 2px solid #040404; border-radius: 5px; width: 100%; height: 100%; padding: 0 200px 0 30px; } .hero-banner-two .hero-text-wrapper form button { position: absolute; right: 10px; top: 8px; bottom: 8px; background: var(--red-light); width: 184px; border-radius: 5px; text-align: center; color: #fff; font-size: 17px; font-weight: 500; transition: all 0.3s ease-in-out; } .hero-banner-two .hero-text-wrapper form button:hover { background: var(--yellow-deep); } .hero-banner-two .hero-text-wrapper .list-item li { font-size: 15px; color: #141518; position: relative; padding-left: 22px; margin-right: 13px; } .hero-banner-two .hero-text-wrapper .list-item.lg li { font-size: 19px; line-height: 1.57em; position: relative; padding-left: 22px; margin-bottom: 15px; } .hero-banner-two .hero-text-wrapper .list-item li:before { content: url(/_next/static/media/19.4a79c763.svg); position: absolute; left: 5px; top: -1px; } .hero-banner-two .illustration-holder .shape-one { z-index: 1; top: 7%; left: -3%; width: 51.8%; animation: jumpTwo 8s infinite linear; } .hero-banner-two .illustration-holder .shape-two { z-index: 1; top: 40%; left: -11%; width: 54.6%; animation: jumpThree 8s infinite linear; } .hero-banner-two .illustration-holder .shape-three { z-index: 1; top: 45%; right: -5%; width: 53.2%; animation: jumpTwo 8s infinite linear; } .hero-banner-two .trusted-companies p { font-size: 20px; color: #000; padding-bottom: 50px; } .hero-banner-two .trusted-companies p span { font-size: 1.6em; font-weight: 500; color: #ff6559; text-decoration: underline; } /*.hero-banner-two .trusted-companies .slider-arrow li { width: 20px; line-height: 20px; text-align: center; cursor: pointer; margin: 0 10px; font-size: 24px; opacity: 0.5; transition: all 0.3s ease-in-out; transform: scale(0.8); } .hero-banner-two .trusted-companies .slider-arrow li:first-child i {transform: rotate(180deg); display: inline-block;} .hero-banner-two .trusted-companies .slider-arrow li:hover { opacity: 1; transform: scale(1); }*/ /*---------------------- Fancy Feature Two -------------------*/ .fancy-feature-four { padding: 0 15px; } .fancy-feature-four .inner-content { position: relative; } .fancy-feature-four .bg-wrapper { max-width: 1460px; margin: 0 auto; position: relative; background: #fff6ec; z-index: 1; padding: 100px 0 190px; } .fancy-feature-four .bg-wrapper:before { content: ""; width: 100%; height: 28px; background: url(/_next/static/media/17.ac6162c6.svg) no-repeat center; background-size: cover; position: absolute; left: 0; bottom: -25px; } .block-style-five { background: #fff; transition: all 0.3s ease-in-out; padding: 46px 30px 50px 48px; margin-top: 30px; border-radius: 5px; } .block-style-five:hover { box-shadow: 0px 30px 50px rgba(0, 0, 0, 0.04); transform: translateY(-5px); } .block-style-five .icon { height: 72px; } .block-style-five .icon img { max-height: 100%; } .block-style-five .title { font-family: "gilroy-bold"; font-size: 20px; margin: 24px 0 29px; display: inline-block; position: relative; } .block-style-five .title:before { content: ""; width: 100%; height: 3px; background: var(--yellow-deep); border-radius: 2px; position: absolute; left: 0; bottom: -2px; } .block-style-five p { font-size: 24px; line-height: 1.45em; color: #000; } .fancy-feature-four .shape-right { right: -16px; top: 30%; } .fancy-feature-four .shape-left { left: -8px; top: 62%; } .fancy-feature-four .shape-one { top: -20px; left: -64px; animation: jumpTwo 5s infinite linear; } .fancy-feature-four .shape-two { bottom: -85px; right: -104px; animation: rotated 50s infinite linear; } /*---------------------- Fancy Text block Six ---------------*/ .fancy-text-block-six { position: relative; } .fancy-text-block-six .illustration-holder .shape-one { right: -20%; top: 29%; animation: jumpThree 5s infinite linear; } .fancy-text-block-six .img-meta-container { position: absolute; right: 0; top: 23px; max-width: 42%; } .fancy-text-block-six .img-meta-container .shape-one { top: -7%; left: -4%; animation: rotated 18s infinite linear; } .fancy-text-block-six .img-meta-container .shape-two { top: -11%; left: 26%; animation: jumpTwo 5s infinite linear; } .fancy-text-block-six .img-meta-container .shape-three { top: -6%; right: 31%; animation: jumpThree 5s infinite linear; } .fancy-text-block-six .img-meta-container .shape-four { top: 44%; left: -7%; animation: jumpTwo 5s infinite linear; } .fancy-text-block-six .img-meta-container .shape-five { bottom: -15%; left: -10%; animation: rotated 50s infinite linear; } .fancy-text-block-six .img-meta-container .shape-six { bottom: -11%; left: 28%; animation: rotated 20s infinite linear; } .fancy-text-block-six .img-meta-container .shape-seven { bottom: -12%; left: 57%; animation: jumpTwo 5s infinite linear; } .accordion-style-two .card { background: #fff; margin-bottom: 0; border-radius: 0; border: none; } .accordion-style-two .card:not(:last-child) { border-bottom: 2px solid #000 !important; } .accordion-style-two .card .card-header { background: transparent; border-radius: 0; padding: 0; border: none; } .accordion-style-two .card .card-header button { display: block; width: 100%; text-align: left; padding: 22px 70px 22px 0; font-family: "Rubik", sans-serif; font-size: 30px; line-height: 1.4em; border: none; border-radius: 0; margin: 0; color: var(--heading); text-decoration: none; position: relative; } .accordion-style-two .card .card-header button:before, .accordion .card .card-header button:before { content: "\f107"; font-family: "font-awesome"; position: absolute; font-size: 28px; right: 0; left: auto; top: 30%; transition: 0.3s ease-in-out; } /*.accordion-style-two .card .card-header button[data-toggle="collapse"].collapsed:before {content: "";}*/ .accordion-style-two .card .card-body { padding: 0 70px 30px 0; } .accordion-style-two .card .card-body p { font-size: 20px; line-height: 1.55em; } .accordion-style-two .card:last-child { border: none; } /*------------------ Counter With Icon One --------------*/ .counter-with-icon-one .border-style { border-top: 1px solid #efefef; border-bottom: 1px solid #efefef; padding: 58px 0 90px; } .counter-box-three { text-align: center; margin-top: 40px; } .counter-box-three .icon { height: 62px; display: inline-block; } .counter-box-three .number { font-size: 38px; padding: 5px 0 3px; } .counter-box-three p { font-weight: 300; font-size: 24px; color: #000; } /*------------------- Fancy Text block Seven ----------------*/ .fancy-text-block-seven .bg-wrapper { background-size: cover; margin: 0 auto; max-width: 1460px; padding: 42px 0 70px; position: relative; z-index: 1; } .fancy-text-block-seven .bg-wrapper.no-bg { background: none; } .fancy-text-block-seven .img-holder { position: relative; } .fancy-text-block-seven .quote-wrapper blockquote { font-size: 42px; line-height: 1.35em; color: #000; padding: 22px 0 30px; } .fancy-text-block-seven .quote-wrapper h6 { font-size: 20px; font-weight: 500; } .fancy-text-block-seven .quote-wrapper h6 span { display: block; font-size: 18px; color: #9eadba; font-weight: normal; padding-top: 8px; } .fancy-text-block-seven .shape-one { top: 13%; left: 5%; animation: jumpTwo 5s infinite linear; } .fancy-text-block-seven .shape-two { top: 21%; right: 8%; animation: jumpTwo 5s infinite linear; } .fancy-text-block-seven .shape-three { bottom: 12%; right: 8%; animation: jumpThree 5s infinite linear; } .fancy-text-block-seven .shape-four { bottom: 47%; left: 45%; animation: jumpTwo 5s infinite linear; } .fancy-text-block-seven .shape-five { bottom: 12%; left: 8%; animation: jumpThree 5s infinite linear; } .fancy-text-block-seven .shape-six { top: 14%; left: -6%; z-index: 1; animation: jumpThree 5s infinite linear; } /*---------------- Fancy Text block Eight ---------------*/ .block-style-six { position: relative; } .block-style-six:nth-child(even):before { content: ""; position: absolute; width: 100%; height: 13px; left: 0; bottom: 0; background: url(/_next/static/media/line-shape-4.fea841a0.svg); background-repeat: no-repeat; background-position: center; background-size: cover; } .block-style-six .text-details .title { font-size: 42px; line-height: 1.26em; padding: 24px 0 34px; } .block-style-six .text-details .text-meta { font-size: 22px; line-height: 1.54em; padding-bottom: 65px; } .block-style-six .text-details .quote-wrapper { background: #f4f9fc; border-radius: 5px; padding: 35px 50px 25px 35px; position: relative; } .block-style-six .text-details .quote-wrapper .quote-icon { width: 57px; height: 57px; background: #fff; border-radius: 50%; position: absolute; left: 27px; top: -29px; } .block-style-six .text-details .quote-wrapper blockquote { font-size: 18px; line-height: 1.55em; color: #0d0d0d; } .block-style-six .text-details .name { font-size: 16px; color: #a8a8a8; margin-top: 24px; line-height: 1.44em; } .block-style-six .text-details .name strong { font-weight: 500; color: #191717; } .block-style-six .illustration-one .shape-one { width: 6px; height: 6px; background: #f2dad5; top: -7%; right: 41%; animation: jumpThree 5s infinite linear; } .block-style-six .illustration-one .shape-two { width: 14px; height: 14px; background: #f77a56; top: 14%; right: -10%; animation: jumpTwo 5s infinite linear; } .block-style-six .illustration-one .shape-three { width: 7px; height: 7px; background: #f2dad5; bottom: 29%; right: -5%; animation: jumpThree 5s infinite linear; } .block-style-six .illustration-one .shape-four { width: 10px; height: 10px; background: #f77a56; bottom: -2%; right: 51%; animation: jumpTwo 5s infinite linear; } .block-style-six .illustration-one .shape-five { width: 7px; height: 7px; background: #f2dad5; top: 45%; left: 5%; animation: jumpThree 5s infinite linear; } .block-style-six .illustration-one .shape-six { top: 17%; left: 6%; animation: jumpTwo 8s infinite linear; } .block-style-six .illustration-one .shape-seven { top: 42%; right: -3%; animation: rotatedTwo 35s infinite linear; } .block-style-six .illustration-two .shape-one { width: 6px; height: 6px; background: #f2dad5; top: -5%; left: 22%; animation: jumpThree 5s infinite linear; } .block-style-six .illustration-two .shape-two { width: 8px; height: 8px; background: #f2dad5; top: 63%; right: 12%; animation: jumpTwo 5s infinite linear; } .block-style-six .illustration-two .shape-three { width: 6px; height: 6px; background: #f77a56; bottom: -11%; right: 44%; animation: jumpThree 5s infinite linear; } .block-style-six .illustration-two .shape-four { width: 10px; height: 10px; background: #f77a56; bottom: 39%; left: -10%; animation: jumpTwo 5s infinite linear; } .block-style-six .illustration-two .shape-five { top: 9%; left: -3%; animation: rotatedTwo 35s infinite linear; } .block-style-six .illustration-two .shape-six { bottom: 3%; right: 20%; animation: jumpTwo 8s infinite linear; } /*-------------------- Useable Tools Two --------------------*/ .useable-tools-section-two.bg-shape { padding: 0 15px; } .useable-tools-section-two.bg-shape .bg-wrapper { max-width: 1460px; margin: 0 auto; background: #fdf3e7; position: relative; padding: 108px 0 0; z-index: 1; } .useable-tools-section-two.bg-shape .bg-wrapper:before { content: ""; position: absolute; width: 100%; height: 15px; background-image: url(/_next/static/media/37.073cc138.svg); background-position: top center; background-repeat: no-repeat; background-size: cover; top: -13px; left: 0; } .useable-tools-section-two.bg-shape .bg-wrapper:after { content: ""; position: absolute; width: 100%; height: 24px; background-image: url(/_next/static/media/38.7aee1023.svg); background-position: bottom center; background-repeat: no-repeat; background-size: cover; bottom: -23px; left: 0; } .useable-tools-section-two.bg-shape .bg-wrapper .shapes { z-index: 1; } .useable-tools-section-two.bg-shape .bg-wrapper .shape-one { width: 6px; height: 6px; background: #f2dad5; top: 6%; left: 11%; animation: jumpThree 5s infinite linear; } .useable-tools-section-two.bg-shape .bg-wrapper .shape-two { width: 10px; height: 10px; background: #f77a56; top: 10%; right: 11%; animation: jumpTwo 5s infinite linear; } .useable-tools-section-two.bg-shape .bg-wrapper .shape-three { width: 6px; height: 6px; background: #f2dad5; top: 45%; right: 24%; animation: jumpThree 5s infinite linear; } .useable-tools-section-two.bg-shape .bg-wrapper .shape-four { width: 8px; height: 8px; background: #f77a56; top: 43%; left: 16%; animation: jumpTwo 5s infinite linear; } .useable-tools-section-two .icon-wrapper ul { margin: 0 -15px; position: relative; z-index: 1; transform: translateY(58px); } .useable-tools-section-two .icon-wrapper ul li { padding: 0 15px; float: left; width: 11.11111%; } .useable-tools-section-two .icon-wrapper ul li:nth-child(odd) { margin-top: 50px; } .useable-tools-section-two .icon-wrapper ul li:nth-child(4), .useable-tools-section-two .icon-wrapper ul li:nth-child(6) { margin-top: 110px; } .useable-tools-section-two .icon-wrapper ul li .icon-box { background: #fff; border-radius: 10px; height: 100px; margin: 20px 0; cursor: pointer; } .useable-tools-section-two .theme-btn-two { border-radius: 5px; } /*--------------- Client Feedback Slider One -----------------*/ .client-feedback-slider-one { max-width: 1920px; margin: 0 auto; position: relative; } .client-feedback-slider-one .shapes-holder { position: absolute; top: 60px; left: -35px; width: 40%; } .client-feedback-slider-one .shapes-holder .title-style-two { position: absolute; right: 0; top: 43%; transform: translateY(-50%); z-index: 5; } .client-feedback-slider-one .shapes-holder .shape-one { z-index: 1; top: -11%; right: 21%; animation: jumpTwo 8s infinite linear; } .client-feedback-slider-one .shapes-holder [class*=cp-img] { position: absolute; z-index: 1; border-radius: 50%; } .client-feedback-slider-one .shapes-holder .cp-img-one { width: 60px; height: 60px; top: 13%; left: 26%; } .client-feedback-slider-one .shapes-holder .cp-img-two { width: 75px; height: 75px; top: 46%; left: 13%; } .client-feedback-slider-one .shapes-holder .cp-img-three { width: 50px; height: 50px; bottom: 7%; left: 25%; } .client-feedback-slider-one .shapes-holder .cp-img-four { width: 80px; height: 80px; bottom: 22%; right: 21%; } .client-feedback-slider-one .feedback-meta { position: relative; padding-top: 138px; } .client-feedback-slider-one .feedback-meta .watermark { font-size: 160px; color: #f9fafc; position: absolute; top: 0; left: 0; } .client-feedback-slider-one .clientSliderOne p { font-size: 24px; line-height: 1.87em; padding: 52px 0 60px; } .client-feedback-slider-one .clientSliderOne .c_img { width: 50px; height: 50px; border-radius: 50%; } .client-feedback-slider-one .clientSliderOne .info { padding-left: 20px; } .client-feedback-slider-one .clientSliderOne .info strong { font-weight: 500; font-size: 24px; color: #252525; display: block; } .client-feedback-slider-one .clientSliderOne .info span { color: #8a8a8a; } .client-feedback-slider-one .slider-arrow li { width: 20px; line-height: 20px; text-align: center; cursor: pointer; margin-right: 15px; font-size: 24px; opacity: 0.5; transition: all 0.3s ease-in-out; transform: scale(0.8); } .client-feedback-slider-one .slider-arrow li:first-child i { transform: rotate(180deg); display: inline-block; } .client-feedback-slider-one .slider-arrow li:hover { opacity: 1; transform: scale(1); } /*----------------- Fancy Short Banner Three -------------------*/ .fancy-short-banner-three .bg-wrapper { background: url(/_next/static/media/bg2.de54b3a4.png) no-repeat; background-size: cover; border-radius: 40px; padding: 82px 50px 89px; position: relative; } .fancy-short-banner-three .bg-wrapper:before { content: url(/_next/static/media/43.75b9c1ce.svg); position: absolute; top: -124px; right: -104px; z-index: -1; } .fancy-short-banner-three .title-style-one h2 { font-size: 48px; } .fancy-short-banner-three .form-wrapper { padding-left: 65px; } .fancy-short-banner-three .form-wrapper form { position: relative; height: 70px; background: #fff; border-radius: 7px; } .fancy-short-banner-three .form-wrapper form input { font-style: italic; font-size: 18px; width: 100%; border: none; height: 100%; padding: 0 150px 0 25px; background: transparent; } .fancy-short-banner-three .form-wrapper form button { position: absolute; right: 8px; bottom: 8px; top: 8px; width: 150px; border-radius: 6px; color: #fff; font-weight: 500; font-size: 16px; background: var(--red-light); transition: all 0.3s ease-in-out; } .fancy-short-banner-three .form-wrapper form button:hover { background: #ffba12; box-shadow: 0px 15px 30px rgba(255, 186, 18, 0.2); } .fancy-short-banner-three .form-wrapper p { font-size: 16px; padding-top: 10px; } .fancy-short-banner-three .form-wrapper p a { color: #000; } .fancy-short-banner-three .form-wrapper p a:hover { text-decoration: underline; } /*----------------- Footer Style Two --------------*/ .theme-footer-two { position: relative; overflow: hidden; } .theme-footer-two:before { content: url(/_next/static/media/44.d3aea84c.svg); position: absolute; bottom: -10px; left: 11%; z-index: -1; } .theme-footer-two:after { content: " "; position: absolute; width: 8px; height: 8px; background: #f77a56; bottom: 19%; right: 30%; z-index: -1; } .theme-footer-two .top-footer [class*=col-] { margin-bottom: 30px; } .theme-footer-two .top-footer .footer-title { font-family: "Rubik", sans-serif; font-size: 24px; padding-bottom: 25px; } .theme-footer-two .top-footer .footer-list ul li a { font-size: 16px; line-height: 38px; color: #727272; transition: all 0.3s ease-in-out; } .theme-footer-two .top-footer .footer-list ul li a:hover { color: var(--red-light); } .theme-footer-two .top-footer .address-list ul.info li a { font-size: 16px; color: #727272; margin-bottom: 10px; } .theme-footer-two .top-footer .address-list ul.info li a:hover { text-decoration: underline; } .theme-footer-two .top-footer .address-list ul.info li a.mobile-num { font-size: 20px; color: #030303; } .theme-footer-two .top-footer .address-list .social-icon a { font-size: 22px; margin-right: 20px; color: rgba(0, 0, 0, 0.55); } .theme-footer-two .top-footer .address-list .social-icon a:hover { color: #000; } .theme-footer-two .bottom-footer-content ul li { display: inline-block; } .theme-footer-two .bottom-footer-content ul li a { font-size: 16px; color: #727272; margin-left: 20px; } .theme-footer-two .bottom-footer-content ul li a:hover { color: #000; } .theme-footer-two .bottom-footer-content p { font-size: 15px; color: #6a6a6a; } .theme-footer-two .bottom-footer-content { padding: 26px 0 30px; } .theme-footer-two .bottom-footer-content ul { padding-right: 97px; } /*--------------------- Fancy Hero Two --------------------*/ .fancy-hero-two { padding: 0 70px; } .fancy-hero-two .bg-wrapper { background: url(/_next/static/media/bg3.f3f9d259.png) no-repeat center; background-size: cover; border-radius: 20px; padding: 108px 0 110px; text-align: center; } .fancy-hero-two .page-title { font-size: 24px; color: #b1b1b1; } .fancy-hero-two .heading { font-family: "gilroy-black"; font-size: 80px; line-height: 1.1em; padding: 0 0 38px; } .fancy-hero-two .sub-heading { font-size: 24px; line-height: 1.41em; color: #2a2a2a; } /*------------------ Fancy Text block Nine ----------------*/ .fancy-text-block-nine { position: relative; } .fancy-text-block-nine .text-meta { font-size: 24px; line-height: 1.66em; padding-top: 40px; text-align: center; color: #515151; } .fancy-text-block-nine .shape-one { width: 10px; height: 10px; background: #ffdbd0; top: 5%; right: 13%; animation: jumpTwo 5s infinite linear; } .fancy-text-block-nine .shape-two { width: 6px; height: 6px; background: #f77a56; bottom: 9%; right: 13%; animation: jumpThree 5s infinite linear; } .fancy-text-block-nine .shape-three { width: 8px; height: 8px; background: #ffdbd0; bottom: 9%; left: 13%; animation: jumpTwo 5s infinite linear; } .fancy-text-block-nine .shape-four { width: 11px; height: 11px; background: #ff7052; top: 12%; left: 13%; animation: jumpThree 5s infinite linear; } /*------------------ Fancy Text block Ten ----------------*/ .fancy-text-block-ten .container { max-width: 1300px; padding: 0 15px; } .fancy-text-block-ten p { font-size: 42px; line-height: 1.35em; color: #000000; padding: 25px 0 50px; } .fancy-text-block-ten .name { font-size: 20px; font-weight: 500; color: #000; position: relative; padding-left: 28px; } .fancy-text-block-ten .name span { font-size: 18px; color: #8a8a8a; font-weight: normal; } .fancy-text-block-ten .name:before { content: ""; width: 15px; height: 3px; border-radius: 2px; background: #000; position: absolute; left: 0; top: 14px; } .fancy-text-block-ten .img-meta { border-radius: 5px; margin: 0 auto; } .fancy-text-block-ten .img-gallery { position: relative; } .fancy-text-block-ten .img-gallery:before { content: url(/_next/static/media/45.7980fed1.svg); position: absolute; top: -14%; right: -5%; z-index: 1; animation: jumpThree 5s infinite linear; } .fancy-text-block-ten .img-gallery:after { content: url(/_next/static/media/46.41487350.svg); position: absolute; bottom: -12%; left: -12%; z-index: -1; animation: rotatedTwo 50s infinite linear; } /*-------------------- Fancy Feature Five -------------------*/ .fancy-feature-five { padding: 0 70px; } .fancy-feature-five .bg-wrapper { background: #f2f7ff; border-radius: 10px; padding: 120px 0 140px; position: relative; z-index: 5; } .block-style-seven { padding: 40px 22px 0; text-align: center; } .block-style-seven .icon { height: 80px; } .block-style-seven .icon img { margin: 0 auto; max-height: 100%; } .block-style-seven .feature-info { color: rgba(0, 0, 0, 0.63); padding: 30px 0 7px; } .block-style-seven p { font-size: 28px; line-height: 1.35em; color: #000; } .fancy-feature-five .shape-one { width: 6px; height: 6px; background: #f2dad5; top: 14%; right: 15%; animation: jumpThree 5s infinite linear; } .fancy-feature-five .shape-two { width: 12px; height: 12px; background: #f77a56; top: 58%; right: 6%; animation: jumpTwo 5s infinite linear; } .fancy-feature-five .shape-three { width: 7px; height: 7px; background: #f2dad5; top: 84%; left: 7%; animation: jumpThree 5s infinite linear; } .fancy-feature-five .shape-four { width: 8px; height: 8px; background: #f77a56; top: 27%; left: 8%; animation: jumpTwo 5s infinite linear; } .fancy-feature-five .shape-five { bottom: 0; right: 0; } /*------------------ Team Section Two --------------*/ .team-section-two { position: relative; } .team-section-two .shape-one { width: 11px; height: 11px; background: #f77a56; right: 11%; top: 42%; animation: jumpThree 5s infinite linear; } .team-section-two .shape-two { width: 6px; height: 6px; background: #f2dad5; right: 11%; top: 87%; animation: jumpThree 5s infinite linear; } .team-section-two .shape-three { width: 10px; height: 10px; background: #f77a56; left: 13%; top: 75%; animation: jumpTwo 5s infinite linear; } .team-section-two .shape-four { width: 8px; height: 8px; background: #f2dad5; left: 12%; top: 24%; animation: jumpThree 5s infinite linear; } .team-section-two .team-member { text-align: center; margin-top: 50px; width: 100%; } .team-section-two .team-member img { width: 100%; border-radius: 10px; transition: all 0.3s ease-in-out; } .team-section-two .team-member:hover img { transform: translateY(8px); } .team-section-two .team-member .name { font-size: 24px; font-weight: 500; color: #2a2a2a; padding: 35px 0 0; } .team-section-two .team-member .position { font-size: 16px; color: rgba(42, 42, 42, 0.54); } /*---------------- Fancy Hero Three --------------*/ .fancy-hero-three { background: #fff7ef; position: relative; padding: 225px 0 180px; z-index: 5; text-align: center; } .fancy-hero-three:before { content: ""; position: absolute; width: 100%; height: 24px; background: url(/_next/static/media/48.87865a09.svg) no-repeat center; background-size: cover; left: 0; bottom: -20px; } .fancy-hero-three.bg-transparent:before { display: none; } .fancy-hero-three .shape-one { width: 6px; height: 6px; background: #f77a56; top: 29%; right: 27%; animation: jumpThree 5s infinite linear; } .fancy-hero-three .shape-two { width: 12px; height: 12px; background: #ffdbd0; top: 59%; right: 12%; animation: jumpTwo 5s infinite linear; } .fancy-hero-three .shape-three { width: 8px; height: 8px; background: #f77a56; top: 84%; right: 25%; animation: jumpThree 5s infinite linear; } .fancy-hero-three .shape-four { width: 10px; height: 10px; background: #ffdbd0; top: 79%; left: 21%; animation: jumpTwo 5s infinite linear; } .fancy-hero-three .shape-five { width: 6px; height: 6px; background: #f77a56; top: 50%; left: 12%; animation: jumpThree 5s infinite linear; } .fancy-hero-three .shape-six { width: 11px; height: 11px; background: #ff7052; top: 27%; left: 21%; animation: jumpTwo 5s infinite linear; } .fancy-hero-three .heading { font-family: "gilroy-black"; font-size: 80px; line-height: 1.1em; padding: 0 0 38px; } .fancy-hero-three .sub-heading { font-size: 24px; line-height: 1.41em; color: #2a2a2a; } .fancy-hero-three .trial-button { border-radius: 6px; } /*---------------- Fancy Text block Eleven -----------------*/ .fancy-text-block-eleven .text-wrapper { padding: 50px 0 0 65px; } .fancy-text-block-eleven .text-wrapper p { font-size: 22px; line-height: 1.81em; } .fancy-text-block-eleven .img-gallery { position: relative; display: inline-block; } .fancy-text-block-eleven .img-gallery .overlay-img { position: absolute; right: -130px; top: -70px; z-index: 1; } .fancy-text-block-eleven .img-gallery .shape-one { top: -13%; left: -16%; } .fancy-text-block-eleven .img-gallery .shape-two { bottom: -19%; right: -21%; animation: rotatedTwo 50s infinite linear; } .fancy-text-block-eleven .img-gallery .shape-three { bottom: -9%; left: -16%; animation: jumpThree 5s infinite linear; } .fancy-text-block-eleven .video-box { display: flex; border-radius: 8px; overflow: hidden; position: relative; } .fancy-text-block-eleven .video-box .video-button { width: 85px; height: 85px; border-radius: 50%; background: #fd6a5e; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; transition: all 0.3s ease-in-out; } .fancy-text-block-eleven .video-box .video-button:hover { background: #212121; } /*--------------- Fancy Feature Six -------------*/ .fancy-feature-six { padding: 0 15px; } .fancy-feature-six .bg-wrapper { max-width: 1440px; margin: 0 auto; padding: 110px 0 210px; background: url(/_next/static/media/bg4.a04967ed.png) no-repeat top center; background-size: cover; position: relative; z-index: 5; } .fancy-feature-six .bg-wrapper .shape-one { width: 16px; height: 16px; background: #f96f60; z-index: 1; top: 5px; left: 14%; animation: jumpThree 5s infinite linear; } .fancy-feature-six .bg-wrapper .shape-two { width: 12px; height: 12px; background: #f96f60; top: 36%; right: 4%; animation: jumpTwo 5s infinite linear; } .fancy-feature-six .bg-wrapper .shape-three { width: 7px; height: 7px; background: #f96f60; top: 68%; right: 4%; opacity: 0.25; animation: jumpTwo 5s infinite linear; } .fancy-feature-six .bg-wrapper .shape-four { width: 10px; height: 10px; background: #f96f60; top: 91%; left: 7%; animation: jumpThree 5s infinite linear; } .fancy-feature-six .bg-wrapper .shape-five { width: 7px; height: 7px; background: #f96f60; top: 31%; left: 4%; opacity: 0.25; animation: jumpTwo 5s infinite linear; } .fancy-feature-six .bg-wrapper .shape-six { top: 78%; right: 2%; animation: rotatedTwo 50s infinite linear; } /*----------------- Fancy Text block Twelve -------------------*/ .fancy-text-block-twelve .text-wrapper .sub-text { font-size: 22px; line-height: 1.81em; padding-top: 40px; } .fancy-text-block-twelve .img-gallery { display: inline-block; padding: 30px 45px 0 25px; position: relative; } .fancy-text-block-twelve .img-gallery .shape-one { top: -7%; left: -10%; } .fancy-text-block-twelve .img-gallery .shape-two { bottom: -13%; right: -4%; animation: jumpTwo 5s infinite linear; } .block-style-eight { background: #fff; transition: all 0.3s ease-in-out; padding: 20px 15px 25px 32px; margin-top: 30px; border: 2px solid #dce4e8; border-radius: 5px; } .block-style-eight:hover { border-color: #000; } .block-style-eight .title { font-family: "gilroy-bold"; font-size: 20px; margin: 0 0 24px; display: inline-block; position: relative; } .block-style-eight .title:before { content: ""; width: 100%; height: 3px; background: var(--yellow-deep); border-radius: 2px; position: absolute; left: 0; bottom: -2px; } .block-style-eight p { line-height: 1.72em; color: #000; } /*----------------- Fancy Feature Seven --------------*/ .fancy-feature-seven { background: #ecf6ff; padding: 170px 0 150px; position: relative; z-index: 1; } .fancy-feature-seven:before { content: ""; position: absolute; width: 100%; height: 45px; background: url(/_next/static/media/58.2b0855cf.svg) no-repeat top center; background-size: cover; left: 0; top: -42px; } .fancy-feature-seven:after { content: ""; position: absolute; width: 100%; height: 23px; background: url(/_next/static/media/59.84885308.svg) no-repeat top center; background-size: cover; left: 0; bottom: -20px; } .block-style-nine { position: relative; } .block-style-nine .text-wrapper h6 { font-family: "Roboto", sans-serif; font-size: 20px; color: rgba(0, 0, 0, 0.63); text-transform: uppercase; letter-spacing: 1px; } .block-style-nine .text-wrapper .title { font-size: 42px; line-height: 1.28em; padding: 5px 0 30px; } .block-style-nine .text-wrapper p { font-size: 20px; line-height: 1.8em; color: rgba(14, 14, 14, 0.8); } .block-style-nine:nth-child(1) { padding-bottom: 30px; } .block-style-nine:nth-child(1):before { content: url(/_next/static/media/55.763c9e5c.svg); position: absolute; left: 33%; bottom: -14%; } .block-style-nine:nth-child(2) { padding-bottom: 30px; } .block-style-nine:nth-child(2):before { content: url(/_next/static/media/56.1a933b33.svg); position: absolute; right: 33%; bottom: -26%; } .block-style-nine:nth-child(3) { padding-bottom: 60px; } .block-style-nine:nth-child(3):before { content: url(/_next/static/media/57.cd34bc8b.svg); position: absolute; left: 36%; bottom: -16%; } /*------------------ Fancy Text Block Thirteen ---------------*/ .fancy-text-block-thirteen .text-wrapper p { font-size: 24px; line-height: 1.7em; padding-top: 45px; } /*------------------ Fancy Text Block Fourteen ---------------*/ .fancy-text-block-fourteen .text-wrapper .sub-text { font-size: 24px; line-height: 1.58em; color: #0e0e0e; padding-top: 40px; } .fancy-text-block-fourteen .text-wrapper .name { font-family: "gilroy-bold"; font-size: 24px; color: #000; position: relative; padding-left: 28px; margin-top: 40px; } .fancy-text-block-fourteen .text-wrapper .name span { font-family: "gilroy-semibold"; color: #8a8a8a; } .fancy-text-block-fourteen .text-wrapper .name:before { content: ""; width: 18px; height: 3px; border-radius: 2px; background: #000; position: absolute; left: 0; top: 13px; } .fancy-text-block-fourteen .img-holder { position: relative; padding: 0 50px 0 60px; } .fancy-text-block-fourteen .img-holder .shape-one { right: 0; top: -10%; } .fancy-text-block-fourteen .img-holder .shape-two { left: -1%; top: -12%; z-index: 1; animation: jumpTwo 5s infinite linear; } /*------------------- Pricing Section One ------------------*/ .pricing-nav-one { margin: 40px 0 20px; border: none; } .pricing-nav-one.pricing-custom-nav-one { flex-direction: column; align-items: center; justify-content: center; position: relative; top: -70px; z-index: 5; } @media only screen and (max-width: 991px) { .pricing-nav-one.pricing-custom-nav-one { top: -35px; } } .pricing-nav-one .nav-item { margin: 0; } .pricing-nav-one .nav-item .nav-link, .pricing-nav-one .react-tabs__tab { font-family: "Rubik", sans-serif; line-height: 50px; border: 2px solid var(--blue-dark); padding: 0 15px; width: 172px; text-align: center; cursor: pointer; color: var(--blue-dark); transition: all 0.3s ease-in-out; } .pricing-nav-one .nav-item:nth-child(2) .nav-link, .pricing-nav-one #react-tabs-2 { border-radius: 0 3px 3px 0; } .pricing-nav-one .nav-item .nav-link.active, .pricing-nav-one .react-tabs__tab.react-tabs__tab--selected { background: var(--blue-dark); color: #fff; } .pricing-section-one .offer-text { text-align: center; color: var(--blue-dark); } .pricing-section-one .pricing-table-area { position: relative; margin-top: -40px; padding-bottom: 130px; } .pricing-section-one .pricing-table-area:before { content: ""; position: absolute; width: 100%; height: 78%; bottom: 0; left: 0; z-index: -1; background: linear-gradient(45deg, #fffbf2, #edfffd); } .pricing-section-one .pricing-table-area .shape-one { left: 0; top: 7%; animation: jumpTwo 5s infinite linear; } .pricing-section-one .pricing-table-area .shape-two { right: 0; bottom: -140px; animation: jumpThree 5s infinite linear; } .pricing-section-one .pr-table-wrapper { background: #fff; box-shadow: 0 -10px 40px rgba(60, 67, 113, 0.05); padding: 35px 0 25px; text-align: center; transition: all 0.3s ease-in-out; } .pricing-section-one .pr-table-wrapper:hover { transform: translateY(-5px); } .pricing-section-one .pr-table-wrapper .pack-name { font-family: "gilroy-semibold"; font-size: 18px; text-transform: uppercase; color: #202020; letter-spacing: 2.1px; } .pricing-section-one .pr-table-wrapper .price { font-size: 60px; color: #000; padding: 20px 0 27px; } .pricing-section-one .pr-table-wrapper .price sup { font-size: 25px; top: -21px; } .pricing-section-one .pr-table-wrapper .icon { margin: 28px auto 20px; height: 102px; } .pricing-section-one .pr-table-wrapper .bill-cycle { font-size: 17px; color: #464646; } .pricing-section-one .pr-table-wrapper .pr-feature { text-align: left; border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; padding: 46px 0 36px 20px; margin: 19px 0 33px; } .pricing-section-one .pr-table-wrapper .pr-feature li { font-family: "Rubik", sans-serif; font-size: 17px; line-height: 42px; color: #464646; padding-left: 30px; position: relative; } .pricing-section-one .pr-table-wrapper .pr-feature li:before { content: url(/_next/static/media/39.5cfb77f3.svg); position: absolute; left: 0; top: 2px; } .pricing-section-one .pr-table-wrapper .trial-text { font-size: 16px; padding-top: 12px; color: rgba(0, 0, 0, 0.58); } /*----------------- Fancy Text Block Fifteen --------------*/ .fancy-text-block-fifteen { position: relative; padding-bottom: 170px; } .fancy-text-block-fifteen:before { content: ""; width: 100%; height: 82%; background: #fafaff; position: absolute; bottom: 0; left: 0; z-index: -1; } .fancy-text-block-fifteen .shape-one { width: 15px; height: 15px; border-radius: 50%; background: #ff6cc4; right: 13%; top: 28%; animation: jumpThree 5s infinite linear; } .fancy-text-block-fifteen .shape-two { width: 7px; height: 7px; border-radius: 50%; background: #f5a623; right: 13%; bottom: 28%; animation: jumpThree 5s infinite linear; } .fancy-text-block-fifteen .shape-three { width: 20px; height: 20px; border-radius: 50%; background: #b183ff; left: 11%; bottom: 16%; animation: jumpTwo 5s infinite linear; } .fancy-text-block-fifteen .shape-four { width: 8px; height: 8px; border-radius: 50%; background: #6aee90; left: 11%; top: 42%; animation: jumpTwo 5s infinite linear; } .fancy-text-block-fifteen .bg-wrapper { background: #5e43f0; border-radius: 10px; padding: 85px 60px 0 15px; } .fancy-text-block-fifteen .bg-wrapper .main-img { margin: 0 auto; } .fancy-text-block-fifteen .text-wrapper .more-text { font-family: "gilroy-semibold"; font-size: 20px; color: #fff; padding: 28px 0 20px; } .fancy-text-block-fifteen .text-wrapper .more-text span { text-decoration: underline; } .fancy-text-block-fifteen .text-wrapper p { font-size: 40px; line-height: 1.5em; color: #fff; } .fancy-text-block-fifteen .text-wrapper h6 { font-size: 20px; font-weight: 500; color: #fff; padding-top: 37px; } .fancy-text-block-fifteen .text-wrapper h6 span { font-weight: normal; font-size: 18px; } .fancy-text-block-fifteen .contact-banner p { font-size: 42px; line-height: 1.42em; color: #000; } .fancy-text-block-fifteen .contact-banner .theme-btn-four { line-height: 55px; width: 220px; font-size: 22px; text-align: center; display: block; } /*-------------------- Fancy Hero Four ---------------------*/ .fancy-hero-four { background: #ecf6ff; position: relative; padding: 185px 0 390px; z-index: 5; text-align: center; } .fancy-hero-four.bg-event { background: #fbf3ec; } .fancy-hero-four.bg-doc { background: #f7faff; } .fancy-hero-four.space-fix { padding: 220px 0 320px; } .fancy-hero-four h6 { font-size: 18px; letter-spacing: 1.8px; text-transform: uppercase; color: rgba(42, 42, 42, 0.52); padding-bottom: 25px; } .fancy-hero-four h2 { font-family: "gilroy-black"; font-size: 80px; line-height: 1.1em; } .fancy-hero-four .sub-heading { font-size: 24px; line-height: 1.75em; padding: 55px 0 15px; color: #2a2a2a; } .fancy-hero-four .shape-one { width: 6px; height: 6px; background: #f77a56; top: 29%; right: 27%; animation: jumpThree 5s infinite linear; } .fancy-hero-four .shape-two { width: 12px; height: 12px; background: #ffdbd0; top: 59%; right: 12%; animation: jumpTwo 5s infinite linear; } .fancy-hero-four .shape-three { width: 8px; height: 8px; background: #f77a56; top: 84%; right: 25%; animation: jumpThree 5s infinite linear; } .fancy-hero-four .shape-four { width: 10px; height: 10px; background: #ffdbd0; top: 79%; left: 21%; animation: jumpTwo 5s infinite linear; } .fancy-hero-four .shape-five { width: 6px; height: 6px; background: #f77a56; top: 50%; left: 12%; animation: jumpThree 5s infinite linear; } .fancy-hero-four .shape-six { width: 11px; height: 11px; background: #ff7052; top: 27%; left: 21%; animation: jumpTwo 5s infinite linear; } /*--------------------- Pricing Section Two -----------------*/ .pricing-nav-two { margin: 40px 0 20px; border: none; } .pricing-nav-two .nav-item { margin: 0; } .pricing-nav-two .nav-item .nav-link, .pricing-nav-two .react-tabs__tab { font-family: "Rubik", sans-serif; line-height: 50px; border: 2px solid var(--red-light); padding: 0 15px; width: 172px; text-align: center; color: var(--red-light); cursor: pointer; transition: all 0.3s ease-in-out; } .pricing-nav-two .nav-item:nth-child(1) .nav-link, .pricing-nav-two:nth-child(1) .react-tabs__tab { border-radius: 3px 0 0 3px; } .pricing-nav-two .nav-item:nth-child(2) .nav-link, .pricing-nav-two #react-tabs-2 { border-radius: 0 3px 3px 0; } .pricing-nav-two .nav-item .nav-link.active, .pricing-nav-two .react-tabs__tab.react-tabs__tab--selected { background: var(--red-light); color: #fff; } .pricing-section-two .pricing-table-area { position: relative; margin-top: -280px; z-index: 6; border: 1px solid #f1f1f1; border-right: none; } .pricing-section-two .pricing-table-area .tab-content { background: #fff; } .pricing-section-two .pricing-table-area .pr-bg { border-right: 1px solid #f1f1f1; } .pricing-section-two .pr-table-wrapper { text-align: center; padding: 20px 0 40px; width: 100%; } .pricing-section-two .pr-table-wrapper .pack-name { font-family: "gilroy-semibold"; font-size: 18px; text-transform: uppercase; color: #202020; letter-spacing: 2.1px; } .pricing-section-two .pr-table-wrapper .price { font-family: "gilroy-semibold"; font-size: 72px; color: #000; padding: 44px 0 20px; } .pricing-section-two .pr-table-wrapper .price sup { font-size: 25px; top: -45px; } .pricing-section-two .pr-table-wrapper .bill-cycle { font-size: 18px; color: #000; margin-bottom: 22px; } .pricing-section-two .pr-table-wrapper .theme-btn-three { line-height: 42px; padding: 0 40px; } .pricing-section-two .pr-table-wrapper .pr-feature { text-align: left; border-top: 1px solid #e8e8e8; padding: 34px 0 0 26px; margin: 35px 0 0; } .pricing-section-two .pr-table-wrapper .pr-feature li { font-size: 17px; line-height: 39px; color: rgba(0, 0, 0, 0.7); padding-left: 26px; position: relative; } .pricing-section-two .pr-table-wrapper .pr-feature li:before { content: url(/_next/static/media/43.36146904.svg); position: absolute; left: 0; top: 2px; } .pricing-section-two .pricing-table-area .shape-one { left: -7%; top: -7%; animation: jumpTwo 5s infinite linear; } .pricing-section-two .pricing-table-area .shape-two { right: -7%; bottom: -9%; animation: rotatedTwo 50s infinite linear; } /*------------------- FAQ Section -------------------*/ .accordion-style-three .card { background: transparent; border-radius: 0; border: none; border-bottom: 1px solid #000000 !important; } .accordion-style-three .card .card-header { background: transparent; border-radius: 0; padding: 0; border: none; } .accordion-style-three .card .card-header button { display: block; width: 100%; text-align: left; padding: 35px 35px 35px 0; font-family: "Rubik", sans-serif; font-size: 24px; border: none; border-radius: 0; margin: 0; color: var(--heading); text-decoration: none; position: relative; border-bottom: 1px solid transparent; } .accordion-style-three .card:first-child .card-header button { border-top: 1px solid #000000; } .accordion-style-three .card .card-header button:before { content: "\f107"; font-family: "font-awesome"; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); } .accordion-style-three .card .card-body { border-bottom: 1px solid #000000; padding: 0 50px 20px 0; } .accordion-style-three .card .card-body p { padding-bottom: 15px; } .accordion-style-three .card .card-body p a { text-decoration: underline; color: var(--p-color); } .accordion-style-three .card:last-child .card-body { border: none; padding-bottom: 0; } .more-faq-meta h3 { font-size: 36px; } .more-faq-meta a { font-size: 16px; font-weight: 500; line-height: 45px; border: 1px solid rgba(255, 122, 81, 0.4); background: rgba(255, 104, 40, 0.07); padding: 0 45px; border-radius: 22px; color: var(--red-light); transition: all 0.3s ease-in-out; } .more-faq-meta a:hover { background: var(--red-light); color: #fff; } /*-------------- Contact Style Two --------------*/ .contact-style-two .contact-info-wrapper { position: relative; z-index: 5; margin-top: -195px; } .contact-style-two .contact-info-wrapper .shape-one { left: -7%; top: -18%; animation: jumpTwo 5s infinite linear; } .contact-style-two .contact-info-wrapper .shape-two { right: -8%; bottom: -26%; animation: rotatedTwo 50s infinite linear; } .contact-style-two .contact-info-wrapper .address-info { background: #fff; border-radius: 5px; box-shadow: 0 15px 30px rgba(0, 0, 0, 0.04); padding: 55px 15px 22px; text-align: center; margin-bottom: 35px; height: 100%; width: 100%; } .contact-style-two .contact-info-wrapper .address-info .icon { height: 82px; } .contact-style-two .contact-info-wrapper .address-info .icon img { margin: 0 auto; max-height: 100%; } .contact-style-two .contact-info-wrapper .address-info .title { font-size: 20px; color: #8e8e8e; padding: 17px 0 22px; position: relative; display: inline-block; } .contact-style-two .contact-info-wrapper .address-info .title:before { content: ""; width: 100%; height: 3px; background: #ffb840; border-radius: 2px; position: absolute; left: 0; bottom: 22px; } .contact-style-two .contact-info-wrapper .address-info p { font-size: 28px; line-height: 1.35em; color: #000; } .contact-style-two .contact-info-wrapper .address-info ul li a { font-size: 22px; margin: 5px 15px; color: rgba(0, 0, 0, 0.52); transition: all 0.2s ease-in-out; } .contact-style-two .contact-info-wrapper .address-info ul li a:hover { color: var(--red-light); } .form-style-classic .input-group-meta { height: 58px; position: relative; } .form-style-classic .input-group-meta.lg { height: 200px; } .form-style-classic .input-group-meta input { width: 100%; height: 100%; font-size: 23px; border: none; border-bottom: solid 2px #000; color: var(--heading); background: transparent; font-family: "Rubik", sans-serif; } .form-style-classic .input-group-meta textarea { width: 100%; height: 100%; font-size: 23px; color: var(--heading); border: none; border-bottom: solid 2px #000; resize: none; padding: 20px 0; font-family: "Rubik", sans-serif; } .form-style-classic .input-group-meta label { font-size: 14px; font-weight: normal; color: #bfbfbf; position: absolute; left: 0; top: -20px; z-index: 1; } .form-style-classic [class*=theme-btn] { border-radius: 5px; } /*---------------------- Faqs -------------------*/ .faqs-inner-page { background: linear-gradient(45deg, #fffbf2, #edfffd); padding: 170px 0 185px; position: relative; z-index: 5; } .faqs-header .icon { height: 55px; margin-right: 32px; } .faqs-header h3 { font-family: "gilroy-semibold"; font-size: 36px; } .faqs-header .collection-preview { font-size: 20px; line-height: 1.6em; padding-bottom: 25px; } .faqs-header .avatar { margin-top: -7px; } .faqs-header .avatar img { width: 42px; height: 42px; border-radius: 50%; box-shadow: 0 0 0 3px white; position: relative; } .faqs-header .avatar img:nth-child(n+2) { z-index: 1; margin-left: -10px; } .faqs-header .avatar_fallback { width: 48px; height: 48px; border-radius: 50%; background: var(--blue-dark); border: 3px solid #fff; line-height: 42px; color: #fff; font-size: 17px; z-index: 5; margin-left: -10px; text-align: center; } .faqs-header .collection-info { font-size: 16px; line-height: 1.5em; padding: 10px 0 0 0; color: #878787; } .faqs-header .collection-info span { color: var(--heading); font-weight: 500; } .all-faqs .faqs-all-qus { margin-bottom: 70px; } .all-faqs .faqs-all-qus .article-preview { background: #fff; padding: 45px 40px; margin-bottom: 18px; box-shadow: 0 15px 30px rgba(23, 59, 40, 0.05); } .all-faqs .faqs-all-qus .article-preview h3 { transition: 0.3s; } .all-faqs .faqs-all-qus .article-preview:hover h3 { color: var(--blue-dark); } .faqs-all-qus .article-preview .avatar-img { width: 50px; height: 50px; border-radius: 50%; margin-right: 22px; } .faqs-all-qus .article-preview h3 { font-size: 24px; padding-bottom: 10px; } .faqs-all-qus .article-preview .avatar-info { font-size: 16px; line-height: 1.63em; color: #606060; } .faqs-all-qus .article-preview .avatar-info span { font-weight: 500; } .faqs-all-qus .article-preview .article-details { border-top: 1px solid #d8d8d8; margin-top: 46px; padding: 38px 0 48px; color: rgba(0, 0, 0, 0.8); } .faqs-all-qus .article-preview .article-details .list-meta { padding: 31px 0 32px 43px; } .faqs-all-qus .article-preview .article-details .list-meta li { padding-left: 25px; position: relative; margin-bottom: 20px; } .faqs-all-qus .article-preview .article-details .list-meta li:before { content: url(/_next/static/media/49.4ac11ef0.svg); position: absolute; left: 0; top: 0; } .faqs-all-qus .article-preview .article-details .reaction-wrapper { border: 2px solid #979797; border-radius: 5px; text-align: center; padding: 50px 15px; margin-top: 68px; position: relative; z-index: 1; } .faqs-all-qus .article-preview .article-details .reaction-wrapper h4 { font-size: 24px; padding-bottom: 24px; } .faqs-all-qus .article-preview .article-details .reaction-wrapper button { margin: 0 11px; transition: all 0.2s ease-in-out; } .faqs-all-qus .article-preview .article-details .reaction-wrapper button:hover { transform: translateY(-3px); } .faqs-inner-page .more-faq-ask h3 { font-size: 36px; } .faqs-inner-page .shape-one { left: 0; bottom: -140px; animation: jumpTwo 5s infinite linear; } .faqs-inner-page .shape-two { width: 30px; height: 30px; background: #ffdfdf; border-radius: 50%; top: -15px; left: 40%; } .faqs-inner-page .shape-three { width: 7px; height: 7px; background: #51fcff; border-radius: 50%; top: 190px; right: 9%; } .faqs-inner-page .shape-four { width: 8px; height: 8px; background: #ffcd8b; border-radius: 50%; top: 211px; left: 12%; } /*------------------ Login/Sign Up ----------------------*/ .user-data-page .illustration-wrapper { float: left; width: 48%; padding: 40px 0; min-height: 100vh; background: #f8fafe; text-align: center; } .user-data-page .illustration-wrapper h3 { font-size: 36px; line-height: 1.27em; padding: 40px 0; } .user-data-page .illustration-wrapper h3 a { text-decoration: underline; } .user-data-page .illustration-wrapper .illustration-holder { width: 100%; } .user-data-page .illustration-wrapper .illustration-holder .illustration { width: 100%; } .user-data-page .illustration-wrapper .illustration-holder .shape-one { bottom: 2%; left: 2%; z-index: 1; width: 60%; animation: jumpTwo 5s infinite linear; } .user-data-page .illustration-wrapper .illustration-holder .shape-two { bottom: 2%; left: 59%; z-index: 1; width: 40%; animation: jumpThree 5s infinite linear; } .user-data-page .form-wrapper { float: left; width: 47%; height: 100%; padding: 50px 4% 20px; position: relative; } .user-data-page .go-back-button { font-size: 15px; } .user-data-page .go-back-button:hover { color: #000; text-decoration: underline; } .user-data-page .form-wrapper h2 { font-family: "gilroy-bold"; font-size: 58px; line-height: 1.17em; } .user-data-page .form-wrapper .header-info { font-size: 22px; color: var(--heading); } .user-data-page .form-wrapper .header-info a { color: var(--blue-dark); text-decoration: underline; } .user-data-page .form-wrapper .copyright-text { font-size: 16px; } .user-data-form .input-group-meta { height: 55px; position: relative; } .user-data-form .input-group-meta input { font-family: "Rubik", sans-serif; width: 100%; height: 100%; font-size: 18px; border: none; border-bottom: solid 2px #000; padding: 0 52px 0 0; color: var(--heading); background: transparent; } .user-data-form .input-group-meta input:focus { border-color: var(--blue-dark); } .user-data-form .input-group-meta label { font-size: 15px; font-weight: normal; color: #bfbfbf; position: absolute; left: 0; top: -21px; } .user-data-form .input-group-meta .placeholder_icon { position: absolute; line-height: 55px; top: 0; right: 0; bottom: 0; width: 50px; text-align: center; z-index: 1; color: rgba(0, 0, 0, 0.45); font-size: 17px; } .user-data-form .input-group-meta .valid-sign img { opacity: 0; transition: all 0.2s ease-in-out; } .user-data-form .input-group-meta input:valid + .valid-sign img { opacity: 1; } .user-data-form .input-group-meta .placeholder_icon img { position: relative; top: 50%; margin: 0 auto; transform: translateY(-50%); } .user-data-form .input-group-meta .placeholder_icon span { width: 100%; height: 100%; cursor: pointer; display: block; position: relative; } .user-data-form .input-group-meta .placeholder_icon span:before { content: ""; width: 2px; height: 26px; background: #000; position: absolute; top: 15px; left: 24px; transform: rotate(45deg); z-index: 5; transition: all 0.2s ease-in-out; } .user-data-form .input-group-meta .placeholder_icon span.eye-slash:before { opacity: 0; } .user-data-form .agreement-checkbox label { position: relative; font-size: 15px; color: var(--heading); cursor: pointer; padding-left: 22px; line-height: 18px; transition: all 0.1s ease-in-out; } .user-data-form .agreement-checkbox label a { color: var(--p-color); text-decoration: underline; } .user-data-form .agreement-checkbox input[type=checkbox] { display: none; } .user-data-form .agreement-checkbox label:before { content: ""; width: 13px; height: 13px; line-height: 11px; border-radius: 2px; border: 2px solid rgba(0, 0, 0, 0.3); font-size: 8px; text-align: center; position: absolute; left: 0; top: 2px; transition: all 0.1s ease-in-out; } .user-data-form .agreement-checkbox input[type=checkbox]:checked + label:before { content: "\f00c"; background: #000; color: #fff; border-color: #000; font: normal normal normal 14px/1 FontAwesome; font-size: 9px; } .user-data-form .agreement-checkbox a { position: relative; font-size: 15px; color: rgba(30, 30, 30, 0.55); } .user-data-form .agreement-checkbox a:hover { text-decoration: underline; color: var(--p-color); } .user-data-form .theme-btn-one { width: 100%; } .user-data-page .full-height { min-height: 100vh; padding: 20px 0; flex-direction: column; text-align: center; } .full-height .user-data-form .button-solid-one { width: 200px; margin: 0 auto 30px; } /*------------------- Blog Pages ----------------*/ .blog-page-bg { background: linear-gradient(45deg, #fffbf2, #edfffd); padding: 180px 0 150px; position: relative; z-index: 5; } .blog-page-white-bg { padding: 140px 0 0; } .blog-page-bg .shape-one { width: 30px; height: 30px; background: #b183ff; border-radius: 50%; top: -15px; left: 40%; z-index: 1; } .blog-page-bg .shape-two { width: 7px; height: 7px; background: #51fcff; border-radius: 50%; top: 190px; right: 9%; } .blog-page-bg .shape-three { width: 8px; height: 8px; background: #ffcd8b; border-radius: 50%; top: 211px; left: 12%; } .feature-blog-one.width-lg .post-meta { padding: 35px 40px 80px; } .feature-blog-one.width-lg .post-meta .read-more { left: 40px; right: 40px; } .feature-blog-one.width-lg .post-meta p { font-size: 17px; line-height: 1.76em; padding-top: 35px; } .blog-sidebar-one { padding-left: 20px; } .blog-sidebar-one .sidebar-search-form form { height: 60px; background: #fff; box-shadow: 5px 10px 25px rgba(15, 24, 40, 0.04); position: relative; } .blog-v3 .blog-sidebar-one .sidebar-search-form form { box-shadow: none; border: 1.5px solid #000; border-radius: 4px; } .blog-sidebar-one .sidebar-search-form form input { font-size: 17px; width: 100%; height: 100%; border: none; padding: 0 45px 0 20px; background: transparent; } .blog-sidebar-one .sidebar-search-form form button { width: 40px; top: 0; right: 0; bottom: 0; position: absolute; background: transparent; } .blog-sidebar-one .sidebar-title { font-family: "gilroy-bold"; font-size: 30px; padding-bottom: 15px; } .blog-sidebar-one .sidebar-categories ul li a { font-family: "Rubik", sans-serif; font-size: 18px; line-height: 60px; color: #000; border-bottom: 1px solid #ececec; display: block; transition: all 0.3s ease-in-out; } .blog-sidebar-one .sidebar-categories ul li a span { float: right; } .blog-sidebar-one .sidebar-categories ul li:first-child a { border-top: 1px solid #ececec; } .blog-sidebar-one .sidebar-categories ul li a:hover { color: var(--blue-dark); } .blog-v3 .blog-sidebar-one .sidebar-categories ul li a:hover { color: var(--red-light); } .blog-sidebar-one .sidebar-recent-news .title { font-family: "gilroy-bold"; font-size: 24px; line-height: 1.25em; color: #000; display: block; margin-bottom: 10px; transition: all 0.3s ease-in-out; } .blog-sidebar-one .sidebar-recent-news ul li a:hover .title { color: var(--blue-dark); } .blog-v3 .blog-sidebar-one .sidebar-recent-news ul li a:hover .title { color: var(--red-light); } .blog-sidebar-one .sidebar-recent-news .date { color: #a2a2a2; } .blog-sidebar-one .sidebar-recent-news ul li a { border-bottom: 1px solid #ececec; padding: 17px 0; } .blog-sidebar-one .sidebar-recent-news ul li:first-child a { border-top: 1px solid #ececec; } .blog-sidebar-one .sidebar-keyword ul { margin: 0 -5px; } .blog-sidebar-one .sidebar-keyword ul li { float: left; padding: 0 5px; margin-bottom: 18px; } .blog-sidebar-one .sidebar-keyword ul li a { font-weight: 500; font-size: 14px; background: #fff; line-height: 35px; border-radius: 4px; padding: 0 25px; color: #000; text-transform: uppercase; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); transition: all 0.3s ease-in-out; } .blog-v3 .blog-sidebar-one .sidebar-keyword ul li a { box-shadow: none; border: 1px solid #000; border-radius: 4px; } .blog-sidebar-one .sidebar-keyword ul li a:hover { background: var(--blue-dark); color: #fff; } .blog-v3 .blog-sidebar-one .sidebar-keyword ul li a:hover { background: var(--red-light); border-color: var(--red-light); } .blog-sidebar-one .sidebar-keyword .sidebar-title { border-bottom: 1px solid #ececec; margin-bottom: 15px; } .feature-blog-three { padding-right: 40px; } .feature-blog-three .post-meta .image-meta { border-radius: 5px 5px 0 0; } .feature-blog-three .post-meta .post { border: 1px solid #e4e4e4; margin-top: -8px; padding: 40px 38px 33px; border-radius: 8px; } .feature-blog-three .post-meta .post .date { font-size: 16px; color: rgba(0, 0, 0, 0.63); } .feature-blog-three .post-meta .post .title { font-family: "gilroy-bold"; font-size: 30px; line-height: 1.26em; color: #000; display: block; margin: 5px 0 25px; transition: all 0.3s ease-in-out; } .feature-blog-three .post-meta:hover .post .title { color: var(--red-light); } .feature-blog-three .post-meta .post p { font-size: 17px; line-height: 1.64em; } .feature-blog-three .post-meta .post .read-more { font-size: 16px; font-weight: 500; color: #2a2a2a; margin-top: 30px; transition: all 0.3s ease-in-out; } .feature-blog-three .post-meta .post .read-more:hover { color: var(--red-light); } .feature-blog-three .post-meta { margin-bottom: 60px; } .blog-v4 .wrapper { max-width: 1000px; margin: 0 auto; } .blog-v4 .post-meta { margin-bottom: 80px; } .blog-v4 .post-meta .post { padding: 45px 0 0; } .blog-v4 .post-meta .post .date { font-size: 16px; color: rgba(0, 0, 0, 0.63); } .blog-v4 .post-meta .post .title { font-family: "gilroy-black"; font-size: 48px; line-height: 1.04em; color: #000; display: block; margin: 5px 0 45px; transition: all 0.3s ease-in-out; } .blog-v4 .post-meta .post p { font-size: 20px; line-height: 1.7em; } .blog-v4 .post-meta .post .read-more { font-family: "gilroy-bold"; font-size: 18px; color: #2a2a2a; margin-top: 30px; transition: all 0.3s ease-in-out; } .blog-v4 .post-meta .post .read-more span { text-decoration: underline; } .blog-v4 .post-meta.text-post { border: 2px solid #000; border-radius: 5px; } .blog-v4 .post-meta.text-post .post { padding: 45px 40px; } .blog-details-post-v1 .post-meta .mark-text { font-family: "gilroy-bold"; font-size: 23px; color: #000; line-height: 1.41em; padding-top: 35px; } .blog-details-post-v1 .post-meta h4 { font-family: "gilroy-black"; font-size: 36px; padding-top: 60px; } .blog-details-post-v1 .share-area { border-top: 1px solid rgba(0, 0, 0, 0.09); padding: 25px 0; margin-top: 40px; width: 100%; } .blog-details-post-v1 .share-option li { font-size: 15px; color: var(--heading); font-style: italic; margin-left: 10px; } .blog-details-post-v1 .share-option li:first-child { margin-left: 0; } .blog-details-post-v1 .share-option li a { width: 38px; height: 38px; border-radius: 50%; text-align: center; line-height: 38px; color: #fff; font-size: 20px; } .blog-details-post-v1 .tag-feature li:first-child { font-family: "gilroy-bold"; color: #000; font-size: 15px; } .blog-details-post-v1 .tag-feature li a { font-size: 15px; color: #73737b; } .blog-details-post-v1 .tag-feature li a:hover { color: var(--blue-dark); } .feature-blog-one.width-lg.blog-details-post-v1 .post-meta { padding-bottom: 0; } .blog-details-post-v1 .comment-area { background: #fff; border-radius: 5px; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08); margin-bottom: 50px; padding: 50px 40px 30px; } .blog-details-post-v1 .comment-area .title { font-family: "gilroy-black"; font-size: 36px; padding-bottom: 40px; } .blog-details-post-v1 .comment-area .single-comment { border-top: 1px solid #e5e5e5; padding: 35px 0; position: relative; } .blog-details-post-v1 .comment-area .user-img { width: 60px; height: 60px; border-radius: 50%; } .blog-details-post-v1 .comment-area .comment { padding-left: 20px; position: relative; } .blog-details-post-v1 .comment-area .name { font-family: "gilroy-semibold"; font-size: 20px; } .blog-details-post-v1 .comment-area .time { font-size: 16px; color: #adadad; padding: 5px 0 15px; } .blog-details-post-v1 .comment-area p { font-size: 17px; line-height: 1.58em; } .blog-details-post-v1 .comment-area .reply { position: absolute; top: 0; right: 0; width: 70px; height: 29px; border-radius: 15px; background: var(--blue-dark); text-transform: uppercase; color: #fff; font-weight: 500; font-size: 14px; } .blog-details-post-v1 .comment-form-section { background: #fff; border-radius: 5px; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.0008); margin-bottom: 50px; padding: 50px 40px 60px; } .blog-details-post-v1 .comment-form-section .title { font-family: "gilroy-black"; font-size: 36px; padding-bottom: 15px; } .blog-details-post-v1 .comment-form-section p { font-size: 18px; color: #2a2a2a; } .blog-details-post-v1 .comment-form-section p a { font-weight: 500; color: #000; text-decoration: underline; } .blog-details-post-v1 .comment-form-section .form-style-light { padding: 0; box-shadow: none; margin-top: 50px; } .blog-details-post-v1 .comment-form-section .form-style-light [class*=col-] { display: block; } .blog-details-post-v1 .blog-quote { font-size: 24px; line-height: 40px; padding: 40px 50px; margin: 35px 0 0; position: relative; z-index: 2; background: #f8fafc; font-style: normal; border-left: 5px solid var(--blue-dark); } /*======================================================================= Documentation =========================================================================*/ .theme-menu-three .logo { position: absolute; left: 0; top: 50%; transform: translateY(-50%); } .theme-menu-three .right-widget { position: absolute; right: 0; top: 50%; transform: translateY(-50%); } .theme-menu-three .navbar { position: static; } .theme-menu-three .user-login-button li a { font-size: 16px; font-weight: 500; line-height: 46px; color: #000; transition: all 0.3s ease-in-out; } .theme-menu-three .user-login-button li a:hover { color: var(--blue-light); } .theme-menu-three .user-login-button .signIn-action img { margin-right: 12px; margin-top: -3px; } .theme-menu-three .user-login-button li .signUp-action { border: 2px solid #000; background: #000; padding: 0 20px; color: #fff; margin-left: 35px; } .theme-menu-three .user-login-button li .signUp-action img { margin-left: 12px; } .theme-menu-three .user-login-button li .signUp-action:hover { background: var(--blue-light); border-color: var(--blue-light); color: #fff; } /*-------------------- Theme Hero Banner/Three -----------------*/ .hero-banner-three { padding: 40px 0 0; position: relative; } .hero-banner-three:before { content: ""; position: absolute; width: 100%; height: 83%; background: url(/_next/static/media/67.e10d78bc.svg); background-size: cover; background-repeat: no-repeat; background-position: center top; left: 0; bottom: 78px; z-index: -1; } .hero-banner-three h1 { font-size: 100px; line-height: 1.05em; text-align: center; } .hero-banner-three .sub-text { font-size: 28px; line-height: 1.39em; font-weight: 300; color: #2a2a2a; text-align: center; padding: 25px 0 45px; } .hero-banner-three .sing-in-call { font-size: 16px; padding-top: 25px; color: #2c2c2c; text-align: center; } .hero-banner-three .sing-in-call a { color: var(--blue-light); transition: all 0.25s ease-in-out; } .hero-banner-three .sing-in-call a:hover { text-decoration: underline; } .hero-banner-three .illustration { margin: 95px auto 0; } .search-filter-form form { max-width: 750px; margin: 0 auto; height: 78px; position: relative; background: #fff; border-radius: 5px; box-shadow: 0 30px 50px rgba(7, 21, 36, 0.06); } .search-filter-form input { width: 100%; height: 100%; border: none; padding: 0 260px 0 35px; font-size: 16px; border-radius: 5px; } .search-filter-form button { width: 85px; right: 7px; bottom: 7px; top: 7px; background: #111111; position: absolute; border-radius: 5px; transition: all 0.3s ease-in-out; } .search-filter-form button img { margin: 0 auto; } .search-filter-form button:hover { background: var(--blue-light); } .search-filter-form select { position: absolute; width: 135px; height: 35px; position: absolute; right: 120px; top: 21px; border: none; border-radius: 0; border-left: 1px solid rgba(0, 0, 0, 0.4) !important; outline: none !important; box-shadow: none !important; } .hero-banner-three .shape-one { top: 5%; right: 15%; animation: rotatedTwo 25s infinite linear; } .hero-banner-three .shape-two { top: 11%; right: 7%; } .hero-banner-three .shape-three { top: 24%; right: 20%; } .hero-banner-three .shape-four { top: 28%; right: 11%; animation: jumpTwo 5s infinite linear; } .hero-banner-three .shape-five { top: 40%; right: 8%; } .hero-banner-three .shape-six { top: 6%; left: 9%; } .hero-banner-three .shape-seven { top: 19%; left: 7%; } .hero-banner-three .shape-eight { top: 24%; left: 16%; animation: jumpThree 5s infinite linear; } .hero-banner-three .shape-nine { top: 35%; left: 21%; } .hero-banner-three .shape-ten { top: 42%; left: 11%; animation: rotatedTwo 50s infinite linear; } /*------------------ Fancy Feature Eight --------------*/ .block-style-ten { border: 2px solid #eef3f7; border-radius: 10px; text-align: center; padding: 75px 80px 45px; margin-top: 40px; transition: all 0.3s ease-in-out; } .block-style-ten:hover { border-color: #000; } .block-style-ten .icon { height: 80px; } .block-style-ten .icon img { margin: 0 auto; max-height: 100%; } .block-style-ten .title { font-size: 20px; color: rgba(0, 0, 0, 0.63); padding: 20px 0; } .block-style-ten p { font-size: 24px; line-height: 1.45em; color: #000; padding-bottom: 27px; } /*------------------ Fancy Text block Sixteen ---------------*/ .fancy-text-block-sixteen { position: relative; padding-bottom: 150px; z-index: 5; } .fancy-text-block-sixteen:before { content: ""; position: absolute; width: 100%; height: 82%; left: 0; bottom: 0; background: #f7faff; z-index: -1; } .fancy-text-block-sixteen .img-slick-slider { box-shadow: 0 30px 100px rgba(8, 17, 40, 0.05); margin-bottom: 90px; } .fancy-text-block-sixteen .img-slick-slider .slick-dots { position: absolute; width: 100%; left: 0; bottom: -84px; } .fancy-text-block-sixteen .img-slick-slider .slick-dots li { float: left; width: 33.333333%; height: 4px; background: rgba(216, 216, 216, 0.35); position: relative; } .fancy-text-block-sixteen .img-slick-slider .slick-dots li button { text-indent: -50000px; position: absolute; left: 0; top: 0; height: 4px; background: #ffd084; border-radius: 4px; width: 75%; opacity: 0; transform: scale(0, 1); transform-origin: 0 100%; transition: all 0.3s ease-in-out; } .fancy-text-block-sixteen .img-slick-slider .slick-dots li.slick-active button { opacity: 1; transform: scale(1, 1); } .fancy-text-block-sixteen .img-slick-slider .slick-dots li:last-child button { left: auto; right: 0; } .block-style-eleven .num { font-size: 30px; color: #202020; } .block-style-eleven .title { font-size: 18px; color: rgba(0, 0, 0, 0.5); padding: 17px 0 10px; } .block-style-eleven p { font-size: 25px; color: #000; line-height: 1.35em; } /*---------------------- Fancy Feature Eight --------------*/ .block-style-twelve .text-wrapper h6 { font-size: 16px; text-transform: uppercase; color: rgba(0, 0, 0, 0.54); letter-spacing: 2px; } .block-style-twelve .text-wrapper .title { font-size: 42px; line-height: 1.28em; padding: 20px 0 30px; } .block-style-twelve .text-wrapper p { font-size: 22px; line-height: 1.59em; } .block-style-twelve { padding: 140px 0; position: relative; } .block-style-twelve:before { content: ""; position: absolute; width: 100%; height: 13px; left: 0; bottom: -7px; background: url(/_next/static/media/line-shape-9.ae2240a9.svg); background-repeat: no-repeat; background-size: cover; background-position: center; } .block-style-twelve:last-child { padding-bottom: 0; } .block-style-twelve:last-child:before { display: none; } /*-------------------- Client Feedback Slider Two ---------------------*/ .client-feedback-slider-two { background: #f7faff; position: relative; padding: 90px 0 120px; z-index: 5; } .client-feedback-slider-two .slider-content { max-width: 1710px; padding: 0 15px; margin: 0 auto; } .client-feedback-slider-two .bg-wrapper { background: #fff; padding: 50px 40px 45px; position: relative; margin: 0 15px 70px; transition: all 0.3s ease-in-out; } .client-feedback-slider-two .slick-center .bg-wrapper { box-shadow: 0px 40px 40px rgba(2, 7, 7, 0.03); } .client-feedback-slider-two .bg-wrapper:before { content: url(/_next/static/media/58.d4b82d60.svg); position: absolute; right: 40px; bottom: 45px; } .client-feedback-slider-two .bg-wrapper .logo { height: 40px; } .client-feedback-slider-two .bg-wrapper p { font-size: 22px; line-height: 1.72em; color: #2c2c2c; padding: 35px 0 40px; } .client-feedback-slider-two .bg-wrapper .name { font-size: 22px; color: #000; } .client-feedback-slider-two .bg-wrapper .desig { font-size: 18px; color: #b7b7b7; } .client-feedback-slider-two .slick-dots { text-align: center; } .client-feedback-slider-two .slick-dots li { display: inline-block; } .client-feedback-slider-two .shape-one { top: -15px; right: 17%; } .client-feedback-slider-two .shape-two { top: 14%; right: 7%; animation: rotatedTwo 15s infinite linear; } .client-feedback-slider-two .shape-three { bottom: 11%; right: 0; } .client-feedback-slider-two .shape-four { bottom: -13px; right: 22%; } .client-feedback-slider-two .shape-five { bottom: -15px; left: 22%; } .client-feedback-slider-two .shape-six { bottom: 13%; left: 8%; animation: rotatedTwo 15s infinite linear; } .client-feedback-slider-two .shape-seven { top: 10%; left: 0; } .client-feedback-slider-two .shape-eight { top: -13px; left: 19%; } /*------------------- Useable Tools -------------*/ .useable-tools-section-three { position: relative; } .useable-tools-section-three .logo-wrapper { position: absolute; right: -7%; top: 50%; transform: translateY(-50%); max-width: 63%; } .useable-tools-section-three .logo-wrapper .logo { border-radius: 50%; margin: 12px 4%; } .useable-tools-section-three .logo-wrapper .logo:nth-child(1) { width: 165px; height: 165px; background: #ffe3e3; animation: jumpTwo 5s infinite linear; } .useable-tools-section-three .logo-wrapper .logo:nth-child(2) { width: 110px; height: 110px; background: #e8f8ff; animation: jumpThree 5s infinite linear; } .useable-tools-section-three .logo-wrapper .logo:nth-child(3) { width: 165px; height: 165px; background: #eaffe7; animation: jumpTwo 5s infinite linear; } .useable-tools-section-three .logo-wrapper .logo:nth-child(4) { width: 140px; height: 140px; background: #f3f1ff; animation: jumpThree 5s infinite linear; } .useable-tools-section-three .logo-wrapper .logo:nth-child(5) { width: 125px; height: 125px; background: #f0f5ef; animation: jumpThree 5s infinite linear; } .useable-tools-section-three .logo-wrapper .logo:nth-child(6) { width: 185px; height: 185px; background: #fff9e5; animation: jumpTwo 5s infinite linear; } .useable-tools-section-three .logo-wrapper .logo:nth-child(7) { width: 125px; height: 125px; background: #e5fffe; animation: jumpThree 5s infinite linear; } .useable-tools-section-three .sub-text { font-size: 22px; line-height: 1.69em; color: #000; padding: 50px 50px 40px 0; } .useable-tools-section-three .all-button { font-weight: 500; font-size: 20px; color: #000; transition: all 0.3s ease-in-out; } .useable-tools-section-three .all-button i { margin-left: 5px; } .useable-tools-section-three .all-button:hover { color: var(--blue-light); } /*------------------ Fancy Short Banner Four ----------------*/ .fancy-short-banner-four { margin-top: -135px; position: relative; z-index: 5; } @media screen and (max-width: 767px) { .fancy-short-banner-four { margin-top: 100px; } } .fancy-short-banner-four .bg-wrapper { background: #1b1b1b; border-radius: 3px; padding: 65px 50px; } .fancy-short-banner-four .title h6 { font-size: 16px; text-transform: uppercase; color: #c0c0c0; letter-spacing: 1px; padding-bottom: 13px; } .fancy-short-banner-four .title h2 { font-family: "gilroy-bold"; font-size: 52px; line-height: 1.15em; color: #fff; } .fancy-short-banner-four .form-wrapper form { position: relative; height: 70px; border-radius: 5px; border: 1.5px solid #fff; } .fancy-short-banner-four .form-wrapper form input { font-style: italic; color: #fff; font-size: 18px; width: 100%; border: none; height: 100%; padding: 0 150px 0 25px; background: transparent; } .fancy-short-banner-four .form-wrapper form button { position: absolute; right: 7px; bottom: 7px; top: 7px; width: 160px; border-radius: 5px; color: #000; font-size: 16px; background: #fff; transition: all 0.3s ease-in-out; } .fancy-short-banner-four .form-wrapper form button:hover { background: var(--blue-light); color: #fff; } .fancy-short-banner-four .form-wrapper p { font-size: 16px; color: #999999; padding-top: 10px; } .fancy-short-banner-four .form-wrapper p a { color: #fff; } .fancy-short-banner-four .form-wrapper p a:hover { text-decoration: underline; } /*------------------ Footer Style Three ----------------*/ .theme-footer-three { position: relative; } .theme-footer-three:before { content: url(/_next/static/media/92.ae874574.svg); position: absolute; bottom: 0; left: 0; z-index: -1; } .theme-footer-three .top-footer [class*=col-] { margin-bottom: 30px; z-index: 1; position: relative; } .theme-footer-three .top-footer .footer-title { font-family: "Rubik", sans-serif; font-size: 24px; padding-bottom: 18px; } .theme-footer-three .top-footer .footer-list ul li a { font-size: 16px; line-height: 40px; color: #727272; transition: all 0.3s ease-in-out; } .theme-footer-three .top-footer .footer-list ul li a:hover { color: var(--blue-light); } .theme-footer-three .top-footer .address-list p { font-size: 16px; line-height: 25px; padding-bottom: 15px; } .theme-footer-three .top-footer .address-list ul.info li a { color: #1c1c1c; margin-bottom: 10px; } .theme-footer-three .top-footer .address-list ul.info li a:hover { text-decoration: underline; } .theme-footer-three .top-footer .address-list .social-icon a { font-size: 22px; margin-right: 20px; color: rgba(0, 0, 0, 0.55); } .theme-footer-three .top-footer .address-list .social-icon a:hover { color: #000; } .theme-footer-three .bottom-footer-content ul li { display: inline-block; } .theme-footer-three .bottom-footer-content ul li a { font-size: 16px; color: #727272; margin-left: 20px; } .theme-footer-three .bottom-footer-content ul li a:hover { color: #000; } .theme-footer-three .bottom-footer-content p { font-size: 15px; color: #212121; padding-left: 35px; } .theme-footer-three .bottom-footer-content { padding: 26px 0 30px; } /*-------------------- Fancy Hero Five ---------------------*/ .fancy-hero-five { background: #f7faff; padding: 220px 0 130px; position: relative; z-index: 5; } .fancy-hero-five .page-title { font-size: 20px; color: #b1b1b1; letter-spacing: 2px; text-transform: uppercase; padding-bottom: 10px; } .fancy-hero-five .heading { font-family: "gilroy-black"; font-size: 80px; line-height: 1.08em; } .fancy-hero-five span { position: relative; z-index: 1; } .fancy-hero-five span img { position: absolute; bottom: -25px; left: 50%; transform: translateX(-50%); z-index: -1; } .fancy-hero-five .sub-heading { font-size: 24px; line-height: 1.58em; color: #2a2a2a; padding-top: 50px; padding-right: 50px; } .fancy-hero-five .sub-heading.space-xs { padding: 15px 0 0; } .fancy-hero-five .img-meta { bottom: -250px; right: 33px; position: absolute; } .fancy-hero-five .shape-one { right: 0; top: 24%; } .fancy-hero-five .shape-two { left: 0; top: 28%; } /*------------------- Fancy Text block Seventeen ----------------*/ .fancy-text-block-seventeen .text-meta { font-size: 24px; line-height: 1.66em; color: #2a2a2a; padding-bottom: 40px; } /*------------------- Fancy Text block Eighteen ----------------*/ .fancy-text-block-eighteen { background: linear-gradient(180deg, #ffffff, #edf2f9); padding-bottom: 425px; } .fancy-text-block-eighteen .illustration { margin: 0 auto; } /*------------------ Team Section Three --------------*/ .team-section-three { position: relative; z-index: 1; margin-top: -295px; max-width: 1920px; margin-left: auto; margin-right: auto; } .teamSliderOne { max-width: 1680px; margin-right: -127px; margin-left: auto; } .teamSliderOne .team-member { padding: 50px 15px; } .team-block-one { width: 100%; transition: all 0.3s ease-in-out; } .team-block-one:hover { transform: translateY(-5px); } .team-block-one .info { background: #fff; border-radius: 10px 10px 0 0; padding: 32px 45px; } .team-block-one .info .desig { color: rgba(0, 0, 0, 0.63); } .team-block-one .info .name { font-size: 28px; font-weight: 500; color: #2a2a2a; padding-top: 5px; } .team-block-one .img-meta { overflow: hidden; } .team-block-one .img-meta img { width: 100%; border-radius: 0 0px 10px 10px; } .teamSliderOne .team-member .info { background: #fff; border-radius: 10px 10px 0 0; padding: 32px 45px; } .teamSliderOne .team-member .info .desig { color: rgba(0, 0, 0, 0.63); } .teamSliderOne .team-member .info .name { font-size: 28px; font-weight: 500; color: #2a2a2a; padding-top: 5px; } .teamSliderOne .team-member .img-meta { overflow: hidden; } .teamSliderOne .team-member .img-meta img { width: 100%; border-radius: 0 0px 10px 10px; } .team-section-three .slider-arrows li { width: 50px; height: 50px; border-radius: 50%; background: #fff; text-align: center; line-height: 50px; color: #2a2a2a; font-size: 28px; margin-left: 15px; cursor: pointer; transition: all 0.3s ease-in-out; } .team-section-three .slider-arrows li:hover { background: var(--blue-light); color: #fff; } /*---------------------- Map Area One ----------------*/ .map-area-one { height: 700px; position: relative; } .map-area-one .embed-responsive { height: 100%; } .map-area-one iframe { filter: brightness(0.3); } .map-area-one .map-canvas { height: 100%; } .map-area-one .si-content { background: #fff; padding: 35px 30px 35px 50px; border-bottom: 5px solid #33d4b8; position: absolute; top: 20%; left: 20%; width: 440px; height: 240px; z-index: 5; } .map-area-one .si-content h3 { font-family: "gilroy-black"; font-size: 42px; } .map-area-one .si-content p { font-size: 18px; line-height: 25px; color: #2a2a2a; padding: 5px 0 25px; } .map-area-one .si-content span { font-size: 18px; color: rgba(0, 0, 0, 0.63); display: block; line-height: 25px; } /*----------------- Documentation ------------------*/ .doc-container.full-width { padding: 0 45px; max-width: 1920px; margin-left: auto; margin-right: auto; } .doc-container.top-border { border-top: 1px solid rgba(0, 0, 0, 0.09); margin-top: 150px; } .doc-container.top-border .doc-main-body, .doc-container.top-border .doc-sidebar, .doc-container.top-border .doc-sideNav { padding-top: 50px; } .doc-sidebar { border-right: 1px solid rgba(0, 0, 0, 0.09); height: 100vh; position: -webkit-sticky; position: sticky; top: 90px; } .doc-sidebar .search-form { border-bottom: 1px solid rgba(0, 0, 0, 0.09); padding-bottom: 30px; margin-bottom: 30px; } .doc-sidebar .search-form form { position: relative; height: 50px; } .doc-sidebar .search-form form input { width: 100%; height: 100%; border: 2px solid #000; border-radius: 5px; font-size: 16px; color: #2a2a2a; padding: 0 15px 0 50px; } .doc-sidebar .search-form form button { position: absolute; top: 0; bottom: 0; left: 0; width: 50px; } .doc-sidebar .search-form form button img { margin: 0 auto; } #doc-sidebar-nav { max-height: 100vh; overflow-y: auto; padding-right: 45px; } .doc-sidebar .list-item > li { border-bottom: 2px solid #000; padding: 18px 0; } .doc-sidebar .list-item > li:first-child { padding-top: 0; } .doc-sidebar .list-item li .sub-menu { padding-bottom: 15px; } .doc-sidebar .list-item li h4 { font-family: "gilroy-semibold"; display: block; position: relative; line-height: 44px; font-size: 24px; color: #2a2a2a; cursor: pointer; margin-bottom: 6px; } .doc-sidebar .list-item li h4 .expander { position: absolute; background: transparent; line-height: 50px; right: 0; top: 0; color: inherit; font-size: 12px; } .doc-sidebar .list-item li .sub-menu a, .doc-sidebar-menu .card .sub-menu a { font-size: 16px; line-height: 36px; color: #2a2a2a; display: block; padding: 0 15px; transition: all 0.3s ease-in-out; } .doc-sidebar .list-item li .sub-menu a.active, .doc-sidebar-menu .card .sub-menu .active { background: #000; color: #fff; line-height: 32px; text-decoration: none; } .doc-sidebar .list-item li .sub-menu a.sec-menu { position: relative; } .doc-sidebar .list-item li .sub-menu a.sec-menu:before { content: "\f107"; position: absolute; font-family: "font-awesome"; right: 10px; top: 0; line-height: 32px; color: #000; } .doc-sidebar .list-item li .sub-menu .main-side-nav { margin-top: 10px; } .doc-sidebar .list-item li .sub-menu .main-side-nav a { margin-left: 15px; } .doc-sidebar .list-item li .sub-menu a:hover, .doc-sidebar-menu .card .sub-menu a:hover { text-decoration: underline; } .doc-sidebar ul .sub-menu { display: none; transition: all 0.3s ease-in-out; } .doc-sidebar ul .sub-menu.show { display: block; } .doc-sidebar ul .sub-menu.open { display: block; } .doc-container .doc-main-body { padding-left: 50px; padding-bottom: 65px; } .doc-container.full-width .doc-main-body { border-right: 1px solid rgba(0, 0, 0, 0.09); padding-right: 50px; } .doc-container .doc-main-body h2 { font-family: "gilroy-black"; font-size: 42px; padding-bottom: 25px; } .doc-container .doc-main-body h3 { font-family: "gilroy-semibold"; font-size: 28px; padding-bottom: 30px; } .doc-container .doc-main-body h3:not(:first-child) { padding-top: 20px; } .doc-container .doc-main-body p { color: #2a2a2a; padding-bottom: 30px; } .doc-container .doc-main-body p code { background: #f0f3f9; border-radius: 4px; } .doc-container .doc-main-body .mark-blue { background: #f4fafa; border-left: 4px solid #9cdfc9; border-radius: 0 8px 8px 0; padding: 22px 40px; margin-bottom: 45px; } .doc-container .doc-main-body .mark-blue pre { font-size: 16px; color: #414141; word-break: break-all; word-wrap: break-word; white-space: pre-wrap; } .doc-container .doc-main-body .mark-blue code { color: #e83e8c; } .doc-container .doc-main-body .mark-blue pre .s1 { color: #78d0b6; } .doc-container .doc-main-body .mark-red { background: #fcfaf3; border-left: 4px solid #fae6bf; border-radius: 0 8px 8px 0; padding: 22px 40px; margin-bottom: 45px; } .doc-container .doc-main-body .mark-red pre { font-size: 16px; color: #575858; word-break: break-all; word-wrap: break-word; white-space: pre-wrap; } .doc-container .doc-main-body .mark-red pre .s1 { color: #78d0b6; background: #fff; } .doc-container .doc-main-body .bg-black { background: #2d2d2d; border-radius: 8px; margin-bottom: 40px; padding: 30px 45px 30px; max-height: 740px; white-space: pre-wrap; color: inherit; font-size: 16px; } .doc-container .doc-main-body .bg-black code { white-space: pre-wrap; } .doc-container .doc-main-body .bg-black .s1 { color: #5e5e5e; } .doc-container .doc-main-body .bg-black .s2 { color: #cacaca; } .doc-container .doc-main-body .bg-black .s3 { color: #21b787; } .doc-container .doc-main-body .list-item-one li { font-size: 16px; line-height: 30px; color: #000000; position: relative; padding-left: 15px; margin-bottom: 5px; } .doc-container .doc-main-body .list-item-one li:before { content: ""; position: absolute; width: 5px; height: 5px; border-radius: 50%; background: #000; left: 0; top: 11px; } .doc-container .doc-main-body .img-meta { margin: 40px auto; } .doc-pagination ul li a { width: 35px; height: 35px; line-height: 31px; border: 2px solid #000; text-align: center; border-radius: 50%; font-size: 28px; color: #000; transition: all 0.3s ease-in-out; } .doc-pagination ul li a:hover { background: #000; color: #fff; } .doc-pagination ul li span { font-family: "gilroy-semibold"; font-size: 22px; color: #000; } .doc-sideNav .wrapper { padding-left: 40px; } .doc-sideNav .nav-link { display: block; font-size: 16px; line-height: 36px; color: #767676; padding: 0 15px; transition: all 0.3s ease-in-out; } .doc-sideNav .nav-link.active { line-height: 32px; background: #000; color: #fff; } .doc-sideNav { top: 100px; position: -webkit-sticky; position: sticky; height: 100%; } /*======================================================================= Event =========================================================================*/ .theme-main-menu.sticky-menu.fixed.theme-menu-four { background: #fbf3ec; } .theme-menu-four .logo img { max-width: 120px; } .theme-menu-four .navbar-nav .nav-item .nav-link { font-family: "Roboto", sans-serif; font-size: 20px; margin: 0 24px; } .theme-menu-four .right-button-group .signIn-action { font-weight: 500; font-size: 20px; line-height: 45px; color: var(--heading); margin-right: 40px; transition: all 0.3s ease-in-out; } .theme-menu-four .right-button-group .signIn-action:hover { color: var(--vin-red); } .theme-menu-four .right-button-group { margin-left: 100px; } /*---------------------- Theme Hero Banner/Four ---------------*/ .hero-banner-four { position: relative; background: #fbf3ec; padding: 250px 0 110px; z-index: 1; } .hero-banner-four:before { content: ""; position: absolute; width: 100%; height: 103px; left: 0; bottom: -100px; background: url(/_next/static/media/99.1a244f91.svg) no-repeat center bottom; background-size: cover; } .hero-banner-four .shape-four { top: 1%; left: 15%; } .hero-banner-four .shape-five { top: 11%; right: 31%; } .hero-banner-four .shape-six { bottom: 5%; left: 0; } .hero-banner-four .shape-seven { bottom: 8%; right: 0; } .hero-banner-four h1 { font-family: "Roboto Slab", serif; font-size: 85px; line-height: 1.14em; } .hero-banner-four h1 span { position: relative; z-index: 5; } .hero-banner-four h1 span:before { content: ""; position: absolute; width: 100%; height: 25px; background: rgba(241, 193, 83, 0.4); left: 0; bottom: 12px; z-index: -1; } .hero-banner-four .sub-text { font-size: 28px; color: #565657; line-height: 1.4em; padding: 50px 0 65px; } .hero-banner-four .review-text { text-align: right; font-size: 20px; color: #000; padding-top: 30px; } .hero-banner-four .review-text span { font-size: 1.6em; color: var(--vin-red); text-decoration: underline; } .hero-banner-four .illustration { max-width: 660px; } .hero-banner-four .illustration-holder .shape-one { width: 14%; top: 9%; right: 8%; z-index: 1; animation: jump10p 5s infinite linear; } .hero-banner-four .illustration-holder .shape-two { width: 14%; top: 0; right: 30%; z-index: 1; animation: jump10pRsv 5s infinite linear; } .hero-banner-four .illustration-holder .shape-three { width: 15%; top: 9%; right: 51%; z-index: 1; animation: jump10p 5s infinite linear; } /*-------------Fancy Feature Eight -----------*/ .fancy-feature-eight .bg-wrapper { position: relative; z-index: 5; background: #fff; padding: 35px 0 42px; } .fancy-feature-eight .bg-wrapper:before { content: ""; position: absolute; width: 100%; height: 24px; background: url(/_next/static/media/97.ac6e35fb.svg) no-repeat center top; left: 0; top: -20px; } .fancy-feature-eight .bg-wrapper:after { content: ""; position: absolute; width: 100%; height: 13px; background: url(/_next/static/media/98.163c3da0.svg) no-repeat center bottom; left: 0; bottom: -10px; } .block-style-thirteen { position: relative; text-align: center; padding: 32px 40px 20px; } .block-style-thirteen.style-border { border-left: 1px solid #e7e7e7; border-right: 1px solid #e7e7e7; } .block-style-thirteen .icon { height: 70px; } .block-style-thirteen .icon img { margin: 0 auto; max-height: 100%; } .block-style-thirteen .title { font-size: 18px; color: rgba(0, 0, 0, 0.63); padding: 15px 0 20px; } .block-style-thirteen p { font-size: 24px; line-height: 1.45em; color: #000; } /*------------------ Fancy Text block Nineteen ----------------*/ .fancy-text-block-nineteen .text-wrapper .client-info { font-size: 24px; padding-bottom: 20px; } .fancy-text-block-nineteen .text-wrapper .client-info span { color: #000; text-decoration: underline; } .fancy-text-block-nineteen .text-wrapper p { font-size: 24px; color: #0e0e0e; line-height: 1.58em; padding-top: 40px; } .fancy-text-block-nineteen .text-wrapper .name { font-size: 24px; color: #000; position: relative; padding-left: 28px; margin-top: 50px; } .fancy-text-block-nineteen .text-wrapper .name:before { content: ""; width: 18px; height: 3px; border-radius: 2px; background: #000; position: absolute; left: 0; top: 13px; } /*------------------ Fancy Feature Nine --------------*/ .fancy-feature-nine { position: relative; background: #dff1ee; padding: 140px 0 135px; z-index: 5; } .fancy-feature-nine:before { content: ""; position: absolute; width: 100%; height: 52px; background: url(/_next/static/media/105.bf395d5c.svg) no-repeat center top; background-size: cover; left: 0; top: -50px; } .fancy-feature-nine:after { content: ""; position: absolute; width: 100%; height: 75px; background: url(/_next/static/media/106.08bc8991.svg) no-repeat center bottom; background-size: cover; left: 0; bottom: -70px; } .fancy-feature-nine .shape-one { top: 7%; right: 13%; animation: jumpThree 5s infinite linear; } .fancy-feature-nine .shape-two { top: 45%; right: 5%; animation: jumpTwo 5s infinite linear; } .fancy-feature-nine .shape-three { top: 88%; right: 10%; animation: jumpThree 5s infinite linear; } .fancy-feature-nine .shape-four { top: 89%; left: 11%; animation: jumpTwo 5s infinite linear; } .fancy-feature-nine .shape-five { top: 43%; left: 4%; animation: jumpThree 5s infinite linear; } .fancy-feature-nine .shape-six { top: 9%; left: 15%; animation: jumpTwo 5s infinite linear; } .block-style-fourteen { position: relative; padding: 0 25px; margin-top: 55px; text-align: center; } .block-style-fourteen .illustration { height: 220px; } .block-style-fourteen .illustration img { margin: 0 auto; max-height: 100%; } .block-style-fourteen .title { font-size: 20px; color: rgba(0, 0, 0, 0.55); padding: 20px 0 15px; } .block-style-fourteen p { font-size: 23px; line-height: 1.52em; color: #000; } .block-style-fourteen.arrow-shape:before, .block-style-fourteen.arrow-shape:after { content: url(/_next/static/media/104.f2e8070b.svg); position: absolute; top: 26%; z-index: 1; } .block-style-fourteen.arrow-shape:before { left: -20%; } .block-style-fourteen.arrow-shape:after { right: -20%; } /*--------------------- Pricing Section Three ------------------*/ .pricing-section-three { background: #fdecd8; position: relative; z-index: 1; padding: 105px 0 170px; } .pricing-section-three:before { content: ""; position: absolute; width: 100%; height: 85px; background: url(/_next/static/media/115.2b8c3c0e.svg) no-repeat center top; background-size: cover; left: 0; top: -84px; } .pricing-section-three:after { content: ""; position: absolute; width: 100%; height: 33px; background: url(/_next/static/media/116.3c341621.svg) no-repeat center bottom; background-size: cover; left: 0; bottom: -32px; } .pricing-section-three .shape-one { top: 7%; right: 13%; animation: jumpThree 5s infinite linear; } .pricing-section-three .shape-two { top: 45%; right: 5%; animation: jumpTwo 5s infinite linear; } .pricing-section-three .shape-three { top: 88%; right: 10%; animation: jumpThree 5s infinite linear; } .pricing-section-three .shape-four { top: 89%; left: 11%; animation: jumpTwo 5s infinite linear; } .pricing-section-three .shape-five { top: 43%; left: 4%; animation: jumpThree 5s infinite linear; } .pricing-section-three .shape-six { top: 9%; left: 15%; animation: jumpTwo 5s infinite linear; } .pricing-section-three .pricing-table-area-three { position: relative; } .pricing-section-three .pricing-table-area-three:before { content: url(/_next/static/media/117.7190535a.svg); position: absolute; left: -5%; top: -5%; z-index: -1; } .pricing-table-area-three .pr-table-wrapper { background: #fff; padding: 40px 20px 40px; text-align: center; margin-top: 45px; position: relative; transition: all 0.3s ease-in-out; } .pricing-table-area-three .pr-table-wrapper:hover { transform: translateY(-10px); } .pricing-table-area-three .pr-table-wrapper.skew-right:before { content: ""; position: absolute; top: -8px; right: 0; width: 100%; height: 25px; background: #fff; transform: skewY(2.3deg); } .pricing-table-area-three .pr-table-wrapper.skew-left:before { content: ""; position: absolute; top: -8px; right: 0; width: 100%; height: 25px; background: #fff; transform: skewY(-2.3deg); } .pricing-table-area-three .pr-table-wrapper .pack-name { font-size: 32px; color: #000; } .pricing-table-area-three .pr-table-wrapper .pack-name span { position: relative; z-index: 1; } .pricing-table-area-three .pr-table-wrapper .pack-name span:before { content: ""; width: 109%; height: 15px; position: absolute; left: 50%; bottom: 5px; transform: translateX(-50%); z-index: -1; } .pricing-table-area-three .pr-table-wrapper .pack-name.pc1 span:before { background: #d4fdf1; } .pricing-table-area-three .pr-table-wrapper .pack-name.pc2 span:before { background: #dbf7ff; } .pricing-table-area-three .pr-table-wrapper .pack-name.pc3 span:before { background: #ffe3e3; } .pricing-table-area-three .pr-table-wrapper .price { font-size: 65px; color: #000; padding: 24px 0 0; line-height: initial; } .pricing-table-area-three .pr-table-wrapper .user-condition { font-size: 24px; color: #000; } .pricing-table-area-three .pr-table-wrapper .line { width: 100%; margin: 25px auto 38px; } .pricing-table-area-three .pr-table-wrapper ul { text-align: left; padding-left: 18px; } .pricing-table-area-three .pr-table-wrapper ul li { font-family: "Rubik", sans-serif; font-size: 17px; line-height: 42px; color: #464646; position: relative; padding-left: 30px; } .pricing-table-area-three .pr-table-wrapper ul li.disable { color: #b9b9b9; } .pricing-table-area-three .pr-table-wrapper ul li:before { content: url(/_next/static/media/63.f429cdef.svg); position: absolute; left: 0; top: 1px; } .pricing-table-area-three .pr-table-wrapper ul li.disable:before { content: url(/_next/static/media/64.53b8ac30.svg); top: 5px; left: -8px; } .pricing-table-area-three .pr-table-wrapper .subscribe-btn { display: block; width: 95%; margin: 37px auto 0; line-height: 46px; border: 2px solid var(--purple-blue); text-align: center; color: var(--purple-blue); transition: all 0.3s ease-in-out; } .pricing-table-area-three .pr-table-wrapper .subscribe-btn:hover { background: var(--purple-blue); color: #fff; } .pricing-section-three-inner-page { background: #fbf3ec; position: relative; z-index: 1; padding: 215px 0 110px; } .pricing-section-three-inner-page .shape-one { left: 0; top: 19%; } .pricing-section-three-inner-page .shape-two { right: 0; top: 19%; } .pricing-section-three-inner-page:before { content: ""; position: absolute; width: 100%; height: 103px; left: 0; bottom: -100px; background: url(/_next/static/media/99.1a244f91.svg) no-repeat center bottom; background-size: cover; } /*-------------------- Client Feedback Slider Three ---------------------*/ .client-feedback-slider-three { position: relative; z-index: 5; } .client-feedback-slider-three .shape_1 { left: 18%; top: -3%; } .client-feedback-slider-three .shape_2 { left: 9%; top: 38%; } .client-feedback-slider-three .shape_3 { left: 13%; top: 85%; } .client-feedback-slider-three .shape_4 { right: 18%; top: -4%; } .client-feedback-slider-three .shape_5 { right: 4%; top: 33%; } .client-feedback-slider-three .shape_6 { right: 19%; top: 87%; } .clientSliderThree { text-align: center; } .clientSliderThree p { font-family: "Rubik", sans-serif; font-size: 28px; line-height: 1.71em; color: rgba(0, 0, 0, 0.8); padding: 25px 0 45px; } .clientSliderThree .name { font-weight: 500; font-size: 24px; color: #000; } .clientSliderThree .desig { color: #a8afae; } .client-feedback-slider-three .slider-arrow li { cursor: pointer; margin: 0 10px; font-size: 40px; color: #5d5d5d; transition: all 0.3s ease-in-out; transform: scale(0.8); } .client-feedback-slider-three .slider-arrow li:first-child i { transform: rotate(180deg); display: inline-block; } .client-feedback-slider-three .slider-arrow li:hover { transform: scale(1); } /*------------------- Faq Section Three ----------------*/ .faq-section-four { background: #dff1ee; position: relative; z-index: 1; padding: 78px 0 150px; } .faq-section-four.bg-white { background: #fff; } .faq-section-four.bg-white:before, .faq-section-four.bg-white:after { display: none; } .faq-section-four:before { content: ""; position: absolute; width: 100%; height: 100px; background: url(/_next/static/media/118.64128838.svg) no-repeat center top; background-size: cover; left: 0; top: -98px; } .faq-section-four:after { content: ""; position: absolute; width: 100%; height: 33px; background: url(/_next/static/media/119.a1110457.svg) no-repeat center bottom; background-size: cover; left: 0; bottom: -32px; } .faq-section-four .shape-one { left: 0; top: 21%; } .faq-section-four .shape-two { right: 0; top: 75%; } .accordion-style-four .card { background: #fff; border-radius: 0; border: none; margin-bottom: 10px; } .faq-section-four.bg-white .accordion-style-four .card { background: #f7f7f7; } .accordion-style-four .card .card-header { background: transparent; border-radius: 0; padding: 0; border: none; } .accordion-style-four .card .card-header button { display: block; width: 100%; text-align: left; padding: 27px 35px 27px 45px; font-family: "Rubik", sans-serif; font-size: 24px; border: none; border-radius: 0; margin: 0; color: var(--heading); text-decoration: none; position: relative; } .accordion-style-four .card .card-header button:before { content: "\f107"; font-family: "font-awesome"; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); } @media screen and (max-width: 767px) { .accordion-style-four .card .card-header button:before { right: 12px; } } .accordion-style-four .card .card-body { padding: 0 50px 20px 45px; } .accordion-style-four .card .card-body p { padding-bottom: 15px; } .accordion-style-four .card .card-body p a { text-decoration: underline; color: var(--p-color); } /*------------------ Fancy Short Banner Five ---------------*/ .fancy-short-banner-five.with-bg { position: relative; background: #dff1ee; z-index: 1; } .fancy-short-banner-five.with-bg .shape-one { right: 5%; top: 20%; } .fancy-short-banner-five.with-bg .shape-two { left: 5%; top: 20%; } .fancy-short-banner-five .sub-heading { font-size: 28px; line-height: 1.32em; color: #000; text-align: center; padding: 40px 0 55px; } .fancy-short-banner-five form { height: 70px; position: relative; margin-bottom: 17px; } .fancy-short-banner-five form input { width: 100%; height: 100%; border: 2px solid #000; padding: 0 170px 0 40px; color: #000; } .fancy-short-banner-five form ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #000; opacity: 1; /* Firefox */ } .fancy-short-banner-five form :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #000; } .fancy-short-banner-five form ::-ms-input-placeholder { /* Microsoft Edge */ color: #000; } .fancy-short-banner-five form button { position: absolute; width: 160px; right: 8px; top: 8px; bottom: 8px; background: var(--purple-blue); color: #fff; font-size: 16px; transition: all 0.3s ease-in-out; } .fancy-short-banner-five form button:hover { background: var(--vin-red); } .fancy-short-banner-five .info-text { text-align: center; font-size: 16px; color: #999999; } .fancy-short-banner-five .info-text a { color: #000; } .fancy-short-banner-five .info-text a:hover { text-decoration: underline; } /*-------------------- Footer Style Four --------------------*/ .theme-footer-four { background: #fbf3ec; padding: 80px 0 70px; position: relative; z-index: 5; } .theme-footer-four:before { content: ""; position: absolute; width: 100%; height: 52px; background: url(/_next/static/media/122.ca9ca7d8.svg) no-repeat center top; background-size: cover; left: 0; top: -50px; } .theme-footer-four .footer-about-widget ul li a { font-size: 20px; color: #343434; margin-bottom: 5px; transition: all 0.2s ease-in-out; } .theme-footer-four .footer-about-widget ul li a:hover { text-decoration: underline; color: var(--purple-blue); } .theme-footer-four .footer-title { font-size: 28px; color: #0e0e0e; position: relative; margin: 5px 0 21px; } .theme-footer-four .footer-list ul li a { font-family: "Rubik", sans-serif; color: #343434; line-height: 40px; transition: all 0.2s ease-in-out; } .theme-footer-four .footer-list ul li a:hover { color: var(--purple-blue); text-decoration: underline; } .theme-footer-four [class*=col-] { margin-bottom: 35px; } .theme-footer-four .bottom-footer-content p { font-size: 16px; color: rgba(0, 0, 0, 0.65); margin-top: -70px; } /*----------------- Fancy Text block Twenty -------------------*/ .fancy-text-block-twenty { position: relative; padding: 215px 0 100px; } .fancy-text-block-twenty:before { content: ""; position: absolute; width: 100%; height: 36%; background: url(/_next/static/media/123.84eb856f.svg) no-repeat center bottom; top: 0; left: 0; z-index: -1; background-size: cover; } .fancy-text-block-twenty .shape-one { left: 0; top: 19%; } .fancy-text-block-twenty .shape-two { right: 0; top: 19%; } .fancy-text-block-twenty .title { text-align: center; font-size: 72px; padding-bottom: 130px; } .fancy-video-box-one .main-img { width: 100%; } .fancy-video-box-one { position: relative; } .fancy-video-box-one .video-button { position: absolute; width: 100px; height: 100px; background: #fff; border-radius: 50%; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 1; padding-left: 8px; } .fancy-text-block-twenty .client-info { font-size: 24px; padding-bottom: 20px; } .fancy-text-block-twenty .client-info span { color: #000; text-decoration: underline; } .fancy-text-block-twenty .nav-tabs { border: none; } .fancy-text-block-twenty .nav-tabs li { margin: 0 82px 0 0; } .fancy-text-block-twenty .nav-tabs li:last-child { margin-right: 0; } .fancy-text-block-twenty .nav-tabs li { font-size: 22px; padding: 0; border: none; cursor: pointer; } .fancy-text-block-twenty .nav-tabs li.react-tabs__tab--selected { color: #000; text-decoration: underline; } .fancy-text-block-twenty .tab-content p { font-size: 20px; line-height: 1.9em; color: #000; padding-top: 35px; } /*----------------- Team Section Four --------------*/ .team-section-four { background: #dff1ee; position: relative; padding: 100px 0 60px; z-index: 1; } .team-section-four.custom-bg { padding: 180px 0 120px; } .team-section-four.custom-bg::after { display: none; } .team-section-four:before { content: ""; position: absolute; width: 100%; height: 70px; background: url(/_next/static/media/127.f829f523.svg) no-repeat center top; background-size: cover; left: 0; top: -58px; } .team-section-four:after { content: ""; position: absolute; width: 100%; height: 65px; background: url(/_next/static/media/128.386a1bf7.svg) no-repeat center bottom; background-size: cover; left: 0; bottom: -63px; } .team-section-four .shape-one { right: 0; top: 5%; } .team-section-four .shape-two { left: 0; bottom: -3%; } .team-section-four .team-wrapper { position: relative; z-index: 5; } .team-section-four .team-member { margin-bottom: 60px; text-align: center; background: #fff; border-radius: 10px; overflow: hidden; padding-bottom: 30px; display: block; } .team-section-four .team-member .img-holder { overflow: hidden; border-radius: 10px 10px 0 0; margin-bottom: 30px; } .team-section-four .team-member .img-holder img { width: 100%; transition: all 0.5s ease-in-out; } .team-section-four .team-member:hover .img-holder img { transform: scale3d(1.1, 1.1, 1); } .team-section-four .team-member .name { font-size: 24px; } .team-section-four .team-member .position { font-size: 16px; color: rgba(42, 42, 42, 0.54); } .team-section-four .team-wrapper .shape-one { top: -6%; left: -5%; } /*-------------------- Feature Blog Four -----------------*/ .feature-blog-four { background: #fdecd8; position: relative; z-index: 1; padding: 100px 0 100px; } .feature-blog-four.blog-page-bg { background: linear-gradient(45deg, #fffbf2, #edfffd); padding: 180px 0 150px; position: relative; z-index: 5; } .feature-blog-four.blog-page-bg::before, .feature-blog-four.blog-page-bg::after { display: none; } .feature-blog-four.blog-page-bg .feature-article-meta:hover .post-meta a { color: var(--blue-dark); } .feature-blog-four:before { content: ""; position: absolute; width: 100%; height: 85px; background: url(/_next/static/media/115.2b8c3c0e.svg) no-repeat center top; background-size: cover; left: 0; top: -84px; } .feature-blog-four:after { content: ""; position: absolute; width: 100%; height: 33px; background: url(/_next/static/media/116.3c341621.svg) no-repeat center bottom; background-size: cover; left: 0; bottom: -32px; } .feature-blog-four .feature-article-meta { margin-bottom: 35px; } .feature-blog-four .feature-article-meta .img-meta { position: relative; overflow: hidden; margin-bottom: 40px; } .feature-blog-four .feature-article-meta .img-meta img { transition: all 0.5s ease-in-out; width: 100%; } .feature-blog-four .feature-article-meta:hover .img-meta img { transform: scale3d(1.1, 1.1, 1); } .feature-blog-four .feature-article-meta .post-meta a { font-family: "Roboto Slab", serif; font-size: 30px; line-height: 1.3em; transition: all 0.3s ease-in-out; } .feature-blog-four .feature-article-meta:hover .post-meta a { color: var(--vin-red); } .feature-blog-four .feature-article-meta .post-meta .author_info { font-size: 20px; color: var(--heading); margin-top: 25px; } .feature-blog-four .feature-article-meta .post-meta .author_info span { color: #b7b7b7; } /*======================================================================= Product landing =========================================================================*/ .theme-menu-five .logo { position: absolute; left: 0; top: 50%; transform: translateY(-50%); } .theme-menu-five .right-widget { position: absolute; right: 0; top: 50%; transform: translateY(-50%); } .theme-menu-five .right-widget .demo-button { width: 210px; font-size: 17px; line-height: 56px; border: 2px solid #000; text-align: center; border-radius: 8px; font-weight: 500; color: #000; position: relative; transition: all 0.3s ease-in-out; } .theme-menu-five .right-widget .demo-button:hover { background: #eef3f9; border-color: #eef3f9; } .theme-menu-five .right-widget .demo-button img { width: 20px; display: none; margin: 0 auto; } .theme-menu-five .navbar-nav .nav-item .nav-link { font-size: 20px; margin: 0 23px; } .theme-menu-five .navbar-nav .nav-item .nav-link.active { text-decoration: underline; } /*---------------------Theme Hero Banner/Five ---------------*/ .hero-banner-five { position: relative; text-align: center; padding: 56px 0 0; } .hero-banner-five .hero-heading { font-size: 82px; line-height: 1.219em; } .hero-banner-five .hero-heading span { position: relative; color: #ff2759; text-decoration: underline; text-decoration-thickness: 4px; } .hero-banner-five .hero-sub-heading { font-size: 24px; padding: 20px 0 62px; color: #000; } .hero-banner-five .sing-in-call { font-size: 16px; padding-top: 20px; color: #878787; } .hero-banner-five .sing-in-call span { color: #000; transition: all 0.25s ease-in-out; cursor: pointer; } .hero-banner-five .sing-in-call span:hover { text-decoration: underline; } .hero-banner-five .button-group a { width: 200px; height: 60px; padding: 0 5px 0 25px; margin: 10px 12px; border: 2px solid #111111; border-radius: 6px; color: #000; text-align: left; transition: all 0.3s ease-in-out; } .hero-banner-five .button-group a:hover { transform: translateY(-5px); box-shadow: -5px 10px 30px rgba(0, 0, 0, 0.1); } .hero-banner-five .button-group a .icon { margin-right: 15px; } .hero-banner-five .button-group a span { font-size: 11px; color: #737373; display: block; margin-bottom: -11px; margin-top: -5px; } .hero-banner-five .button-group a strong { font-weight: 500; font-size: 18px; display: block; } .hero-banner-five .button-group a.ios-button { background: #111111; color: #fff; } .hero-banner-five .button-group a.ios-button span { color: rgba(255, 255, 255, 0.7); } .hero-banner-five .img-gallery { border-bottom: 1px solid #eaeaea; margin-top: 80px; position: relative; z-index: 1; } .hero-banner-five .img-gallery .screen-container { border: 4px solid #000; border-radius: 45px 45px 0 0; border-bottom: none; position: relative; } .hero-banner-five .img-gallery .screen-container .main-screen { width: 100%; border-radius: 40px 40px 0 0; } .hero-banner-five .img-gallery .screen-one { width: 19%; top: 26%; right: -10%; z-index: 1; box-shadow: 0 35px 70px rgba(12, 21, 44, 0.08); animation: jumpTwo 5s infinite linear; } .hero-banner-five .img-gallery .screen-two { width: 31%; bottom: -12%; left: -16%; z-index: 1; box-shadow: -10px 40px 80px rgba(25, 42, 70, 0.05); animation: jumpThree 5s infinite linear; } .hero-banner-five .shape-one { left: 0; top: 25%; } .hero-banner-five .shape-two { right: 0; bottom: 9%; } .hero-banner-five .shape-three { right: 10%; top: 27%; } .hero-banner-five .shape-four { left: 11%; top: 56%; } .partner-slider-two p { font-size: 20px; color: #000; padding-bottom: 45px; } .partner-slider-two p span { font-weight: 500; } .partner-slider-two .img-meta { height: 80px; } .partner-slider-two p.text-lg { font-size: 36px; line-height: 1.44em; font-weight: 500; } .partner-slider-two p.text-lg span { color: #ffb840; } /*------------------ Fancy Feature Ten --------------*/ .fancy-feature-ten { padding-left: 15px; padding-right: 15px; } .fancy-feature-ten .bg-wrapper { max-width: 1600px; margin: 0 auto; background: #f3f8ff; border-radius: 40px; padding: 130px 0 150px; position: relative; z-index: 1; } .fancy-feature-ten .shape-one { bottom: -37px; right: 10%; } .fancy-feature-ten .sub-text { font-size: 24px; line-height: 1.91em; color: #000; } .block-style-fifteen { background: #fff; border-radius: 10px; position: relative; padding: 45px 35px 30px 40px; color: #000; z-index: 1; } .block-style-fifteen:before { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; border: 2px solid #000; z-index: -1; border-radius: 10px; opacity: 0; transition: all 0.3s ease-in-out; } .block-style-fifteen:hover:before { opacity: 1; } .block-style-fifteen .icon { width: 65px; height: 65px; border-radius: 50%; } .block-style-fifteen h3 { font-weight: 500; font-size: 24px; text-transform: capitalize; padding: 27px 0 22px; } /*----------------- Fancy Text block Twenty One -------------------*/ .fancy-text-block-twentyOne .container { max-width: 1440px; margin: 0 auto; padding: 0 15px; } .fancy-text-block-twentyOne .text-wrapper .client-info { font-size: 24px; padding: 36px 0 28px; } .fancy-text-block-twentyOne .text-wrapper .client-info span { color: #000; text-decoration: underline; } .fancy-text-block-twentyOne .text-wrapper p { font-size: 48px; color: #000000; line-height: 1.59em; padding-bottom: 40px; } .fancy-text-block-twentyOne .text-wrapper p span { color: #ff2759; text-decoration: underline; } .fancy-text-block-twentyOne .text-wrapper .name { font-size: 20px; color: #000; font-weight: 500; font-style: italic; position: relative; padding-left: 30px; margin-top: 32px; } .fancy-text-block-twentyOne .text-wrapper .name:before { content: ""; width: 22px; height: 2px; border-radius: 2px; background: #000; position: absolute; left: 0; top: 13px; } .fancy-text-block-twentyOne .img-meta { position: relative; } .fancy-text-block-twentyOne .img-meta .shape-one { bottom: -123px; left: 6px; } /*-------------------- Counter Style Two --------------*/ .counter-style-two { padding: 0 15px; } .counter-style-two .border-bottom { max-width: 1600px; margin: 0 auto; border-bottom: 1px solid #e8e8e8 !important; padding-bottom: 120px; } .counter-box-four { text-align: center; margin-top: 40px; } .counter-box-four .number { font-family: "Recoleta"; font-size: 60px; color: #000; } .counter-box-four p { color: #000; } /*-------------------- Fancy Feature Eleven ----------------*/ .fancy-feature-eleven { position: relative; z-index: 1; } .fancy-feature-eleven .inner-container { max-width: 1630px; padding: 0 15px; margin: 0 auto; position: relative; } .fancy-feature-eleven .shape-one { top: 3%; left: 7%; } .fancy-feature-eleven .shape-two { bottom: -60px; left: 37%; z-index: 1; } .block-style-sixteen { margin-top: 120px; position: relative; border-radius: 40px; padding: 125px 0 120px; overflow: hidden; } .block-style-sixteen .icon { width: 68px; height: 68px; border-radius: 50%; } .block-style-sixteen .title { font-weight: 500; font-size: 48px; line-height: 1.31em; padding: 25px 0 40px; } .block-style-sixteen p { font-size: 24px; line-height: 1.91em; color: #000; padding-bottom: 75px; } .block-style-sixteen .screen-one { right: 70px; width: 48%; top: 50%; transform: translateY(-50%); z-index: 1; } .block-style-sixteen .screen-two { left: 10px; width: 48%; bottom: 0; z-index: 1; } .block-style-sixteen .screen-three { right: 0; width: 48%; bottom: 0; z-index: 1; } /*----------------- Pricing Section Four ----------------*/ .pricing-nav-three { margin: 60px 0 100px; border: none; } .pricing-nav-three .nav-item { margin: 0; } .pricing-nav-three .nav-item .nav-link, .pricing-nav-three .react-tabs__tab { font-weight: 500; font-size: 18px; line-height: 61px; border: 2px solid #000; padding: 0 15px; width: 150px; text-align: center; color: #000; transition: all 0.3s ease-in-out; cursor: pointer; } .pricing-nav-three .nav-item:nth-child(1) .nav-link, .pricing-nav-three .react-tabs__tab:first-child { border-right: none; border-radius: 10px 0 0 10px; } .pricing-nav-three .nav-item:nth-child(2) .nav-link, .pricing-nav-three .react-tabs__tab:last-child { border-left: none; border-radius: 0 10px 10px 0; } .pricing-nav-three .nav-item .nav-link.active, .pricing-nav-three .react-tabs__tab.react-tabs__tab--selected { background: #000; color: #fff; } .pricing-table-area-four { max-width: 1350px; padding: 0 15px; margin: 0 auto; } .pricing-table-area-four .row { margin: 0 -30px; } .pricing-table-area-four .row [class*=col-] { padding: 0 30px; } .pricing-table-area-four .pr-table-wrapper { border: 1px solid #ececec; border-radius: 15px; transition: all 0.3s ease-in-out; padding: 25px 35px 35px; margin-top: 40px; position: relative; z-index: 1; text-align: center; } .pricing-table-area-four .pr-table-wrapper:before { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; border-radius: 15px; border: 2px solid #000; z-index: -1; opacity: 0; transition: all 0.3s ease-in-out; } .pricing-table-area-four .pr-table-wrapper.most-popular:after { content: url(/_next/static/media/populer-tag.ad304f05.svg); position: absolute; top: -97px; right: -87px; } .pricing-table-area-four .pr-table-wrapper .pack-name { font-weight: 500; font-size: 28px; color: #000; } .pricing-table-area-four .pr-table-wrapper .pack-details { color: #878787; padding: 5px 0 45px; } .pricing-table-area-four .pr-table-wrapper .top-banner { padding: 9px 5px 15px 22px; color: #000; text-align: left; } .pricing-table-area-four .pr-table-wrapper .price { font-size: 40px; font-weight: 500; padding: 25px 20px 0 0; } .pricing-table-area-four .pr-table-wrapper .price sup { font-size: 20px; top: -22px; } .pricing-table-area-four .pr-table-wrapper .top-banner span { font-size: 22px; } .pricing-table-area-four .pr-table-wrapper .top-banner em { font-size: 14px; font-style: normal; display: block; margin-top: -7px; } .pricing-table-area-four .pr-table-wrapper .pr-feature { text-align: left; padding: 38px 0 60px 20px; } .pricing-table-area-four .pr-table-wrapper .pr-feature li { position: relative; line-height: 42px; color: rgba(0, 0, 0, 0.7); padding-left: 30px; } .pricing-table-area-four .pr-table-wrapper .pr-feature li:before { content: url(/_next/static/media/76.c8197e3e.svg); position: absolute; top: 0; left: 0; } .pricing-table-area-four .pr-table-wrapper .trial-button { display: block; font-size: 16px; font-weight: 500; color: #000; line-height: 52px; border: 2px solid #000; border-radius: 5px; transition: all 0.3s ease-in-out; } .pricing-table-area-four .pr-table-wrapper .trial-text { font-size: 16px; padding-top: 20px; } .pricing-table-area-four .pr-table-wrapper:hover:before, .pricing-table-area-four .pr-table-wrapper.active:before { opacity: 1; } .pricing-table-area-four .pr-table-wrapper .trial-button:hover, .pricing-table-area-four .pr-table-wrapper.active .trial-button { background: #000; color: #fff; } /*--------------------- Client Feedback Slider Four ---------------*/ .client-feedback-slider-four { padding: 0 15px; } .client-feedback-slider-four .shape-one { top: -69px; left: 11%; } .client-feedback-slider-four .shape-two { bottom: -42px; right: 9%; } .client-feedback-slider-four .inner-container { max-width: 1600px; margin: 0 auto; background: #e7f2f2; border-radius: 40px; position: relative; padding: 140px 0; z-index: 1; } .clientSliderFour { max-width: 1435px; margin: 100px auto 0; } .clientSliderFour .feedback-wrapper { background: #fff; border-radius: 12px; margin: 0 20px; padding: 45px 50px 50px 40px; } .clientSliderFour .feedback-wrapper p { font-size: 20px; line-height: 1.75em; color: #000; padding: 20px 0 45px; } .clientSliderFour .feedback-wrapper .name { font-weight: 500; font-size: 18px; } .clientSliderFour .feedback-wrapper .name span { font-weight: normal; font-size: 16px; color: #8a8a8a; } .clientSliderFour .feedback-wrapper ul li { font-size: 15px; color: #ffb043; margin-right: 9px; } .clientSliderFour .feedback-wrapper ul li [class*=star-o] { color: #000; } .clientSliderFour .slick-dots { text-align: center; margin-top: 60px; } .clientSliderFour .slick-dots li { display: inline-block; } /*------------------ Fancy Short Banner Six ----------------*/ .fancy-short-banner-six { position: relative; text-align: center; } .fancy-short-banner-six .shape-one { left: 0; top: 22%; } .fancy-short-banner-six p { font-size: 24px; color: #000; padding: 30px 0 75px; } /*---------------- Footer Style Five -----------------*/ .theme-footer-five { padding: 0 15px; } .theme-footer-five .inner-container { border: 2px solid #151515; border-radius: 28px; max-width: 1600px; margin: 0 auto; padding: 60px 0 15px; } .theme-footer-five .inner-container [class*=col-] { margin-bottom: 40px; } .theme-footer-five .title { font-weight: 500; font-size: 20px; color: #000; margin-bottom: 30px; text-align: center; } .theme-footer-five .social-icon li a { width: 36px; height: 36px; border: 1px solid #dbdbdb; border-radius: 50%; line-height: 34px; text-align: center; color: #000000; margin: 0 5px; transition: all 0.3s ease-in-out; } .theme-footer-five .social-icon li a:hover { background: #ff2759; border-color: #ff2759; color: #fff; } .theme-footer-five .email { color: #000; } .theme-footer-five .email:hover { text-decoration: underline; } .theme-footer-five .copyright { text-align: center; font-size: 16px; padding: 35px 0; } /*---------------- Modal Contact Form One ------------------*/ .modal-backdrop { z-index: 10000; } .modal { z-index: 10001; } .modal-contact-popup-one .modal-dialog { max-width: 1330px; padding: 0 15px; } .modal-contact-popup-one .main-body { background: #fff; border-radius: 30px; overflow: hidden; position: relative; width: 100%; border: none; flex-direction: row; } .dark-style.modal-contact-popup-one .main-body { background: #2e2b3a; } .modal-contact-popup-one .main-body .close { position: absolute; right: 30px; top: 27px; z-index: 5; } .dark-style.modal-contact-popup-one .main-body .close { filter: invert(0.8); } .modal-contact-popup-one .main-body .left-side { flex: 0 0 50%; max-width: 50%; background: #fde3c5; text-align: center; padding: 50px 0 0; } .dark-style.modal-contact-popup-one .main-body .left-side { background: linear-gradient(319.09deg, #f2a530 15.78%, #ed5879 48.89%, #b439ff 81.59%); } .dark-style.modal-contact-popup-one .main-body .left-side blockquote, .dark-style.modal-contact-popup-one .main-body .left-side .bio { color: #fff; } .modal-contact-popup-one .main-body .left-side blockquote { font-weight: 500; font-size: 32px; line-height: 1.31em; color: #000; padding: 0 15px 15px; } .modal-contact-popup-one .main-body .left-side .bio { font-size: 20px; color: #000; display: block; padding-bottom: 15px; } .modal-contact-popup-one .main-body .left-side .illustration { width: 100%; } .modal-contact-popup-one .main-body .right-side { flex: 0 0 50%; max-width: 50%; padding: 50px 5% 50px 5%; position: relative; z-index: 1; } .modal-contact-popup-one .main-body .right-side .form-title { font-size: 40px; font-weight: 500; color: #000; padding-bottom: 30px; } .dark-style.modal-contact-popup-one .main-body .right-side .form-title { color: #fff; } .modal-contact-popup-one .main-body .input-group-meta { position: relative; } .modal-contact-popup-one .main-body .input-group-meta label { font-size: 15px; color: rgba(0, 0, 0, 0.6); padding-bottom: 8px; font-weight: normal; display: block; } .dark-style.modal-contact-popup-one .main-body .input-group-meta label { color: rgba(255, 255, 255, 0.52); } .modal-contact-popup-one .main-body .input-group-meta input { width: 100%; height: 60px; border: 2px solid #000; border-radius: 6px; padding: 0 20px; color: #000; font-size: 17px; background: transparent; } .modal-contact-popup-one .main-body .input-group-meta textarea { max-width: 100%; width: 100%; height: 150px; border: 2px solid #000; border-radius: 6px; padding: 10px 20px; color: #000; font-size: 17px; background: transparent; display: block; } .dark-style.modal-contact-popup-one .main-body .input-group-meta input, .dark-style.modal-contact-popup-one .main-body .input-group-meta textarea { border-color: #fff; color: #fff; } .modal-contact-popup-one .main-body .input-group-meta ::placeholder { color: #000; } .dark-style.modal-contact-popup-one .main-body .input-group-meta ::placeholder { color: #fff; } .dark-style.modal-contact-popup-one .theme-btn-seven { background: rgba(255, 255, 255, 0.25); } .dark-style .modal-contact-popup-one .right-side:before { content: ""; position: absolute; width: 568px; height: 568px; border-radius: 50%; top: -14%; left: 18%; background: rgba(89, 156, 255, 0.12); filter: blur(300px); transform: rotate(150deg); z-index: -1; } .dark-style .modal-contact-popup-one .right-side:after { content: ""; position: absolute; width: 568px; height: 568px; border-radius: 50%; top: 7%; left: 7%; background: rgba(255, 4, 64, 0.16); filter: blur(300px); transform: rotate(150deg); z-index: -2; } /*======================================================================= Product landing Dark =========================================================================*/ /*-------------------- Menu ---------------*/ .dark-style .theme-main-menu { background: transparent; } .dark-style .navbar .navbar-toggler { background: linear-gradient(90.6deg, #f548a0 2.93%, #f57c35 99.47%); } .dark-style .theme-main-menu.sticky-menu.fixed { background: #17192b; } .dark-style .navbar-nav .nav-item .nav-link { color: rgba(255, 255, 255, 0.6); } .dark-style .navbar-nav .nav-item.active .nav-link { color: rgb(255, 255, 255); } .dark-style .theme-menu-five .navbar-nav .nav-item .nav-link.active { color: #fff; } .dark-style .theme-menu-five .right-widget .demo-button { color: #fff; border-color: #fff; } .dark-style .theme-menu-five .right-widget .demo-button:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(90.6deg, #f548a0 2.93%, #f57c35 99.47%); border-radius: 8px; z-index: -1; opacity: 0; transition: all 0.3s ease-in-out; } .dark-style .theme-menu-five .right-widget .demo-button:hover { background: transparent; border-color: transparent; } .dark-style .theme-menu-five .right-widget .demo-button:hover:before { opacity: 1; } /*----------------------- Theme Hero Banner / Six ---------------*/ .hero-banner-six { position: relative; padding: 125px 0; } .hero-banner-six .hero-heading { font-size: 100px; line-height: 115%; color: #ffffff; } .hero-banner-six .hero-heading span { color: #ff275b; text-decoration: underline; text-decoration-thickness: 5px; } .hero-banner-six .hero-sub-heading { font-size: 22px; padding: 45px 0 90px; } .hero-banner-six .button-group .ios-button { width: 200px; height: 65px; padding: 0 5px 0 25px; border-radius: 6px; color: #fff; text-align: left; transition: all 0.3s ease-in-out; margin-right: 45px; } .hero-banner-six .button-group .ios-button .icon { margin-right: 15px; } .hero-banner-six .button-group .ios-button span { font-size: 11px; color: rgba(255, 255, 255, 0.7); display: block; margin-bottom: -11px; margin-top: -5px; } .hero-banner-six .button-group .ios-button strong { font-weight: 500; font-size: 18px; display: block; } .hero-banner-six .button-group .video-button span { font-weight: 500; color: #fff; font-size: 16px; padding-left: 14px; transition: all 0.3s ease; } .hero-banner-six .button-group .video-button span:hover { color: #ff275b; } .hero-banner-six .illustration-content { position: absolute; right: 0; top: 55%; transform: translateY(-50%); padding-right: 2%; width: 45%; max-width: 861px; } .hero-banner-six .illustration-content .main-img { animation: rotated 10s infinite linear; } .hero-banner-six .illustration-content .screen-one { position: absolute; width: 83%; top: 10%; right: 17%; z-index: 1; animation: jumpTwo 10s infinite linear; } .hero-banner-six .illustration-content .screen-two { position: absolute; width: 35%; top: 16%; right: 0; z-index: 2; animation: jumpThree 10s infinite linear; } .hero-banner-six .illustration-content .shape-one { top: 4%; left: 17%; z-index: 1; animation: rotated 3s infinite linear; } .hero-banner-six .illustration-content .shape-two { top: -7%; left: 44%; z-index: 1; } .hero-banner-six .illustration-content .shape-three { top: 4%; right: 11%; z-index: 1; } .hero-banner-six .illustration-content .shape-four { bottom: -1%; left: 29%; z-index: 1; } .hero-banner-six .illustration-content .shape-five { bottom: -3%; left: 13%; z-index: 1; } .hero-banner-six .illustration-content .shape-six { bottom: 4%; left: 45%; z-index: 1; width: 18%; } /*------------------ Fancy Feature Twelve --------------*/ .fancy-feature-twelve { position: relative; z-index: 2; } .fancy-feature-twelve .shape-one { top: 3%; left: 10%; } .fancy-feature-twelve .row { margin: 0 -30px; } .fancy-feature-twelve .row [class*=col-] { padding: 0 30px; } .block-style-seventeen { padding: 32px 50px 40px 44px; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 17px; position: relative; z-index: 1; } .block-style-seventeen:before { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: linear-gradient(111.21deg, #b526a6 -2.4%, #e14e66 46.51%, #e38039 93.12%); border-radius: 17px; z-index: -1; opacity: 0; transition: all 0.3s ease-in-out; } .block-style-seventeen:hover:before { opacity: 1; } .block-style-seventeen .icon { width: 60px; height: 60px; border-radius: 50%; background: rgba(255, 255, 255, 0.1); } .block-style-seventeen h3 { font-weight: 500; font-size: 24px; padding: 26px 0 20px; } .block-style-seventeen .static-text { transition: all 0.3s ease-in-out; } .block-style-seventeen .hover-text { font-size: 24px; line-height: 1.5em; color: #fff; position: absolute; left: 44px; top: 112px; opacity: 0; transition: all 0.3s ease-in-out; } .block-style-seventeen:hover .static-text { opacity: 0; } .block-style-seventeen:hover .hover-text { opacity: 1; } .block-style-seventeen .js-tilt-glare { border-radius: 17px; } /*------------------ Fancy Feature Thirteen --------------*/ .fancy-feature-thirteen .carousel-indicators { position: relative; margin: 0; border-top: 5px solid rgba(255, 255, 255, 0.1); } .fancy-feature-thirteen .carousel-indicators li { width: 30%; margin: 0; padding: 0; height: auto; background: transparent; opacity: 1; border: none; text-indent: 0; position: relative; padding-top: 50px; } .fancy-feature-thirteen .carousel-indicators li:before { content: ""; position: absolute; width: 100%; height: 5px; background: #ffd35b; left: 0; top: -5px; z-index: 1; opacity: 0; transition: all 0.3s ease-in-out; } .fancy-feature-thirteen .item_content .icon { width: 34px; height: 34px; border-radius: 50%; background: rgba(255, 255, 255, 0.1); margin: 6px 30px 0 0; } .fancy-feature-thirteen .item_content .icon img { transition: all 0.3s ease-in-out; opacity: 0.4; } .fancy-feature-thirteen .item_content { padding-top: 50px; } .fancy-feature-thirteen .item_content p { font-size: 24px; line-height: 1.41em; color: rgba(255, 255, 255, 0.5); transition: all 0.3s ease-in-out; } .fancy-feature-thirteen .slick-slider.slick-nav-custom .slick-slide.slick-active.slick-current { border-top-color: #ffd35b; } .fancy-feature-thirteen .carousel-indicators li.active:before { opacity: 1; } .fancy-feature-thirteen .slick-slide.slick-active.slick-current .item_content p { color: rgb(255, 255, 255); } .fancy-feature-thirteen .slick-slide.slick-active.slick-current .icon img { opacity: 1; transform: rotate(90deg); } .fancy-feature-thirteen .carousel-indicators li.active p { color: rgb(255, 255, 255); } .fancy-feature-thirteen .carousel-inner { background: rgba(243, 247, 248, 0.1); box-shadow: inset 0px 2px 2px rgba(255, 255, 255, 0.15); border-radius: 40px; padding: 70px 75px; margin-top: 85px; position: relative; overflow: visible; } #productScreenSlider .carousel-item { opacity: 0; transition-duration: 0.6s; transition-property: opacity; } #productScreenSlider .carousel-item.active, #productScreenSlider .carousel-item-next.carousel-item-left, #productScreenSlider .carousel-item-prev.carousel-item-right { opacity: 1; } #productScreenSlider .active.carousel-item-left, #productScreenSlider .active.carousel-item-right { opacity: 0; } #productScreenSlider .carousel-item-next, #productScreenSlider .carousel-item-prev, #productScreenSlider .carousel-item.active, #productScreenSlider .active.carousel-item-left, #productScreenSlider .active.carousel-item-prev { transform: translateX(0); transform: translate3d(0, 0, 0); } .fancy-feature-thirteen .shape-one { top: -57px; right: -60px; z-index: 1; } .fancy-feature-thirteen .shape-two { bottom: -116px; left: -137px; z-index: 1; } /*------------------ Fancy Feature Fourteen --------------*/ .fancy-feature-fourteen .logo-meta { background: rgba(255, 255, 255, 0.1); border-radius: 20px; height: 170px; margin-bottom: 40px; transition: 0.3s; } .fancy-feature-fourteen .logo-meta:hover { background: rgba(255, 255, 255, 0.15); } .fancy-feature-fourteen .logo-meta.lg { height: 248px; } .fancy-feature-fourteen .js-tilt-glare { border-radius: 20px; } .fancy-feature-fourteen .right-side { position: relative; z-index: 1; } .fancy-feature-fourteen .right-side .shape-one { bottom: -29px; right: -31px; z-index: 1; } /*------------------ Fancy Portfolio One --------------*/ .fancy-portfolio-one .img-meta { border-radius: 20px; overflow: hidden; margin: 0 20px; } .fancy-portfolio-one .img-meta img { margin: 0 auto; cursor: pointer; transition: 0.3s; } .fancy-portfolio-one .img-meta:hover img { opacity: 0.8; } .portfolioSliderOne { max-width: 1800px; margin: 0 auto; } .fancy-portfolio-one .slider-arrows > div { width: 55px; height: 55px; border-radius: 50%; background: rgba(255, 255, 255, 0.15); margin-left: 15px; cursor: pointer; transition: all 0.3s ease-in-out; } .fancy-portfolio-one .slider-arrows > div:hover { background: #ff2759; } .fancy-portfolio-one .slider-arrows { position: absolute; top: 28px; right: 16%; } /*-------------- Client Feedback Slider Five ----------------*/ .client-feedback-slider-five { position: relative; padding: 240px 0; z-index: 2; } .clientSliderFive { text-align: center; } .clientSliderFive p { font-size: 28px; line-height: 1.85em; padding-bottom: 84px; color: rgba(255, 255, 255, 0.7); } .clientSliderFive .name { font-size: 24px; font-weight: 500; color: #fff; } .client-feedback-slider-five .slider-arrow li { width: 20px; line-height: 20px; text-align: center; cursor: pointer; margin: 0 7px; font-size: 26px; color: #fff; transition: all 0.3s ease-in-out; transform: scale(0.6); } .client-feedback-slider-five .slider-arrow li:first-child i { transform: rotate(180deg); display: inline-block; } .client-feedback-slider-five .slider-arrow li:hover { opacity: 1; transform: scale(1); } .client-feedback-slider-five .circle-area { position: absolute; width: 100%; height: 100%; top: 46%; left: 50%; transform: translate(-50%, -50%); z-index: -1; } .client-feedback-slider-five .circle-area .main-img { margin: 0 auto; } .client-feedback-slider-five .shape-one { top: 10%; left: -22%; } .client-feedback-slider-five .shape-two { top: -26%; right: -23%; } .client-feedback-slider-five .shape-three { top: 97%; right: 12%; } /*------------------ Pricing Section Five ---------------*/ .pricing-table-area-five .row { margin: 0 -20px; } .pricing-table-area-five .row [class*=col-] { padding: 0 20px; } .pricing-table-area-five .pr-table-wrapper { border: 2px solid rgba(255, 255, 255, 0.2); border-radius: 15px; position: relative; padding: 58px 15px 55px 47px; } .pricing-table-area-five .pr-table-wrapper .pack-name { font-size: 32px; font-weight: 500; color: #fff; padding: 39px 0 37px; } .pricing-table-area-five .pr-table-wrapper .pr-feature li { line-height: 42px; color: rgba(255, 255, 255, 0.7); padding-left: 30px; position: relative; } .pricing-table-area-five .pr-table-wrapper .pr-feature li:before { content: url(/_next/static/media/87.ed5eec0a.svg); position: absolute; left: 0; top: 0; } .pricing-table-area-five .pr-table-wrapper .price { color: #fff; font-size: 28px; padding: 45px 0 7px; } .pricing-table-area-five .pr-table-wrapper .trial-text { color: rgba(255, 255, 255, 0.54); } .pricing-table-area-five .pr-table-wrapper .trial-button { width: 170px; line-height: 50px; border-radius: 24px; font-size: 16px; font-weight: 500; color: #fff; margin-top: 35px; text-align: center; } .pricing-table-area-five .pr-table-wrapper .trial-button:before { border-radius: 24px; } .pricing-table-area-five .pr-table-wrapper.active { background: rgba(255, 255, 255, 0.03); border-color: transparent; } .pricing-table-area-five .pr-table-wrapper.active .trial-button { background: rgba(255, 255, 255, 0.1); } .pricing-table-area-five .shape-one { z-index: 1; right: -47px; top: -76px; animation: rotated 35s infinite linear; } .pricing-table-area-five .shape-two { z-index: 1; left: -107px; bottom: -95px; animation: rotated 20s infinite linear; } .pricing-table-area-five .pr-table-wrapper .popular-badge { top: -90px; left: -77px; position: absolute; z-index: 1; animation: jumpTwo 10s infinite linear; } @media screen and (max-width: 991px) { .pricing-table-area-five .pr-table-wrapper .popular-badge { display: none; } } .pricing-table-area-five .js-tilt-glare .js-tilt-glare-inner { border-radius: 15px; background-image: none !important; } .pricing-table-area-five .pr-table-wrapper.active .popular-badge { display: none; } /*--------------- Fancy Short Banner Seven --------------*/ .fancy-short-banner-seven { text-align: center; position: relative; z-index: 2; } .fancy-short-banner-seven .ios-button { width: 200px; height: 65px; padding: 0 5px 0 25px; border-radius: 6px; color: #fff; text-align: left; transition: all 0.3s ease-in-out; margin: 45px auto 0; } .fancy-short-banner-seven .ios-button:after { content: url(/_next/static/media/161.f6c391d7.svg); position: absolute; right: -107px; bottom: -28px; } .fancy-short-banner-seven .ios-button .icon { margin-right: 15px; } .fancy-short-banner-seven .ios-button span { font-size: 11px; color: rgba(255, 255, 255, 0.7); display: block; margin-bottom: -11px; margin-top: -5px; } .fancy-short-banner-seven .ios-button strong { font-weight: 500; font-size: 18px; display: block; } .fancy-short-banner-seven .video-button span { font-weight: 500; color: #fff; font-size: 16px; padding-left: 14px; transition: all 0.3s ease; } .fancy-short-banner-seven .screen-meta { position: relative; margin-top: 95px; z-index: 1; } .fancy-short-banner-seven .screen-meta:before { content: ""; position: absolute; background: linear-gradient(180deg, #0f1123 0%, rgba(15, 17, 35, 0.89) 24.08%, rgba(14, 16, 31, 0) 81.75%); top: -50px; left: 0; right: 0; bottom: -100px; z-index: 2; } .fancy-short-banner-seven .shape-one { left: 15%; top: 36%; z-index: 3; animation: jumpTwo 3s infinite linear; } .fancy-short-banner-seven .shape-two { right: 17%; top: 36%; z-index: 3; animation: jumpThree 3s infinite linear; } .fancy-short-banner-seven .shape-three { left: 29%; bottom: -14%; z-index: 3; animation: jumpTwo 3s infinite linear; } .fancy-short-banner-seven .shape-four { left: 10%; top: -7%; z-index: 3; } .fancy-short-banner-seven .shape-five { right: -6%; bottom: -35%; z-index: 3; } .fancy-short-banner-seven .js-tilt-glare-inner { background: transparent; background-image: none !important; } /*------------------- Footer Style Six ---------------*/ .theme-footer-six { background: url(/_next/static/media/img_77.2c8fb706.png) no-repeat center; background-size: cover; position: relative; z-index: 1; margin-top: 200px; } .theme-footer-six .shape-one { left: 9%; bottom: -200px; animation: jumpThree 10s infinite linear; } .theme-footer-six .inner-container { background: linear-gradient(180deg, #0f1123 0%, rgba(15, 17, 35, 0.83) 48.7%, #0f1123 100%); padding: 100px 0 10px; position: relative; overflow: hidden; z-index: 5; } .theme-footer-six .inner-container [class*=col-] { margin-bottom: 40px; } .theme-footer-six .title { font-weight: 500; font-size: 20px; color: #fff; margin-bottom: 30px; text-align: center; } .theme-footer-six .social-icon li a { width: 36px; height: 36px; border: 1px solid #fff; border-radius: 50%; line-height: 34px; text-align: center; color: #fff; margin: 0 5px; transition: all 0.3s ease-in-out; } .theme-footer-six .social-icon li a:hover { background: #ff2759; border-color: #ff2759; color: #fff; } .theme-footer-six .email { color: rgba(255, 255, 255, 0.8); } .theme-footer-six .email:hover { text-decoration: underline; } .theme-footer-six .copyright { text-align: center; font-size: 16px; padding: 45px 0 0; } /*======================================================================= Product landing / Note Taking =========================================================================*/ /*-------------------- Menu ---------------*/ .theme-menu-five .right-widget .signIn-action { font-size: 20px; font-weight: 500; line-height: 46px; color: #000; transition: all 0.3s ease-in-out; } .theme-menu-five .right-widget .signIn-action:hover { text-decoration: underline; } .theme-menu-five .right-widget .signIn-action img { margin-right: 12px; margin-top: -3px; } .theme-menu-five .right-widget .download-btn { margin-left: 40px; } .theme-menu-five .right-widget .download-btn button { width: 190px; line-height: 60px; border-radius: 9px; font-weight: 500; font-size: 18px; color: #000; background: #ffeaa0; padding-left: 12px; } .theme-menu-five .right-widget .download-btn button:after { content: url(/_next/static/media/89.fa8bfa3c.svg); border: none; margin: 0 0 0 11px; vertical-align: 0; transition: all 0.2s ease-in-out; } .theme-menu-five .right-widget .download-btn.style-two button { background: #fff; border: 2px solid #000; line-height: 56px; } .theme-menu-five .right-widget .download-btn.style-two .dropdown-menu { background: #fff; border: 2px solid #000; } .theme-menu-five .right-widget .download-btn.show button:after { transform: rotate(180deg); } .theme-menu-five .right-widget .download-btn .dropdown-menu { width: 100%; background: #fff5d1; border-radius: 0px 0px 10px 10px; border: none; margin: -5px 0 0 0; } .theme-menu-five .right-widget .download-btn .dropdown-menu a { font-weight: 500; font-size: 15px; color: #000; padding: 8px 15px; transition: all 0.3s ease-in-out; } .theme-menu-five .right-widget .download-btn .dropdown-menu a:hover, .theme-menu-five .right-widget .download-btn .dropdown-menu a:focus { background: rgba(255, 255, 255, 0.5); } .theme-menu-five .right-widget .download-btn .dropdown-menu a span { padding-left: 12px; } .theme-menu-five .right-widget .signup-btn { color: #000; position: relative; margin-left: 38px; } .theme-menu-five .right-widget .signup-btn:before { content: ""; position: absolute; height: 13px; width: 2px; background: #000; left: -20px; top: 50%; transform: translateY(-50%); } .theme-menu-five .right-widget .signup-btn span { font-weight: 500; } .theme-menu-five .right-widget .signup-btn:hover { text-decoration: underline; } /*----------------------- Theme Hero Banner / Seven ---------------*/ .hero-banner-seven { position: relative; z-index: 1; margin: 75px 0 0; } .hero-banner-seven .illustration-container { position: absolute; top: 22px; right: 70px; max-width: 46%; } .hero-banner-seven .illustration-container img { animation: jumpTwo 6s infinite linear; } .hero-banner-seven .hero-heading { font-weight: 500; font-size: 100px; line-height: 1.15em; padding-right: 50px; } .hero-banner-seven .hero-heading span { position: relative; } .hero-banner-seven .hero-heading span:before { content: ""; width: 100%; height: 15px; background: #ffeaa0; position: absolute; left: 0; bottom: 30px; z-index: -1; } .hero-banner-seven .hero-sub-heading { font-size: 24px; line-height: 1.5em; color: #2f2f2f; padding: 36px 0 58px 0; } .hero-banner-seven form { max-width: 550px; height: 80px; position: relative; } .hero-banner-seven form input { border: none; background: #f4f4f4; border-radius: 7px; width: 100%; height: 100%; font-size: 16px; padding: 0 190px 0 30px; } .hero-banner-seven form button { position: absolute; right: 10px; top: 8px; bottom: 8px; background: #242424; width: 170px; border-radius: 7px; text-align: center; color: #fff; font-size: 17px; transition: all 0.3s ease-in-out; } .hero-banner-seven form button:hover { background: #ffeaa0; color: #212121; } .hero-banner-seven form ::placeholder { color: #0b0b0b; } .hero-banner-seven .term-text { font-size: 16px; color: #878787; margin-top: 22px; } .hero-banner-seven .download-btn { width: 190px; margin-top: 25px; display: none; } .hero-banner-seven .download-btn button { width: 100%; line-height: 60px; border-radius: 9px; font-weight: 500; font-size: 18px; color: #000; background: #ffeaa0; padding-left: 12px; } .hero-banner-seven .download-btn button:after { content: url(/_next/static/media/89.fa8bfa3c.svg); border: none; margin: 0 0 0 11px; vertical-align: 0; transition: all 0.2s ease-in-out; } .hero-banner-seven .download-btn.show button:after { transform: rotate(180deg); } .hero-banner-seven .download-btn .dropdown-menu { width: 100%; background: #fff5d1; border-radius: 0px 0px 10px 10px; border: none; margin: -5px 0 0 0; } .hero-banner-seven .download-btn .dropdown-menu a { font-weight: 500; font-size: 15px; color: #000; padding: 8px 15px; transition: all 0.3s ease-in-out; } .hero-banner-seven .download-btn .dropdown-menu a:hover, .hero-banner-seven .download-btn .dropdown-menu a:focus { background: rgba(255, 255, 255, 0.5); } .hero-banner-seven .download-btn .dropdown-menu a span { padding-left: 12px; } /*---------------------- Fancy Feature Fifteen ------------------*/ .fancy-feature-fifteen { margin: 0 15px; } .fancy-feature-fifteen .bg-wrapper { max-width: 1400px; margin: 0 auto; background: #f6f9fc; padding: 70px 0; border-radius: 20px; position: relative; z-index: 1; } .fancy-feature-fifteen .bg-wrapper:before { content: ""; position: absolute; width: 118px; height: 118px; border-radius: 50%; background: #75f1d5; top: -59px; right: -48px; z-index: 1; animation: jumpTwo 6s infinite linear; } .fancy-feature-fifteen .bg-wrapper .shape-one { left: -33px; top: 22%; animation: jumpTwo 6s infinite linear; } .fancy-feature-fifteen .bg-wrapper .shape-two { right: -33px; top: 58%; animation: jumpThree 6s infinite linear; } .fancy-feature-fifteen .carousel-indicators { position: relative; margin: 0; } .fancy-feature-fifteen li { margin: 0; padding: 0; height: auto; background: transparent; opacity: 0.75; border: none; text-indent: 0; position: relative; width: auto; margin-bottom: 10px; } .fancy-feature-fifteen li:before { content: ""; position: absolute; width: 100%; height: 2px; background: #000; left: 0; bottom: -3px; opacity: 0; transition: all 0.3s ease-in-out; } .fancy-feature-fifteen li p { font-size: 18px; font-weight: 500; color: #000; padding-left: 10px; transition: all 0.3s ease-in-out; } .fancy-feature-fifteen .react-tabs__tab-list { max-width: 66%; display: flex; flex-wrap: wrap; margin: auto; justify-content: space-between; cursor: pointer; } @media screen and (max-width: 991px) { .fancy-feature-fifteen .react-tabs__tab-list { max-width: 100%; justify-content: center; } .fancy-feature-fifteen .react-tabs__tab-list li { margin: 10px; } } .fancy-feature-fifteen li.react-tabs__tab--selected, .fancy-feature-fifteen li.react-tabs__tab--selected:before { opacity: 1; } /*--------------------- Fancy Feature Sixteen ------------------*/ .block-style-eighteen .text-wrapper h6 { font-size: 17px; text-transform: uppercase; letter-spacing: 1px; color: rgba(0, 0, 0, 0.63); padding-bottom: 15px; } .block-style-eighteen .text-wrapper .title { font-size: 68px; font-weight: 500; line-height: 1.05em; } .block-style-eighteen .text-wrapper .title span { position: relative; display: inline-block; } .block-style-eighteen .text-wrapper .title span:before { content: ""; width: 100%; height: 13px; background: #ffeaa0; position: absolute; left: 0; bottom: 10px; z-index: -1; } .block-style-eighteen .text-wrapper p { font-size: 20px; line-height: 1.75em; color: #4f4f4f; padding: 45px 0 40px; } .block-style-eighteen .text-wrapper .learn-more { font-weight: 500; font-size: 16px; color: #000; } .block-style-eighteen .text-wrapper .learn-more img { margin-left: 5px; transition: all 0.3s ease-in-out; } .block-style-eighteen .text-wrapper .learn-more:hover img { transform: translateX(3px); } .block-style-eighteen .screen-holder-one { width: 460px; height: 470px; border-radius: 24px; background: #faf7f0; position: relative; z-index: 1; margin-left: auto; } .block-style-eighteen .screen-holder-one .round-bg { background: #fff; border-radius: 50%; } @media screen and (max-width: 575px) { .block-style-eighteen .screen-holder-one .round-bg.big_g { width: 150px !important; height: 150px !important; } } .block-style-eighteen .screen-holder-one .shapes { z-index: 1; } .block-style-eighteen .screen-holder-one .logo-one { top: -33px; right: 32%; animation: jumpTwo 6s infinite linear; } .block-style-eighteen .screen-holder-one .logo-two { top: 20%; left: -42px; animation: jumpThree 6s infinite linear; } .block-style-eighteen .screen-holder-one .logo-three { top: 74%; left: -37px; animation: jumpTwo 6s infinite linear; } .block-style-eighteen .screen-holder-one .logo-four { bottom: -54px; left: 52%; animation: jumpThree 6s infinite linear; } .block-style-eighteen .screen-holder-one .logo-five { top: 9%; right: -43px; animation: jumpThree 6s infinite linear; } .block-style-eighteen .screen-holder-one .shape-one { top: 42%; right: -43px; } .block-style-eighteen .screen-holder-two { position: relative; display: inline-block; } .block-style-eighteen .screen-holder-two .screen-one { z-index: 1; bottom: -9%; right: -22%; width: 44.8%; animation: jumpThree 5s infinite linear; } .block-style-eighteen .screen-holder-three { width: 530px; height: 513px; background: #f0f6fb; position: relative; display: inline-block; border-radius: 25px; margin-left: auto; } .block-style-eighteen .screen-holder-three img { animation: jumpTwo 5s infinite linear; } /*----------------- Fancy Text block Twenty Two -------------------*/ .fancy-text-block-twentyTwo .text-wrapper { padding-left: 40px; } .fancy-text-block-twentyTwo .text-wrapper p { font-size: 20px; line-height: 1.75em; color: #292929; padding: 40px 0 67px; } .fancy-text-block-twentyTwo .illustration-holder img { animation: jumpTwo 6s infinite linear; } /*----------------- Fancy Feature Seventeen -------------------*/ .fancy-feature-seventeen { padding-left: 15px; padding-right: 15px; } .fancy-feature-seventeen .bg-wrapper { max-width: 1400px; margin: 0 auto; background: #fcf7ea; border-radius: 25px; padding: 90px 0 40px; } .fancy-feature-seventeen .block-meta { margin-bottom: 70px; text-align: center; padding: 0 30px; } .fancy-feature-seventeen .block-meta .icon { height: 35px; } .fancy-feature-seventeen .block-meta .icon img { margin: 0 auto; } .fancy-feature-seventeen .block-meta h4 { font-size: 24px; font-weight: 500; padding: 28px 0 14px; } .fancy-feature-seventeen .block-meta p { line-height: 32px; color: #292929; } /*------------------- Pricing Section Six ------------------*/ .pricing-nav-four { margin: 70px auto 35px; border: 2px solid #000; padding: 6px; border-radius: 10px; width: 310px; } .pricing-nav-four .nav-item { margin: 0; } .pricing-nav-four .nav-item .nav-link, .pricing-nav-four .react-tabs__tab { font-weight: 500; font-size: 18px; line-height: 60px; border: none; border-radius: 10px; padding: 0 15px; width: 147px; text-align: center; color: #000; transition: all 0.3s ease-in-out; cursor: pointer; } .pricing-nav-four .nav-item .nav-link.active, .pricing-nav-four .react-tabs__tab.react-tabs__tab--selected { background: #000; color: #fff; } .pricing-table-area-six { max-width: 1335px; padding: 0 15px; margin: 0 auto; } .pricing-table-area-six .row { margin: 0 -30px; } .pricing-table-area-six .row [class*=col-] { padding: 0 30px; } .pricing-table-area-six .pr-table-wrapper { border: 1px solid #ececec; border-radius: 15px; transition: all 0.3s ease-in-out; padding: 35px 35px 35px; margin-top: 40px; position: relative; z-index: 1; text-align: center; } .pricing-table-area-six .pr-table-wrapper:before { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; border-radius: 15px; border: 2px solid #000; z-index: -1; opacity: 0; transition: all 0.3s ease-in-out; } .pricing-table-area-six .pr-table-wrapper .pack-name { font-weight: 500; font-size: 24px; line-height: 35px; padding: 0 13px; display: inline-block; color: #000; } .pricing-table-area-six .pr-table-wrapper .pack-details { font-size: 16px; text-transform: uppercase; letter-spacing: 2px; color: #000; border-bottom: 1px solid #e0e0e0; padding: 0 0 27px; } .pricing-table-area-six .pr-table-wrapper .price { font-size: 58px; font-weight: 500; color: #000; line-height: initial; padding: 13px 0 6px; } .pricing-table-area-six .pr-table-wrapper .pr-feature { text-align: left; padding: 28px 0 42px 8px; } .pricing-table-area-six .pr-table-wrapper .pr-feature li { position: relative; line-height: 42px; color: rgba(0, 0, 0, 0.8); padding-left: 30px; } .pricing-table-area-six .pr-table-wrapper .pr-feature li:before { content: url(/_next/static/media/76.c8197e3e.svg); position: absolute; top: 0; left: 0; } .pricing-table-area-six .pr-table-wrapper .trial-button { display: block; font-size: 16px; font-weight: 500; color: #000; line-height: 52px; border: 2px solid #000; border-radius: 5px; transition: all 0.3s ease-in-out; } .pricing-table-area-six .pr-table-wrapper .trial-text { font-size: 16px; padding-top: 20px; } .pricing-table-area-six .pr-table-wrapper:hover:before, .pricing-table-area-six .pr-table-wrapper.active:before { opacity: 1; } .pricing-table-area-six .pr-table-wrapper .trial-button:hover, .pricing-table-area-six .pr-table-wrapper.active .trial-button { background: #ffeaa0; border-color: #ffeaa0; } /*-------------- Client Feedback Slider Six ----------------*/ .clientSliderSix { max-width: 1740px; margin: 30px auto 0; } .clientSliderSix .item { padding: 80px 25px; } .clientSliderSix .feedback-wrapper { border: 2px solid #e8edf0; border-radius: 10px; background: #fff; padding: 42px 44px 48px 57px; position: relative; z-index: 1; transition: all 0.3s ease-in-out; } .clientSliderSix .feedback-wrapper .ribbon { height: 8px; position: absolute; left: -1px; right: -1px; top: -1px; border-top-left-radius: 10px; border-top-right-radius: 10px; } .clientSliderSix .slick-center .feedback-wrapper { border-color: #fff; box-shadow: 0px 35px 60px rgba(14, 29, 45, 0.04); } .clientSliderSix .feedback-wrapper:before { content: url(/_next/static/media/101.72f78e81.svg); position: absolute; bottom: 41px; right: 57px; } .clientSliderSix .feedback-wrapper p { font-size: 20px; line-height: 38px; color: #000; padding-bottom: 45px; } .clientSliderSix .feedback-wrapper .avatar { width: 40px; height: 40px; border-radius: 50%; margin-right: 15px; } .clientSliderSix .feedback-wrapper .name { font-weight: 500; font-size: 18px; } .clientSliderSix .feedback-wrapper .name span { font-weight: normal; font-size: 16px; color: #8a8a8a; } .clientSliderSix .slick-dots { text-align: center; } .clientSliderSix .slick-dots li { display: inline-block; } .clientSliderSix.style-two .feedback-wrapper .ribbon { top: auto; bottom: -1px; height: 5px; transform: scale(0, 1); border-radius: 0 0 10px 10px; transition: all 0.3s ease-in-out; } .clientSliderSix.style-two .slick-center .feedback-wrapper .ribbon { transform: scale(1, 1); } /*----------------- Fancy Short Banner Eight ---------------*/ .fancy-short-banner-eight { background: #fcf7ea; padding: 90px 0 100px; position: relative; z-index: 1; } .fancy-short-banner-eight .download-btn { width: 280px; margin: 80px auto 0; } .fancy-short-banner-eight .download-btn button { width: 100%; line-height: 70px; border-radius: 6px; font-weight: 500; font-size: 18px; color: #fff; background: #000; text-align: center; } .fancy-short-banner-eight .download-btn button:after { content: url(/_next/static/media/102.0db09279.svg); border: none; position: absolute; right: 22px; vertical-align: 0; transition: all 0.2s ease-in-out; } .fancy-short-banner-eight .download-btn.show button:after { transform: rotate(180deg); } .fancy-short-banner-eight .download-btn .dropdown-menu { width: 100%; background: #fff5d1; border-radius: 0px 0px 10px 10px; border: none; margin: -5px 0 0 0; padding: 5px 0 0px; } .fancy-short-banner-eight .download-btn .dropdown-menu a { font-weight: 500; font-size: 15px; color: #000; padding: 8px 15px; background: transparent; } .fancy-short-banner-eight .download-btn .dropdown-menu a:hover, .fancy-short-banner-eight .download-btn .dropdown-menu a:focus { background: rgba(255, 255, 255, 0.5); } .fancy-short-banner-eight .download-btn .dropdown-menu a span { padding-left: 12px; } .fancy-short-banner-eight .shape-one { top: 18%; left: 10%; animation: jumpThree 4s infinite linear; } .fancy-short-banner-eight .shape-two { top: 54%; right: 9%; animation: jumpTwo 4s infinite linear; } /*-------------- Footer Style Seven -------------*/ .theme-footer-seven .title { font-size: 16px; font-weight: 500; text-transform: uppercase; color: rgba(0, 0, 0, 0.8); letter-spacing: 3px; padding-bottom: 25px; } .theme-footer-seven .footer-list a { line-height: 40px; color: #000; transition: all 0.3s ease-in-out; } .theme-footer-seven .footer-list a:hover { text-decoration: underline; } .theme-footer-seven .newsletter p { font-size: 19px; color: #000; padding: 10px 0 40px; } .theme-footer-seven .newsletter p span { text-decoration: underline; } .theme-footer-seven .inner-btn-black .newsletter button { background: #262626; color: #fff; } .theme-footer-seven .inner-btn-black .newsletter button:hover { background: #eb5e2a; } .theme-footer-seven .newsletter p span { text-decoration: underline; } .theme-footer-seven .newsletter form { height: 70px; position: relative; margin-bottom: 12px; } .theme-footer-seven .newsletter form input { width: 100%; height: 100%; border: 2px solid #000; border-radius: 8px; padding: 0 125px 0 20px; font-size: 16px; color: #000; } .theme-footer-seven .newsletter form ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #000; opacity: 1; /* Firefox */ } .theme-footer-seven .newsletter form :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #000; } .theme-footer-seven .newsletter form ::-ms-input-placeholder { /* Microsoft Edge */ color: #000; } .theme-footer-seven .newsletter form button { position: absolute; font-size: 16px; font-weight: 500; top: 8px; right: 8px; bottom: 8px; width: 115px; border-radius: 8px; background: #ffeaa0; color: #000; transition: all 0.3s ease-in-out; } .theme-footer-seven .newsletter form button.dark-btn { background: #262626; color: #fff; } .theme-footer-seven .newsletter form button.dark-btn:hover { background: #eb5e2a; } .theme-footer-seven .newsletter .info { font-size: 14px; color: #878787; } .theme-footer-seven .bottom-footer { border-top: 1px solid rgba(0, 0, 0, 0.08); padding: 35px 0 15px; margin-top: 45px; } .theme-footer-seven .bottom-footer .footer-nav a { font-size: 16px; color: #000; margin-right: 25px; } .theme-footer-seven .bottom-footer .footer-nav a:hover { text-decoration: underline; } .theme-footer-seven .bottom-footer .copyright { font-size: 16px; color: #373737; } .theme-footer-seven .bottom-footer .copyright a:hover { color: #000; text-decoration: underline; } .theme-footer-seven .bottom-footer .social-icon a { font-size: 20px; margin-left: 15px; color: #000; transition: 0.3s; } .theme-footer-seven .bottom-footer .social-icon a:hover { transform: translateY(-3px); } /*---- Dark Style ----*/ .theme-footer-seven.dark-bg .logo img { filter: invert(1); } .theme-footer-seven.dark-bg { background: #262626; color: #fff; } .theme-footer-seven.dark-bg .title { color: rgba(255, 255, 255, 0.54); } .theme-footer-seven.dark-bg .footer-list a, .theme-footer-seven.dark-bg .newsletter p, .theme-footer-seven.dark-bg .bottom-footer .footer-nav a, .theme-footer-seven.dark-bg .bottom-footer .copyright, .theme-footer-seven.dark-bg .bottom-footer .social-icon a { color: #fff; } .theme-footer-seven.dark-bg .bottom-footer { border-top: 1px solid rgba(255, 255, 255, 0.08); } /*======================================================================= Product landing / Online Video Editor =========================================================================*/ /*---------------- Theme Hero Banner ---------------*/ .hero-banner-eight { position: relative; z-index: 5; text-align: center; margin-top: 62px; } .hero-banner-eight .hero-heading { font-size: 90px; font-weight: 500; line-height: 1.11em; } .hero-banner-eight .hero-sub-heading { font-size: 23px; color: #000; padding: 35px 0 55px; } .hero-banner-eight .video-wrapper { max-width: 1050px; height: 600px; border-radius: 30px; overflow: hidden; background: #fff; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.04); margin: 75px auto 0; } .hero-banner-eight .video-wrapper video { display: block; } .hero-banner-eight .shape-right { top: -1%; right: 0; width: 25.5%; animation: fade-in 1.5s infinite linear; } .hero-banner-eight .shape-left { top: 0; left: 0; width: 29.4%; animation: fade-in-rev 1.5s infinite linear; } /*----------------- Fancy Feature Eighteen -------------------*/ .fancy-feature-eighteen { background: #f3f8ff; padding: 120px 15px 150px; position: relative; z-index: 1; } .fancy-feature-eighteen .react-tabs__tab-panel { background: #fff; } .fancy-feature-eighteen .react-tabs__tab-list { margin: 90px 0 70px; border: none; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; } .fancy-feature-eighteen .react-tabs__tab-panel { box-shadow: 0 40px 100px rgba(14, 33, 44, 0.05); overflow: hidden; border-radius: 20px; } .fancy-feature-eighteen .react-tabs__tab-list .react-tabs__tab { display: flex; align-items: center; cursor: pointer; } .fancy-feature-eighteen .nav-link { position: relative; width: 90px; height: 90px; border-radius: 15px; padding: 10px; border: none; background: transparent; margin: 10px 22px; } .fancy-feature-eighteen .react-tabs__tab .hover { position: absolute; top: 50%; left: 50%; transform: scale(0) translate(-50%, -50%); } .fancy-feature-eighteen .react-tabs__tab--selected .current { transform: scale(0); } .fancy-feature-eighteen .react-tabs__tab--selected .hover { transform: scale(1) translate(-50%, -50%); } .fancy-feature-eighteen .react-tabs__tab--selected .nav-link { background: #fff; box-shadow: 0 15px 30px rgba(9, 16, 29, 0.03); } .fancy-feature-eighteen .tab-content { max-width: 1450px; margin: 0 auto; background: transparent; min-height: 490px; } .fancy-feature-eighteen .tab-content .text-wrapper { padding: 40px 80px; } .fancy-feature-eighteen .tab-content .text-wrapper h4 { font-size: 36px; font-weight: 700; padding-bottom: 40px; } .fancy-feature-eighteen .tab-content .text-wrapper p { font-size: 24px; line-height: 1.83em; color: #000; } .fancy-feature-eighteen .shape-right { bottom: 4%; right: 0; width: 13.35%; animation: fade-in 1.5s infinite linear; } .fancy-feature-eighteen .shape-left { bottom: 8%; left: 0; width: 13%; animation: fade-in-rev 1.5s infinite linear; } .fancy-feature-eighteen .tab-content .img-holder { position: relative; } .fancy-feature-eighteen .tab-content .img-holder .ripple-box { width: 385px; height: 160px; border: 3px solid #fff; color: #fff; font-size: 28px; font-weight: 500; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .fancy-feature-eighteen .tab-content .img-holder .ripple-box:before { content: ""; position: absolute; width: 3px; height: 40px; background: #fff; top: -40px; left: -3px; } .fancy-feature-eighteen .tab-content .img-holder .ripple-box:after { content: ""; position: absolute; width: 40px; height: 3px; background: #fff; top: -3px; left: -40px; } /*----------------- Fancy Feature Nineteen -------------------*/ .block-style-nineteen { background: #fff; border-radius: 10px; padding: 37px 50px; margin-top: 35px; border-left-width: 5px; border-left-style: solid; box-shadow: 0 20px 60px rgba(10, 30, 81, 0.04); } .block-style-nineteen .text { padding-left: 30px; } .block-style-nineteen .text h4 { font-size: 24px; font-weight: 700; padding-bottom: 17px; } .block-style-nineteen .text p { font-size: 16px; line-height: 1.875em; } /*----------------- Fancy Feature Twenty -------------------*/ .block-style-twenty .text-wrapper h6 { font-size: 17px; text-transform: uppercase; letter-spacing: 1px; padding-bottom: 35px; color: rgba(0, 0, 0, 0.63); } .block-style-twenty .text-wrapper .title { font-size: 60px; line-height: 1.2em; font-weight: 700; } .block-style-twenty .text-wrapper p { font-size: 20px; line-height: 1.8em; color: #4f4f4f; padding: 44px 0 44px; } .block-style-twenty .text-wrapper .video-button { font-weight: 500; font-size: 15px; text-transform: uppercase; color: #6b6df6; cursor: pointer; } .block-style-twenty .text-wrapper .video-button .fa { display: inline-block; font-size: 26px; margin-right: 15px; } .block-style-twenty .text-wrapper .video-button:hover span { text-decoration: underline; } /*----------------- Fancy Feature Twenty One -------------------*/ .fancy-feature-twentyOne { background: #fcf6ee; padding: 140px 0; } .block-style-twentyOne { border-radius: 15px; overflow: hidden; position: relative; margin-top: 35px; transition: all 0.3s ease-in-out; } .block-style-twentyOne:hover { transform: translateY(-5px); box-shadow: 0 10px 30px rgba(147, 134, 118, 0.2); } .block-style-twentyOne .video-button { position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 15px; color: #fff; font-size: 24px; padding: 15px 20px; text-align: center; opacity: 0; transition: all 0.3s ease-in-out; } .block-style-twentyOne .video-button .icon { width: 38px; height: 38px; background: #fff; border-radius: 50%; margin-top: 15px; cursor: pointer; } .block-style-twentyOne:hover .video-button { opacity: 1; } /*----------------- Fancy Short Banner Nine ---------------*/ .fancy-short-banner-nine { background: #4b0e55; padding: 110px 0; position: relative; z-index: 1; } .fancy-short-banner-nine .title-style-seven h2, .fancy-short-banner-nine .title-style-seven p { color: #fff; } .fancy-short-banner-nine .download-btn { width: 250px; margin: 50px auto 0; } .fancy-short-banner-nine .download-btn button { width: 100%; line-height: 65px; border-radius: 40px; font-weight: 500; font-size: 18px; color: #000; background: #fff; text-align: center; } .fancy-short-banner-nine .download-btn button:after { content: url(/_next/static/media/89.fa8bfa3c.svg); border: none; position: absolute; right: 30px; vertical-align: 0; transition: all 0.2s ease-in-out; } .fancy-short-banner-nine .download-btn.show button:after { transform: rotate(180deg); } .fancy-short-banner-nine .download-btn .dropdown-menu { width: 100%; background: #fff; border-radius: 0px 0px 10px 10px; border: none; margin: -5px 0 0 0; padding: 5px 0 0px; } .fancy-short-banner-nine .download-btn .dropdown-menu a { font-weight: 500; font-size: 15px; color: #000; padding: 8px 15px; background: transparent; } .fancy-short-banner-nine .download-btn .dropdown-menu a span { padding-left: 12px; } .fancy-short-banner-nine .shape-one { bottom: 0; right: 0; width: 18%; } .fancy-short-banner-nine .shape-two { bottom: 0; left: 0; width: 17.4%; } /*----------------- Coming Soon ---------------*/ .full-height-layout { min-height: 100vh; padding: 40px 15px; position: relative; z-index: 5; } .coming-soon-content { max-width: 860px; margin: 0 auto; text-align: center; } .coming-soon-content h6 { font-size: 18px; text-transform: uppercase; letter-spacing: 6px; color: rgba(0, 0, 0, 0.63); } .coming-soon-content h1 { font-size: 72px; line-height: 1.18em; font-weight: 700; color: #000; padding: 35px 0 60px; } .coming-soon-content p { font-size: 24px; line-height: 1.79em; color: #000; padding-bottom: 55px; } .coming-soon-content form { max-width: 670px; height: 75px; position: relative; margin: 0 auto; } .coming-soon-content form input { display: block; width: 100%; border: 2px solid #000; border-radius: 10px; padding: 0 220px 0 20px; height: 100%; } .coming-soon-content form button { width: 200px; background: #151515; color: #fff; font-weight: 500; border-radius: 10px; position: absolute; top: 6px; right: 6px; bottom: 6px; transition: all 0.3s ease-in-out; } .coming-soon-content form button:hover { background: var(--blue-dark); } .coming-soon-content .social-icon a { width: 34px; height: 34px; line-height: 32px; text-align: center; border: 1px solid #e7e7e7; border-radius: 7px; color: #333333; margin: 0 5px; transition: all 0.3s ease-in-out; } .coming-soon-content .social-icon a:hover { background: #232323; color: #fff; } .coming-soon-content .social-icon { position: absolute; left: 50%; transform: translateX(-50%); bottom: 40px; } .coming-soon-content .shape-one { left: 0; top: 5%; animation: fade-in-rev 1.5s infinite linear; } .coming-soon-content .shape-two { left: 20%; top: 9%; animation: jumpThree 3.5s infinite linear; } .coming-soon-content .shape-three { left: 11%; top: 35%; animation: jumpTwo 3.5s infinite linear; } .coming-soon-content .shape-four { left: 10%; top: 70%; animation: fade-in 1.5s infinite linear; } .coming-soon-content .shape-five { left: 22%; top: 90%; animation: jumpThree 3.5s infinite linear; } .coming-soon-content .shape-six { right: 22%; top: 9%; animation: jumpThree 3.5s infinite linear; } .coming-soon-content .shape-seven { right: 12%; top: 28%; animation: fade-in-rev 1.5s infinite linear; } .coming-soon-content .shape-eight { right: 12%; top: 60%; animation: jumpTwo 3.5s infinite linear; } .coming-soon-content .shape-nine { right: 25%; top: 85%; animation: jumpThree 3.5s infinite linear; } .coming-soon-content .shape-ten { right: 5%; bottom: 0; animation: fade-in 1.5s infinite linear; } /*======================================================================= Product landing / Schedule Appointment =========================================================================*/ /*-------------------- Menu ---------------*/ .theme-menu-six .navbar-nav .nav-item .nav-link { font-size: 20px; margin: 0 25px; color: #fff; } .theme-menu-six .navbar-nav .nav-item .nav-link.active { text-decoration: underline; } .theme-menu-six .right-widget .signIn-action { font-size: 20px; line-height: 46px; color: #fff; margin: 0 40px 0 100px; transition: all 0.3s ease-in-out; } .theme-menu-six .right-widget .signIn-action:hover { text-decoration: underline; } .theme-menu-six .right-widget .signIn-action img { margin-right: 12px; margin-top: -3px; } .theme-menu-six .right-widget .signup-btn { width: 142px; line-height: 50px; font-size: 16px; background: #fff; border-radius: 30px; color: #000; text-align: center; font-weight: 500; transition: all 0.3s ease-in-out; } .theme-menu-six .right-widget .signup-btn:hover { background: #c751ff; color: #fff; } .theme-menu-six.fixed .navbar-nav .nav-item .nav-link, .theme-menu-six.fixed .right-widget .signIn-action { color: #000; } .theme-menu-six.fixed .right-widget .signup-btn { background: #572ff6; color: #fff; } .theme-menu-six .right-widget .demo-button { width: 200px; font-size: 17px; line-height: 55px; border: 2px solid #fff; text-align: center; border-radius: 8px; font-weight: 500; color: #fff; position: relative; transition: all 0.3s ease-in-out; } .theme-menu-six .right-widget .demo-button:hover { background: #fff; color: #000; } .theme-menu-six.fixed .right-widget .demo-button { background: #212121; color: #fff; } /*---------------------Theme Hero Banner/Nine ---------------*/ .hero-banner-nine { position: relative; z-index: 1; padding-top: 270px; } .hero-banner-nine .hero-heading { font-weight: 700; font-size: 72px; line-height: 1.25em; } .hero-banner-nine .hero-heading span { display: inline-block; position: relative; } .hero-banner-nine .hero-heading span img { position: absolute; max-height: 100%; z-index: -1; top: 50%; left: 0; transform: translateY(-50%); } .hero-banner-nine .hero-sub-heading { font-size: 24px; line-height: 1.5em; color: #2f2f2f; padding: 36px 0 58px 0; } .hero-banner-nine form { max-width: 550px; height: 70px; position: relative; } .hero-banner-nine form input { border: none; background: #f4f4f4; border-radius: 54px; width: calc(100% - 100px); height: 100%; font-size: 16px; padding: 0 50px; } .hero-banner-nine form button { position: absolute; right: 0; top: 0; background: #572ff6; width: 70px; height: 70px; border-radius: 50%; text-align: center; color: #fff; font-size: 17px; transition: all 0.3s ease-in-out; } .hero-banner-nine form button:hover { background: #ff4a8b; } .hero-banner-nine form ::placeholder { color: #0b0b0b; } .hero-banner-nine .term-text { font-size: 16px; color: #a5a5a5; margin-top: 22px; } .hero-banner-nine .term-text a { color: #572ff6; } .hero-banner-nine .bg-shape { top: 0; right: 0; } .hero-banner-nine .illustration-container { position: absolute; right: 0; top: 17%; z-index: 1; width: 44%; } .hero-banner-nine .illustration-container:before { content: ""; position: absolute; top: 0; left: 70px; right: -30px; bottom: 50px; background: rgba(255, 255, 255, 0.4); border-radius: 10px; z-index: -1; } .hero-banner-nine .illustration-container:after { content: ""; position: absolute; top: -25px; left: 100px; right: -30px; bottom: 50px; background: rgba(255, 255, 255, 0.2); border-radius: 10px; z-index: -2; } .hero-banner-nine .img-meta.justify-content-center { justify-content: start !important; } /*----------------- Fancy Feature Twenty Two -------------------*/ .block-style-twentyTwo { text-align: center; background: #fff; padding: 50px 35px; margin-top: 45px; transition: all 0.3s ease-in-out; border-radius: 6px; } @media screen and (max-width: 991px) { .block-style-twentyTwo { box-shadow: 0px 30px 80px rgba(0, 57, 110, 0.05); } } .block-style-twentyTwo:hover { box-shadow: 0px 30px 80px rgba(0, 57, 110, 0.05); } .block-style-twentyTwo .icon { width: 70px; height: 70px; border-radius: 50%; margin: 0 auto; } .block-style-twentyTwo h4 { font-size: 24px; font-weight: 500; padding: 26px 0; } .block-style-twentyTwo .arrow-icon { margin-top: 30px; opacity: 0; transition: all 0.3s ease-in-out; } @media screen and (max-width: 991px) { .block-style-twentyTwo .arrow-icon { opacity: 1; } } .block-style-twentyTwo:hover .arrow-icon { opacity: 1; } /*----------------- Fancy Feature Twenty Three -------------------*/ .block-style-twentyThree { margin-bottom: 150px; } .block-style-twentyThree .text-wrapper h6 { font-size: 15px; text-transform: uppercase; letter-spacing: 1px; color: #8a8a8a; } .block-style-twentyThree .text-wrapper .title { font-size: 42px; line-height: 1.3em; font-weight: 700; padding: 28px 0 24px; } .block-style-twentyThree .text-wrapper p { font-size: 20px; line-height: 1.85em; } .block-style-twentyThree .screen-container { position: relative; max-width: 508px; height: 415px; } .block-style-twentyThree .screen-container .oval-shape { width: 415px; height: 415px; border-radius: 50%; position: absolute; top: 0; left: 0; } .block-style-twentyThree .screen-container .oval-shape:nth-child(2) { left: auto; right: 0; z-index: -1; } .block-style-twentyThree .screen-container .oval-shape:nth-child(1) { mix-blend-mode: multiply; transform: rotate(30deg); } .block-style-twentyThree .screen-container .shape-one { z-index: 2; left: -15%; bottom: -18px; animation: jumpTwo 5s infinite linear; } .block-style-twentyThree .screen-container .shape-two { z-index: 2; right: -17%; bottom: -28px; animation: jumpThree 5s infinite linear; } .block-style-twentyThree .screen-container .shape-three { z-index: 2; left: -25%; bottom: -21%; max-width: 583px; animation: jumpTwo 5s infinite linear; } /*----------------- Fancy Feature Twenty Four -------------------*/ .fancy-feature-twentyFour .bg-wrapper { background: #f5fbff; position: relative; z-index: 1; padding: 170px 0 130px; } .fancy-feature-twentyFour .click-scroll-button { position: absolute; width: 52px; height: 52px; border-radius: 50%; background: #fff; z-index: 1; top: -25px; left: 50%; margin-left: -26px; } .fancy-feature-twentyFour .click-scroll-button img { width: 20px; } .fancy-feature-twentyFour .shape-one { top: -25px; right: 25%; animation: rotated 12s infinite linear; } .fancy-feature-twentyFour .shape-two { top: 47%; right: 8%; animation: rotated 12s infinite linear; } .fancy-feature-twentyFour .shape-three { bottom: -20px; right: 13%; animation: jumpTwo 3s infinite linear; } .fancy-feature-twentyFour .shape-four { bottom: 31%; left: 10%; animation: rotated 12s infinite linear; } .fancy-feature-twentyFour .shape-five { top: 13%; left: 10%; animation: jumpTwo 3s infinite linear; } .block-style-twentyFour { background: #fff; padding: 40px 43px 50px; box-shadow: 0 4px 0 #e9f3fa; border-radius: 10px; width: 100%; height: 100%; } .block-style-twentyFour .icon { width: 70px; height: 70px; border-radius: 20px; } .block-style-twentyFour .text { width: calc(100% - 70px); padding-left: 32px; } .block-style-twentyFour .text h4 { font-size: 22px; font-weight: 500; } .block-style-twentyFour .text p { font-size: 16px; line-height: 28px; padding-top: 15px; } /*----------------- Partner Section One -------------------*/ .partner-section-one { position: relative; z-index: 1; } .partner-section-one .img-box a { display: block; height: 100%; } .partner-section-one .img-box img { position: relative; top: 50%; transform: translateY(-50%); margin: 0 auto; } .partner-section-one .img-box { background: #fff; border-radius: 50%; box-shadow: 15px 30px 50px rgba(26, 34, 72, 0.08); width: 175px; height: 175px; margin: 0 auto 35px; transition: all 0.3s ease-in-out; } @media screen and (max-width: 575px) { .partner-section-one .img-box { width: 150px; height: 150px; } } .partner-section-one.bg-transparent .img-box { box-shadow: 15px 30px 50px rgba(23, 32, 90, 0.06); } .partner-section-one .img-box:hover { transform: scale(1.1); } .partner-section-one .img-box.bx-b { width: 121px; height: 121px; margin-top: 45px; } .partner-section-one .img-box.bx-d { width: 151px; height: 151px; margin-top: 25px; } .partner-section-one .img-box.bx-f { width: 135px; height: 135px; margin-top: 20px; } .partner-section-one .img-box.bx-g { width: 197px; height: 197px; } @media screen and (max-width: 575px) { .partner-section-one .img-box.bx-g { width: 150px; height: 150px; } } .partner-section-one .img-box.bx-h { width: 138px; height: 138px; margin-top: 20px; } .partner-section-one .shape-one { top: 9%; right: 14%; animation: rotated 12s infinite linear; } .partner-section-one .shape-two { top: 44%; right: 9%; animation: rotatedTwo 12s infinite linear; } .partner-section-one .shape-three { bottom: 19%; right: 12%; animation: jumpTwo 3s infinite linear; } .partner-section-one .shape-four { bottom: 0; right: 36%; animation: rotated 12s infinite linear; } .partner-section-one .shape-five { bottom: 0; left: 36%; animation: rotatedTwo 12s infinite linear; } .partner-section-one .shape-six { bottom: 17%; left: 18%; animation: rotated 12s infinite linear; } .partner-section-one .shape-seven { top: 43%; left: 9%; animation: jumpTwo 3s infinite linear; } .partner-section-one .shape-eight { top: 10%; left: 19%; animation: rotatedTwo 12s infinite linear; } /*----------------- Fancy Short Banner Ten -------------------*/ .fancy-short-banner-ten { background: #f5fbff; padding: 110px 0 110px; position: relative; z-index: 1; } .fancy-short-banner-ten h2 { font-size: 60px; font-weight: 700; } .fancy-short-banner-ten p { font-size: 32px; line-height: 1.53em; color: #040404; padding: 30px 0 62px; } .fancy-short-banner-ten .download-btn { width: 300px; margin: 0 auto; } .fancy-short-banner-ten .download-btn button { width: 100%; line-height: 65px; border-radius: 40px; font-weight: 500; font-size: 18px; color: #000; background: transparent; border: 2px solid #000; text-align: center; } .fancy-short-banner-ten .download-btn button:after { content: url(/_next/static/media/89.fa8bfa3c.svg); border: none; position: absolute; right: 30px; vertical-align: 0; transition: all 0.2s ease-in-out; } .fancy-short-banner-ten .download-btn.show button:after { transform: rotate(180deg); } .fancy-short-banner-ten .download-btn .dropdown-menu { width: 100%; background: #fff; border-radius: 0px 0px 10px 10px; border: none; margin: 0; padding: 5px 0 0px; } .fancy-short-banner-ten .download-btn .dropdown-menu a { font-weight: 500; font-size: 15px; color: #000; padding: 8px 15px; background: transparent; } .fancy-short-banner-ten .download-btn .dropdown-menu a span { padding-left: 12px; } .fancy-short-banner-ten .info-text { text-align: center; font-size: 15px; color: #6b6b6b; padding-top: 15px; } .fancy-short-banner-ten .shape-one { bottom: 0; right: 0; width: 16.8%; } .fancy-short-banner-ten .shape-two { top: 0; left: 0; width: 16.25%; } /*-------------------- Footer Style Eight --------------------*/ .theme-footer-eight .footer-about-widget ul li a { font-size: 18px; color: #343434; margin-bottom: 5px; transition: all 0.2s ease-in-out; } .theme-footer-eight .footer-about-widget ul li a.phone { font-size: 20px; } .theme-footer-eight .footer-about-widget ul li a:hover { text-decoration: underline; } .theme-footer-eight .footer-title { font-size: 24px; font-weight: 500; color: #0e0e0e; position: relative; margin: 5px 0 21px; } .theme-footer-eight .footer-list ul li a { color: #343434; line-height: 40px; transition: all 0.2s ease-in-out; } .theme-footer-eight .footer-list ul li a:hover { text-decoration: underline; } .theme-footer-eight .top-footer [class*=col-] { margin-bottom: 35px; } .theme-footer-eight .bottom-footer p { font-size: 16px; color: #373737; } .theme-footer-eight .bottom-footer .social-icon a { font-size: 20px; margin-left: 15px; color: #323232; } /*----------------- Team Section Five --------------*/ .team-section-five { background: #f2fbfd; padding: 180px 0 150px; } /*----------------- Fancy Short Banner Eleven ---------------*/ .fancy-short-banner-eleven { position: relative; z-index: 1; text-align: center; } .fancy-short-banner-eleven h2 { font-size: 68px; line-height: 1.23em; } .fancy-short-banner-eleven.bg-color { padding: 95px 0 130px; background: linear-gradient(45deg, #fffbf2 0%, #edfffd 100%); } .fancy-short-banner-eleven [class*=bubble] { position: absolute; z-index: -1; border-radius: 50%; } .fancy-short-banner-eleven .bubble-one { width: 17px; height: 17px; background: #ff6cc4; top: -8px; right: 15%; animation: scale-up-one 4s infinite linear; } .fancy-short-banner-eleven .bubble-two { width: 7px; height: 7px; background: #51fcff; bottom: 26%; right: 26%; animation: scale-up-three 4s infinite linear; } .fancy-short-banner-eleven .bubble-three { width: 25px; height: 25px; background: #b183ff; bottom: -12px; left: 12%; animation: scale-up-one 4s infinite linear; } .fancy-short-banner-eleven .bubble-four { width: 8px; height: 8px; background: #ffcd8b; top: 32%; left: 14%; animation: scale-up-three 4s infinite linear; } .fancy-short-banner-eleven .shape-one { left: 0; top: -127px; animation: jumpTwo 4s infinite linear; } .fancy-short-banner-eleven .shape-two { right: 0; bottom: -127px; animation: jumpThree 4s infinite linear; } /*----------------- Team Details ---------------*/ .team-details { background: #f2fbfd; padding: 160px 0; position: relative; z-index: 1; } .team-details .main-bg { background: #fff; box-shadow: 0px 40px 80px rgba(0, 29, 56, 0.03); } .team-details .main-bg .img-meta { width: 48%; } .team-details .main-bg .text-wrapper { width: 52%; padding: 40px 50px 40px 115px; } .team-details .main-bg .text-wrapper .name { font-size: 33px; color: #000; } .team-details .main-bg .text-wrapper .position { color: rgba(0, 0, 0, 0.63); padding: 10px 0 50px; } .team-details .main-bg .text-wrapper h6 { font-size: 18px; padding-bottom: 15px; text-transform: uppercase; } .team-details .main-bg .text-wrapper .social-icon a { width: 42px; height: 42px; line-height: 42px; border-radius: 50%; text-align: center; font-size: 20px; color: #fff; position: relative; z-index: 1; margin-right: 10px; transition: all 0.3s ease-in-out; } .team-details .main-bg .text-wrapper .social-icon a:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; z-index: -1; transition: all 0.3s ease-in-out; } .team-details .main-bg .text-wrapper .social-icon a:hover { color: #fff; transform: translateY(-5px); } .team-details .main-bg .text-wrapper .social-icon a:hover:before { opacity: 1; } .team-details .main-bg .text-wrapper .social-icon li:nth-child(1) a:before { background: #6f55ff; } .team-details .main-bg .text-wrapper .social-icon li:nth-child(2) a:before { background: #1da1f2; } .team-details .main-bg .text-wrapper .social-icon li:nth-child(3) a:before { background: #ea4c89; } .team-details .main-bg .text-wrapper .social-icon li:nth-child(4) a:before { background: #d44638; } .team-details .shape-one { left: 0; top: -127px; animation: jumpTwo 4s infinite linear; } .team-details .shape-two { right: 0; bottom: -127px; animation: jumpThree 4s infinite linear; } .team-details .pager { position: absolute; width: calc(100% + 180px); left: -90px; top: 50%; margin-top: -27px; } .team-details .pager a { width: 55px; height: 55px; line-height: 55px; text-align: center; background: #fff; border-radius: 50%; color: #000; font-size: 22px; transition: all 0.3s ease-in-out; } .team-details .pager a:hover { background: #353535; color: #fff; } .team-details .pager a:first-child i { display: inline-block; transform: rotate(180deg); } /*----------------- Terms and Condition ---------------*/ .terms_and_policy { padding: 120px 0; border-bottom: 1px solid #ececec; } .terms_and_policy .nav-tabs { border: none; background: #f2fbfd; padding: 30px 10px 30px 45px; } .terms_and_policy .nav-item { flex: 0 0 100%; max-width: 100%; margin: 0; } .terms_and_policy .nav-item .nav-link { font-family: "Rubik", sans-serif; font-size: 20px; line-height: 60px; padding: 0; background: transparent; border: none; color: #222; transition: all 0.2s ease-in-out; } .terms_and_policy .nav-item .nav-link.active { color: var(--blue-dark); } .terms_and_policy .tab-content { padding: 0 0 0 50px; } .terms_and_policy .tab-content h2 { font-size: 55px; padding-bottom: 10px; } .terms_and_policy .tab-content .update-date { font-size: 16px; color: rgba(0, 0, 0, 0.54); margin-bottom: 20px; } .terms_and_policy .tab-content h3 { font-family: "gilroy-semibold"; font-size: 28px; padding: 50px 0 25px; } .terms_and_policy .tab-content p { line-height: 34px; margin-bottom: 15px; } .terms_and_policy .tab-content p a { text-decoration: underline; color: #000; } .terms_and_policy .tab-content ul { list-style-type: disc; padding-left: 18px; } .terms_and_policy .tab-content ul li { color: #000; } .terms_and_policy .tab-content ul li a { text-decoration: underline; color: #000; } .terms_and_policy .tab-content ul li { padding-bottom: 10px; } /*----------------- 404 ---------------*/ .error-page { min-height: 100vh; } .error-page .img-holder { width: 50%; height: 100vh; overflow: hidden; position: relative; z-index: 1; } .error-page .img-holder .illustration { min-height: 100vh; object-fit: cover; object-position: top center; } .error-page .img-holder .qus { top: 34%; left: 15%; width: 13%; z-index: 1; animation: fade-in 1s infinite linear; } .error-page .text-wrapper { width: 50%; padding: 50px 20px 50px 5%; } .error-page .text-wrapper h1 { font-size: 82px; line-height: 1.21em; } .error-page .text-wrapper p { font-size: 24px; line-height: 1.66em; font-weight: 300; color: #000; padding: 55px 15% 60px 0; } .error-page .text-wrapper .back-home { font-size: 17px; text-align: center; line-height: 55px; width: 200px; transition: all 0.3s ease-in-out; background: #000; padding: 0 20px; color: #fff; } .error-page .text-wrapper .back-home img { margin-left: 12px; } .error-page .text-wrapper .back-home:hover { background: var(--purple-blue); color: #fff; } .error-page .text-wrapper .logo { position: absolute; top: 50px; left: 5%; } .bg-2 { background: #f2fbfd; } /*======================================================================= Product landing / Mobile App =========================================================================*/ /*---------------------Theme Hero Banner/Ten ---------------*/ .hero-banner-ten { position: relative; z-index: 1; margin: 70px 0 0; text-align: center; } .hero-banner-ten .hero-heading { font-size: 82px; line-height: 1.21em; font-weight: 500; } .hero-banner-ten .hero-sub-heading { font-size: 24px; padding: 45px 0 55px; color: #000; } .hero-banner-ten .button-group a { width: 200px; height: 60px; padding: 0 5px 0 25px; margin: 10px 12px; background: #f0f0f0; border-radius: 6px; color: #000; text-align: left; transition: all 0.3s ease-in-out; } .hero-banner-ten .button-group a:hover { transform: translateY(-5px); box-shadow: -5px 10px 30px rgba(0, 0, 0, 0.1); } .hero-banner-ten .button-group a .icon { margin-right: 15px; } .hero-banner-ten .button-group a span { font-size: 11px; color: #737373; display: block; margin-bottom: -11px; margin-top: -5px; } .hero-banner-ten .button-group a strong { font-weight: 500; font-size: 18px; display: block; } .hero-banner-ten .button-group a.ios-button { background: #303030; color: #fff; } .hero-banner-ten .button-group a.ios-button span { color: rgba(255, 255, 255, 0.7); } .hero-banner-ten [class*=icon-box] { position: absolute; z-index: -1; border-radius: 10px; } .hero-banner-ten [class*=icon-box] img { margin: 0 auto; position: relative; top: 50%; transform: translateY(-50%); } .hero-banner-ten .icon-box-one { width: 60px; height: 60px; background: #fff7db; top: -7%; left: 14%; animation: jumpTwo 4.5s infinite linear; } .hero-banner-ten .icon-box-two { width: 85px; height: 85px; background: #e7ffe9; top: 28%; left: 4%; animation: jumpTwo 4s infinite linear; } .hero-banner-ten .icon-box-three { width: 70px; height: 70px; background: #e8f7ff; top: 48%; left: 18%; animation: jumpThree 4.5s infinite linear; } .hero-banner-ten .icon-box-four { width: 70px; height: 70px; background: #f8e9ff; bottom: -10%; left: 9%; animation: jumpThree 4s infinite linear; } .hero-banner-ten .icon-box-five { width: 60px; height: 60px; background: #eaf0ff; top: -7%; right: 13%; animation: jumpTwo 4.5s infinite linear; } .hero-banner-ten .icon-box-six { width: 90px; height: 90px; background: #e1fff3; top: 29%; right: 4%; animation: jumpTwo 4s infinite linear; } .hero-banner-ten .icon-box-seven { width: 65px; height: 65px; background: #fff8ea; top: 48%; right: 18%; animation: jumpThree 4.5s infinite linear; } .hero-banner-ten .icon-box-eight { width: 75px; height: 75px; background: #ffebef; bottom: -12%; right: 10%; animation: jumpThree 4s infinite linear; } /*--------------------- App Screen Preview ---------------*/ .app-screen-preview-one { position: relative; z-index: 1; margin-top: 200px; } .app-preview-slider-one .img-holder img { transform: scale(0.8); margin: 0 auto; border-radius: 40px; transition: all 0.3s ease-in-out; } .app-preview-slider-one .slick-center .img-holder img { transform: scale(1); } .app-screen-preview-one .round-bg { top: 50%; left: 50%; transform: translate(-50%, -50%); } .app-preview-slider-one { margin: 0 -55px; } .app-screen-preview-one .shape-one { top: 9%; right: 9%; } .app-screen-preview-one .shape-two { bottom: 37%; right: 9%; } .app-screen-preview-one .shape-three { bottom: 10%; left: 9%; } .app-screen-preview-one .shape-four { top: 42%; left: 9%; } /*----------------- Fancy Feature Twenty Five -------------------*/ .block-style-twentyFive .text-wrapper h6 { font-size: 24px; color: #bababa; padding-bottom: 30px; } @media (max-width: 991px) { .block-style-twentyFive .text-wrapper h6 { font-size: 18px; padding-bottom: 15px; } } .block-style-twentyFive .text-wrapper span { text-decoration: underline; } .block-style-twentyFive .title { font-size: 58px; line-height: 1.29em; font-weight: 500; padding-bottom: 38px; } @media (max-width: 991px) { .block-style-twentyFive .title { font-size: 36px; padding-bottom: 25px; } } .block-style-twentyFive p { font-size: 24px; line-height: 1.91em; color: #000; } @media (max-width: 991px) { .block-style-twentyFive p { font-size: 18px; line-height: 1.65em; } } .block-style-twentyFive ul li { line-height: 42px; color: #000; position: relative; padding-left: 30px; } .block-style-twentyFive ul li:before { content: url(/_next/static/media/76.c8197e3e.svg); position: absolute; top: 0; left: 0; } .block-style-twentyFive ul { padding-top: 50px; } .block-style-twentyFive .screen-container { position: relative; display: inline-block; } .block-style-twentyFive .screen-container .block-content { position: absolute; top: 50%; left: -70px; width: 100%; transform: translateY(-50%); z-index: 1; } .block-style-twentyFive .screen-container .feature-meta { padding: 75px 50px 65px; background: #ffffff; box-shadow: 0px 30px 60px rgba(6, 24, 67, 0.05); border-radius: 10px; text-align: left; margin: 40px 0; } @media screen and (max-width) { .block-style-twentyFive .screen-container .feature-meta { box-shadow: 0px 20px 60px rgba(6, 24, 67, 0.05); } } .block-style-twentyFive .screen-container .feature-meta .icon { height: 42px; } .block-style-twentyFive .screen-container .feature-meta h4 { font-size: 26px; line-height: 1.35em; font-weight: 500; padding-top: 35px; } /*--------------------- App Screen Preview ---------------*/ .app-preview-slider-two { max-width: 1830px; padding: 0 15px; margin: 0 auto; } .app-preview-slider-two .img-holder img { transform: scale(0.8); border-radius: 20px; margin: 0 auto; transition: all 0.3s ease-in-out; } .app-preview-slider-two .slick-center .img-holder img { transform: scale(1); } .app-screen-preview-one .round-bg { top: 50%; left: 50%; transform: translate(-50%, -50%); } /*--------------------- Pricing Section Seven ------------------*/ .pricing-table-area-seven .pr-table-wrapper { background: #ffffff; border: 1px solid #f5f5f5; box-shadow: 0px 3px 4px rgba(8, 20, 32, 0.04); border-radius: 15px; position: relative; padding: 60px 15px 50px 58px; transition: all 0.3s ease-in-out; } .pricing-table-area-seven .pr-table-wrapper .icon { height: 25px; } .pricing-table-area-seven .pr-table-wrapper .pack-name { font-size: 32px; font-weight: 500; color: #000; padding: 37px 0 30px; } .pricing-table-area-seven .pr-table-wrapper .pr-feature li { line-height: 42px; color: rgba(0, 0, 0, 0.7); padding-left: 26px; position: relative; } .pricing-table-area-seven .pr-table-wrapper .pr-feature li:before { content: url(/_next/static/media/139.d94b0ee1.svg); position: absolute; left: 0; top: 0; } .pricing-table-area-seven .pr-table-wrapper .price { color: #000; font-size: 28px; padding: 50px 0 3px; } .pricing-table-area-seven .pr-table-wrapper .price span { font-size: 18px; } .pricing-table-area-seven .pr-table-wrapper .trial-text { color: rgba(0, 0, 0, 0.54); } .pricing-table-area-seven .pr-table-wrapper .trial-button { width: 154px; line-height: 43px; border-radius: 3px; font-size: 16px; font-weight: 500; color: #000; border: 1px solid #000; margin-top: 28px; text-align: center; transition: all 0.3s ease-in-out; } .pricing-table-area-seven .pr-table-wrapper .trial-button:hover, .pricing-table-area-seven .pr-table-wrapper.active .trial-button { background: #373737; color: #fff; } .pricing-table-area-seven .pr-table-wrapper.active, .pricing-table-area-seven .pr-table-wrapper:hover { box-shadow: 0px 25px 60px rgba(0, 13, 48, 0.0480786); border-radius: 16px; border-color: #fff; } /*-------------- Client Feedback Slider Seven ----------------*/ .client-feedback-slider-seven { position: relative; padding: 180px 0; z-index: 1; } .client-feedback-slider-seven .bg-image { position: absolute; max-height: 100%; min-height: 100%; top: 0; left: 50%; transform: translateX(-50%); object-fit: cover; object-position: top center; z-index: -1; } .client-feedback-slider-seven .clientSliderFive p { color: #4f4f4f; } .client-feedback-slider-seven .clientSliderFive .name { color: #000; } .client-feedback-slider-seven .slider-arrow li { width: 20px; line-height: 20px; text-align: center; cursor: pointer; margin: 0 7px; font-size: 26px; color: #5d5d5d; transition: all 0.3s ease-in-out; transform: scale(0.6); } .client-feedback-slider-seven .slider-arrow li:first-child i { transform: rotate(180deg); display: inline-block; } .client-feedback-slider-seven .slider-arrow li:hover { opacity: 1; transform: scale(1); } /*----------------- Fancy Short Banner Twelve ---------------*/ .fancy-short-banner-twelve { background: #fff4e9; padding: 125px 0 115px; position: relative; z-index: 1; } .fancy-short-banner-twelve .button-group a { width: 200px; height: 60px; padding: 0 5px 0 25px; margin: 10px 12px; background: transparent; border-radius: 6px; border: 2px solid #000; color: #000; text-align: left; transition: all 0.3s ease-in-out; } .fancy-short-banner-twelve .button-group a:hover { transform: translateY(-5px); box-shadow: -5px 10px 30px rgba(0, 0, 0, 0.05); } .fancy-short-banner-twelve .button-group a .icon { margin-right: 15px; } .fancy-short-banner-twelve .button-group a span { font-size: 11px; color: #737373; display: block; margin-bottom: -11px; margin-top: -5px; } .fancy-short-banner-twelve .button-group a strong { font-weight: 500; font-size: 18px; display: block; } .fancy-short-banner-twelve .button-group a.ios-button { background: #fff; border-color: #fff; } .fancy-short-banner-twelve .button-group a.ios-button span { color: #808080; } .fancy-short-banner-twelve .shape-one { bottom: 0; right: 0; height: 100%; } .fancy-short-banner-twelve .shape-two { top: 50%; transform: translateY(-50%); left: 0; } /*======================================================================= Product landing / Doc Signature =========================================================================*/ /*---------------------Theme Hero Banner/Eleven ---------------*/ .hero-banner-eleven { position: relative; z-index: 1; margin: 90px 0 0; } .hero-banner-eleven .hero-text-wrapper h1 { font-family: "gordita"; font-weight: 700; font-size: 82px; line-height: 1.3em; } .hero-banner-eleven .hero-text-wrapper h1 span { position: relative; display: inline-block; } .hero-banner-eleven .hero-text-wrapper h1 span img { left: 0; bottom: -10px; width: 100%; } .hero-banner-eleven .hero-text-wrapper .hero-sub-heading { font-size: 28px; line-height: 1.5em; color: #000; padding: 40px 0 68px 0; } .hero-banner-eleven form { max-width: 600px; height: 80px; position: relative; } .hero-banner-eleven form input { border: none; background: #f4f4f4; border-radius: 7px; width: 100%; height: 100%; font-size: 16px; padding: 0 190px 0 30px; } .hero-banner-eleven form button { position: absolute; right: 10px; top: 8px; bottom: 8px; font-weight: 500; background: #242424; width: 170px; border-radius: 7px; text-align: center; color: #fff; font-size: 17px; transition: all 0.3s ease-in-out; } .hero-banner-eleven form button:hover { background: #ffb840; } .hero-banner-eleven .term-text { font-size: 16px; color: #979797; margin-top: 22px; letter-spacing: -0.5px; } .hero-banner-eleven .illustration-container { position: absolute; top: -10%; right: 4%; max-width: 46%; } /*----------------- Fancy Feature Twenty Six -------------------*/ .fancy-feature-twentySix .row { margin: 0 -20px; } .fancy-feature-twentySix .row [class*=col-] { padding: 0 20px; } .block-style-twentySix { padding: 65px 45px 52px; position: relative; } .block-style-twentySix.color-variatin-one { background: #e8fbff; } .block-style-twentySix.color-variatin-one h6 { color: #8bbdc8; } .block-style-twentySix.color-variatin-one a { border-color: #c0e9f2; } .block-style-twentySix.color-variatin-two { background: #ffefe7; } .block-style-twentySix.color-variatin-two h6 { color: #dcac91; } .block-style-twentySix.color-variatin-two a { border-color: #f5d1bd; } .block-style-twentySix .shape-one { top: 0; left: 0; z-index: 1; height: 100%; } .block-style-twentySix .shape-two { top: 0; right: 0; z-index: 1; height: 100%; } .block-style-twentySix h6 { font-weight: 500; font-size: 20px; margin-bottom: 22px; } .block-style-twentySix h4 { font-weight: 700; font-size: 28px; line-height: 1.5em; margin-bottom: 35px; } .block-style-twentySix .try-btn { width: 145px; line-height: 41px; border-radius: 5px; border-style: solid; border-width: 2px; font-weight: 500; font-size: 16px; color: #000; transition: all 0.3s ease-in-out; } .block-style-twentySix .try-btn:hover { background: #212121; color: #fff; } /*----------------- Fancy Feature Twenty Seven -------------------*/ .block-style-twentySeven { border: 1px solid #000; border-radius: 20px; padding: 55px 12px 40px; text-align: center; margin-top: 35px; transition: all 0.3s ease-in-out; } .block-style-twentySeven:hover { border-color: #fff; background: #fff; box-shadow: 0 15px 40px rgba(21, 21, 21, 0.09); } .block-style-twentySeven .icon { height: 50px; } .block-style-twentySeven .icon img { max-height: 100%; } .block-style-twentySeven h4 { font-weight: 500; font-size: 24px; letter-spacing: -0.5px; margin: 42px 0 20px; } .block-style-twentySeven p { font-size: 17px; line-height: 28px; } /*----------------- Video Box Two -------------------*/ .video-box-two .video-icon { width: 170px; height: 110px; background: #000; position: absolute; top: 50%; left: 50%; transition: all 0.3s ease-in-out; transform: translate(-50%, -50%); } .video-box-two .video-icon img { margin-left: -9px; } .video-box-two .video-icon:hover { background: #ffb840; } /*----------------- Fancy Text block Twenty Three -------------------*/ .fancy-text-block-twentyThree .text-wrapper .cl-text { font-size: 24px; color: #000; margin-bottom: 25px; } .fancy-text-block-twentyThree .text-wrapper .cl-text span { color: #ffb840; } .fancy-text-block-twentyThree .img-container { padding: 0 10% 12% 0; } .fancy-text-block-twentyThree .img-container .screen-one { position: absolute; z-index: 1; right: 0; bottom: 0; width: 51.8%; animation: jumpTwo 5s infinite linear; } .block-style-twentyEight .icon { height: 37px; } .block-style-twentyEight h4 { font-weight: 500; font-size: 24px; margin: 33px 0 20px; } /*-------------------- Useable Tools Four --------------------*/ .useable-tools-section-four { padding: 44px 0 35px; overflow: hidden; } .useable-tools-section-four .bg-wrapper { max-width: 1700px; margin: 0 auto; position: relative; background: #ebf3f8; } .useable-tools-section-four .bg-wrapper:before { content: ""; position: absolute; width: 100%; height: 44px; background: url(/_next/static/media/226.db9124ff.jpg) no-repeat center top; background-size: cover; left: 0; top: -40px; } .useable-tools-section-four .bg-wrapper:after { content: ""; position: absolute; width: 100%; height: 35px; background: url(/_next/static/media/227.418849b1.jpg) no-repeat center bottom; background-size: cover; left: 0; bottom: -30px; } .useable-tools-section-four .text-wrapper p { font-size: 24px; line-height: 1.91em; color: #000; padding: 40px 0 50px; } .useable-tools-section-four .text-wrapper { padding: 120px 0 115px; } .useable-tools-section-four .logo-container { position: relative; z-index: 1; } .useable-tools-section-four .logo-container .inner-wrapper { position: absolute; width: 100%; left: 0; top: 50%; transform: translateY(-50%); } .useable-tools-section-four .logo-container .icon { height: 235px; background: #fff; margin: 35px 0; } .useable-tools-section-four .logo-container .line-two { transform: translateY(30px); } /*-------------------- Fancy Feature Twenty Eight --------------------*/ .block-style-twentyNine { padding: 30px 50px 55px 55px; height: 100%; transition: 0.3s ease; } .block-style-twentyNine .logo { height: 65px; } .block-style-twentyNine .video-icon { display: block; width: 40px; height: 40px; background: rgba(255, 255, 255, 0.3); border-radius: 50%; margin: 85px 0 25px; padding: 10px 0 0 13px; } .block-style-twentyNine .video-icon:hover { background: #000; } .block-style-twentyNine h3 { margin-bottom: 50px; color: #fff; } .block-style-twentyNine h3 a { font-size: 36px; font-weight: 500; line-height: 1.38em; position: relative; display: inline; background-image: linear-gradient(to right, currentColor 0%, currentColor 100%); background-size: 0px 2px; background-position: 0px 95%; transition: background-size 0.35s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s; padding: 0.1% 0px; background-repeat: no-repeat; color: inherit; } .block-style-twentyNine .read-more-btn span { font-size: 16px; color: #fff; font-weight: 500; } .block-style-twentyNine:hover { transform: translateY(-5px); } .block-style-twentyNine:hover h3 a { background-size: 100% 2px; } .block-style-twentyNine .read-more-btn:hover span { text-decoration: underline; } /*-------------------- Pricing Section Eight --------------------*/ .pricing-section-eight .pr-table-wrapper { border: 1px solid #ededed; border-radius: 15px; text-align: center; } .pricing-section-eight .pr-column { border-right: 1px solid #ededed; } .pricing-section-eight .pr-column:last-child { border-right: none; } .pricing-section-eight .pr-column .plan { display: inline-block; border: 1px solid #cfcfcf; border-radius: 17px; line-height: 28px; text-transform: uppercase; font-size: 13px; letter-spacing: 1.5px; margin: 29px 0 22px; padding: 0 15px; } .pricing-section-eight .pr-column .price { font-size: 52px; font-weight: 500; letter-spacing: -1px; color: #000; line-height: initial; margin-bottom: 3px; } .pricing-section-eight .pr-column .pr-header { padding-bottom: 35px; border-bottom: 1px solid #ededed; } .pricing-section-eight .pr-body .pr-text { font-size: 16px; display: inline-block; margin-bottom: 5px; } .pricing-section-eight .pr-body li img { height: 14px; } .pricing-section-eight .pr-body li { border-bottom: 1px solid #ededed; padding: 32px 0; } .pricing-section-eight .trial-button { width: 160px; line-height: 46px; border-radius: 3px; font-size: 16px; font-weight: 500; color: #000; border: 1px solid #000; text-align: center; transition: all 0.3s ease-in-out; } .pricing-section-eight .trial-button:hover { background: #373737; color: #fff; } .pricing-section-eight .trial-text { font-size: 16px; margin-top: 20px; } .pricing-section-eight .pr-footer { padding: 38px 0 25px; } .pricing-section-eight .pr-list-wrapper { border: 1px solid #ededed; border-radius: 15px 0 0 15px; border-right: none; top: 229px; left: 0; height: 100%; } .pricing-section-eight .pr-list-wrapper li { font-size: 17px; font-weight: 500; color: #000; line-height: 14px; border-bottom: 1px solid #ededed; padding: 32px 0 32px 25px; } .pricing-section-eight .pr-list-wrapper li:last-child { border-bottom: none; } /*-------------------- Faq Section Five --------------------*/ .accordion-style-five .card { background: transparent; border-radius: 0; border: none; border-bottom: 1px solid #e5e5e5; } .accordion-style-five .card .card-header { background: transparent; border-radius: 0; padding: 0; border: none; } .accordion-style-five .card .card-header button { display: block; width: 100%; text-align: left; padding: 30px 35px 30px 0; font-size: 21px; font-weight: 500; border: none; border-radius: 0; margin: 0; color: var(--heading); text-decoration: none; position: relative; border-top: 1px solid #e5e5e5; } .accordion-style-five .card:first-child .card-header button { border-top: 1px solid #e5e5e5; } .accordion-style-five .card .card-header button:before { content: "\f107"; font-family: "font-awesome"; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); } .accordion-style-five .card .card-body { padding: 0 50px 20px 0; } .accordion-style-five .card .card-body p { padding-bottom: 15px; } .accordion-style-five .card .card-body p a { text-decoration: underline; color: var(--p-color); } .accordion-style-five .card:last-child .card-body { border: none; padding-bottom: 0; } /*-------------------- Fancy Short Banner Thirteen --------------------*/ .fancy-short-banner-thirteen .bg-wrapper { max-width: 1700px; margin: 0 auto; position: relative; background: #fbf5ed; padding: 75px 0 72px; text-align: center; z-index: 1; } .fancy-short-banner-thirteen .bg-wrapper:before { content: ""; position: absolute; width: 100%; height: 32px; background: url(/_next/static/media/228.69aee275.jpg) no-repeat center top; background-size: cover; left: 0; top: -30px; } .fancy-short-banner-thirteen .bg-wrapper:after { content: ""; position: absolute; width: 100%; height: 30px; background: url(/_next/static/media/229.b1b45fbf.jpg) no-repeat center bottom; background-size: cover; left: 0; bottom: -28px; } /*-------------------- Fancy Hero Six ---------------------*/ .fancy-hero-six { padding: 48px 0 95px; text-align: center; } .fancy-hero-six .heading { font-family: "gordita"; font-size: 68px; font-weight: 500; line-height: initial; color: var(--heading); } .fancy-hero-six .sub-heading { font-size: 24px; margin-top: 22px; color: #000; } /*-------------------- Fancy Portfolio Two ---------------------*/ .mixitUp-container { overflow: hidden; } .po-control-one button { display: inline-block; line-height: 48px; border-radius: 8px; padding: 0 33px; margin: 0 0.9%; cursor: pointer; transition: all 0.3s ease-in-out; } .po-control-one li.react-tabs__tab.react-tabs__tab--selected button { background: #000; color: #fff; } .mixitUp-container.gutter-space-one { margin: 0 -25px; } .mixitUp-container.gutter-space-one .mix { padding: 0 25px; margin-bottom: 50px; } .mixitUp-container.gutter-space-two { margin: 0 -20px; } .mixitUp-container.gutter-space-two .mix { padding: 0 20px; margin-bottom: 40px; } .fancy-portfolio-two .mix { width: 33.33%; } .fancy-portfolio-two .mix.mixL { width: 66.66%; } .portfolio-block-two { border-radius: 20px; } .portfolio-block-two { overflow: hidden; box-shadow: 0 5px 28px 4px #efefef; } .portfolio-block-two .hover-content { position: absolute; left: 0; right: 0; bottom: 0; background: #141222; padding: 15px 5px 20px 30px; transition: all 0.4s ease-in-out; opacity: 0; transform: translateY(100%); } .portfolio-block-two .hover-content h3 a { font-family: "gilroy-bold"; font-size: 22px; color: #fff; position: relative; } .portfolio-block-two .hover-content h3 a:before { content: ""; position: absolute; left: 104%; bottom: 6px; width: 22px; height: 2px; background: #fff; } .portfolio-block-two .hover-content h3 a:hover { text-decoration: underline; } .portfolio-block-two .hover-content .tag { font-size: 15px; margin-top: -5px; color: rgba(255, 255, 255, 0.7); } .portfolio-block-two .fancybox { width: 45px; height: 45px; display: flex; align-items: center; justify-content: center; font-size: 17px; border-radius: 50%; background: #000; color: #fff; position: absolute; top: 20px; right: 20px; opacity: 0; transform: translateX(10px); transition: all 0.3s ease-in-out; } .portfolio-block-two .fancybox .inner { cursor: pointer; } .portfolio-block-two .fancybox:hover { background: var(--blue-dark); } .portfolio-block-two:hover .fancybox { opacity: 1; transform: translateX(0); } .portfolio-block-two:hover .hover-content { opacity: 1; transform: translateY(0); } .portfolio-block-two:hover .img-meta { opacity: 0.85; } /*-------------------- Fancy Portfolio Three ---------------------*/ .fancy-portfolio-three .mix { width: 50%; } /*-------------------- Fancy Portfolio Four ---------------------*/ .fancy-portfolio-four .mix { width: 33.33333%; } .contact-title { font-weight: 500; line-height: 1.34em; font-size: 55px; letter-spacing: -1px; } @media (max-width: 991px) { .contact-title { font-size: 28px; } } /*-------------------- Fancy Portfolio Five ---------------------*/ .fancy-portfolio-five { overflow: hidden; } .fancy-portfolio-five .slick-dots li button { width: 17px; height: 17px; } .fancy-portfolio-five .slider-wrapper { margin: 0 -20vw; } .portfolio_slider_one { margin: 0 -25px; } .portfolio_slider_one .item { padding: 0 25px; } .portfolio-block-three { display: flex; flex-direction: column-reverse; } .portfolio-block-three .img-holder { display: block; border-radius: 32px; overflow: hidden; position: relative; margin-top: 36px; margin-bottom: 25px; } .portfolio-block-three .img-holder:before { content: ""; width: 100%; height: 100%; top: 0; left: 0; background: rgba(255, 255, 255, 0.7); position: absolute; z-index: 1; transition: all 0.3s ease-in-out; } .slick-center .portfolio-block-three .img-holder:hover img { transform: scale3d(1.1, 1.1, 1); } .portfolio-block-three .text { opacity: 0; transition: all 0.3s ease-in-out; text-align: center; } .portfolio-block-three .text .tag { font-size: 13px; text-transform: uppercase; letter-spacing: 4px; color: #b2b2b2; margin-bottom: 12px; } .portfolio-block-three .text a { font-family: "gilroy-semibold"; font-size: 44px; line-height: 1.27em; color: #000; letter-spacing: -1px; } .portfolio-block-three .text a:hover { text-decoration: underline; } .slick-center .portfolio-block-three .img-holder:before { opacity: 0; } .slick-center .portfolio-block-three .text { opacity: 1; } .fancy-portfolio-five .slider-arrows li { width: 50px; height: 50px; border-radius: 50%; text-align: center; line-height: 50px; color: #000; font-size: 25px; margin-left: 8px; cursor: pointer; transform: scale(0.8); transition: all 0.3s ease-in-out; } .fancy-portfolio-five .slider-arrows li:first-child i { transform: rotate(-180deg); display: inline-block; } .fancy-portfolio-five .slider-arrows li:hover { background: #353535; color: #fff; transform: scale(1); } /*-------------------- Fancy Portfolio Six ---------------------*/ .fancy-portfolio-six .mixitUp-container { max-width: 1100px; margin: 0 auto; overflow: hidden; } .fancy-portfolio-six .mix { margin-bottom: 50px; } .po-control-two .react-tabs__tab { padding: 0 3%; margin: 8px 0; font-size: 20px; display: inline-block; position: relative; cursor: pointer; transition: all 0.3s ease-in-out; } .po-control-two button { color: #868686; position: relative; } .po-control-two button::after { content: ""; position: absolute; width: 0; height: 2px; bottom: 0; left: 0; background: #000; transition: 1.2s; } .po-control-two .react-tabs__tab.react-tabs__tab--selected button { color: #000; } .po-control-two .react-tabs__tab.react-tabs__tab--selected button::after { width: 100%; } .po-control-two .react-tabs__tab:not(:last-child):after { content: ""; position: absolute; width: 4px; height: 4px; background: #868686; border-radius: 50%; right: -2px; bottom: 7px; } @media screen and (max-width: 767px) { .po-control-two .react-tabs__tab:not(:last-child):after { display: none; } } .fancy-portfolio-six .scroll-target { width: 80px; height: 80px; margin: 0 auto; border: 1px solid #dedede; border-radius: 50%; transition: all 0.3s ease-in-out; } .fancy-portfolio-six .scroll-target:hover { box-shadow: 0 0 35px rgba(0, 0, 0, 0.05); border-color: transparent; } /*-------------------- Portfolio Details One ---------------------*/ .portfolio-details-one .header .tag { font-size: 16px; color: #bdbdbd; text-transform: uppercase; letter-spacing: 1.5px; margin-bottom: 12px; } .portfolio-details-one .header h2 { letter-spacing: -1px; } .portfolio-details-one .header .social-icon a { width: 44px; height: 44px; border: 1px solid #e7e7e7; border-radius: 50%; line-height: 42px; color: #000; font-size: 20px; margin: 0 6px; transition: all 0.3s ease-in-out; } .portfolio-details-one .header .social-icon a:hover { background: #000; color: #fff; } .portfolio-details-one .main-content .project-info strong { display: block; font-size: 16px; color: #000; letter-spacing: 1px; text-transform: uppercase; } .portfolio-details-one .main-content .project-info span { display: block; text-transform: uppercase; color: #a1a1a1; font-size: 17px; letter-spacing: 1px; margin: -2px 0 50px; } .portfolio-details-one .main-content h4 { font-family: "gordita"; font-size: 24px; font-weight: 500; margin-bottom: 25px; letter-spacing: -1px; } .portfolio-details-one .main-content p { margin-bottom: 50px; } .portfolio-details-one .portfolio-pagination .tp1 { font-size: 14px; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 3px; color: rgba(0, 0, 0, 0.3); } .portfolio-details-one .portfolio-pagination .tp2 { font-family: "gordita"; font-weight: 500; font-size: 25px; letter-spacing: -1px; color: #000; } .portfolio-details-one .portfolio-pagination a:hover .tp2 { text-decoration: underline; } /*======================================================================= Product landing / Website Builder =========================================================================*/ /*-------------------- Menu ---------------*/ .theme-main-menu.sticky-menu.fixed.theme-menu-seven { background: #242424; } .theme-menu-seven .navbar-nav .nav-item .nav-link { font-size: 18px; margin: 0 25px; color: #fff; } .theme-menu-seven .navbar-nav .nav-item .nav-link.active { text-decoration: underline; } .theme-menu-seven .right-widget .signIn-action { font-size: 18px; font-weight: 500; line-height: 46px; color: #fff; margin-right: 40px; transition: all 0.3s ease-in-out; } .theme-menu-seven .right-widget .signIn-action:hover { text-decoration: underline; } .theme-menu-seven .right-widget .signIn-action img { margin-right: 12px; margin-top: -3px; } /*---------------------Theme Hero Banner / Twelve ---------------*/ .hero-banner-twelve { background: #1f1f1f; position: relative; z-index: 1; padding: 205px 0 0; } .hero-banner-twelve:before { content: ""; position: absolute; width: 100%; height: 11%; left: 0; bottom: 0; background: #fff; z-index: -1; } .hero-banner-twelve .hero-heading { font-size: 100px; font-weight: 700; color: #fff; line-height: 1.1em; letter-spacing: -1px; } .hero-banner-twelve .hero-sub-heading { font-size: 23px; color: #fff; padding: 45px 0 55px; } .hero-banner-twelve .get-start-btn { line-height: 56px; text-align: center; font-size: 18px; font-weight: 500; color: #fff; border: 2px solid #fff; border-radius: 50px; padding: 0 40px; transition: all 0.3s ease-in-out; } .hero-banner-twelve .get-start-btn:hover { background: #ff006b; border-color: #ff006b; } .hero-banner-twelve .screen-holder { background: rgba(255, 255, 255, 0.19); border-radius: 30px; padding: 40px; position: relative; margin-top: 80px; } .hero-banner-twelve .screen-holder .img-meta { width: 100%; border-radius: 20px; } .hero-banner-twelve .screen-holder .shape-one { left: -9%; bottom: -13%; width: 23.55%; animation: jumpThree 6s infinite linear; } .hero-banner-twelve .screen-holder .shape-two { right: -6%; top: -8%; z-index: 1; width: 13%; animation: jumpTwo 6s infinite linear; } .hero-banner-twelve .screen-holder .screen-one { z-index: 1; border-radius: 15px; top: 23%; left: -9%; width: 21.96%; box-shadow: 0px 30px 60px rgba(0, 0, 0, 0.1); animation: jumpTwo 6s infinite linear; } .hero-banner-twelve .screen-holder .screen-two { z-index: 1; border-radius: 10px; bottom: -10%; right: -10%; width: 20.76%; animation: jumpThree 6s infinite linear; box-shadow: 15px 25px 50px rgba(16, 44, 78, 0.05); } .hero-banner-twelve .shape-three { top: 15%; left: 15%; } .hero-banner-twelve .shape-four { top: 30%; left: 8%; } .hero-banner-twelve .shape-five { top: 44%; left: 16%; } .hero-banner-twelve .shape-six { top: 16%; right: 20%; } .hero-banner-twelve .shape-seven { top: 30%; right: 9%; } .hero-banner-twelve .shape-eight { top: 44%; right: 20%; } /*-------------------- Counter Style Three --------------*/ .counter-box-five .number { font-size: 58px; font-weight: 700; line-height: initial; } .counter-box-five p { color: #000; } .counter-box-five .dot { width: 8px; height: 8px; border-radius: 50%; margin: 0 auto 15px; } /*-------------------- Fancy Feature Twenty Nine --------------------*/ .block-style-thirty .feature { display: inline-block; text-transform: uppercase; font-weight: 500; font-size: 15px; color: #000; letter-spacing: 2px; position: relative; padding-bottom: 4px; margin-bottom: 25px; } .block-style-thirty .feature:before { content: ""; position: absolute; width: 100%; height: 2px; background: #000; left: 0; bottom: 0; } .block-style-thirty .feature-list-one li { position: relative; padding-left: 60px; margin-bottom: 45px; } .block-style-thirty .feature-list-one li:last-child { margin-bottom: 20px; } .block-style-thirty .feature-list-one .icon { position: absolute; left: 0; top: 2px; } .block-style-thirty .feature-list-one strong { font-weight: 500; font-size: 24px; color: #000; display: block; padding-bottom: 13px; } .block-style-thirty .feature-list-one span { display: block; } .block-style-thirty .feature-list-two li { line-height: 33px; color: #474747; position: relative; padding-left: 30px; margin-bottom: 22px; } .block-style-thirty .feature-list-two li span { font-weight: 500; color: #000; position: relative; } .block-style-thirty .feature-list-two li span:before { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background: #ffb840; } .block-style-thirty .feature-list-two li:before { content: url(/_next/static/media/76.c8197e3e.svg); position: absolute; top: 0; left: 0; } .block-style-thirty .text-block p { font-size: 22px; line-height: 1.68em; color: #000; margin-bottom: 35px; } .block-style-thirtyOne { border: 1px solid #e4e4e4; border-radius: 10px; padding: 35px 35px 52px; } .block-style-thirtyOne .icon { height: 32px; } .block-style-thirtyOne h4 { font-weight: 500; font-size: 24px; padding: 20px 0; } .block-style-thirtyOne p { font-size: 17px; color: #000; } /*-------------------- Fancy Feature Thirty --------------------*/ .fancy-feature-thirty { padding: 0 10px; } .fancy-feature-thirty .wrapper { max-width: 1450px; margin: 0 auto; padding: 85px 10px 105px; position: relative; background: #f5fafd; border-radius: 30px; } .fancy-feature-thirty .wrapper .shape-one { right: -55px; top: -65px; animation: jumpThree 6s infinite linear; } .fancy-feature-thirty .wrapper .shape-two { left: -45px; bottom: -70px; animation: jumpTwo 6s infinite linear; } .block-style-thirtyTwo { padding: 45px 55px 35px 30px; background: #fff; border-radius: 10px; margin-top: 40px; } .block-style-thirtyTwo .icon { width: 55px; height: 55px; border-radius: 50%; } .block-style-thirtyTwo .text { width: calc(100% - 55px); padding-left: 32px; } .block-style-thirtyTwo .text h4 { font-weight: 500; font-size: 24px; } .block-style-thirtyTwo .text p { font-size: 17px; line-height: 1.6em; padding: 22px 0; } .block-style-thirtyTwo .text .theme-btn-ten { font-size: 15px; padding-bottom: 0; } .block-style-thirtyTwo .text .theme-btn-ten .fa { font-size: 10px; margin-left: 2px; } /*----------------- Fancy Short Banner Fourteen -------------------*/ .fancy-short-banner-fourteen { background: #1f1f1f; padding: 110px 0 120px; position: relative; z-index: 1; text-align: center; } .fancy-short-banner-fourteen .title-style-thirteen h2 { color: #fff; line-height: 1.19em; letter-spacing: 0; } .fancy-short-banner-fourteen p { font-size: 24px; color: #fff; padding: 50px 0; } .fancy-short-banner-fourteen .shape-one { top: 0; right: 0; } .fancy-short-banner-fourteen .shape-two { bottom: 0; left: 0; } .fancy-short-banner-fourteen .shape-three { top: 18%; left: 14%; } .fancy-short-banner-fourteen .shape-four { top: 52%; left: 6%; } .fancy-short-banner-fourteen .shape-five { top: 79%; left: 16%; } .fancy-short-banner-fourteen .shape-six { top: 18%; right: 20%; } .fancy-short-banner-fourteen .shape-seven { top: 49%; right: 10%; } .fancy-short-banner-fourteen .shape-eight { top: 77%; right: 20%; } /*----------------- Block Style Thirty Three -------------------*/ .block-style-thirtyThree .icon { height: 40px; } .block-style-thirtyThree .title { font-family: "gilroy-bold"; font-size: 24px; margin: 25px 0; display: inline-block; position: relative; } .block-style-thirtyThree .title:before { content: ""; width: 100%; height: 3px; background: var(--yellow-deep); border-radius: 2px; position: absolute; left: 0; bottom: -2px; } .block-style-thirtyThree p { font-size: 17px; line-height: 30px; color: #515151; } /*----------------- Video Box Two -------------------*/ .fancy-video-box-two .main-img { width: 100%; border-radius: 10px; } .fancy-video-box-two { position: relative; } .fancy-video-box-two .video-button { position: absolute; width: 85px; height: 85px; background: var(--blue-dark); border-radius: 50%; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 1; cursor: pointer; transition: all 0.3s ease-in-out; } .fancy-video-box-two .video-button:hover { background: #ffba12; } /*-------------------- Fancy Feature Thirty One --------------------*/ .fancy-feature-thirtyOne { background: #fcf7ef; } .fancy-feature-thirtyOne .block-style-thirtyTwo { box-shadow: 4.66667px 15px 30px rgba(171, 110, 12, 0.05); } /*-------------------- Fancy Feature Thirty Two --------------------*/ .fancy-feature-thirtyTwo { background: #fafcff; } .fancy-feature-thirtyTwo .block-style-twentyTwo { border-radius: 10px; box-shadow: 0px 25px 60px rgba(13, 32, 96, 0.04); } .fancy-feature-thirtyTwo .block-style-twentyTwo .icon { width: 60px; height: 60px; } /*-------------------- Fancy Hero Seven ---------------------*/ .fancy-hero-seven { background-size: cover; background-repeat: no-repeat; position: relative; text-align: center; padding: 200px 0 170px; } .fancy-hero-seven:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); } .fancy-hero-seven h2 { font-size: 72px; font-weight: 500; color: #fff; letter-spacing: -1px; } .fancy-hero-seven p { font-size: 22px; color: #fff; line-height: 1.75em; padding-top: 25px; } /*-------------------- Theme Menu One/Center White ---------------------*/ .theme-menu-one.center-white { background: transparent; } .theme-menu-one.center-white.sticky-menu.fixed { background: #161616; } .theme-menu-one.center-white .navbar-nav .nav-item .nav-link { font-size: 18px; margin: 0 25px; color: #fff; } .theme-menu-one.center-white .logo { position: absolute; left: 0; top: 50%; transform: translateY(-50%); } .theme-menu-one.center-white .right-button-group { position: absolute; right: 0; top: 50%; margin: 0; transform: translateY(-50%); } .theme-menu-one.center-white .navbar { position: static; } .theme-menu-one.center-white .right-button-group a { color: #fff; } /*-------------------- Fancy Feature Thirty Three --------------------*/ .fancy-feature-thirtyThree .contact-title { font-size: 58px; letter-spacing: -1px; font-weight: 500; } .block-style-thirtyFour { position: relative; overflow: hidden; margin-top: 35px; } .block-style-thirtyFour .hover-content { position: absolute; bottom: 0; left: 0; right: 0; padding: 90px 35px 30px; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%); z-index: 1; } .block-style-thirtyFour .hover-content h4 a { font-size: 24px; font-weight: 500; color: #fff; line-height: 1.45em; letter-spacing: -0.5px; } .block-style-thirtyFour .hover-content .arrow { font-size: 38px; color: #fff; margin-top: 20px; } .block-style-thirtyFour:hover .hover-content h4 a { text-decoration: underline; } .block-style-thirtyFour:hover > img { transform: scale3d(1.1, 1.1, 1); } /*-------------------- Service Details One --------------------*/ .service-details-one .details-wrapper h2 { font-size: 58px; line-height: 1.29em; font-weight: 500; letter-spacing: -0.5px; } .service-details-one .details-wrapper .sub-heading { font-size: 24px; line-height: 1.91em; color: #000; } .service-details-one .details-wrapper .img-meta { border-radius: 15px; } .service-details-one .details-wrapper p { line-height: 34px; } .service-details-one .details-wrapper h4 { font-size: 24px; font-weight: 500; padding-bottom: 22px; } .service-details-one .details-wrapper .list-item-one li { margin-bottom: 12px; padding-left: 32px; position: relative; } .service-details-one .details-wrapper .list-item-one li:before { content: url(/_next/static/media/189.8ef3e6be.svg); position: absolute; left: 0; top: 0; } .service-details-one .details-wrapper h3 { font-size: 36px; font-weight: 700; letter-spacing: -0.5px; } .service-details-one .accordion-style-three .card .card-header button { font-family: "gordita"; font-weight: 500; font-size: 22px; padding: 30px 35px 30px 0; } .service-details-one .accordion-style-three .card:first-child .card-header button { border-top: 1px solid #e5e5e5; } .service-details-one .accordion-style-three .card { border-bottom: 1px solid #e5e5e5; } .service-details-one .accordion-style-three .card .card-body { border-bottom: 0; } .service-details-one .sidebar .category-list { border: 1px solid #eeeeee; border-radius: 10px; padding: 32px 5px 30px 35px; } .service-details-one .sidebar h4 { font-size: 26px; font-weight: 500; padding-bottom: 25px; } .service-details-one .sidebar .category-list a { font-family: "gordita"; line-height: 42px; color: #000000; transition: all 0.3s ease-in-out; } .service-details-one .sidebar .category-list a:hover, .service-details-one .sidebar .category-list a.active { color: var(--blue-dark); } .service-details-one .sidebar .sidenote { background: var(--blue-dark); border-radius: 10px; padding: 60px 25px 25px; margin: 50px 0 48px; text-align: center; } .service-details-one .sidebar .sidenote p { color: #fff; position: relative; margin-bottom: 5px; } .service-details-one .sidebar .sidenote p:before { content: "“"; font-family: "gordita"; font-size: 80px; color: #fff; position: absolute; top: -20px; left: 50%; transform: translateX(-50%); } .service-details-one .sidebar .sidenote span { color: #fff; font-size: 17px; } .service-details-one .sidebar .social-icon li a { font-size: 20px; color: #bcbcbc; margin-right: 20px; transition: all 0.3s ease-in-out; } .service-details-one .sidebar .social-icon li a:hover { color: #000; } /*======================================================================= Form Survey =========================================================================*/ /*---------------------Theme Hero Banner / Thirteen ---------------*/ .hero-banner-thirteen { position: relative; padding: 250px 0 0; z-index: 2; } .hero-banner-thirteen:before { content: ""; position: absolute; width: 100%; height: 67%; top: 0; left: 0; background: url(/_next/static/media/bg8.9b351afb.png) no-repeat center bottom; background-size: cover; z-index: -1; } .hero-banner-thirteen .slogan { display: inline-block; line-height: initial; border-radius: 20px; padding: 4px 18px 4px 15px; border: 1px solid #000; font-size: 16px; color: #000; } .hero-banner-thirteen .slogan strong { font-weight: 500; } .hero-banner-thirteen .slogan i { font-size: 12px; display: inline-block; } .hero-banner-thirteen .slogan:hover { background: #000; color: #fff; } .hero-banner-thirteen .hero-heading { font-weight: 500; font-size: 90px; line-height: 1.11em; letter-spacing: -2px; margin: 45px 0 50px; } .hero-banner-thirteen .hero-sub-heading { font-size: 24px; line-height: 1.83em; color: #000; margin-bottom: 50px; } .hero-banner-thirteen .info { text-align: center; font-size: 15px; color: #858585; margin-top: 15px; width: 235px; } .hero-banner-thirteen .screen-holder { position: absolute; right: 0; bottom: 0; width: 41%; } .hero-banner-thirteen .screen-holder .shape-one { top: -13%; left: -17.5%; width: 41.02%; z-index: 1; animation: jump10pRsv 3s infinite linear; } .hero-banner-thirteen .screen-holder .shape-two { top: -1%; right: -1.5%; width: 74.4%; z-index: 1; animation: jump10p 3s infinite linear; } /*-------------------- Fancy Feature Thirty Four --------------------*/ .block-style-thirtyFive .icon { width: 68px; height: 68px; border-radius: 50%; margin: 0 auto; } .block-style-thirtyFive h4 { font-size: 22px; font-weight: 500; margin: 25px 0 15px; } .block-style-thirtyFive p { line-height: 28px; } /*-------------------- Block Style Thirty Six --------------------*/ .block-style-thirtySix .tag-line { font-size: 22px; line-height: 1.72em; color: #000; margin: 30px 0 40px; } .block-style-thirtySix .list-item li { color: #474747; position: relative; padding-left: 30px; margin-bottom: 20px; } .block-style-thirtySix .list-item li:before { content: url(/_next/static/media/76.c8197e3e.svg); position: absolute; top: 0; left: 0; } .block-style-thirtySix .illustration-holder { box-shadow: 0px 20px 40px rgba(0, 61, 132, 0.03); z-index: -1; } .block-style-thirtySix .illustration-holder .shape-one { top: -10%; right: -24%; width: 72.2%; z-index: 1; animation: jump10pRsv 3s infinite linear; } .block-style-thirtySix .illustration-holder .shape-two { bottom: 6.5%; left: -20%; width: 77.8%; z-index: 1; animation: jump10p 3s infinite linear; } .block-style-thirtySix .illustration-holder .shape-three { bottom: -10%; left: -2%; width: 73.4%; z-index: 1; } .block-style-thirtySix .illustration-holder-two { z-index: -1; } .block-style-thirtySix .illustration-holder-two .shape-one { top: -12.5%; left: -5%; width: 86.2%; z-index: 1; animation: jump10p 3s infinite linear; } /*-------------------- Fancy Feature Thirty Five --------------------*/ .fancy-feature-thirtyFive .slider-wrapper { position: absolute; bottom: 0; right: -11vw; width: 72vw; margin: 0 -24px; } .portfolio_slider_two { margin: 0 -20px; } .portfolio_slider_two .item { margin: 0 20px; } .fancy-feature-thirtyFive .card-block { border-radius: 10px; overflow: hidden; position: relative; } .fancy-feature-thirtyFive .card-block .hover { position: absolute; top: 8px; left: 8px; right: 8px; bottom: 8px; border-radius: 10px; background: rgba(255, 255, 255, 0.92); opacity: 0; visibility: hidden; } .fancy-feature-thirtyFive .card-block:hover .hover { opacity: 1; visibility: visible; } .fancy-feature-thirtyFive .card-block a { margin: 5px 0; width: 120px; font-weight: 500; font-size: 16px; border-radius: 30px; text-align: center; } .fancy-feature-thirtyFive .card-block .edit { background: #000; line-height: 45px; color: #fff; } .fancy-feature-thirtyFive .card-block .view { background: #fff; line-height: 38px; color: #000; border: 2px solid #000; } .fancy-feature-thirtyFive .card-block .edit:hover { background: #6f6cff; } .fancy-feature-thirtyFive .card-block .view:hover { background: #6f6cff; border-color: #6f6cff; color: #fff; } .fancy-feature-thirtyFive .slider-arrows li { width: 50px; height: 50px; border-radius: 50%; text-align: center; line-height: 50px; color: #000; font-size: 25px; margin-right: 8px; cursor: pointer; transform: scale(0.8); transition: all 0.3s ease-in-out; } .fancy-feature-thirtyFive .slider-arrows li:first-child i { transform: rotate(-180deg); display: inline-block; } .fancy-feature-thirtyFive .slider-arrows li:hover { background: #353535; color: #fff; transform: scale(1); } /*-------------- Client Feedback Slider Eight ----------------*/ .client-feedback-slider-eight .feedback-wrapper { padding: 50px 0; } .client-feedback-slider-eight { background: #7241ff; } .client-feedback-slider-eight .tag { display: inline-block; font-size: 13px; color: #fff; letter-spacing: 2px; text-transform: uppercase; line-height: 33px; padding: 0 15px; border-radius: 20px; background: rgba(255, 255, 255, 0.13); } .client-feedback-slider-eight p { font-size: 42px; line-height: 1.54em; color: #fff; letter-spacing: -1px; margin: 35px 0 50px; } .client-feedback-slider-eight .name { font-size: 26px; font-weight: 500; color: #fff; margin-bottom: 5px; } .client-feedback-slider-eight .cr-position { font-size: 18px; color: rgba(255, 255, 255, 0.6); } .client-feedback-slider-eight .slider-arrow { width: 160px; height: 65px; border-radius: 10px; background: #ffd88c; position: absolute; bottom: 16%; left: calc(50% - 62px); z-index: 1; } .client-feedback-slider-eight .slider-arrow li { width: 50%; line-height: 65px; text-align: center; cursor: pointer; font-size: 35px; color: #000; } .client-feedback-slider-eight .slider-arrow li i { transition: all 0.3s ease-in-out; transform: scale(0.8); display: inline-block; } .client-feedback-slider-eight .slider-arrow li:first-child { transform: rotate(180deg); border-left: 1px solid #efc36f; } .client-feedback-slider-eight .slider-arrow li:hover i { transform: scale(1); } /*-------------- Pricing Section Nine ----------------*/ .pricing-section-nine .pr-table-wrapper { border: 1px solid #ececec; border-radius: 20px; padding: 35px 45px; } .pricing-section-nine .pr-table-wrapper .pack-name { font-size: 28px; font-weight: 500; color: #000; } .pricing-section-nine .pr-table-wrapper .pack-details { font-size: 17px; line-height: 28px; color: #878787; padding: 9px 50px 30px 0; } .pricing-section-nine .pr-table-wrapper .price { font-size: 42px; letter-spacing: -1px; padding-right: 25px; font-weight: 500; color: #000; } .pricing-section-nine .pr-table-wrapper .top-banner span { font-size: 22px; color: #000; display: block; margin-bottom: -5px; } .pricing-section-nine .pr-table-wrapper .top-banner em { font-size: 14px; color: #9b9b9b; display: block; font-style: normal; } .pricing-section-nine .pr-table-wrapper .trial-button { font-size: 16px; color: #fff; display: block; text-align: center; line-height: 55px; border-radius: 5px; background: #6f6cff; margin: 35px 0 40px; } .pricing-section-nine .pr-table-wrapper .trial-button:hover { background: #212121; } .pricing-section-nine .pr-table-wrapper .pr-feature li { position: relative; line-height: 42px; color: rgba(0, 0, 0, 0.7); padding-left: 30px; margin-left: 10px; } .pricing-section-nine .pr-table-wrapper .pr-feature li:before { content: url(/_next/static/media/76.c8197e3e.svg); position: absolute; top: 0; left: 0; } .pricing-section-nine .pr-table-wrapper .trial-text { font-size: 16px; padding-top: 30px; color: rgba(0, 0, 0, 0.4); } /*-------------------- Feature Blog Five -----------------*/ .feature-blog-five .post-meta { width: 100%; } .feature-blog-five .post-data { padding: 25px 35px 0 0; } .feature-blog-five .post-meta .post-img { border-radius: 10px; overflow: hidden; background: #212121; position: relative; } .feature-blog-five .post-meta .blog-title a { font-size: 24px; font-weight: 500; color: var(--heading); line-height: 1.44em; letter-spacing: -0.5px; margin: 15px 0 10px; transition: all 0.3s ease-in-out; } .feature-blog-five .post-meta .blog-title:hover h5 { color: #6f6cff; } .feature-blog-five .post-meta .read-btn { font-size: 17px; color: rgba(0, 0, 0, 0.5); } .feature-blog-five .post-meta .read-btn:hover { text-decoration: underline; color: #000; } /*------------------ Fancy Short Banner Fifteen ---------------*/ .fancy-short-banner-fifteen { background: #fffcf6; padding: 75px 0 100px; } /*^^^^^^^^^^^^^^^^^^^^^ Footer Style Nine ^^^^^^^^^^^^^^^^^^^^^^^^*/ .theme-footer-nine { padding: 45px 0; } .theme-footer-nine .footer-nav a { color: #151515; font-size: 18px; margin: 3px 1.6vw; transition: all 0.3s ease-in-out; } .theme-footer-nine .social-icon a { font-size: 22px; margin-left: 25px; color: #000; transition: all 0.3s ease-in-out; } .theme-footer-nine .footer-nav a:hover, .theme-footer-nine .social-icon a:hover { color: #6f6cff; } /*======================================================================= VR Landing =========================================================================*/ /*---------------------Theme Hero Banner / Fourteen ---------------*/ .hero-banner-fourteen { position: relative; padding: 200px 0 130px; z-index: 2; } .hero-banner-fourteen .hero-heading { font-size: 80px; line-height: 1.25em; text-transform: uppercase; font-weight: 700; } .hero-banner-fourteen .hero-sub-heading { font-size: 24px; line-height: 1.83em; color: #000; margin: 25px 0 38px; } .hero-banner-fourteen .info { font-size: 24px; font-weight: 500; color: #000; } .hero-banner-fourteen .info > span { font-size: 0.83em; font-weight: normal; margin-top: 12px; } .hero-banner-fourteen .info > span span { opacity: 0.35; } .hero-banner-fourteen .price { font-size: 100px; font-weight: 500; color: #000; line-height: initial; } .hero-banner-fourteen .explore-btn { font-size: 18px; font-weight: 500; color: #ff57c5; position: relative; } .hero-banner-fourteen .explore-btn:before { content: ""; position: absolute; width: 100%; height: 2px; left: 0; bottom: 0; background: #ff57c5; } .hero-banner-fourteen .screen-holder { position: absolute; right: 0; bottom: 0; width: 49%; } .hero-banner-fourteen .screen-holder .vr-image { bottom: 0; right: 8%; z-index: 1; } .hero-banner-fourteen .screen-holder .shape-one { top: -48%; right: 17%; } .hero-banner-fourteen .screen-holder .shape-two { top: -32%; right: 13%; } .hero-banner-fourteen .screen-holder .shape-three { top: -58%; right: 8%; } .hero-banner-fourteen .screen-holder .rating-box { position: absolute; z-index: 1; left: -10%; bottom: -20%; text-align: center; width: 18.76%; } .hero-banner-fourteen .screen-holder .rating-box img { animation: rotated 60s infinite linear; } .hero-banner-fourteen .screen-holder .rating-box .rate { color: #000; font-size: 24px; font-weight: 500; line-height: 1em; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .hero-banner-fourteen .screen-holder .rating-box .rate span { font-size: 0.6em; text-transform: uppercase; } /*-------------------- Fancy Feature Thirty Six --------------------*/ .fancy-feature-thirtySix { background: #2b0937; } .block-style-thirtySeven { background: rgba(255, 255, 255, 0.08); text-align: center; padding: 30px 15px 25px; } .block-style-thirtySeven .img-meta { height: 120px; } .block-style-thirtySeven .p-title a, .block-style-thirtySeven .price { font-weight: 500; font-size: 24px; color: #fff; } .block-style-thirtySeven .rating li { color: #ffb941; font-size: 16px; margin: 0 5px; } .block-style-thirtySeven:hover .p-title a { text-decoration: underline; } .product_slider_one .item { margin: 0 15px; } .fancy-feature-thirtySix .slider-arrows { position: absolute; left: 13%; bottom: 0; } .fancy-feature-thirtySix .slider-arrows li { color: #fff; font-size: 25px; margin-left: 12px; cursor: pointer; transform: scale(0.8); transition: all 0.3s ease-in-out; } .fancy-feature-thirtySix .slider-arrows li:first-child i { transform: rotate(-180deg); display: inline-block; } .fancy-feature-thirtySix .slider-arrows li:hover { color: #ff57c5; transform: scale(1); } /*-------------------- Fancy Feature Thirty Seven --------------------*/ .fancy-feature-thirtySeven .rating li { font-size: 17px; color: #000000; margin: 0 2px; } .fancy-feature-thirtySeven .rating-count { font-weight: 500; color: #000; text-transform: uppercase; margin-left: 8px; } .fancy-feature-thirtySeven .text-lg { font-size: 24px; line-height: 45px; color: #000; } /*-------------------- Fancy Feature Thirty Eight -------------------*/ .counter-box-six .icon { height: 45px; } .counter-box-six .number { font-weight: 500; font-size: 48px; margin: 26px 0 6px; } .counter-box-six .number small { font-size: 0.41em; letter-spacing: -0.5px; } .cursor-default { cursor: default; } /*-------------------- Fancy Feature Thirty Nine -------------------*/ .fancy-feature-thirtyNine { background: #2b0937; z-index: 5; padding: 185px 0 165px; overflow: hidden; } .fancy-feature-thirtyNine .title { font-size: 90px; line-height: 1.16em; letter-spacing: -1px; font-weight: bold; color: #fff; text-transform: uppercase; } .fancy-feature-thirtyNine .title span { color: #ffc765; } .fancy-feature-thirtyNine .content { position: relative; z-index: 2; top: -40px; } @keyframes ripple { 0% { box-shadow: 0 0 0 0.1rem rgba(255, 255, 255, 0.06); } 100% { box-shadow: 0 0 0 3rem rgba(255, 255, 255, 0); } } .fancy-feature-thirtyNine .video-icon .icon { display: block; position: relative; border-radius: 50%; animation: ripple 3s linear infinite; } .fancy-feature-thirtyNine .video-icon .icon::before, .fancy-feature-thirtyNine .video-icon .icon::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 50%; animation: inherit; animation-delay: 1s; } .fancy-feature-thirtyNine .video-icon .icon::after { animation-delay: 3s; } .fancy-feature-thirtyNine .video-icon i { width: 90px; height: 90px; color: #2b0937; text-align: center; line-height: 90px; border-radius: 50%; font-size: 35px; padding-left: 5px; transition: all 0.3s ease-in-out; background: #ffc765; } .fancy-feature-thirtyNine .video-icon .ps-text { font-size: 13px; font-weight: 500; text-transform: uppercase; letter-spacing: 2px; color: #fff; margin-bottom: 18px; } .fancy-feature-thirtyNine .video-icon strong { font-size: 24px; color: #fff; font-weight: normal; } .fancy-feature-thirtyNine .video-icon:hover i { background: #fff; color: #2b0937; } .fancy-feature-thirtyNine .img-meta { position: absolute; left: 0; bottom: 0; width: 69%; z-index: 1; } .fancy-feature-thirtyNine .img-meta:before { content: ""; position: absolute; width: 910px; height: 910px; border-radius: 50%; background: rgba(255, 255, 255, 0.04); top: 50%; left: -7%; transform: translateY(-50%); z-index: -1; } .fancy-feature-thirtyNine .img-meta:after { content: ""; position: absolute; width: 655px; height: 655px; border-radius: 50%; background: rgba(255, 255, 255, 0.07); top: 50%; left: 2%; transform: translateY(-50%); z-index: -1; } /*-------------------- Fancy Feature Forty -------------------*/ .block-style-thirtyEight p { font-size: 20px; line-height: 38px; } .block-style-thirtyEight .img-meta .shape-one { top: -15%; right: 8%; z-index: 1; width: 25%; } .block-style-thirtyEight .img-meta .shape-two { bottom: -16%; left: -21%; z-index: 1; width: 50%; } .block-style-thirtyEight .img-meta .shape-three { bottom: -16%; right: -23%; z-index: 1; width: 43.1%; } /*-------------------- Client Feedback Slider Nine -------------------*/ .client-feedback-slider-nine { background: #2b0937; z-index: 5; padding: 95px 0 60px; overflow: hidden; } .client-feedback-slider-nine .shape-one { left: 4%; top: 9%; } .clientSliderEight .bg-wrapper { background: #fff; padding: 35px 40px 25px; margin: 0 15px; } .clientSliderEight .bg-wrapper .avatar { width: 50px; height: 50px; } .clientSliderEight .bg-wrapper .name { font-size: 20px; color: #000; font-weight: 500; } .clientSliderEight .bg-wrapper .region { color: #acacac; } .clientSliderEight .bg-wrapper p { line-height: 32px; color: #000; } .clientSliderEight .bg-wrapper .rating li { font-size: 17px; color: #ffc12b; margin-right: 5px; } .clientSliderEight .slick-dots { text-align: center; } .clientSliderEight .slick-dots { position: static; } .clientSliderEight .slick-dots li { display: inline-block; margin: 30px 5px 50px; } @media (max-width: 576px) { .clientSliderEight .slick-dots li { margin: 30px 5px 25px; } } /*-------------------- Fancy Feature Forty One -------------------*/ .fancy-feature-fortyOne p { font-size: 20px; color: #000; line-height: 2em; } .fancy-feature-fortyOne .buy-btn { line-height: 53px; background: #ffe06b; font-size: 16px; text-transform: uppercase; font-weight: 500; letter-spacing: 1px; color: #000; padding: 0 42px; } .fancy-feature-fortyOne .buy-btn:hover { background: #2b0937; color: #fff; } .portfolio_slider_two.survey-slider .item { margin: 0; } .portfolio_slider_two.survey-slider .item .card-block { margin: 0 20px; } .product_slider_one.vr-landing-slider .item { margin: 0; } .product_slider_one.vr-landing-slider .item .block-style-thirtySeven { margin: 0 15px; } /*======================================================================= E-Commerce =========================================================================*/ /*-------------------- Menu ---------------*/ .theme-main-menu.sticky-menu.fixed.theme-menu-eight { padding-top: 10px; padding-bottom: 10px; } .theme-menu-eight .signIn-action { font-family: "gordita"; font-weight: 500; color: #000; } .theme-menu-eight .cart-group-wrapper .dropdown-toggle:after { display: none; } .theme-menu-eight .cart-group-wrapper .dropdown-toggle { width: 50px; height: 50px; border-radius: 50%; margin: 0 28px 0 32px; position: relative; outline: none; box-shadow: none; transition: all 0.3s ease-in-out; } .theme-menu-eight .cart-group-wrapper .dropdown-toggle:hover { background: rgba(0, 0, 0, 0.04); } .theme-menu-eight .cart-group-wrapper .item-count { position: absolute; width: 16px; height: 16px; border-radius: 50%; background: #000; line-height: 16px; text-align: center; font-size: 9px; font-weight: 500; color: #fff; right: 2px; top: 0px; } .theme-main-menu .cart-group-wrapper .dropdown-cart { width: 280px; background: #fff; border: none; border-radius: 0; padding: 25px 20px 30px; box-shadow: 0px 25px 50px rgba(213, 216, 223, 0.5); position: absolute; right: 0; top: 70px; z-index: 5; opacity: 0; visibility: hidden; transition: 0.3s; } .theme-main-menu .cart-group-wrapper .dropdown-cart.cart-show { opacity: 1; visibility: visible; top: 50px; } .theme-menu-eight .cart-group-wrapper .item-img { width: 70px; height: 75px; padding: 5px; background: #f5f5f5; } .theme-menu-eight .cart-group-wrapper .item-info { width: calc(100% - 70px); padding-left: 20px; position: relative; } .theme-menu-eight .cart-group-wrapper .item-info .name { font-size: 16px; color: #1f1f1f; font-weight: 500; } .theme-menu-eight .cart-group-wrapper .item-info .name:hover { text-decoration: underline; } .theme-menu-eight .cart-group-wrapper .item-info .price { font-weight: 500; font-size: 16px; color: #000; letter-spacing: -0.5px; } .theme-menu-eight .cart-group-wrapper .item-info .price .quantity { font-size: 16px; color: rgba(31, 31, 31, 0.5); margin-left: 7px; } .theme-menu-eight .cart-group-wrapper .selected-item { border-bottom: 1px solid #eeeeee; padding-bottom: 22px; margin-bottom: 18px; } .theme-menu-eight .cart-group-wrapper .subtotal .title { font-size: 16px; font-weight: 500; color: #1f1f1f; } .theme-menu-eight .cart-group-wrapper .subtotal .total-price { font-weight: 500; font-size: 16px; letter-spacing: 0px; color: #000; } .theme-menu-eight .cart-group-wrapper .subtotal { padding-bottom: 7px; } .theme-menu-eight .cart-group-wrapper .button-group a { font-weight: 500; display: block; line-height: 43px; border: 1px solid #dbdbdb; text-align: center; font-size: 14px; text-transform: uppercase; color: #1f1f1f; margin-top: 15px; transition: all 0.3s ease-in-out; } .theme-menu-eight .cart-group-wrapper .button-group a:hover { color: #fff; background: #212121; } /*------------------- Sidebar Nav ---------------*/ .main-sidebar-nav { width: 400px; border: none; height: 100%; overflow-y: auto; position: fixed; top: 0; right: 0; z-index: 99990; background: #fbf3ec; transform: translateX(100%); transition: all 0.3s ease-in-out; } .main-sidebar-nav.show { transform: translateX(0); } .main-sidebar-nav .offcanvas-header { padding: 30px 20px 35px; border-bottom: 1px solid rgba(0, 0, 0, 0.07); } .main-sidebar-nav .offcanvas-header .close-btn { font-size: 24px; } .main-sidebar-nav .offcanvas-header .close-btn:hover { color: var(--blue-dark); } .main-sidebar-nav .navbar-nav .nav-item .nav-link { margin: 0; padding: 10px 20px; border-top: 1px solid rgba(0, 0, 0, 0.07); } .main-sidebar-nav .navbar-nav .nav-item .nav-link:hover, .main-sidebar-nav .navbar-nav .nav-item.show .nav-link { color: var(--blue-dark); } .main-sidebar-nav .navbar-nav .nav-item .nav-link::after { content: "+"; border: none !important; font-size: 20px; position: absolute; right: 10px; top: 0; color: inherit; line-height: 51px; transition: all 0.3s ease-in-out; } .main-sidebar-nav .show.dropdown .dropdown-toggle::after { content: "-"; transform: rotate(180deg); } .main-sidebar-nav .dropdown-menu .dropdown-item { font-size: 17px; line-height: 45px; text-transform: capitalize; color: var(--heading); padding: 0 5px 0 25px; position: relative; z-index: 1; transition: all 0.2s ease-in-out; white-space: inherit; background: transparent; } .main-sidebar-nav .dropdown-menu .dropdown-item:hover { color: var(--blue-dark); } .main-sidebar-nav .navbar-nav .dropdown-menu { position: static !important; z-index: 5; background-color: #fff; border-radius: 0; display: none; right: 0; left: 0; padding: 0; top: 100%; transform: none !important; width: 100%; min-width: 250px; box-shadow: 0px 30px 70px 0px rgba(137, 139, 142, 0.15); margin: 0; border: none; transform-origin: 0 0; transition: all 0.3s ease-in-out; } .main-sidebar-nav .navbar-nav .dropdown-menu.show { display: block; } .main-sidebar-nav .mega-menu { flex-wrap: wrap; padding: 0 5px; } .main-sidebar-nav .mega-menu li { flex: 0 0 50%; max-width: 50%; padding: 10px 10px 0; } .main-sidebar-nav .mega-menu li .img-box { padding: 0; background: #fff; position: relative; } .main-sidebar-nav .mega-menu li span { display: block; text-align: center; font-size: 16px; color: #000; margin: 15px 0 20px; line-height: initial; } .main-sidebar-nav .mega-menu li .img-box:hover span { text-decoration: underline; } .main-sidebar-nav .mega-menu li .img-box img { border: 1px solid rgba(0, 0, 0, 0.05); } .main-sidebar-nav .mega-menu li .img-box .hover { position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); top: 0; left: 0; font-size: 24px; color: #fff; } /*---------------------Theme Hero Banner / Fifteen ---------------*/ .hero-banner-fifteen { padding: 200px 0 170px; position: relative; background: radial-gradient(53.3% 53.3% at 50% 46.7%, #ffffff 0%, #fff8ea 99.81%); } .hero-banner-fifteen .hero-heading { font-size: 140px; line-height: 0.92em; } .hero-banner-fifteen .hero-sub-heading { font-size: 24px; line-height: 1.75em; color: #000; padding: 30px 0 45px; } .hero-banner-fifteen .shop-btn { font-size: 15px; font-weight: 500; line-height: 52px; text-transform: uppercase; letter-spacing: 2px; color: #fff; background: #161616; padding: 0 40px; } .hero-banner-fifteen .shop-btn:hover { background: var(--purple-blue); } .hero-banner-fifteen .cart-btn { width: 52px; height: 52px; border-radius: 50%; border: 1px solid #161616; line-height: 50px; text-align: center; font-size: 40px; color: #161616; } .hero-banner-fifteen .cart-btn:hover { background: #161616; color: #fff; } .hero-banner-fifteen .product-img-holder { width: 680px; height: 680px; border-radius: 50%; background: #ffd583; position: absolute; top: -2%; right: -2%; } .hero-banner-fifteen .product-img-holder .product-img { max-width: initial; position: relative; top: 45%; left: 50%; transform: translate(-50%, -50%); } .hero-banner-fifteen .offer-sticker { width: 150px; height: 150px; border-radius: 50%; background: #fff; position: absolute; right: 15px; bottom: 15px; color: #000; font-style: italic; z-index: 1; } .hero-banner-fifteen .offer-sticker:before { content: ""; position: absolute; top: 10px; right: 10px; bottom: 10px; left: 10px; border-radius: 50%; border: 1px solid #000; z-index: -1; } .hero-banner-fifteen .offer-sticker .sn1 { font-size: 32px; } .hero-banner-fifteen .offer-sticker .sn2 { font-size: 22px; padding-top: 8px; } /*---------------------Fancy Feature Forty Two ---------------*/ .xl-container { max-width: 1720px; padding-left: 15px; padding-right: 15px; margin-left: auto; margin-right: auto; } .SC_block_one { width: 370px; height: 370px; border-radius: 50%; position: relative; z-index: 1; margin: 40px auto 0; overflow: hidden; background-size: cover; background-position: center; } .SC_block_one:before { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; border-radius: 50%; background: rgba(11, 10, 10, 0.25); z-index: -1; } .SC_block_one h3 { font-size: 36px; color: #fff; font-weight: 500; text-transform: uppercase; margin-bottom: 20px; transform: translateY(43px); } .SC_block_one .sp-now-btn { width: 135px; line-height: 43px; border: 1px solid #fff; border-radius: 5px; font-weight: 500; font-size: 15px; color: #fff; text-align: center; opacity: 0; transform: translateY(45px); } .SC_block_one .sp-now-btn:hover { background: var(--purple-blue); border-color: var(--purple-blue); } .SC_block_one:hover h3 { transform: translateY(0); } .SC_block_one:hover .sp-now-btn { transform: translateY(0); opacity: 1; } .product_slider_space { margin: 0 -20px; } .product_slider_space .item { padding: 0 20px; } .product-block-one .img-holder { position: relative; background: #f5f5f5; height: 470px; z-index: 5; margin-bottom: 22px; } .product-block-one .img-holder.style-two { height: auto; } .product-block-one .img-holder .tag-one { text-transform: uppercase; color: #000; font-size: 12px; letter-spacing: 0px; padding: 0 14px; line-height: 25px; border-radius: 3px; background: #fff; position: absolute; right: 20px; bottom: 20px; } .product-block-one .img-holder .cart-icon { display: block; width: 35px; line-height: 35px; box-shadow: 0 0 30px rgba(0, 0, 0, 0.09); border-radius: 50%; background: #fff; color: var(--purple-blue); text-align: center; position: absolute; right: 20px; top: 20px; font-size: 18px; transition: all 0.3s ease-in-out; opacity: 0; transform: scale(0.5); } .product-block-one .img-holder .cart-icon:hover { color: #fff; background: var(--purple-blue); } .product-block-one .img-holder .cart-button { font-size: 14px; letter-spacing: 1px; text-transform: uppercase; position: absolute; left: 20px; right: 20px; bottom: 20px; line-height: 48px; background: #1f1f1f; text-align: center; color: #fff; opacity: 0; transform: translateY(10px); transition: all 0.4s ease-in-out; } .product-block-one:hover .img-holder .cart-button { opacity: 1; transform: translateY(0); } .product-block-one .product-title { letter-spacing: 0px; color: #9f9f9f; font-size: 18px; transition: all 0.3s ease-in-out; } .product-block-one .rating li { font-size: 14px; margin-left: 5px; color: #b3b3b3; } .product-block-one .rating li .fa-star { color: #ffcb65; } .product-block-one .price { font-size: 24px; color: #000; margin-top: 10px; } .product-block-one:hover .product-img { transform: scale(0.95); } .product-block-one:hover .cart-icon { opacity: 1; transform: scale(1); } .product-block-one:hover .product-title { color: #000; text-decoration: underline; } /*---------------------Fancy Feature Forty Two ---------------*/ .flash-sale-banner .banner-bg { background: #fff9eb; text-align: center; } .flash-sale-banner .right-half { padding: 160px 15px; z-index: 1; } .flash-sale-banner .right-half:before { content: ""; position: absolute; top: 22px; right: 22px; bottom: 22px; left: 0; border: 1px solid #000; border-left: none; z-index: -1; } .flash-sale-banner .right-half .fancy-text { font-size: 50px; color: #ff0000; } .flash-sale-banner .right-half .sale-text { font-size: 18px; font-weight: 500; text-transform: uppercase; color: #000; letter-spacing: 1.62px; margin: 15px 0 16px; } .flash-sale-banner .right-half h3 { font-size: 42px; line-height: 1.166em; font-weight: 500; } .flash-sale-banner .left-half { background-size: cover; background-repeat: no-repeat; background-position: center; position: relative; z-index: 1; } .flash-sale-banner .left-half:before { content: ""; position: absolute; top: 22px; right: 0; bottom: 22px; left: 22px; border: 1px solid #fff; border-right: none; } /*---------------------Fancy Feature Forty Three ---------------*/ .fancy-feature-fortyThree { background: #f5f5f5; } .product-block-two { background: #fff; padding: 30px 15px 40px; text-align: center; } .product-block-two .img-holder { position: relative; height: 348px; z-index: 5; margin-bottom: 26px; } .product-block-two .img-holder img { max-height: 100%; } .product-block-two .img-holder .cart-icon { display: block; width: 35px; line-height: 35px; box-shadow: 0 0 30px rgba(0, 0, 0, 0.09); border-radius: 50%; background: #000; color: #fff; text-align: center; position: absolute; right: 20px; top: 0; font-size: 18px; transition: all 0.3s ease-in-out; opacity: 0; transform: scale(0.5); } .product-block-two .img-holder .cart-icon:hover { color: #fff; background: var(--purple-blue); } .product-block-two .product-title { letter-spacing: 0px; color: #9f9f9f; font-size: 17px; margin: 5px 0 10px; transition: all 0.3s ease-in-out; } .product-block-two .rating li { font-size: 14px; margin: 0 3px; color: #b3b3b3; } .product-block-two .rating li .fa-star { color: #ffcb65; } .product-block-two .price { font-size: 24px; color: #000; } .product-block-two:hover .product-img { transform: scale(0.95); } .product-block-two:hover .cart-icon { opacity: 1; transform: scale(1); } .product-block-two:hover .product-title { color: #000; text-decoration: underline; } /*--------------------- Shop Discount Subscription ---------------*/ .shop-discount-subscription .form-wrapper { max-width: 550px; margin-left: auto; } .shop-discount-subscription .form-wrapper form { position: relative; height: 75px; } .shop-discount-subscription .form-wrapper input { width: 100%; height: 100%; border: none; color: #000; border-bottom: 1px solid #000; } .shop-discount-subscription .form-wrapper button { width: 60px; height: 60px; border-radius: 50%; background: #151515; position: absolute; right: 0; bottom: 15px; } .shop-discount-subscription .form-wrapper button:hover { background: var(--purple-blue); } .shop-discount-subscription .form-wrapper p { font-size: 16px; } .shop-discount-subscription .form-wrapper p a { font-weight: 500; } .shop-discount-subscription .form-wrapper ::placeholder { color: #000; } .shop-discount-subscription h4 { font-size: 25px; font-weight: 500; letter-spacing: -1px; } /*--------------------- Fancy Feature Forty Four ---------------*/ .block-style-thirtyNine .icon { width: 75px; height: 75px; border: 1px solid #e0e0e0; } .block-style-thirtyNine h3 { font-size: 24px; font-weight: 500; letter-spacing: -0.5px; margin: 30px 0 16px; } .block-style-thirtyNine p { color: #525252; line-height: 28px; } /*^^^^^^^^^^^^^^^^^^^^^ Product Details One ^^^^^^^^^^^^^^^^^^^^^^^^*/ .product-details-one .product-img-tab { border: none; } .product-details-one .product-img-tab .nav-link { width: 100%; background: #f6f6f6; border: 1px solid transparent; border-radius: 0; padding: 2px; height: 82px; margin-bottom: 12px; transition: 0.3s; } .product-details-one .product-img-tab .nav-link img { max-height: 100%; } .product-img-tab .react-tabs__tab--selected .nav-link { border-color: #000; background: #fff; } .product-details-one .product-img-tab-content { background: #f6f6f6; } .product-details-one .product-info .stock-tag { display: inline-block; font-size: 14px; font-weight: 500; text-transform: uppercase; letter-spacing: 1px; background: #eaeaea; color: #000; border-radius: 3px; line-height: 28px; padding: 0 13px; } .product-details-one .product-info .product-name { font-weight: 500; font-size: 38px; margin: 30px 0 10px; } .product-details-one .product-info .rating li { font-size: 15px; margin-right: 6px; color: #b3b3b3; } .product-details-one .product-info .rating li .fa-star { color: #ffcb65; } .product-details-one .product-info .rating li a { font-size: 18px; color: #000; margin-left: 12px; } .product-details-one .product-info .rating li a:hover { text-decoration: underline; } .product-details-one .product-info .price { font-weight: 500; font-size: 28px; letter-spacing: -1px; color: #000; padding: 35px 0 5px; } .product-details-one .product-info .availability { color: #989ca2; letter-spacing: -0.5px; font-size: 15px; } .product-details-one .product-info .description-text { color: #000; line-height: 35px; padding: 25px 0 25px; } .product-details-one .product-info .product-feature { margin-bottom: 20px; } .product-details-one .product-info .product-feature li { font-size: 20px; color: #000; margin-bottom: 10px; position: relative; padding-left: 30px; } .product-details-one .product-info .product-feature li:before { content: url(/_next/static/media/207.1354e1c5.svg); position: absolute; left: 0; top: 0; } .product-details-one .product-info .customize-order h6 { font-weight: 500; font-size: 18px; margin-bottom: 25px; } .product-details-one .product-info .quantity .button-group { border: 1px solid #e3e3e3; display: inline-block; } .product-details-one .product-info .quantity ul li { line-height: 40px; max-height: 40px; } .product-details-one .product-info .quantity ul li button { font-size: 25px; color: #c9c9c9; background: transparent; width: 32px; } .product-details-one .product-info .quantity ul .product-value { font-size: 18px; height: 40px; color: #313131; max-width: 45px; background: transparent; border: none; text-align: center; padding-left: 5px; } .product-details-one .product-info .color-custome-input li { width: 16px; height: 16px; border-radius: 50%; position: relative; margin: 10px 10px 0 0; } .product-details-one .product-info .color-custome-input li:last-child { margin-right: 0; } .product-details-one .product-info .color-custome-input li input[type=radio] { position: absolute; width: 100%; height: 100%; top: 0; opacity: 0; cursor: pointer; z-index: 2; } .product-details-one .product-info .color-custome-input li label { position: absolute; width: 100%; height: 100%; border-radius: 50%; top: 0; left: 0; } .product-details-one .product-info .color-custome-input li label:before { content: ""; position: absolute; top: 4px; right: 4px; bottom: 4px; left: 4px; background: #fff; z-index: 1; border-radius: 50%; opacity: 0; transition: all 0.25s ease-in-out; } .product-details-one .product-info .color-custome-input li input[type=radio]:checked + label:before { opacity: 1; } .product-details-one .product-info .size-custome-input li label { position: relative; width: 40px; height: 40px; line-height: 38px; border: 1px solid #e3e3e3; text-align: center; font-size: 16px; color: #b1b1b1; transition: all 0.25s ease-in-out; } .product-details-one .product-info .size-custome-input li { position: relative; margin-right: 12px; } .product-details-one .product-info .size-custome-input li:last-child { margin-right: 0; } .product-details-one .product-info .size-custome-input li input[type=radio] { position: absolute; opacity: 0; z-index: 1; width: 100%; height: 100%; left: 0; cursor: pointer; } .product-details-one .product-info .size-custome-input li input[type=radio]:checked + label { border-color: #000; color: #000; } .product-details-one .product-info .cart-btn { font-weight: 500; font-size: 14px; letter-spacing: 1px; text-transform: uppercase; color: #fff; padding: 0 38px; text-align: center; line-height: 55px; background: #161616; position: relative; overflow: hidden; transition: all 0.3s ease-in-out; } .product-details-one .product-info .cart-btn:hover { background: var(--purple-blue); } .product-details-one .product-info .wishlist-btn { font-weight: 500; font-size: 15px; text-transform: uppercase; color: var(--heading); padding: 0 35px; text-align: center; letter-spacing: 1px; line-height: 55px; border: 1px solid #000; transition: all 0.3s ease-in-out; } .product-details-one .product-info .wishlist-btn:hover { background: var(--purple-blue); border-color: var(--purple-blue); color: #fff; } .product-details-one .product-review-tab .nav-tabs { border-bottom: 1px solid #ebebeb; } .product-details-one .product-review-tab .nav-tabs .nav-link { font-weight: 500; font-size: 15px; text-transform: uppercase; color: #000; letter-spacing: 1px; padding: 0 0 20px 0; position: relative; margin: 0 50px 0 0; border: none; border-radius: 0; } .product-details-one .product-review-tab .nav-tabs .nav-link:before { content: ""; position: absolute; width: 100%; height: 2px; left: 0; bottom: -1px; z-index: 1; background: #000; transform: scale(0, 1); transition: all 0.3s ease; } .product-details-one .product-review-tab .nav-tabs .react-tabs__tab--selected .nav-link:before { transform: scale(1); } .product-details-one .product-review-tab .nav-tabs .nav-item:last-child .nav-link { margin-right: 0; } .product-details-one .product-review-tab .tab-content h5 { font-weight: 500; font-size: 20px; letter-spacing: -1px; margin-bottom: 18px; } .product-details-one .product-review-tab .tab-content p { color: rgba(0, 0, 0, 0.7); line-height: 37px; } .product-details-one .product-review-tab .tab-content .product-feature li { color: rgba(0, 0, 0, 0.7); position: relative; padding-left: 30px; margin-bottom: 20px; } .product-details-one .product-review-tab .tab-content .product-feature li:before { content: url(/_next/static/media/207.1354e1c5.svg); position: absolute; left: 0; top: 0; } .product-details-one .user-comment-area { padding-right: 200px; } .product-details-one .user-comment-area .single-comment { padding-bottom: 40px; } .product-details-one .user-comment-area .single-comment:last-child { padding-bottom: 0; } .product-details-one .user-comment-area .user-img { width: 60px; height: 60px; border-radius: 50%; } .product-details-one .user-comment-area .user-comment-data { padding-left: 30px; position: relative; } .product-details-one .user-comment-area .user-comment-data .name { font-weight: 500; font-size: 18px; margin-bottom: 4px; } .product-details-one .user-comment-area .rating li { font-size: 15px; margin: 0 3px; color: #b3b3b3; } .product-details-one .user-comment-area .rating li .fa-star { color: #ffcb65; } .product-details-one .user-comment-area .user-comment-data p { padding-top: 8px; line-height: 33px; } .breadcrumb-style-one .breadcrumb-item a, .breadcrumb-style-one .breadcrumb-item { font-size: 17px; color: #949494; } .breadcrumb-style-one .breadcrumb-item.active { font-weight: 500; color: #000; } .breadcrumb-style-one .breadcrumb-item + .breadcrumb-item::before { content: url(/_next/static/media/208.7b62d0d9.svg); margin-top: 1px; } .breadcrumb-style-one .breadcrumb-item a:hover { text-decoration: underline; } .product-details-one .share-dropdown .dropdown-toggle { font-weight: 500; font-size: 17px; color: #000; padding: 0; box-shadow: none; } .product-details-one .share-dropdown .dropdown-toggle::after { content: "+"; border: none; vertical-align: baseline; transition: all 0.2s ease; } .product-details-one .share-dropdown .dropdown-toggle.show::after { transform: rotate(45deg); } .product-details-one .share-dropdown .dropdown-menu { min-width: 120px; background: #fff; border: none; border-radius: 5px; padding: 10px; box-shadow: 0px 25px 50px rgba(213, 216, 223, 0.5); } .product-details-one .share-dropdown .dropdown-menu .social-icon a { width: 26px; height: 26px; border-radius: 5px; background: #212121; color: #fff; line-height: 26px; text-align: center; font-size: 15px; transition: all 0.2s ease; } .product-details-one .share-dropdown .dropdown-menu .social-icon a:hover { background: var(--purple-blue); } /*^^^^^^^^^^^^^^^^^^^^^ Cart Page ^^^^^^^^^^^^^^^^^^^^^^^^*/ .cart-list-form { position: relative; } .cart-list-form table { margin: 0; } .cart-list-form .table th { font-weight: 500; font-size: 15px; letter-spacing: 2px; border: none; border-bottom: 2px solid #000; padding: 0 0 15px; text-align: center; text-transform: uppercase; color: #1d1d1d; } .cart-list-form .table th:first-child { text-align: left; } .cart-list-form .table tbody td { padding: 0 0 60px; border: none; vertical-align: middle; text-align: center; } .cart-list-form .table tbody tr:first-child td { padding-top: 40px; } .cart-list-form .table tbody tr:last-child td { padding-bottom: 20px; } .cart-list-form .table .product-thumbnails { width: 85px; } .cart-list-form .table .product-thumbnails img { max-height: 100%; max-width: none; } .cart-list-form .table .product-img { display: block; max-width: 85px; max-height: 85px; overflow: hidden; } .cart-list-form .table .product-info { padding-left: 30px; text-align: left; } .cart-list-form .table .product-info .product-name { font-weight: 500; letter-spacing: -0.5px; font-size: 20px; color: #1f1f1f; } .cart-list-form .table .product-info .serial { font-size: 15px; color: rgba(31, 31, 31, 0.33); padding-bottom: 6px; } .cart-list-form .table .product-info ul li { font-weight: 500; display: inline-block; font-size: 15px; color: #404040; padding-right: 15px; } .cart-list-form .table .price { font-size: 18px; color: #1d1d1d; font-weight: 500; } .cart-list-form .table .quantity li { display: inline-block; line-height: 40px; max-height: 40px; } .cart-list-form .table .quantity li .btn { font-size: 24px; padding: 0; border: none; vertical-align: inherit; color: #1d1d1d; background: transparent; cursor: pointer; } .cart-list-form .table .quantity .product-value { font-weight: 500; font-size: 18px; color: #1d1d1d; max-width: 55px; background: transparent; border: none; text-align: center; padding-left: 12px; } .cart-list-form .table .remove-product { color: #d6d6d6; font-size: 22px; } .cart-list-form .table .remove-product:hover { color: #000; } .cart-section .cart-footer { border-top: 2px solid #545454; margin-top: 28px; padding-top: 40px; } .cart-section .cart-footer .coupon-form input { width: 240px; height: 50px; border: none; border-bottom: 2px solid #545454; font-size: 16px; margin-right: 30px; } .cart-section .cart-footer .coupon-form ::placeholder { color: #c4c4c4; opacity: 1; /* Firefox */ } .cart-section .cart-footer .coupon-form :-ms-input-placeholder { color: #c4c4c4; } .cart-section .cart-footer .coupon-form ::-ms-input-placeholder { color: #c4c4c4; } .cart-section .cart-footer .cart-total-section { text-align: right; } .cart-section .cart-footer .cart-total-table tr th { font-size: 18px; color: rgba(29, 29, 29, 0.5); font-weight: normal; padding-right: 26px; } .cart-section .cart-footer .cart-total-table tr td { font-size: 18px; color: #1d1d1d; font-weight: 500; } .cart-section .cart-footer .cart-total-table tr th, .cart-section .cart-footer .cart-total-table tr td { padding-bottom: 16px; } .cart-section .cart-footer .theme-btn-seven { line-height: 50px; padding: 0 35px; border-radius: 0; font-size: 16px; } .cart-section .cart-footer .theme-btn-seven:hover { background: var(--purple-blue); } /*^^^^^^^^^^^^^^^^^^^^^ CheckOut Page ^^^^^^^^^^^^^^^^^^^^^^^^*/ .checkout-toggle-area .card { border: none; background: transparent; } .checkout-toggle-area p { margin-bottom: 8px; color: rgba(0, 0, 0, 0.8); background: transparent; padding: 0; border: none; } .checkout-toggle-area p button { font-weight: 500; font-size: 16px; letter-spacing: 0px; color: #1a1a1a; background: transparent; display: inline-block; text-decoration: underline; transition: all 0.3s ease-in-out; } .checkout-toggle-area p button:hover { color: var(--red-one); } .checkout-toggle-area form input { width: 100%; height: 60px; font-size: 16px; border: 1px solid #d5d5d5; border-radius: 5px; padding: 0 30px; margin-bottom: 20px; } .checkout-toggle-area form input:focus { border-color: #777; } .checkout-toggle-area form .lost-passw { color: #636067; font-size: 14px; margin: 12px 0 35px; } .checkout-toggle-area form .lost-passw:hover { color: var(--red-one); text-decoration: underline; } .checkout-toggle-area form button { line-height: 50px; } .checkout-toggle-area form p { padding-top: 30px; } .checkout-form .main-title { font-weight: 500; font-size: 24px; letter-spacing: -1px; padding-bottom: 55px; } .checkout-form .single-input-wrapper { display: block; width: 100%; height: 46px; font-size: 16px; color: #1a1a1a; border: none; letter-spacing: 0px; border-bottom: 2px solid #e5e5e5; margin-bottom: 55px; } .checkout-form ::placeholder { color: #1a1a1a; opacity: 1; font-weight: 500; } .checkout-form :-ms-input-placeholder { color: #1a1a1a; font-weight: 500; } .checkout-form ::-ms-input-placeholder { color: #1a1a1a; font-weight: 500; } .checkout-form .single-input-wrapper:focus { border-bottom-color: #545454; } .checkout-form .theme-select-menu { font-weight: 500; font-size: 16px; width: 100%; color: #1a1a1a; line-height: 46px; border-radius: 0; border: none; border-bottom: 2px solid #e5e5e5; box-shadow: none; outline: none; padding: 0 15px 5px 0; margin-bottom: 60px; } .checkout-form .theme-select-menu option { font-size: 14px; color: #1a1a1a; line-height: 22px; } .checkout-form .theme-select-menu option:hover, .checkout-form .selectize-dropdown .active { color: #fff; background: #1a1a1a; } .checkout-form .checkbox-list li label { position: relative; font-weight: 500; font-size: 15px; letter-spacing: 0px; line-height: 15px; padding-left: 28px; color: #1a1a1a; cursor: pointer; margin: 0 0 24px; } .checkout-form .checkbox-list li input[type=checkbox] { display: none; } .checkout-form .checkbox-list li label:before { content: ""; width: 15px; height: 15px; line-height: 12px; border-radius: 2px; border: 1px solid #d5d5d5; font-size: 12px; text-align: center; position: absolute; left: 0; top: -1px; } .checkout-form .checkbox-list li input[type=checkbox]:checked + label:before { content: "\f00c"; font-size: 10px; font-family: "FontAwesome"; background: #373737; color: #fff; border-color: #373737; } .checkout-form .checkbox-list { padding-bottom: 44px; margin-top: -24px; } .checkout-form .other-note-area p { font-weight: 500; font-size: 15px; color: #1a1a1a; margin-bottom: 6px; } .checkout-form .other-note-area textarea { width: 100%; border: 1px solid #e5e5e5; padding: 15px; resize: none; height: 145px; } .checkout-form .order-confirm-sheet .order-review { background: #f5f5f5; padding: 50px 40px; } .checkout-form .order-confirm-sheet .order-review .product-review { width: 100%; } .checkout-form .order-confirm-sheet .order-review .product-review tbody th span { font-weight: 500; font-size: 16px; color: #242424; } .checkout-form .order-confirm-sheet .order-review .product-review tbody tr:first-child th span { font-size: 17px; } .checkout-form .order-confirm-sheet .order-review .product-review tbody td { font-size: 16px; color: #1d1d1d; text-align: right; font-weight: 500; } .checkout-form .order-confirm-sheet .order-review .product-review tbody th, .checkout-form .order-confirm-sheet .order-review .product-review tbody td { padding-bottom: 15px; } .checkout-form .order-confirm-sheet .order-review .product-review tfoot th { font-size: 15px; text-transform: uppercase; color: #242424; font-weight: 500; } .checkout-form .order-confirm-sheet .order-review .product-review tfoot td { text-align: right; font-size: 18px; color: #222222; font-weight: 500; } .checkout-form .order-confirm-sheet .order-review .product-review tfoot td, .checkout-form .order-confirm-sheet .order-review .product-review tfoot th { border-top: 1px solid #e9e9e9; padding-top: 15px; } .checkout-form .order-confirm-sheet .order-review .payment-list li { padding: 0 0 12px 30px; position: relative; } .checkout-form .order-confirm-sheet .order-review .payment-list li p { font-size: 15px; line-height: 22px; margin-bottom: 12px; } .checkout-form .order-confirm-sheet .order-review .payment-list li label { position: relative; font-weight: 500; font-size: 16px; line-height: 15px; color: #1a1a1a; cursor: pointer; margin: 0 0 13px; } .checkout-form .order-confirm-sheet .order-review .payment-list li input[type=radio] { position: absolute; opacity: 0; z-index: 1; width: 100%; height: 100%; cursor: pointer; } .checkout-form .order-confirm-sheet .order-review .payment-list li label::before { content: ""; width: 15px; height: 15px; line-height: 12px; border-radius: 50%; border: 1px solid #d5d5d5; font-size: 10px; text-align: center; position: absolute; left: -30px; top: -1px; } .checkout-form .order-confirm-sheet .order-review .payment-list li input:checked + label::before { content: "\f00c"; font-size: 10px; font-family: "FontAwesome"; background: #373737; color: #fff; border-color: #373737; } .checkout-form .order-confirm-sheet .order-review .payment-list { padding: 30px 0 15px; border-bottom: 1px solid #e9e9e9; } .checkout-form .credit-card-form { margin-top: 5px; display: none; } .checkout-form .credit-card-form h6 { font-size: 15px; margin-bottom: 5px; } .checkout-form .credit-card-form input { width: 100%; height: 40px; font-size: 14px; border: 1px solid rgba(0, 0, 0, 0.07); padding: 0 10px; border-radius: 3px; margin-bottom: 18px; } .checkout-form .credit-card-form span { padding: 0 5px; margin-bottom: 18px; } .checkout-form .order-confirm-sheet .policy-text { font-size: 15px; line-height: 24px; color: #7a7a7a; padding: 23px 0 15px; } .checkout-form .order-confirm-sheet .agreement-checkbox label { position: relative; font-size: 15px; line-height: 22px; color: #1a1a1a; cursor: pointer; padding-left: 33px; margin-bottom: 35px; } .checkout-form .order-confirm-sheet .agreement-checkbox input[type=checkbox] { display: none; } .checkout-form .order-confirm-sheet .agreement-checkbox label:before { content: ""; width: 15px; height: 15px; line-height: 12px; border-radius: 2px; border: 1px solid #d5d5d5; font-size: 10px; font-weight: 700; text-align: center; position: absolute; left: 0; top: 7px; } .checkout-form .order-confirm-sheet .agreement-checkbox input[type=checkbox]:checked + label:before { content: "\f00c"; font-size: 10px; font-family: "FontAwesome"; background: #373737; color: #fff; border-color: #373737; } .checkout-section .theme-btn-seven { line-height: 50px; padding: 0 35px; border-radius: 0; font-size: 16px; } .checkout-section .theme-btn-seven:hover { background: var(--purple-blue); } .mobile-menu { display: none; } @media only screen and (max-width: 991px) { #feature-menu { display: none; } .mobile-menu { display: block; position: fixed; background: #fefefe; height: 100vh; top: 0; left: 0; padding: 45px 35px; width: 320px; box-shadow: 0px 13px 35px -12px rgba(35, 35, 35, 0.0015); transition: 0.5s; transform: translateX(-100%); z-index: 99999; } .mobile-menu .navbar-nav { padding-top: 40px; } .mobile-menu .mob-header { position: fixed; right: 30px; } .mobile-menu.menu-open { transform: translateX(0); } .mobile-menu .nav-item .nav-link { font-family: "Rubik", sans-serif; color: #000; font-size: 18px; margin: 0; padding: 0; margin-bottom: 10px; transition: all 0.3s ease-out; position: relative; } .mobile-menu .nav-item .nav-link::before { position: absolute; content: ""; left: 0; width: 0; height: 2px; background: #000; transition: 0.3s; bottom: 0; } .mobile-menu .nav-item.active .nav-link::before { width: 100%; } .mob-header { margin-left: 15px; } .mob-header .toggler-menu { width: 45px; height: 45px; position: relative; left: 10px; border-radius: 50%; padding: 0; background: #2a2a2a; border: none; cursor: pointer; } .mob-header .toggler-menu span { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 23px; height: 2px; margin: auto; background: #fff; color: #fff; transition: 0.3s; } .mob-header .toggler-menu span { transition: 0.3s; } .mob-header .toggler-menu span:nth-child(1) { top: -13px; } .mob-header .toggler-menu span:nth-child(2) { top: 1px; } .mob-header .toggler-menu span:nth-child(3) { top: auto; bottom: 14px; } .mob-header .toggler-menu .active span:nth-child(1) { top: 0px; transform: rotate(45deg); } .mob-header .toggler-menu .active span:nth-child(2) { left: 50%; width: 0px; } .mob-header .toggler-menu .active span:nth-child(3) { top: 15px; transform: rotate(-45deg); } } .multi-mob-header { position: fixed; right: 15px; top: 27px; z-index: 99999; margin-left: 0; transition: 0.3s; } .mega-mobile-menu { transition: 0.5s; transform: translateX(-100%); overflow: hidden; } .mega-mobile-menu.menu-open { transform: translateX(0); } .sticky-menu.fixed .multi-mob-header { top: 19px; } .mega-menu-wrapper .pro-sidebar { position: fixed; z-index: 99999; top: 0; left: 0; height: 100%; width: 350px; min-width: 350px; display: none; } @media screen and (max-width: 767px) { .mega-menu-wrapper .pro-sidebar { width: 300px; min-width: 300px; } } @media screen and (max-width: 991px) { .mega-menu-wrapper .pro-sidebar { display: block; } } .mega-menu-wrapper .pro-sidebar-header .logo { line-height: 1; } .mega-menu-wrapper .pro-sidebar > .pro-sidebar-inner { background: #17192b; } .mega-menu-wrapper .pro-sidebar .pro-menu .pro-menu-item { font-size: 18px; color: #efefef; } .mega-menu-wrapper .pro-sidebar > .pro-sidebar-inner > .pro-sidebar-layout .pro-sidebar-header { padding: 45px 20px 30px; } .mega-menu-wrapper .pro-sidebar .pro-menu > ul > .pro-sub-menu > .pro-inner-list-item { background-color: #171937; } .mega-menu-wrapper .pro-sidebar .pro-menu > ul > .pro-sub-menu > .pro-inner-list-item .pro-menu-item { font-size: 15px; position: relative; } .mega-menu-wrapper .pro-sidebar .pro-menu .pro-menu-item.pro-sub-menu .pro-inner-list-item .pro-inner-item { padding: 5px 30px 5px 15px; } .mega-menu-wrapper .pro-sidebar .pro-menu a { color: #dedede; transition: 0.3s; } .mega-menu-wrapper .pro-sidebar .pro-menu a:hover { padding-left: 5px; color: #ffffff; } .mega-menu-wrapper .pro-sidebar .pro-menu .pro-menu-item.pro-sub-menu .pro-inner-list-item .pro-inner-item:before { display: none; } .mega-menu-wrapper .pro-sidebar .pro-menu .pro-menu-item > .pro-inner-item { padding: 10px 35px 10px 20px; } .mega-menu-wrapper .pro-sidebar .pro-menu .pro-menu-item.pro-sub-menu.open > .pro-inner-item { color: #ffffff; } .mega-menu-wrapper .pro-sidebar .pro-menu .pro-menu-item > .pro-inner-item { transition: 0.3s; } .mega-menu-wrapper .pro-sidebar .pro-menu .pro-menu-item > .pro-inner-item:hover { color: #fff; } .mega-menu-wrapper .pro-sidebar .pro-menu { padding-top: 0; } .mega-menu-wrapper .pro-sidebar .pro-menu .pro-menu-item.pro-sub-menu > .pro-inner-item > .pro-arrow-wrapper .pro-arrow { border-color: #fff; padding: 3.2px; } .mega-menu-wrapper .pro-menu > ul > li .pro-item-content { transition: 0.3s; } .mega-menu-wrapper .pro-menu > ul > li:not(:last-child) { border-bottom: 1px solid rgba(173, 173, 173, 0.2); } .mega-menu-wrapper .pro-sidebar .pro-menu .pro-menu-item.pro-sub-menu { border-bottom: 1px solid rgba(173, 173, 173, 0.2); } .mega-menu-wrapper .pro-sidebar .pro-menu .pro-menu-item.pro-sub-menu .pro-inner-list-item { padding-left: 20px; padding-right: 20px; } .mega-menu-wrapper .pro-sidebar > .pro-sidebar-inner > .pro-sidebar-layout ul { padding-bottom: 12px; } .plus::before { content: ""; display: inline-block; width: 23px; height: 23px; background: linear-gradient(#fff, #fff), linear-gradient(#fff, #fff), #fff; background-position: center; background-size: 46% 2px, 2px 46%; /*thickness = 2px, length = 50% (25px)*/ background-repeat: no-repeat; cursor: pointer; position: absolute; right: 12px; top: 7px; opacity: 0.9; } .plus.open::before { background-size: 46% 2px, 0 46%; /*thickness = 2px, length = 50% (25px)*/ } .alt::before { content: ""; background: linear-gradient(#fff, #fff), linear-gradient(#fff, #fff); background-position: center; background-size: 50% 2px, 2px 51%; /*thickness = 2px, length = 50% (25px)*/ background-repeat: no-repeat; } .fix-icon { font-size: 26px; color: #fff; position: absolute; right: 17px; top: 17px; cursor: pointer; transform: scale(1.35); } .landing-menu-onepage .nav-item .nav-link { position: relative; } .landing-menu-onepage .nav-item .nav-link::before { position: absolute; content: ""; left: 0; width: 0; height: 2px; background: #000; transition: 0.3s; bottom: 0; } .landing-menu-onepage .nav-item.active .nav-link::before { width: 100%; } .dark-style .landing-menu-onepage .nav-item .nav-link::before { background: #fff; } .demo-last-unpointer .mix:last-child .img-meta { pointer-events: none; } .fancybox { cursor: pointer; } .mega-menu-wrapper.ecommer-sidebar-wrapper .pro-sidebar { width: 100%; min-width: 100%; display: block; transform: translateY(100px); } .mega-menu-wrapper.ecommer-sidebar-wrapper .pro-sidebar .pro-sidebar-inner { background: transparent; } .mega-menu-wrapper.ecommer-sidebar-wrapper .pro-sidebar .pro-menu .pro-menu-item, .mega-menu-wrapper.ecommer-sidebar-wrapper .pro-sidebar .pro-menu a { color: #2b2c2e; font-family: "Rubik", sans-serif; } .mega-menu-wrapper.ecommer-sidebar-wrapper .pro-sidebar .pro-menu .pro-menu-item:hover > .pro-inner-item:hover, .mega-menu-wrapper.ecommer-sidebar-wrapper .pro-sidebar .pro-menu a:hover > .pro-inner-item:hover { color: var(--blue-dark); } > .mega-menu-wrapper.ecommer-sidebar-wrapper .pro-sidebar .pro-menu .pro-menu-item.pro-sub-menu > .pro-inner-item > .pro-arrow-wrapper .pro-arrow, > .mega-menu-wrapper.ecommer-sidebar-wrapper .pro-sidebar .pro-menu a.pro-sub-menu > .pro-inner-item > .pro-arrow-wrapper .pro-arrow { border-color: #555; } .mega-menu-wrapper.ecommer-sidebar-wrapper .pro-sidebar .pro-menu .pro-menu-item.pro-sub-menu.open > .pro-inner-item, .mega-menu-wrapper.ecommer-sidebar-wrapper .pro-sidebar .pro-menu a.pro-sub-menu.open > .pro-inner-item { color: var(--blue-dark); } .mega-menu-wrapper.ecommer-sidebar-wrapper .pro-sidebar .pro-menu > ul > .pro-sub-menu > .pro-inner-list-item { background-color: transparent; } .mega-menu-wrapper.ecommer-sidebar-wrapper .pro-sidebar .pro-menu > ul > .pro-sub-menu > .pro-inner-list-item > div > ul { padding-top: 0; } .mega-menu-wrapper.ecommer-sidebar-wrapper .pro-sidebar .pro-menu .pro-menu-item.pro-sub-menu .pro-inner-list-item .pro-inner-item .pro-arrow-wrapper { display: block; } .mega-menu-wrapper.ecommer-sidebar-wrapper .pro-sidebar .pro-menu .pro-menu-item > .pro-inner-item:focus { color: var(--blue-dark); } .mega-menu-wrapper.ecommer-sidebar-wrapper .pro-sidebar .pro-menu .pro-menu-item.pro-sub-menu { border-bottom: 1px solid rgba(0, 0, 0, 0.07); } .accordion .card .card-body { animation: fade-in-up 0.2s; } .accordion .card .card-header button:before { display: inline-block; content: ""; height: 10px; width: 10px; top: 37px; margin-right: 12px; border-bottom: 2px solid currentColor; border-right: 2px solid currentColor; transform: rotate(45deg); } .accordion .card .card-header .accordion__button[aria-expanded=true] button::before, .accordion .card .card-header .accordion__button[aria-selected=true] button::before { transform: rotate(-135deg); } .color-primary { color: #40c7ec; } .theme-footer-three .bottom-footer-content { position: relative; } .theme-footer-three .bottom-footer-content a { color: var(--blue-light); } .theme-footer-three .bottom-footer-content a:hover { text-decoration: underline; } .bottom-footer-content { position: relative; } .bottom-footer-content a { color: var(--purple-blue); } .bottom-footer-content a:hover { text-decoration: underline; } .slick-slider.slick-nav-custom { overflow: hidden; } .slick-slider.slick-nav-custom .slick-slide { cursor: pointer; border-top: 4px solid rgba(216, 216, 216, 0.35); margin-top: 80px; transition: 0.3s; } @media screen and (max-width: 991px) { .slick-slider.slick-nav-custom .slick-slide { margin-top: 50px; } } @media screen and (max-width: 767px) { .slick-slider.slick-nav-custom .slick-slide { margin-top: 30px; } } .slick-slider.slick-nav-custom .slick-slide.slick-active.slick-current { border-top-color: #ffd084; } .slick-slider.slick-nav-custom .slick-slide .block-style-eleven { transition: 0.3s; } .slick-slider.slick-nav-custom .slick-slide:hover .block-style-eleven { transform: translateY(-4px); } .slick-slider.slick-nav-custom .block-style-eleven { padding: 0 50px; } @media screen and (max-width: 767px) { .slick-slider.slick-nav-custom .block-style-eleven { padding: 0 15px; } } .slick-nav-none .slick-arrow { display: none !important; } .clientSliderFour .slick-dots { position: static; } .arrow-top-right .slick-arrow { position: absolute; top: -156px; right: 14%; width: 55px; height: 55px; border-radius: 50%; background: rgba(255, 255, 255, 0.15); margin-left: 15px; cursor: pointer; transition: all 0.3s ease-in-out; } .arrow-top-right .slick-arrow:hover { background: #ff2759; } .arrow-top-right .slick-arrow.slick-prev { left: auto; right: 18%; } .arrow-top-right .slick-prev:before, .arrow-top-right .slick-next:before { font-size: 0; } .arrow-top-right .slick-prev:after, .arrow-top-right .slick-next:after { content: ""; background: url(/_next/static/media/82.bec52037.svg) no-repeat; position: absolute; z-index: 555; height: 20px; width: 16px; top: 20px; right: 19px; } .arrow-top-right .slick-next:after { background: url(/_next/static/media/83.c7477828.svg) no-repeat; right: 17px; } .arrow-middle-center .slick-arrow { width: 55px; height: 55px; border-radius: 50%; background: rgba(255, 255, 255, 0.15); cursor: pointer; transition: all 0.3s ease-in-out; z-index: 5; box-shadow: 0 6px 21px #efefef; } .arrow-middle-center .slick-arrow:hover { background: var(--blue-dark); } .arrow-middle-center .slick-arrow:hover::after { filter: invert(0); } .arrow-middle-center .slick-prev:before, .arrow-middle-center .slick-next:before { font-size: 0; } .arrow-middle-center .slick-prev { left: -80px; } @media screen and (max-width: 1199px) { .arrow-middle-center .slick-prev { left: -27px; } } @media screen and (max-width: 575px) { .arrow-middle-center .slick-prev { left: 12px; } } .arrow-middle-center .slick-next { right: -80px; } @media screen and (max-width: 1199px) { .arrow-middle-center .slick-next { right: -27px; } } @media screen and (max-width: 575px) { .arrow-middle-center .slick-next { right: 12px; } } .arrow-middle-center .slick-prev:after, .arrow-middle-center .slick-next:after { content: ""; background: url(/_next/static/media/82.bec52037.svg) no-repeat; position: absolute; z-index: 555; height: 20px; width: 16px; top: 20px; right: 19px; filter: invert(1); transition: 0.3s; } .arrow-middle-center .slick-next:after { background: url(/_next/static/media/83.c7477828.svg) no-repeat; right: 17px; } .arrow-middle-center .slick-arrow { background: #fff; } .accordion-style-two.doc-sidebar-menu .card .card-body { padding: 0; } .accordion-style-two.doc-sidebar-menu .card .card-body .sub-menu { padding-bottom: 32px; } .accordion-style-two.doc-sidebar-menu .card .card-header button { font-family: "gilroy-semibold"; display: block; position: relative; line-height: 44px; font-size: 24px; color: #2a2a2a; cursor: pointer; margin-bottom: 0; padding: 18px 0; } .doc-sidebar .mob-header .toggler-menu { border-radius: 6px; } .doc-box .search-form, .doc-banner .search-form { display: none; } .doc-box .doc-links, .doc-banner .doc-links { margin-top: -18px; } .doc-sidebar-menu .accordion .card .card-header button:before { height: 8px; width: 8px; margin-right: 3px; } .doc-container .doc-main-body pre { margin-bottom: 0; } @media screen and (min-width: 768px) { .doc-sidebar .mob-header { display: none; } } @media screen and (max-width: 360px) { .search-filter-form select { border-left: none !important; } } .terms_and_policy .sidenav-sticky { position: -webkit-sticky; position: sticky; top: 100px; } .terms_and_policy .tab-content > div { padding-top: 30px; } .terms_and_policy .tab-content #opt1 { padding-top: 0; } .dropdown-item:focus, .dropdown-item:hover { background-color: transparent; } .pricing-nav-two-custom { position: absolute; width: 100%; top: -170px; z-index: 5; } @media screen and (max-width: 991px) { .pricing-nav-two-custom { top: -150px; } } .pricing-section-two-custom .fancy-hero-four { padding-bottom: 430px; } @media screen and (max-width: 991px) { .pricing-section-two-custom .fancy-hero-four { padding-bottom: 400px; } } .teamSliderOne.arrow-top-right .slick-arrow { width: 50px; height: 50px; top: -80px; background: #fff; } .teamSliderOne.arrow-top-right .slick-arrow::after { filter: invert(1); transition: 0.3s; } .teamSliderOne.arrow-top-right .slick-arrow:hover { background: var(--blue-light); } .teamSliderOne.arrow-top-right .slick-arrow:hover::after { filter: invert(0); } .teamSliderOne.arrow-top-right .slick-next:after { right: 13px; top: 18px; } .teamSliderOne.arrow-top-right .slick-prev:after { right: 16px; top: 18px; } .invalid-feedback, .valid-feedback { display: block; text-align: left; margin-top: 0; position: absolute; left: 0; bottom: -26px; font-size: 14px; line-height: 22px; color: #fff; padding: 0 15px; border-radius: 3px; background: #dc3545; box-shadow: 0px 10px 25px 0px rgba(123, 147, 171, 0.0015); width: auto; } .invalid-feedback::before, .valid-feedback::before { content: "\f0d8"; font: normal normal normal 14px/1 FontAwesome; position: absolute; top: -9px; left: 16px; color: rgb(220, 53, 69); } .valid-feedback { background: #28a745; } .valid-feedback::before { color: #28a745; } .left-side .illustration { object-fit: cover; height: 100%; } .coming-soon-brand { margin-bottom: 15px; } @media screen and (min-width: 1920px) { .coming-soon-brand { position: absolute; top: 20px; left: 50%; transform: translateX(-50%); z-index: 2; } } .portfolioSliderOne .slick-dots { bottom: -40px; } .portfolioSliderOne .slick-dots li button::before { border-color: #ff2759; } .portfolioSliderOne .slick-dots li button::after { background: #ff2759; } @media screen and (max-width: 767px) { .fancy-portfolio-one .img-meta { margin: 0 10px; } } @media screen and (max-width: 1599px) { .portfolioSliderOne.arrow-top-right .slick-arrow { right: 6%; } .portfolioSliderOne.arrow-top-right .slick-arrow.slick-prev { right: 11%; } } @media screen and (max-width: 1399px) { .portfolioSliderOne.arrow-top-right .slick-arrow { right: 2%; } .portfolioSliderOne.arrow-top-right .slick-arrow.slick-prev { right: 7%; } } @media screen and (max-width: 1199px) { .portfolioSliderOne.arrow-top-right .slick-arrow { right: 6%; } .portfolioSliderOne.arrow-top-right .slick-arrow.slick-prev { right: 13%; } .portfolioSliderOne.arrow-top-right .slick-arrow { top: -165px; } } @media screen and (max-width: 991px) { .portfolioSliderOne.arrow-top-right .slick-arrow { top: -95px; } .portfolioSliderOne.arrow-top-right .slick-arrow.slick-prev { right: 15%; } } @media screen and (max-width: 767px) { .portfolioSliderOne.arrow-top-right .slick-arrow { display: none !important; } } @media screen and (max-width: 1199px) { .teamSliderOne.arrow-top-right .slick-arrow.slick-prev { right: 19%; } } @media screen and (max-width: 991px) { .teamSliderOne.arrow-top-right .slick-arrow { top: -75px; right: 19%; } .teamSliderOne.arrow-top-right .slick-arrow.slick-prev { right: 26%; } } @media screen and (max-width: 767px) { .teamSliderOne.arrow-top-right .slick-arrow { top: -20px; width: 40px; height: 40px; right: auto; left: 50px; } .teamSliderOne.arrow-top-right .slick-arrow.slick-prev { right: auto; left: 0; } .teamSliderOne.arrow-top-right .slick-arrow.slick-prev:after { right: 11px; top: 13px; } .teamSliderOne.arrow-top-right .slick-arrow.slick-next:after { right: 8px; top: 14px; } } .client-feedback-slider-two .slick-dots { bottom: 0; } @media screen and (max-width: 767px) { .client-feedback-slider-two .slick-dots { bottom: 25px; } } @media screen and (max-width: 767px) { .client-feedback-slider-four .slick-dots { bottom: 15px; position: relative; } } .clientSliderSix .slick-dots { bottom: 0; } @media screen and (max-width: 767px) { .clientSliderSix .slick-dots { bottom: 15px; } } @media screen and (min-width: 992px) { .doc-container.main-page-wrapper { overflow: initial; } } @media screen and (min-width: 1300px) { .fancy-feature-fifteen .react-tabs__tab-panel img { min-height: 685px; } } @media screen and (max-width: 1299px) { .fancy-feature-fifteen .react-tabs__tab-panel img { min-height: 570px; } } @media screen and (max-width: 991px) { .fancy-feature-fifteen .react-tabs__tab-panel img { min-height: 409px; } } @media screen and (max-width: 767px) { .fancy-feature-fifteen .react-tabs__tab-panel img { min-height: 186px; } } .app-preview-slider-one .slick-dots { bottom: -50px; } .hero-banner-six { padding-top: 230px; } .SRLImage { border-radius: 20px !important; } .css-1o906pp { border-radius: 4px !important; } .portfolio-container .react-tabs__tab-panel--selected { animation: none !important; } .theme-menu-seven .landing-menu-onepage .nav-item .nav-link::before { background: #fff; } .fancy-text-block-seven.seven .counter-info-classic { margin: 0; } .credit-card-form.show { display: block; } .react-tabs__tab.react-tabs__tab--selected:focus-visible { outline: none; } .dark-style .logo img { filter: invert(1); } .dark-style .mobile-menu { background: #17192b; } .dark-style .mobile-menu .nav-item .nav-link::before { background: #fff; } .dark-style .theme-menu-five .right-widget .demo-button img { filter: invert(1); } .css-111oz6r { position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); } /* Responsive CSS Document */ /* Theme Name : Deski-Saas & Software Nextjs Template Developed by : ib-themes */ @media (min-width: 1350px) { .lg-container .container { max-width: 1320px; } } @media (min-width: 1200px) { .container { max-width: 1170px; } .container-custom.container { max-width: 1200px; } } @media (min-width: 992px) { .container { padding-right: 0; padding-left: 0; } } .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto { position: relative; padding-right: 15px; padding-left: 15px; } .row { margin-right: -15px; margin-left: -15px; } @media (min-width: 1200px) and (max-width: 1450px) { .theme-main-menu { padding: 30px 40px; } .theme-menu-two .navbar { padding-right: 18%; } .theme-menu-two .navbar-nav .nav-item .nav-link { margin: 0 25px; } .fancy-feature-twelve { margin-top: 120px; } .fancy-feature-thirteen .carousel-inner .shape-two { left: -45px; } .client-feedback-slider-five .circle-area { top: 59%; } .client-feedback-slider-five { margin-top: 30px; } .pricing-section-five { margin-top: 80px; padding-top: 100px; } .hero-banner-nine .hero-heading { font-size: 68px; } .hero-banner-nine .illustration-container { width: 56%; } .hero-banner-eleven .hero-text-wrapper h1 { font-size: 75px; } .hero-banner-twelve .screen-holder .screen-one { left: 0; } .hero-banner-twelve .screen-holder .screen-two { right: 0; } .hero-banner-fourteen .hero-heading { font-size: 62px; } .hero-banner-fourteen .price { font-size: 75px; } .fancy-feature-thirtyNine .title { font-size: 85px; } .hero-banner-fifteen .hero-heading { font-size: 120px; } .hero-banner-fifteen .product-img-holder { width: 600px; height: 600px; right: 5%; } .hero-banner-fifteen .product-img-holder .product-img { max-width: 138%; } .SC_block_one { width: 300px; height: 300px; } } @media (min-width: 1200px) and (max-width: 1366px) { .hero-banner-two .hero-text-wrapper h1 { font-size: 68px; } .theme-menu-two .language-button-group { margin-right: 30px; } .hero-banner-thirteen .screen-holder { width: 50%; } .hero-banner-thirteen .hero-heading { font-size: 85px; } .fancy-feature-thirtyFive .slider-wrapper { width: 85vw; right: -16vw; } } @media (max-width: 1199px) { .theme-menu-four .navbar-nav .nav-item .nav-link { font-size: 18px; } #mega-menu-holder .mega-menu li .img-box .hover { font-size: 20px; } .hero-banner-four .review-text { font-size: 18px; } .block-style-fourteen { padding: 0; } .accordion-style-two { padding-right: 0 !important; } .pricing-table-area-three .pr-table-wrapper ul { padding-left: 0; } .fancy-feature-one .feature-img-area { padding-left: 15px; } .theme-footer-one:before { display: none; } .theme-footer-one .bottom-footer-content ul { padding-right: 0; } .theme-menu-two .language-button-group { display: none !important; } .feature-blog-three { padding-right: 0; } .client-feedback-slider-two .bg-wrapper p { font-size: 18px; } .client-feedback-slider-two .bg-wrapper .name { font-size: 20px; } .client-feedback-slider-two .bg-wrapper .desig { font-size: 16px; } .team-block-one .info .name { font-size: 20px; padding-top: 0; } .team-block-one .info { padding: 25px 15px; } .doc-container.full-width { padding-right: 0; } .theme-menu-five .right-widget .demo-button { line-height: 48px; font-size: 15px; width: 160px; } .pricing-table-area-four .pr-table-wrapper .price { font-size: 35px; padding-right: 15px; } .pricing-table-area-four .pr-table-wrapper .top-banner span, .clientSliderFour .feedback-wrapper p { font-size: 19px; } .modal-contact-popup-one .main-body .right-side .form-title { font-size: 28px; } .modal-contact-popup-one .main-body .left-side blockquote { font-size: 25px; } .modal-contact-popup-one .main-body .right-side { padding: 40px 5%; } .modal-contact-popup-one .main-body .input-group-meta input { height: 55px; } .modal-contact-popup-one .main-body .input-group-meta textarea, .modal-contact-popup-one .main-body .input-group-meta input { font-size: 15px; } .hero-banner-six .hero-sub-heading { font-size: 20px; } .fancy-feature-twelve .row { margin: 0 -15px; } .fancy-feature-twelve .row [class*=col-] { padding: 0 15px; } .block-style-seventeen h3 { font-size: 20px; } .block-style-seventeen { padding: 30px 20px; } .block-style-seventeen .hover-text { left: 20px; font-size: 22px; } .fancy-feature-thirteen .carousel-indicators li p { font-size: 20px; } .fancy-feature-thirteen .carousel-inner { padding: 30px; } .theme-menu-five .right-widget .signIn-action { font-size: 18px; } .theme-menu-five .right-widget .download-btn { display: none; } .hero-banner-seven .download-btn { display: block; } .hero-banner-seven .hero-sub-heading { font-size: 18px; } .fancy-text-block-twentyTwo .text-wrapper { padding-left: 0; } .fancy-feature-seventeen .block-meta { padding: 0; } .terms_and_policy .tab-content { padding-left: 0; } .error-page .text-wrapper p { font-size: 20px; padding: 30px 0 40px 0; } .error-page .text-wrapper .logo { top: 30px; } .block-style-twentyFive .screen-container .block-content { left: 0; } .block-style-twentyFive .screen-container .feature-meta { padding: 55px 20px 45px; } .block-style-twentyFive .screen-container .feature-meta h4 { font-size: 22px; } .pricing-table-area-seven .pr-table-wrapper { padding-left: 20px; } .hero-banner-eleven .hero-text-wrapper .hero-sub-heading { font-size: 20px; padding: 30px 0 45px; } .useable-tools-section-four .text-wrapper p { font-size: 20px; } .pricing-section-eight .pr-column .info { font-size: 16px; } .hero-banner-twelve .hero-sub-heading { font-size: 20px; } .counter-box-five .number { font-size: 35px; } .counter-box-five p { font-size: 16px; } .block-style-thirtyOne { padding: 35px 15px 45px; } .hero-banner-thirteen .slogan { font-size: 14px; padding: 2px 12px; } .hero-banner-thirteen .hero-sub-heading { font-size: 18px; margin-bottom: 30px; } .client-feedback-slider-eight .tag { font-size: 11px; line-height: 25px; } .client-feedback-slider-eight .name { font-size: 22px; font-weight: normal; margin-bottom: 0; } .pricing-section-nine .pr-table-wrapper { padding: 30px 15px; } .pricing-section-nine .pr-table-wrapper .pack-name { font-size: 22px; } .pricing-section-nine .pr-table-wrapper .pack-details { font-size: 16px; padding: 10px 0 25px; } .pricing-section-nine .pr-table-wrapper .price { font-size: 24px; } .pricing-section-nine .pr-table-wrapper .top-banner span { font-size: 20px; } .feature-blog-five .post-meta .blog-title h5 { font-size: 20px; margin-top: 0; } .hero-banner-fourteen .hero-sub-heading { font-size: 18px; } .hero-banner-fourteen .info, .hero-banner-fourteen .screen-holder .rating-box .rate, .block-style-thirtySeven .p-title a, .block-style-thirtySeven .price { font-size: 18px; } .hero-banner-fourteen .info > span { margin-top: 5px; } .hero-banner-fourteen .price { font-size: 45px; } .fancy-feature-thirtyNine .img-meta:before { width: 700px; height: 700px; } .fancy-feature-thirtyNine .img-meta:after { width: 500px; height: 500px; } .hero-banner-fifteen .hero-sub-heading { font-size: 19px; line-height: 1.45em; padding: 25px 0 35px; } .hero-banner-fifteen .shop-btn { font-size: 14px; line-height: 48px; padding: 0 30px; } body .shop-btn-one { width: 55px; height: 55px; } .SC_block_one { width: 250px; height: 250px; } .SC_block_one h3 { font-size: 22px; margin-bottom: 15px; } .flash-sale-banner .right-half .fancy-text { font-size: 30px; } .flash-sale-banner .right-half .sale-text { font-size: 15px; } .flash-sale-banner .right-half h3 { font-size: 28px; } .flash-sale-banner .right-half { padding: 70px 30px; } .block-style-thirtyNine h3 { font-size: 20px; } .product-details-one .product-info .product-name { font-size: 28px; margin: 18px 0 10px; } .product-details-one .product-info .price { font-size: 22px; padding: 20px 0 5px; } .product-details-one .product-info .description-text { font-size: 17px; padding: 15px 0 20px; } .product-details-one .product-info .customize-order h6 { font-size: 16px; margin-bottom: 20px; } .product-details-one .product-review-tab .tab-content h5 { font-size: 18px; padding-top: 15px; } .product-details-one .user-comment-area { padding: 15px 0 0; } .product-details-one .product-review-tab .nav-tabs .nav-link { font-size: 14px; padding-bottom: 15px; } .cart-list-form .table th { font-size: 14px; padding-bottom: 20px; } .cart-list-form .table tbody tr:first-child td { padding-top: 30px; } .cart-list-form .table tbody td { padding: 0 15px 50px; } .cart-list-form .table .product-info { padding-left: 15px; } .cart-list-form .table .product-info .product-name { font-size: 18px; } .cart-list-form .table .price { font-size: 16px; } } /*(max-width: 1199px)*/ @media (min-width: 992px) and (max-width: 1199px) { .theme-main-menu { padding: 30px 25px; } .hero-banner-two .container { padding: 0 25px; } .hero-banner-four h1 { font-size: 70px; } .hero-banner-four .sub-text { font-size: 24px; padding: 45px 0 50px; } .hero-banner-four .illustration { max-width: 538px; } .block-style-thirteen p { font-size: 22px; } .block-style-thirteen { padding: 32px 25px 20px; } .title-style-five h2, .title-style-three h2 { font-size: 48px; } .title-style-one h2 { font-size: 50px; } .title-style-two h2 { font-size: 50px; } .title-style-three p { font-size: 18px; } .fancy-text-block-nineteen .text-wrapper .client-info, .fancy-text-block-twenty .client-info { font-size: 22px; } .fancy-text-block-twenty .nav-tabs li { margin-right: 55px; } .user-data-page .form-wrapper { padding: 35px 2%; } .user-data-page .form-wrapper h2 { font-size: 40px; } .block-style-one .block-meta-data .line-dot-container:before { width: 145px; right: -151px; } .clients-feedback-classic { padding-left: 50px; } .clients-feedback-classic .feedback-wrapper { padding: 54px 40px 48px; } .block-style-three { padding: 25px 30px 50px 30px; } .block-style-four { padding-left: 20px; padding-right: 20px; } .fancy-text-block-one .quote-wrapper blockquote { font-size: 32px; } .fancy-text-block-one .quote-wrapper blockquote:before { top: 0; left: -75px; } .fancy-text-block-three .feature-content .header, .fancy-text-block-three .feature-content .feature-list { padding-left: 25px; } .feature-blog-one .post-meta .title { font-size: 26px; } .hero-banner-two .hero-text-wrapper h1 { font-size: 60px; } .hero-banner-two .hero-text-wrapper .sub-text { font-size: 22px; padding-bottom: 30px; } .theme-menu-two .navbar-nav .nav-item .nav-link { margin: 0 20px; } .block-style-five { padding-left: 20px; padding-right: 20px; } .block-style-five p { font-size: 22px; } .block-style-six .text-details .title { font-size: 36px; } .client-feedback-slider-one .feedback-meta .watermark { font-size: 120px; } .client-feedback-slider-one .feedback-meta { padding-top: 80px; } .client-feedback-slider-one .clientSliderOne p { font-size: 22px; } .client-feedback-slider-one .shapes-holder { width: 46%; } .fancy-text-block-ten p { font-size: 34px; } .block-style-seven p { font-size: 25px; } .contact-style-two .contact-info-wrapper .address-info p { font-size: 22px; } .fancy-text-block-eleven .img-gallery .overlay-img { right: -100px; } .theme-menu-three .navbar { margin-right: 15%; } .theme-menu-three .navbar-nav .nav-item .nav-link { margin: 0 26px; } .title-style-four h2 { font-size: 50px; line-height: 1.2em; } .block-style-ten { padding: 75px 50px 45px; } .block-style-eleven p { font-size: 20px; } .block-style-twelve .text-wrapper .title { font-size: 38px; } .fancy-hero-five .heading { font-size: 65px; } .fancy-hero-five .sub-heading { font-size: 22px; } .team-section-three { margin-top: -270px; } .fancy-text-block-fifteen .bg-wrapper { padding: 70px 15px 0 15px; } .fancy-text-block-fifteen .text-wrapper p { font-size: 36px; } .theme-menu-two .navbar { padding-right: 13%; } .theme-menu-four .right-button-group { margin-left: 30px; } body .theme-btn-five { padding: 0 15px; } .theme-menu-four .navbar-nav .nav-item .nav-link, .navbar-nav .nav-item .nav-link { margin: 0 18px; } .theme-menu-one .right-button-group { margin-left: 30px; } .theme-menu-five .navbar-nav .nav-item .nav-link { font-size: 19px; margin: 0 20px; } .theme-main-menu .navbar-nav .nav-item .nav-link { margin: 0 15px; } .block-style-fifteen { padding: 45px 25px 30px 30px; } .fancy-text-block-twentyOne .text-wrapper p { font-size: 40px; } .block-style-sixteen .screen-one { width: 36%; } .clientSliderFour .feedback-wrapper { padding: 40px 25px; } .hero-banner-six .hero-heading { font-size: 70px; } .fancy-feature-twelve { margin-top: 100px; } .fancy-feature-thirteen .carousel-indicators li { width: 33.333%; } .client-feedback-slider-five .circle-area { top: 62%; } .client-feedback-slider-five { margin-top: 0; padding-bottom: 130px; } .pricing-section-five { margin-top: 80px; padding-top: 100px; } .hero-banner-seven .hero-heading { font-size: 70px; } .hero-banner-seven { margin-top: 50px; } .block-style-eighteen .text-wrapper .title { font-size: 55px; } .block-style-eighteen .screen-holder-two .screen-one { right: -15%; } .title-style-seven h2 { font-size: 58px; } .hero-banner-eight .hero-heading { font-size: 75px; } .hero-banner-eight .shape-right, .hero-banner-eight .shape-left { top: 12%; } .hero-banner-nine .hero-heading { font-size: 55px; } .hero-banner-nine .illustration-container { width: 50%; top: 17%; } .hero-banner-nine .bg-shape { width: 75%; } .team-details .main-bg .text-wrapper { padding: 20px 40px; } .error-page .text-wrapper h1 { font-size: 60px; } .theme-menu-five .right-widget .download-btn.style-two { display: block; } .app-screen-preview-one .round-bg { width: 78%; } .block-style-twentyFive .title { font-size: 50px; } .hero-banner-eleven .hero-text-wrapper h1 { font-size: 56px; } .title-style-twelve h2 { font-size: 54px; } .title-style-twelve p { font-size: 21px; } .useable-tools-section-four .logo-container .icon { height: 220px; } .block-style-twentyNine h3 a { font-size: 30px; } .pricing-section-eight .pr-list-wrapper li { font-size: 15px; padding-left: 10px; } .hero-banner-twelve .hero-heading { font-size: 75px; } .title-style-thirteen h2 { font-size: 52px; } .service-details-one .details-wrapper h2 { font-size: 50px; } .service-details-one .details-wrapper .sub-heading { font-size: 22px; } .hero-banner-thirteen .hero-heading { font-size: 55px; } .hero-banner-thirteen .screen-holder { width: 48%; } .theme-menu-six .navbar-nav .nav-item .nav-link { font-size: 18px; margin: 0 18px; } .title-style-fourteen h2 { font-size: 42px; } .fancy-feature-thirtyFive .slider-wrapper { width: 88vw; right: -22vw; } .client-feedback-slider-eight p { font-size: 38px; } .hero-banner-fourteen .hero-heading, .fancy-feature-thirtyNine .title { font-size: 55px; } .title-style-fifteen h2, .title-style-sixteen h2 { font-size: 50px; } } /*(min-width: 992px) and (max-width: 1199px)*/ @media (max-width: 991px) { .title-style-five h2 { font-size: 40px; } .title-style-one h2 { font-size: 42px; } .title-style-two h2 { font-size: 40px; line-height: 1.2em; } .title-style-three h2 { font-size: 38px; } .title-style-five h2 span:before { height: 10px; } .title-style-five h6 { font-size: 16px; padding-bottom: 5px; } .title-style-two p { font-size: 15px; } .title-style-three p { font-size: 15px; padding-bottom: 8px; } .title-style-four h2 { font-size: 40px; line-height: 1.2em; } .title-style-four h6 { font-size: 18px; padding-bottom: 10px; } .title-style-two .sub-text { font-size: 20px; } .title-style-six h6 { font-size: 15px; padding-bottom: 15px; } .title-style-six h2 { font-size: 45px; } .title-style-seven h2 { font-size: 38px; } .title-style-six .text-xs { font-size: 18px; padding-top: 25px; } body .theme-btn-five { line-height: 50px; padding: 0 25px; min-width: 155px; } .theme-main-menu { padding: 30px 15px; } .theme-menu-two #mega-menu-holder, .theme-menu-three #mega-menu-holder { margin-left: auto; } .theme-main-menu > div { position: static; } .theme-menu-two .logo, .theme-menu-three .logo, .theme-menu-five .logo { left: 15px; position: static; transform: none; } .theme-menu-five .right-widget { right: 75px; } .theme-menu-five #mega-menu-holder { margin-left: auto; } .main-page-wrapper { padding-top: 99px; } .theme-main-menu.sticky-menu.fixed { padding: 20px 15px; } .hero-banner-two .container { padding: 0 15px; } .hero-banner-four .illustration { max-width: 100%; margin: 0 auto; } .hero-banner-four { padding: 150px 0 50px; } .hero-banner-four .review-text { text-align: center; padding-top: 20px; } .hero-banner-four .shape-four, .block-style-fourteen.arrow-shape:before, .block-style-fourteen.arrow-shape:after, .client-feedback-slider-three .shapes, .hero-banner-one [class*=icon-box], .block-style-one .block-meta-data .line-dot-container:before, .block-style-one .block-meta-data p:before, .block-style-two .img-holder-one .screen-one, .block-style-two .img-holder-two .screen-two, .block-style-two .img-holder-three .screen-two, .clients-feedback-classic:before, .fancy-short-banner-one:after, .fancy-text-block-four .wrapper:before, .fancy-text-block-five:before, .fancy-text-block-one .quote-wrapper blockquote:before, .contact-us-light:before, .pricing-section-two .pricing-table-area .shape-one, .hero-banner-three .shape-six, .theme-footer-three:before, .fancy-hero-five .shapes, .fancy-text-block-twentyOne .img-meta .shape-one, .client-feedback-slider-four .shapes, .fancy-feature-twelve .shape-one, .fancy-feature-thirteen .carousel-indicators li:before, .block-style-eighteen .text-wrapper .title br, .clientSliderSix .feedback-wrapper:before { display: none; } .hero-banner-four .text-wrapper { padding-top: 50px; } .hero-banner-four h1 { font-size: 55px; } .hero-banner-four .sub-text { font-size: 22px; line-height: 1.6em; padding: 25px 0 40px; } .fancy-text-block-nineteen .text-wrapper .client-info { font-size: 20px; } .fancy-text-block-nineteen .text-wrapper p { font-size: 20px; padding-top: 30px; } .fancy-text-block-nineteen .text-wrapper .name { font-size: 22px; margin-top: 40px; } .fancy-text-block-nineteen .text-wrapper { padding-top: 50px; } .fancy-feature-nine { padding: 70px 0 40px; } .accordion-style-two .card .card-header button { font-size: 20px; } .accordion-style-two .card .card-body p { font-size: 18px; } .accordion-style-two .card .card-body { padding: 0 30px 30px 0; } .pricing-section-three { padding: 40px 0 60px; } .pricing-table-area-three .pr-table-wrapper .pack-name { font-size: 28px; } .pricing-table-area-three .pr-table-wrapper .price { font-size: 50px; padding-top: 15px; } .pricing-table-area-three .pr-table-wrapper .user-condition { font-size: 20px; } .clientSliderThree p { font-size: 24px; } .clientSliderThree .name { font-size: 22px; } .faq-section-four { padding: 50px 0 75px; } .fancy-short-banner-five .sub-heading { font-size: 20px; padding: 35px 0 40px; } .theme-footer-four .bottom-footer-content p { margin: 0; text-align: center; } .theme-footer-four { padding: 40px 0 25px; } .fancy-text-block-twenty { padding: 130px 0 70px; } .fancy-text-block-twenty .title { font-size: 48px; padding-bottom: 50px; } .counter-box-three .number { font-size: 30px; padding-bottom: 10px; } .counter-box-three p { font-size: 20px; } .team-section-four { padding: 40px 0 0; } .feature-blog-four { padding: 35px 0 30px; } .feature-blog-four .feature-article-meta .img-meta { margin-bottom: 25px; } .feature-blog-four .feature-article-meta .post-meta a { font-size: 26px; } .feature-blog-four .feature-article-meta .post-meta .author_info { font-size: 18px; margin-top: 10px; } .pricing-section-three-inner-page { padding: 130px 0 30px; } .user-data-page .form-wrapper { width: 100%; } .user-data-page .illustration-wrapper { display: none !important; } .user-data-page .form-wrapper { padding: 40px 15px 25px; } .user-data-page .form-wrapper h2 { font-size: 38px; } .user-data-page .form-wrapper .header-info { font-size: 18px; } .hero-banner-one .hero-heading { font-size: 55px; } .hero-banner-one .hero-sub-heading { font-size: 18px; padding-bottom: 40px; } .hero-banner-one .hero-upper-container { padding: 50px 0 130px; } .hero-banner-one .subscription-form input { height: 50px; } .fancy-feature-one { background: #fff; } .block-style-one .block-meta-data .hover-content { position: static; opacity: 1; visibility: visible; margin-bottom: 60px; text-align: center !important; } .block-style-one .block-meta-data p { padding-bottom: 15px; } .fancy-feature-one .block-style-one { margin-top: 120px; } .block-style-one .block-meta-data .icon-box:before { animation: hvr-ripple-out 2.75s infinite linear; } .block-style-two .text-wrapper { padding: 50px 0 0 !important; } .block-style-two .text-wrapper h3 { font-size: 32px; padding-bottom: 20px; } .block-style-two .img-holder-three .screen-one { bottom: -17%; left: -11%; } .useable-tools-section h2 { font-size: 40px; margin: 10px 0 80px; } .useable-tools-section .img-box { width: 145px; height: 145px; } .useable-tools-section .img-box.bx-g { width: 160px; height: 160px; } .useable-tools-section.bg-color { padding: 100px 0 60px; } .counter-info-classic { margin: 60px auto 0; } .clients-feedback-classic { padding-left: 30px; } .clients-feedback-classic .feedback-wrapper { margin-bottom: 75px; padding: 45px 45px 35px; } .fancy-short-banner-one .form-wrapper { padding: 0; margin-top: 40px; } .fancy-short-banner-one { padding: 200px 0 100px; } .footer-bg-wrapper { padding-top: 130px; } .fancy-short-banner-two .bg-wrapper { padding: 35px 30px; text-align: center; } .fancy-short-banner-two h2 { margin: 0 auto 35px; } .fancy-hero-one h2 { font-size: 50px; line-height: 1.2em; } .fancy-hero-one .page-title { font-size: 16px; } .fancy-hero-one p { font-size: 20px; padding: 15px 0 0; } body .theme-btn-one.btn-lg { padding: 0 40px; line-height: 52px; font-size: 15px; } .fancy-hero-one { padding: 45px 0 90px; } .title-style-one p { font-size: 18px; padding-top: 20px; } .block-style-three { padding: 25px 15px 40px; } .feature-blog-two .post-meta .title { font-size: 22px; margin-top: 30px; } .fancy-text-block-one .quote-wrapper { padding: 50px 0 0 0; } .fancy-text-block-one .quote-wrapper p { font-size: 18px; } .fancy-text-block-one .quote-wrapper blockquote { font-size: 28px; margin-bottom: 30px; } .fancy-text-block-one .quote-wrapper h6 { font-size: 18px; } .fancy-text-block-one { padding-bottom: 80px; } .counter-box-two .number { font-size: 50px; } .counter-box-two em { font-size: 18px; padding-top: 5px; } .counter-box-two p { font-size: 22px; padding-top: 12px; } .fancy-text-block-three .feature-content .header { padding: 50px 20px 40px; } .fancy-text-block-three .feature-content .header h3 { font-size: 38px; } .fancy-text-block-three .feature-content .header p { font-size: 18px; padding-top: 15px; } .fancy-text-block-three .feature-content .feature-list { padding: 40px 20px 0 20px; } .fancy-text-block-three .feature-content { padding-bottom: 40px; } .fancy-text-block-three .feature-content .feature-list h4 { font-size: 20px; } .fancy-text-block-three .feature-content.light-bg { border-radius: 5px 5px 0 0; } .fancy-text-block-three .feature-content.dark-bg { border-radius: 0 0 5px 5px; } .fancy-text-block-three .slogan { font-size: 24px; line-height: 1.5em; } .fancy-text-block-three { padding-bottom: 80px; } .team-section-one .mix { margin-bottom: 60px; } .team-section-one .team-member h4 { font-size: 22px; padding: 20px 0 4px; } .team-section-one .controls .control { font-size: 17px; margin: 0 10px; } .feature-blog-one .post-meta .title { font-size: 24px; } .contact-us-light .address-info .icon { height: 50px; } .contact-us-light .address-info .title { padding-top: 20px; } .contact-us-light .address-info p { font-size: 20px; line-height: 1.6em; } .form-style-light { margin-top: 40px; padding: 50px 20px 35px; } .fancy-hero-one .search-form { height: 60px; margin-top: 40px; } .fancy-hero-one .search-form button { width: 70px; } .fancy-hero-one .search-form input { font-size: 16px; padding-left: 20px; } .faqs-inner-page { padding: 80px 0 70px; } .faqs-header .icon { display: none; } .all-faqs .faqs-all-qus .article-preview { padding: 45px 20px; } .faqs-all-qus .article-preview .article-details { padding-bottom: 0; } .blog-page-bg { padding: 90px 0 90px; } .feature-blog-one.width-lg .post-meta p { padding-top: 25px; } .blog-sidebar-one { padding: 60px 0 0; } .theme-menu-two .right-widget, .theme-menu-three .right-widget { position: static; transform: none; display: flex; justify-content: center; padding: 15px 0; } .hero-banner-two { padding: 40px 0 60px; } .hero-banner-two .illustration_01 { margin: 0 auto; } .hero-banner-two .illustration-holder .shape-one { width: 40.3%; left: 2%; } .hero-banner-two .illustration-holder .shape-two { width: 42.5%; left: 0; } .hero-banner-two .illustration-holder .shape-three { width: 41.4%; right: 0; } .hero-banner-two .hero-text-wrapper h1 { font-size: 48px; line-height: 1.25em; } .hero-banner-two .hero-text-wrapper .sub-text { font-size: 20px; padding: 20px 0 50px; } .hero-banner-two .trusted-companies p { font-size: 18px; } .hero-banner-two .trusted-companies p span { font-size: 1.3em; } .hero-banner-two .hero-text-wrapper form { height: 60px; } .fancy-feature-four .bg-wrapper { padding: 70px 0 60px; } .block-style-five { padding: 40px 20px 50px; } .block-style-five p { font-size: 20px; line-height: 1.6em; } .fancy-text-block-six .img-meta-container { position: static; margin: 50px auto 0; max-width: 60%; } .fancy-text-block-seven .quote-wrapper { text-align: center; } .fancy-text-block-seven .quote-wrapper .icon { margin: 0 auto; } .fancy-text-block-seven .quote-wrapper blockquote { font-size: 32px; line-height: 1.5em; } .block-style-six .text-details .title { font-size: 30px; padding: 18px 0 22px; } .block-style-six .text-details .text-meta { font-size: 18px; padding-bottom: 50px; } .useable-tools-section-two.bg-shape .bg-wrapper { padding-top: 70px; } .client-feedback-slider-one .feedback-meta .watermark { display: none; } .client-feedback-slider-one .feedback-meta { padding-top: 60px; } .client-feedback-slider-one .shapes-holder { position: static; width: 100%; } .client-feedback-slider-one .shapes-holder img { display: none; } .client-feedback-slider-one .shapes-holder .title-style-two { position: relative; z-index: 5; top: 0; right: 50%; transform: translateX(50%); text-align: center; } .client-feedback-slider-one .feedback-meta .icon, .client-feedback-slider-one .clientSliderOne .c_img { margin: 0 auto; } .client-feedback-slider-one .clientSliderOne { text-align: center; } .client-feedback-slider-one .clientSliderOne p { font-size: 20px; padding: 20px 0 40px; } .client-feedback-slider-one .clientSliderOne .info strong { font-size: 20px; padding-top: 15px; } .client-feedback-slider-one .slider-arrow { justify-content: center; } .client-feedback-slider-one .slider-arrow li { margin: 0 10px; } .fancy-short-banner-three .bg-wrapper { padding: 60px 20px; } .fancy-short-banner-three .title-style-one h2 { font-size: 40px; } .fancy-short-banner-three .form-wrapper { padding: 30px 0 0; } .fancy-short-banner-three .form-wrapper form { height: 60px; } .fancy-hero-three .heading { font-size: 55px; line-height: 1.22em; padding-bottom: 30px; } .fancy-hero-three .sub-heading { font-size: 20px; } .fancy-hero-three { padding: 150px 0 80px; } .fancy-feature-seven { padding: 80px 0 80px; } .block-style-nine .text-wrapper h6 { font-size: 15px; } .block-style-nine .text-wrapper .title { font-size: 35px; padding-bottom: 15px; } .block-style-nine .text-wrapper p { font-size: 18px; } .block-style-nine:before { display: none !important; } .fancy-text-block-thirteen .text-wrapper p { font-size: 20px; padding-top: 20px; padding-bottom: 30px; } .fancy-text-block-fourteen .text-wrapper .sub-text { font-size: 20px; padding-top: 25px; } .fancy-text-block-fourteen .text-wrapper .name { font-size: 20px; margin-top: 30px; } .fancy-hero-two .page-title { font-size: 20px; } .fancy-hero-two .heading { font-size: 50px; } .fancy-hero-two .sub-heading { font-size: 18px; line-height: 1.7em; } .fancy-hero-two { padding: 0 15px; } .fancy-hero-two .bg-wrapper { padding: 60px 0; } .fancy-text-block-nine .text-meta { font-size: 18px; padding-top: 25px; line-height: 1.75em; } .counter-with-icon-one .border-style { padding: 20px 0 40px; } .fancy-feature-five { padding: 0 15px; } .fancy-feature-five .bg-wrapper { padding: 80px 0 90px; } .block-style-seven .icon { height: 60px; } .block-style-seven { padding: 40px 0 0; } .block-style-seven .feature-info { padding-top: 22px; } .block-style-seven p { font-size: 20px; line-height: 1.45em; } body .theme-btn-three { padding: 0 25px; line-height: 48px; font-size: 16px; } .fancy-hero-four h6 { font-size: 16px; } .fancy-hero-four h2 { font-size: 50px; } .fancy-hero-four.space-fix { padding: 150px 0 265px; } .fancy-hero-four { padding: 150px 0 285px; } .fancy-hero-four .sub-heading { font-size: 20px; padding-top: 45px; } .contact-style-two .contact-info-wrapper .address-info { height: auto; padding: 35px 15px 35px; } .contact-style-two .contact-info-wrapper .address-info .icon { height: 55px; } .contact-style-two .contact-info-wrapper .address-info p { font-size: 18px; line-height: 1.5em; } .form-style-classic .input-group-meta { height: 50px; } .form-style-classic .input-group-meta input, .form-style-classic .input-group-meta textarea { font-size: 18px; } .form-style-classic .input-group-meta.lg { height: 150px; } .pricing-section-two .pricing-table-area { margin-top: -253px; } .pricing-section-two .pr-table-wrapper { border-bottom: 1px solid #f1f1f1; } .pricing-section-two .pr-table-wrapper .pack-name { font-size: 16px; } .pricing-section-two .pr-table-wrapper .price { font-size: 50px; padding: 25px 0 15px; } .pricing-section-two .pr-table-wrapper .price sup { top: -23px; } .pricing-section-two .pr-table-wrapper .theme-btn-three { line-height: 40px; padding: 0 50px; } .pricing-section-two .pr-table-wrapper .pr-feature { padding-left: 15px; } .pricing-section-two .pr-table-wrapper .pr-feature li { font-size: 15px; } .accordion-style-three .card .card-header button { font-size: 20px; padding: 25px 35px 12px 0; } .accordion-style-three .card .card-header button[data-toggle=collapse].collapsed { padding-bottom: 25px; } .fancy-text-block-eleven .text-wrapper { padding: 0 0 100px 0 !important; } .fancy-text-block-eleven .text-wrapper p { font-size: 20px; } .title-style-two span img { bottom: -18px; } .fancy-feature-six .bg-wrapper { padding: 80px 0; } .fancy-text-block-twelve .text-wrapper .sub-text { font-size: 18px; padding-top: 30px; } .fancy-text-block-twelve .img-gallery { margin-top: 60px; } .blog-page-white-bg { padding-top: 100px; } .feature-blog-three .post-meta .post .title { font-size: 26px; margin-bottom: 20px; } .feature-blog-three .post-meta .post .read-more { margin-top: 20px; } .feature-blog-three .post-meta .post { padding: 35px 15px 20px; } .feature-blog-three .post-meta { margin-bottom: 40px; } .hero-banner-three h1 { font-size: 55px; line-height: 1.18em; } .hero-banner-three .sub-text { font-size: 22px; padding-bottom: 40px; } .search-filter-form form { height: 65px; } .search-filter-form select { top: 16px; width: 100px; right: 80px; } .search-filter-form button { width: 60px; } .search-filter-form input { padding: 0 180px 0 15px; } .hero-banner-three .illustration { margin-top: 70px; } .block-style-ten { padding: 45px 20px 30px; } .block-style-ten .icon { height: 60px; } .block-style-ten p { font-size: 20px; } .fancy-text-block-sixteen .img-slick-slider .slick-dots li button { width: 100%; } .block-style-eleven p { font-size: 20px; } .fancy-text-block-sixteen { padding-bottom: 80px; } .fancy-text-block-sixteen .img-slick-slider { margin-bottom: 70px; } .fancy-text-block-sixteen .img-slick-slider .slick-dots { bottom: -70px; } .block-style-twelve .ml-auto, .block-style-twelve .mr-auto { margin: 0 auto !important; } .block-style-twelve .text-wrapper { padding-top: 60px; } .block-style-twelve .text-wrapper h6 { font-size: 15px; } .block-style-twelve .text-wrapper .title { font-size: 28px; padding: 15px 0 20px; } .block-style-twelve .text-wrapper p { font-size: 18px; } .block-style-twelve { padding: 55px 0; } .client-feedback-slider-two { padding: 80px 0 50px; } .client-feedback-slider-two .bg-wrapper { padding: 35px 20px 30px; } .useable-tools-section-three .logo-wrapper { position: static; transform: none; margin: 50px auto 0; max-width: 100%; } .useable-tools-section-three .sub-text { font-size: 20px; padding: 35px 0 25px 0; } .useable-tools-section-three .all-button { font-size: 17px; } .faq-classic.with-bg { padding: 80px 0 200px; } .fancy-short-banner-four .bg-wrapper { padding: 55px 20px 50px; } .fancy-short-banner-four .title h6 { font-size: 15px; } .fancy-short-banner-four .title h2 { font-size: 35px; } .fancy-short-banner-four .form-wrapper form { height: 60px; margin-top: 40px; } .theme-footer-three .bottom-footer-content p { padding-left: 0; } .fancy-hero-five .img-meta { position: static; } .fancy-hero-five .heading { font-size: 50px; } .fancy-hero-five .sub-heading { font-size: 20px; padding: 35px 0 0; } .fancy-hero-five { padding: 150px 0 80px; } .fancy-text-block-seventeen .text-meta { font-size: 20px; padding: 30px 0 0; } .teamSliderOne .team-member { margin-left: 10px; margin-right: 10px; } .team-section-three { margin-top: -260px; } .fancy-text-block-eighteen { padding-bottom: 300px; } .useable-tools-section .sub-text { font-size: 20px; } .doc-container.top-border { margin-top: 99px; } .doc-sidebar .list-item li h4 { font-size: 20px; } .doc-sidebar .list-item > li { padding: 5px 0; } .doc-container.full-width .doc-main-body { border-right: none; padding-left: 20px; padding-right: 15px; } .doc-container .doc-main-body h2 { font-size: 30px; padding-bottom: 20px; } .doc-container .doc-main-body h3 { font-size: 22px; padding-bottom: 20px; } .doc-container .doc-main-body p { padding-bottom: 25px; } #doc-sidebar-nav { padding-right: 15px; } .doc-container .doc-main-body { padding-left: 15px; } .blog-v4 .post-meta .post { padding-top: 30px; } .blog-v4 .post-meta .post .title { font-size: 30px; margin-bottom: 30px; line-height: 1.2em; } .blog-v4 .post-meta .post p { font-size: 18px; } .blog-v4 .post-meta .post .read-more { margin-top: 25px; font-size: 17px; } .blog-v4 .post-meta { margin-bottom: 60px; } .pricing-section-one .pr-table-wrapper { margin-bottom: 45px; } .pricing-section-one .pricing-table-area { padding-bottom: 40px; } .pricing-section-one .pr-table-wrapper .price { font-size: 50px; } .fancy-text-block-fifteen .bg-wrapper { padding: 40px 15px 0; } .fancy-text-block-fifteen .text-wrapper p { font-size: 26px; } .fancy-text-block-fifteen .text-wrapper h6 { font-size: 18px; padding-top: 25px; } .fancy-text-block-fifteen .contact-banner p { font-size: 30px; text-align: center; } .fancy-text-block-fifteen .contact-banner .theme-btn-four { margin: 25px auto 0 !important; line-height: 50px; font-size: 18px; width: 170px; } .fancy-text-block-fifteen { padding-bottom: 80px; } .blog-details-post-v1 .post-meta .mark-text { font-size: 20px; } .blog-details-post-v1 .post-meta h4 { font-size: 28px; padding-top: 40px; } .hero-banner-five { padding-top: 40px; } .hero-banner-five .hero-heading { font-size: 45px; line-height: 1.29em; } .hero-banner-five .hero-sub-heading { font-size: 18px; padding-bottom: 40px; } .fancy-feature-ten .bg-wrapper { padding: 60px 0 80px; } .fancy-feature-ten .sub-text { font-size: 20px; padding-bottom: 0; } .block-style-fifteen { padding: 30px 15px; } .block-style-fifteen h3 { font-size: 22px; } .fancy-text-block-twentyOne .text-wrapper .icon { width: 45px; } .fancy-text-block-twentyOne .text-wrapper .client-info { font-size: 20px; padding: 15px 0 22px; } .fancy-text-block-twentyOne .text-wrapper p { font-size: 30px; padding-bottom: 0px; } .counter-style-two .border-bottom { padding-bottom: 40px; } .block-style-sixteen { margin-top: 60px; padding: 40px 0 0; } .block-style-sixteen .shapes { position: static; transform: none; margin: 10px auto 0; } .block-style-sixteen .icon { width: 55px; height: 55px; } .block-style-sixteen .title { font-size: 28px; padding: 20px 0 25px; } .block-style-sixteen p { font-size: 18px; line-height: 1.65em; padding-bottom: 45px; } .pricing-nav-three { margin: 40px 0 50px; } .pricing-nav-four { margin: 40px auto 50px; } .pricing-table-area-four .pr-table-wrapper.most-popular:after { right: 6%; } .client-feedback-slider-four .inner-container { padding: 60px 0; } .clientSliderFour .slick-dots { margin-top: 40px; } .clientSliderFour { margin-top: 60px; } .fancy-short-banner-six p { font-size: 20px; padding: 25px 0 40px; } body .theme-btn-seven { line-height: 54px; padding: 0 30px; font-size: 16px; } .theme-footer-five, .theme-footer-six { text-align: center; } .theme-footer-five .inner-container { padding: 40px 0 0; } .theme-footer-five .copyright { padding: 25px 0; } .hero-banner-six .illustration-content { position: relative; top: 0; padding: 0; transform: none; margin: 0 auto 70px; } .hero-banner-six { padding: 80px 0; } .hero-banner-six .hero-heading { font-size: 45px; } .hero-banner-six .hero-sub-heading { padding: 40px 0 60px; } .fancy-feature-thirteen .carousel-indicators li { flex: 0 0 50%; max-width: 50%; } .fancy-feature-thirteen .carousel-indicators { flex-wrap: wrap; justify-content: center !important; } .fancy-feature-thirteen .carousel-inner .shape-one { width: 80px; top: -27px; } .fancy-feature-thirteen .carousel-inner .shape-two { width: 180px; bottom: -76px; left: -83px; } .fancy-portfolio-one { text-align: center; } .fancy-portfolio-one .slider-arrows { position: static; margin-top: 40px; } .fancy-portfolio-one .slider-arrows > div { width: 45px; height: 45px; margin: 0 5px; } .client-feedback-slider-five { padding: 40px 0 0; } .clientSliderFive p { font-size: 22px; padding-bottom: 70px; } .fancy-short-banner-seven .shape-five { width: 200px; } .theme-footer-six { margin-top: 80px; } .theme-footer-six .shape-one { opacity: 0.2; } .hero-banner-six .illustration-content .oval-one { width: 375px; height: 375px; } .hero-banner-six .illustration-content .oval-two, .hero-banner-six .illustration-content .oval-three { width: 368px; height: 368px; top: 64%; } .fancy-feature-thirteen:before { width: 390px; height: 390px; top: 0; } .fancy-feature-thirteen:after, .fancy-portfolio-one:before, .fancy-portfolio-one:after { width: 390px; height: 390px; } .fancy-feature-fourteen .right-side:after, .fancy-feature-fourteen .right-side:before { width: 290px; height: 290px; } .client-feedback-slider-five:after, .client-feedback-slider-five:before { width: 400px; height: 400px; } .pricing-section-five:before { width: 360px; height: 360px; top: 10%; } .pricing-section-five:after { width: 360px; height: 360px; bottom: 0; } .theme-footer-six .inner-container:before { width: 400px; height: 400px; top: 0; } .theme-footer-six .inner-container:after { width: 400px; height: 400px; bottom: 0; } .dark-style .modal-contact-popup-one .right-side:after, .dark-style .modal-contact-popup-one .right-side:before { width: 270px; height: 270px; top: 10%; } .hero-banner-seven .illustration-container { position: relative; margin: 0 auto 50px; max-width: 80%; right: auto; top: 0; } .hero-banner-seven { margin-top: 40px; } .hero-banner-seven .hero-heading { font-size: 45px; padding: 20px 0 0; } .hero-banner-seven .hero-heading span:before { bottom: 10px; } .hero-banner-seven .hero-sub-heading { padding: 30px 0 45px 0; } .block-style-eighteen .text-wrapper h6 { font-size: 14px; } .block-style-eighteen .text-wrapper .title { font-size: 32px; } .block-style-eighteen .text-wrapper .title span:before { height: 10px; bottom: 2px; } .block-style-eighteen .text-wrapper p { font-size: 18px; padding: 30px 0 40px; } .block-style-eighteen .text-wrapper { padding-bottom: 60px; } .block-style-eighteen .screen-holder-one, .block-style-eighteen .screen-holder-three { margin: 0 auto; } .fancy-text-block-twentyTwo .text-wrapper { padding-bottom: 50px; } .fancy-text-block-twentyTwo .text-wrapper .icon { width: 45px; } .fancy-text-block-twentyTwo .text-wrapper p { font-size: 18px; padding: 30px 0 40px; } .fancy-feature-seventeen .bg-wrapper { padding: 60px 0 10px; } .pricing-nav-four .nav-item .nav-link { line-height: 50px; font-size: 16px; } .pricing-table-area-six .pr-table-wrapper .pack-name { font-size: 20px; } .pricing-table-area-six .pr-table-wrapper .price { font-size: 40px; } .pricing-table-area-six .pr-table-wrapper .pack-details { font-size: 14px; padding-bottom: 20px; } .pricing-table-area-six .pr-table-wrapper { padding: 30px 15px; } .clientSliderSix { margin-top: 0; } .clientSliderSix .feedback-wrapper { padding: 25px 15px 25px 20px; } .clientSliderSix .feedback-wrapper p { font-size: 18px; padding-bottom: 30px; } .theme-footer-seven .title { color: #000; padding-bottom: 12px; font-size: 18px; } .theme-footer-seven .footer-list a { font-size: 16px; } .theme-footer-seven .bottom-footer { margin-top: 30px; padding: 20px 0 5px; } .theme-footer-seven .bottom-footer .footer-nav a { margin: 0 12px; } .theme-footer-seven .bottom-footer .social-icon a { margin: 0 8px; } .hero-banner-eight .hero-heading { font-size: 45px; } .hero-banner-eight .hero-sub-heading { font-size: 18px; padding-bottom: 40px; } .hero-banner-eight .video-wrapper { height: 100%; } .hero-banner-eight .shape-right, .hero-banner-eight .shape-left { top: auto; bottom: 41%; } .title-style-eight h2 { font-size: 42px; } .title-style-eight h2 br { display: none; } .title-style-eight p { font-size: 18px; padding-top: 25px; } .fancy-feature-eighteen { padding: 80px 15px; } .fancy-feature-eighteen .nav-item .nav-link { width: 60px; height: 60px; margin: 10px 12px; } .fancy-feature-eighteen .nav-item .hover { width: 67%; } .fancy-feature-eighteen .nav-tabs { margin: 50px 0 40px; } .fancy-feature-eighteen .tab-content .text-wrapper h4 { font-size: 24px; padding-bottom: 30px; } .fancy-feature-eighteen .tab-content .text-wrapper p { font-size: 18px; } .fancy-feature-eighteen .tab-content .text-wrapper { padding: 40px 20px; } .block-style-twenty .text-wrapper { padding: 0 0 50px !important; } .block-style-twenty .text-wrapper h6 { font-size: 15px; padding-bottom: 25px; } .block-style-twenty .text-wrapper .title { font-size: 35px; } .block-style-twenty .text-wrapper p { font-size: 18px; padding: 30px 0; } .fancy-feature-twentyOne { padding: 100px 0; } .coming-soon-content h6 { font-size: 14px; } .coming-soon-content h1 { font-size: 45px; padding: 30px 0 40px; } .coming-soon-content p { font-size: 18px; padding-bottom: 40px; } .coming-soon-content form { height: 65px; } .coming-soon-content form button { width: 150px; font-size: 16px; } .coming-soon-content form input { padding: 0 165px 0 15px; font-size: 16px; } .coming-soon-content .social-icon { position: static; transform: none; margin-top: 50px; } .coming-soon-content .shape-ten { display: none; } .theme-menu-six .right-widget { margin-left: auto; margin-right: 15px; } .theme-menu-six .right-widget .signIn-action { margin-left: 0; } .theme-menu-six .navbar-nav .nav-item .nav-link { color: #2b2c2e; } .hero-banner-nine .illustration-container { position: relative; width: 100%; margin-bottom: 60px; } .hero-banner-nine { padding-top: 150px; } .hero-banner-nine .hero-heading { font-size: 45px; } .hero-banner-nine .hero-sub-heading { font-size: 18px; } .block-style-twentyTwo { padding: 40px 15px; } .title-style-nine h2 { font-size: 35px; line-height: 1.45em; } .block-style-twentyThree .screen-container { margin: 0 auto !important; } .block-style-twentyThree .text-wrapper h6 { font-size: 14px; } .block-style-twentyThree .text-wrapper .title { font-size: 30px; padding: 25px 0 18px; } .block-style-twentyThree .text-wrapper p { font-size: 18px; } .block-style-twentyThree .text-wrapper { padding-top: 90px; } .block-style-twentyThree { margin-bottom: 100px; } .fancy-feature-twentyFour .bg-wrapper { padding: 100px 0 80px; } .fancy-short-banner-ten h2 { font-size: 42px; } .fancy-short-banner-ten p { font-size: 20px; line-height: 1.6em; } .theme-footer-eight .bottom-footer .social-icon a { margin: 0 10px; } .team-section-five { padding: 100px 0 60px; } .fancy-short-banner-eleven h2 { font-size: 45px; } .fancy-short-banner-eleven.bg-color { padding: 80px 0 100px; } .fancy-short-banner-eleven .shapes, .team-details .shapes { display: none; } .team-details { padding: 80px 0 100px; } .team-details .main-bg .img-meta { width: 100%; } .team-details .main-bg .text-wrapper { width: 100%; padding: 50px 25px; } .team-details .pager { position: static; width: 100%; margin-top: 50px; } .team-details .main-bg .text-wrapper .name { font-size: 30px; } .terms_and_policy .nav-tabs { display: none !important; } .terms_and_policy .tab-content > .tab-pane { display: block; opacity: 1; margin-bottom: 60px; } .terms_and_policy { padding: 80px 0 0; } .terms_and_policy .tab-content h2 { font-size: 38px; } .terms_and_policy .tab-content h3 { font-size: 24px; padding: 40px 0 20px; } .error-page .img-holder { width: 100%; height: 100%; } .error-page .img-holder .illustration { min-height: 100%; } .error-page .text-wrapper { width: 100%; padding: 50px 15px; text-align: center; } .error-page .text-wrapper h1 { font-size: 40px; } .error-page .text-wrapper .back-home { margin: 0 auto; } .hero-banner-ten { margin-top: 40px; } .hero-banner-ten .hero-heading { font-size: 45px; line-height: 1.4em; } .hero-banner-ten [class*=icon-box] { display: inline-block; margin: 5px 10px; position: static; } .hero-banner-ten .hero-sub-heading { font-size: 20px; padding: 35px 0 40px; } .hero-banner-ten .button-group { margin-bottom: 40px; } .title-style-ten h2 { font-size: 40px; } .title-style-ten p { font-size: 20px; line-height: 1.6em; } .title-style-eleven h2 { font-size: 38px; } .block-style-twentyFive .text-wrapper { padding-top: 60px; } .block-style-twentyFive .text-wrapper h6 { font-size: 18px; padding-bottom: 15px; } .block-style-twentyFive .title { font-size: 36px; padding-bottom: 25px; } .block-style-twentyFive p { font-size: 18px; line-height: 1.65em; } .block-style-twentyFive ul { padding-top: 30px; } .client-feedback-slider-seven { padding: 100px 0; } .fancy-short-banner-twelve { padding: 100px 0 80px; } .hero-banner-eleven .hero-text-wrapper h1 { font-size: 42px; } .hero-banner-eleven .illustration-container { position: static; max-width: 95%; margin: 0 auto; } .hero-banner-eleven { margin-top: 70px; } .partner-slider-two p.text-lg { font-size: 24px; } .block-style-twentySix { padding: 50px 35px 45px; } .block-style-twentySix h6 { font-size: 18px; } .block-style-twentySix h4 { font-size: 22px; margin-bottom: 25px; } .title-style-twelve .upper-title { font-size: 14px; } .title-style-twelve h2 { font-size: 40px; } .title-style-twelve p { font-size: 18px; } .title-style-twelve span img { display: none; } .video-box-two .video-icon { width: 120px; height: 70px; } .video-box-two .video-icon img { width: 45px; } .fancy-text-block-twentyThree .text-wrapper .cl-text { font-size: 18px; margin-bottom: 12px; } .block-style-twentyEight h4 { font-size: 22px; } .useable-tools-section-four .logo-container .inner-wrapper { position: static; transform: none; } .useable-tools-section-four .text-wrapper p { padding: 25px 0 30px; } .useable-tools-section-four .text-wrapper { padding: 60px 0 70px; } .useable-tools-section-four .logo-container .line-two { transform: none; } .useable-tools-section-four .logo-container .icon { height: 150px; margin: 0 0 35px; } .block-style-twentyNine { padding: 30px 25px 40px; } .block-style-twentyNine .video-icon { margin-top: 20px; } .block-style-twentyNine h3 a { font-size: 24px; margin-bottom: 35px; } .pricing-section-eight .pr-column .price { font-size: 35px; } .pricing-section-eight .pr-body li { padding: 22px 0; } .pricing-section-eight .pr-footer { padding: 25px 0 20px; } .fancy-hero-six .heading { font-size: 42px; } .fancy-hero-six .sub-heading { font-size: 20px; margin-top: 12px; } .fancy-hero-six { padding-bottom: 70px; } .po-control-one button { font-size: 16px; line-height: 40px; padding: 0 18px; margin: 0 0.8% 10px; } .mixitUp-container.gutter-space-one, .mixitUp-container.gutter-space-two { margin: 0 -15px; } .mixitUp-container.gutter-space-one .mix, .mixitUp-container.gutter-space-two .mix { padding: 0 15px; margin-bottom: 30px; } .portfolio-block-two .hover-content h3 a { font-size: 20px; margin-bottom: 10px; } .portfolio-block-two .hover-content { padding: 10px 5px 12px 20px; } .fancy-portfolio-four .contact-title { font-size: 28px; } .portfolio_slider_one { margin: 0 -10px; } .portfolio_slider_one .item { padding: 0 10px; } .portfolio-block-three .text a { font-size: 24px; } .portfolio-block-three .text .tag { margin-bottom: 0; } .portfolio-block-three .img-holder { margin-bottom: 20px; } .fancy-portfolio-five .slider-wrapper { margin: 0 -50vw; } .po-control-two button { font-size: 18px; } .fancy-portfolio-six .scroll-target { width: 60px; height: 60px; padding: 13px; } .fancy-portfolio-six .mix { margin-bottom: 30px; } .portfolio-details-one .portfolio-pagination .tp1 { font-size: 13px; margin-bottom: 0; } .portfolio-details-one .portfolio-pagination .tp2 { font-size: 20px; } .theme-menu-seven .right-widget { margin-left: auto; } .theme-menu-seven .right-widget .signIn-action { margin-right: 22px; } .theme-menu-seven .navbar-collapse { background: #242424; } .theme-menu-seven .navbar .navbar-collapse .navbar-nav .nav-item .nav-link { border-top: 1px solid rgba(255, 255, 255, 0.1); } .theme-menu-seven .navbar .navbar-collapse .navbar-nav .nav-item:last-child .nav-link { border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .hero-banner-twelve .hero-heading { font-size: 45px; line-height: 1.19em; } .hero-banner-twelve { padding-top: 190px; } .hero-banner-twelve .screen-holder { padding: 10px; } .title-style-thirteen h2 { font-size: 42px; } .title-style-thirteen .upper-title { font-size: 13px; padding-bottom: 10px; } .title-style-thirteen span img { display: none; } .block-style-thirty .feature { font-size: 13px; padding-bottom: 0; margin-bottom: 15px; } .block-style-thirty .feature-list-one strong { font-size: 20px; padding-bottom: 10px; } .block-style-thirty .feature-list-one li { padding-left: 50px; } .block-style-thirty .text-block p { font-size: 20px; margin-bottom: 25px; } .fancy-feature-thirty .wrapper { padding: 40px 0 90px; } .block-style-thirtyTwo { padding: 35px 15px 25px 10px; } .block-style-thirtyTwo .icon { width: 45px; height: 45px; } .block-style-thirtyTwo .text { width: calc(100% - 45px); padding-left: 20px; } .block-style-thirtyTwo .text h4 { font-size: 22px; } .fancy-short-banner-fourteen p { font-size: 20px; padding: 30px 0; } .fancy-short-banner-fourteen { padding: 80px 0 90px; } .title-style-four .sub-text { font-size: 18px; } .block-style-thirtyFour .hover-content { padding: 70px 15px 20px; } .block-style-thirtyFour .hover-content h4 a { font-size: 20px; } .fancy-feature-thirtyThree .contact-title { font-size: 30px; } .title-style-eleven p, .fancy-hero-seven p { font-size: 18px; } .theme-menu-one.center-white .logo { left: 15px; } .theme-menu-one.center-white #mega-menu-holder { margin-left: auto; } .fancy-hero-seven h2 { font-size: 42px; } .fancy-hero-seven { padding: 150px 0 80px; } .theme-menu-one.center-white .navbar-collapse { background: #161616; } .theme-menu-one.center-white .navbar-nav .nav-item .nav-link { margin: 0; border-top: 1px solid rgba(255, 255, 255, 0.09); } .theme-menu-one.center-white .navbar .navbar-collapse .navbar-nav .nav-item:last-child .nav-link { border-bottom: 1px solid rgba(255, 255, 255, 0.09); } .theme-menu-one.center-white .right-button-group { position: static; transform: none; } .service-details-one .details-wrapper h2 { font-size: 36px; } .service-details-one .details-wrapper .sub-heading, .service-details-one .accordion-style-three .card .card-header button { font-size: 20px; } .service-details-one .details-wrapper h3 { font-size: 26px; } .hero-banner-thirteen { padding: 180px 0 0; } .hero-banner-thirteen .slogan { color: #fff; border-color: #fff; } .hero-banner-thirteen .hero-heading { font-size: 45px; line-height: 1.2em; margin: 35px 0 30px; } .hero-banner-thirteen .screen-holder { position: relative; width: 100%; max-width: 500px; margin: 90px auto 0; } .title-style-eleven .upper-title, .title-style-fourteen .upper-title { font-size: 12px; padding-bottom: 2px; } .title-style-fourteen h2 { font-size: 35px; } .block-style-thirtySix .tag-line { font-size: 19px; margin: 18px 0 30px; } .fancy-feature-thirtyFive .slider-wrapper { width: 100%; position: relative; right: auto; margin: 0 auto; padding: 0 15px; } .portfolio_slider_two { margin: 0 -12px; } .portfolio_slider_two .item { margin: 0 12px; } .block-style-thirtySix .illustration-holder-two .shape-one { width: 75%; top: 5%; } .client-feedback-slider-eight .cr-position { font-size: 16px; } .client-feedback-slider-eight p { font-size: 26px; letter-spacing: -0.5px; margin: 25px 0 35px; } .client-feedback-slider-eight .slider-arrow { position: relative; margin: 0 auto; width: 120px; height: 48px; left: auto; } .client-feedback-slider-eight .slider-arrow li { line-height: 47px; } .client-feedback-slider-eight { padding-bottom: 50px; } .theme-footer-nine { padding: 30px 0; } .theme-footer-nine .social-icon a { margin: 0 15px; } .hero-banner-fourteen { padding: 180px 0 0; } .hero-banner-fourteen .hero-heading { font-size: 45px; } .hero-banner-fourteen .screen-holder { position: relative; width: 100%; margin-top: 50px; } .hero-banner-fourteen .screen-holder .vr-image { max-height: 100%; right: 27%; } .hero-banner-fourteen .screen-holder .shape-one, .hero-banner-fourteen .screen-holder .shape-two, .hero-banner-fourteen .screen-holder .shape-three, .client-feedback-slider-nine .shape-one { display: none; } .fancy-feature-thirtySix .slider-arrows { position: static; margin-top: 40px; width: 100%; } .fancy-feature-thirtySix .slider-arrows li { margin: 0 10px; } .title-style-fifteen .upper-title { font-size: 15px; } .title-style-fifteen h2 { font-size: 32px; line-height: 1.55em; } .fancy-feature-thirtySeven .text-lg { font-size: 18px; line-height: 2em; } .counter-box-six .number { font-size: 32px; } .counter-box-six p { font-size: 15px; } .fancy-feature-thirtyNine .title { font-size: 35px; letter-spacing: 0px; line-height: 1.4em; } .fancy-feature-thirtyNine .img-meta { position: relative; width: 100%; max-width: 700px; margin: 50px 0 0; max-width: 100%; } .fancy-feature-thirtyNine { padding: 100px 0 0; } .fancy-feature-thirtyNine .video-icon i { width: 55px; height: 55px; line-height: 55px; font-size: 26px; } .fancy-feature-thirtyNine .video-icon .ps-text { font-size: 12px; letter-spacing: 1px; margin-bottom: 0; } .fancy-feature-thirtyNine .video-icon strong { font-size: 16px; } .fancy-feature-thirtyNine .img-meta:before { width: 500px; height: 500px; } .fancy-feature-thirtyNine .img-meta:after { width: 350px; height: 350px; } .title-style-sixteen .upper-title { font-size: 18px; padding-bottom: 15px; } .title-style-sixteen h2 { font-size: 35px; letter-spacing: 0px; } .block-style-thirtyEight p { font-size: 18px; } .client-feedback-slider-nine { padding: 80px 0 50px; } .clientSliderEight .bg-wrapper { padding: 35px 25px 30px; } .fancy-feature-fortyOne p { font-size: 18px; } .vr-landing-slider .slick-next, .vr-landing-slider .slick-prev, .arrow-left-bottom .slick-next, .arrow-left-bottom .slick-prev { left: 50%; bottom: -20%; } .fancy-feature-thirtySix { padding-bottom: 120px !important; } .clientSliderSeven .slick-arrow { width: 60px; height: 45px; bottom: -33px; } .hero-banner-fifteen .hero-heading { font-size: 50px; line-height: 1.15em; } .hero-banner-fifteen .product-img-holder { width: 310px; height: 310px; right: 1%; } .hero-banner-fifteen .product-img-holder .product-img { max-width: 135%; } .hero-banner-fifteen .offer-sticker { width: 110px; height: 110px; } .hero-banner-fifteen .offer-sticker .sn1 { font-size: 24px; } .hero-banner-fifteen .offer-sticker .sn2 { font-size: 15px; padding-top: 0; } .hero-banner-fifteen { padding: 150px 0 100px; } .product_slider_space { margin: 0 -15px; } .product-block-one .price { font-size: 20px; margin-top: 5px; } .flash-sale-banner .left-half { height: 350px; } .flash-sale-banner .right-half:before { top: 10px; right: 10px; left: 10px; bottom: 0; border-bottom: none; border-left: 1px solid #000; } .flash-sale-banner .left-half:before { top: 0; right: 10px; bottom: 10px; left: 10px; border-top: none; border-right: 1px solid #fff; } .product-block-two .price { font-size: 20px; } .product-block-two .img-holder { height: 300px; margin-bottom: 10px; } .shop-discount-subscription .form-wrapper { max-width: 100%; margin-top: 40px; } .product-details-one .product-img-tab .nav-link { width: 82px; margin: 20px 10px 0 0; } } /*(max-width: 991px)*/ @media (min-width: 768px) and (max-width: 991px) { .product-img-tab-content.h-100 { height: 700px !important; } .block-style-thirteen.style-border { border-right: none; } .team-section-one .mix, .team-section-one .gap { width: calc(33.3333333333% - 0.6666666667rem); } .feature-blog-one .header .title-style-one { max-width: 460px; } .useable-tools-section-two .icon-wrapper ul li .icon-box { height: 70px; } .useable-tools-section-two .icon-wrapper ul li .icon-box img { max-width: 70%; margin: 0 auto; } .fancy-text-block-ten .container, .fancy-text-block-twentyOne .container { max-width: 720px; } .map-area-one { height: 600px; } .doc-container.full-width { padding-left: 15px; } .doc-sidebar { top: 80px; } #doc-sidebar-nav { padding-right: 15px; } #mega-menu-holder .mega-menu li { flex: 0 0 25%; max-width: 25%; } .app-screen-preview-one { margin-top: 170px; } .app-screen-preview-one .round-bg { width: 74%; } .fancy-portfolio-two .mix, .fancy-portfolio-two .mix.mixL, .fancy-portfolio-four .mix { width: 50%; } } /*(min-width: 768px) and (max-width: 991px)*/ @media (max-width: 767px) { .fancy-feature-eight .bg-wrapper { padding: 0 15px 15px; } .block-style-thirteen p { font-size: 20px; } .block-style-thirteen.style-border { border-left: none; border-right: none; border-top: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; margin: 15px 0; } .block-style-thirteen .title { padding: 15px 0; } .block-style-thirteen .icon { height: 55px; } .pricing-section-three .pricing-table-area-three:before, .fancy-text-block-four:after, .fancy-text-block-four:before, .fancy-text-block-one:before, .fancy-text-block-one:after, .faqs-inner-page .shape-one, .title-style-four span img, .client-feedback-slider-two .shapes, .faq-classic.with-bg .shapes, .fancy-feature-eleven .shape-one, .fancy-feature-eleven .shape-two, .client-feedback-slider-five .circle-area, .pricing-table-area-five .shape-two, .fancy-short-banner-eight .shapes { display: none; } .fancy-video-box-one .video-button { width: 70px; height: 70px; padding-left: 12px; } .fancy-video-box-one .video-button img { width: 65%; } .theme-footer-one .top-footer .footer-title { padding-bottom: 18px; } .useable-tools-section-two .icon-wrapper ul { transform: none; display: flex; justify-content: center; flex-wrap: wrap; margin-top: 40px; } .useable-tools-section-two .icon-wrapper ul li { width: 20%; margin: 0 !important; float: none; } .fancy-text-block-ten p { font-size: 26px; padding-bottom: 30px; } .team-section-two .team-member .name { font-size: 22px; padding-top: 25px; } .contact-style-two .contact-info-wrapper .shape-one { display: none; } .accordion-style-three .card .card-body { padding-right: 0; } .theme-footer-three .bottom-footer-content { text-align: center; padding-top: 20px; } .theme-footer-three .bottom-footer-content ul li a { margin: 0 10px 5px; } .fancy-hero-five .img-meta { margin: 40px 0 0; } .team-section-three .slider-arrows li { width: 40px; height: 40px; line-height: 40px; margin-left: 10px; } .map-area-one { height: 500px; } .map-area-one .si-content h3 { font-size: 28px; } .map-area-one .si-content { padding: 35px 15px; } .map-area-one .si-content { width: auto; left: 20px; height: auto; max-width: 250px; top: 20px; } .map-area-one .si-content p { font-size: 15px; padding: 4px 0 15px; } .map-area-one .si-content span { font-size: 15px; } .doc-sidebar { height: 100%; padding-top: 0 !important; } #doc-sidebar-nav { position: fixed; top: 79px; right: 0; height: 100%; background: #fff; width: 280px; border-left: 1px solid #e1e6ee; padding: 30px 15px 10px; max-height: calc(100vh - 79px); } .doc-sidebar { border: none; background: #f5f5f5; top: 78px; padding: 10px 0 !important; z-index: 9; } .doc-container.full-width { padding: 0; } .doc-sidebar .btn { color: #fff; background: #2a2a2a; margin: 0 15px; padding: 2px 5px; } .doc-container.full-width .doc-main-body { padding: 50px 15px 30px; } .doc-container .doc-main-body { padding-left: 0; padding-top: 50px; } .blog-v4 .post-meta.text-post .post { padding: 35px 15px; } .partner-slider-two p { font-size: 18px; padding-bottom: 30px; } .counter-box-four .number { font-size: 40px; } .counter-box-four p { font-size: 16px; } .block-style-sixteen .shapes { width: 95% !important; margin-top: 30px; } .pricing-nav-three .nav-item .nav-link { width: 130px; line-height: 48px; font-size: 16px; } .pricing-table-area-four .pr-table-wrapper { padding: 25px 15px; } .pricing-table-area-four .row { margin: 0 -15px; } .pricing-table-area-four .row [class*=col-] { padding: 0 15px; } .pricing-table-area-four .pr-table-wrapper .top-banner { padding: 5px 10px; text-align: center; } .pricing-table-area-four .pr-table-wrapper .price { padding: 25px 0 5px; } .clientSliderFour .feedback-wrapper p { padding-bottom: 30px; } .clientSliderFour .feedback-wrapper .name { padding-bottom: 5px; } .clientSliderFour .feedback-wrapper { padding: 30px 20px; } .modal-contact-popup-one .main-body .left-side, .modal-contact-popup-one .main-body .right-side { flex: 0 0 100%; max-width: 100%; } .modal-contact-popup-one .main-body { display: block !important; } .fancy-feature-thirteen .carousel-indicators li { flex: 0 0 100%; max-width: 100%; padding: 0; margin-top: 40px; } .fancy-feature-thirteen .carousel-inner { margin-top: 60px; } .fancy-feature-fourteen .logo-meta { margin-top: 0; margin-bottom: 30px; } .pricing-table-area-five .shape-one { top: 0; } .fancy-feature-fifteen .bg-wrapper:before { display: none; } .fancy-feature-fifteen .carousel-indicators li p { font-size: 16px; } .block-style-twentySeven h4 { font-size: 22px; margin: 30px 0 20px; } .block-style-twentySeven { padding: 35px 12px; } .pricing-section-eight .pr-column { border: 1px solid #ededed; border-radius: 15px; margin-bottom: 40px; } .pricing-section-eight .pr-table-wrapper { border: none; } .pricing-section-eight .pr-column:last-child { border-right: 1px solid #ededed; } .accordion-style-five .card .card-header button { font-size: 18px; padding: 22px 30px 22px 0; } .accordion-style-five .card .card-body { padding-right: 30px; } .fancy-portfolio-three .mix { width: 100%; } .portfolio-details-one .main-content .project-info li { width: 48%; float: left; padding: 0 1%; } .portfolio-details-one .main-content .project-info strong { font-size: 15px; } .portfolio-details-one .main-content .project-info span { font-size: 15px; margin: 0 0 20px; letter-spacing: 0px; } .portfolio-details-one .main-content .project-info { margin-bottom: 35px; } .fancy-video-box-two .video-button { width: 65px; height: 65px; } .pricing-section-nine .pr-table-wrapper .price { padding: 0 0 6px; } .pricing-section-nine .pr-table-wrapper .pr-feature li { font-size: 18px; margin: 0; } .pricing-section-nine .pr-table-wrapper .trial-button { margin: 20px 0 25px; line-height: 48px; font-size: 15px; } .hero-banner-fourteen .screen-holder .rating-box, .block-style-thirtyEight .img-meta .shape-two { left: 1%; } .block-style-thirtyEight .img-meta .shape-three { right: 1%; } .hero-banner-fifteen .product-img-holder { position: relative; margin: 40px auto 0; right: auto; } } /*(max-width: 767px)*/ @media (min-width: 768px) { #doc-sidebar-nav { display: block !important; } } @media (min-width: 576px) and (max-width: 767px) { .team-section-one .mix, .team-section-one .gap { width: calc(50% - 0.5rem); } .fancy-text-block-ten .container, .fancy-text-block-twentyOne .container { max-width: 540px; } #mega-menu-holder .mega-menu li { flex: 0 0 33.33333%; max-width: 33.33333%; } .app-screen-preview-one { margin-top: 150px; } .app-screen-preview-one .round-bg { width: 80%; } .fancy-portfolio-two .mix, .fancy-portfolio-two .mix.mixL, .fancy-portfolio-four .mix { width: 50%; } } /*(min-width: 576px) and (max-width: 767px)*/ @media (max-width: 575px) { .accordion-style-four .card .card-header button { padding-left: 15px; font-size: 20px; } .accordion-style-four .card .card-body { padding: 0 40px 20px 15px; } .fancy-short-banner-five form button { width: 130px; } .fancy-short-banner-five form input { padding: 0 135px 0 20px; } .fancy-text-block-twenty .nav-tabs li { margin: 20px 0 0; } .fancy-text-block-twenty .nav-tabs li a { font-size: 20px; } .fancy-text-block-twenty .nav-tabs { justify-content: space-between; } .fancy-text-block-twenty .tab-pane p { padding-top: 20px; font-size: 18px; } .fancy-text-block-twenty .shape-one, .team-section-four .team-wrapper .shape-one, .clients-feedback-classic .feedback-wrapper:before, .title-style-two span img, .title-style-three span img, .fancy-text-block-six .img-meta-container .shape-five, .title-style-two h2 br, .theme-footer-two:before, .fancy-feature-five .shape-five, .hero-banner-three .shapes, .client-feedback-slider-two .bg-wrapper:before, .fancy-hero-five span img, .pricing-section-one .pricing-table-area .shape-two, .hero-banner-five .shapes, .pricing-table-area-four .pr-table-wrapper.most-popular:after, .title-style-five h2 span:before, .fancy-feature-fifteen .bg-wrapper .shapes { display: none; } .counter-box-three .icon img { width: 70%; margin: 0 auto; } .counter-box-three .icon { height: 45px; } .team-section-four .team-member { margin-bottom: 40px; } .fancy-short-banner-five form { height: 60px; } .theme-footer-four .footer-title { font-size: 24px; margin-bottom: 15px; } .user-data-form .input-group-meta { height: 45px; } .user-data-form .input-group-meta .placeholder_icon { line-height: 45px; } .user-data-form .input-group-meta input { font-size: 16px; } .user-data-form .input-group-meta label { top: -23px; } .user-data-form .input-group-meta .placeholder_icon span:before { top: 10px; } .hero-banner-one .subscription-form button { width: 120px; } .hero-banner-one .subscription-form input { padding-right: 122px; } .block-style-one .block-meta-data .hover-content span { padding: 5px 15px; } .block-style-two .img-holder-two .screen-one { right: -17%; } .useable-tools-section h2 { font-size: 32px; line-height: 1.35em; } .counter-box-one.color-one { left: 0; width: 180px; height: 180px; } .counter-box-one.color-two { left: 140px; top: 90px; } .counter-box-one.color-three { left: 70px; width: 180px; height: 180px; } .clients-feedback-classic .feedback-wrapper { padding-left: 35px; padding-right: 35px; } .fancy-short-banner-one .form-wrapper form button { width: 135px; line-height: 45px; } .fancy-short-banner-one .form-wrapper form input { width: calc(100% - 150px); } .faq-classic .card .card-header button { font-size: 20px; padding-left: 45px; } .faq-classic .card .card-header button:before { left: 18px; } .faq-classic .card .card-body { padding: 0 25px 20px 45px; } .theme-footer-one .bottom-footer-content { padding-top: 10px; text-align: center; } .theme-footer-one .bottom-footer-content ul li a { margin: 0 10px 10px; } .block-style-four { padding-left: 20px; padding-right: 20px; } .team-section-one .mix, .team-section-one .gap { width: calc(100% - 0rem); } .team-section-one .controls .control:before { bottom: 23px; } .faqs-all-qus .article-preview h3 { font-size: 22px; } .faqs-all-qus .article-preview .article-details .list-meta { padding-left: 15px; } .feature-blog-one .post-meta .read-more { font-size: 14px; } .feature-blog-one.width-lg .post-meta { padding-left: 20px; padding-right: 20px; } .feature-blog-one.width-lg .post-meta .read-more { left: 20px; right: 20px; } .blog-sidebar-one .sidebar-title { font-size: 26px; } .blog-sidebar-one .sidebar-recent-news .title { font-size: 22px; } .hero-banner-two .hero-text-wrapper form button { width: 140px; } .hero-banner-two .hero-text-wrapper form input { padding: 0 150px 0 20px; font-size: 16px; } .fancy-text-block-six .img-meta-container { max-width: 90%; } .fancy-text-block-seven .quote-wrapper blockquote { font-size: 28px; } .block-style-six .text-details .quote-wrapper { padding: 35px 25px 35px; } .useable-tools-section-two .icon-wrapper ul li .icon-box { height: 70px; } .useable-tools-section-two .icon-wrapper ul li .icon-box img { max-width: 70%; margin: 0 auto; } .fancy-short-banner-three .form-wrapper form button { width: 115px; } .fancy-short-banner-three .form-wrapper form input { padding: 0 125px 0 15px; } .theme-footer-two .top-footer .footer-title { font-size: 22px; padding-bottom: 10px; } .fancy-hero-three .heading { font-size: 48px; } .block-style-nine .text-wrapper .title { font-size: 30px; } .fancy-text-block-thirteen .text-wrapper p { font-size: 18px; } .fancy-text-block-fourteen .img-holder { padding: 0 15px; } .fancy-hero-two .heading { font-size: 40px; padding-top: 8px; } .pricing-nav-two .nav-item .nav-link { width: 130px; } .block-style-five .icon { height: 55px; } .feature-blog-three .post-meta .post .title { font-size: 22px; } .block-style-eleven .num { font-size: 25px; } .client-feedback-slider-two .slider-content { padding: 0; } .fancy-short-banner-four .form-wrapper form button { width: 125px; } .fancy-short-banner-four .form-wrapper form input { padding: 0 130px 0 15px; font-size: 16px; } .theme-footer-three .top-footer .footer-title { font-size: 22px; padding-bottom: 10px; } .fancy-hero-five .heading { font-size: 46px; } .fancy-text-block-seventeen .text-meta { font-size: 18px; line-height: 1.7em; } .team-section-three .slider-arrows li { display: none !important; } .teamSliderOne { margin-right: 0; } .useable-tools-section h6 { padding-bottom: 10px; } .doc-sidebar .list-item li h4 { font-size: 18px; } .doc-sidebar .list-item > li { padding: 5px 0 0; } .doc-pagination ul li span { display: none; } .pricing-nav-one .nav-item .nav-link { width: 130px; line-height: 45px; } .blog-details-post-v1 .comment-area, .blog-details-post-v1 .comment-form-section { padding: 40px 15px; } .blog-details-post-v1 .comment-area .reply { position: static; margin-top: 10px; } .blog-details-post-v1 .comment-form-section .title, .blog-details-post-v1 .comment-area .title { font-size: 30px; } #mega-menu-holder .mega-menu li { flex: 0 0 50%; max-width: 50%; } #mega-menu-holder .mega-menu li .img-box .hover { font-size: 18px; } .theme-menu-five .right-widget .demo-button { width: 50px; padding: 7px 0; display: block; } .theme-menu-five .right-widget .demo-button img { display: block; } .theme-menu-five .right-widget .demo-button span { display: none; } .hero-banner-five .button-group a { margin: 10px auto; } .hero-banner-five .img-gallery { margin-top: 60px; } .pricing-nav-three { margin-bottom: 20px; } .modal-contact-popup-one .main-body .left-side { display: none !important; } .hero-banner-six .illustration-content { width: 90%; margin-right: 0; } .hero-banner-six .button-group .ios-button { margin: 25px 0 0 0; } .fancy-feature-thirteen .carousel-inner .shape-two { left: -45px; } .pricing-table-area-five .pr-table-wrapper .popular-badge { left: 10px; } .fancy-short-banner-seven .shape-five { width: 150px; } .fancy-short-banner-seven .shape-four { width: 70px; } .hero-banner-seven .illustration-container { max-width: 100%; } .hero-banner-seven form button { width: 130px; font-size: 14px; } .hero-banner-seven form input { padding: 0 150px 0 15px; } .fancy-feature-fifteen .carousel-indicators { flex-direction: column; } .fancy-feature-fifteen .carousel-indicators li { margin-bottom: 15px; } .fancy-feature-fifteen .carousel-indicators li:before { display: none; } .block-style-eighteen .screen-holder-one { width: 100%; } .block-style-eighteen .screen-holder-one .logo-two, .block-style-eighteen .screen-holder-one .logo-three { left: 0; } .block-style-eighteen .screen-holder-one .logo-five, .block-style-eighteen .screen-holder-two .screen-one { right: 0; } .block-style-eighteen .screen-holder-three { width: auto; height: auto; padding: 50px 15px; } .clientSliderSix .item { margin-top: 60px; } .fancy-short-banner-eight .download-btn, .fancy-short-banner-nine .download-btn { width: 220px; margin-top: 50px; } .fancy-short-banner-eight .download-btn button, .fancy-short-banner-nine .download-btn button { line-height: 60px; font-size: 16px; } .theme-menu-five .right-widget .signup-btn { display: none; } .block-style-nineteen { padding: 30px 15px; } .block-style-nineteen .text h4 { font-size: 20px; } .fancy-feature-eighteen .tab-content .img-holder .ripple-box { width: 80%; height: 70%; font-size: 20px; background: rgba(0, 0, 0, 0.2); } .theme-menu-six .right-widget .signup-btn { display: none; } .theme-menu-six .right-widget .signIn-action { margin-right: 0; } .hero-banner-nine form button { width: 60px; height: 60px; } .hero-banner-nine form { height: 60px; } .hero-banner-nine form input { width: calc(100% - 80px); padding: 0 20px; } .block-style-twentyFour { padding: 30px 20px 40px; } .block-style-twentyFour .icon { width: 60px; height: 60px; } .block-style-twentyFour .text { width: calc(100% - 60px); padding-left: 25px; } .fancy-short-banner-ten .download-btn { width: 260px; } .fancy-short-banner-ten { padding: 80px 0; } .block-style-twentyThree .screen-container .shape-one { left: 0; } .block-style-twentyThree .screen-container .shape-two { right: 0; } .block-style-twentyThree .screen-container .shape-three { max-width: 100%; left: 0; bottom: 0; } .hero-banner-ten .button-group a, .fancy-short-banner-twelve .button-group a { margin: 10px auto; } .app-preview-slider-one .img-holder img { transform: scale(1); } .app-preview-slider-one .item { margin: 0 15px; } .app-preview-slider-one { margin: 0 -15px; } .app-screen-preview-one { margin-top: 100px; } .fancy-short-banner-twelve .shapes { opacity: 0.4; } .block-style-twentyFive .screen-container .block-content { position: static; transform: none; } .block-style-twentyFive .screen-container .feature-meta { margin: 0 0 30px; } .block-style-twentyFive .screen-container .bg-round-shape { position: absolute; left: 50%; top: 50%; z-index: -1; transform: translate(-50%, -50%); } .hero-banner-eleven form button { width: 130px; font-size: 14px; } .hero-banner-eleven form input { padding: 0 150px 0 15px; } .hero-banner-eleven form { height: 70px; } .fancy-portfolio-two .mix, .fancy-portfolio-two .mix.mixL, .fancy-portfolio-four .mix, .portfolio-details-one .main-content .project-info li { width: 100%; } .fancy-portfolio-five .slider-wrapper { margin: 0 -70vw; } .fancy-portfolio-five .slider-arrows li { margin: 25px 5px 0; width: 45px; height: 45px; } .hero-banner-twelve .hero-heading { font-size: 40px; } .hero-banner-twelve .screen-holder .screen-one { left: 0; } .hero-banner-twelve .screen-holder .screen-two { right: 0; } .hero-banner-twelve > .shapes, .fancy-feature-thirty .wrapper .shapes, .fancy-short-banner-fourteen .shapes { display: none; } .title-style-thirteen h2 { font-size: 38px; } .main-sidebar-nav { width: 95%; max-width: 320px; } .product-details-one .product-review-tab .nav-tabs .nav-link { margin: 0; width: 100%; padding: 10px 0; } .product-details-one .product-review-tab .nav-tabs .nav-item { width: 100%; } .breadcrumb-style-one .breadcrumb-item a, .breadcrumb-style-one .breadcrumb-item { font-size: 15px; } .cart-section .cart-footer .cart-total-section { text-align: left; } .cart-section .cart-footer .cart-total-table tr td { text-align: right; } .checkout-form .order-confirm-sheet .order-review { padding: 40px 20px; } } /*(max-width: 575px)*/ @media (max-width: 500px) { .useable-tools-section-two .icon-wrapper ul li { width: 30%; } br { display: none; } } @media (max-width: 430px) { .theme-main-menu .logo { max-width: 150px; margin: 0; } } @media (max-width: 400px) { .block-style-thirteen { padding-right: 0; padding-left: 0; } .clientSliderThree p { font-size: 22px; } } .mobileMenu { padding: 16px 0px; width: 100%; display: flex; flex-direction: column; height: calc(100vh - 80px); box-sizing: border-box; overflow-y: scroll; margin-top: 10px; color: #fff; } .mobileMenu::-webkit-scrollbar-thumb { background-color: #17192B !important; /* Change the color as desired */ display: none; } .mobileMenu::-webkit-scrollbar { background-color: #17192B !important; /* Change the color as desired */ display: none; } @media (min-width: 991px) { .mobileMenu { display: none; } } .mobileMenu .link { padding: 6px 16px; font-size: 15px; transition: 0.3s; margin: 4px 0px; transition: 0.5s; } .mobileMenu .link:focus { transform: translateX(8px); color: var(--blue-dark); } .mobileMenu .link:hover { transform: translateX(8px); color: var(--blue-dark); } .mobileMenu i { transition: 0.4; } .mobileMenu i.active { transform: rotate(90deg); } .mobileMenu .submenuOne { display: flex; flex-direction: column; width: 100%; border-top: 0.3px solid #424040; } .mobileMenu .submenuOne .title { width: 100%; display: flex; align-items: center; justify-content: space-between; padding: 8px 16px; column-gap: 50px; cursor: pointer; } .mobileMenu .submenuOne .title span { font-size: 17px; font-weight: 400; } .mobileMenu .submenuOne .toggle { display: flex; flex-direction: column; padding: 0px 12px; max-height: 0px; overflow: hidden; opacity: 0; transition: 0.3s; background-color: #171937; transition: 0.4s; } .mobileMenu .submenuOne .toggle.active { max-height: 400px; opacity: 1; } .mobileMenu .submenuOne .toggle .submenuTwo { display: flex; flex-direction: column; background-color: #171937; padding: 1px 7px; border-top: 0.3px solid #504e4e; } .mobileMenu .submenuOne .toggle .submenuTwo .title span { font-size: 16px; } .mobileMenu .submenuOne .toggle .submenuTwo .toggle { display: flex; flex-direction: column; padding: 0px 20px; } .mobileMenu .submenuOne .toggle .submenuTwo .toggle .link { margin: 0px 0px; } .mega-menu-wrapper { transition: 0.4s; } .mega-menu-wrapper.not-active { opacity: 0; visibility: hidden; } .sidebarMenu { padding: 16px 0px; width: 100%; display: flex; flex-direction: column; height: calc(100vh - 80px); box-sizing: border-box; overflow-y: scroll; margin-top: 10px; } .sidebarMenu .link { padding: 6px 16px; font-size: 14px; transition: 0.3s; transition: 0.5s; font-family: "Roboto", sans-serif; } .sidebarMenu .link:hover { transform: translateX(8px); } .sidebarMenu i { transition: 0.4; } .sidebarMenu i.active { transform: rotate(90deg); } .sidebarMenu .submenuOne { display: flex; flex-direction: column; width: 100%; color: black; border-top: 0.3px solid #ddd8d8; } .sidebarMenu .submenuOne:first-child { border-top: none; } .sidebarMenu .submenuOne .title { width: 100%; display: flex; align-items: center; justify-content: space-between; padding: 4px 16px; column-gap: 25px; font-family: "Roboto", sans-serif; cursor: pointer; } .sidebarMenu .submenuOne .title span { font-size: 18px; font-weight: 400; color: black; padding: 6px 0px; } .sidebarMenu .submenuOne .toggle { display: flex; flex-direction: column; padding: 0px 12px; max-height: 0px; overflow: hidden; opacity: 0; transition: 0.3s; transition: 0.4s; } .sidebarMenu .submenuOne .toggle.active { max-height: 400px; opacity: 1; } .sidebarMenu .submenuOne .toggle .submenuTwo { display: flex; flex-direction: column; padding: 1px 7px; border-top: 0.3px solid #ddd8d8; } .sidebarMenu .submenuOne .toggle .submenuTwo .title span { font-size: 16px; padding: 4px 0px; } .sidebarMenu .submenuOne .toggle .submenuTwo .toggle { display: flex; flex-direction: column; padding: 2px 20px; } .sidebarMenu .submenuOne .toggle .submenuTwo .toggle .link { margin: 0px 0px; } .wrapper-two-menu { opacity: 0; transform: translateX(-100%); visibility: hidden; transition: 0.4s !important; pointer-events: none; width: 0px; overflow: hidden; } .wrapper-two-menu.active { width: 300px; pointer-events: all; transform: translateX(0%); visibility: visible; opacity: 1; } .mega-menu-wrapper { transition: 0.4s !important; } .hoverPurple:hover { background: var(--purple-blue) !important; } body .activeMenu { color: var(--blue-dark) !important; } .slick-dots li button::before { font-size: 0px !important; width: 18px !important; height: 18px !important; opacity: 0.75 !important; } .slick-dots li button::after { left: -0.9px !important; top: -0.9px !important; } .slick-dots { list-style: none !important; text-align: center !important; } .slick-dots li { position: relative !important; display: inline-block !important; padding: 0 !important; } .slick-dots li, .slick-dots li button { width: 20px !important; height: 20px !important; cursor: pointer !important; } .slick-dots li button { font-size: 0 !important; line-height: 0 !important; display: block !important; padding: 5px !important; color: transparent !important; border: 0 !important; outline: none !important; background: transparent !important; } .slick-dots li button:focus, .slick-dots li button:hover { outline: none !important; } .slick-dots li button:focus:before, .slick-dots li button:hover:before { opacity: 1 !important; } .slick-dots li button:before { font-family: slick !important; font-size: 0px !important; line-height: 20px !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 14px !important; height: 14px !important; content: "•" !important; text-align: center !important; opacity: 0.75 !important; color: #000 !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } .slick-dots li.slick-active button:before { opacity: 0.75 !important; color: #000 !important; } .slick-dots li button:after { width: 14px; height: 14px; left: 0px !important; top: 0px !important; } .slider-customized .slick-next:focus { color: #fff !important; background-color: #efc36f !important; } .slider-customized .slick-next:hover { color: #fff !important; background-color: #efc36f !important; } .slider-customized .slick-prev:focus { color: #fff !important; background-color: #efc36f !important; } .slider-customized .slick-prev:hover { color: #fff !important; background-color: #efc36f !important; } .active-scroll-spy > * { border-bottom: 2px solid black; }