/*=== Basic box styling ===*/ .text-box { color: white; margin: 0 auto 3%; width: 100%; } /*=== Trigger ===*/ .animate { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } /*=== Optional Delays, change values here ===*/ .one { -webkit-animation-delay: 0.5s; -moz-animation-delay: 0.5s; animation-delay: 0.5s; } .two { -webkit-animation-delay: 1.5s; -moz-animation-delay: 1.5s; animation-delay: 1.5s; } .three { -webkit-animation-delay: 2.5s; -moz-animation-delay: 2.5s; animation-delay: 2.5s; } .four { -webkit-animation-delay: 3.5s; -moz-animation-delay: 3.5s; animation-delay: 3.5s; } .five { -webkit-animation-delay: 4.5s; -moz-animation-delay: 4.5s; animation-delay: 4.5s; } .six { -webkit-animation-delay: 5.5s; -moz-animation-delay: 5.5s; animation-delay: 5.5s; } .seven { -webkit-animation-delay: 6.5s; -moz-animation-delay: 6.5s; animation-delay: 6.5s; } .eight { -webkit-animation-delay: 7.5s; -moz-animation-delay: 7.5s; animation-delay: 7.5s; } /*=== Animations start here ===*/ /*==== FADE IN UP ===*/ @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } /*=== FADE IN DOWN ===*/ .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } /*=== FADE IN LEFT ===*/ @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } /*==== FADE IN RIGHT ===*/ @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } /*=== FADE IN ===*/ @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } /*=== FADE IN UP Big ===*/ .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } /*=== FADE IN DOWN Big ===*/ .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } /*=== FADE IN LEFT Big ===*/ .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } /*=== FADE IN RIGHT Big ===*/ .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } /*----------------------*/ /*---Animation 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: 0.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: 0.1s; } [data-aos][data-aos][data-aos-duration="150"], body[data-aos-duration="150"] [data-aos] { transition-duration: 0.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: 0.15s; } [data-aos][data-aos][data-aos-duration="200"], body[data-aos-duration="200"] [data-aos] { transition-duration: 0.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: 0.2s; } [data-aos][data-aos][data-aos-duration="250"], body[data-aos-duration="250"] [data-aos] { transition-duration: 0.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: 0.25s; } [data-aos][data-aos][data-aos-duration="300"], body[data-aos-duration="300"] [data-aos] { transition-duration: 0.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: 0.3s; } [data-aos][data-aos][data-aos-duration="350"], body[data-aos-duration="350"] [data-aos] { transition-duration: 0.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: 0.35s; } [data-aos][data-aos][data-aos-duration="400"], body[data-aos-duration="400"] [data-aos] { transition-duration: 0.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: 0.4s; } [data-aos][data-aos][data-aos-duration="450"], body[data-aos-duration="450"] [data-aos] { transition-duration: 0.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: 0.45s; } [data-aos][data-aos][data-aos-duration="500"], body[data-aos-duration="500"] [data-aos] { transition-duration: 0.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: 0.5s; } [data-aos][data-aos][data-aos-duration="550"], body[data-aos-duration="550"] [data-aos] { transition-duration: 0.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: 0.55s; } [data-aos][data-aos][data-aos-duration="600"], body[data-aos-duration="600"] [data-aos] { transition-duration: 0.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: 0.6s; } [data-aos][data-aos][data-aos-duration="650"], body[data-aos-duration="650"] [data-aos] { transition-duration: 0.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: 0.65s; } [data-aos][data-aos][data-aos-duration="700"], body[data-aos-duration="700"] [data-aos] { transition-duration: 0.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: 0.7s; } [data-aos][data-aos][data-aos-duration="750"], body[data-aos-duration="750"] [data-aos] { transition-duration: 0.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: 0.75s; } [data-aos][data-aos][data-aos-duration="800"], body[data-aos-duration="800"] [data-aos] { transition-duration: 0.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: 0.8s; } [data-aos][data-aos][data-aos-duration="850"], body[data-aos-duration="850"] [data-aos] { transition-duration: 0.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: 0.85s; } [data-aos][data-aos][data-aos-duration="900"], body[data-aos-duration="900"] [data-aos] { transition-duration: 0.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: 0.9s; } [data-aos][data-aos][data-aos-duration="950"], body[data-aos-duration="950"] [data-aos] { transition-duration: 0.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: 0.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(0.25, 0.25, 0.75, 0.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(0.6, -0.28, 0.735, 0.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(0.175, 0.885, 0.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(0.68, -0.55, 0.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(0.47, 0, 0.745, 0.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(0.39, 0.575, 0.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(0.445, 0.05, 0.55, 0.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(0.55, 0.085, 0.68, 0.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(0.25, 0.46, 0.45, 0.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(0.455, 0.03, 0.515, 0.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(0.55, 0.085, 0.68, 0.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(0.25, 0.46, 0.45, 0.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(0.455, 0.03, 0.515, 0.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(0.55, 0.085, 0.68, 0.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(0.25, 0.46, 0.45, 0.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(0.455, 0.03, 0.515, 0.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(0.6); } [data-aos="zoom-in-up"] { transform: translate3d(0, 100px, 0) scale(0.6); } [data-aos="zoom-in-down"] { transform: translate3d(0, -100px, 0) scale(0.6); } [data-aos="zoom-in-right"] { transform: translate3d(-100px, 0, 0) scale(0.6); } [data-aos="zoom-in-left"] { transform: translate3d(100px, 0, 0) scale(0.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"] { 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); } /*---------Root css------------------------------*/ .bg_white{background:#fff}body{font-family:"Poppins",sans-serif;font-size:16px;overflow-x:hidden !important}@media(max-width: 768px){.row{overflow-x:hidden !important;overflow-y:hidden}}.custom_btn{padding:12px 20px !important;cursor:pointer;background:#ff8831;color:#fff !important;font-size:18px;font-weight:500;position:relative;text-align:center;overflow:hidden;z-index:1;transition:color .4s cubic-bezier(0.4, 0, 0.2, 1);border-radius:2px;display:inline-block;min-width:180px}.custom_btn::after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:#0a91ff;border:none;transform-origin:right center;transform:scale(0, 1);transition:transform .4s cubic-bezier(0.4, 0, 0.2, 1);z-index:-1}.custom_btn:hover::after{transform-origin:left center;transform:scale(1, 1)}.custom_btn:hover{text-decoration:none}/*# sourceMappingURL=root.css.map */ /*---------content css---------*/ .bg_white{background:#fff}#about-company{padding:2rem 0;width:100%}.heading{text-align:center;padding:2rem 0 0;font-weight:600}.heading span{font-size:1.5rem;float:left;background:rgba(255,165,0,.2);color:var(--orange);border-radius:.5rem;margin-right:.4rem;padding:.2rem 1rem;text-transform:uppercase;font-weight:600}.heading span.space{background:none;padding:.25rem}@media(max-width: 768px){.heading{padding-bottom:2.5rem}}.what-we-do{padding:0 0 3rem 0;position:relative}.what-we-do .texture_right{position:absolute;right:0;top:0;opacity:.1;filter:invert(0)}.what-we-do h2{font-size:2.5rem;color:#000}@media(max-width: 767px){.what-we-do{padding:0 0 2rem 0}.what-we-do .title-desc{padding:0;color:#000}}.box-container{display:flex;flex-wrap:wrap;gap:20px}.box-container .box{position:relative;background:#fff;box-shadow:0 0 30px 2px #f2f2f2;flex:1 1 17rem;padding:1.5rem 1rem;text-align:center;border-bottom:1px solid #f7eeee;border-radius:8px;overflow:hidden}@media(max-width: 1024px){.box-container .box{border:none}}.box-container .box .top{background:#6682ff;width:50px;height:6px;position:absolute;top:0;left:50%;transform:translate(-50%);border-bottom-left-radius:10px;border-bottom-right-radius:10px;-webkit-transform:translate(-50%);-moz-transform:translate(-50%);-ms-transform:translate(-50%);-o-transform:translate(-50%)}.box-container .box .svg_icon{width:80px;filter:sepia(150%) hue-rotate(200deg) saturate(1600%);margin-bottom:1rem}.box-container .box .arrow_icon{width:30px;height:30px}.box-container .box h3{font-size:1.2rem;font-weight:600;color:#000;text-transform:capitalize}.box-container .box i{padding:1rem;font-size:3rem;color:var(--orange)}.box-container .box p{font-size:.9rem;color:#666;padding:1rem 0}.box-container .box .icon-img{width:80px;margin-bottom:1rem}@media(max-width: 767px){.box-container .box{border-right:none;border-bottom:none}}.box.active_box{background:#003b93;box-shadow:0 0 10px 2px #ddd}.box.active_box h3{color:#fff}.box.active_box .top{background:#fff}.box.active_box .svg_icon{filter:brightness(0) invert(1)}.box .box-desc{opacity:0;position:absolute;top:0;left:0;transition:.3s;padding:1.3rem 1rem;font-size:.85rem;height:100%;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s}.box:hover .box-desc{background:#1c498e;color:#fff;opacity:1}.box:hover .box-desc a:hover{text-decoration:none}.is-clipped{overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2}.box .box-desc .svg_icon{filter:brightness(0) invert(1)}.box .box-desc h3{color:#fff}.box .box-desc .is-clipped{font-size:1rem}.box .box-desc a h3{color:#fff}.callToAction{display:flex;justify-content:center;align-items:center}a.anchorBtn{background:#ff8831;padding:.7rem 1rem;color:#fff;margin-top:.875rem;border-radius:.1rem;font-weight:500;text-decoration:none}a.anchorBtn:hover{background:#0a91ff}.f-face-xl{font-size:1.25rem;font-weight:300}.f-face-xl span{font-weight:600}.title-desc{padding:0 5rem;text-align:center;color:#666}@media(max-width: 768px){.title-desc{padding:.5rem}}.content-align-center{display:flex;justify-content:center;align-items:center}.content-align-center .iconInner{width:100px;padding-bottom:1rem}.book__a__metting{position:fixed;right:5%;bottom:9.5%;z-index:1000;border-radius:.8rem !important;padding:.7rem 1rem;color:#fff;margin-top:.875rem;border-radius:.1rem;font-weight:500;text-decoration:none;padding-left:1.5rem;padding-right:1.5rem;background-color:#ff8831;animation:glowing 2000ms infinite}@media(max-width: 540px){.book__a__metting{position:fixed;left:2%;right:2%;bottom:1% !important;text-align:center;padding:1rem;border:none}}.book__a__metting a{color:#fff;text-decoration:none}@keyframes glowing{0%{background-color:#ff8831;border:1px solid #fab86c}50%{background-color:#003b93;border:1px solid #7bb9ff}100%{background-color:#ff8831;border:1px solid #fab86c}}/*# sourceMappingURL=content.css.map */ /*----Service------------------*/ .bg_white{background:#fff}.industry-expertise{padding:2rem 0 4rem 0;background-position:top;background-size:cover;position:relative}.industry-expertise h2{font-size:2.5rem}.industry-expertise ul{padding:0;margin:0;list-style:none}.industry-expertise ul li{display:inline-block;width:47%;margin-right:10px;font-size:15px;color:#666;border-bottom:1px solid #ddd}.industry-expertise ul li .media{margin-top:.5rem;margin-bottom:.5rem}.industry-expertise ul li img{width:80px;height:70px;border-radius:.5rem;border:2px solid #f2f2f2;box-shadow:0 0 10px #ddd;transition:all .3s ease}.industry-expertise ul li h5{font-size:.9rem;color:#000;font-weight:600;position:relative}.industry-expertise ul li h5 a{color:#000}.industry-expertise ul li:hover a{color:#003b93;text-decoration:none}.industry-expertise ul li:hover h5{color:#003b93;text-decoration:underline}.industry-expertise ul li p{margin-bottom:.3rem}.industry-expertise ul li:hover img{transform:scale(1.1);transition:all .3s ease}.industry-expertise ul li:last-child{border-bottom:none}@media(max-width: 767px){.industry-expertise ul li{width:100%}}.industry-expertise .top-left{position:absolute;left:0;top:0}.industry-expertise .top-left #triangle-topleft{width:0;height:0;border-top:100px solid #d5ebff;border-right:100px solid rgba(0,0,0,0)}.industry-expertise .top-left img{filter:opacity(0.1)}@media(max-width: 575.98px){.industry-expertise .top-left img{width:100%}}.industry-expertise .bottom-right{position:absolute;right:0;bottom:0}.industry-expertise .bottom-right #triangle-bottomright{width:0;height:0;border-bottom:100px solid #efefef;border-left:100px solid rgba(0,0,0,0)}@media(max-width: 768px){.industry-expertise .bottom-right #triangle-bottomright{display:none}}@media(max-width: 767px){.industry-expertise{padding:0}.industry-expertise .title-desc{padding:0}}.bg_gray{background:#f8f8f8}.industry-expertise:before{content:"";background:rgba(255,255,255,.85);position:absolute;top:0;left:0;right:0;bottom:0}.zIndex{position:relative;z-index:1000}.flexColumn{display:flex;gap:20px}@media(max-width: 992px){.flexColumn{flex-direction:column}}.flexColumn h3{font-size:1rem !important}.flexColumn .containerboxLft{display:flex;width:60%;height:100%}@media(max-width: 992px){.flexColumn .containerboxLft{width:100%}}.flexColumn .containerboxLft .box{height:auto}.flexColumn .containerboxRgt{display:flex;width:40%}@media(max-width: 992px){.flexColumn .containerboxRgt{width:100%}}.flexColumn .containerboxRgt .columnRowFlex{display:flex;gap:20px}.positionRelative{position:relative;margin-bottom:20px;border-radius:4px;overflow:hidden;margin-left:10px}@media(max-width: 992px){.positionRelative{margin-top:10px;margin-left:0;margin-bottom:0}}.positionRelative a{text-align:center}.positionRelative a:hover{transform:scale(1)}.positionRelative a:hover img{transform:scale(1.5);-webkit-transform:scale(1.5);-moz-transform:scale(1.5);-ms-transform:scale(1.5);-o-transform:scale(1.5);transition:all .3s}.positionRelative a img{max-width:200px;height:110px;transition:all .3s;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}@media(max-width: 992px){.positionRelative a img{max-width:100%;height:100%}}.industryName{position:absolute;top:0;left:0;bottom:0;right:0;color:#fff;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:end;padding-bottom:10px;white-space:wrap;padding:0 15px 15px}.nopadding>div[class^=col-]{padding-right:5.5px !important;padding-left:5.5px !important}.industryName:hover img{display:block;transform:scale(1.3)}/*# sourceMappingURL=service.css.map */ /*----------knowledge-library-------------------*/ .bg_white{background:#fff}.knowledge-library-section{padding:2rem 0 4rem 0;background:#f7fafb}.knowledge-library-section h2{font-size:2.5rem}@media(max-width: 767px){.knowledge-library-section{width:100%}.knowledge-library-section .title-desc{padding:0 0 2rem 0}.knowledge-library-section .content-wraper{width:100% !important}}.blog-wrapper{display:flex;flex-wrap:wrap;gap:1.5rem;padding:1.5rem 0;text-align:left}@media(max-width: 768px){.blog-wrapper{gap:0}}.blog-wrapper .blog-card{flex:1 1 20rem;box-shadow:0 1rem 2rem rgba(0,0,0,.1);border-radius:.2rem;overflow:hidden;position:relative !important;z-index:10}@media(max-width: 768px){.blog-wrapper .blog-card{gap:0;margin:.56rem;border-bottom:2px solid #ebebeb}}.blog-wrapper .blog-card a{color:#000}.blog-wrapper .blog-card h4{font-weight:600;font-size:15px;margin-top:.8rem;text-align:left}.blog-wrapper .blog-card p{color:#666;font-size:15px;text-align:left;line-height:23px}.blog-wrapper .blog-card .publish-date{padding:1rem 0 0;text-align:left;font-size:15px;color:#a5a5a5}.blog-wrapper .blog-card .figImg{position:relative}.blog-wrapper .blog-card .shareIc{position:absolute;bottom:10px;right:20px;width:40px;height:40px;line-height:40px;background:rgba(0,59,147,.8);transition:all .3s ease;text-align:center;border-radius:50px}.blog-wrapper .blog-card .shareIc i{color:#fff;line-height:auto;cursor:pointer}.blog-wrapper .blog-card .shareIc li a{text-decoration:none}.blog-wrapper .blog-card:hover .shareIc{background:#ff8831}.blog-wrapper .blog-card .info{padding:20px}.blog-wrapper .blog-card .cats{position:relative;z-index:1;padding-left:25px;text-align:left;margin-bottom:15px;font-weight:600}.blog-wrapper .blog-card .cats::after{position:absolute;left:0;top:50%;content:"";height:1px;width:15px;background:#666}.btn-container{display:flex;justify-content:center}.show-more-btn{padding:.7rem 1rem;color:#fff;margin-top:.875rem;border-radius:.1rem;font-weight:500;text-decoration:none;background:#ff8831}.show-more-btn:hover{color:#fff;text-decoration:none}.button-effect{padding:10px 0px 0}.button-effect a{margin-right:17px;background-color:#ff8831}.button-effect a:last-child{margin-right:0px}.effect{text-align:center;display:inline-block;position:relative;text-decoration:none;color:#fff;text-transform:capitalize;font-size:18px;padding:.5rem .75rem;width:150px;border-radius:.2rem;overflow:hidden}.effect.effect-1{transition:all .2s linear 0s}.effect.effect-1:before{content:"";font-family:FontAwesome;font-size:15px;position:absolute;display:flex;align-items:center;justify-content:center;right:0;top:0;opacity:0;height:100%;width:40px;transition:all .2s linear 0s}.effect.effect-1:hover{text-indent:-20px;color:#fff;text-decoration:none;background:#0a91ff}.effect.effect-1:hover:before{opacity:1;text-indent:0px}/*# sourceMappingURL=knowledge-library-grid-layout.css.map */ /*-------Tabs---------------*/ #wrapper{display:flex;justify-content:center;align-items:center;width:100%}.content{max-width:1380px;width:100%;min-width:260px;margin:0 auto !important;margin-top:10%;transition:.3s ease}@media screen and (max-width: 512px){.content{margin:0;margin-top:5%}}.tabs{margin:0;display:flex;justify-content:space-between;align-items:center;height:80px;border-radius:2px 2px 0px 0px}@media screen and (max-width: 512px){.tabs{height:40px}}.tablinks{background-image:linear-gradient(90deg, transparent 70%, rgba(255, 255, 255, 0.2) 100%);border:none;outline:none;cursor:pointer;width:35%;height:80px;position:relative;display:flex;justify-content:center;align-items:center;font-size:18px;overflow:hidden;transition:.3s ease;margin:1px}@media screen and (max-width: 512px){.tablinks{height:40px;font-size:12px}}.tablinks:before{background-image:linear-gradient(135deg, #667eea 0%, #764ba2 100%);content:"";width:100%;height:0px;position:absolute;top:0;left:0;transition:.3s ease-in-out;z-index:2}.tablinks:hover::before{height:100%;z-index:2;bottom:0}@media screen and (max-width: 512px){.tablinks:hover::before{height:0}}.tablinks.active{background-color:#fff;z-index:0;border-right:0px;border-left:0px;height:110px;bottom:0px;overflow:hidden}@media screen and (max-width: 512px){.tablinks.active{height:60px}}.tablinks.active:before{content:"";width:100%;height:5px;top:0;left:0}.tablinks.active p,.tablinks.active:hover p{opacity:1;background:-webkit-linear-gradient(135deg, #667eea 0%, #764ba2 100%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.tablinks p{opacity:.6;display:flex;align-items:center;justify-content:center;z-index:2;transition:.5s ease;padding:0;margin:0;color:#000;backface-visibility:hidden;font-weight:600}.tablinks:hover p{color:#fff;opacity:1}@media screen and (max-width: 512px){.tablinks:hover p{color:#000;opacity:.6}}.tablinks p:before{content:attr(data-title);position:absolute;height:auto;width:auto;color:#fff;display:flex;align-items:center;justify-content:center;opacity:.1;font-size:40px;transition:1s ease-out;z-index:-1;font-weight:600;top:110%}@media screen and (max-width: 512px){.tablinks p:before{display:none}}.tablinks:hover p:before{opacity:.1;font-size:40px;top:-80%}.wrapper_tabcontent{background-color:#fff;margin-top:0px;z-index:0;position:relative;opacity:1;padding:40px 60px 80px;overflow:hidden;transition:all 1s ease;top:0}.wrapper_tabcontent .blog-card:hover img{transform:scale(1.05)}.wrapper_tabcontent .blog-card .objectFit{width:100%;height:auto;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;transition:all 1s ease}.wrapper_tabcontent .blog-card .shareIc .shareIcons{padding:0;margin:0 0 2px 0;background:rgba(0,0,0,0);width:auto;min-width:auto;border-radius:0;overflow:hidden;border:none}.wrapper_tabcontent .blog-card .shareIc .shareIcons i{font-size:1.5rem;padding:.56rem;color:#000;display:block;text-align:center;border-radius:50px;margin-top:.5rem;width:40px;height:40px}.wrapper_tabcontent .blog-card .shareIc .shareIcons i.facebook{background:#3b5998;color:#fff;transition:all .3s ease}.wrapper_tabcontent .blog-card .shareIc .shareIcons i.facebook:hover{background:#21438d}.wrapper_tabcontent .blog-card .shareIc .shareIcons i.twitter{background:#55acee;color:#fff;transition:all .3s ease}.wrapper_tabcontent .blog-card .shareIc .shareIcons i.twitter:hover{background:#1188e4}.wrapper_tabcontent .blog-card .shareIc .shareIcons i.linkedin{background:#0976b4;color:#fff;transition:all .3s ease}.wrapper_tabcontent .blog-card .shareIc .shareIcons i.linkedin:hover{background:#0080e2}@media(max-width: 768px){.wrapper_tabcontent{padding:0 0 1.5rem 0}}.shareIcons ul li a img{animation:none !important;-webkit-animation:none !important}.twitter_x{background:#55acee;animation:none;-webkit-animation:none}.tabcontent{display:none;min-height:180px}@media(max-width: 768px){.tabcontent h3{display:none}}@keyframes tabEffect{from{top:-40px}to{top:0px}}.tabcontent.active{transition:all 1s ease;display:block}.wrapper_tabcontent:after{content:"";height:5px;width:100%;position:absolute;background-image:linear-gradient(135deg, #667eea 0%, #764ba2 100%);left:0;bottom:0;z-index:-2;transition:all 1s ease}.tabcontent h3{font-size:40px;top:75px;transform:rotate(90deg);position:absolute;left:-90px;opacity:.1;width:207px;height:80px;background:-webkit-linear-gradient(135deg, #667eea 0%, #764ba2 100%);-webkit-background-clip:text;padding:0;animation:city 1s ease}@media screen and (max-width: 512px){.tabcontent h3{top:65px}}@keyframes city{from{left:-150px}to{left:-90px}}.tabcontent p,.tabcontent img{color:#666;margin:0;padding:0;line-height:28px;transition:all 1s ease;animation:fadeEffect .6s ease;width:100%}@media screen and (max-width: 512px){.tabcontent p,.tabcontent img{font-size:14px;line-height:26px}}@keyframes fadeEffect{from{opacity:0;margin-left:30px}to{opacity:1;margin-left:0}}/*# sourceMappingURL=tab.css.map */ /*--------Customer css------------*/ .customer-section{padding:2rem 0 4rem 0}.customer-section h2{padding-bottom:3rem;font-size:2.5rem}.slick-slide{margin:0 auto}.slick-slide .slick-slide img{width:100%;max-width:150px}.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;touch-action:pan-y;-webkit-tap-highlight-color:rgba(0,0,0,0)}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{transform:translate3d(0, 0, 0)}.slick-track{position:relative;top:0;left:0;display:block}.slick-track:before,.slick-track:after{display:table;content:""}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.customer-logos .slick-list .slick-track .slick-slide{display:flex;justify-content:center;align-items:center}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid rgba(0,0,0,0)}.slick-arrow.slick-hidden{display:none}.slick-dotted.slick-slider{margin-bottom:30px}.slick-dots{position:absolute;bottom:-25px;display:block;width:100%;padding:0;margin:0;list-style:none;text-align:center}.slick-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:0 5px;padding:0;cursor:pointer}.slick-dots li button{font-size:0;line-height:0;display:block;width:12px;height:12px;padding:5px;cursor:pointer;color:rgba(0,0,0,0);border:0;outline:none;background:rgba(0,0,0,0)}.slick-dots li button:hover,.slick-dots li button:focus{outline:none}.slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity:1}.slick-dots li button:before{font-family:"slick";font-size:6px;line-height:20px;position:absolute;top:0;left:0;width:12px;height:12px;border-radius:10px;content:"";background:#667eea;text-align:center;opacity:.25;color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-dots li.slick-active button:before{opacity:.75;color:#000}/*# sourceMappingURL=customer.css.map */ /*---------Testimonial-------------*/ .bg_white{background:#fff}.testimonial-section{position:relative;background:url("../images/businessman.jpg");background-size:cover;background-position:center center;background-repeat:no-repeat;padding:1rem 0 1rem 0}.testimonial-section h2{padding-bottom:3rem;font-size:2.5rem;color:#fff}.testimonial-section::before{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:rgba(0,41,102,.9);z-index:1}.testimonial_wrapper{position:relative;max-width:1080px;margin:0 auto;padding:0;border-radius:10px;z-index:1}.slideshow{position:relative;min-height:300px;height:auto;background:rgba(0,0,0,0);background-position-x:0%;background-position-y:0%;background-repeat:repeat;background-image:none;background-size:auto;border-radius:20px;background-position:top 15px left 15px,bottom 40% right 15px;background-repeat:no-repeat;background-size:180px,180px;z-index:3}.slideshow .slick-slide img{display:inline-block}.avtar{display:block;width:100%;padding:.45rem}.avtar img{width:100px;height:100px;border-radius:100px;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;border:4px solid #ddd;box-shadow:0px 18px 52.8537px rgba(180,180,180,.5)}.testimonial{padding:2rem 1.5rem;text-align:center}@media(max-width: 767px){.testimonial{padding:0}}.slick-slide img{display:block}.customer-logos .slick-slide img{background:#fff;padding:0 10px}.testimonial .bubble{width:80%;margin:10px auto}.sdCustomSliderHeadig{color:#fff;font-weight:300;line-height:1.6em;text-align:center;font-style:italic}.sdCustomSliderHeadig .left{filter:brightness(0) invert(1);position:relative;top:-6px;right:6px}.sdCustomSliderHeadig .right{filter:brightness(0) invert(1);position:relative;top:6px;left:15px}.SdClientName{text-align:center;color:#f5f7fa;font-size:1.2rem;font-weight:500;line-height:1.4em;margin-top:10px}.SdClientDesc{color:#c3cfe2}.bubble .testmonial-message{height:100%;border-radius:5px;background-color:#fff;padding:2rem 3rem;display:flex;justify-content:space-between;flex-direction:column}.item-footer{display:flex}.bubble .testmonial-message:before{content:"“";position:absolute;font-size:80px;padding:10px;line-height:1;color:#666}.bubble .testmonial-message:before{top:0;left:10px}.bubble cite{padding-left:20px;color:#666}/*# sourceMappingURL=testimonial.css.map */ /*--------Contact css---------------*/ .bg_white{background:#fff}.contact-us-section{padding:0 0 2rem 0;background:#f7fafb url(../images/contact-bg.jpg) no-repeat;background-size:cover;background-position:left center;position:relative}.contact-us-section::before{content:"";background:rgba(247,250,251,.95);position:absolute;top:0;left:0;right:0;bottom:0;z-index:0}@media(max-width: 767.98px){.contact-us-section{padding-top:2rem}}.contact-info{width:auto;padding:10px;height:auto;background:#fff;color:#000;font-size:.55rem;position:absolute;left:-156px !important;right:0;top:8px !important;border-radius:.12rem;bottom:0}.contact-info a{color:#000}.contact-info a .vew-map{width:15px;float:right}@media(max-width: 768px){.uk_mobile{width:90%;margin-left:-36px;background:rgba(0,0,0,0)}}@media(max-width: 768px){.nl_mobile{width:90%;margin-left:-73px;background:rgba(0,0,0,0)}}@media(max-width: 768px){.up_mobile{width:90%;margin-left:-226px;background:rgba(0,0,0,0)}}@media(max-width: 768px){.dl_mobile{width:90%;margin-left:-206px;background:rgba(0,0,0,0)}}.form-section{position:relative;z-index:10 !important}.contact-form{background:rgba(0,0,0,0);padding:3rem 0 1rem 0;margin-bottom:0;width:100%;overflow:hidden;position:relative;border-radius:25px}.contact-form .btn-submit{padding:.7rem 1rem;color:#fff;margin-top:.875rem;border-radius:.1rem;font-weight:500;text-decoration:none;background:#ff8831;border:none}.contact-form .btn-submit:hover{background:#0a91ff}@media(max-width: 767px){.contact-form{padding:0;border-radius:5px}}.contact-form p small a:hover{color:#003b93}.contact-form .form-row>.col,.form-row>[class*=col-]{padding-right:11px;padding-left:11px;padding-bottom:1rem}.contact-form .form-control.input-field{width:100%;height:50px;border-radius:8px;background-color:#fff;border:1px solid #eaeaea;padding-left:15px;font-size:15px}.contact-form .form-control.input-field:focus{border:1px solid rgba(252,113,25,.3);box-shadow:none;box-shadow:0 0 10px rgba(0,0,0,.05)}.contact-form .btn-orange:hover{color:#fff}.contact-form textarea{width:100%;border-radius:8px;font-size:15px;background-color:#fff;padding-left:15px;height:120px;resize:none;padding-top:12px;border:1px solid #eaeaea}.contact-form textarea:focus{border:1px solid rgba(252,113,25,.3);box-shadow:none !important;outline:0;box-shadow:0 0 10px rgba(0,0,0,.05) !important}.contact-form .form-row .form-control{color:#000 !important}.contact-form .form-row .error{font-size:15px;color:red}.contact-form .form-row textarea{color:#000 !important}.short-info{width:100%;text-align:left;padding:0}.short-info .address,.short-info .email,.short-info .phone,.short-info .location{text-align:left;border-bottom:2px solid #e6e6e6;padding-bottom:1.5rem}.short-info .address:hover i,.short-info .email:hover i,.short-info .phone:hover i,.short-info .location:hover i{background:#ff8831;color:#fff}.short-info .address i,.short-info .email i,.short-info .phone i,.short-info .location i{font-size:20px;color:#005581;float:left;width:44px;height:44px;background:#fff;display:flex;justify-content:center;align-items:center;border-radius:50px;transition:all .3s ease-in-out}.short-info .address h4,.short-info .email h4,.short-info .phone h4,.short-info .location h4{padding:0 0 0 60px;font-size:20px;font-weight:600;margin-bottom:5px;color:#003b93}.short-info .address p,.short-info .email p,.short-info .phone p,.short-info .location p{padding:0 0 0 60px;margin-bottom:0;font-size:14px;color:#333}.g-recaptcha{margin-left:7px}@media only screen and (max-width: 540px){.g-recaptcha{transform:scale(0.81);transform-origin:0 0}}.location_flag{display:block;padding:1.5rem 1rem}@media(max-width: 320px){.location_flag{padding-right:0 !important;padding-left:0 !important}}.location_flag img{width:70px;height:100%;cursor:pointer;border-radius:.2rem;border:1px solid #ddd;padding:.2rem;background:#fff}.location_flag ul{padding:0 2.8rem;list-style-type:none}@media(max-width: 320px){.location_flag ul{padding:0 !important}}@media(max-width: 768px){.location_flag ul{padding:0 1.8rem}}.location_flag ul li{margin:0 0 1rem 0}.location_flag ul li .location_name{font-weight:500;color:#666;padding-left:1rem}.location_flag ul li a{text-decoration:none;display:flex;align-items:center}/*# sourceMappingURL=contact.css.map */ /*---------Footer Css----------------*/ .bg_white { background: #fff; } .footer_logo { margin-top: -30px; } .request-demo { padding: 2rem 3rem; background: #003b93 url(../images/contact_us.jpg); background-size: cover; position: relative; display: flex; align-items: center; justify-content: center; background-position: center; background-attachment: fixed; z-index: -1; height: 300px; overflow: hidden; text-align: center; width: 100%; float: left; } .request-demo::before { content: ""; position: absolute; top: 0; left: 0; /*background: rgba(0,59,147,0.8);*/ background: rgba(0, 59, 147, 0.8); width: 100%; height: 100%; } @media (max-width: 640px) { .request-demo { padding: 3rem 1rem; } } .request-demo a { color: #fff; text-transform: none !important; } .request-demo .effect-xl { width: 250px; } .request-demo .section-heading { color: #fff; margin-bottom: 2.5rem; font-weight: 700; } .request-demo .section-heading span { font-weight: 500; } .footer { float: left; width: 100%; background: #061a39; color: #fff; padding: 2.5rem 0 0; } .footer h3 { font-size: 1.3rem; margin-bottom: 2rem; } .footer .tradMarkFooter { font-weight: 600; color: #fff; font-size: 0.65rem; vertical-align: text-top; } @media (max-width: 768px) { .footer h3 { margin-top: 2rem; } } .footerList { padding: 0; margin: 0; } .footerList li { display: block; padding: 0; list-style-type: none; position: relative; } .footerList li a { padding-bottom: 0.3rem; margin: 0 0 0.5rem; color: #fff; font-size: 14px; text-decoration: none; display: inline-block; position: relative; } @media (max-width: 540px) { .footerList li a { display: block; padding: 0.8rem 0; margin: 0; border-bottom: 1px solid #293360; font-size: 16px; } } .footerList li a::after { background: none repeat scroll 0 0 transparent; bottom: 0; content: ""; display: block; height: 1px; left: 50%; position: absolute; background: #ff8831; transition: width 0.3s ease 0s, left 0.3s ease 0s; width: 0; } .footerList li a:hover:after { width: 100%; left: 0; } .footerList li:focus { outline: 0; box-shadow: 0; } .footerList li span { margin: 0 1.334rem; color: #fff; } .footerList p { font-size: 0.9rem; } .brand-caption { font-size: 0.875rem; padding: 1rem 1rem 0 0; } .copyright { background: #020f24; color: #fff; padding: 1.3rem 0 1rem; font-size: 0.8rem; /* margin-top: 2rem; */ float: left; width: 100%; } @media (max-width: 540px) { .copyright { width: 100%; } .copyright .pr-3 { padding-right: 0 !important; padding-bottom: 0.5rem; } } .copyright .copyrightLink { margin: 0; padding: 0; list-style-type: none; } .copyright li { display: inline-block; } .copyright li a { color: #fff; text-decoration: none; padding-bottom: 0.3rem; color: #fff; text-decoration: none; display: inline-block; position: relative; } .copyright li a::after { background: none repeat scroll 0 0 transparent; bottom: 0; content: ""; display: block; height: 1px; left: 50%; position: absolute; background: #ff8831; transition: width 0.3s ease 0s, left 0.3s ease 0s; width: 0; } .copyright li a:hover:after { width: 100%; left: 0; } .social-buttons { list-style-type: none; margin: 0; padding: 0; display: contents; } .social-buttons li { display: inline-block; margin: 1rem 0.8rem 1rem 0; } @media (max-width: 640px) { .social-buttons li { margin-right: 0.6rem; } } .social-buttons li a .social-margin { margin-right: 15px; } .social-buttons li:hover, .social-buttons li:focus, .social-buttons li:active { text-decoration: none; } .social-buttons li a .social-icon { margin-bottom: 15px; box-sizing: border-box; border-radius: 138px; border: 5px solid; text-align: center; width: 40px; height: 40px; display: inline-block; line-height: 1px; padding-top: 11px; transition: all 0.5s; } .social-buttons li a .facebook { font-size: 14px; padding-top: 9px; border-color: #3b5998; background-color: #3b5998; color: #fff; position: relative; display: flex; justify-content: center; } .social-buttons li a .facebook:hover { background-color: #fff; color: #3b5998; } .social-buttons li a .twitter { font-size: 14px; padding-top: 10px; padding-left: 2px; background-color: #f2f2f2; border-color: #ededed; color: #fff; } .social-buttons li a .twitter:hover { background-color: #fff; color: #fff; } .social-buttons li a .twitter svg { width: 12px; } .social-buttons li a .twitter .twit_x { filter: brightness(0) invert(0); } .social-buttons li a .twitter:hover .twit_x { filter: brightness(0) invert(0); } .social-buttons li a .google-plus { font-size: 14px; padding-top: 9px; padding-left: 2px; background-color: #ff8831; color: #fff; border-color: #ff8831; } .social-buttons li a .google-plus:hover { background-color: #fff; color: #ff8831; } .social-buttons li a .linkedin { font-size: 14px; padding-top: 8px; padding-left: 1px; background-color: #0976b4; color: #fff; border-color: #0976b4; } .social-buttons li a .linkedin:hover { background-color: #fff; color: #0976b4; } .social-buttons li a .youtube { font-size: 14px; padding-top: 9px; padding-left: 0px; background-color: #bb0000; color: #fff; border-color: #bb0000; } .social-buttons li a .youtube:hover { background-color: #fff; color: #bb0000; } .social-buttons .social-icon:hover { transform: scale(1.3); } .map { width: 350px; margin: 0 auto; padding: 0; min-height: 200px; position: relative; } .map .plus-dot { border-radius: 100px; display: inline-block; } .map .plus-dot i { color: #ff8831; font-size: 0.65rem; } .map .plus-dot a { text-decoration: none; } .map .india { position: absolute; left: 0; top: 0; transform: translate(-50%, -50%); } .map .usa { position: absolute; left: 1%; z-index: 0 !important; top: 34%; transform: translate(50%, -50%) !important; -webkit-transform: translate(50%, -50%) !important; -moz-transform: translate(50%, -50%) !important; -ms-transform: translate(50%, -50%) !important; -o-transform: translate(50%, -50%) !important; } .map .uk { position: absolute; left: 0; z-index: 0 !important; bottom: 0; transform: translate(-50%, 50%); } .map .netherland { position: absolute; right: 58%; bottom: 74%; z-index: 0 !important; transform: translate(50%, 50%); } .map .noida { position: absolute; left: 0; top: 50%; z-index: 0 !important; transform: translate(-50%, -50%); } .map .delhi { position: absolute; right: 40%; top: 44%; z-index: 0 !important; transform: translate(50%, -50%); } .map .mapImg { width: 400px; -o-object-fit: scale-down; object-fit: scale-down; margin-left: -63px; margin-top: -30px; } .pulse { display: block; width: 10px; height: 10px; border-radius: 50%; cursor: pointer; box-shadow: 0 0 0 rgba(204, 169, 44, 0.4); animation: pulse 2s infinite; } .pulse:hover { animation: none; } @keyframes pulse { 0% { box-shadow: 0 0 0 0 rgba(204, 169, 44, 0.4); } 70% { box-shadow: 0 0 0 10px rgba(204, 169, 44, 0); } 100% { box-shadow: 0 0 0 0 rgba(204, 169, 44, 0); } } a#backToTop { width: 40px; height: 40px; position: fixed; bottom: 3%; right: 1%; display: none; outline: none; background: #ff8831; color: #fff; text-align: center; border-radius: 100%; z-index: 1000; font-size: 1.5rem; } @media (max-width: 540px) { a#backToTop { bottom: 6%; right: 4%; } } a#backToTop i { padding-top: 5px; } .address-info { width: 380px; padding: 10px; height: auto; background: #fff; color: #000; position: absolute; left: 0 !important; right: 0; top: 8px !important; border-radius: 0.12rem; bottom: 0; } .address-info a { color: #000; } .address-info a .vew-map { width: 15px; float: right; } @media (max-width: 768px) { .address-info { top: -78px !important; padding: 10px 30px !important; } .address-info .media img { display: none; } .address-info .media-body a img { display: block !important; } .address-info .media { display: block; padding: 10px 40px; } } .address-info .media { font-size: 0.57rem; } .address-info .media .media-body { position: relative; font-size: 14px !important; } .address-info .media .media-body a { position: absolute; top: 0; right: 0; } .address-info .media .media-body img { width: 14px; } .address-info .media .media-body p { margin-bottom: 0.5rem; } .address-info .media .media-body i { color: #003b93; } .address-info .media .media-body .phone, .address-info .media .media-body .email { font-weight: 500; } .address-info .media .media-body h6 { font-size: 1rem; font-weight: 600; margin-bottom: 0.5rem; } .address-info .media img { width: 118px; } @media (max-width: 768px) { .foo-us_mobile { margin-left: -30px !important; background: #fff; } .foo-us_mobile .card-info { margin-left: -26px; } .foo-uk_mobile { margin-left: 0px !important; background: #fff; } .foo-uk_mobile .card-info { margin-left: 0px; } } @media (max-width: 768px) { .foo-nl_mobile { margin-left: -8px; background: #fff; } } @media (max-width: 768px) { .foo-up_mobile { margin-left: 0; background: #fff; } } @media (max-width: 768px) { .foo-dl_mobile { margin-left: 0; background: #fff; } } @media (min-width: 1366px) { .address-info { left: -213px !important; } } .twitterX { border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px; -ms-border-radius: 100px; -o-border-radius: 100px; text-align: center; margin-top: 6px; background-color: #f1f1f1; border-color: #bebebe; color: #fff; transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; height: 40px; width: 40px; } .twitterX:hover { background-color: #d1d1d1; color: #fff; } .twitterX svg { width: 18px; } .dropdown-menu-right { padding: 10px; width: 400px; z-index: 1000000 !important; } .dropdown-menu-right img { margin-bottom: 10px; height: 110px; width: 136px; -o-object-fit: cover; object-fit: cover; } .dropdown-menu-right .media .media-body a { position: absolute; top: 10px; right: 10px; } .dropdown-menu-right .media-body { font-size: 14px !important; } .dropdown-menu-right .media-body h6 { font-size: 1rem; font-weight: 600; margin-bottom: 0.5rem; } .dropdown-menu-right .media-body i { color: #003b93; } .dropdown-menu-right .media-body .vew-map { width: 15px !important; height: 15px !important; } .USA { transform: translate3d(-127px, -144px, 0px) !important; -webkit-transform: translate3d(-127px, -144px, 0px) !important; -moz-transform: translate3d(-127px, -144px, 0px) !important; -ms-transform: translate3d(-127px, -144px, 0px) !important; -o-transform: translate3d(-127px, -144px, 0px) !important; } .NLD { transform: translate3d(-208px, -144px, 0px) !important; -webkit-transform: translate3d(-208px, -144px, 0px) !important; -moz-transform: translate3d(-208px, -144px, 0px) !important; -ms-transform: translate3d(-208px, -144px, 0px) !important; -o-transform: translate3d(-208px, -144px, 0px) !important; } .IND { transform: translate3d(-277px, -144px, 0px) !important; -webkit-transform: translate3d(-277px, -144px, 0px) !important; -moz-transform: translate3d(-277px, -144px, 0px) !important; -ms-transform: translate3d(-277px, -144px, 0px) !important; -o-transform: translate3d(-277px, -144px, 0px) !important; } /*----------------cookies------------------*/ .bg_white{background:#fff}.popup-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);width:100%;height:100%;text-align:center;padding:1rem;align-items:center;justify-content:center;z-index:10000}@media(max-width: 767px){.popup-overlay{z-index:10000}}.popup-overlay .popup{display:inline-block;position:relative;width:650px;min-height:auto;background-color:#fff;border-radius:.2rem;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;padding:2rem 3rem 2rem 2rem}@media(max-width: 767px){.popup-overlay .popup{width:100%;margin:1rem;padding:2rem 1rem}}.popup-overlay .popup .colsePopup{color:#000;position:absolute;top:1rem;right:1.5rem}.popup-overlay .popup .colsePopup i{-webkit-text-stroke:3px #fff;font-size:1.5rem}p.cookie-alert{flex:0 1 100%;padding:0 0 2rem 0;font-size:.713em;line-height:1.5;text-align:left;color:#666;margin:0;margin-top:1rem}p.cookie-alert a{text-decoration:underline;color:#003b93}a.customise,a.accept{margin-top:0;display:inline-block;color:#fff;background-color:#ff8831;border-radius:2px;padding:.5rem 1rem;text-decoration:none;margin-right:1rem;transition:all .3s ease}a.customise:last-of-type,a.accept:last-of-type{margin-right:0}a.customise:last-of-type:hover,a.accept:last-of-type:hover{background:#0a91ff}a.customise.btn-gray,a.accept.btn-gray{background:#b7b7b7;transition:all .3s ease}a.customise.btn-gray:hover,a.accept.btn-gray:hover{background:#aaa}.popup-header{width:100%;display:inline-block;display:flex;justify-content:left;align-items:center;color:#000;margin-bottom:1rem}.popup-header img{float:left;vertical-align:middle;margin-right:2.5rem}.popup-header .cooki-policy-title{padding-top:1.2rem}/*# sourceMappingURL=cookies.css.map */