body {
  overflow-x: hidden;
}
a {
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
.bg-index {
  background-image: url(../webp/data-wipe.webp);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  color: #fff;
}
.text-blue-dark {
  color: #2c3d8a;
}
section {
  padding-top: 4%;
  padding-bottom: 4%;
}
/*hr {
	border-bottom: 5px solid #086ad8;
	width: 50px;
	text-align: center;
}*/
.font-weight-bold {
  font-weight: bolder;
}
.font-weight-boldh {
  font-weight: 600 !important;
}
.move-up {
  transition: 0.6s;
}
.move-up:hover {
  transform: translate(0, -10px);
}
.arrow-move-right:hover svg {
  transform: translate(5px, 0);
  transition: all .2s;
}
.btn-rect {
  box-shadow: inset 000px 0px 0px 0px #6098FF;
  -webkit-transition: all 0.6s cubic-bezier(.9, .24, .40, 1);
  transition: all 0.6s cubic-bezier(.9, .24, .40, 1);
  height: 56px;
  width: 100%;
  border: 2px solid #086ad8;
  font-weight: bolder;
  border-radius: 0px;
  color: #086ad8;
}
.btn-rect:hover {
  box-shadow: inset 0px 0px 00px 100px #086ad8;
  color: #ffffff;
  border: 2px solid #086ad8;
}
.btn-blue {
  box-shadow: inset 0px 0px 00px 100px #086ad8;
  color: #ffffff;
  height: 56px;
  width: 100%;
  border: 2px solid #086ad8;
  font-weight: bolder;
}
.btn-blue:hover {
  box-shadow: inset 0px 0px 00px 100px #086ad8;
  color: #ffffff;
  height: 56px;
  width: 100%;
  border: 2px solid #086ad8;
  font-weight: bolder;
}
.bg-dotted {
  background-image: url(../png/dotted-soft.png);
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
}
.box-border-bottom {
  border-bottom: 5px solid transparent;
  background-color: #fff;
  height: 100%;
}
.box-border-bottom:hover {
  border-bottom: 5px solid #086ad8;
  background-color: #fff;
}
.bg-blue {
  background-color: #039;
}
.bg-blue-bright {
  background-color: #039;
}
.bg-blue-dark {
  background-color: #002fa6;
}
.bg-line {
  background-image: url(../png/bg-line-section.png);
  background-repeat: no-repeat;
  background-position: bottom left;
}
.carousel-details {
  line-height: 40px;
  font-weight: 300;
  font-size: 26px;
  color: #0b0c10;
  position: relative;
  padding-top: 30px;
}
.carousel-details::before {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 50 50"><path fill="rgb(255, 255, 255)" d="M1.021,3.094c0,4.4-.051,8.81.013,13.213A32.392,32.392,0,0,0,4.871,31.431C7.552,36.4,11.106,39.82,15.488,41.71a15.544,15.544,0,0,0,5.67,1.3c0.5,0.017.7-.154,0.688-0.866q-0.043-3.785,0-7.57c0.009-.721-0.227-0.9-0.693-0.918a10.753,10.753,0,0,1-6.849-2.895c-3.4-2.992-5.447-7.161-6.105-12.51-0.09-.734-0.077,8.526-0.138,7.794a1.57,1.57,0,0,0,.323.775c0.324,0.012.648,0,.972,0h11.72c0.754,0,.846-0.35.846-1.31,0-8.547-.016-10.2,0-18.743,0-.7-0.21-1.243-0.769-1.241q-9.722.037-19.444,0c-0.541,0-.707.195-0.7,0.922,0.023,4.714.012-8.066,0.012-3.352h0Zm27.077,0c0,4.4-.05,8.81.013,13.213a32.392,32.392,0,0,0,3.837,15.125C34.629,36.4,38.183,39.82,42.565,41.71a15.544,15.544,0,0,0,5.67,1.3c0.5,0.017.7-.154,0.688-0.866q-0.044-3.785,0-7.57c0.009-.721-0.227-0.9-0.693-0.918a10.752,10.752,0,0,1-6.849-2.895c-3.4-2.992-5.447-7.161-6.105-12.51-0.09-.734-0.077,8.526-0.138,7.794a1.569,1.569,0,0,0,.323.775c0.324,0.012.648,0,.972,0H48.154c0.754,0,.846-0.35.846-1.31,0-8.547-.016-10.2,0-18.743,0-.7-0.21-1.243-0.769-1.241q-9.722.037-19.444,0c-0.541,0-.707.195-0.7,0.922,0.023,4.714.012-8.066,0.012-3.352h0Z"></path></svg>') no-repeat;
  background-repeat: no-repeat;
  width: 35px;
  height: 40px;
  content: '';
  position: absolute;
  top: 0px;
  background-size: contain;
}
@media (max-width: 575.98px) {
  .carousel-details {
    font-size: 20px;
    line-height: 30px;
  }
}
.btn-white {
  background-color: #fff;
}
.bg-footer {
  background-color: #232323;
}
.bg-grey {
  background-color: #2e3234 !important;
}
.bg-ribbon:before {
  border-left: 25px solid transparent;
  right: 0;
}
.bg-ribbon:after {
  border-right: 25px solid transparent;
  left: 0;
}
.bg-ribbon:after, .bg-ribbon:before {
  border-top: 15px solid #EE163A;
  bottom: -15px;
  content: '';
  height: 0;
  position: absolute;
  width: 0;
}
}
.nav-link {
  background-color: c00;
}
/*start fade animation*/
[data-animate-in] {
  opacity: 0;
  transition: transform 0.8s ease, opacity 0.8s ease
}
[data-animate-in="up"] {
  transform: translate3d(0, 24px, 0)
}
@media(min-width:992px) {
  [data-animate-in="left"] {
    transform: translate3d(-25%, 0, 0)
  }
}
@media(min-width:992px) {
  [data-animate-in="right"] {
    transform: translate3d(25%, 0, 0)
  }
}
[data-animate-in="down"] {
  transform: translate3d(0, -24px, 0)
}
[data-animate-in="fadeIn"] {
  transform: translate3d(0, 0, 0)
}
[data-animate-in].in-view {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transition: transform 0.4s ease, opacity 0.6s ease
}
.fade-in {
  opacity: 0;
  transition: opacity 1s ease
}
.page-loaded .fade-in, .page-loaded.fade-in {
  opacity: 1
}
.isSafari.isTouch [data-animate-in], .isSafari.isTouch [data-animate-in="up"] {
  opacity: 1;
  transition: none;
  transform: none
}
.button {
  box-shadow: 0 1px 5px 3px rgb(46 50 52 / 10%);
  background-color: #fff;
  color: #047aed;
  border-color: #fff;
  letter-spacing: 2px;
}
ul.list-right-small {
  list-style: none;
  padding-left: 25px;
}
ul.list-right-small li {
  position: relative;
  text-align: left;
  padding-bottom: 5px;
}
ul.list-right-small li:before {
  position: absolute;
  content: url("../svg/list-right-small.svg");
  top: 4px;
  margin-left: -25px;
  color: #fff;
}
.navbar-expand-lg .navbar-nav .nav-link {
  font-size: 1.2rem;
}
.footer-text {
  font-size: 1.1rem;
  font-weight: 600;
}
.text-yellow {
  color: #fff007 !important;
}
.text-white {
  color: #fff !important;
}
.text-blue-light {
  color: #b6ddf1 !important;
}
.bg-red {
  background-color: #EE163A;
}
.header-bg {
  background-color: #003466 !important
}
a.gotoTop {
  position: fixed;
  z-index: 1100;
  right: 0px;
  bottom: 120px;
  width: 30px;
  color: #FFF;
  background-color: #1c3595;
  padding: 2px 10px 5px 10px;
  display: none;
}
a.gotoTop:hover {
  text-decoration: none;
  background-color: #0c3771;
}
.text-justify {
  text-align: justify;
}
.breadcrumb-item + .breadcrumb-item::before {
  color: #fff !important;
}
.breadcrumb-item a {
  color: #cef !important;
  font-weight: bold;
}
.breadcrumb-item a span {
  color: #cef !important;
  font-weight: bold;
}
.breadcrumb-item a:hover {
  color: #fff !important;
}
.breadcrumb-item span {
  color: #fff !important;
}
ul.list-check {
  list-style: none;
  padding-left: 25px;
}
ul.list-check li {
  position: relative;
  text-align: left;
  padding-bottom: 5px;
}
ul.list-check li:before {
  position: absolute;
  height: 20px;
  width: 20px;
  content: "";
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 50 50"><path fill="rgb(180,180,180)" d="M20.5,42a2.368,2.368,0,0,1-1.759-.766l-14-14.423a2.584,2.584,0,0,1,0-3.626l3.988-4.109a2.4,2.4,0,0,1,3.518,0l8.249,8.5L38.755,8.76a2.4,2.4,0,0,1,3.518,0l3.988,4.109a2.584,2.584,0,0,1,0,3.626l-24,24.737A2.37,2.37,0,0,1,20.5,42Z"></path></svg>') no-repeat;
  background-size: 20px 20px;
  top: 5px;
  margin-left: -25px;
}
.bg-megenta {
	background-color: #7030a0!important;
}
.btn-orange {
    color: #fff;
    background-color: #ff7007;
    border-color: #ff7007;
}
.btn-orange:hover {
    color: #fff;
    background-color: #ed6603;
    border-color: #ed6603;
}
.card-light-blue {
    background: #e5eeff;
}
.card-light-orange {
    background: #fff2e4;
}
.card-light-green {
    background: #edfbf4;
}
.card-light-purple {
    background: #e0e0f5;
}
ul.list-check-blue {
    list-style: none;
    padding-left: 25px;
}
ul.list-check-blue li {
    position: relative;
    text-align: left;
    padding-bottom: 5px;
}
ul.list-check-blue li::before {
    position: absolute;
    height: 20px;
    width: 20px;
    content: "";
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 50 50"><path fill="rgb(4, 122, 237)" d="M20.5,42a2.368,2.368,0,0,1-1.759-.766l-14-14.423a2.584,2.584,0,0,1,0-3.626l3.988-4.109a2.4,2.4,0,0,1,3.518,0l8.249,8.5L38.755,8.76a2.4,2.4,0,0,1,3.518,0l3.988,4.109a2.584,2.584,0,0,1,0,3.626l-24,24.737A2.37,2.37,0,0,1,20.5,42Z"></path></svg>') no-repeat;
    background-size: 20px 20px;
    top: 5px;
    margin-left: -25px;
}
.bundle ul li {
    display: inline-block;
}
.bundle ul li.blue {
    font-size: 1rem;
    color: #fff;
    padding: 0 7px;
    border: 1px solid #e4e5ec;
    border-radius: 3px;
    margin-bottom: 4px;
    line-height: 22px;
    margin-right: 0;
    background-color: #047aed;
    border-color: transparent
}
.bundle ul li.red {
    font-size: 1rem;
    color: #fff;
    padding: 0 7px;
    border: 1px solid #e4e5ec;
    border-radius: 3px;
    margin-bottom: 4px;
    line-height: 22px;
    margin-right: 0;
    background-color: #ea4335;
    border-color: transparent
}
.bundle ul li.yellow {
    font-size: 1rem;
    color: #000;
    padding: 0 7px;
    border: 1px solid #e4e5ec;
    border-radius: 3px;
    margin-bottom: 4px;
    line-height: 22px;
    margin-right: 0;
    background-color: #fbbc05;
    border-color: transparent
}
.bundle ul li.green {
    font-size: 1rem;
    color: #fff;
    padding: 0 7px;
    border: 1px solid #34a853;
    border-radius: 3px;
    margin-bottom: 4px;
    line-height: 22px;
    margin-right: 0;
    background-color: #34a853;
    border-color: transparent
}


/*start side offer*/
  .icon-cross-custom{
float: right;
background: transparent;
border: 1px solid transparent;
margin-bottom: 0px;
  }
  .pop-offer {
    top:63% !important;
    width: 170px;
    height: 200px;
    background-repeat: no-repeat;
    right: 0px;
    color: #fff;
    z-index: 9000;
    position: fixed;
    background-color: transparent;
}
/*side offer*/


footer{padding:20px 0 0;background:#f4f7ff;border-top:5px solid #e2e7fd}
.footer-box-h4, .footer-box-h5 {
	font-weight: 600;
	border-bottom: 4px solid #ffdb4d;
	line-height: 20px;
}
.footer-box-h5 {
	font-size: 16px;
	color: #232F3E;
	margin-bottom: 5px;
	display: inline-block;
}
ul.f-menu-list{
list-style: none;
padding-left: 0;
}
.f-menu-list li a {
	font-size: 14px;
	color: #4e6a8d;
}
.f-menu-list li a:hover {
	text-decoration: underline;
}
.f-menu-list li {
	font-size: 13px;
	line-height: 30px;
}
.copyright {
	font-size: 16px;
	padding: 5px 0 0;
	color: #4e6a8d;
	border-top: 2px solid #e2e7fd;
}
.bend {
 box-shadow: 0 0 24px rgb(0 0 0 / 13%);
 padding: 29px 0 41px 30px;
 position: relative;
 border-radius: 10px;
 overflow: hidden;
 z-index: 1;
 transition: .5s;
 background: #fff;
 margin-bottom: 20px;
 border: 2px solid #0d6efd;
}
.social{
	border: 1px solid #fff;
	border-radius: 3px;
}
.fb{
	background: #0d6efd;
	border: 1px solid #0d6efd;
}
.tw{
	background: #1da1f2;
	border: 1px solid #1da1f2;
}
.in{
	background: #007bb6;
	border: 1px solid #007bb6;
}
.yt{
	background: #ce332d;
	border: 1px solid #ce332d;
}
.pin{
	background: #cb2028;
	border: 1px solid #cb2028;
}
.social:hover{
	border: 1px solid #fff;
}
.link{
	color: #aabafa;
}
.link:hover{
	color: #6fecff;
}
.custom-social-proof {
    position: fixed;
    bottom: 20px;
    left: 20px;
    z-index: 9999999999999 !important;
}
.custom-notification {
    border: 0;
    text-align: left;
    z-index: 99999;
    box-sizing: border-box;
    font-weight: 400;
    border-radius: 6px;
    box-shadow: 2px 2px 10px 2px hsla(215.8, 98.4%, 52.2%, 0.22);
    background-color: #fff;
    position: relative;
    cursor: pointer;
    padding: 0 10px;
}
.custom-notification-container {
    display: flex !important;
    align-items: center;
    height: 80px;
}
.custom-notification-image-wrapper img {
    max-height: 75px;
    width: 90px;
    overflow: hidden;
    border-radius: 6px;
    object-fit: cover;
    border: 1px solid #aaa;
}
.custom-notification-content-wrapper {
    margin: 0;
    height: 100%;
    color: #474e5d;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 0 6px 6px 0;
    flex: 1;
    display: flex !important;
    flex-direction: column;
    justify-content: center;
}
.custom-notification-content {
    font-family: inherit !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 14px;
    line-height: 16px;
}
.custom-notification-content #country {
    color: #2f80fb;
}
.custom-notification-content #product {
    color: #2f80fb;
}
.custom-notification-content small {
    margin-top: 3px !important;
    display: block !important;
    font-size: 12px !important;
    opacity: .8;
}
.custom-close {
    position: absolute;
    top: 8px;
    right: 8px;
    height: 12px;
    width: 12px;
    cursor: pointer;
    transition: .2s ease-in-out;
    transform: rotate(45deg);
    opacity: 0;
}
.custom-social-proof .custom-notification .custom-close::before {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background-color: gray;
    position: absolute;
    left: 0;
    top: 5px;
}
.custom-social-proof .custom-notification .custom-close::after {
    content: "";
    display: block;
    height: 100%;
    width: 2px;
    background-color: gray;
    position: absolute;
    left: 5px;
    top: 0;
}
.custom-social-proof .custom-notification:hover .custom-close {
    opacity: 1;
}
.poweredby {
    font-weight: 600;
    text-decoration: none;
    margin-left: 3px;
    color: #2f80fb;
}
.footer__lang{
display: flex;
flex-wrap: wrap;
list-style: none;
color: #4e6a8d!important;
justify-content: space-between;
width: 100%;
box-sizing: border-box;
margin: auto;
}
.footer__lang li{
margin: 5px 0px;
}  
.footer__lang a{
padding: 0;
color: #4e6a8d!important;
}



  .bg-blue-grad{
   background: rgb(0,51,153);
   background: linear-gradient(160deg, rgba(0,51,153,1) 0%, rgba(5,53,150,1) 35%, rgba(46,111,242,1) 100%);
  }

  .tab-nt .nav-tabs{
   width: 340px;
  }
  .tab-nt .nav-tabs .nav-link-nt {
   color: #d8d8d8 !important;
  }
  .tab-nt .nav-tabs .nav-link-nt svg {
   fill: #d8d8d8 !important;
  }
  .tab-nt .nav-tabs .nav-link-nt.active {
   color: #0d6efd !important;
   background-color: #fff;
   border-color: #dc3545 #dee2e6 #fff;
  }
  .tab-nt .nav-tabs .nav-link-nt.active svg {
   fill: #0d6efd !important;
  }

  .product-guides {
   display: flex;
   column-gap: 1px;
   overflow: hidden;
   flex-wrap: wrap;
   width: 90%;
   margin: auto;
  }
  .product-guides a {
   background: #0d6efd;
   padding: 10px 14px;
   font-size: 17px;
   color: #fff;
   border: 1px solid #fff;
   border-radius: 5px;
   margin: 2px;
   text-decoration: none;
   flex-grow: 1;
   text-align: center;
   font-weight: 600;
   transition: all .3s ease 0s;
  }
  .product-guides a:hover {
   background: #0081c0;
  }
  @media only screen and (max-width: 576px){
   .product-guides a {
    font-size: 13px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 9px 2px;
    gap: 4px;
   }
  }
  .spec_table tr td:first-child {
   min-width: 200px;
   padding-left: 0;
  }
  .spec_table tr td {
   padding: 0.3rem 0.5rem;
   padding-right: 1rem;
  }

  @media (max-width: 576px) {
   .stc {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    direction: ltr !important;
   }
  }

  #blue-pills .nav-pills .nav-link{
   text-align: left !important;
   color: #000;
   background-color: transparent;
   font-weight: bold;
   opacity: .4;
   border-left: 2px solid transparent;
  }
  #blue-pills .nav-pills .nav-link:focus, #blue-pills .nav-pills .nav-link.active {
   text-align: left !important;
   color: #039;
   opacity: 1;
   border-left: 2px solid #039;
  }
  #blue-pills .nav-pills .nav-link span{
   color: #000;
   font-weight: 400;
  }

  #blue-faq .accordion-button:focus {
   z-index: 3;
   border-color: #039;
   outline: 0;
   box-shadow: none !important;
  }
  #blue-faq .accordion-button {
   border-left: 2px solid #039;
   font-weight: 700;
  }
  #blue-faq .accordion-body {
   border-left: 2px solid #888;
   background: #00339917;
/*font-weight: 700*/
}
#blue-faq .accordion-button:not(.collapsed) {
 color: #fff;
 background-color: #039;
 box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .125)
}

.accordion-button:not(.collapsed)::after {
 filter: invert(100%) sepia(100%) hue-rotate(-90deg) saturate(1);
}
.awards .awards-card{position:relative;background:#fff;border:2px solid #039;padding:50px 35px 20px;box-shadow:0 2px 29px 0 rgba(68, 88, 144, .12);border-radius:10px;margin:20px 0;min-height:130px}
.awards:before{content:"\201C";font-family:arial;font-style:normal;font-weight:900;position:absolute;top:20px;left:20px;line-height:0;padding:0;color:#0d6efd;font-size:120px;z-index:1}
.awards:after{content:"\201C";font-family:arial;font-style:normal;font-weight:900;position:absolute;bottom:13px;right:5%;line-height:0;padding:0;color:#0d6efd;font-size:60px;z-index:1;transform:rotateZ(180deg)}
.awards .awards-part{display:flex;align-items:center}
.awards .awards-part .img{-webkit-border-radius:90px;border-radius:90px;margin-right:20px}
.awards .awards-part .info .name{font-weight:700;color:#555}
.awards .awards-part .info .desc{font-weight:600;color:#888}
.awards .awards-desc blockquote{margin:1rem 0;color:#181617}
.awards .carousel-control-next,.awards .carousel-control-prev{width:5%!important}
.awards .carousel-control-prev .icon-left-open-big,.awards .carousel-control-next .icon-right-open-big{color:#0d6efd}
.carousel-indicators [data-bs-target]{width: 30px;height: 10px;border-radius:7px;background-color:#0d6efd}
.carousel-indicators{bottom:-20px}
/*  .carousel-indicators li{height:14px;width:14px;border-radius:7px;background-color:#449ff9}*/
.carousel-indicators .active{background-color:#0d6efd}