/* font-family: 'Montserrat', sans-serif;
font-family: 'Odibee Sans', cursive; */

* {margin: 0;padding: 0;font-family: 'Montserrat', sans-serif;color: #000;}
a {text-decoration: none;}
.text-justify {text-align: justify !important;}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
ul {list-style: none;}
/* Firefox */
input[type=number] {-moz-appearance: textfield;}
.no-paading {padding: 0;}
.padding-all {padding: 80px 13px}
.pddng-top{padding-top: 20px;}
.pddng-bttm{padding-bottom: 20px;}
.no-left-padding{padding-left: 0;}
.no-right-padding{padding-right: 0;}
.margin-bttm {margin-bottom: 50px;}

/*Nav Bar slider Area*/
.navbar-scroll .nav-link,.navbar-scroll .fa-bars,.navbar-scroll .navar-brand {color: #4f4f4f; }
.navbar-scroll .fa-bars{font-family: 'FontAwesome';}
.navbar-scroll .nav-link:hover {color: #1266f1;}
.navbar-expand-lg .navbar-collapse{justify-content: right;}
/* Color of the links AFTER scroll */
.navbar-scrolled .nav-link,.navbar-scrolled .fa-bars,.navbar-scrolled .navar-brand {color: #4f4f4f;}
/* Color of the navbar AFTER scroll */
.navbar-scroll,.navbar-scrolled {background-color: #fff;padding: 8px 30px;}
/* An optional height of the navbar AFTER scroll */
.navbar.navbar-scroll.navbar-scrolled {padding-top: 5px;padding-bottom: 5px;}
/* .nav-slider-area {position: relative;}
.nav-slider-area .nav-area {position: absolute; top: 0; left: 0; right: 0; z-index: 9;} */
.topbar {background-color: #d92218;width: 100%;display: inline-flex;align-items: center;justify-content: space-between;}
.topbar-left {background: #052046;display: flex;align-items: center;justify-content: center;float: left;padding: 2px 27px;margin-bottom: 6px;position: relative;}
.topbar-left::after {content: '';position: absolute;right: -15px;top: 0;background: #052046;height: 100%;width: 50px;transform: skewX(-35deg);z-index: 0;}
.topbar-left span {margin-right: 15px;}
.topbar-left span i {color: #d92218;vertical-align: middle;margin-right: 8px;font-weight: 600;font-size: 21px;}
.topbar-left span a {color: #fff;font-family: 'Montserrat', sans-serif;vertical-align: middle;}
.topbar-right {float: right;margin-right: 15px;}
.topbar-right span {background: #052046;width: 25px;height: 25px;display: inline-flex;align-items: center;justify-content: center;color: #fff;border-radius: 5px;margin-right: 15px;}
.topbar-right span a,
.topbar-right span a i {color: #fff;font-size: 13px;}
.navbar-brand img {float: left;vertical-align: middle;}
.navbar-brand span {font-size: 21px;font-weight: 600;color: #052046;vertical-align: middle;margin-left: 15px;float: left;text-transform: uppercase;line-height: normal;}
.navbar-light .main-nav .nav-link {color: #052046;font-weight: 500;transition: all 0.5s ease-in;}
.navbar-light .main-nav .nav-link:hover {color: #d92218;}
.main-nav li:hover>ul.dropdown-menu {display: block;}
.main-nav li {margin-right: 10px;}
.main-nav li:last-child {margin-right: 0;}
.dropdown-submenu {position: relative;}
.dropdown-submenu>.dropdown-menu {top: 0;left: 100%;margin-top: -6px;}
/* rotate caret on hover */
.dropdown-menu>li>a:hover:after {text-decoration: underline;transform: rotate(-90deg);}
.navbar-brand {padding: 0;display: flex;align-items: center;}
.dropdown-toggle::after {vertical-align: middle;}
.main-nav .nav-link {color: #052046;font-weight: 600;}
/*About Us area*/
.img-area {position: relative;}
.img-area .bg-dots {width: 180px;height: 180px;display: inline-block;position: absolute;top: -60px;right: 0;z-index: -1;background: white;background-image: radial-gradient(#b0b0b0 1px, transparent 0);background-size: 20px 20px;background-position: 0px 0px;}
.img-area img {max-width: 90%;border: 1px solid #f1f1f1;border-radius: 20px;}
.content-heading span {background: #fff;font-family: 'Odibee Sans', cursive;border-radius: 35px;padding: 7px 20px;box-shadow: 6px 5px 8px -2px rgb(0 0 0 / 20%);background: -webkit-linear-gradient(45deg, #052046, #d92218);background: linear-gradient(45deg, #052046, #d92218);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.content-subheading {
  color: #052046;
  font-size: 3.5rem;
  font-family: 'Odibee Sans', cursive;
}
.content-subheading span {
  color: #d92218;
  font-family: 'Odibee Sans', cursive;
}
.about-area p {
  line-height: 27px;
  font-size: 16px;
}
.content-inner-area h4 {
  position: relative;
  color: #052046;
  padding-left: 20px;
}
.content-inner-area h4 span {
  position: absolute;
  font-size: 3.5rem;
  top: -30px;
  left: 0;
  color: #e4e4e4;
  z-index: -1;
}
.content-inner-area p {
  color: #080708;
  padding-left: 20px;
  line-height: 27px;
  font-size: 16px;
}
/* button.custom-btn i{color: #fff; vertical-align: middle;} */
/*Mid Area*/
.red-area {
  background: #f52c21;
  text-align: center;
  padding: 40px 21px;
  color: #fff;
}
.dark-blue-area {
  background: #052046;
  text-align: center;
  padding: 40px 21px;
  color: #fff;
}
.black-area {
  background: #000;
  text-align: center;
  padding: 40px 21px;
  color: #fff;
}
.red-area h3,
.red-area p,
.dark-blue-area h3,
.dark-blue-area p,
.black-area h3,
.black-area p {
  color: #fff;
}
.red-area p,
.dark-blue-area p,
.black-area p {
  line-height: 28px;
}
.red-area h3,
.dark-blue-area h3,
.black-area h3 {
  margin-bottom: 20px;
  font-family: 'Odibee Sans', cursive;
}
/*mini carousel*/
#carouselExample .carousel-item {
  text-align: center;
}
#carouselExample img.img-fluid {
  max-height: 550px;
}
#carouselExample .carousel-control-next,
#carouselExample .carousel-control-prev {
  opacity: 1;
  display: inline-flex;
  top: auto;
  width: 5%;
  padding: 6px;
  border: 2px solid #d92218;
}
#carouselExample .carousel-control-prev {
  left: auto;
  right: 60px;
}
#carouselExample .carousel-control-next-icon {
  background-image: url(../images/slide-right-arrow.png);
}
#carouselExample .carousel-control-prev-icon {
  background-image: url(../images/slide-left-arrow.png);
}
#mainBanner .carousel-control-next,#mainBanner .carousel-control-prev {
  width: 60px;
  height:60px;
  top:45%;
  background-color: #d92218;
  opacity: 1;
}
#mainBanner .carousel-content {
  position: absolute;
    top: 20%;
    left: 5%;
    width: 35%;
}
#mainBanner .carousel-content h5{
  background: #d92218;
    color: #fff;
    display: inline-block;
    padding: 6px 18px;
    border-radius: 4px;
}
#mainBanner .carousel-content h2{
    color: #fff;
    font-size: 62px;
    text-transform: capitalize;
    letter-spacing: 4px;
    font-family: 'Odibee Sans', cursive;
    
}
.slider-right-area h2,
.slider-right-area h2 span {
  font-family: 'Odibee Sans', cursive;
  font-size: 62px;
  color: #052046;
}

.slider-right-area h2 span {
  color: #d92218;
}


/*Product Area*/
.product-area h2,
.product-area h3 {
  text-align: center;
}

.product-area h2.content-heading span {
  padding: 7px 30px;
}

.product-listing {
  background: #fdd7d5;
  padding: 40px 0 90px 0;
}
/* .product-slider .carousel-item .col-md-4{
  margin-left: 15px;
  margin-right: 15px;
} */


.product-slider .card{
  background: transparent !important;
  border: none;  
  margin-left: 15px;
  margin-right: 15px;
  height: 100%;
}
.product-slider .card .card-inner{
  padding: 2rem 1rem;
  border-radius: 15px;
  background-color: #fff;
  height: 100%;
  min-height: 545px;
}
.product-slider .card .card-inner .card-img {
  /* min-height: 272px; */
  display: flex;
  align-items: center;
  justify-content: center;
}
.product-slider  .card h3{
  font-family: 'Odibee Sans', cursive;
  color: #000;
  font-size: 30px;
}
.product-point{
  list-style: none;
  margin: 0;
  padding: 0;
}
.product-point li{
  position: relative;
  padding-left: 30px;
}
.product-point li::before{
  content: '';
  background: url(../images/check-mark.png) no-repeat;
  background-position: center;
  background-size: 60% 60%;
  position: absolute;
  left: 0;
  top: 0;
  width: 30px;
  height: 30px;
}


/* display 4 */
@media (min-width: 768px) {
  .product-slider .carousel-inner .carousel-item-right.active,
  .product-slider .carousel-inner .carousel-item-next,
  .product-slider .carousel-item-next:not(.carousel-item-start) {
    transform: translateX(100%) !important;
  }

  .product-slider .carousel-inner .carousel-item-left.active,
  .product-slider .carousel-item-prev:not(.carousel-item-end),
  .product-slider .active.carousel-item-start,
  .product-slider .carousel-item-prev:not(.carousel-item-end) {
    transform: translateX(100%) !important;
  }

  .product-slider .carousel-item-next.carousel-item-start, .product-slider .active.carousel-item-end {
    transform: translateX(0) !important;
  }

  .product-slider .carousel-inner .carousel-item-prev,
  .product-slider .carousel-item-prev:not(.carousel-item-end) {
    transform: translateX(100%) !important;
  }
}



/*highlight*/
.high-list {
  display: flex;
  background: #fff;
  box-shadow: 4px 4px 3px rgb(0 0 0 / 20%);
  padding: 15px 8px;
}
.high-img {
  max-width: 20%;
}
.high-content {
  max-width: 80%;
  padding-left: 10px;
  text-align: left;
}
.high-content h2{
  text-align: left;
  color: #052046;
  font-size: 3rem;
  font-weight: 600;
}
.high-content p{
  margin-bottom: 0;
  color: #2c2c2c;
  font-weight: 500;
}
.play-video{
  position: relative;
}
.play-video .overlay {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(255,255,255,0.4);
}
.play-video button {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100px;
  height: 100px;
}
.play-video button:focus{
  outline: none;
  box-shadow: none;
}

.video-popup .modal-dialog {
  max-width: 800px;
  margin: 30px auto;
}

.video-popup .modal-body {
position:relative;
padding:0px;
}
.video-popup .btn-close {
position:absolute;
right:-30px;
top:0;
}

/*Forms*/
.form_wrap {
  background: white;
  position: relative;
  margin: 0 0 40px;
}


/* Input form Style */

.form_wrap input, .form_wrap textarea {
  border: none;
  border-radius: 0px;
  height: 35px;
  width: 100%;
  color: #000000;
  font-size: 14px;
  padding-left: 15px;
  box-shadow: none;
  outline: none;
  /* background-color: #e7f2ff; */
  border-bottom: 1px solid #afbdcf;
}
.form_wrap textarea{
  resize: none;
}

/* .form_wrap input[type="number"] {
  text-align: right;
  padding-left: 0px;
  padding-right: 15px;
} */

/* Label style after Input feild is in focus. Can also use input:focus ~ label to select sibling. */

.form_wrap .input_wrap input:focus+label,
.form_wrap .input_wrap input:valid+label,
.form_wrap .input_wrap textarea:focus+label,
.form_wrap .input_wrap textarea:valid+label {
  font-size: 12px;
  color: #2c2c2c;
  top: -16px;
  left: 3px;
  /* background: #ffffff; */
  padding: 0px 5px 0px 5px;
}

.form_wrap .input_wrap {
  width: auto;
  height: auto;
  position: relative;
}

.form_wrap .input_wrap label {
  font-size: 16px;
  color: #2c2c2c;
  padding: 7px 14px;
  position: absolute;
  top: 0;
  left: 0;
  transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -webkit-transition: 0.2s ease all;
  pointer-events: none;
  font-weight: normal;
}
.form_wrap .input_wrap label span{
  color: #d92218;
}

.form_wrap input[type="text"]:focus {
  outline: none;
}


.custom-btn {
  background: -webkit-linear-gradient(155deg, #052046, #d92218);
  color: #fff;
  box-shadow: none;
  border: none;
  border-radius: 35px;
  padding: 10px 15px;
  font-size: 18px;
  /* display: block; */
  margin: auto;
    margin-top: 20px;
    cursor: pointer;
}
.custom-btn:hover {
  color: #fff;
  text-decoration: none;
}
.custom-btn[disabled=disabled] {opacity: 0.5;cursor: not-allowed;}
form .custom-btn {display: block;}
/* button.custom-btn i{color: #fff; vertical-align: middle;} */
.custom-btn img {
  max-width: 35px;
  margin-right: 8px;
}

/*footer Area*/

.footer-area{
  background: #052046;
  padding: 50px 0;
}
/* 
.footer-logo-area {
  display: flex;
  align-items: center;
}
.footer-logo {
  max-width: 20%;
  margin-right: 8px;
} */
.footer-logo-area h2{
  font-weight: 700;
  color: #fff;
}
.footer-social-icon {
  margin-top: 15px;
}

.footer-social-icon span {
  background: #052046;
  width: 35px;
  height: 35px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  border-radius: 5px;
  margin-right: 15px;
  border: 1px solid #fff;
}

.footer-social-icon span a,
.footer-social-icon span a i {
  color: #fff;
}

.footer-menu h4{
  color: #d92218;
  font-family: 'Odibee Sans', cursive;
  font-size: 28px;
}
.footer-menu ul{
  list-style: none;
  padding: 0;
}
.footer-menu ul li{
  position: relative;
  padding-left: 25px;
  color: #fff;
}
.footer-menu ul li a{color: #fff;}
.footer-menu ul li:before{
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  background-color: #fff;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  transform: translate(0px, -50%);
}

.footer-contact h4{
  color: #d92218;
  font-family: 'Odibee Sans', cursive;
  font-size: 28px;
}

.contact-call-mail {
  display: flex;
  align-items: center;
}
.contact-call-mail .icon{
  margin-right: 20px;
}
.contact-call-mail .icon i{
  font-size: 28px;
  color: #fff;
}
.contact-call-mail .contact-no p, .contact-call-mail .contact-no a{
  color: #fff;
  margin-bottom: 0;
}

.footer-bottom-area{
  background: #000;
  padding: 15px 0;
}
.footer-bottom-area p,.footer-bottom-area a {color: #fff; margin-bottom: 0;font-size: 14px;}
.bottom-menu{margin-bottom: 0; list-style: none; padding: 0; color: #fff;}
.bottom-menu a{color: #fff;}




/* Highlight Section */
.highlight-wrapper{min-height:645px;position: relative;}
.highlight-content{position:absolute;top:30px;left:11%;width:85%}
.highlight-content .secondary-heading {color: #d92218; font-weight: 600;}
.highlight-left-section{background:#052046;height:645px;}
.highlight-right-section{background:#fff}
.highlight-indus-img{margin-right:115px}
.highlight-wrapper .carousel-control-next,.highlight-wrapper .carousel-control-prev {right:31px;height:75px;position:absolute;top:305px; z-index:1;width:4%;color:#fff;background:#d92218;opacity:1;}
.highlight-wrapper .carousel-control-next-icon {width:34px;height:34px;}
.carousel-fade .carousel-inner .item {transition-property: opacity;transition-delay: 1s;}
#highlight-carousel {position: absolute;width: 100%;top:0;height: 100%;}
a.linkBtn {border-color: #fff;color: #fff;}
.linkBtn {letter-spacing: 3px;font-weight: 600;padding: 15px 50px 15px 25px;border: 2px solid #fff;border-right: 0;position: relative;display: inline-block;vertical-align: top;color: #fff;font-size: 14px;text-transform: uppercase;}
.linkBtn:before {content: '';position: absolute;right: 0;top: 0;width: 2px;height: 30%;background: #fff;}
.linkBtn:after {content: '';position: absolute;right: 0;bottom: 0;width: 2px;height: 30%;background: #fff;top: inherit;left: inherit;}
.linkBtn span {background-position: right center;}
.linkBtn span {display: block;width: 60px;height: 15px;position: absolute;top: 50%;left: 86%;margin-top: -7px;background: url(../images/arrow.png) no-repeat right;-webkit-transition: all .4s ease-in;-moz-transition: all .4s ease-in;-o-transition: all .4s ease-in;transition: all .4s ease-in;}
.linkBtn:hover span {width: 78px;}
.carousel-fade .carousel-inner .item, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {opacity: 0;}
.carousel-fade .carousel-inner .active, .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right {opacity: 1;}
.carousel-fade .carousel-inner .next, .carousel-fade .carousel-inner .prev, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {left: 0;transform: translate3d(0, 0, 0);}
/* Highlight Section */


.channel-partners{}
.channel-partners .channel-partner-img img {filter: grayscale(1);transition: all  linear .6s;cursor: pointer;}
.channel-partners .channel-partner-img:hover img {filter: none;transform: scale(1.2);}

.industry-card {margin-bottom:25px; padding: 20px 25px;border: 0;
  border-radius: 0;
  background: #fdd7d5;cursor: pointer;
  -webkit-box-shadow: 0 3px 16px rgb(253 215 213 / 63%);
  -moz-box-shadow: 0 3px 16px rgba(32,125,233,.16);
  box-shadow: 0 3px 16px rgb(255 198 195 / 77%);height: 230px;}
  .industry-card h4 {
    position: absolute;
    bottom: 20px;
    right: 25px;
    margin-bottom: 0;
    color: #052046;
    font-weight: 600;
    font-size: 22px;
  }

  .img-card-inner{
    position: absolute;
    top: 29%;
    left: 5%;
    width: 90%;
    border: 3px solid #fff;
  }
  .img-card-inner h4 {
    color: #fff;
    text-align: center;
    padding: 20px 10px;
  }
/* Sub banner */
.sub-banner {position: relative;}
.banner-inner {
    width: 100%;
    position: absolute;
    top: 60%;
    left: 0;
    transform: translateY(-50%);
}
.breadcrumbs-text {
    padding: 36px 0 42px;
    border-radius: 5px;
    text-align: center;
}
.breadcrumbs-title {
    width: 100%;
    font-size: 48px;
    text-transform: uppercase;
    margin: 0 0 4px;
    color: #ffffff;
    float: left;
}
.breadcrumbs-text .breadcrumbs-subtitle li:first-child,.breadcrumbs-text .breadcrumbs-subtitle li:nth-child(2) {
    position: relative;
    padding-right: 24px;
    margin-right: 5px;
}
.breadcrumbs-text .breadcrumbs-subtitle li:first-child:before, .breadcrumbs-text .breadcrumbs-subtitle li:nth-child(2):before {
    right: 8px;
    content: "\f105";
    position: absolute;
    top: -1px;
    right: 0;
    color: #ffffff;
    font-family: fontawesome;
}
.breadcrumbs-text .breadcrumbs-subtitle li a {
    color: #fff;
    position: relative;
}
.breadcrumbs-text .breadcrumbs-subtitle li:first-child:after,.breadcrumbs-text .breadcrumbs-subtitle li:first-child:before,.breadcrumbs-text .breadcrumbs-subtitle li:nth-child(2):after,.breadcrumbs-text .breadcrumbs-subtitle li:nth-child(2):before {
    content: "\f105";
    position: absolute;
    top: -1px;
    right: 0;
    color: #ffffff;
    font-family: fontawesome;
}

.breadcrumbs-text .breadcrumbs-subtitle li {
    color: #d92218;
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
}
  @media (min-width: 1600px){
.container {
    max-width: 1300px;
}}
#captchaInput {
  border-radius: 0;
  height: 28px;
  font-size: 16px;
  border: 2px solid #ccc;
  margin-left: 9px;
  width: 60px;
  padding: 2px 8px;
}
#captchaText {
  font-weight: 600;
  display: inline-block;
}

.social-sharing{position:fixed;left:0;top:40%;z-index:3}
.social-sharing-list>li {list-style-type:none;overflow:hidden;width:44px;transition:all 0.8s ease-in-out}
.social-sharing-list>li:hover, .social-sharing-list>li:focus {width:44px}
.sharing-icon{display:block;color:#fff;line-height:1;padding:10px;display:flex;align-items:center;justify-content:space-around}
.sharing-icon i{display:block;color:#fff;}
.sharing-icon:hover{color:#fff;text-decoration: none;}
.whatsapp-icon{background-color:#07a040;}
.call-icon{background-color:#052046}
.demo-icon{background-color:#d92218}
.social-sharing-list>li span{display:none;margin-left:5px}
.social-sharing-list li:hover span, .social-sharing-list li:focus span {display:inline-block}