html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; outline: none !important; color: #000000;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section { display: block;}
body { line-height: 1.15; font-family: 'Poppins';}
ol, ul { list-style: none;}
blockquote, q { quotes: none;}
blockquote:before, 
blockquote:after,
q:before, 
q:after { content: ''; content: none;}
table { border-collapse: collapse; border-spacing: 0;}
a{ -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; text-decoration:none; outline:none;}
a:hover,
a:focus{ -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; text-decoration:none; outline:none;}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #ccc;}
::-moz-placeholder { /* Firefox 19+ */ color: #ccc;}
:-ms-input-placeholder { /* IE 10+ */ color: #ccc;}
:-moz-placeholder { /* Firefox 18- */color: #ccc;}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill { -webkit-box-shadow: 0 0 0 50px white inset !important;}
section{ float: left; width: 100%; position: relative;}
/*---------------START----------------*/

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Bold.eot');
    src: url('../fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Bold.woff2') format('woff2'),
        url('../fonts/Roboto-Bold.woff') format('woff'),
        url('../fonts/Roboto-Bold.ttf') format('truetype'),
        url('../fonts/Roboto-Bold.svg#Roboto-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Medium.eot');
    src: url('../fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Medium.woff2') format('woff2'),
        url('../fonts/Roboto-Medium.woff') format('woff'),
        url('../fonts/Roboto-Medium.ttf') format('truetype'),
        url('../fonts/Roboto-Medium.svg#Roboto-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Regular.eot');
    src: url('../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Regular.woff2') format('woff2'),
        url('../fonts/Roboto-Regular.woff') format('woff'),
        url('../fonts/Roboto-Regular.ttf') format('truetype'),
        url('../fonts/Roboto-Regular.svg#Roboto-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
/*----------------END-----------------*/

/*--------------------------------------------------------------
# Sections
--------------------------------------------------------------*/
section { padding: 60px 0;overflow: hidden;}
.section-header {text-align: center;padding-bottom: 40px;}
.section-header h2 {font-size: 13px;letter-spacing: 1px;font-weight: 700;margin: 0;color: #4154f1;text-transform: uppercase;}
.section-header p { margin: 10px 0 0 0; padding: 0; font-size: 38px; line-height: 42px; font-weight: 700; color: #012970;}
@media (max-width: 768px) {
  .section-header p { font-size: 28px; line-height: 32px; }
}
/*--------------------------------------------------------------
# Disable aos animation delay on mobile devices
--------------------------------------------------------------*/
@media screen and (max-width: 768px) {
  [data-aos-delay] {
    transition-delay: 0 !important;
  }
}
/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
.header { transition: all 0.5s; z-index: 997; padding: 20px 0; background: transparent;}
.header.header-scrolled { background:rgba(0, 50, 135, 0.8); padding: 15px 0; box-shadow: 0px 2px 20px rgba(1, 41, 112, 0.1);color: #fff;}
/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/**
* Desktop Navigation 
*/
.navbar { padding: 0;}
.navbar ul { margin: 0; padding: 0; display: flex; list-style: none; align-items: center;}
.navbar li { position: relative;}
.navbar a, .navbar a:focus {display: inline-block; cursor: pointer; align-items: center; justify-content: space-between; padding: 10px 40px; font-size: 16px; font-weight: 400; font-family: 'Roboto'; color: #ffffff; white-space: nowrap; transition: 0.3s;}
.navbar a i, .navbar a:focus i { font-size: 24px; line-height: 0; margin-left: 5px; color: #ffffff;}
.header.header-scrolled .navbar a i,
.header.header-scrolled .navbar a:focus i{color: #000000;}
.navbar a:hover, .navbar .active, .navbar .active:focus, .navbar li:hover > a { color: #ffffff;}
.navbar .dropdown ul { display: block; position: absolute; left: 14px; top: calc(100% + 30px); margin: 0; padding: 10px 0; z-index: 99; opacity: 0; visibility: hidden; background: #393939; box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25); transition: 0.3s; border-radius: 4px;}
.navbar .dropdown ul li { min-width: 200px;}
.navbar .dropdown ul a { padding: 10px 20px; font-size: 15px; text-transform: none; font-weight: 600;}
.navbar .dropdown ul a i { font-size: 24px;}
.navbar .dropdown ul a:hover, .navbar .dropdown ul .active:hover, .navbar .dropdown ul li:hover > a { color: #4154f1;}
.navbar .dropdown:hover > ul { opacity: 1; top: 100%; visibility: visible;}
.navbar .dropdown .dropdown ul { top: 0; left: calc(100% - 30px); visibility: hidden;}
.navbar .dropdown .dropdown:hover > ul { opacity: 1; top: 0; left: 100%; visibility: visible;}
@media (max-width: 1366px) {
  .navbar .dropdown .dropdown ul { left: -90%;}
  .navbar .dropdown .dropdown:hover > ul { left: -100%; }
}

/**
* Mobile Navigation 
*/
.mobile-nav-toggle {color: #ffffff; font-size: 28px; cursor: pointer; display: none; line-height: 0; transition: 0.5s;}
.header.header-scrolled .mobile-nav-toggle{color: #000000;}
.header.header-scrolled .mobile-nav-toggle.bi-x{color: #ffffff;}
.mobile-nav-toggle.bi-x { color: #fff;}

@media (max-width: 1024px) {
  .mobile-nav-toggle { display: block;}
  .navbar ul { display: none;}
}
.navbar-mobile { position: fixed;  overflow: hidden; top: 0; right: 0; left: 0; bottom: 0; background: rgba(1, 22, 61, 0.9); transition: 0.3s;}
.navbar-mobile .mobile-nav-toggle { position: absolute; top: 15px; right: 15px;}
.navbar-mobile ul { display: block; position: absolute; top: 55px; right: 15px; bottom: 15px; left: 15px; padding: 15px; border-radius: 10px; background-color: #ffffff; overflow-y: auto; transition: 0.3s;}
.navbar-mobile a, .navbar-mobile a:focus {padding: 10px 20px; font-size: 15px; color: #000000;}
.navbar-mobile a:hover, .navbar-mobile .active, .navbar-mobile li:hover > a { color: #000000;}
.navbar-mobile .getstarted, .navbar-mobile .getstarted:focus {margin: 15px;}
.navbar-mobile .dropdown ul { position: static; display: none; margin: 10px 20px; padding: 10px 0; z-index: 99; opacity: 1; visibility: visible; background: #393939; box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);}
.navbar-mobile .dropdown ul li { min-width: 200px;}
.navbar-mobile .dropdown ul a { padding: 10px 20px;}
.navbar-mobile .dropdown ul a i { font-size: 18px;}
.navbar-mobile .dropdown ul a:hover, .navbar-mobile .dropdown ul .active:hover, .navbar-mobile .dropdown ul li:hover > a { color: #ffffff;}
.navbar-mobile .dropdown > .dropdown-active { display: block;}
.portalbtn .btn-primary{background-color:#dfb72c; border:#dfb72c;}

/*** Carousel ***/
.carousel-inner{overflow: visible;}
.carousel-caption {top: 56%;left: 50%;right: 0;bottom: 0;z-index: 1;transform: translate(-50%, -50%);max-width: 1300px;width: 100%;}
.carousel-control-prev,
.carousel-control-next {width: 10%;}
.carousel-control-prev-icon,
.carousel-control-next-icon {width: 3rem;height: 3rem;}

.carousel-inner .carousel-item{min-height: 765px;}

.desktop-banner-img{display: block;}
.mobile-banner-img{display: none;}

/*** Miscellaneous ***/
.back-to-top {position: fixed;display: none;right: 45px;bottom: 45px;z-index: 99;}
.bg-header {background: linear-gradient(rgba(9, 30, 62, .7), rgba(9, 30, 62, .7)), url(../img/carousel-1.jpg) center center no-repeat;background-size: cover;}
.link-animated a {transition: .5s;}
.link-animated a:hover {padding-left: 10px;}

/*** Banner ***/
.bannertext{text-align: left;}
.bannertext p { width: 500px; }
.carousel-caption h5{font-size: 50px;font-weight: 500;color: #fff;text-transform: uppercase;font-family: roboto; line-height: 70px;}
.carousel-caption p{font-size: 20px;font-weight: 400 ;color: #fff;font-family: roboto;line-height: 36px; padding-top: 20px;}
.banner-inner-img img{padding-top: 0;position: absolute;bottom: -50%;right: 0;max-width: 800px;}
.back-to-top{background-color: #dfb72c; border-color:#dfb72c ;}
.back-to-top:hover{background-color: #ab8b1a;border-color:#ab8b1a ;}

/*** Service ***/
#service{background-color: #f7f9fc;}
.ourservice{text-align: left;}
.ourservice h5{font-size: 32px;font-weight: 400 ;color:#003b96; font-family: roboto; text-align: center;}
.ourservice p{font-size: 18px;font-weight: 400 ;color: #252525;font-family: roboto;line-height: 30px; text-align: center;}
.service-item{background-color: #ffffff;  padding: 20px; min-height: 340px;}
.service-item h4{font-size: 16px;font-weight: 500 ;color:#121212; font-family: roboto; }
.service-item p{font-size: 14px;font-weight: 400 ;color:#353535; font-family: roboto; padding-top: 20px; line-height: 20px;}
.service-item a{font-size: 16px;font-weight: 600 ;color:#003388; font-family: roboto; padding-top: 20px;}
.google{ padding-right: 20px}
.google{ padding-right: 20px}

/*** About ***/
.about {margin-top: 80px;}
.aboutus{background-color: #f7f9fc; padding: 80px 0px;}
.abouttext h2 {font-size: 44px;font-weight: 400; color: #003b96; font-family: roboto;line-height: 60px;margin-bottom: 40px;}
.abouttext h5{font-size: 40px;font-weight: 600 ;color:#003b96; font-family: roboto; text-align: left; max-width: 600px; line-height: 60px; padding: 10px 0px;}
.abouttext h4{font-size: 24px;font-weight: 600 ;color:#121212; font-family: roboto; text-align: left; max-width: 600px;padding: 50px 0px 30px 0px; text-transform: uppercase;}
.abouttext p {font-size: 16px;font-weight: 400 ;color: #252525;font-family: roboto;line-height: 30px; text-align: left; }
.aboutbtn{background-color: #003b96; border-color: #003b96; border-radius: 30px; color: #fff; font-weight: 14px; font-family: roboto;}
.aboutbtn:hover{background-color: #003079; border-color: #003079; color: #f6f6f6; font-weight: 14px; font-family: roboto;}

.about-main-inner{display: block; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1); background: #ffffff; padding: 30px;}
.about-main-inner i{margin-top: -30px; display: block; width: 100px;}
.about-main-inner p { line-height: 28px; } 
.abouta{padding-bottom: 40px;}

/*** App Screen ***/
.appheading{margin: 80px 0px 40px 0px;}
.bg-white-app{margin-bottom: 80px;}
.appheading p{ font-family:roboto; font-size: 20px; font-weight: 400; color: #003b96; text-align: center; }
.appheading h5{font-family:roboto; font-size: 30px; font-weight: 500; color: #2d2d2d; text-align: center; }

/*** Contact US ***/
.contacusheading p{ font-family:roboto; font-size: 20px; font-weight: 400; color: #003b96; text-align: left; }
.contacusheading h5{ font-family:roboto; font-size: 30px; font-weight: 500; color: #2d2d2d; text-align: left; padding-bottom: 40px; }
.address img, .Phone img, .email img, .license img {max-width: 44px; height: 44px; }
.address p, .Phone p, .email p, .license p{ padding: 10px 0px 0px 20px; }
.contacusright{ max-width: 450px; }
.address, .Phone, .email, .license{padding-top: 30px;}

.contacusheadingrig h5{font-family:roboto; font-size: 24px; font-weight: 500; color: #121212; text-align: left; width: 100%; max-width: 420px; line-height: 38px; padding-bottom: 50px; text-transform: uppercase;} 
.contact-inner .btn{ background-color:#003b96 ; color: #ffffff; width: 148px; max-width: 100%; border-radius: 100px; border-color:#003b96;}
.contact-inner .btn:hover{ width: 148px; max-width: 100%;background-color:#dfb72c; border-color:#dfb72c;}
.contact-inner .form-control{border: 1px solid #f1f1f1; line-height: 2.5; color:#252525; font-size: 16px; font-weight: 400; font-family:roboto;}

/*** Copyrights ***/
#copyrights{ background-color: #003b96; padding: 24px 0px;}
.copyrig p,.copymed p,.copyleft p,.copyleft p a{ font-family:roboto; font-size: 14px; font-weight: 400; color: #ffffff; text-align: left; margin: 0px;}
.copyleft p{text-align: right;}
.copymed p{text-align: center;}
.copyrig p {text-align: left;}


#about, #services, #apps, #appscreens{padding: 0px;}
#contact{padding-top: 60px; background-color: #f7f9fc;}
.captcharefresh p {padding-top: 13px;}
.getinbutton{padding-bottom: 30px;}

/*** Responsive ***/
@media (max-width: 991.98px) {
    .sticky-top.navbar-dark {position: relative;background: #FFFFFF;}
    .navbar-dark .navbar-nav .nav-link,
    .navbar-dark .navbar-nav .nav-link.show,
    .sticky-top.navbar-dark .navbar-nav .nav-link {padding: 10px 0;color: var(--dark);}
    .navbar-dark .navbar-brand h1 {color: var(--primary);}
}
@media (min-width: 992px) {
    .navbar-dark {position: absolute;max-width: 1440px;width: 100%;top: 0;left: 50%;z-index: 999;transform: translateX(-50%);padding: 0px !important;-webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}
    .sticky-top.navbar-dark {position: fixed;background: #FFFFFF;max-width: 100%;padding: 0 40px !important;-webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}
    .navbar-dark .navbar-nav .nav-link::before {position: absolute;content: "";width: 0;height: 2px;bottom: -1px;left: 50%;background: #dfb72c;transition: .5s;}
    .navbar-dark .navbar-nav .nav-link:hover::before,
    .navbar-dark .navbar-nav .nav-link.active::before {width: 100%;left: 0;}
    .navbar-dark .navbar-nav .nav-link.nav-contact::before {display: none;}
    .sticky-top.navbar-dark .navbar-brand h1 {color: var(--primary);}
}
@media (max-width: 576px) {
    .carousel-caption h5 {font-size: 14px;font-weight: 500 !important;}
    .carousel-caption h1 {font-size: 30px;font-weight: 600 !important;}
}

.privacytext h3,.privacytexta h3, .privacytextb h3,.privacytextc h3
.privacytextd h3,.privacytexte h3,.privacytextf h3,.privacytextg h3,
.privacytexth h3,.privacytexti h3
{font-weight: 500; font-family: 'Roboto'; font-size: 26px; margin-bottom: 20px; color: #003b96; }

.privacytext p, .privacytexta p, .privacytextb p, .privacytextc p,
.privacytextd p, .privacytexte p, .privacytextf p, .privacytextg p,
.privacytexth p, .privacytexti p
{ color: #000; font-weight: 400; font-family: 'Roboto'; font-size: 16px;  line-height: 40px; margin-bottom: 20px; }

.privacytexta, .privacytextb, .privacytextc,.privacytextd,
.privacytexte, .privacytextf, .privacytextg, .privacytexth, .privacytexti
{margin-top: 30px;}

.privacytexta h4, .privacytextb h4, .privacytextc h4,
.privacytextd h4, .privacytexte h4, .privacytextf h4,
.privacytextg h4, .privacytexth h4, .privacytexti h4
{font-weight: 500; font-family: 'Roboto'; font-size: 22px; margin-bottom: 16px; color: #000;}

.termstext h3,.termstexta h3,.termstextb h3,.termstextc h3,
.termstextd h3,.termstexte h3,.termstextf h3,.termstextg h3
{font-weight: 500; font-family: 'Roboto'; font-size: 26px; margin-bottom: 20px; color: #003b96; margin-top: 30px;}

.termstext p,.termstexta p,.termstextb p,.termstextc p,
.termstextd p,.termstexte p,.termstextf p,.termstextg p
{ color: #000; font-weight: 300; font-size: 16px; line-height: 30px; margin-bottom: 10px;}

.termstext h4, .termstexta h4, .termstextb h4, .termstextc h4,
.termstextd h4,.termstexte h4, .termstextf h4, .termstextg h4
{font-weight: 500; font-family: 'Roboto'; font-size: 22px; margin: 26px 0px 16px 0px; color: #000;}