*, *::before, *::after {
  box-sizing: border-box
}

html, body {
  height: 100%
}

body {
  margin: 0;
  padding-top: 0px !important;
  background: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mt-10{margin-top: 40px;}
.mb-10 { margin-bottom: 50px;}

.p-5 {  padding: 20px;}
.px-5 {
  padding-left: 20px;
  padding-right: 20px;
}
.ht-auto{height: auto;}

.hero {
  position: relative;
  width: 100%;       
  min-height: 100vh;
  overflow: hidden;
  background: #000;
}

.hero-media {
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.hero-image img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#player {
  position: absolute;
  inset: -5%;
  width: 110%;
  height: 110%;
  pointer-events: none;
  opacity: 0;
  transition: opacity .6s ease;
}

#player.loaded {
  opacity: 1;
}

.hero-overlay {
  position: absolute;
  inset: 0;
  background: transparent;
  z-index: 2;
  pointer-events: none;
}

.content {
  background: #fff;
  position: relative;
  z-index: 5;
}

/* header*/
header.home {
  background: linear-gradient(180deg, rgb(0 0 0 / 76%), #00000005) !important
}

header.home:hover, header.home:hover .submenu {
  background: rgba(255, 255, 255, 0.91) !important;
}
header.home:hover .logo .default-logo {
  display: none;
}

header.home:hover .logo .hover-logo {
  display: inline;
}

.buy__btn a, header ul li .tpMenu {
  background: transparent;
}

/* Desktop hero: top-level nav + icons read as white on dark gradient (see index.html header.home) */
@media (min-width: 992px) {
  header.home:not(:hover):not(.menu-open) #nav-menu > ul > li > .i-flex .tpMenu.main-color,
  header.home:not(:hover):not(.menu-open) #nav-menu > ul > li > .i-flex button.tpMenu.main-color,
  header.home:not(:hover):not(.menu-open) #nav-menu > ul > li > a.i-flex .tpMenu.main-color {
    color: #fff !important;
    background: transparent !important;
  }

  header.home:not(:hover):not(.menu-open) #nav-menu > ul > li > .i-flex > .iconshow img,
  header.home:not(:hover):not(.menu-open) #nav-menu > ul > li > a.i-flex > .iconshow img {
    filter: brightness(0) invert(1);
  }
}

/* body */
.pr-2 {
  padding-right: 8px;
}

.container {
  width: 100%;
}

.hide {
  opacity: 0;
  visibility: hidden;
}

.btn {
  padding: 15px 25px;
  border-radius: 10px;
  justify-content: center;
  font-size: 22px;
  line-height: 1.3;
  min-width: 170px;
}
.PaddY{
  padding-top: 70px;
  padding-bottom: 70px;
}
.title-1{ font-size: 54px;}
.title-2{ line-height: 50px;}
.TpTitle{ bottom: 0px;}
.mt-15{ margin-top: 60px;}
.table table{ width: 100%; border-collapse: collapse; }
.table{ background: #CC7B1D; color:#fff;}
.table thead { border-bottom: 2px solid #fff;}
.table thead th, .table tbody td{ padding: 25px; }
.table tbody tr:not(:first-of-type) td{ padding-top: 0px; }
.twoCols .lCol, .twoCols .rCol { width: 49.9%; padding: 15px 40px;}
.twoCols .lCol::before {
  background-color: #030C7B;
  height: 87%;
  content: "";
  position: absolute;
  left: auto;
  top: 47%;
  transform: translateY(-50%);
  min-width: 2px;
  right: -1px;
}
#planAdvies {  border: none; }
.pright-6{padding-right: 5.9%;} .pleft-4{padding-left: 4.1%;}
.outer__md { min-height: 850px; }
.onsTeam { bottom:0px; padding: 70px 0px; z-index: 2;}
.outer__md img { height:100%; object-fit:cover; }
.outer__md::before{content: ""; position: absolute; left:0px; top:0px; width: 100%; height: 100%; 
  background-color: #030C7B; opacity: .3; z-index: 2;}
.outer__md h2, .outer__md h3, .outer__md a{z-index: 4;}
.outer__md a.btn{min-width: 240px;}
@media (max-width:766px) {
  .title-1{font-size: 31px;}
  .title-2, .title-44{font-size: 24px;line-height: 34px}
  .title-3{font-size: 22px;line-height: 32px}
  .title-4{font-size: 20px;line-height: 30px;}
  .title-4.mt-15{margin-top: 40px;}
  .media picture img{ width: 210px; height: auto;}
  .TpTitle{ top:50px; left:9px;}
  .TpTitle p { font-size: 15px; line-height: 1.4; margin-top: 0px; }
  .table thead th, .table tbody td{padding: 10px; font-size: 14px;}
  .top.flex img{max-height: 52px; width:auto;}
  .twoCols.flex{flex-direction: column;}
  .twoCols .lCol, .twoCols .rCol { width: 100%; padding: 10px 0px;}
  .twoCols .lCol::before{ content:none}
  .twoCols .lCol::after, .twoCols .rCol::after {
    content: ""; display: block; width: 100%;height: 20px; margin: 0px auto 5px; border-bottom: 1px solid #030C7B; }
    .twoCols .btn{width: 100%;}
}
@media (max-width:991px) {

  header.home:hover,
  header.home.menu-open,
  header.home:hover .submenu {
    background: unset !important;
  }
  header.home.scrolled{
    background: #fff!important;
  }
  header.home:hover .submenu,
  header.home .m-btn>button>span,
  header.home.menu-open {
    background-color: #fff !important;
  }

  header.home.menu-open .m-btn>button>span, header.home.scrolled .m-btn>button>span{
    background-color: #CC7B1D !important;
  }

  header.home,
  header.home .submenu {
    transition: none !important;
  }

  header.home:hover .logo .default-logo{
    display: block !important;
  }

  header.home:hover .logo .hover-logo {
    display: none !important;
  }

  header.home.menu-open .logo .hover-logo, header.home.scrolled .logo .hover-logo {
    display: block !important;
  }

  header.home.menu-open .logo .default-logo , header.home.scrolled .logo .default-logo{
    display: none !important;
  }

  header.home .container {
    padding-left: 15px;
    padding-right: 15px;
  }
  .mb-10 {
    margin-bottom: 40px;
  }

  .btn {
    padding: 10px 22px;
    min-width: 140px;
    font-size: 18px;
  }
  .PaddY{padding-top: 45px;padding-bottom: 40px;}
  .mt-15{margin-top: 30px;}
  .hero {
    height: 90svh;
    min-height: 90vh;
  }
  header.home {
    background: linear-gradient(180deg, rgb(0 0 0 / 80%), rgb(0 0 0 / 2%)) !important;
  }
  .pright-6, .pleft-4{padding-left: 0px; padding-right: 0px;}
  .descWithImg.mt-15{margin-top: 10px;}
  .order1{order:1;} .order2{order: 2;}
  .outer__md a.btn{min-width: 140px;}
  .outer__md{min-height: 310px;}
  .onsTeam{padding: 40px 0px 25px;}
}

@media (min-width:1480px) {
  .sidePops .sideCont {
    right: calc(100% - 1505px);
  }
}

@media(min-width:1700px) {
  .sidePops .sideCont {
    right: calc(100% - 1680px);
  }
}

@media (min-width:1900px) {
  .homepg {
    max-width: 100%;
    margin: 0 auto;
  }
  .sidePops .sideCont {
    right: calc(100% - 1885px);
  }
}