/* FONTS */
@font-face { font-family: BlissPro-Medium; src: url('../assets/BlissPro-Medium.otf'); }
@font-face { font-family: BlissPro-Light; src: url('../assets/BlissPro-Light.otf'); }
body {
  color: #003962;
  font-size: 18px;
  line-height: 1.3;
  font-family: BlissPro-Light;
}
h1 {
  font-family: 'Oswald', sans-serif;
  font-weight: 700;
  font-size: 58px;
}
h2 {
  font-family: 'Oswald', sans-serif;
  font-weight: 700;
  font-size: 36px;
  line-height: 1.5;
}
h4 {
  font-family: 'Oswald', sans-serif;
  font-weight: 700;
  font-size: 28px;
  line-height: 1.5;
}
h5 {
  font-family: 'Oswald', sans-serif;
  font-weight: 700;
  font-size: 16px;
}
p {
  font-size: 20px;
}
a {
  color: inherit;
  text-decoration: none;
}
a:hover {
  color: #127EB1 !important;
  transition: 0.3s;
}
/* NAV */
.navbar {padding:12px 10px; transition: 0.5s;}
.navPadding {
  padding:42px 10px;
  transition: 0.2s;
  padding-top: 65px;
}
.navbar-brand img {width: 120px;transition: 0.5s;}
.navPadding .navbar-brand img {width: 180px;  transition: 0.2s;}
.navbar .nav-item {padding: 0px 25px;}
@media (min-width: 1400px) {
  .navbar .container {max-width: 1580px;}
}

.socials .fa {
  font-size: 18px;
}
.socials {display: flex;
flex-wrap: wrap;
padding-left: 0;
margin-bottom: 0;
list-style: none;}

.socials a {
  padding-right: 8px !important;
  padding-left: 8px !important;
  color: #0065A1 !important;
}
.socials a:hover {
  color: #333 !important;
}
.nav-item a {
  font-family: 'Oswald', sans-serif;
  font-size: 18px;
  font-weight: 500;
  transition: 0.3s;
  color:#6d6e71;
}
.contactLi {
  border: 1px solid #0066a2;
margin: 0 10px 0px 25px;
}
.contactLi a {
  color:#0066a2;
}
.contactLi a:hover {
  color:#003962;
}
/* COLORS */
.bg-primary {background: #0066a2 !important;}
.bg-white {background: #fff !important;}
.bg-dark {background: #003962 !important;}
.bg-secondary {background: #d7d7d7 !important;}
.text-blue {color:#0066a2;}
.border-primary {border-color:#003962 !important;}
/* BUTTONS */

.btn {
  font-family: 'Oswald', sans-serif;
  font-size: 16px;
  font-weight: 500;
  padding-left:20px;padding-right:20px;
  border-radius: 0px;
}
.btn-outline-light {border-radius: 0px; border:2px solid rgba(255, 255, 255, 0.5);}
.btn-outline-blue {border-radius: 0px; border:2px solid #003962;}
.btn-primary {background: #003962;border-color: #003962;}
.btn-primary:hover {color:#fff !important;}

/* FORMS */
.formStyling label {
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: 600;
  color: #646464;
}
.formsNavHeader {
  background-color: #0064A0;
  color: #fff;
}
.formsNav .nav-item {
  border-bottom: solid 1px #e2e2e2;
}
.formsNav .nav-item a {

  font-size: 11pt;
  font-weight: 400;
  transition: 0.3s;
  color: #73767a;
  padding: 15px 20px;
}
.formStyling .form-group {margin-bottom:15px;}
.formStyling  .checksBox .my-0 {margin-bottom:10px !important;}
.formStyling .custom-checkbox {margin-bottom:5px;}
.formStyling .custom-checkbox input {width:30px;height:30px;}
.formStyling .custom-checkbox label {vertical-align: super;}
.formStyling .mt-4 label, .formStyling .my-4 label {width: 90%;vertical-align: initial;}
/* FORMS END */
/* CUSTOM */
.underHover p {
  position: relative;
  width: fit-content;
  padding: 0px 20px 5px;
  color:#fff;
}
.underHover  p:after {
  content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: #fff;
  transform-origin: bottom left;
  transition: transform 0.25s ease-out;
}
.underHover:hover p:after {
  transform: scaleX(1);
  transform-origin: bottom left;
}
.arrowSVG h3 {
  font-family: 'Oswald', sans-serif;
  font-weight: 500;
  font-size: 28px;
  color: #fff;
  position: absolute;
  top: 22px;
  left: 95px;
}
.arrowSVG p {
  color: #024167 !important;
  font-weight: 600;
}
.arrowSVG span {
  line-height: 14px;
  font-size: 8pt;
  display: block;
  color: #73767a;
}
.arrow80 .colorArrow {fill:#135c8a !important;}
.arrow60 .colorArrow {fill:#1774ac !important;}
.arrow40 .colorArrow {fill:#1e80c1 !important;}
.arrow20 .colorArrow {fill:#238ec8 !important;}
.arrow00 .colorArrow {fill:#279fd5 !important;}

.arrow80, .arrow60, .arrow40, .arrow20, .arrow00  {position: relative;}
.pdfDownloads p {
  color: #024167;
  font-size: 10pt;
  font-weight: 600;
  padding-top: 15px;
}

.greyOutLogo {
  filter: grayscale(100%);
  transition: 0.5s;
}
.greyOutLogo:hover {  filter: grayscale(0);}
/* SeRVICES TABS */
.indweServiceTabs li .active:after {
  content: '';

bottom: -52px;
right: 50%;
position: absolute;
height: 52px;
width: 2px;
background-size: cover;
left: 45%;
margin-left: auto;
margin-right: auto;

background: #0065A1;
}
.indweServicePanes img {
  filter:invert(1);

}
.indweServiceTabs li .active .leftLineWs::before {background: #227aae;}
.indweServiceTabs li button {
  font-size: 24px;
  text-transform: uppercase;
  position: relative;
text-align: left;
padding:0px;
border:4px solid #fff !important;
background: #f0a !important;
min-height: 120px;
border-radius: 0px !important;
}
.indweServiceTabs li .tab1 {
  background: #00a8d7 !important;
}
.indweServiceTabs li .tab2 {
  background: #0066a2 !important;
}
.indweServiceTabs li .tab3 {
  background: #003962 !important;
}
.indweServiceTabs li .tab4 {
  background: #47c0cf !important;
}
.indweServiceTabs li .active {

  border-radius: 0px;
  background: #F8F9FA !important;
  -webkit-box-shadow:inset 0px 0px 0px 2px #0065A1;
    -moz-box-shadow:inset 0px 0px 0px 2px #0065A1;
    box-shadow:inset 0px 0px 0px 2px #0065A1;
}
.indweServiceTabs li button .title {
  position: absolute;
  z-index: 1;
  font-family: 'Oswald', sans-serif;
font-weight: 700;
font-size: 20px;
line-height: 1.5;
color: #fff;
left: 30px;
top: 10px;
}
.indweServiceTabs li .active .title {
  color: #003962;
}
.indweServiceTabs li button .readButton {
  position: absolute;
  right:10px;
  bottom:10px;
  background:#fff;
  padding:5px 10px;
  z-index: 1;
  color:#003962;
  font-size: 14px;

  font-family: 'Oswald', sans-serif;
font-size: 16px;
font-weight: 500;
}
.indweServiceTabs li .active .readButton {
  display: none !important;
}

.indweServicePanes {
  border:2px solid #0065A1 !important;
  padding-top
}
.indweServicePanes .btn {min-width: 120px;}
/* SERVICES TABS END */

/* CONTACT TABS */
.indweContactTabs li .active:after {
  content: '';
bottom: -30px;
right: 50%;
position: absolute;
height: 32px;
width: 2px;
background-size: cover;
left: 45%;
margin-left: auto;
margin-right: auto;

background: #0065A1;
}

.indweContactTabs li .active .leftLineWs::before {background: #227aae;}
.indweContactTabs li button {

  text-transform: uppercase;
  position: relative;
text-align: left;
padding:0px;
border:4px solid #fff !important;
background: #f0a !important;
padding: 20px 10px;
border-radius: 0px !important;
text-align: center;
height: 100%;
}
.indweContactTabs li .tab1 {
  background: #00a8d7 !important;
}
.indweContactTabs li .tab2 {
  background: #0066a2 !important;
}
.indweContactTabs li .tab3 {
  background: #003962 !important;
}
.indweContactTabs li .tab4 {
  background: #47c0cf !important;
}
.indweContactTabs li .active {

  border-radius: 0px;
  background: #F8F9FA !important;
  -webkit-box-shadow:inset 0px 0px 0px 2px #0065A1;
    -moz-box-shadow:inset 0px 0px 0px 2px #0065A1;
    box-shadow:inset 0px 0px 0px 2px #0065A1;
}
.indweContactTabs li button .title {
  position: relative;
  z-index: 1;
  font-family: 'Oswald', sans-serif;
font-weight: 700;
font-size: 16px;
line-height: 1.5;
color: #fff;


}
.indweContactTabs li .active .title {
  color: #003962;
}




/* CONTACT TABS END */

.pe-cursor {cursor:pointer;}
.newsPage:after {
    content: "";
    display: block;
    margin-left: auto;
    width: 50%;
    border-bottom: 1px solid #0065A1;
  }
  .newspageDate {position: absolute;background: #0065A1;
right: 16px;
color: #fff;padding: 5px 10px 8px 10px;}
@media only screen and (max-width: 992px) {
  .newsPage:after {margin-left: 0;}
}

/* SIDE BY SIDE BOXES */
.sidebysideBox {background:#00a8d7; }
.sidebysideBox2 {background:#0066a2; }
.insetBorder {position: absolute;
border:1px solid #fff;
width: 100%;height:100%;
transform: scale(0.95);top:0;
}
/* SIDE BY SIDE BOXES  END */

.bannerBox {background:#0066a2; mix-blend-mode: multiply;}
.leftLineW {position: relative;z-index: 2;}
.leftLineW:before {
  content: '';
position: absolute;
left: -25px;
top: 14px;
background: #fff;
width: 2px;
height: 75px;
}
.leftLineB {position: relative;z-index: 2;}
.leftLineB:before {
  content: '';
position: absolute;
left: -25px;
top: 14px;
background: #227aae;
width: 2px;
height: 75px;
}
.leftLineBm {position: relative;z-index: 2;}
.leftLineBm:before {
  content: '';
  position: absolute;
  left: -20px;
  top: 14px;
  background: #227aae;
  width: 2px;
  height: 45px;
}
.leftLineWm {position: relative;z-index: 2;}
.leftLineWm:before {
  content: '';
  position: absolute;
  left: -20px;
  top: 14px;
  background: #ffffff;
  width: 2px;
  height: 45px;
}
.leftLineWs {position: relative;z-index: 2;}
.leftLineWs:before {
  content: '';
  position: absolute;
  left: -12px;
  top: 8px;
  background: #ffffff;
  width: 2px;
  height: 28px;
}
.z2 {
  z-index: 2;
position: relative;
}
.z99 {
  z-index: 99;
position: relative;
}
.p-10 {padding:60px 60px 60px 90px;}
.padding-large {padding-top:80px;padding-bottom:80px;}
.market-btn.google-btn {
  background-image: url("../img/android.svg");
}
.market-btn.apple-btn {
  background-image: url("../img/apple-logo.svg");
}
.market-btn.pwa-btn {
  background-image: url("../img/pwa.svg");
  background-size: 34px 34px;
  padding: 4px 10px 4px 52px;
}
.market-btn {
  display: inline-block;
  padding: 4px 10px 4px 36px;
  -webkit-transition: all .3s;
  transition: all .3s;
  border: 2px solid #e7e7e7;
  background-position: center left 8px;
  background-color: #000;
  background-size: 24px 24px;
  background-repeat: no-repeat;
  text-decoration: none;
  border-radius: 10px;
}
.market-btn .mb-subtitle {
  display: block;
  margin-bottom: -.25rem;
  color: #dbdbdb;
  font-size: 10px;
}
.market-btn .mb-title {
  display: block;
  color: #e6e6e6;
  font-size: 16px;
}


.formIcon {
  margin-top:-60px;
  background: #003962 ;
  padding: 0px 15px;
  max-height: 75px;
  height:75px;
}
/* OTHER BANNERS */
.topBannerPadding {padding-top:100px;}
.businessImage{  background-image: url("../img/businessImage.jpg"); background-size: cover;}
.cyberImage {  background-image: url("../img/cyberImage.jpg"); background-size: cover;}
/* MAIN EXPANDING BANNER */
.mainImage {  background-image: url("../img/mainImage.jpg"); background-size: cover;}
.personalImage {  background-image: url("../img/personalImage.jpg"); background-size: cover;}
.transportImage {  background-image: url("../img/transportBanner.png"); background-size: cover;}
.whyImage {  background-image: url("../img/banner-why.jpg"); background-size: cover;}
.businessImage{  background-image: url("../img/businessImage.jpg"); background-size: cover;}
.cyberImage {  background-image: url("../img/cyberImage.jpg"); background-size: cover;}
.rasaImage {  background-image: url("../img/rasa-banner.jpg"); background-size: cover;}
.mainBanner {height:100vh; padding-top:155px;}

.bannerDrop1 h4, .bannerDrop2 h4  {padding:8px 0px; cursor: pointer; border-radius: 0px;line-height: 1.2;}
.bannerDrop1 h4:hover, .bannerDrop2 h4:hover {background:rgba(0,0,0,0.1);}

.dropFullHeight #bannerTrigger1 {background:rgba(0,0,0,0.1);}
.dropFullHeight #bannerTrigger2 {background:rgba(0,0,0,0.1);}
.innerDrop {height: calc(100% - 58px);}
.innerDrop .icon {margin-top:-75px; width:100px;}
/* .bannerDrop1:hover {
  height: 100%;
  transition: 0.5s;
} */
.bannerDrop1, .bannerDrop2 {
  height:58px;
  z-index: 9;
  transition: 0.5s;
  overflow: hidden;
  position: relative;
}
.bannerDrop1:before, .bannerDrop2:before {
  content: '';
background-image: url("../img/chevron-down.svg");
top: 15px;
right: 20px;
position: absolute;
height: 28px;
width: 28px;
background-size: cover;
pointer-events: none;

}
.dropFullHeight:before, .dropFullHeight:before {
  background-image: url("../img/chevron-up.svg");
}
  .dropFullHeight {
      height: 100%;
  }
.modal-footer {border:none;}
/* FOOTER */
.footer {
  background-color: #001d2f;
  color: #fff;
}
.footer p {
  color: #fff;
  font-size: 16px;
  line-height: 16px;
}
.footer h5 {
  margin-bottom: 22px;
  color: #fff;
  text-transform: uppercase;
}
.w-copyright {
  /* color: #cbced0; */
  font-size: 12px;
  line-height: 18px;
}
.socials2 {
  display: flex;
flex-wrap: wrap;
padding-left: 0;
margin-bottom: 0;
list-style: none;
}
.socials2 .bi {
  font-size: 18px;
}
.socials2 a:hover {
  color: #cbced0 !important;
}

.switch-white{color: #FFF}

.switch-bg-lblue{background: #0066a2;}
.switch-bg-dblue{background: #003962;}
.switch-bg-cyan{background: #47c0cf;}

.ceo-img {
  background-image: url(../img/ceo-banner.jpg);
  background-size: cover;
}

.kidnap-img{
  background-image: url(../img/kidnap-and-ransom.jpg);
  background-size: cover;
}

/* resposive  stuff */
@media screen and (max-width: 1600px) {
  .h3, h3 {
  font-size: 1.45rem;
}
.innerDrop .icon {width:80px;}
}

@media screen and (max-width: 1400px) {

  body {
    font-size: 16px;
    line-height: 1.2;
  }
  .bannerDrop1::before, .bannerDrop2::before {

  top: 8px;

}
  .padding-large {
  padding-top: 90px;
  padding-bottom: 90px;
}

  .p-10 {
  padding: 30px 30px 30px 60px;
}
h1 {
  font-size: 48px;
}
.leftLineW::before, .leftLineB::before  {
  top: 10px;
}
  h3 {
    font-size:20px;
  }
  h4 {
    font-size: 18px;
  }
  .bannerDrop1, .bannerDrop2 {
  height: 42px;}

  .dropFullHeight {
      height: 100%;
  }
  .bannerDrop1 h4, .bannerDrop2 h4{
    padding:6px 0px;
  }
  body {font-size:16px;}
  .innerDrop .icon {width:60px;}
  .navbar {
    padding: 10px 10px;}
  .navPadding {
    padding: 25px 10px; padding-top: 50px;
  }
  .mainBanner {
  height: 100vh;
  padding-top: 125px;
}

  .navbar .nav-item {
  padding: 0px 5px;
}
}
@media screen and (max-width: 1200px) {
  .contactLi {border: 1px solid #0066a2;margin: 20px 10px 20px 10px;width: max-content;}
  .arrowSVG h3 {left:65px;}
  .topBannerPadding {padding-top:75px;}
  .indweContactTabs li .active:after {display: none;}
  .formIcon {max-height: 50px;}
  .mainBanner {height: 100vh;padding-top: 74px;}
  .navPadding .navbar-brand img {width: 140px;transition: 0.2s;}
  .navbar {padding: 10px 10px;}
  .navPadding {padding: 15px 10px;}
}

/* @media screen and (max-width: 1025px) {
  .mainBanner {padding-top: 100px;}
} */

@media screen and (max-width: 992px) {
  .arrowSVG h3 {left:105px;}
  .indweContactTabs li button {border: 1px solid #fff !important;}
  .indweContactTabs li button .title {font-weight: 500;font-size: 14px;}
  .overlayMe::before {
    content:'';
    position: absolute;
    top:0;
background:rgba(0,0,0,0.5);
height: 100%;
width:100%;
}
  .lightOnMobile {color:#fff;}
  .padding-large {
  padding-top: 70px;
  padding-bottom: 70px;
}
  h1 {
  font-size: 38px;
}
h2 {font-size: 32px;}
.leftLineW::before, .leftLineB::before  {
  top: 8px;
  left:-15px;
}
.leftLineWm::before,.leftLineBm::before {top:10px;}
.p-10 {
  padding: 20px 20px 20px 40px;
}
  .indweServiceTabs li {min-width: 50%;}
  .indweServiceTabs li .active::after {display: none;}
  .indweServiceTabs li button {min-height: 80px;}
  body {
    font-size: 14px;
    line-height: 1.2;
  }
  .innerDrop {
  height: 100%;
}
  .innerDrop .icon {width:40px;margin-top: -45px;}
}
@media screen and (max-width: 768px) {
  .arrowSVG h3 {left:75px;}
  .navPadding .navbar-brand img {
  width: 100px;}
  .topBannerPadding {
  padding-top: 66px;
}
.navbar-brand img {
  width: 82px;

}
  h1 {
  font-size: 28px;
}
h2 {font-size: 28px;}
  .indweServiceTabs li button .title {font-size: 16px;left:10px;top:4px;}
  .indweServiceTabs .leftLineWs::before {display: none;}
  .indweServiceTabs li button {min-height: 65px;}
}
@media screen and (max-width: 580px) {
  .arrowSVG h3 {left:45%;}
  .market-btn .mb-title {display: none;}
  .market-btn .mb-subtitle {display: none;}
  .market-btn {padding: 20px 20px 20px 20px;}
  .market-btn.pwa-btn  {padding: 20px 25px 20px 25px;}
}