.bannerpanel {
  position: relative;
  background: linear-gradient(10deg, #05456A 43.01%, #0A87D0 84.37%);
    width: 100vw;
    margin-left: calc(-50vw + 50%) !important;
}
.grid-container {
    max-width: 1440px;
    margin: 0 auto;
    overflow: hidden;
}
.imgWrap:hover{
    background: 0 !important;
}
.imgWrap:hover img{
    opacity: 1 !important;
}
@media print, screen and (max-width: 1480px) {
    .grid-container{
        padding-inline: 20px;
    }
}
.grid-container.firstPanel {
    visibility:visible !important
}
.bannerpanel .homeBanner {
    position: relative;
}
.bannerpanel .homeBanner .swiper-button-prev,
.bannerpanel .homeBanner .swiper-button-next {
  display: none;
}
.bannerpanel .homeBanner:hover .swiper-button-prev,
.bannerpanel .homeBanner:hover .swiper-button-next {
  display: block;
}
@media (max-width: 650px) {
  .bannerpanel  {
    padding-bottom: 10px;
  }
.bannerpanel::after 
 {
    content: '';
    background: #ffffff;
    width: 100%;
    height: 52px;
    position: absolute;
    bottom: 0;
}
    .bannerpanel .homeBanner .bannerwrap .contentwrap .contentsec{
        padding-bottom: 65px !important;
    }
    .bannerpanel .homeBanner .flexBox .swiper-pagination .swiper-pagination-bullet {
        width: 40px !important;
    }
}
@media print, screen and (max-width: 47.99875em) {
  .bannerpanel .homeBanner .temp1 .sliderWrapper .grid-container {
    padding-inline: 10px;
  }
}
@media print, screen and (min-width: 48em) and (max-width: 63.99875em) {
  .bannerpanel .homeBanner .temp1 .sliderWrapper .grid-container {
    padding-inline: 10px;
  }
}
@media print, screen and (min-width: 64em) and (max-width: 79.99875em) {
  .bannerpanel .homeBanner .temp1 .sliderWrapper .grid-container {
    padding-inline: 10px;
  }
}
.bannerpanel .homeBanner .temp1 .img {
  -webkit-mask: url(/images/new/poly-mobile.svg);
  -webkit-mask-size: 100%;
  -webkit-mask-position: 0 0;
  -webkit-mask-repeat: no-repeat;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  width: clamp(320px, 320px + 81 * (100vw - 375px) / 648, 420px);
  height: clamp(237px, 237px + 50 * (100vw - 375px) / 648, 287px);
}
@media print, screen and (min-width: 64em) {
    .bannerpanel .homeBanner .temp1 .img {
        -webkit-mask: url(/images/new/poly.svg);
        -webkit-mask-size: 100%;
        -webkit-mask-position: 0 0;
        -webkit-mask-repeat: no-repeat;
        width: clamp(490px, 490px + 156 * (100vw - 1024px) / 416, 646px);
        height: clamp(390px, 390px + 123 * (100vw - 1024px) / 416, 513px);
    }
}
.bannerpanel .homeBanner .bannerwrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
}
.bannerpanel .homeBanner .bannerwrap .contentwrap {
  max-width: 100%;
  width: 100%;
}
@media print, screen and (max-width: 47.99875em) {
  .bannerpanel .homeBanner .bannerwrap .contentwrap {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
@media print, screen and (min-width: 48em) {
  .bannerpanel .homeBanner .bannerwrap .contentwrap {
    width: 47%;
  }
}@media print, screen and (min-width: 64em) {
  .bannerpanel .homeBanner .bannerwrap .contentwrap {
    width: 50%;
  }
}
@media screen and (min-width: 80em) {
  .bannerpanel .homeBanner .bannerwrap .contentwrap {
    width: 38%;
  }
}
.bannerpanel .homeBanner .bannerwrap .contentwrap .contentsec {
  position: relative;
  margin-top: 0px;
/*  padding-left: clamp(1px, 1px + 13 * (100vw - 375px) / 648, 14px);*/
  padding-top: clamp(9px, 9px + 56 * (100vw - 375px) / 648, 65px);
  padding-bottom: clamp(20px, 20px + 35 * (100vw - 375px) / 1065, 55px);
}
.bannerpanel .homeBanner .bannerwrap .contentwrap .contentsec h1,
.bannerpanel .homeBanner .bannerwrap .contentwrap .contentsec .h1,
.bannerpanel .homeBanner .bannerwrap .contentwrap .contentsec h2, .bannerpanel .homeBanner .bannerwrap .contentwrap .contentsec .h2 {
    margin-top: 0 !important;
  color: #ffffff;
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: clamp(24px, 24px + 16 * (100vw - 375px) / 1065, 40px);
  line-height: 100%;
  letter-spacing: -0.03em;
  text-transform:inherit;
}
    .bannerpanel .homeBanner .bannerwrap .contentwrap .contentsec h2, .bannerpanel .homeBanner .bannerwrap .contentwrap .contentsec .h2 {
        font-weight: 700;
        font-size: clamp(30px, calc(30px + (60 - 30) * ((100vw - 375px) / (1440 - 375))), 60px);
    }
    .bannerpanel .homeBanner .bannerwrap .contentwrap .contentsec h3, .bannerpanel .homeBanner .bannerwrap .contentwrap .contentsec .h3 {
        font-family: "Open Sans", sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: clamp(70px, 70px + 50 * (100vw - 375px) / 1065, 120px) !important;
          line-height: 64%;
        letter-spacing: -5px;
        color: #FFFFFF;
          margin-top: 35px;
    }
.bannerpanel .homeBanner .bannerwrap .contentwrap .contentsec h3 span, .bannerpanel .homeBanner .bannerwrap .contentwrap .contentsec .h3 span {
  font-size: clamp(40px, 40px + 30 * (100vw - 375px) / 1065, 70px);
  position: relative;
  top: clamp(-26px, -35px + -9 * (100vw - 375px) / 1065, -35px);
}
@media print, screen and (max-width: 47.99875em) {
  .bannerpanel .homeBanner .bannerwrap .contentwrap .contentsec h3 span, .bannerpanel .homeBanner .bannerwrap .contentwrap .contentsec .h3 span {
    left: -10px;
  }
}
.bannerpanel .homeBanner .bannerwrap .contentwrap .contentsec h3 span:last-child, .bannerpanel .homeBanner .bannerwrap .contentwrap .contentsec .h3 span:last-child {
  font-size: 24px;
  position: relative;
  display: inline-block;
  left: -40px;
  top: 0;
  letter-spacing: -2px;
}
@media print, screen and (max-width: 47.99875em) {
  .bannerpanel .homeBanner .bannerwrap .contentwrap .contentsec h3 span:last-child, .bannerpanel .homeBanner .bannerwrap .contentwrap .contentsec .h3 span:last-child {
    top: -2px;
  }
}
.bannerpanel .homeBanner .bannerwrap .contentwrap .contentsec p {
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: clamp(16px, 16px + 4 * (100vw - 375px) / 1065, 20px);
  line-height: clamp(22px, 22px + 5 * (100vw - 375px) / 1065, 27px);
  color: #FFFFFF;
}
@media print, screen and (max-width: 47.99875em) {
  .bannerpanel .homeBanner .bannerwrap .contentwrap .contentsec p {
    margin-bottom: 10px;
    padding-right: 21px;
  }
}
@media screen and (min-width: 90em) {
  .bannerpanel .homeBanner .bannerwrap .contentwrap .contentsec p {
    max-width: 420px;
    margin-top: -2px;
/*    padding-left: 5px;*/
  }
}
.bannerpanel .homeBanner .bannerwrap .contentwrap .contentsec h4, .bannerpanel .homeBanner .bannerwrap .contentwrap .contentsec .h4 {
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: clamp(24px, 24px + 16 * (100vw - 375px) / 1065, 40px);
  line-height: 75%;
  color: #FFFFFF;
  margin-top: 6px;
/*  padding-left: 5px;*/
}
@media (min-width: 1280px){
    .bannerpanel .homeBanner .bannerwrap .contentwrap .contentsec h4, .bannerpanel .homeBanner .bannerwrap .contentwrap .contentsec .h4 { 
        margin-top: 17px; 
    }
    .bannerpanel::after {
        content: '';
        height: 20px;
        position: absolute;
        left: 0;
        bottom: 0;
        right: 0;
        width: 100%;
        background: #fff;
    }
}
.bannerpanel .homeBanner .bannerwrap .contentwrap .contentsec .ctablock {
  margin-top: clamp(24px, 24px + 46 * (100vw - 375px) / 1065, 70px);
}
.bannerpanel .homeBanner .bannerwrap .contentwrap .contentsec .ctablock .defaultBtn {
  background: -webkit-gradient(linear, left bottom, left top, color-stop(-32.26%, #003868), color-stop(50%, #008EC7));
  background: linear-gradient(360deg, #003868 -32.26%, #008EC7 50%);
  padding: 4px 18px;
  color: #fff;
  font-size: clamp(18px, 18px + 6 * (100vw - 375px) / 648, 24px); 
  font-weight:700;
  text-decoration: none;
}
.bannerpanel .homeBanner .bannerwrap .imgWrap {
  max-width: 100%;
  width: 100%;
  height: 100%;
  position: relative;
}
@media print, screen and (min-width: 48em) {
  .bannerpanel .homeBanner .bannerwrap .imgWrap {
    width: 50%;
  }
}
@media screen and (min-width: 80em) {
  .bannerpanel .homeBanner .bannerwrap .imgWrap {
    width: 62%;
  }
}
.bannerpanel .homeBanner .bannerwrap .imgWrap .filter-img {
  position: relative;
  max-width: 420px;
  margin: 0 auto;
  padding-top: clamp(16px, 16px + 9 * (100vw - 375px) / 1065, 25px);
  padding-bottom: clamp(1px, 1px + 29 * (100vw - 375px) / 1065, 30px);
}
@media print, screen and (min-width: 64em) {
  .bannerpanel .homeBanner .bannerwrap .imgWrap .filter-img {
    max-width: 650px;
    margin:0;
  }
}
@media screen and (min-width: 90em) {
  .bannerpanel .homeBanner .bannerwrap .imgWrap .filter-img {
/*    left: -73px;*/
    left: -93px;
  }
}
.bannerpanel .homeBanner .bannerwrap .imgWrap .filter-img .relativepoly1 {
  position: absolute;
  background: url(/images/new/poli1.png) no-repeat;
  background-size: contain;
  height: clamp(73px, 73px + 103 * (100vw - 375px) / 1065, 176px);
  width: clamp(92px, 92px + 84 * (100vw - 375px) / 1065, 176px);
  left: 3px;
  bottom: 6px;
  z-index: -1;
}
@media print, screen and (min-width: 64em) {
  .bannerpanel .homeBanner .bannerwrap .imgWrap .filter-img .relativepoly1 {
    left: -35px;
    bottom: -40px;
  }
}
@media print, screen and (min-width: 64em) {
  .bannerpanel .homeBanner .bannerwrap .imgWrap .filter-img .relativepoly2 {
    position: absolute;
    background: url(/images/new/poli1.png) no-repeat;
    background-size: contain;
    height: 107px;
    width: 107px;
    left: -40px;
    bottom: 80px;
    z-index: -1;
  }
}
.bannerpanel .homeBanner .bannerwrap .imgWrap .filter-img .relativepoly3 {
  position: absolute;
  background: url(/images/new/poli3.svg) no-repeat;
  background-size: contain;
  height: clamp(42px, 42px + 10 * (100vw - 375px) / 1065, 42px);
  width: clamp(42px, 42px + 10 * (100vw - 375px) / 1065, 42px);
  left: clamp(50px, 50px + 56 * (100vw - 375px) / 1065, 106px);
  bottom: -4px;
  z-index: -1;
}
@media print, screen and (min-width: 64em) {
  .bannerpanel .homeBanner .bannerwrap .imgWrap .filter-img .relativepoly3 {
    z-index: 2;
    bottom: 0px;
  }
}
.bannerpanel .homeBanner .bannerwrap .imgWrap .filter-img .relativepoly4 {
  position: absolute;
  background: url(/images/new/poli1.png) no-repeat;
  background-size: contain;
  height: clamp(84px, 84px + 52 * (100vw - 375px) / 1065, 136px);
  width: clamp(104px, 104px + 32 * (100vw - 375px) / 1065, 136px);
  z-index: -1;
  right: -10px;
  bottom: 4px;
}
@media print, screen and (min-width: 64em) {
  .bannerpanel .homeBanner .bannerwrap .imgWrap .filter-img .relativepoly4 {
    right: 0px;
    bottom: -40px;
    z-index: 2;
  }
}
@media print, screen and (min-width: 64em) {
    .bannerpanel .homeBanner .bannerwrap .imgWrap .filter-img .relativepoly5 {
        position: absolute;
        background: url(/images/new/poli1.png) no-repeat;
        background-size: contain;
        height: 64px;
        width: 64px;
        right: clamp( -30px, calc(-1px + (-29 * ((100vw - 1024px) / 896))), -1px );
        bottom: 10px;
        z-index: 0;
    }
}
.bannerpanel .homeBanner .swiper-nav-flexBox {
  position: relative;
}
.bannerpanel .homeBanner .swiper-nav-flexBox .swiper-button-prev,
.bannerpanel .homeBanner .swiper-nav-flexBox .swiper-button-next {
  margin-top: -80%;
}
@media screen and (min-width: 651px) {
  .bannerpanel .homeBanner .swiper-nav-flexBox .swiper-button-prev,
  .bannerpanel .homeBanner .swiper-nav-flexBox .swiper-button-next {
    margin-top: -23%;
  }
}
.bannerpanel .homeBanner .swiper-button-prev {
  left: 0;
}
@media screen and (min-width: 1700px) {
  .bannerpanel .homeBanner .swiper-button-prev {
    margin-left: -90px;
    left: var(--swiper-navigation-sides-offset, 10px);
  }
}
.bannerpanel .homeBanner .swiper-button-prev::after {
  content: "" !important;
  background: url(../../images/settings/hero-arrow-backward.svg) no-repeat center;
  background-size: contain;
  width: 40px;
  height: 40px;
  position: absolute;
}
@media print, screen and (min-width: 64em) {
  .bannerpanel .homeBanner .swiper-button-prev::after {
    width: 50px;
    height: 50px;
  }
}
@media screen and (min-width: 90em) {
  .bannerpanel .homeBanner .swiper-button-prev::after {
    width: 70px;
    height: 70px;
  }
}
@media print, screen and (min-width: 64em) {
  .bannerpanel .homeBanner .swiper-button-next {
    right: 40px;
  }
}
@media screen and (min-width: 1700px) {
  .bannerpanel .homeBanner .swiper-button-next {
    margin-right: -80px;
  }
}
.bannerpanel .homeBanner .swiper-button-next::after {
  background: url(../../images/settings/hero-arrow-backward.svg) no-repeat center;
  content: "" !important;
  background-size: contain;
  width: 40px;
  height: 40px;
  position: absolute;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
@media print, screen and (min-width: 64em) {
  .bannerpanel .homeBanner .swiper-button-next::after {
    width: 50px;
    height: 50px;
  }
}
@media screen and (min-width: 90em) {
  .bannerpanel .homeBanner .swiper-button-next::after {
    width: 70px;
    height: 70px;
  }
}
.bannerpanel .homeBanner .flexBox {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  width: 100%;
  bottom: 0px;
}
@media screen and (min-width: 651px) {
  .bannerpanel .homeBanner .flexBox {
    position: relative;
    bottom: 20px;
  }
}

@media screen and (min-width: 1024px) {
    .bannerpanel .homeBanner .flexBox {
        bottom: 23px;
    }
}
@media screen and (min-width: 1279px) {
    .bannerpanel .homeBanner .flexBox {
        bottom: 43px;
    }
}
.bannerpanel .homeBanner .flexBox .swiper-pagination {
  position: static;
  width: initial;
}
.bannerpanel .homeBanner .flexBox .swiper-pagination .swiper-pagination-bullet {
  width: 81px;
  height: 4px;
  background: #A5CFE4;
  margin-right: 9px;
  opacity: 1;
  border-radius: 0;
}
.bannerpanel .homeBanner .flexBox .swiper-pagination .swiper-pagination-bullet:first-child {
  margin-left: 0;
}
.bannerpanel .homeBanner .flexBox .swiper-pagination .swiper-pagination-bullet:last-child {
  margin-right: 0;
}
.bannerpanel .homeBanner .flexBox .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #F6A01A;
}
.bannerpanel .homeBanner .flexBox .swiper-button-play {
/*  display: none;*/
  display: block;
/*  width: 22px;*/
  width: 18px;
  height: 25px;
  background-image: url(../../images/pause.svg);
  background-size: contain;
  background-repeat: no-repeat;
  margin-left: 20px;
  top: 0px;
  cursor: pointer;
  position: relative;
  left: auto;
  right: 0%;
  z-index: 9;
}
@media screen and (min-width: 651px) {
    .bannerpanel .homeBanner .flexBox .swiper-button-play {
        display: inline-block;
    }
}
@media screen and (min-width: 651px) {
  .bannerpanel .homeBanner .flexBox .swiper-button-play {
    top: 0px;
    width: 17px;
    height: 19px;
    margin-left: 15px;
  }
}
.bannerpanel .homeBanner .flexBox .swiper-button-play.active {
    background-image: url(../../images/play.svg);
/*    filter: brightness(10);*/
}

.banner-gap {
  margin-bottom: clamp(40px, 40px + 30 * (100vw - 23.4375rem) / 1065, 70px);
}


@media (min-width: 1024px){
    .formParent .login-frm {
        width: 340px !important; 
        padding:9px !important;
        background: linear-gradient(0deg, #1B96DD 0%, #E1EDF3 100%) !important; 
    }
    .header:not(.shrink) .formParent .login-frm {
        top: 0 !important;
        z-index: 9 !important;
    }
    .formParent .login-mid-bg {
        background: #fff !important;
        padding: 10px 0 !important;
    }
    .formParent .login-btm-bg {
        background: #D3E7F1 !important;
    }
    .login-frm .add-login {
        background: #A5CFE3 !important;
    }
    .formParent .login-frm .add-login .add-btn{
        width:290px !important;
    } 
}

@media screen and (max-width: 1023px) {
    .bannerpanel .homeBanner .bannerwrap .contentwrap .contentsec h3 span:last-child, .bannerpanel .homeBanner .bannerwrap .contentwrap .contentsec .h3 span:last-child {
        left: -35px;
    }
}
@media screen and (max-width: 767px) {
    .bannerpanel .homeBanner .bannerwrap .contentwrap .contentsec h3 span:last-child, .bannerpanel .homeBanner .bannerwrap .contentwrap .contentsec .h3 span:last-child {
        left: -25px;
    }
    .bannerpanel .homeBanner .bannerwrap .imgWrap .filter-img .relativepoly1 {
        bottom: 19px !important;
    }
    .bannerpanel .homeBanner .bannerwrap .imgWrap .filter-img .relativepoly3 {
        bottom: 9px !important;
    }
    .bannerpanel .homeBanner .bannerwrap .imgWrap .filter-img .relativepoly4 {
        bottom: 19px !important;
    }
    .bannerpanel .homeBanner .bannerwrap .imgWrap .filter-img {
        left: -1px;
    }
    .bannerpanel .homeBanner .flexBox .swiper-button-play.active {
        top: -5px;
    }
}
    @media screen and (max-width: 1279px) {
        .bannerpanel .homeBanner .bannerwrap .contentwrap .contentsec h3 span, .bannerpanel .homeBanner .bannerwrap .contentwrap .contentsec .h3 span {
            left: 2px;
        }            
    }
@media screen and (min-width: 1440px) {
    .bannerpanel .homeBanner .bannerwrap .contentwrap .contentsec h3 span:last-child, .bannerpanel .homeBanner .bannerwrap .contentwrap .contentsec .h3 span:last-child {
        left: -50px;
    }
}
.mainLayoutBox {
    background: #fff;
}
.fixedbanner {
    background: #fff !important;
}
.bannerpanel .homeBanner .bannerwrap .contentwrap .contentsec .ctablock .defaultBtn:hover {
    background-image: linear-gradient(to bottom, #045c80, #031e35);
}
@media screen and (max-width: 1024px) and (min-width: 768px) {
    .bannerpanel .homeBanner .bannerwrap .contentwrap .contentsec p {
        padding-right: 15px;
    }
}

.bannerpanel .homeBanner .bannerwrap .contentwrap .contentsec a {
    color: #fff;
    text-decoration: underline;
}