@charset "utf-8";
@import url(https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap);

*,
ul {
  margin: 0;
  padding: 0
}

.lazy-img,
.lazy-bg {
  opacity: 0;
  transition: opacity 0.5s ease;
}

.lazy-img.loaded,
.lazy-bg.loaded {
  opacity: 1;
}

.comingSoon {
  position: relative;
  background: #3e4095;
  min-height: 230px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 90px;
}

.comingSoon:before {
  content: '';
  display: block;
  background: url(../images/coming-soon-before.jpg) no-repeat;
  width: 250px;
  height: 230px;
  position: absolute;
  left: 0;
  top: 0;
}

.comingSoon:after {
  content: '';
  display: block;
  background: url(../images/coming-soon-after.jpg) no-repeat;
  width: 250px;
  height: 230px;
  position: absolute;
  right: 0;
  top: 0;
}

.comingSoon h2 {
  display: block;
  position: relative;
  z-index: 2;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  letter-spacing: 0.2em;
  font-size: 40px;
  line-height: normal;
}

.comingSoon h2 b {
  display: inline-block;
  font-size: 100%;
  color: inherit;
  background: #f58634;
  padding: 35px 17px;
  letter-spacing: 0.1em;
}

*,
p {
  font-weight: 400;
  font-size: 16px
}

a.btn,
h2.hd {
  line-height: normal
}

.LabourCode ul li,
.partner h2.hd {
  margin-bottom: 30px
}

.heroBanner .sliderPnl .item .txtPnl h1,
h2.hd {
  margin-bottom: 41px
}

.notifications .standOut .item a:hover .more,
h1 {
  color: #3e4095
}

.statusTables h2.hd,
footer .btm {
  text-align: center
}

* {
  font-family: 'Plus Jakarta Sans', arial, sans-serif;
  color: #000;
  line-height: 1.5em;
  text-align: left;
  letter-spacing: initial
}

.lft {
  float: left
}

html {
  scroll-snap-type: y proximity;
  scroll-padding-top: 80px;
  scroll-behavior: smooth;
}

body {
  background: #fff;
  overflow-x: hidden;
  margin: 0 auto
}

section {
  scroll-snap-align: start;
}

.rgt {
  float: right
}

.wrap {
  margin: 0 auto;
  width: 96%;
  max-width: 1341px;
  min-width: 280px
}

ul li {
  list-style: none
}

p {
  line-height: 1.625em
}

p b {
  font-size: 100%;
  line-height: 100%;
  font-weight: 600
}

.clear {
  clear: both
}

hr {
  border: 0;
  height: 1px;
  width: 100%;
  background: #edf2ff;
  margin-top: 86px;
  margin-bottom: 52px
}

body .owl-nav {
  display: flex;
  max-width: 91px;
  justify-content: space-between;
  position: absolute;
  right: 50px;
  width: 100%;
  bottom: 50px
}

body .owl-nav button {
  display: flex;
  border: 1px solid #f58634;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #f58634;
  justify-content: center;
  align-items: center
}

.LabourCode ul li .imgPnl,
.blt,
.blt li,
.blt li:before,
.heroBanner .sliderPnl,
.notifications .standOut,
.notifications .standOut .item a,
.partner .stubs li,
.prducts,
.prducts .prdtRow ul,
a.btn,
a.btn:after,
footer .data ul,
header {
  display: block
}

.blt li:before,
.video-modal .video-content .close,
a.btn:after {
  border-radius: 50%;
  position: absolute
}

body .owl-nav button span {
  text-indent: -999px;
  display: block;
  background: url(../images/icons/slider-next.png) no-repeat;
  width: 16px;
  height: 17px;
  line-height: 0;
  overflow: hidden
}

body .owl-nav button.owl-prev {
  background: #fff
}

body .owl-nav button.owl-prev span {
  background: url(../images/icons/slider-prew.png) no-repeat
}

a {
  text-decoration: none;
  outline: 0
}

h1 {
  font-size: 64px;
  font-weight: 700;
  line-height: 1.2em
}

h1 i {
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
}

h2.hd {
  font-size: 42px;
  font-weight: 700
}

.blt li:before {
  content: '';
  width: 4px;
  height: 4px;
  background: #626262;
  left: 0;
  top: 8px
}

.blt li {
  position: relative;
  padding-left: 11px
}

img {
  max-width: 100%
}

input::-webkit-input-placeholder {
  color: #000
}

textarea::-webkit-input-placeholder {
  color: #000
}

a.btn {
  background: #f58634;
  font-size: 13px;
  color: #fff;
  font-weight: 600;
  padding: 13.5px 54px 13.5px 28px;
  border-radius: 22px;
  position: relative;
  width: fit-content
}

a.btn.downArw:after {
  transform: rotate(138deg)
}

a.btn:after {
  content: '';
  width: 27px;
  height: 27px;
  background: url(../images/icons/btn-arw.svg) center/9px no-repeat #3e4095;
  right: 8px;
  top: 50%;
  margin-top: -13.5px
}

.notifications .standOut .item a:hover .more:before,
a.btn:hover {
  background-color: #3e4095
}

a.btn:hover {
  transition: .3s
}

a.btn:hover:after {
  background-color: #f58634;
  transition: .3s
}

.video-modal {
  display: none;
  left: 0;
  top: 0;
  position: fixed;
  background: #000000c2;
  width: 100%;
  height: 100%;
  z-index: 9999
}

.video-modal .video-content {
  margin: 0 auto;
  width: fit-content;
  height: 99vh;
  position: relative;
  max-width: 90%;
}

.video-modal .video-content .close {
  background: url(../images/icons/close.png) center no-repeat #f58634;
  color: #fff;
  width: 33px;
  height: 33px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  right: 10px;
  cursor: pointer;
  text-indent: -999px;
  overflow: hidden;
  top: 10px
}

.video-modal video {
  width: auto;
  height: -webkit-fill-available;
  height: -moz-fill-available;
  object-fit: contain;
  border: 5px solid #f58634;
  max-width: 100%;
}

header {
  padding: 13.5px 0
}

.heroBanner .sliderPnl .item,
header .wrap {
  display: flex;
  justify-content: space-between;
  align-items: center
}

header .logo {
  display: block;
  max-width: 188px;
  line-height: 0
}

.heroBanner {
  background: #edf2ff;
  margin-bottom: 85px
}

.LabourCode,
.prducts .prdtRow ul li:last-child {
  margin-bottom: 0
}

.heroBanner .sliderPnl .item .txtPnl {
  width: 48.5%
}

.heroBanner .sliderPnl .item .txtPnl .ctr {
  display: block;
  width: fit-content;
  margin: 0 auto
}

.heroBanner .sliderPnl .item .txtPnl p {
  font-size: 22px;
  line-height: 1.6em;
  margin-bottom: 15px
}

.heroBanner .sliderPnl .item .txtPnl .btnGrp {
  display: flex;
  align-items: center
}

.heroBanner .sliderPnl .item .txtPnl .btnGrp .btn {
  font-size: 15px;
  padding: 17.5px 55px 17.5px 28px;
  border-radius: 32px;
  min-width: 156px;
  margin-right: 7px
}

.heroBanner .sliderPnl .item .txtPnl .btnGrp .btn:after,
.prducts .textPnl .btn:after {
  width: 33px;
  height: 33px;
  right: 12px;
  margin-top: -16.5px
}

.LabourCode ul li:nth-child(2n+2),
.heroBanner .sliderPnl .item .txtPnl .btnGrp .btn:last-child,
.partner .icns li:nth-child(4n+4),
footer .data ul li span.social a:last-child {
  margin-right: 0
}

.heroBanner .sliderPnl .item .txtPnl .note {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 500;
  line-height: normal;
  margin-top: 11px
}

.heroBanner .sliderPnl .item .imgPnl {
  width: 49.514%;
  position: relative
}

.heroBanner .sliderPnl .item .imgPnl .play-video {
  display: block;
  text-align: center;
  font-size: 16px;
  text-transform: uppercase;
  color: #fff;
  position: absolute;
  left: 50%;
  margin-left: -54px;
  cursor: pointer;
  margin-top: -67px;
  border: 0;
  background: 0 0;
  outline: 0;
  top: 50%;
}

.heroBanner .sliderPnl .item .imgPnl .play-video img {
  display: block;
  aspect-ratio: initial;
  width: 98px;
  margin: 0 auto 13px
}

.heroBanner .sliderPnl .item .imgPnl img {
  aspect-ratio: 1/1;
  object-fit: cover;
  object-position: top;
  width: 100%;
  height: auto;
  margin: 0 auto;
  border-radius: 16px;
}

.heroBanner .sliderPnl .item .imgPnl video {
  aspect-ratio: 1/1;
  object-fit: contain;
  background: #000;
  width: 100%;
  height: auto;
  margin: 0 auto;
  display: block;
  border-radius: 16px;
}

.LabourCode {
  display: block
}

.LabourCode ul,
.partner .icns {
  display: flex;
  flex-wrap: wrap
}

.LabourCode ul li {
  width: 49.37%;
  margin-right: 1.26%;
  margin-bottom: 16px;
}

.LabourCode ul li a {
  display: block;
  background: #edf2ff;
  border-radius: 8px;
  overflow: hidden;
  transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  text-decoration: none;
}

.LabourCode ul li a:hover {
  transform: translateY(-6px);
  box-shadow: 0 15px 30px rgba(62, 64, 149, 0.15);
}

.LabourCode ul li .imgPnl {
  display: block;
  width: 100%;
}

.LabourCode ul li .imgPnl img {
  display: block;
  width: 100%;
  aspect-ratio: 4/1;
  object-fit: cover;
  transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}

.LabourCode ul li a:hover .imgPnl img {
  transform: scale(1.05);
}

.LabourCode ul li .txt {
  background: transparent;
  padding: 14px 24px 6px;
  display: flex;
  align-items: center;
}

.LabourCode ul li .txt h3 {
  display: block;
  font-size: 18px;
  font-weight: 700
}

.LabourCode ul li .btnPnl {
  background: transparent;
  padding: 6px 24px 16px;
  display: flex;
  align-items: center;
  width: fit-content;
}

.LabourCode ul li .btnPnl span,
.prducts .prdtRow ul li .btnPnl span {
  display: flex;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  color: #f58634;
  align-items: center;
  transition: transform 0.3s ease;
}

.LabourCode ul li a:hover .btnPnl span {
  transform: translateX(8px);
}

.LabourCode ul li .btnPnl span:before,
.prducts .prdtRow ul li .btnPnl span:before {
  content: '';
  display: block;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: url(../images/icons/slider-next.png) center/9px no-repeat #f58634;
  margin-right: 8px
}

.partner {
  margin-bottom: 160px
}

.partner .stubs {
  display: flex;
  justify-content: space-between;
  max-width: 1140px;
  margin-bottom: 65px
}

.partner .stubs li p {
  display: block;
  font-size: 19px;
  border-left: 3px solid #f58634;
  padding: 2px 0 2px 16px
}

.till-date-note {
  text-align: left;
  font-size: 14px;
  color: #626262;
  font-style: italic;
  margin-bottom: 12px;
  margin-top: -10px;
}

.partner .icns li {
  display: block;
  background: #edf2ff;
  width: 23.98%;
  margin-right: 1.35%;
  margin-bottom: 1.35%;
  transition: all 0.3s ease;
}

.partner .icns li:hover {
  transform: translateY(-8px);
  box-shadow: 0 15px 30px rgba(50, 52, 137, 0.1);
  background: #e4eafe;
}

.partner .icns li .pdng {
  padding: 38px 29px
}

.partner .icns li p {
  font-size: 20px
}

.partner .icns li p b {
  display: block;
  font-weight: 700;
  font-size: 120%;
  color: #323489;
  margin-bottom: 6px
}

.partner .icns li img {
  display: block;
  margin-bottom: 41px;
  width: auto;
  transition: transform 0.3s ease;
}

.partner .icns li:hover img {
  transform: scale(1.1);
}

.prducts .wrap,
footer .wrap {
  display: flex;
  justify-content: space-between
}

.prducts .textPnl {
  display: block;
  width: 45.8%;
  position: sticky;
  top: 0;
  height: fit-content
}

.prducts .textPnl .btn {
  font-size: 16px;
  padding: 20px 60px 20px 36px;
  border-radius: 32px;
  margin-top: 24px
}

.prducts .prdtRow {
  width: 48%
}

.prducts .prdtRow ul li {
  margin-bottom: 21px
}

.prducts .prdtRow ul li .blueBg {
  display: block;
  background: #3e4095;
  padding: 38px 256px 38px 38px;
  position: relative
}

.prducts .prdtRow ul li .blueBg p {
  font-size: 20px;
  color: #fff
}

.prducts .prdtRow ul li .blueBg p b {
  display: block;
  font-weight: 700;
  font-size: 120%;
  margin-bottom: 8px;
  color: inherit
}

.prducts .prdtRow ul li .blueBg .imgPnl {
  display: block;
  position: absolute;
  right: 30px;
  top: -40px
}

.prducts .prdtRow ul li .blueBg .imgPnl img {
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.prducts .prdtRow ul li a:hover .blueBg .imgPnl img {
  transform: scale(1.15) translateY(-10px);
  filter: drop-shadow(0px 20px 25px rgba(0, 0, 0, 0.35));
}

.prducts .prdtRow ul li .btnPnl {
  background: #edf2ff;
  padding: 16px 38px;
  display: flex;
  align-items: center;
  max-width: 244px
}

.notifications {
  display: block;
  margin-bottom: 105px
}

.notifications .standOut .item {
  display: block;
  background: #edf2ff;
  padding: 70px 26px 75px;
  position: relative;
  border-radius: 16px;
  transition: all 0.3s ease;
  border: 1px solid transparent;
  z-index: 1;
}

.notifications .standOut .item:hover {
  background: #ffffff;
  border: 1px solid #3e4095;
  transform: translateY(-4px) scale(1.01);
  box-shadow: 0 12px 30px rgba(62, 64, 149, 0.08);
  z-index: 2;
}

.notifications .owl-carousel .owl-stage-outer {
  padding: 10px 5px 20px;
  margin: -10px -5px -20px;
}

.notifications .standOut .item a p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 6;
  line-clamp: 6
}

.notifications .standOut .item a .date {
  display: block;
  background: #3e4095;
  font-weight: 700;
  padding: 14px 28px;
  width: fit-content;
  color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 16px 0 16px 0;
  box-shadow: 2px 2px 12px rgba(62, 64, 149, 0.25);
}

.notifications .standOut .item a .state-badge {
  display: inline-block;
  font-weight: 700;
  font-size: 11px;
  color: #f58634;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  margin-bottom: 8px;
}

.notifications .owl-carousel .owl-stage,
.notifications .owl-carousel.owl-drag .owl-item,
.quiz .wrap,
footer .data ul li span.social {
  display: flex
}

.notifications .standOut .item a h3 {
  display: block;
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 19px;
  line-height: normal
}

.notifications .standOut .item a .more {
  display: flex;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  color: #f58634;
  align-items: center;
  margin-top: 57px;
  position: absolute;
  bottom: 37px;
  transition: .3s
}

body .owl-dot.active,
footer .data ul li span.social a:hover {
  background: #f58634
}

body .owl-dot {
  display: block;
  width: 9px;
  height: 9px;
  overflow: hidden;
  border-radius: 50%;
  background: #3e4095;
  border: 0;
  margin: 20px 4px 0
}

body .owl-dot * {
  display: none !important
}

.notifications .standOut .item a .more:before {
  content: '';
  display: block;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: url(../images/icons/slider-next.png) center/9px no-repeat #f58634;
  margin-right: 8px;
  transition: .3s
}

body .notifications .owl-nav {
  top: -87px;
  bottom: initial;
  right: 0
}

.quiz {
  display: block;
  background: #edf2ff;
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
  margin-bottom: 60px
}

.quiz .wrap {
  position: relative;
  z-index: 2;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  max-width: 100%;
  margin: 0
}

.quiz:after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 34.95%;
  height: 100%;
  background: #3e4095;
  z-index: 0
}

.quiz .txt {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 34.95%;
  padding: 30px 40px;
  box-sizing: border-box
}

.quiz .txt h2.hd {
  color: #fff;
  margin: 0;
  position: relative;
  z-index: 2
}

.quiz .qzClm {
  display: flex;
  flex: 1;
  align-self: stretch
}

.faq .loadmore,
footer .formSide .btn {
  font-size: 16px;
  width: fit-content;
  font-weight: 700;
  text-transform: uppercase;
  cursor: pointer
}

.faq {
  display: block;
  margin: 0 0 100px
}

.faq .faq-container {
  display: block;
  margin: 0 auto
}

.faq .faq-container .faq-item:last-child,
.statusTables table tr:last-child,
footer .data ul li:last-child {
  border-bottom: 0
}

.faq .faq-container .faq-item {
  display: none;
  margin-bottom: 40px;
  border-bottom: 1px solid #edf2ff
}

.faq .faq-container .faq-item .faq-question {
  display: block;
  cursor: pointer;
  position: relative;
  border-radius: inherit;
  transition: .3s;
  padding-right: 40px
}

.faq .faq-container .faq-item .faq-question.active p {
  padding-bottom: 10px
}

.faq .faq-container .faq-item .faq-question.active:after {
  background: url(../images/icons/faq-minus.svg) no-repeat
}

.faq .faq-container .faq-item .faq-question:after {
  content: '';
  display: block;
  width: 16px;
  height: 16px;
  background: url(../images/icons/faq-plus.svg) no-repeat;
  position: absolute;
  right: 15px;
  top: 17px;
  transition: .3s
}

.faq .faq-container .faq-item .faq-question p {
  padding-bottom: 31px;
  margin: 0;
  padding-right: 50px;
  font-size: 24px;
  color: #3e4095;
  line-height: 1.2em;
  font-weight: 600
}

.faq .faq-container .faq-item .faq-answer {
  display: none;
  padding-bottom: 20px
}

.faq .faq-container p {
  display: block;
  margin-bottom: 9px
}

.faq .faq-container ul {
  margin-bottom: 9px
}

.faq .btn {
  margin: 40px auto 0
}

.faq .loadmore {
  display: flex;
  color: #f58634;
  align-items: center;
  flex-flow: row-reverse;
  justify-content: center;
  margin: 47px auto 0
}

.faq .loadmore:hover:before {
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  transform: rotate(360deg)
}

.faq .loadmore:before {
  content: '+';
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #f58634;
  margin-left: 8px;
  font-size: 25px;
  color: #fff;
  display: inline-flex;
  justify-content: center;
  line-height: 33px;
  -webkit-transition-duration: .8s;
  -moz-transition-duration: .8s;
  -o-transition-duration: .8s;
  transition-duration: .8s;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  transition-property: transform
}

.marquee {
  display: block;
  height: 66px;
  width: 100%;
  overflow: hidden;
  position: relative;
  background: #edf2ff
}

.marquee div {
  display: block;
  width: 200%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  animation: 14s linear infinite marquee;
  display: flex;
  align-items: center
}

.marquee div span {
  display: block;
  float: left;
  width: 12%;
  font-size: 22px;
  font-weight: 700;
  color: #3e4095;
  line-height: normal;
  position: relative;
  text-transform: uppercase;
  letter-spacing: .2em
}

.marquee div span:before {
  content: '';
  display: block;
  width: 7px;
  height: 7px;
  background: #3e4095;
  border-radius: 50%;
  position: absolute;
  right: 15%;
  top: 50%;
  margin-top: -3px
}

.statusTables table tr:nth-child(2),
footer .formSide {
  background: #edf2ff
}

@keyframes marquee {
  0% {
    left: 0
  }

  100% {
    left: -100%
  }
}

.statusTables {
  background: #f8faff;
  padding-top: 60px;
  padding-bottom: 135px
}

.statusTables h2.hd span {
  display: block;
  text-align: inherit;
  font-size: 57%;
  color: #323489;
  font-weight: 700;
  margin-top: 8px
}

.statusTables table {
  border: 1px solid #f1f1f1;
  width: 100%;
  max-width: 1163px;
  margin: 0 auto;
  border-collapse: collapse
}

.statusTables table tr {
  border: 0;
  background: #fff;
  border-bottom: 1px solid #e5eafb
}

.statusTables table tr:nth-child(2) td {
  font-weight: 700
}

.statusTables table tr th {
  border: 0;
  padding: 15px 11px;
  background: #3e4095;
  color: #fff;
  font-weight: 700;
  border-right: 2px solid #edf2ff
}

.statusTables table tr td {
  padding: 15px 11px;
  border-right: 1px solid #e5eafb
}

.statusTables table tr td:last-child,
.statusTables table tr th:last-child {
  border-right: 0px
}

.statusTables table tr td:first-child {
  font-weight: 700;
  background: #edf2ff
}

.statusTables table tr td.notified,
footer .formSide .btn {
  background: #f58634;
  color: #fff
}

footer {
  display: block;
  background: #3e4095;
  padding-top: 52px
}

footer .data {
  display: block;
  width: 57%;
  display: flex;
  flex-flow: column;
  justify-content: space-between
}

footer .data h2 {
  display: block;
  color: #fff;
  margin-bottom: 20px
}

footer .data p {
  color: #fff;
  font-size: 24px
}

footer .data ul li {
  display: flex;
  justify-content: space-between;
  padding: 33px 0;
  border-bottom: 1px solid #ffffff33
}

footer .data ul li span {
  color: #fff;
  max-width: 72%;
  text-align: right
}

footer .data ul li span a {
  display: inline-block;
  color: inherit
}

footer .data ul li span.social a {
  display: inline-flex;
  transition: .3s;
  background: #fff;
  width: 31px;
  height: 31px;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  margin-right: 11px
}

footer .data ul li span.social a img {
  max-height: 20px
}

footer .formSide {
  display: block;
  width: 38.2%
}

footer .formSide h3 {
  display: block;
  font-size: 22px;
  margin-bottom: 33px
}

footer .formSide form {
  display: block;
  padding: 32px
}

footer .formSide .fldWrp {
  display: block;
  margin-bottom: 20px
}

footer .formSide .fldWrp input:focus,
footer .formSide .fldWrp select:focus,
footer .formSide .fldWrp textarea:focus {
  border-color: #f58634
}

footer .formSide .fldWrp input {
  display: block;
  width: -webkit-fill-available;
  width: -fit-fill-available;
  outline: 0;
  color: #22262b;
  border: 0;
  background: 0 0;
  padding: 0 0 12.4px;
  line-height: 1em;
  border-bottom: 1px solid #3e4095
}

footer .formSide .fldWrp select {
  display: block;
  width: -webkit-fill-available;
  width: -fit-fill-available;
  outline: 0;
  color: #22262b;
  border: 0;
  background: url(../images/icons/dropdown.svg) 98% center no-repeat;
  padding: 0 29px 12.4px 0;
  line-height: 1em;
  border-bottom: 1px solid #3e4095;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

footer .formSide .fldWrp label.error {
  color: red;
}

footer .formSide .fldWrp label {
  margin-bottom: 8px;
  display: block
}

footer .formSide .fldWrp textarea {
  display: block;
  width: -webkit-fill-available;
  width: -fit-fill-available;
  outline: 0;
  color: #22262b;
  border: 1px solid #3e4095;
  background: 0 0;
  padding: 12.4px 11px;
  line-height: 1em;
  min-height: 73px
}

footer .formSide .btn {
  display: block;
  padding: 18.5px 54px 18.5px 28px;
  border-radius: 40px;
  line-height: normal;
  position: relative;
  border: 0;
  outline: 0;
  min-width: 236px;
  float: right
}

footer .formSide .btn .icn {
  display: block;
  width: 36px;
  height: 36px;
  background: url(../images/icons/btn-arw.svg) center/9px no-repeat #3e4095;
  border-radius: 50%;
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -18.5px
}

footer .btm {
  display: block;
  background: #2a2c7e;
  line-height: normal;
  color: #fff;
  padding: 15px 10px;
  margin-top: 50px
}

@media only screen and (max-width:1200px) {
  h1 {
    font-size: 60px
  }

  .heroBanner .sliderPnl .item .txtPnl h1 {
    margin-bottom: 30px
  }

  h2.hd br {
    display: none
  }
}

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

  .comingSoon *,
  .comingSoon:before,
  .comingSoon:after {
    display: none !important;
  }

  .comingSoon {
    background: url("../images/coming-soon-mobile.jpg") no-repeat;
    min-height: auto;
    background-size: cover;
    padding-top: 15%;
    margin-bottom: 60px;
  }

  .marquee div span {
    font-size: 17px;
    width: auto;
    padding: 0 27px
  }

  .marquee div span:before {
    right: 0
  }

  .heroBanner .sliderPnl .item,
  .prducts .wrap {
    flex-flow: column;
    align-items: center;
    justify-content: center;
  }

  section,
  footer {
    overflow: hidden;
  }

  .heroBanner .sliderPnl .item .imgPnl,
  .heroBanner .sliderPnl .item .txtPnl {
    width: 100%
  }

  .heroBanner .sliderPnl .item .txtPnl .ctr {
    margin: 0 6%;
    padding: 50px 0
  }

  .prducts .textPnl {
    width: 100%;
    position: initial
  }

  .prducts .prdtRow {
    width: 100%;
    margin-top: 40px
  }
}

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

  .quiz .txt,
  footer {
    position: relative
  }

  footer .formSide .fldWrp.fll {
    width: 100%;
    margin-right: 0
  }

  footer .formSide .fldWrp {
    float: left;
    width: 48.5%;
    margin-right: 3%
  }

  footer .formSide .fldWrp:nth-child(2n+2) {
    margin-right: 0
  }

  footer {
    padding-top: 260px
  }

  footer .mob {
    position: absolute;
    top: 40px;
    width: 90%
  }

  .quiz .qzClm,
  footer .data {
    width: 100%
  }

  footer .formSide {
    width: 100%;
    margin-bottom: 30px
  }

  footer .wrap {
    flex-flow: column-reverse
  }

  .marquee div {
    width: 250%
  }

  .quiz {
    padding-top: 0;
    overflow: hidden
  }

  .quiz .txt {
    width: 100%;
    padding: 20px 0;
    background: #3e4095;
    margin-bottom: 40px
  }

  .quiz .txt:after {
    content: '';
    display: block;
    background: #3e4095;
    position: absolute;
    top: 0;
    z-index: 0;
    width: 106%;
    height: 100%;
    transform: translate(-50%, 0);
    left: 50%
  }

  .quiz:after {
    display: none
  }

  .quiz .wrap {
    flex-flow: column
  }

  .notifications h2.hd {
    max-width: 83%
  }

  .partner .icns li .pdng {
    padding: 28px 24px
  }

  .LabourCode ul li,
  .partner .icns li {
    width: 100%;
    margin: 0
  }

  .partner .owl-carousel .owl-stage,
  .partner .owl-item,
  .partner .stubs li {
    display: flex
  }

  .partner .stubs li p {
    font-size: 17px;
    display: flex;
    align-items: center;
    line-height: 1.4em
  }

  body .LabourCode .owl-nav {
    bottom: 0;
    right: 0
  }
}

@media only screen and (max-width:768px) {
  footer {
    padding-top: 300px
  }

  footer .data p {
    font-size: 22px
  }

  .statusTables table {
    width: 768px
  }

  .statusTables .ovrFlowScrl {
    overflow-x: scroll
  }

  .prducts .textPnl h2.hd {
    margin-bottom: 20px
  }

  .marquee div {
    width: 300%
  }

  .faq,
  .heroBanner,
  .notifications,
  .partner,
  .quiz {
    margin-bottom: 50px
  }

  .statusTables {
    padding-bottom: 50px
  }

  hr {
    margin: 50px 0
  }
}

@media only screen and (max-width:650px) {
  footer {
    padding-top: 270px
  }

  .heroBanner .sliderPnl .item .txtPnl p,
  .partner .icns li p,
  footer .data p {
    font-size: 18px
  }

  .prducts .prdtRow ul li .blueBg {
    padding-right: 190px
  }

  body .owl-nav {
    bottom: 30px;
    right: 30px
  }

  .heroBanner .sliderPnl .item .txtPnl .ctr {
    margin: 0 4%;
    padding: 30px 0
  }

  header .logo {
    max-width: 149px
  }

  h1 {
    font-size: 50px
  }

  .heroBanner .sliderPnl .item .txtPnl .btnGrp .btn {
    font-size: 14px;
    min-width: initial
  }
}

@media only screen and (max-width:600px) {
  .marquee div {
    width: 380%
  }

  .prducts .prdtRow ul li .btnPnl {
    padding: 16px 28px;
    max-width: 194px
  }

  .prducts .prdtRow ul li .blueBg .imgPnl {
    max-width: 110px
  }

  .prducts .prdtRow ul li .blueBg {
    padding: 28px 160px 28px 28px
  }

  h2.hd {
    font-size: 35px;
    margin-bottom: 30px
  }

  .heroBanner .sliderPnl .item .txtPnl .btnGrp .btn {
    margin-bottom: 10px
  }

  .heroBanner .sliderPnl .item .txtPnl .btnGrp {
    flex-flow: column;
    align-items: flex-start
  }

  .prducts .prdtRow ul li .blueBg p {
    font-size: 17px
  }

  .prducts .prdtRow ul li .btnPnl span {
    font-size: 14px
  }

  .prducts .prdtRow ul li .btnPnl span:before {
    width: 20px;
    height: 20px;
    background-size: 8px;
    background-position: center
  }
}

@media only screen and (max-width:500px) {
  footer {
    padding-top: 295px
  }

  *,
  p {
    font-size: 15px
  }

  .marquee div {
    width: 450%
  }

  .faq .loadmore:before {
    width: 34px;
    height: 34px;
    line-height: 28px
  }

  .LabourCode ul li .txt h3,
  .faq .faq-container .faq-item .faq-question p {
    font-size: 20px
  }

  .notifications h2.hd {
    max-width: 75%
  }

  .prducts .textPnl .btn:after {
    right: 9px
  }

  .prducts .textPnl .btn {
    padding: 16px 56px 16px 26px;
    font-size: 14px
  }

  body .owl-dot {
    width: 7px;
    height: 7px
  }

  body .owl-nav {
    max-width: 81px;
    bottom: 20px;
    right: 20px
  }

  body .owl-nav button span {
    background-size: 12px !important;
    background-position: center !important
  }

  body .owl-nav button {
    width: 35px;
    height: 35px
  }

  .heroBanner .sliderPnl .item .txtPnl h1 {
    margin-bottom: 20px
  }

  .heroBanner .sliderPnl .item .txtPnl .btnGrp .btn:after {
    right: 7px
  }

  h1 {
    font-size: 40px
  }

  .heroBanner .sliderPnl .item .txtPnl p {
    font-size: 16px
  }

  .heroBanner .sliderPnl .item .txtPnl .btnGrp .btn {
    font-size: 13px;
    padding: 15.5px 53px 15.5px 18px
  }
}

@media only screen and (max-width:450px) {
  .prducts .prdtRow ul li .btnPnl {
    max-width: 154px
  }
}

@media only screen and (max-width:400px) {
  footer .formSide .fldWrp {
    float: none;
    width: 100%;
    margin-right: 0
  }

  footer {
    padding-top: 275px
  }

  footer .data p {
    font-size: 16px
  }

  .marquee div {
    width: 550%
  }

  .LabourCode ul li .txt {
    padding: 9px 25px
  }

  .LabourCode ul li .btnPnl {
    padding: 15px 25px
  }

  h2.hd {
    font-size: 30px
  }

  a.btn {
    padding: 12.5px 45px 12.5px 16px;
    font-size: 12px
  }
}

@media only screen and (max-width:380px) {
  .prducts .prdtRow ul li .btnPnl {
    max-width: fit-content
  }

  .prducts .prdtRow ul li .blueBg .imgPnl img {
    max-width: 100px
  }

  .prducts .prdtRow ul li .blueBg {
    padding: 20px;
    display: flex;
    flex-flow: column-reverse
  }

  .prducts .prdtRow ul li .blueBg .imgPnl {
    position: relative;
    top: 0;
    width: 100%;
    max-width: initial;
    bottom: initial;
    display: flex;
    justify-content: flex-end;
    right: 0;
    margin-top: -50px
  }
}

/* ---- Login Sidebar ---- */
.hdrRight {
  display: flex;
  gap: 15px;
  align-items: center;
}

.signinBtn {
  background: transparent !important;
  color: #3e4095 !important;
  border: 2px solid #3e4095 !important;
  padding: 11.5px 30px !important;
}

.signinBtn:hover {
  background: #3e4095 !important;
  color: #fff !important;
}

.signinBtn:after {
  display: none !important;
}

.sidebar-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(15, 23, 42, 0.6);
  backdrop-filter: blur(4px);
  z-index: 1040;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.sidebar-overlay.active {
  opacity: 1;
  visibility: visible;
}

.login-sidebar {
  position: fixed;
  top: 0;
  right: 0;
  width: 420px;
  max-width: 100%;
  height: 100vh;
  background: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
  border-left: 1px solid rgba(255, 255, 255, 0.8);
  z-index: 1045;
  transform: translateX(100%);
  transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: -15px 0 40px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
}

.login-sidebar.active {
  transform: translateX(0);
}

.sidebar-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.5rem 2rem;
  border-bottom: 1px solid rgba(62, 64, 149, 0.1);
}

.sidebar-title {
  margin: 0;
  font-size: 1.1rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #3e4095;
}

.sidebar-close {
  background: rgba(62, 64, 149, 0.05);
  border: none;
  cursor: pointer;
  color: #3e4095;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  transition: all 0.3s ease;
}

.sidebar-close:hover {
  background: rgba(62, 64, 149, 0.15);
  transform: rotate(90deg);
}

.sidebar-body {
  padding: 3rem 2.5rem;
  overflow-y: auto;
}

.login-page-sign-area h1 {
  font-size: 32px;
  margin-bottom: 10px;
  color: #3e4095;
}

.login-page-sign-area p.text-center {
  font-size: 15px;
  color: #626262;
  margin-bottom: 30px;
}

.login-page-sign-area .form-group {
  margin-bottom: 12px;
}

.login-page-sign-area .form-control {
  width: 100%;
  padding: 12px 16px;
  border: 1px solid rgba(62, 64, 149, 0.15);
  border-radius: 12px;
  font-size: 14px;
  box-sizing: border-box;
  background: rgba(255, 255, 255, 0.7);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.02);
  transition: all 0.3s ease;
}

.login-page-sign-area .form-control:focus {
  outline: none;
  border-color: #3e4095;
  background: #fff;
  box-shadow: 0 0 0 4px rgba(62, 64, 149, 0.1);
}

.login-action-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 15px;
  margin-bottom: 5px;
}

.login-action-row .forgot-link {
  font-size: 14px;
  color: #f58634;
  text-decoration: none;
  font-weight: 600;
  transition: color 0.3s ease;
}

.login-action-row .forgot-link:hover {
  color: #d66a1e;
}

.login-action-row input.btn {
  padding: 12px 28px;
  border: none;
  border-radius: 10px;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  background: #3e4095;
  color: #fff;
  transition: background 0.3s ease;
}

.login-action-row input.btn:hover {
  background: #2a2b6a;
}

.login-action-row input.btn:after {
  display: none !important;
}

.linkerlogin {
  margin-top: 0;
}

.loginlabel {
  font-size: 14px;
  color: #626262;
}

.loginlabel a {
  color: #f58634;
  font-weight: 700;
}

/* ---- Mobile Header Fix ---- */
.hamburger-btn {
  display: none;
  background: none;
  border: none;
  cursor: pointer;
  padding: 5px;
  outline: none;
}
.mob-menu {
  display: flex;
  gap: 15px;
  align-items: center;
}

@media only screen and (max-width: 900px) {
  header .wrap {
    flex-wrap: nowrap;
    gap: 10px;
    justify-content: space-between;
  }
  .hdrRight {
    width: auto;
    flex-wrap: nowrap;
    justify-content: flex-end;
    gap: 10px;
    position: relative;
  }
  .hamburger-btn {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .mob-menu {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    background: #fff;
    padding: 20px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.15);
    border-radius: 8px;
    flex-direction: column;
    gap: 12px;
    z-index: 1000;
    margin-top: 10px;
    border: 1px solid rgba(62,64,149,0.1);
  }
  .mob-menu.active {
    display: flex;
  }
  .hdrRight a.btn {
    padding: 10px 42px 10px 18px !important;
    font-size: 13px !important;
    white-space: nowrap !important;
    line-height: normal;
  }
  .hdrRight a.signinBtn {
    padding: 10px 25px !important;
    width: 100%;
    text-align: center;
  }
  .mob-menu a.btn {
    width: 100%;
  }
}

@media only screen and (max-width: 480px) {
  .hdrRight {
    gap: 8px;
  }
  .hdrRight a.btn {
    padding: 10px 35px 10px 14px !important;
    font-size: 12px !important;
  }
  .hdrRight a.signinBtn {
    padding: 10px 22px !important;
  }
}