* { margin: 0px; padding: 0px; }
body { font-size: 16px; font-family: Archivo, sans-serif; font-weight: 400; }
h1, h2, h3, h4, h5, h6 { font-family: Archivo, sans-serif; font-weight: 800; line-height: 1; }
p { line-height: 1.3; letter-spacing: 0.1px; }
:root { --color-01: #3772ff; --color-02: #ff810a; --color-03: #3772ff; --color-04: #00088b; --color-05: #666666; --color-06: #cccccc; --color-07: linear-gradient(315deg, #3772ff 0%, #ff810a 50%); --color-08:radial-gradient(at center center, rgb(255, 255, 255) 60%, rgb(239, 239, 239) 100%); --color-09:rgb(12 15 192); --heading-01:calc(36px + 2vh); --heading-02:calc(36px + 1vh); --heading-03:calc(30px + 1vh); --heading-04:24px; --heading-05:20px;}
.dividers { position: fixed; width: 100%; max-width: 1140px; height: 100%; top: 0px; left: 50%; transform: translateX(-50%); opacity: 0.1; display: none; }
.dividers .line { position: fixed; top: 0px; left: 0px; width: 1px; height: 100%; background: rgb(12, 15, 192); z-index: 9; }
.dividers .line.L-1 { left: -0.01%; }
.dividers .line.L-2 { left: 25%; }
.dividers .line.L-3 { left: 50%; }
.dividers .line.L-4 { left: 75%; }
.dividers .line.L-5 { left: 100%; }
.loader { position: fixed; left: 0px; top: 0px; width: 100%; height: 130%; z-index: 9999; background: rgb(255, 255, 255); opacity: 1; }
.load-shutter { position: fixed; bottom: 0px; left: 0px; width: 100%; height: 100%; z-index: 1111; }
#clickAnimation_wrp { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background: rgb(255, 255, 255); opacity: 0; z-index: -1; }
#clickAnimation_wrp.current { z-index: 99999; }
#clickAnimation_wrp .swipe { width: 20%; height: 100vh; display: inline-block; margin: 0px; padding: 0px; float: left; overflow: hidden; }
#clickAnimation_wrp .swipe .lr_animation { width: 0px; height: 100vh; background: black; display: inline-block; margin: 0px; padding: 0px; float: right; transition: all 500ms ease-in-out 0s; }
#clickAnimation_wrp.current .swipe .lr_animation { width: 100%; transition: all 500ms ease-in-out 0s; }
.btn-scrollTop { position: fixed; bottom: -100px; right: 10px; z-index: 99; text-align: center; transition: all 500ms ease-in-out 0s; }
.btn-scrollTop span.top_icon { display: block; width: 40px; }
.btn-scrollTop span.txt {display: block;color: rgb(255 255 255);background: #3772ff;padding: 2px 7px;text-transform: uppercase;font-weight: bold;letter-spacing: 1px;text-align: center;font-size: 11px;}
.btn-scrollTop:hover, .btn-scrollTop:hover span.txt { color: rgb(0, 0, 0); text-decoration: none; }
.btn-scrollTop.active { bottom: 10px; transition: all 500ms ease-in-out 0s; }
.verticalScroll { position: absolute; bottom: 45px; left: 50%; width: 2px; height: 6%; z-index: 7; overflow: hidden; }
.verticalScroll .scrollBox { position: absolute; width: 100%; height: 100%; background: black; animation: 3s ease 0s infinite normal none running scrollBoxDown; }
.scrollTxt { font-size: 10px; letter-spacing: 1px; font-weight: 700; text-transform: uppercase; width: 200px; position: absolute; bottom: 20px; left: 0px; right: 0px; margin: 0px auto; text-align: center; z-index: 9; }
@keyframes scrollBoxDown { 
  0% { top: -100%; }
  45% { top: 0%; }
  55% { top: 0%; }
  100% { top: 100%; }
}
@-webkit-keyframes scrollBoxDown { 
  0% { top: -100%; }
  45% { top: 0%; }
  55% { top: 0%; }
  100% { top: 100%; }
}
.btn-box { border-radius: 100px; overflow: hidden; position: relative; display: inline-block; }
.btn-box em { position: absolute; display: block; width: 0px; height: 0px; opacity: 0; border-radius: 50%; background: var(--color-01); transition: width 0.7s ease-in-out 0s, height 0.7s ease-in-out 0s; transform: translate(-50%, -50%); z-index: 0; }
.btn-box svg { transition: all 0.15s ease-in-out 0s; }
.btn-box:hover em { width: 200vh; height: 200vh; z-index: 5; opacity: 0.4; background: red; transition: width 0.7s ease-in-out 0s, height 0.7s ease-in-out 0s; }
.btn-km { overflow: hidden; font-size: 14px; font-weight: 500; text-transform: capitalize; position: relative; border-radius: 100px; transform: scale(1); z-index: 9; transition: all 800ms ease-in-out 0s; }
.btn-km span { display: inline-block; padding: 13px 30px; border-radius: 100px; position: relative; z-index: 3; }
.btn-km span::after { content: ""; opacity: 0; position: absolute; top: 29%; left: 14%; width: 25px; height: 25px; transform: scale(0.5) translate(-50%, 0%); border-radius: 100%; z-index: -1; transition: all 700ms ease-in-out 0s; }
.btn-km.bt-white { display: inline-block; background: rgb(0, 0, 0); }
.btn-km.bt-white span { color: rgb(255, 255, 255); }
.btn-km.bt-white span::after { background: var(--color-07); }
.btn-km.bt-white:hover { background: rgb(255, 255, 255); box-shadow: #ff810a 0px 0px 10px; }
.btn-km.bt-white:hover span { color: rgb(0, 0, 0); }
.btn-km:hover span::after { opacity: 1; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(8); border-radius: 100%; transition: all 700ms ease-in-out 0s; }
.btn-km.bt-blue { display: inline-block; border-radius: 100px; background: var(--color-01); }
.btn-km.bt-blue span { color: rgb(255, 255, 255); }
.btn-km.bt-blue:hover { box-shadow: rgb(12, 15, 192) 0px 0px 10px; }
.btn-km.bt-blue span::after { background: var(--color-07); }
.btn-km.bt-blue { display: inline-block; border-radius: 100px; }
.btn-km.bt-blue span { }
.btn-km.bt-blue:hover { box-shadow: rgb(12, 15, 192) 0px 0px 10px; }
.btn-km.bt-call { display: inline-block; border-radius: 100px; }
.btn-km.bt-call span { color: rgb(255, 255, 255); background: var(--color-01); padding: 18px 30px 18px 65px; }
.btn-km.bt-call span::after { background: rgb(0, 0, 0); }
.btn-km.bt-call img { width: 20px; position: absolute; top: 19px; left: 30px; filter: brightness(100); z-index: 10; }
.btn-km.bt-call:hover { box-shadow: rgb(94, 94, 94) 0px 0px 10px; }
.btn-km.bt-email { display: inline-block; border-radius: 100px; margin-right: 30px; }
.btn-km.bt-email img { width: 20px; position: absolute; top: 19px; left: 30px; filter: hue-rotate(312deg); z-index: 9; }
.btn-km.bt-email span { color: var(--color-01); background: rgb(255, 255, 255); padding: 18px 30px 18px 65px; border: 1px solid var(--color-01); }
.btn-km.bt-email span::after { background: rgb(0, 0, 0); width: 65px; height: 65px; }
.btn-km.bt-email:hover { box-shadow: rgb(94, 94, 94) 0px 0px 10px; }
.btn-km.bt-email:hover span { color: rgb(255, 255, 255); }
.btn-km.bt-email:hover img { filter: invert(1) brightness(100); }
.btn-km.btn-become-merchant { display: inline-block; border-radius: 100px; padding: 0px 30px; }
.btn-km.btn-become-merchant .bdr { color: var(--color-01); border: 1px solid var(--color-01); }
.btn-km.btn-become-merchant .txt { color: var(--color-01); padding-left: 13px; }
.btn-km.btn-become-merchant:hover .bdr { box-shadow: rgb(255, 255, 255) 0px 0px 10px; }
.btn-km.btn-merchant-list { display: inline-block; border-radius: 100px; position: relative; background: var(--color-01); }
.btn-km.btn-merchant-list .bdr { color: rgb(255, 255, 255); }
.btn-km.btn-merchant-list .bdr::after { background: var(--color-07); }
.btn-km.btn-merchant-list .txt { color: rgb(255, 255, 255); padding-left: 15px; }
.btn-km.btn-merchant-list:hover .bdr { color: rgb(0, 0, 0); }
.btn-km.btn-merchant-list:hover { color: rgb(0, 0, 0); background: rgb(255, 255, 255); box-shadow: #ff810a 0px 0px 10px; }
.btn-km:hover { transform: scale(1.1); transition: all 800ms ease-in-out 0s; }
.wizz-logo { padding: 20px 20px 20px 30px; margin-right: -15px; position: relative; overflow: hidden; transition: all 500ms ease-in-out 0s; }
.wizz-logo img { position: relative; z-index: 2; filter: brightness(10); }
.wizz-logo::before { content: ""; position: absolute; top: -15%; left: 8%; width: 160px; height: 100px; background: rgb(0, 0, 0); box-shadow: #ff810a -8px -4px 0px; border-radius: 110px; }
.navbar-brand { margin: 0px; }
a.btn-get-started {color: rgb(255 255 255);font-size: 17px;font-weight: 700;padding: 10px 20px;position: fixed;top: 50%;right: -64px;background: linear-gradient(166deg, #3772ff 0%, #ff810a 100%);transform: rotate(-90deg);border-radius: 10px 10px 0px 0px;z-index: 999;transition: all 500ms ease-in-out 0s;}
a.btn-get-started:hover { color: rgb(255, 255, 255); text-decoration: none; background: rgb(0, 0, 0); transition: all 500ms ease-in-out 0s; }
header { position: fixed; top: 0px; left: 0px; width: 100%; background: rgb(255, 255, 255); padding-left: 5vh; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px 0px; z-index: 99; transition: all 300ms ease-in-out 0s; }
header .container { background: rgb(255, 255, 255); border-radius: 6px; transition: all 500ms ease-in-out 0s; }
header nav { padding: 0px !important; }
header li.active > a { color: var(--color-01); }
header li.btn-top.active > a { color: rgb(0, 0, 0); }
header li { padding-left: 1rem; padding-right: 1rem; position: relative; }
header li a { color: rgb(0, 0, 0); font-size: 14px; font-weight: 500; position: relative; z-index: 4; overflow: hidden; padding: 0px !important; }
header li a .menu-text { display: inline-block; padding: 32px 0px; position: relative; }
header li.btn-top a { border-radius: 100px; padding: 20px 20px 17px !important; }
header li.btn-top a span {color: #fff;display: inline-block;padding: 10px 20px 11px;background: #ff810a;border: 1px solid #ff810a;border-radius: 100px;overflow: hidden;transition: all 300ms ease-in-out 0s;}
header li.btn-top a span::before { content: ""; }
header li.btn-top a span::after { content: ""; }
header li.active.btn-top a:hover span, header li.btn-top a:hover span { color: rgb(255, 255, 255); border: 1px solid var(--color-01); background: var(--color-01); transform: scale(1.1); box-shadow: 0px 0px 10px var(--color-01); transition: all 300ms ease-in-out 0s; }
header.stickyheader { box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px 0px; transition: all 500ms ease-in-out 0s; }
header.stickyheader .container { box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 0px 0px; transition: all 500ms ease-in-out 0s; }
header.stickyheader .wizz-logo { border-radius: 0px !important; }
header .col-md-12 { transition: all 300ms ease-in-out 0s; }
header.stickyheader .col-md-12 { transition: all 300ms ease-in-out 0s; }
header li.submenu-dropdown ul li a::after { display: none; }
header li a span::after { content: ""; bottom: 0px; left: 0px; right: 0px; margin: auto; width: 0%; height: 2px; position: absolute; background: var(--color-01); z-index: 1; transition: all 500ms ease-in-out 0s; }
header li a:hover { color: var(--color-01); transition: all 500ms ease-in-out 0s; }
header li.active > a span::after, header li > a:hover span::after { width: 100%; transition: all 500ms ease-in-out 0s; }
header nav ul li.submenu-dropdown > a { position: relative; padding-right: 25px !important; }
header nav { }
header nav ul li.submenu-dropdown > a::before { content: ""; position: absolute; bottom: -20px; left: 13px; width: 0px; height: 0px; border-width: 10px 10px 14px; border-style: solid; border-color: transparent transparent rgb(185, 185, 185); z-index: 2; transition: all 500ms ease-in-out 0s; }
header nav ul li.submenu-dropdown:hover > a::before { bottom: 1px; transition: all 500ms ease-in-out 0s; }
header nav ul ul.menu-features { width: 540px; left: -70px; }
header nav ul ul.menu-features li { width: 50%; }
header nav ul ul.menu-track-record { width: 540px; left: -70px; }
header nav ul ul.menu-track-record li { width: 50%; }
header nav ul ul.menu-about { width: 280px; left: -40px; }
header nav ul ul.menu-solutions { width: 320px; left: -40px; }
header nav ul ul { padding: 0px; margin: 0px; list-style: none; position: relative; }
header nav ul ul::before { content: ""; position: absolute; top: -19px; left: 13px; width: 0px; height: 0px; border-top: 7px solid transparent; border-right: 7px solid transparent; border-left: 7px solid transparent; border-image: initial; border-bottom: 10px solid var(--color-01); z-index: 2; display: none; }
header nav ul ul li { display: inline-block; background-color: rgb(255, 255, 255); }
header nav ul ul li a { align-items: center; display: flex !important; }
header nav ul ul li .icons-m { width: 23%; display: inline-block; }
header nav ul ul li .icons-m img {width: 100%;/* filter: hue-rotate(312deg); */}
header nav ul ul li .text-m { width: 76%; line-height: 1.1; padding-left: 15px; }
header nav ul ul li a, nav ul ul li a:focus, nav ul ul li li.submenu-dropdown a, nav ul ul li li.submenu-dropdown a:focus { font-size: 15px; letter-spacing: 0px; background: rgb(255, 255, 255); border-bottom: 1px solid rgb(247, 247, 247); transition: all 300ms ease-in-out 0s; padding: 17px 0px !important; }
header nav ul ul li a:hover + header .navbar-expand-lg .navbar-nav .nav-link:hover { }
header nav ul ul li a:hover { text-decoration: none; transition: all 300ms ease-in-out 0s; }
header nav ul ul li:nth-last-child(1) a, nav ul ul li:nth-last-child(2) a { border-bottom: 1px solid rgb(255, 255, 255) !important; }
header nav ul ul { display: none; position: absolute; top: 94%; box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 10px; z-index: 999; border-radius: 10px; overflow: hidden; background: rgb(255, 255, 255); }
header nav ul li:hover > ul { display: inherit; }
header nav ul li.submenu-dropdown:hover, nav ul li.submenu-dropdown:hover > a { color: #ff810a !important; }
header nav ul ul ul { box-shadow: none; position: absolute; top: 114%; left: 26%; }
header nav ul ul li { padding: 0px 15px; float: left; display: list-item; position: relative; }
header nav ul ul ul { position: absolute; top: 0px; left: 100%; box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 20px; }
header li.submenu-dropdown > a::after { content: ""; position: absolute; top: 34px; right: 5px; width: 8px; height: 8px; border-radius: 1px; box-shadow: rgb(102, 102, 102) 2px 2px 0px; transform: rotate(45deg); z-index: 1; }
header li > a:only-child::after { content: ""; }
header nav ul ul { padding: 5px 15px 15px 15px; }
header.blue-bg { }
header.blue-bg .logo-blue { display: none; }
header.blue-bg .logo-white { }
header.stickyHeader.blue-bg, header.blue-bg.stickyHeader { background: rgb(7, 0, 67); }
header.blue-bg .navbar-nav > li > a { color: rgb(255, 255, 255) !important; }
header.blue-bg nav ul li.submenu-dropdown:hover, header.blue-bg nav ul li.submenu-dropdown:hover > a { background: rgb(255, 255, 255); color: rgb(0, 0, 0) !important; }
header.white-bg nav ul ul li a:hover { }
header.white-bg { }
header.white-bg .logo-blue { }
header.white-bg .logo-white { display: none; }
header.stickyHeader.white-bg, header.white-bg.stickyHeader { background: rgb(255, 255, 255); }
header.white-bg .navbar-nav > li > a { color: rgb(0, 0, 0) !important; }
header.white-bg nav ul li.submenu-dropdown:hover, header.white-bg nav ul li.submenu-dropdown:hover > a { background: rgb(254, 187, 17); color: rgb(255, 255, 255) !important; }
header.white-bg nav ul ul li a:hover { }
.home-wrp { overflow: hidden; }
.box-01 { position: absolute; top: 0%; left: -7%; width: 30vh; height: 30vh; border: 2px solid #ff810a; border-radius: 100%; animation: 5s ease-in-out 0s 1 normal none running morph; z-index: 5; }
.box-02 { position: absolute; bottom: 19%; left: 5%; width: 4vh; height: 4vh; background: var(--color-07); border-radius: 100%; transform: rotate(119deg); }
.box-03 { position: absolute; top: 17%; left: 41%; width: 8vh; height: 8vh; background: var(--color-07); border-radius: 100%; }
span.bg-stripe { display: inline-block; position: relative; }
span.bg-stripe::after { content: ""; position: absolute; bottom: 0px; left: -3px; width: 104%; height: 20px; z-index: -1; }
section.home-sec-hero { }
section.home-sec-hero .banner-txt h1 { font-size: var(--heading-01); letter-spacing: -2px; margin-bottom: 20px; position: relative; z-index: 1; }
section.home-sec-hero .banner-txt h1 span1 { display: inline-block; margin: 4px 0px; position: relative; }
section.home-sec-hero .banner-txt h1 span1::after { content: ""; position: absolute; bottom: 0px; left: -3px; width: 104%; height: 20px; background: linear-gradient(90deg, #3772ff 0%, #ff810a 100%); z-index: -1; }
section.home-sec-hero .banner-txt p { }
section.home-sec-hero .banner-txt a span { }
section.home-sec-hero .banner-txt img { }
section.home-sec-hero .hero-banner { display: flex; align-items: center; }
section.innerpage-hero { padding-top: 110px; padding-bottom: 100px; position: relative; display: table-cell; vertical-align: middle; width: 100vw; height: 100vh; border-bottom: 3px solid #ff810a; }
section.innerpage-hero .banner-txt { position: relative; padding-bottom: 40px; z-index: 3; }
section.innerpage-hero .banner-txt::after { content: ""; position: absolute; top: 0px; left: 0px; }
section.innerpage-hero .banner-txt h2 { font-size: var(--heading-01); margin-bottom: 30px; position: relative; z-index: 8; }
section.innerpage-hero .banner-txt p { color: var(--color-05); font-size: 18px; font-weight: 400; max-width: 390px; position: relative; z-index: 8; }
section.innerpage-hero .banner-txt a { margin-top: 20px; }
.quote { display: block; overflow: hidden; padding-bottom: 3px; }
.quote span { display: block; }
span.quote > div { padding-right: 13px; padding-bottom: 2px; overflow: hidden; }
section.innerpage-hero .hero-banner.hb-01 { background: url("../img/home/hero-banner.jpg") right center / 100% 100% no-repeat; width: 93%; height: 100%; position: absolute; bottom: 0px; right: 0px; }
section.innerpage-hero .hero-banner.solutions-01 { background: url("../img/solutions/hero-banner.jpg") right center / 100% 100% no-repeat; width: 90%; height: 100%; position: absolute; bottom: 0px; right: 0px; }
section.innerpage-hero .hero-banner.about-01 { background: url("../img/about/hero-banner.jpg") right center / 100% 100% no-repeat; width: 90%; height: 100%; position: absolute; bottom: 0px; right: 0px; }
section.innerpage-hero .hero-banner.track-record-01 { background: url("../img/track-record/hero-banner.jpg") right center / 100% 100% no-repeat; width: 85%; height: 100%; position: absolute; bottom: 0px; right: 0px; }
section.innerpage-hero .hero-banner.contact-01 { background: url("../img/contact/hero-banner.jpg") right center / 100% 100% no-repeat fixed; width: 85%; height: 100%; position: absolute; bottom: 0px; right: 0px; z-index: 1; }
section.innerpage-hero .hero-banner.features-01 { background: url("../img/features/hero-banner.jpg") right center / 100% 100% no-repeat; width: 85%; height: 100%; position: absolute; bottom: 0px; right: 0px; }
section.innerpage-hero .hero-banner.faqs-01 { background: url("../img/faq-hero-banner.jpg") right center / 100% 100% no-repeat; width: 85%; height: 100%; position: absolute; bottom: 0px; right: 0px; }
.tabs-slider {position: relative;width: 100%;background: var(--color-02);overflow: hidden;height: 400px;}
.tabs-slider::after {content: "";background: url("https://www.shrem.in/assets/img/shape-homeBanner.png") center bottom / 100% no-repeat;position: absolute;bottom: 0px;left: 0px;width: 100%;height: 245px;z-index: 11;filter: hue-rotate(171deg);}
.tabs-slider .t-link { color: rgb(255, 255, 255); text-align: left; display: block; position: relative; padding: 80px 40px 250px; margin: 0px -16px 0px -15px; z-index: 5; border-left: 1px solid rgba(255, 255, 255, 0.12); border-right: 1px solid rgba(255, 255, 255, 0.12); transition: all 300ms ease-in-out 0s; }
.tabs-slider .t-link::before { content: ""; position: absolute; bottom: 84%; left: 40px; width: 16px; height: 16px; background: url("../img/home/link.png") center center / cover no-repeat; filter: invert(1); z-index: 5; transition: all 300ms ease-in-out 0s; }
.tabs-slider .t-link .tb-number { display: none; opacity: 0.4; font-weight: 700; margin-bottom: 10px; }
.tabs-slider .t-link .tb-text { display: block; font-size: 18px; font-weight: 600; line-height: 1.2; position: relative; z-index: 5; }
.tabs-slider .t-link::after { content: ""; opacity: 0; position: absolute; top: 12%; left: 14%; width: 25px; height: 25px; background:#3772ff; transform: scale(0.5) translate(-50%, 0%); border-radius: 100%; transition: all 700ms ease-in-out 0s; }
.tabs-slider .t-link:hover { text-decoration: none; transition: all 300ms ease-in-out 0s; }
.tabs-slider .t-link:hover::before { width: 30px; height: 30px; transition: all 300ms ease-in-out 0s; }
.tabs-slider .t-link { overflow: hidden; }
.tabs-slider .t-link:hover::after { opacity: 1; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(21.5); border-radius: 100%; transition: all 700ms ease-in-out 0s; }
.banner-img-01 { margin: 89px 0px; }
section.home-sec-01 { padding: 0px 0px 100px; align-items: center; background: url("../assets/css/%22%22"); }
section.home-sec-01 h2 { color: var(--color-01); font-size: var(--heading-01); margin-bottom: 20px; }
section.home-sec-01 .solutions-box { text-align: center; display: inline-block; margin-top: 30px; padding: 50px 37px; transform: scale(1); position: relative; background: radial-gradient(at center center, rgb(255, 255, 255) 60%, rgb(239, 239, 239) 100%); border-radius: 10px; transition: all 500ms ease-in-out 0s; }
section.home-sec-01 .solutions-box .s-icon { width: 120px; display: inline-block; padding: 10px; margin-bottom: 30px; border-radius: 100%; background: rgb(255, 255, 255); overflow: hidden; transition: all 500ms ease-in-out 0s; }
section.home-sec-01 .solutions-box .s-icon img { border-radius: 100%; transition: all 500ms ease-in-out 0s; }
section.home-sec-01 .solutions-box h3 { font-size: 30px; line-height: 1.24; margin-bottom: 20px; transition: all 500ms ease-in-out 0s; }
section.home-sec-01 .solutions-box p { line-height: 1.5; min-height: 70px; margin-bottom: 30px; transition: all 500ms ease-in-out 0s; }
section.home-sec-01 .solutions-box.s1 {color: white;background: linear-gradient(315deg, #3772ff 0%, #ff810a 70%);}
section.home-sec-01 .solutions-box.s1 .s-icon { box-shadow: rgba(243, 243, 243, 0.41) 0px 0px 0px 15px; }
section.home-sec-01 .solutions-box.s1 .s-icon img { filter: grayscale(1); }
section.home-sec-01 .solutions-box.s1 span span {color: rgb(0 0 0);background: rgb(255 255 255);transition: all 500ms ease-in-out 0s;}
section.home-sec-01 .solutions-box.s2 { color: rgb(255, 255, 255); background: var(--color-01); }
section.home-sec-01 .solutions-box.s2 .s-icon { box-shadow: rgb(0, 75, 124) 0px 0px 0px 15px; }
section.home-sec-01 .solutions-box.s2 .s-icon img { padding: 5px; filter: grayscale(1) brightness(0); }
section.home-sec-01 .solutions-box.s2 span span { color: rgb(51, 51, 51); background: rgb(255, 255, 255); transition: all 500ms ease-in-out 0s; }
section.home-sec-01 .solutions-box:hover { text-decoration: none; box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 20px; z-index: 5; transition: all 500ms ease-in-out 0s; }
section.home-sec-01 .solutions-box:hover .s-icon { box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 0px 15px; transition: all 500ms ease-in-out 0s; }
section.home-sec-01 .solutions-box:hover .s-icon img { transition: all 500ms ease-in-out 0s; }
section.home-sec-01 .solutions-box:hover h3 { transition: all 500ms ease-in-out 0s; }
section.home-sec-01 .solutions-box:hover p { transition: all 500ms ease-in-out 0s; }
section.home-sec-01 .solutions-box:hover span span { transition: all 500ms ease-in-out 0s; }
section.home-sec-01 .solutions-box.s1:hover span span { box-shadow: rgb(0, 0, 0) 0px 0px 10px; transition: all 500ms ease-in-out 0s; }
section.home-sec-01 .solutions-box.s2:hover span span { box-shadow: rgb(255, 255, 255) 0px 0px 10px; transition: all 500ms ease-in-out 0s; }
section.home-sec-01 .solutions-box.s1:hover { transform: scale(1.1) translateX(13px); transition: all 500ms ease-in-out 0s; }
section.home-sec-01 .solutions-box.s2:hover { transform: scale(1.1) translateX(-13px); transition: all 500ms ease-in-out 0s; }
section.home-sec-01 .solution-man { position: relative; right: -7%; z-index: 3; height: 630px; }
.home-bg-02 { background-size: 100% 100%; }
section.home-sec-02 { padding: 100px 0px; position: relative; }
section.home-sec-02::before { content: ""; width: 88%; height: 100%; position: absolute; top: 0px; left: 0px; right: 0px; margin: auto; z-index: 2; border: 2px solid #ff810a; border-radius: 10px; }
section.home-sec-02::after { content: ""; width: 88%; height: 100%; background: url("../img/pattern-dots.png") fixed; position: absolute; top: 0px; left: 0px; right: 0px; margin: auto; z-index: 1; filter: grayscale(1) brightness(8.5); border-radius: 10px; }
section.home-sec-02 .container { border-radius: 15px; background: rgb(255, 255, 255); position: relative; box-shadow: rgba(0, 0, 0, 0.18) 0px 0px 20px; z-index: 4; }
section.home-sec-02 h2 { color: var(--color-01); font-size: var(--heading-01); margin-bottom: 20px; }
section.home-sec-02 ul#tabs { margin: 0px; padding: 0px; list-style-type: none; border: none; position: relative; z-index: 9; }
section.home-sec-02 ul#tabs li { width: 100%; }
section.home-sec-02 ul#tabs li a { color: var(--color-05); display: block; font-size: var(--heading-04); font-weight: 300; padding: 12px 0px; position: relative; transition: all 500ms ease-in-out 0s; }
section.home-sec-02 ul#tabs li a span { background: rgb(255, 255, 255); position: relative; z-index: 1; padding-right: 5px; }
section.home-sec-02 ul#tabs li a::after { content: ""; position: absolute; top: 54%; left: 0%; width: 0%; height: 2px; background: var(--color-01); box-shadow: rgba(0, 0, 0, 0.45) 2px 2px 3px; transition: all 500ms ease-in-out 0s; }
section.home-sec-02 ul#tabs li a:hover, section.home-sec-02 ul#tabs li a.active { color: var(--color-01); font-weight: 600; }
section.home-sec-02 ul#tabs li a:hover::after, section.home-sec-02 ul#tabs li a.active::after { width: 100%; transition: all 500ms ease-in-out 0s; }
section.home-sec-02 ul#tabs li a:hover { text-decoration: none; }
section.home-sec-02 { }
section.home-sec-02 { }
section.home-sec-02 .feature-box { display: block; position: relative; margin: 50px 0px 80px; }
section.home-sec-02 .feature-box::before { content: ""; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 84%; border-radius: 10px; border: 1px solid rgb(233, 233, 233); }
section.home-sec-02 .feature-box .f-thumb { position: relative; top: 20px; z-index: 6; text-align: center; padding: 0px 12%; }
section.home-sec-02 .feature-box .f-thumb img { }
section.home-sec-02 .feature-box .f-content { color: rgb(255, 255, 255); border-radius: 0px 0px 10px 10px; padding: 40px 40px 35px; position: relative; z-index: 5; background: var(--color-01); }
section.home-sec-02 .feature-box .f-content p { margin-bottom: 5px; }
section.home-sec-02 .feature-box .f-content ul.column-2 { column-count: 2; }
section.home-sec-02 .feature-box .f-content ul { margin: 0px; padding: 0px; list-style-type: none; }
section.home-sec-02 .feature-box .f-content ul li { font-size: 15px; display: block; position: relative; padding: 3px 10px 3px 15px; }
section.home-sec-02 .feature-box .f-content ul li::before { content: ""; position: absolute; top: 15px; left: 0px; width: 9px; height: 1px; background: rgb(255, 255, 255); }
section.home-sec-03 { padding-top: 100px; padding-bottom: 120px; }
section.home-sec-03 h2 { color: rgb(0, 0, 0); font-size: var(--heading-01); margin-bottom: 20px; }
section.home-sec-03 .lead { }
section.home-sec-03 .why-choose-man { position: relative; z-index: 4; border-radius: 10px; }
section.home-sec-03 .why-choose-man img { border-radius: 10px; }
section.home-sec-03 .why-choose-man::before { content: ""; position: absolute; bottom: -7vh; left: -7vh; width: 25vh; height: 30vh; background: url("../img/pattern-dots.png") center center no-repeat; filter: hue-rotate(254deg) brightness(5); z-index: -1; }
section.home-sec-03 .why-choose-man::after { content: ""; position: absolute; top: 10px; left: 10px; width: 94%; height: 96%; border: 2px solid #ff810a; border-radius: 10px; z-index: 0; }
section.home-sec-03 .why-slider { background: linear-gradient(315deg, #3772ff 0%, #ff810a 70%); border-radius: 0px 10px 10px 0px; padding: 50px; z-index: 3; }
section.home-sec-03 .why-slider::before { content: ""; position: absolute; top: 0px; z-index: -1; }
section.home-sec-03 .why-slider::after { content: ""; position: absolute; top: 0px; z-index: -1; }
section.home-sec-03 .why-slider .why-box { padding: 30px 0px 30px 30px; min-height: 350px; position: relative; cursor: pointer; }
section.home-sec-03 .why-slider .why-box .w-icon { width: 110px; margin-bottom: 20px; background: rgb(236, 236, 236); border: 12px solid rgb(245, 245, 245); border-radius: 100px; overflow: hidden; position: relative; left: -20px; }
section.home-sec-03 .why-slider .why-box img { filter: invert(1) brightness(0); }
section.home-sec-03 .why-slider .why-box h3 {color:#ffffff;font-size: 18px; font-weight: 700; line-height: 1.2; margin-bottom: 20px; letter-spacing: 0px; }
section.home-sec-03 .why-slider .why-box p {color:#ffffff;font-size: 14px; line-height: 1.4; }
section.home-sec-03 .why-slider .why-box .bdr-line { position: absolute; bottom: 5%; left: 29px; width: 50px; height: 2px; background:#ffffff; transition: all 500ms ease-in-out 0s; }
section.home-sec-03 .why-slider .why-box:hover .w-icon { transform: scale(1.1); transition: all 500ms ease-in-out 0s; }
section.home-sec-03 button.slick-prev.slick-arrow, section.home-sec-03 button.slick-next.slick-arrow, section.home-sec-03 button.slick-prev.slick-arrow:hover, section.home-sec-03 button.slick-next.slick-arrow:hover, section.home-sec-03 button.slick-prev.slick-arrow:focus, section.home-sec-03 button.slick-next.slick-arrow:focus { cursor: pointer; font-size: 1px; top: -90px; position: absolute; width: 50px; height: 50px; border-radius: 100px; background: transparent; outline: none; border: 2px solid rgb(255, 255, 255); box-shadow: none; transition: all 300ms ease-in-out 0s; filter: invert(1); }
section.home-sec-03 button.slick-prev.slick-arrow, section.home-sec-03 button.slick-prev.slick-arrow:hover, section.home-sec-03 button.slick-prev.slick-arrow:focus { right: 70px; background: url("../img/home/left-arrow.png") center center / 30px no-repeat; }
section.home-sec-03 button.slick-next.slick-arrow, section.home-sec-03 button.slick-next.slick-arrow:hover, section.home-sec-03 button.slick-next.slick-arrow:focus { right: 0px; background: url("../img/home/right-arrow.png") center center / 30px no-repeat; }
section.home-sec-03 button.slick-prev.slick-arrow:hover, section.home-sec-03 button.slick-next.slick-arrow:hover, section.home-sec-03 button.slick-prev.slick-arrow:focus, section.home-sec-03 button.slick-next.slick-arrow:focus { transform: scale(1.2); transition: all 300ms ease-in-out 0s; }
section.home-sec-03 .why-slider .why-box:hover { transition: all 500ms ease-in-out 0s; }
section.home-sec-03 .why-slider .why-box:hover .bdr-line { width: calc(100% - 40px); transition: all 500ms ease-in-out 0s; }
section.home-sec-04 { }
section.home-sec-04 .marquee-01 { background: rgb(247, 247, 247); border-right: none !important; }
section.home-sec-04 .marquee-02 { color: rgb(255, 255, 255); background: rgb(233, 233, 233); border-left: none !important; }
section.home-sec-04 .marquee-01, section.home-sec-04 .marquee-02 { display: block; overflow: hidden; padding: 30px 0px; }
section.home-sec-04 .marquee-01 span, section.home-sec-04 .marquee-02 span { color: rgb(51, 51, 51); font-size: var(--heading-03); font-weight: 100; line-height: 1; padding: 20px; cursor: pointer; }
section.home-sec-04 .marquee-01 span:hover, section.home-sec-04 .marquee-02 span:hover { color: var(--color-01); transform: scale(1.3); transition: all 500ms ease-in-out 0s; }
section.home-sec-logo { padding: 120px 0px 50px; background-size: 100% 80%; }
section.home-sec-logo h2 { color: var(--color-01); font-size: var(--heading-01); margin-bottom: 50px; }
section.home-sec-logo ul { }
section.home-sec-logo ul { margin: 0px; padding: 0px; list-style-type: none; column-count: 4; column-gap: 0px; border-right: 1px solid rgb(227, 227, 227); }
section.home-sec-logo ul li { text-align: center; cursor: pointer; padding: 30px; border-left: 1px solid rgb(227, 227, 227); transition: all 500ms ease-in-out 0s; }
section.home-sec-logo ul li img { width: 170px; border-radius: 10px; transition: all 500ms ease-in-out 0s; }
section.home-sec-logo ul li:hover img { box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px; transform: scale(1.2); transition: all 500ms ease-in-out 0s; }
section.home-sec-logo ul:nth-child(1) li:nth-child(2n+1), section.home-sec-logo ul:nth-child(3) li:nth-child(2n+1) { }
section.home-sec-logo ul:nth-child(2) li:nth-child(2n), section.home-sec-logo ul:nth-child(4) li:nth-child(2n) { }
section.home-sec-faqs { padding: 100px 0px; position: relative; }
section.home-sec-faqs::after { content: ""; }
section.home-sec-faqs .faq-box { padding: 50px 40px; border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px; }
section.home-sec-faqs .faq-box .btn-km { margin-top: 20px; }
section.home-sec-faqs h2 { color: var(--color-01); font-size: var(--heading-02); margin-bottom: 30px; }
section.home-sec-faqs .card { margin-bottom: 25px; border: none; box-shadow: rgb(233, 233, 233) 0px 0px 10px; overflow: hidden; border-radius: 7px !important; }
section.home-sec-faqs .card .card-header { padding: 0px; border-radius: 0px; border: none; background: none !important; }
section.home-sec-faqs .card .card-header button { cursor: pointer; color: var(--color-01); font-size: 18px; text-align: left; width: 100%; background: rgb(255, 255, 255); padding: 18px 25px 18px 40px; border: none; position: relative; transition: all 500ms ease-in-out 0s; }
section.home-sec-faqs .card .card-header button::before { content: ""; position: absolute; top: 31px; left: 15px; width: 12px; height: 1px; background: var(--color-01); transition: all 500ms ease-in-out 0s; }
section.home-sec-faqs .card .card-header button::after { content: ""; position: absolute; top: 31px; left: 15px; width: 12px; height: 1px; background: var(--color-01); transform: rotate(90deg); transition: all 500ms ease-in-out 0s; }
section.home-sec-faqs .card .card-header button:active, section.home-sec-faqs .card .card-header button:focus { box-shadow: none; border: none; outline: none; transition: all 500ms ease-in-out 0s; }
section.home-sec-faqs .card .card-header button[aria-expanded="true"] { color: rgb(255, 255, 255); background: var(--color-01); transition: all 500ms ease-in-out 0s; }
section.home-sec-faqs .card .card-body { color: rgb(255, 255, 255); background: var(--color-01); padding: 0px 40px 25px; }
section.home-sec-faqs .card .card-body p { font-size: 15px; }
section.home-sec-faqs .card .card-header button[aria-expanded="true"]::before { background: rgb(255, 255, 255); transition: all 500ms ease-in-out 0s; }
section.home-sec-faqs .card .card-body p a { color: #ff810a; }
section.home-sec-faqs .card .card-header button[aria-expanded="true"]::after { background: rgb(255, 255, 255); transform: rotate(0deg); transition: all 500ms ease-in-out 0s; }
.features-wrp { position: relative; }
section.features-sec-hero { }
section.features-sec-01 { padding: 80px 0px; }
section.features-sec-01 .features-thumb { width: calc(100% + 32px); margin-left: -16px; margin-right: -15px; text-align: center; padding: 10%; }
section.features-sec-01 .features-thumb::after { content: ""; position: absolute; top: 0%; left: 0%; width: 100%; height: 100%; filter: blur(10px); transition: all 1s ease-in-out 0s; z-index: 5; }
section.features-sec-01 .features-thumb::before { content: ""; position: absolute; top: 5%; left: 0%; width: 100%; height: 100%; border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%; transition: all 1s ease-in-out 0s; z-index: 1; }
section.features-sec-01 .features-thumb.ft-01::after { background: url("../img/features/technology-and-apis.jpg"); }
section.features-sec-01 .features-thumb.ft-02::after { background: url("../img/features/user-experience.jpg"); }
section.features-sec-01 .features-thumb.ft-03::after { background: url("../img/features/risk-management.jpg"); }
section.features-sec-01 .features-thumb.ft-04::after { background: url("../img/features/payment-option.jpg"); }
section.features-sec-01 .features-thumb.ft-05::after { background: url("../img/features/social-touch-global-feel.jpg"); }
@keyframes morph { 
  0% { border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%; }
  50% { border-radius: 30% 60% 70% 40% / 50% 60% 30%; }
  100% { border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%; }
}
section.features-sec-01 .features-thumb img { position: relative; z-index: 11; border-radius: 10px; }
section.features-sec-01 .features-box { margin: 0px -15px; padding: 11%; position: relative; z-index: 2; overflow: hidden; }
section.features-sec-01 .features-box::before { content: ""; position: absolute; top: 0px; left: 1px; width: calc(100% + 1px); height: 420%; background: rgb(255, 255, 255); }
section.features-sec-01 .features-box h2 { font-size: calc(28px + 2vh); margin-bottom: 20px; position: relative; }
section.features-sec-01 .features-box ul { margin: 0px; padding: 0px; list-style-type: none; position: relative; z-index: 5; }
section.features-sec-01 .features-box ul li { padding: 20px 10px 20px 0px; position: relative; border-bottom: 1px solid rgba(123, 127, 201, 0.2); }
section.features-sec-01 .features-box ul li::after { content: ""; position: absolute; top: 25px; left: 0px; width: 10px; height: 10px; background: var(--color-01); display: none; }
section.features-sec-01 .features-box ul li h5 {color: #fff;display: inline-block;background: var(--color-07);padding: 6px 7px;border-radius: 6px;margin-bottom: 15px;}
section.features-sec-01 .features-box ul li p { opacity: 0.7; padding: 0px 7px; margin-bottom: 0px; }
section.features-sec-01 .features-box ul li:nth-last-child(1) { border: none; }
.about-wrp { position: relative; background: url("../img/home/hero-bg-02.jpg") center top / 100% 80% no-repeat fixed rgb(255, 255, 255); }
section.about-sec-hero { }
section.about-sec-01 { padding: 100px 0px 50px; }
section.about-sec-01 h2 { color: var(--color-01); font-size: calc(48px + 2vh); margin-bottom: 20px; }
section.about-sec-01 p1 { font-size: 21px; font-weight: 300; margin-bottom: 30px; }
section.about-sec-01 .abt-box1 { color: rgb(255, 255, 255); background: var(--color-01); margin: 0px -15px; padding: 30px; height: 100%; }
section.about-sec-01 .abt-box1 h3 { font-size: calc(15px + 2vh); }
section.about-sec-01 .abt-box1 h3 small { display: block; font-size: 65%; margin-top: 10px; line-height: 1.2 !important; }
section.about-sec-01 .abt-para1 { padding: 30px; height: 100%; background: rgb(255, 255, 255); border: 1px solid rgba(123, 127, 201, 0.2); }
section.about-sec-01 .abt-para1 p { font-size: 21px; font-weight: 400; }
section.about-sec-01 .about-details { border-radius: 10px; }
section.about-sec-01 .about-details .abt-box { }
section.about-sec-01 .about-details .abt-box h3 { font-size: var(--heading-03); margin-bottom: 30px; }
section.about-sec-01 .about-details .abt-box h3 small { font-size: 50%; display: block; line-height: 1.2; margin: 10px 0px 30px; }
section.about-sec-01 .about-details .abt-para { }
section.about-sec-01 .about-details .abt-para p { font-size: 16px; font-weight: 400; }
section.about-sec-01 .about-details.abt-01 { color: rgb(255, 255, 255); background: var(--color-01); padding: 10%; min-height: 54vh; }
section.about-sec-01 .about-details.abt-02 { padding: 10%; height: 100%; border: 1px solid rgba(42, 43, 54, 0.1); }
section.about-sec-02 { text-align: center; padding: 100px 0px; }
section.about-sec-02 .container { background: rgb(255, 255, 255); position: relative; z-index: 2; }
section.about-sec-02 h2 { color: var(--color-01); text-align: left; font-size: calc(42px + 2vh); margin-bottom: 30px; margin-left: 15px; }
section.about-sec-02 .team-box { display: flex; color: rgb(255, 255, 255); background: rgb(255, 255, 255); margin: 20px 20px 0px; padding-top: 40px; border-bottom: 1px solid rgb(51, 51, 51); position: relative; transition: all 500ms ease-in-out 0s; }
section.about-sec-02 .team-box .t-member { display: block; width: 34%; }
section.about-sec-02 .team-box .t-member img { filter: grayscale(1); }
section.about-sec-02 .team-box .t-details { width: 66%; text-align: left; padding: 20px; display: flex; flex-direction: column; justify-content: flex-end; }
section.about-sec-02 .team-box .t-details h4 { color: rgb(0, 0, 0); font-size: 20px; }
section.about-sec-02 .team-box .t-details p { color: rgb(0, 0, 0); font-size: 14px; font-style: italic; margin-bottom: 0px; }
section.about-sec-02 .team-box .overlay { font-size: 13px; font-weight: 300; text-align: left; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; background: var(--color-01); padding: 20px; opacity: 0; transition: all 500ms ease-in-out 0s; }
section.about-sec-02 .team-box .overlay p { letter-spacing: 0.5px; }
section.about-sec-02 .team-box { transition: all 500ms ease-in-out 0s; }
section.about-sec-02 .team-box:hover .overlay { opacity: 1; transition: all 500ms ease-in-out 0s; }
section.solutions-sec-hero { }
section.solutions-sec-01 { padding-top: 100px; }
section.solutions-sec-01 .container { position: relative; z-index: 1; border-bottom: 1px solid rgba(42, 43, 54, 0.15); }
section.solutions-sec-01 h2 { font-size: calc(24px + 2vh); margin-bottom: 30px; }
section.solutions-sec-01 p { }
section.solutions-sec-01 .direct-spot { margin: 20px 0px; min-height: 300px; border-radius: 10px; }
section.solutions-sec-01 .direct-spot img { width: 60px; margin-bottom: 30px; }
section.solutions-sec-01 .direct-spot h3 { font-size: 21px; line-height: 1.2; min-height: 60px; }
section.solutions-sec-01 .direct-spot p { }
section.solutions-sec-02 { padding-top: 100px; padding-bottom: 100px; }
section.solutions-sec-02 .container { background: rgb(255, 255, 255); position: relative; z-index: 1; }
section.solutions-sec-02 h2 { color: var(--color-01); font-size: var(--heading-02); margin-bottom: 30px; }
section.solutions-sec-02 p, section.solutions-sec-02 h6 { font-size: var(--heading-05); max-width: 380px; }
section.solutions-sec-02 ul { margin: 0px; padding: 0px; list-style-type: none; }
section.solutions-sec-02 ul li { padding: 10px 5px 10px 22px; border-bottom: 1px solid rgb(204, 204, 204); position: relative; }
section.solutions-sec-02 ul li::before { content: ""; position: absolute; top: 18px; left: 0px; width: 10px; height: 10px; background: var(--color-01); }
section.track-sec-hero { border-bottom: 3px solid rgb(178, 247, 99); }
section.track-sec-01 { padding-top: 100px; }
section.track-sec-01 .container { position: relative; z-index: 1; }
section.track-sec-01 h2 { color: var(--color-01); font-size: calc(24px + 2vh); margin-bottom: 50px; }
section.track-sec-01 p { }
section.track-sec-01 .track-spot { text-align: left; padding: 40px; height: 100%; background: var(--color-07); border-radius: 10px; }
section.track-sec-01 .track-spot img { width: 70px; margin-bottom: 20px; }
section.track-sec-01 .track-spot h3 { font-size: 21px; line-height: 1.2; margin-bottom: 20px; }
section.track-sec-01 .track-spot p { margin-bottom: 0px; }
section.track-sec-02 { padding-top: 100px; padding-bottom: 100px; }
section.track-sec-02 .container { position: relative; z-index: 1; }
section.track-sec-02 .bm-thumb { width: 100%; height: 100%; background: url("../img/track-record/become-a-merchant.jpg") center center / cover no-repeat; border-radius: 10px; }
section.track-sec-02 .bm-text { padding: 30px; }
section.track-sec-02 .bm-text h2 { font-size: calc(24px + 2vh); margin-bottom: 30px; }
section.track-sec-02 .bm-text p { }
section.track-sec-02 .accordion { }
section.track-sec-02 .accordion .card { border: 2px solid var(--color-02); border-radius: 10px; }
section.track-sec-02 .accordion .card .card-header { padding: 0px; border: none; background: transparent; }
section.track-sec-02 .accordion .card .card-header button { font-size: var(--heading-02); font-weight: 700; text-align: left; width: 100%; background: rgb(255, 255, 255); padding: 35px 40px; border: none; box-shadow: none; outline: none; border-radius: 10px; position: relative; transition: all 500ms ease-in-out 0s; }
section.track-sec-02 .accordion .card .card-header button::before { content: ""; position: absolute; top: 50%; right: 50px; width: 30px; height: 2px; background: rgb(0, 0, 0); transition: all 500ms ease-in-out 0s; }
section.track-sec-02 .accordion .card .card-header button::after { content: ""; position: absolute; top: 50%; right: 50px; width: 30px; height: 2px; background: rgb(0, 0, 0); transform: rotate(90deg); transition: all 500ms ease-in-out 0s; }
section.track-sec-02 .accordion .card-body { padding: 10px 40px 40px; }
section.track-sec-02 .accordion .card .card-header button[aria-expanded="true"]::after { transform: rotate(0deg); transition: all 500ms ease-in-out 0s; }
section.track-sec-03 { padding: 50px 0px; background: rgb(247, 247, 247); }
section.track-sec-03 .container { position: relative; z-index: 1; }
section.track-sec-03 h2 { font-size: var(--heading-01); line-height: 1.2; text-align: left; display: inline-block; border-radius: 10px; margin: 3% 2%; opacity: 0.2; }
section.track-sec-03 p1 { font-size: 21px; font-weight: 300; margin-bottom: 30px; }
section.track-sec-03 .track-box1 { color: rgb(255, 255, 255); background: var(--color-01); margin: 0px -15px; padding: 30px; height: 100%; }
section.track-sec-03 .track-box1 h3 { font-size: calc(15px + 2vh); }
section.track-sec-03 .track-box1 h3 small { display: block; font-size: 65%; margin-top: 10px; line-height: 1.2 !important; }
section.track-sec-03 .track-para1 { padding: 30px; height: 100%; background: rgb(255, 255, 255); border: 1px solid rgba(123, 127, 201, 0.2); }
section.track-sec-03 .track-para1 p { font-size: 21px; font-weight: 400; }
section.track-sec-03 .track-details { }
section.track-sec-03 .track-details .trk-box { }
section.track-sec-03 .track-details .trk-box h3 { color: var(--color-03); font-size: calc(24px + 2vh); margin-bottom: 40px; }
section.track-sec-03 .track-details .trk-box h3 small { font-size: 50%; display: block; line-height: 1.2; margin: 10px 0px 30px; }
section.track-sec-03 .track-details .trk-para { max-width: 410px; }
section.track-sec-03 .track-details .trk-para p { font-size: 16px; font-weight: 400; }
section.track-sec-03 .track-details .trk-para .sub-head { background: var(--color-07); font-weight: 700; padding: 2px 5px; border-radius: 4px; margin-bottom: 7px; margin-top: 6px; display: inline-block; }
section.track-sec-03 .track-details .trk-para ul { margin: 0px; padding: 0px; list-style-type: none; }
section.track-sec-03 .track-details .trk-para ul li { padding: 5px 5px 5px 25px; position: relative; }
section.track-sec-03 .track-details .trk-para ul li::before { content: ""; position: absolute; top: 14px; left: 0px; width: 14px; height: 6px; border-left: 2px solid rgb(255, 255, 255); border-bottom: 1px solid rgb(255, 255, 255); transform: rotate(-45deg); }
section.track-sec-03 .track-details.trk-01 { color: rgb(255, 255, 255); background: var(--color-01); padding: 6%; height: 100%; }
section.track-sec-03 .track-details.trk-02 { padding: 6% 2%; border-top: 1px solid rgba(42, 43, 54, 0.1); }
section.track-sec-03 .track-details.trk-02 .trk-para ul li::before { border-left: 2px solid rgb(2, 2, 2); border-bottom: 1px solid rgb(0, 0, 0); }
section.track-sec-03 h2 { }
section.track-sec-03 h2 a { color: rgb(33, 37, 41); }
section.contact-sec-hero { padding-top: 190px; }
section.contact-sec-hero .container { position: relative; z-index: 9; }
section.contact-sec-hero .form-box { color: rgb(255, 255, 255); background: rgb(12, 15, 192); padding: 6% 8%; position: relative; z-index: 5; margin-bottom: 10px; }
section.contact-sec-hero button { font-size: 15px; text-transform: uppercase; margin-top: 10px; transition: all 300ms ease-in-out 0s; border-radius: 100px !important; padding: 0px !important; }
section.contact-sec-hero button { transition: all 300ms ease-in-out 0s; }
section.contact-sec-hero button > span { padding: 18px 30px !important; }
section.contact-sec-hero .form-box label.kjkbsx { color: rgb(255, 255, 255); font-size: 11px; margin-bottom: 2px; text-transform: uppercase; }
section.contact-sec-hero h2 { font-size: calc(36px + 2vh); margin-bottom: 10px; }
section.contact-sec-hero.innerpage-hero .banner-txt { }
section.contact-sec-hero .nav-tabs { margin: 0px; padding: 0px; list-style-type: none; background: rgb(255, 255, 255); border-radius: 10px 10px 0px 0px; }
section.contact-sec-hero .nav-tabs li { width: 50%; }
section.contact-sec-hero .nav-tabs li button { cursor: pointer; display: flex; width: 100%; height: 100%; font-size: 21px; font-weight: 700; line-height: 1.2; text-align: left; margin: 0px; text-transform: capitalize; align-items: center; color: rgb(204, 204, 204) !important; padding: 15px 28px !important; border-radius: 10px 10px 0px 0px !important; background: transparent !important; }
section.contact-sec-hero .nav-tabs li button[aria-selected="true"], section.contact-sec-hero .nav-tabs li button[aria-selected="true"]:hover { border-top: 1px solid rgb(204, 204, 204); border-right: 1px solid rgb(204, 204, 204); border-left: 1px solid rgb(204, 204, 204); border-image: initial; border-bottom: none; background: rgb(255, 255, 255) !important; color: rgb(0, 0, 0) !important; }
section.contact-sec-hero .tab-content { padding: 40px 30px 30px; border-radius: 0px 0px 10px 10px; border-right: 1px solid rgb(204, 204, 204); border-bottom: 1px solid rgb(204, 204, 204); border-left: 1px solid rgb(204, 204, 204); border-image: initial; border-top: none; background: rgb(255, 255, 255); }
section.contact-sec-hero .tab-content .tab-pane { }
section.contact-sec-hero .nav-tabs li button:hover { border-top: 1px solid rgb(237, 237, 237); border-right: 1px solid rgb(237, 237, 237); border-left: 1px solid rgb(237, 237, 237); border-image: initial; border-bottom: none; }
section.contact-sec-hero .nav-tabs li button:hover, section.contact-sec-hero .nav-tabs li button:active, section.contact-sec-hero .nav-tabs li button:focus { box-shadow: none; outline: none; transition: all 500ms ease-in-out 0s; border: 1px solid rgb(204, 204, 204) !important; }
section.contact-sec-01 { padding: 0px 0px 100px; }
section.contact-sec-01 h2 { color: var(--color-01); font-size: calc(48px + 2vh); margin-bottom: 20px; }
section.contact-sec-01 p1 { font-size: 21px; font-weight: 300; margin-bottom: 30px; }
section.contact-sec-01 .form-box { position: relative; }
footer { background: rgb(237, 237, 237); }
footer .top-footer { padding: 30px 0px; }
footer .sub-footer { color: rgb(255, 255, 255); font-size: 12px; font-weight: 300; padding: 5px 0px 35px; }
footer .sub-footer hr { margin-bottom: 30px; }
footer .sub-footer p, footer .sub-footer p a { color: rgb(90, 90, 90); font-size: 12px; font-weight: 500; margin: 0px; }
footer ul.tncLinks { display: inline-block; margin: 0px auto; padding: 0px; list-style-type: none; }
footer ul.tncLinks li { padding: 0px 7px; display: inline-block; border-left: 1px solid rgb(56, 56, 56); }
footer ul.tncLinks li.active a { color: #ff810a; font-weight: 600; }
footer ul.tncLinks li a { color: rgb(51, 51, 51); line-height: 1; font-size: 12px; font-weight: 500; text-decoration: none; padding: 0px; position: relative; transition: all 300ms ease-in-out 0s; }
footer ul.tncLinks li a::after { content: ""; position: absolute; left: 0px; top: 5px; font-style: normal; font-variant: normal; font-weight: normal; font-stretch: normal; line-height: 1; font-family: FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; display: none; }
footer ul.tncLinks li a:hover { color: #ff810a; transition: all 300ms ease-in-out 0s; }
footer ul.tncLinks { }
footer ul.tncLinks li:nth-child(1) { border: none; }
footer ul.quicklinks li { padding: 0px 0px 0px 10px; display: inline-block; width: 24.1%; }
footer ul.quicklinks li.active a { font-weight: 500; color: rgb(3, 85, 139) !important; }
footer ul.quicklinks li a { color: rgb(51, 51, 51); font-size: 14px; font-weight: 500; line-height: 1.5; text-decoration: none; padding: 5px 0px; position: relative; transition: all 300ms ease-in-out 0s; }
footer ul.quicklinks li a::after { content: ""; position: absolute; left: 0px; top: 5px; font-style: normal; font-variant: normal; font-weight: normal; font-stretch: normal; line-height: 1; font-family: FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; display: none; }
footer ul.quicklinks li a:hover { color: #ff810a; transition: all 300ms ease-in-out 0s; }
footer ul.quicklinks { margin: 0px; padding: 0px; list-style-type: none; }
ul.social_media_footer { margin: 0px auto; padding: 0px; list-style-type: none; }
ul.social_media_footer > li { display: inline-block; }
ul.footerLinks li.active > a { font-weight: 700; color: rgb(51, 51, 51); }
ul.social_media_footer > li { padding: 0px 3px; text-align: center; }
ul.social_media_footer > li > a { color: rgb(51, 51, 51); font-size: 14px; text-align: center; display: block; width: 30px; height: 30px; line-height: 1; border: 1px solid rgb(51, 51, 51); transition: all 500ms ease-in-out 0s; padding: 8px 7px !important; border-radius: 100% !important; }
a.fb:hover { color: rgb(255, 255, 255); transition: all 500ms ease-in-out 0s; background: rgb(59, 89, 152) !important; }
a.tw:hover { color: rgb(255, 255, 255); transition: all 500ms ease-in-out 0s; background: rgb(56, 161, 243) !important; }
a.dr:hover { color: rgb(255, 255, 255); transition: all 500ms ease-in-out 0s; background: rgb(235, 75, 137) !important; }
a.in:hover { color: rgb(255, 255, 255); transition: all 500ms ease-in-out 0s; background: rgb(0, 119, 181) !important; }
a.insta:hover { color: rgb(255, 255, 255); background: radial-gradient(circle at 30% 107%, rgb(253, 244, 151) 0%, rgb(253, 244, 151) 5%, rgb(253, 89, 73) 45%, rgb(214, 36, 159) 60%, rgb(40, 90, 235) 90%); transition: all 500ms ease-in-out 0s; }
a.vi:hover { color: rgb(255, 255, 255); transition: all 500ms ease-in-out 0s; background: rgb(0, 173, 239) !important; }
a.yt:hover { color: rgb(255, 255, 255); transition: all 500ms ease-in-out 0s; background: rgb(216, 36, 35) !important; }
.ljpVKC { font-size: 13px !important; margin-bottom: 5px !important; }
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
  :root { --heading-01: 36px; --heading-02: 30px; --heading-03: 24px; --heading-04: 21px; --heading-05: 16px; }
  .blank-box { display: none !important; }
  header { padding: 0px; }
  #navbarSupportedContent { position: fixed; top: 60px; left: 0px; width: 100%; background: rgb(255, 255, 255); }
  header li a { border-bottom: 1px solid rgb(247, 247, 247); }
  header li.submenu-dropdown > a::after { top: 14px; right: 30px; }
  header li a .menu-text { padding: 13px 15px 13px 45px; display: block; }
  header li.btn-top a {padding: 0px !important;border-radius: 0px !important;}
  header nav ul { box-shadow: rgba(0, 0, 0, 0.3) 0px 10px 10px; }
  header nav ul ul { position: relative; padding: 0px; box-shadow: none; border-radius: 0px; left: 0px !important; width: 100% !important; }
  header nav ul ul li { width: 100% !important; }
  header nav ul ul li .icons-m { width: 40px; }
  header nav ul ul li .text-m { }
  header nav ul li.submenu-dropdown:hover > a::before { left: 43px; bottom: -5px; }
  header nav ul li, header nav ul li.submenu-dropdown, header nav ul li.submenu-dropdown > a { padding: 0px !important; }
  header nav ul ul li a { background: rgb(216, 216, 216); padding-left: 45px !important; }
  header li.btn-top a span {display: block;padding: 10px 20px 11px 43px;border-radius: 0px !important;}
  .wizz-logo { padding: 10px 60px 10px 30px; }
  .wizz-logo img { max-width: 70%; }
  .dp_logo { max-width: 40%; }
  button.navbar-toggler { position: absolute; top: 0px; right: -15px; background: #ff810a; z-index: 9; width: 60px; height: 100%; border-radius: 0px; }
  button.navbar-toggler.collapsed::before { content: ""; width: 50%; height: 2px; background: rgb(0, 0, 0); position: absolute; top: 35%; left: 25%; transform: rotate(0deg); transition: all 500ms ease-in-out 0s; }
  button.navbar-toggler.collapsed::after { content: ""; width: 50%; height: 2px; background: rgb(0, 0, 0); position: absolute; top: 65%; left: 25%; transform: rotate(0deg); transition: all 500ms ease-in-out 0s; }
  button.navbar-toggler .navbar-toggler-icon { width: 0%; height: 2px; background: rgb(0, 0, 0); position: absolute; top: 50%; left: 25%; }
  button.navbar-toggler.collapsed .navbar-toggler-icon { width: 50%; transition: all 500ms ease-in-out 0s; }
  button.navbar-toggler::before { content: ""; width: 50%; height: 2px; background: rgb(0, 0, 0); position: absolute; top: 50%; left: 25%; transform: rotate(-45deg); transition: all 500ms ease-in-out 0s; }
  button.navbar-toggler::after { content: ""; width: 50%; height: 2px; background: rgb(0, 0, 0); position: absolute; top: 50%; left: 25%; transform: rotate(45deg); transition: all 500ms ease-in-out 0s; }

  button.navbar-toggler:hover, button.navbar-toggler:focus, button.navbar-toggler:active { outline: none; box-shadow: none; border: none; }
  section.innerpage-hero { display: block; width: auto; height: auto; padding-top: 60px; padding-bottom: 50px; }
  section.innerpage-hero .hero-banner { border-bottom: 3px solid #ff810a; width: 100% !important; height: 270px !important; background-size: cover !important; background-attachment: scroll !important; position: relative !important; }
  section.innerpage-hero .banner-txt { padding: 40px 45px 0px 10px; margin-top: 0px !important; }
  section.innerpage-hero .banner-txt a { margin-top: 10px; }
  section.innerpage-hero .banner-txt p { font-size: 15px; }
  .box-01 { z-index: 4; }
  .box-02 { z-index: 4; }
  .box-03 { z-index: 4; }
  .tabs-slider { height: auto; }
  .tabs-slider .t-link { padding: 60px 20px; border-bottom: 1px solid rgba(255, 255, 255, 0.12); }
  .tabs-slider .t-link::before { bottom: 74%; left: 20px; }
  .tabs-slider .t-link::after { top: 14%; left: 11%; }
  section.home-sec-01 { padding: 80px 0px; }
  section.home-sec-01 h2 { margin-bottom: 0px; }
  section.home-sec-01 .solutions-box h3 { font-size: 24px; }
  section.home-sec-01 .solutions-box p { min-height: auto; }
  section.home-sec-02 { padding: 40px 10px; }
  section.home-sec-02::before { width: 100%; }
  section.home-sec-02::after { width: 100%; }
  section.home-sec-02 .container { background: transparent; box-shadow: none; }
  section.home-sec-02 h2 { }
  section.home-sec-02 .panel.panel-default { background: rgb(255, 255, 255); border: 1px solid rgb(3, 85, 139); border-radius: 10px; margin-bottom: 30px; }
  section.home-sec-02 .panel.panel-default .panel-heading { }
  section.home-sec-02 .panel.panel-default .panel-heading h4 { margin-bottom: 0px; }
  section.home-sec-02 .panel.panel-default .panel-heading h4 a { color: rgb(3, 85, 139); font-size: 21px; display: block; padding: 15px; }
  section.home-sec-02 .panel-collapse { }
  section.home-sec-02 .panel-body { }
  section.home-sec-02 .panel-body .feature-box { margin: 0px; }
  section.home-sec-02 .feature-box::before { height: 100%; border-radius: 0px; }
  section.home-sec-02 .panel-body .feature-box .f-thumb { }
  section.home-sec-02 .panel-body .feature-box .f-content { }
  section.home-sec-02 .container { }
  section.home-sec-03 { padding: 70px 15px; }
  section.home-sec-03 .lead { font-size: 16px; }
  section.home-sec-03 .why-slider { padding: 10px; }
  section.home-sec-logo { padding: 50px 0px; }
  section.home-sec-logo ul { column-count: 2; }
  section.home-sec-logo ul li { padding: 20px 30px; border-top: 1px solid rgb(227, 227, 227); }
  section.home-sec-logo ul li img { }
  section.home-sec-faqs { padding: 50px 0px; }
  section#faqs { padding: 50px 10px !important; }
  section.home-sec-faqs .faq-box { padding: 0px; border-radius: 0px; box-shadow: none; }
  section.home-sec-faqs .card .card-header button { font-size: 16px; }
  section.home-sec-logo ul:nth-last-child(1) { border-bottom: 1px solid rgb(227, 227, 227); }
  section.solutions-sec-01 { padding: 50px 40px 50px 10px; }
  section.solutions-sec-01 .container { border-bottom: none; }
  section.solutions-sec-01 h2 { font-size: var(--heading-02); }
  section.solutions-sec-01 h2 br { display: none; }
  section.solutions-sec-01 .direct-spot { padding-bottom: 30px; border-bottom: 1px solid rgb(204, 204, 204); min-height: auto; }
  section.solutions-sec-02 { padding: 20px 40px 80px 10px; }
  section.features-sec-01 { padding: 40px 0px; }
  section.features-sec-01 .features-box { padding: 50px 50px 0px 30px; }
  section.features-sec-01 .features-box h2 { font-size: var(--heading-02); }
  section.features-sec-01 .features-box ul li h5 { font-size: var(--heading-05); }
  section.about-sec-01 { padding: 10px 45px 20px 15px; }
  section.about-sec-01 .about-details.abt-02 { padding: 40px 0px; height: auto; border-top: none; border-right: none; border-left: none; border-image: initial; border-bottom: 1px solid rgba(42, 43, 54, 0.1); }
  section.about-sec-02 { padding: 20px 35px 50px 15px; }
  section.about-sec-02 h2 { font-size: var(--heading-02); margin-bottom: 0px; margin-left: 0px; }
  section.about-sec-02 .team-box { display: block; margin: 0px; border: none; }
  section.about-sec-02 .team-box .t-member { float: left; }
  section.about-sec-02 .team-box .t-details { float: left; }
  section.about-sec-02 .team-box .t-details h4 { font-size: 18px; }
  section.about-sec-02 .team-box .overlay { font-size: 15px; position: static; opacity: 1; float: left; }
  section.track-sec-01 { padding: 50px 0px 20px; }
  section.track-sec-01 .track-spot { height: auto; padding: 30px 30px 40px; margin-bottom: 30px; }
  section.track-sec-02 { padding-top: 0px; padding-bottom: 60px; }
  section.track-sec-02 .accordion .card .card-header button { font-size: 21px; line-height: 1; padding: 25px 40px 25px 30px; }
  section.track-sec-02 .accordion .card-body { padding: 0px; }
  section.track-sec-03 .track-details .trk-box h3 { font-size: var(--heading-02); margin-bottom: 20px; }
  section.track-sec-03 .track-details .trk-box h3 { }
  section.contact-sec-hero { }
  section.contact-sec-hero .nav-tabs { margin: 40px 15px 0px; }
  section.contact-sec-hero .tab-content { margin: 0px 15px 40px; }
  section.contact-sec-hero .nav-tabs li button { font-size: 18px; }
  footer ul.quicklinks { margin: 30px; }
  footer ul.quicklinks li { width: 49%; }
  ul.social_media_footer { margin-left: 39px; }
  footer .sub-footer { padding: 5px 0px 35px 50px; }
  footer .sub-footer p, footer .sub-footer p a { text-align: left; }
  footer ul.tncLinks { margin: 10px 0px 10px -6px; float: left; }
}
@media only screen and (min-width: 321px) {
}
@media only screen and (max-width: 320px) {
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
}
@media only screen and (min-device-width: 1021px) and (max-device-width: 1280px) {
  :root { --heading-01: 42px  !important; --heading-02: 36px  !important; --heading-03: 30px  !important; --heading-04: 24px  !important; --heading-05: 21px  !important; }
  header { padding-left: 0px; }
  header li { padding-left: 0.5rem; padding-right: 0.5rem; }
  header li a { font-size: 13px; }
  header li.btn-top a { padding: 20px 10px 17px !important; }
  header nav ul ul { padding: 15px; }
  header nav ul ul li .icons-m { width: 20%; }
  section.innerpage-hero .banner-txt { max-width: 350px; }
  section.home-sec-01 .solutions-box h3 { font-size: 24px; }
  section.features-sec-01 .features-box h2, section.solutions-sec-01 h2 { font-size: var(--heading-02); }
  section.features-sec-01 .features-box ul li h5 { font-size: var(--heading-05); }
  section.solutions-sec-01 .direct-spot h3 { font-size: var(--heading-04); }
  section.innerpage-hero .hero-banner { width: 100% !important; background-size: cover !important; }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (min-resolution: 192dpi) {
}
@media only screen and (min-width: 1224px) {
}
@media only screen and (min-width: 1824px) {
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
}
.feVslO { position: relative; }
.gtocnm { font-weight: 700; text-transform: uppercase; position: absolute; bottom: 0px; right: 15px; background: red; padding: 3px 5px 2px; color: rgb(255, 255, 255) !important; font-size: 10px !important; line-height: 1 !important; }
.bBJseK { font-size: 21px; text-align: center; }