body{ font-family: "Open Sans", system-ui;}
.ral{font-family: "Raleway", system-ui;}
:root{--primary:#2369AE;}
.navbar-top{min-height: 20px;background: var(--primary);}
nav.navbar{position: sticky;top: 0;    background: #fff;  z-index: 9;box-shadow: 5px 4px 20px 20px #0000001A;}
.navbar-nav-header .nav-link{text-transform: uppercase;font-size: 16px;font-weight: 700;color: #434343;padding: 15px !important;}
.navbar-nav-header .nav-link.active,.navbar-nav-header .nav-link:hover{background-color: var(--primary);border-radius: 5px;color:#fff;}
#videoWrapper { height: 570px;  overflow: hidden;  position: relative;}
#videoWrapper video {  position: absolute;  min-width: 100%;  min-height: 100%;  width: auto;  height: auto;
  object-fit: cover;   z-index: -100;  top: 50%; left: 50%;  transform: translateX(-50%) translateY(-50%);}
#videoWrapper .caption {  display: flex;  justify-content: center;  align-items: center;  height: 100%;  background-color: rgba(0, 0, 0, 0.7);}
#videoWrapper .caption .contents { color: #fff;  text-align: center; position: relative;padding: 2rem; z-index: 1;}
#videoWrapper .caption .contents:before{background: #000;content: ''; filter: blur(60px);position: absolute;top:0;left: 0;width: 100%;height: 100%;z-index: 0;}
#videoWrapper .caption .contents h2{ font-weight: 700;font-size: 35px;text-transform: uppercase;position: relative;}
#videoWrapper .caption .contents h2 span{color: var(--primary);}
.btn.btn-primary{background-color: var(--primary);padding: 10px 30px;border:1px solid var(--primary);transition:all ease 500ms;}
.btn.btn-primary:hover{background-color: #fff;color: var(--primary);}
.bnr-btn.btn.btn-primary{padding: 8px 25px;}
#videoWrapper .caption .contents p{position: relative;font-weight: 400;}
#videoWrapper .caption .contents a{position: relative;}
.features-icons .features-icons-item {  background-color: #FFF;border-radius: 20px;padding: 2rem;box-shadow: -5px -4px 20px 0px #FFFFFF;  box-shadow: 5px 4px 20px 20px #0000001A;border: 1px solid #FFFFFF;background: radial-gradient(86.62% 86.62% at 13.43% 7.75%, #F0F0F0 0%, rgba(243, 243, 243, 0.54) 40%, #FFFFFF 100%); }
.features-icons .features-icons-item .features-icons-icon i {  font-size: 4.5rem;}
.feature-row{margin-top: 5rem;;}
.section-title{font-family: "Raleway", system-ui;  font-family: Raleway;  font-size: 32px;  font-weight: 400;  }
.section-title span{position: relative;padding-bottom: 10px;}
.section-title span:after{top: 100%;height: 1px;background: #000000;content: '';width: 86%;left: 7%;position: absolute;}
.features-icons .features-icons-item h3{font-size: 20px;font-weight: 900;margin-top: 10px;}
.features-icons .features-icons-item .lead{font-size:12px;font-weight: 400;min-height: 36px;margin-bottom: 15px;}
.bg-grey-r{background: #ECECEC;}
.product-offering, .ethics, .features-icons{padding-top: 3.75rem;  padding-bottom: 3.75rem;}
.product-offering .section-title span:after{width: 100%;left: 0;width: 100%;}
.masthead {  position: relative;  background-color: #343a40;  background: url("../assets/img/bigstock-Industry.png") no-repeat center center;
  background-size: cover;
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.masthead:before {
  content: "";
  position: absolute;
  background-color: #000000;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 0.65;
}
 .masthead h2 {  font-size: 40px;  font-weight: 300;}
 .masthead h2  strong { font-weight: 700;}
 @media (min-width: 768px) {

  .masthead h1, .masthead .h1 {
    font-size: 3rem;
  }
}

.page-title {
  position: relative;
  background-color: #343a40;
  background: url("../assets/img/title-bg.png") no-repeat center center;
  background-size: cover;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
.page-title:before {
  content: "";
  position: absolute;
  background-color: #000000;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 0.65;
}
 .page-title h1 {text-transform: uppercase; font-size: 41px;  font-weight: 700;  text-align: center;
  text-shadow:4px 4px 0px #00000040;
}

 .page-title p{ font-weight: 400;font-size: 14px;}

.testimonial-item img{width: 100%;}
.testimonial-item{border-radius:  8px 8px;background-color: #FFF;  font-weight: 700;;box-shadow: 0px 4px 10px 0px #00000040;}
.testimonial-item h4{ background-color: var(--primary);padding:20px 10px;color: #FFF;font-family: "Raleway", system-ui;
  font-size: 18px;border-radius:0 0  8px 8px;min-height: 84px;display: flex; justify-content: center;  align-items: center;}

.ethics .section-title span:after{display: none;}
.ethics h5{font-size: 18px;font-weight: 700;text-align: center;font-family:"Raleway", system-ui;color: var(--primary);}
.f-proof{background-color: var(--primary);padding: 4rem 0;font-family:"Raleway", system-ui; font-size: 42px;  font-weight: 600;  text-align: center;color: #fff;}

footer .left-ftr{ font-size: 18px;  font-weight: 400;color: #000;}
footer .left-ftr p{margin-bottom: 25px;}
footer .left-ftr strong{  font-size: 18px;  font-weight: 700;}

footer.footer h3{color: var(--primary);  font-size: 28px;  font-weight: 600;margin-bottom: 20pxsky;}

footer.footer {  font-family:"Raleway", system-ui;  padding-top: 3rem;  padding-bottom: 6rem;  background-color: #fff;}
.ftr-rgt ul{padding: 0;}

.ftr-rgt ul li{list-style: none;padding-left: 35px;position: relative;}
.ftr-rgt ul li img{position: absolute;left: 0;}
.copyright{background-color: #000;padding: 1.5rem 0;color: #fff;}



/*About page*/
.about-expert{padding:3rem 0;}
.about-expert h3{font-family: "Raleway";font-size: 16px;font-weight: 600;color: var(--primary);}
.about-expert p{font-family: "Raleway";font-size: 16px;font-weight: 500;}
.mis-vis{background-color: #ECECEC;padding:3rem 0;}
.mis-vis-item{border: 1px solid #FFFFFF;background: radial-gradient(86.62% 86.62% at 13.43% 7.75%, #F0F0F0 0%, rgba(243, 243, 243, 0.54) 40%, #FFFFFF 100%);box-shadow: -5px -4px 20px 0px #FFFFFF;  box-shadow: 5px 4px 20px 20px #0000001A;
border-radius: 20px;padding: 30px;}
.mis-vis .px-misv{padding-left: 2.5rem !important;padding-right: 2.5rem !important;}
.mis-vis-item img{border-radius: 20px;}
.mis-vis-item h3{  font-size: 28px;  font-weight: 800; text-align: center;margin: 10px 0;}
.mis-vis-item p{  font-size: 16px;  font-weight: 400;  text-align: justify;}

.under-cinstructions{padding: 4rem 0;}
.under-cinstructions h3{margin-bottom: 4rem;color: var(--primary);font-family: "Raleway"; font-size: 26px;  font-weight: 600;}
.contact-us-sec{padding: 1.6rem 0;}
.contact-us-sec h1{font-family: "Raleway";color: var(--primary);
  font-size: 42px;  font-weight: 600;  text-align: center;}
  .contact-wrapper{background: radial-gradient(86.62% 86.62% at 13.43% 7.75%, #F0F0F0 0%, rgba(243, 243, 243, 0.54) 40%, #FFFFFF 100%);  border-radius: 20px;  
padding: 23px 60px; border: 1px solid #FFFFFF;box-shadow: -5px -4px 20px 0px #FFFFFF;
box-shadow: 5px 4px 20px 20px #0000001A;margin-top: 40px;}
.text-right{text-align: right;}

.contact-wrapper .form-control{height:55px;border:none;border-bottom:1px solid #737B7D;border-radius: 0;background: transparent;}
.contact-wrapper form .btn{margin-top: 25px;padding:6px 25px;}
.solutions-row{padding-top: 40px;padding-bottom: 40px;}
.solutions-row h3{
font-family: "Raleway";
font-size: 26px;
font-weight: 600;
color: var(--primary);
text-align: left;
  }
  .solutions-row  ul{padding-left: 22px;}
  .solutions-row  ul li{    font-family: "Raleway";font-size: 16px;font-weight: 400;  list-style-image:url('./../assets/img/sort-left.png') ;
  margin-bottom: 6px;font-size: 16px;}
  .solutions-row p{ font-family: "Raleway";
  font-size: 18px;
  font-weight: 700;
  }  
  .solutions-row P{padding: 0 5px;}
  .contact_form .output_message{margin-bottom: 0;}
  .contact_form input:hover,.contact_form input:focus{outline: none;box-shadow: none;}
.top-icons{padding-top: 5px;padding-bottom: 10px;font-family: "Raleway";}
.top-icons .col-6{gap:10px;}
.navbar-toggler{box-shadow: 0px 1px 6px 1px #0000001A;  }
  @media(max-width:1400px) and (min-width:1281px){
    .container{        max-width: 1240px;}
  }

  @media(min-width:992px) and (max-width:1280px){
    .navbar-brand img{height: 32px;}
    .navbar-nav-header .nav-item .nav-link{font-size: 14px;padding: 15px 10px !important;}
   }

   @media (max-width:991px){
  nav.navbar   .navbar-collapse {    position: absolute; width: 100%;    left: 0;    right: 0;    background: #fff;    top: 66px;    z-index: 999;}
  nav.navbar  .container{flex-direction: row-reverse !important;flex-wrap: nowrap!important;}   
  .feature-row{    margin-top: 2rem;}
  .top-icons{font-size: 12px;}
  #videoWrapper .caption .contents h2{font-size: 30px;}
  .section-title{font-size: 22px;}
  .f-proof{padding: 2rem 15px;}
  .f-proof h2{font-size: 18px;}
  footer .left-ftr,footer .ftr-rgt{font-size: 14px;}
  .copyright p{font-size: 12px;}
  .about-expert > .container >.row{flex-direction: column-reverse;}
  .about-expert > .container >.row img{margin-bottom: 20px;}
  .mis-vis .px-misv{padding-left: 15px !important;padding-right: 15px !important;}
  .mis-vis-item{margin-bottom: 25px;}
  .ethics .section-title span:after{display: block;left: 0;width: 100%;}
  .solutions-row-mobile{flex-direction: column-reverse;}
  .solutions-row img{margin-bottom: 20px;}
  .product-offering .mt-4{margin-top: 0 !important;}
  .product-offering .testimonial-item{margin-bottom: 20px;}
  .product-offering .features-icons .features-icons-item{margin-bottom: 25px !important;}
  .contact-us-sec h1{font-size: 25px;}
  .contact-wrapper{padding: 20px;}
  .ethics-item  img{width: 80px;}
}



.flip-card {
  perspective: 1000px;
}

.flip-card-inner {
  position: relative;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;
  height: 288px;
}

.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
  
}

.flip-card-front, .flip-card-back {
  position: absolute;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  
}

.flip-card-front {
  color: black;
}

.flip-card-back {
  transform: rotateY(180deg);
  background-color: var(--primary) !important;
  background: var(--primary) !important;
}
.flip-card-back h3,.flip-card-back p{color:#fff;}
.flip-card-back a.btn.btn-primary{border:1px solid #fff}
.flip-card-back img{filter: invert(1);}


@media(max-width:991px) and (min-width:380px) {

  .flip-card-inner {width: 350px;margin: auto;height: 310px;}
  .flip-card-inner .features-icons-item{height: 288px;}  
}
@media(max-width:380px)  {
  .flip-card-inner {height: 310px;}
  .flip-card-inner .features-icons-item{height: 288px;}
}