/* ------- Font Family Starts ------- */



@font-face {

  font-family: "OpenSans-Bold";

  src: url("../fonts/OpenSans-Bold.ttf");

}

@font-face {

  font-family: "OpenSans-Regular";

  src: url("../fonts/OpenSans-Regular.ttf");

}

@font-face {

  font-family: "OpenSans-SemiBold";

  src: url("../fonts/OpenSans-SemiBold.ttf");

}

@font-face {

  font-family: "PlayfairDisplay";

  src: url("../fonts/PlayfairDisplay.ttf");

}

@font-face {

  font-family: "OpenSans-ExtraBold";

  src: url("../fonts/OpenSans-ExtraBold.ttf");

}



  /* ------- Font Family Ends ------- */



  /* ------- Reset CSS Starts ------- */



html { font-size: 10px; letter-spacing: 1px; }

h1, h2, h3, h4, h5, h6, p, ul { margin: 0; padding: 0; }

li { list-style: none; }

a, a:hover, a:focus, button, button:hover, input, input:hover { text-decoration: none; transition: 0.5s linear; -webkit-transition: 0.5s linear; -moz-transition: 0.5s linear; -ms-transition: 0.5s linear; -o-transition: 0.5s linear; }



  /* ------- Reset CSS Ends ------- */



p { font-family: "OpenSans-Regular";font-size: 14px; color: #676767; margin-bottom: 10px; }

.mt30 { margin-top: 30px; }



  /*--- Header CSS Starts ---*/



.slick-dots { display: none!important; }

.navbar-brand > img {

  width: 200px;

  margin-right: 10px;

}

section {

  padding: 100px 0 80px;

  background-color: #fff;

}

header { z-index: 1030; }

header .navbar-nav .nav-link {

  font-family: "OpenSans-SemiBold";

  font-size: 14px;

  color: #000!important;

  padding: 20px 10px;

  margin-left: 10px;

}

header .navbar {

  background-color: #fff;

  box-shadow: none;

  position: relative;

}

header .top-nav-collapse {background-color: #fff;}

header .navbar-nav .nav-item:hover .nav-link, .navbar.navbar-light .navbar-nav .nav-item.active>.nav-link,

.navbar.navbar-light .navbar-nav .nav-item.active .dropdown-item.active,

.navbar.navbar-light .navbar-nav .nav-item.active .dropdown-item.active > a {

  background-color: transparent!important;

  color: #1e6eae!important;

}

.dropdown-toggle::after { display: none; }

header .navbar-nav .dropdown:hover .dropdown-menu {

  /*display: block;*/

  transform: translateY(0);

  opacity: 1;

  pointer-events: auto;

}



.navbar.scrolling-navbar {

  padding-top: 5px;

  padding-bottom: 5px;

}

.dropdown-menu {

  background-color: #fff;

  border-radius: 0;

  border: 0;

  transform: translateX(-15px);

  transition: all 500ms ease-in-out;

  opacity: 0;

  display: block;

  pointer-events: none;

  border-top: 5px solid #fff;

  width: 240px;

  box-shadow: 0 0 20px 0 #c5c5c5;

}

.dropdown-item .sub-dropdown {

  background-color: #fff;

  border-radius: 0;

  border: 0; 

  transition: all 500ms ease-in-out; 

  display: block;

  pointer-events: none;

  border-top: 5px solid #fff;

  min-width: 240px;

  opacity: 0;

  padding: 5px 0;

  box-shadow: 0 0 20px 0 #c5c5c5;

}

.dropdown-item:hover .sub-dropdown {

  pointer-events: auto;

  opacity: 1;

}

.dropdown.show .search-menu.show,

.dropdown-toggle + .search-menu.show{ opacity:1!important; pointer-events: auto;right: 0;transform: translateX(0); }

#autosearch ul { padding-top: 8px; }

#autosearch ul li a { font-family: "OpenSans-Regular"; font-size: 13px;color: #333; padding: 5px;border-bottom: 1px solid #eee; display: block; }

#autosearch ul li a:hover { color: #017dc5; }

.dropdown-menu .dropdown-item { padding: 0; position: relative; }

.dropdown-item .sub-dropdown { position: absolute; left: 100%;top: 0; }

.dropdown-menu .dropdown-item > a, .dropdown-item .sub-dropdown a {

  padding: 9px 15px;

  font-family: "OpenSans-Regular";

  font-size: 14px;

  display: block;

  transition: all 300ms ease-in-out;

  color: #333;

}

.dropdown-menu .dropdown-item > a:hover,  .dropdown-item .sub-dropdown a:hover {

  background-color: transparent;

  color: #017dc5;

}

.dropdown-menu::before {

  position: absolute;

  content: "";

  border-right: 0px solid transparent;

  border-top: 0px solid transparent;

  border-left: 0px solid transparent;

  border-bottom: 0px solid #fff;

  top: -25px;

  left: 20px;

  opacity: 0;

  transition: all 500ms ease-in-out;

}

header .navbar-nav .dropdown:hover .dropdown-menu::before,

.dropdown.show:hover .dropdown-menu.search-menu::before {

  border-right: 10px solid transparent;

  border-top: 10px solid transparent;

  border-left: 10px solid transparent;

  border-bottom: 10px solid #fff;

  opacity: 1;

}

.dropdown .dropdown-menu .dropdown-item:active,

.dropdown .dropdown-menu .dropdown-item:hover,

.dropdown .dropdown-menu .dropdown-item:focus { background-color: transparent; }

.search-box .input-group > input {

  font-family: "OpenSans-Regular";

  font-size: 14px;

  color: #333;

  box-shadow: none;

  border-radius: 0;

}

.search-box > input:focus {

  width: 100%;

}

.dropdown-menu.search-menu {

  right: 0;

  left: auto;

  width: 300px;

}

.dropdown-menu.search-menu::before { 

  right: 0;

  left: auto;

}

.dropdown .fas.fa-search {

  padding: 8px 10px 0;

}

.search-box {

  padding: 5px 15px;

  width: 100%!important;

}

.search-box .input-group-append .btn {

  font-family: "OpenSans-Regular";

  color: #fff;

  font-size: 12px;

  background-color: #017dc5!important;

  border-color: #017dc5!important;

}



  /*--- Header CSS Ends ---*/



  /*--- Slider CSS Starts ---*/



.banner-caption > h2 {

  font-family: "OpenSans-Bold";

  font-size: 28px;

  color: #101010;

  display: inline-block;

}

.banner-caption > h2 > span { color: #017dc5; }

.banner-caption > p {

  font-family: "OpenSans-SemiBold";

  color: #e2020d;

  font-size: 16px;

}.banner-caption > p > strong { font-style: italic; }

.banner-caption .btn {

  font-family: "OpenSans-Regular";

  margin-top: 20px;

  font-size: 12px;

  background: #000;

  background-color: #000!important;

  color: #fff!important;

}

.carousel-item .view > img { width: 100%; height: 100%; object-fit: cover; }

.banner-caption {

  width: 45%;

  z-index: 99;

  margin-left: 100px!important;

  padding: 20px;

}

.banner-caption.bg-light { background: rgb(255 255 255 / 0.65)!important; }

.carousel .carousel-control-next-icon, .carousel .carousel-control-prev-icon {

  height: 20px;

  width: 20px;

}

#carousel-example-1z .carousel-inner .carousel-item {

  transition: -webkit-transform 2s ease;

  transition: transform 2s ease;

  transition: transform 2s ease, -webkit-transform 2s ease;

}

.carousel-control-next, .carousel-control-prev {

  background: transparent;

  display: grid;

  align-items: center;

  height: 40px;

  width: 40px;

  top: 85%;

  margin: 0 20px;

  -webkit-transition: all 300ms ease-in-out;

  -moz-transition: all 300ms ease-in-out;

  -ms-transition: all 300ms ease-in-out;

  -o-transition: all 300ms ease-in-out;

  border-radius: 50%;

  border: 2px solid #017dc5;

  opacity: 1;

}

.carousel-control-next {right: auto;left: 150px;}

.carousel-control-prev {left: 80px;}

.carousel-control-next:hover, .carousel-control-prev:hover {transform: scale(1.1);}

.view .mask::before {

  position: absolute;

  content: "";

  height: 100%;

  width: 100%;

  left: 0;

  top: 0;

  background-color: #ccc;

  opacity: 0;

}

.carousel .carousel-control-next-icon {

  background-image: url(../images/next.png);

}

.carousel .carousel-control-prev-icon {

  background-image: url(../images/prev.png);

}

.scroll-down {

  position: absolute;

  bottom: 20px;

  right: 0;

  left: 0;

  margin: 0 auto;

  text-align: center;

  z-index: 99;

  animation: bounce 1s infinite alternate;

  -webkit-animation: bounce 1s infinite alternate;

  display: inline-block;

  width: 100px;

}

.scroll-down > a > span {

  font-family: "OpenSans-SemiBold";

  color: #101010;

  font-size: 13px;

  display: inline-block;

  margin-bottom: 60px;

}

.icon-scroll,

.icon-scroll:before {

  position: absolute;

  left: 50%

}

.icon-scroll {

  width: 30px;

  height: 50px;

  margin-left: -13px;

  bottom: 0;

  margin-top: 0;

  border: 2px solid #101010;

  border-radius: 25px

}

.custom-btn-new > a {

  font-family: "OpenSans-Regular";

  display: inline-block;

  color: #fff;

  padding: 10px 30px;

  background-color: #017dc5;

  font-size: 14px

}

.custom-btn-new > a > img { display: inline-block; width: 20px; margin-left: 10px; }

.custom-btn-new > a:hover {box-shadow: 5px 5px 5px #333;}

@media (max-width: 767px) {

  .icon-scroll {

    position: relative

  }

}

.icon-scroll:before {

  content: '';

  width: 8px;

  height: 8px;

  background: #101010;

  margin-left: -4px;

  top: 8px;

  border-radius: 4px;

  animation-duration: 1.5s;

  animation-iteration-count: infinite;

  animation-name: scroll

}

@keyframes scroll {

  0% {

    opacity: 1

  }

  100% {

    opacity: 0;

    transform: translateY(26px)

  }

}



  /*--- Slider CSS Ends ---*/



  /*--- ---*/



.home-page {

  position: relative;

  z-index: 9;

  background-color: transparent;

}

.curve > img {

  width: 100%;

  height: auto;

  position: absolute;

  top: -140px;

}

.curve {background-color: #fff;}

.no-padding { padding: 0; }

.about-block {

  background-color: #fff!important;

  padding-top: 60px;

}

.abt-img > img {-webkit-box-shadow: 2px 3px 20px -7px rgba(0,0,0,0.75);-moz-box-shadow: 2px 3px 20px -7px rgba(0,0,0,0.75);box-shadow: 2px 3px 20px -7px rgba(0,0,0,0.75); }

.abt-box-bg  > img { width: 45px; margin-right: 20px; }

.abt-box-bg > h4 {

  font-family: "OpenSans-SemiBold";

  font-size: 17px;

  color: #101010;

}

.about-disc > p { font-size: 15px; }

.about-disc > p > a { color: #101010; font-weight: bold; }

.about-disc > p > a:hover { text-decoration: underline; }

.abt-box {

  padding: 30px 30px 30px;

  transition: all 300ms ease-in-out;

  display: grid;

  align-items: center;

  height: 300px;

}

.abt-box > img {width: 50px;height: 50px;object-fit: contain;margin: 0 auto 15px;transition: all 300ms ease-in-out;}

.abt-box .abt-title {

  color: #017dc5;

  font-family: "OpenSans-Bold";

  font-size: 18px;

  margin-bottom: 10px;

  transition: all 300ms ease-in-out;

}

.abt-box > p {

  font-family: "OpenSans-Regular";

  color: #017dc5;

  font-size: 14px;

  transition: all 300ms ease-in-out;

}

.abt-list {box-shadow: 0 0 30px #ddd;margin-bottom: 50px; }

.abt-list .no-padding {border-right: 1px solid #ddd;}

.abt-list .no-padding:last-child {border-right: 0;}

.abt-list .abt-box.active .abt-title,

.abt-list .abt-box.active > p {color: #fff;}

.abt-list .abt-box.active {background-color: #017dc5;}

.abt-list .abt-box.active > img {filter: grayscale(1) brightness(10);}

.section-heading > h1,

.section-heading > h2 {

  font-family: "OpenSans-Bold";

  font-size: 34px;

  margin-bottom: 30px;

  color: #017dc5;

  position: relative;

  padding-bottom: 8px;

}

.section-heading > h1 > span,

.section-heading > h2 > span { color: #101010 }

.section-heading > h1::after, .section-heading > h2::after {

  position: absolute;

  content: "";

  width: 130px;

  height: 3px;

  background-color: #017dc5;

  left: 0;

  right: 0;

  margin: auto;

  bottom: 0;

}

.section-heading.text-left > h2::after,

.section-heading.text-left > h1::after {right: auto!important;left: 0!important;}

.section-heading > h3 {

  font-family: "OpenSans-Bold";

  color: #333;

  margin: 20px 0 15px;

}

.readmore > a {

  font-family: "OpenSans-Regular";

  margin-top: 20px;

  font-size: 12px!important;

  background: #000;

  background-color: #215f9c!important;

  color: #fff!important;

  border-color: #215f9c!important;

}

.readmore > a:hover {

  border-color: #215f9c!important;

  color: #215f9c!important;

}

.excellence-block {

  position: relative;

  background-image: url(../images/blue-bg.jpg);

  background-position: center center;

  background-size: cover;

  background-repeat: no-repeat;  

  z-index: 1;

}

.section-heading > p { margin-bottom: 30px; }

.dark-bg .section-heading > h1,

.dark-bg .section-heading > h2,

.dark-bg .section-heading > p { color: #fff; }

.dark-bg .section-heading > h1::after,

.dark-bg .section-heading > h2::after {background-color: #fff;}

.excel-box .excel-title {

  font-family: "OpenSans-Regular";

  color: #fff;

  font-size: 18px;

  position: relative;

  padding-top: 10px;

  margin-top: 20px;

  transition: all 300ms ease-in-out;

  line-height: 1.4;

}

.number-icon > img {width: 50px;margin-bottom: 10px;}

.count-main > span {

  font-family: "OpenSans-Bold";

  font-size: 35px;

  color: #fff700;

  display: inline-block;

}

.excel-list {padding: 40px 0;}

.excel-box .excel-title::before {

  position: absolute;

  content: "";

  height: 1px;

  width: 60px;

  left: 0;

  right: 0;

  top: -10px;

  background-color: #fff700;

  margin: 0 auto;

  transition: all 300ms ease-in-out;

}

.excel-box:hover .excel-title::before {width: 80px;}

.excel-box:hover .excel-title {letter-spacing: 2px;}

.business-box  {

  padding: 20px;

  -webkit-transition: all 300ms ease-in-out;

  -moz-transition: all 300ms ease-in-out;

  -ms-transition: all 300ms ease-in-out;

  -o-transition: all 300ms ease-in-out;

  transition: all 300ms ease-in-out;

}

.business-box > .icon > i {font-size: 40px;color: #017dc5;}

.icon {

  display: inline-block;

  height: 80px;

  width: 80px;

  display: grid;

  align-items: center;

  text-align: center;

  border-radius: 50%;

  background-color: #ddd;

  margin: 0  auto 30px;

  border: 5px solid #ddd;

  position: relative;

  box-shadow: 0 0 0 4px #fff;

  -webkit-transition: color 0.3s;

  -moz-transition: color 0.3s;

  transition: color 0.3s;

  z-index: 1;

}

.icon:after {

  top: -2px;

  left: -2px;

  padding: 2px;

  z-index: -1;

  background: #fff;

  -webkit-transition: -webkit-transform 0.2s, opacity 0.3s;

  -moz-transition: -moz-transform 0.2s, opacity 0.3s;

  transition: transform 0.2s, opacity 0.3s;

  pointer-events: none;

  position: absolute;

  width: 100%;

  height: 100%;

  border-radius: 50%;

  content: '';

  -webkit-box-sizing: content-box;

  -moz-box-sizing: content-box;

  box-sizing: content-box;

}

.business-box .title > a {

  font-family: "OpenSans-Bold";

  font-size: 18px;

  margin-bottom: 20px;

  color: #333;

  display: block;

  position: relative;

  padding-bottom: 15px; 

}

.icon_holder .icon_bgr {background-color: #017dc5;}

.icon_holder .icon_bgr {

  margin: 0px auto 24px auto;

  text-align: center;

  width: 100px;

  height: 100px;

  border-radius: 50%;

  border: 3px solid white;

  background-color: #017dc5;

  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.05));

  background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.05));

  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.05));

  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.05));

  background-image: linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.05));

  position: relative;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  -o-transition: all 0.3s ease;

  -ms-transition: all 0.3s ease;

  transition: all 0.3s ease;

}

.icon_holder .icon_bgr:after {

  pointer-events: none;

  position: absolute;

  width: 100%;

  height: 100%;

  border-radius: 50%;

  content: '';

  top: 0;

  left: 0;

  padding: 0;

  border: 2px solid #017dc5;

  opacity: 0.5;

  z-index: -1;

  -webkit-transform: scale(1);

  -moz-transform: scale(1);

  -ms-transform: scale(1);

  transform: scale(1);

}

.icon_center {

  position: absolute;

  z-index: 100;

  top: 0;

  width: 100%;

  text-align: center;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  -o-transition: all 0.3s ease;

  -ms-transition: all 0.3s ease;

  transition: all 0.3s ease;

}

.icon_holder i {

  font-size: 46px;

  line-height: 100px;

  color: #fff;

  -webkit-transition: all 0.2s ease;

  -moz-transition: all 0.2s ease;

  -o-transition: all 0.2s ease;

  -ms-transition: all 0.2s ease;

  transition: all 0.2s ease;

}

.icon_holder {

  -moz-transform: rotateY( 360deg );

  -webkit-transform: rotateY( 360deg );

  transform: rotateY( 360deg );

  opacity: 1;

  -webkit-transition: all 1200ms cubic-bezier(0.230, 1.000, 0.320, 1.000) 0ms;

  -moz-transition: all 1200ms cubic-bezier(0.230, 1.000, 0.320, 1.000) 0ms;

  -o-transition: all 1200ms cubic-bezier(0.230, 1.000, 0.320, 1.000) 0ms;

  -ms-transition: all 1200ms cubic-bezier(0.230, 1.000, 0.320, 1.000) 0ms;

  transition: all 1200ms cubic-bezier(0.230, 1.000, 0.320, 1.000) 0ms;

  display: block;

  position: relative;

}

.business-box:hover .icon_holder .icon_bgr {border: 2px solid #017dc5;background: #fff;}

.business-box:hover .icon_holder .icon_bgr {background-color: #fff;border-radius: 5px;}

.business-box:hover .icon_holder .icon_bgr {border: 2px solid #017dc5;border-radius: 5px;}

.business-box:hover .icon_holder .icon_bgr:after {

  opacity: 0;

  border: 2px solid #017dc5;

  z-index: 1;

  border-radius: 5px;

  -webkit-transition: 1s ease;

  -moz-transition: 1s ease;

  -o-transition: 1s ease;

  -ms-transition: 1s ease;

  transition: 1s ease;

  -webkit-transform: scale(1.4);

  -moz-transform: scale(1.4);

  -ms-transform: scale(1.4);

  transform: scale(1.4);

}

.business-box:hover .icon_holder i {

  color: #017dc5;

  -webkit-transform: scale(1.15);

  -moz-transform: scale(1.15);

  -ms-transform: scale(1.15);

  -o-transform: scale(1.15);

  transform: scale(1.15);

}

.business-box .title > a::after {

  position: absolute;

  content: "";

  height: 2px;

  width: 60px;

  left: 0;

  right: 0;

  bottom: 0px;

  background-color: #017dc5;

  margin: 0 auto;

  transition: all 300ms ease-in-out;

}

.business-box:hover .title > a::after {width: 80px;}

.innovation-block {

  background-image: url(../images/dot-bg-big.png);

  background-repeat: repeat-x;

  position: relative;

  overflow: hidden;

  background-position: bottom;

  z-index: 0;

}

.blue-bgc {

  position: absolute;

  height: 100%;

  width: 100%;

  background-color: #0176bc;

  left: 0;

  top: 0;

  z-index: -1;

}

.innov-disc > p { color: #fff; }

.innov-img > img{ height: 430px; object-fit: cover;-webkit-box-shadow: 2px 3px 20px -7px rgba(0,0,0,0.75);

  -moz-box-shadow: 2px 3px 20px -7px rgba(0,0,0,0.75);

  box-shadow: 2px 3px 20px -7px rgba(0,0,0,0.75); }

.innov-disc ul li {

  position: relative;

  padding-left: 25px;

  font-family: "OpenSans-Regular";

  margin-bottom: 10px;

  font-size: 14px;

  color: #fff;

}

.innov-disc li b {color: #101010;font-family: "OpenSans-Bold";}

.innov-disc ul li::before {

  color: #f0ebd8;

  content: "\f111";

  font-family: "Font Awesome 5 Free";

  font-size: 8px;

  font-weight: bold;

  margin-right: 6px;

  position: absolute;

  left: 0;

  top: 5px;

}

section:nth-child(odd) {background-color: rgb(240 240 240 / 1);}

.bg-dots { position: relative; z-index: 0; }

.bg-dots::after {

  content: "";

  background-image: url(../images/dots.png);

  width: 100%;

  height: 200px;

  position: absolute;

  top: 0px;

  z-index: -1;

  opacity: 0.6;

}

.dark-bg.bg-dots::after {opacity: 0.2;}

.key-strength-block {

  background-image: url(../images/dot-bg-blue.png);

  background-repeat: repeat-x;

  position: relative;

  background-position: top;

}

.member-box > img {

  height: 230px;

  width: 230px;

  border-radius: 50%;

  margin-bottom: 30px;

  transition: all 300ms ease-in-out;

  -webkit-box-shadow: 2px 3px 20px -7px rgba(0,0,0,0.75);

  -moz-box-shadow: 2px 3px 20px -7px rgba(0,0,0,0.75);

  box-shadow: 2px 3px 20px -7px rgba(0,0,0,0.75);

}

.member-box:hover img {transform: scale(1.15); border-radius: 5px;}

.member-box .name {

  font-family: "OpenSans-Bold";

  color: #333;

  margin-bottom: 8px;

  font-size: 14px;

}

.member-box .designation {font-family: "OpenSans-Regular";color: #676767;font-size: 14px;}

.img-certi-home {height: 100px;width: auto;}

.img-auto {margin: 0 auto;}

.slick-next, .slick-prev { height: 40px; }

.slick-next:before,

.slick-prev:before {

  content: "\f054";

  font-family: "Font Awesome 5 Free";

  font-weight: 900;

}

.slick-next:before, 

.slick-prev:before { color: #027dc5; font-size: 20px; opacity: 1; }

.slick-prev:before { content: "\f053"; }

.accreditations-slides { margin-top: 30px; }

.hexagon, .hexagon-new {

  width: 400px;

  height: 230px;

  background-color: red;

  transform: rotate(150deg);

  -moz-transform: rotate(150deg);

  -ms-transform: rotate(150deg);

  -o-transform: rotate(150deg);

  -webkit-transform: rotate(150deg);

  overflow: hidden;

  visibility: hidden;

  display: inline-block;

}

.hexagon-inside, .hexagon-inside-new {

  width: 100%;

  height: 100%;

  background-color: green;

  transform: rotate(-60deg);

  -moz-transform: rotate(-60deg);

  -ms-transform: rotate(-60deg);

  -o-transform: rotate(-60deg);

  -webkit-transform: rotate(-60deg);

  overflow: hidden;

}

.hexagon-img, .hexagon-img-new {

  height: 100%;

  width: 100%;

  transform: rotate(-60deg);

  -moz-transform: rotate(-60deg);

  -ms-transform: rotate(-60deg);

  -o-transform: rotate(-60deg);

  -webkit-transform: rotate(-60deg);

  visibility: visible;

  position: relative;

  transition: all 300ms ease-in-out;

  display: grid;

  align-items: center;

}

.hexagon-img::before, .hexagon-img-new::before {

  position: absolute;

  content: "";

  height: 100%;

  width: 100%;

  background-color: #0ab8f3;

  left: 0;

  top: 0;

  opacity: 0.95;

  transition: all 300ms ease-in-out;

}

.hexagons li:nth-child(odd), .hexagons-new li:nth-child(odd) {margin-left: 120px;}

.hexagons li .hexagon:nth-child(2), .hexagons-new li .hexagon-new:nth-child(2) {margin-left: -164px;}

.hexagons li:nth-child(1), .hexagons-new li:nth-child(1) {margin-bottom: -25px;}

.hexagons li:nth-child(3), .hexagons-new li:nth-child(3) {margin-top: -25px; margin-left: 43%;}

.hexagon:hover .hexagon-img::before, .hexagon-new:hover .hexagon-img-new::before {background-color: #2066a5;}

.key-icon, .key-icon-new {width: 50px;margin-bottom: 20px;}

.hexagon-inside h4,.hexagon-inside-new h4 {

  font-family: "OpenSans-SemiBold";

  font-size: 15px;

  color: #fff;

  width: 52%;

  margin: 0 auto;

}

.hexagon-inside h3,

.hexagon-inside h2,

.hexagon-inside-new h3,

.hexagon-inside-new h2 {

  font-family: "OpenSans-SemiBold";

  color: #333;

  font-size: 20px;

  width: 50%;

  margin: 0 auto;  

}

.hexagon-inside h2,.hexagon-inside-new h2 {margin-bottom: 0; font-size: 80px;}

.hexagon-content,.hexagon-content-new {

  transform: rotate(-30deg);

  -moz-transform: rotate(-30deg);

  -ms-transform: rotate(-30deg);

  -o-transform: rotate(-30deg);

  -webkit-transform: rotate(-30deg);

}

.align-center {align-items: center;}

.key-strength-block .bg-box {

  background-size: contain; 

  background-repeat: no-repeat; 

  background-position: center right;

  margin-top: 30px; 

  position: relative;

  z-index: 0;

}

.key-strength-block .bg-box::before {

  position: absolute;

  content: "";

  height: 100%;

  width: 43%;

  background-color: rgb(240 240 240 / 1);

  left: 0;

  top: 0;

}

.hexagons li .hexagon:nth-child(2) .hexagon-img::before

/*.hexagons-new li .hexagon-new:nth-child(2) .hexagon-img-new::before */

{background-color: #eebe9f;}

.key-img > img {width: 100%;height: 600px;object-fit: cover;}

.focused-box {

  padding: 20px 20px;

  background-color: #fff;

  box-shadow: 0 0 20px #d4d4d4;

  min-height: 290px;

}

.focused-box p {margin-bottom: 0;}

.focused-icon > img {width: 70px;margin: 0 auto;}

.focused-icon {

  height: 100px;

  width: 100px;

  display: grid;

  align-items: center;

  text-align: center;

  border: 2px solid #e0e0e0;

  border-radius: 5px;

  margin: 0 auto 20px;

  transition: all 300ms ease-in-out;

}

.focused-box .title {

  font-family: "OpenSans-SemiBold";

  color: #333;

  margin-bottom: 15px; 

  text-transform: uppercase;

}

.focused-box:hover .focused-icon {

  background-color: #017dc5;

  border-color: #017dc5;

  border-radius: 50%;

}

.focused-box:hover .focused-icon > img {

  filter: grayscale(1) brightness(10);

}

.testimonial-block {

  background: rgb(116,199,169); /* Old browsers */

  background: -moz-linear-gradient(45deg,  rgba(116,199,169,1) 0%, rgba(101,191,181,1) 47%, rgba(50,164,218,1) 100%); /* FF3.6-15 */

  background: -webkit-linear-gradient(45deg,  rgba(116,199,169,1) 0%,rgba(101,191,181,1) 47%,rgba(50,164,218,1) 100%); /* Chrome10-25,Safari5.1-6 */

  background: linear-gradient(45deg,  rgba(116,199,169,1) 0%,rgba(101,191,181,1) 47%,rgba(50,164,218,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#74c7a9', endColorstr='#32a4da',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

  padding: 40px 0 30px;

}

.testimonial > .pic > img {

  display: inline-block;

  width: 100px;

  height: 100px;

  border-radius: 5px;

  object-fit: cover;

  margin-bottom: 20px;

}

.testimonial > .pic { margin-right: 20px; width: 40%; }

.testimonial .disc p {

  font-family: "OpenSans-Regular";

  font-size: 17px;

  line-height: 1.6;

  color: #fff;

  padding-left: 50px;

  padding-right: 80px;

  font-style: italic;

}

.testimonial .flip-quote img {width: 20px;margin: 0 auto;opacity: 0.5;transform: rotate(180deg);}

.testimonial .flip-quote {margin-bottom: 0!important;}

.owl-carousel .owl-nav button.owl-next >img, 

.owl-carousel .owl-nav button.owl-prev >img {

  margin-top: 0;

  width: 30px;

  filter: grayscale(1) brightness(0);

}

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {

  border: 0!important;

  height: 50px;

  width: 50px;

  box-shadow: none!important;

  margin: 30px 5px 0;

  outline: 0!important;

}

.owl-dots { text-align: center; height: 130px; }

.owl-dots .owl-dot {

  display: inline-block;

  height: 120px;

  width: 120px;

  text-align: center;

}

.owl-dots .owl-dot > img {

  width: 100px;

  height: 100px;

  border-radius: 50%;

  object-fit: cover;

  transition: all 300ms ease-in-out;

  opacity: 0.3;

  transform: scale(.8);

  -ms-transform: scale(.8);

  -moz-transform: scale(.8);

  -webkit-transform: scale(.8);

}

.owl-dots .owl-dot.active > img {

  opacity: 1;

  transform: scale(1);

  -ms-transform: scale(1);

  -moz-transform: scale(1);

  -webkit-transform: scale(1);

}

.owl-nav {

  position: absolute;

  width: 100%;

  top: 0;

  bottom: 0;

  margin: auto;

  height: 110px;

}

.owl-nav .owl-prev,

.owl-nav .owl-next {margin: 0;}

.owl-nav .owl-next {float: right;}

.testimonial { display: flex; padding-left: 80px; }

.from h3 {font-family: "OpenSans-SemiBold";color: #101010;font-size: 20px;margin-bottom: 5px;}

.from h4 {font-family: "OpenSans-Regular";color: #f1f1f1;font-size: 16px;}

.quote-icon > img {width: 20px;margin: 0 auto;opacity: 0.5;filter: invert(1) brightness(10); }

.quote-icon {

  height: 50px;

  width: 50px;

  border: 1px solid #ddd;

  margin: 0 auto 30px;

  border-radius: 5px;

  display: grid;

  align-items: center;

  text-align: center;

  background-color: #5ebbbb;

  z-index: 0;

}

.quatation {position: relative;margin-bottom: 50px;z-index: 1;}

.quatation.flip-quote { margin-bottom: 0; }

.quatation.flip-quote .quote-icon img {transform: rotate(180deg);}

.quatation::before {

  position: absolute;

  content: "";

  height: 1px;

  width: 50%;

  left: 0;

  right: 0;

  margin: auto;

  bottom: 25px;

  background-color: #c6c6c6;

  z-index: -1;

}

.case-study-strip {padding: 50px 0;background-color: #017dc5!important;}

.case-study-strip .section-heading h2 { margin-bottom: 0; }

.case-study-strip .section-heading h2::after { display: none; }

.custom-btn > a,

.custom-btn > .btn {

  display: inline-block;

  padding: 10px 60px;

  background-color: transparent;

  font-family: "OpenSans-Regular";

  font-size: 15px;

  text-transform: uppercase;

  border-radius: 30px;

  box-shadow: 0 0 0 30px #017dc5 inset;  

  color: #fff;

  transition: all 300ms ease-in-out!important;

}

.custom-btn > .btn {margin: 0!important;}

.custom-btn {

  display: inline-block;

  padding: 5px;

  border-radius: 30px;

  border: 2px solid #017dc5;

  background-color: transparent;

  transition: all 300ms ease-in-out;

}

.dark-bg .custom-btn > a {box-shadow: 0 0 0 30px #fff inset!important;color: #000!important;}

.dark-bg .custom-btn {

  border: 1px solid #fff!important;

}

.custom-btn:hover {

  background-color: #75ccff!important;

  border-color: #75ccff!important;

}

.map {

  border-top: 5px solid #017dc5;

  box-shadow: 0 0 20px 0 rgba(0,0,0,.2);

  -webkit-weblit: 0 0 20px 0 rgba(0,0,0,.2);

  -moz-weblit: 0 0 20px 0 rgba(0,0,0,.2);

  -ms-weblit: 0 0 20px 0 rgba(0,0,0,.2);

  -o-weblit: 0 0 20px 0 rgba(0,0,0,.2);

  weblit: 0 0 20px 0 rgba(0,0,0,.2);

}

.map > iframe {

  width: 100%;

  height: 480px;

  border: 0;

}

.contact-info-container {

  right: 15px;

  box-shadow: 0 0 20px 0 rgba(0,0,0,.2);

  -webkit-weblit: 0 0 20px 0 rgba(0,0,0,.2);

  -moz-weblit: 0 0 20px 0 rgba(0,0,0,.2);

  -ms-weblit: 0 0 20px 0 rgba(0,0,0,.2);

  -o-weblit: 0 0 20px 0 rgba(0,0,0,.2);

  weblit: 0 0 20px 0 rgba(0,0,0,.2);

}

.contact-info-block {

  background-color: #fff;

  width: 100%;

  height: 100%;

  padding: 20px;

}

.contact-icon {

  display: inline-block;

  background-color: transparent;

  float: left;

  margin-right: 10px;

  padding: 3px;

  border-radius: 5px;

  transition: all 300ms ease-in-out;

}

.contact-icon > img {

  width: 40px;

  padding: 10px;

  box-shadow: 0 0 0 30px #017dc5 inset; 

  border-radius: 5px;

  border: 1px solid #017dc5;

}

.contact-info-block ul li {

  min-height: 60px;

  padding: 10px 0;

  border-bottom: 1px solid #ddd;

  display: flex;

  /*align-items: center;*/

  transition: all 300ms ease-in-out;

}

.contact-info-block ul li:last-child {

  border-bottom: 0;

}

.info > h4 {

  font-family: "OpenSans-SemiBold";

  color: #017dc5;

  margin-bottom: 5px;

}

.info > a {

  font-family: "OpenSans-Regular";

  font-size: 15px;

  color: #676767;

}

.contact-info-container {

  /*background-image: url(../images/contact-info-bg.jpg);*/

  background-position: center right;

  background-repeat: no-repeat;

  background-size: cover;

}

.subscribe-from .input-group .form-control {

  font-family: "OpenSans-Regular";

  color: #333;

  font-size: 15px;

  height: 45px;

  padding: 10px 20px;

  border-radius: 0;

  margin-right: 0;

  border: 2px solid #ffffff;

}

.subscribe-from .subscribe-btn .btn {

  padding: 15px 20px;

  border-radius: 0;

  background: #d4d4d4;

  border: 0;

  background-color: #101010;

  font-size: 13px;

  text-transform: capitalize;

  margin: 0px -1px;

  color: #fff;

  height: 45px;

  font-family: "OpenSans-Regular";

  -webkit-transition: all 300ms ease-in-out;

  -moz-transition: all 300ms ease-in-out;

  -ms-transition: all 300ms ease-in-out;

  -o-transition: all 300ms ease-in-out;

  transition: all 300ms ease-in-out;

}

.subscribe-from .subscribe-btn .btn:hover,

.subscribe-from .subscribe-btn .btn:focus {

  background-color: #101010;

  color: #ffffff;

}

.section-heading > img {

  width: 80px;

  margin-bottom: 10px;

}

.bg-footer {

  padding: 80px 0;

  background-image: url(../images/banner-1.jpg);

  background-repeat: no-repeat;

  background-size: cover;

  background-position: bottom center;

  position: relative;

}

.bg-footer::before {

  position: absolute;

  content: "";

  height: 100%;

  width: 100%;

  left: 0;

  top: 0;

  background-color: #027dc5;

  opacity: 0.9;

}

.footer-logo{
    width: 100%;
    /* margin: 0 20px 20px; */
    height: 165px;
    object-fit: contain;
    padding: 15px;
}

.footer-logo img{
  height: 95px; object-fit: contain;
}

.f-logo { width: 100%; margin-bottom: 20px; filter: grayscale(1) brightness(9); margin: 0 auto 20px;}

.f-partner-logo img { /*width: 100px; */  height: 100px; object-fit: contain;}

.copyright-div {

  background-color: #005486;

  padding: 10px;

  font-size: 11px;

}

.footer-links.color-black > li > a,

.footer-links.color-black > li > a:before {color: #333!important;}

.copyright-div p {

  color: #d0d0d0;

  font-size: 11px;

  line-height: 2;

  margin-bottom: 0;

  font-family: "OpenSans-Regular";

}

.designed-copyright { text-align: right; }

.designed-copyright a {

  font-size: 11px;

  color: #dcdcdc;

  pointer-events: none;

  font-family: "OpenSans-Regular";

}

.copylogo > span {

  color: #d0d0d0;

  letter-spacing: 1px;

  margin-right: 5px;

  display: inline-block;

  opacity: 0;

  transition: all 200ms ease-in-out;

}

.designed-copyright > a > .img-copyright {

  filter: grayscale(100%) brightness(10);

  transition: 0.5s linear;

  -webkit-transition: 0.5s linear;

  -moz-transition: 0.5s linear;

  -ms-transition: 0.5s linear;

  -o-transition: 0.5s linear;

  pointer-events: auto;

}

.designed-copyright > a:hover > .img-copyright {

  filter: grayscale(0);

}

.copylogo:hover span { opacity: 1; }

.footer-links > li {margin-bottom: 10px;}

.footer-links > li > a {

  font-size: 15px;

  color: #fff;

  font-family: "OpenSans-Regular";

  transition: all 300ms ease-in-out ;

}

.footer-links > li > a:hover {

  color: #fff;

  padding-left: 30px;

}

.bottom-link { display: block; text-align: center; }

.bottom-link li { 

  display: inline-block; 

  margin-right: 10px; 

  border-right: 1px solid #fff; 

  padding-right: 10px;

}

.bottom-link li:last-child { border-right: 0; }

.bottom-link li a { color: #d0d0d0; font-family: "OpenSans-Regular"; }

.bottom-link li a:hover {text-decoration: underline;}

.footer-links > li > a { position: relative; padding-left: 20px; }

.footer-links > li > a:before {

  color: #fff;

  content: "\f105";

  font-family: "Font Awesome 5 Free";

  font-size: 15px;

  font-weight: bold;

  margin-right: 10px;

  position: absolute;

  left: 0;

  opacity: 1;

  transition: all 300ms ease-in-out;

}

.footer-links > li > a:hover:before {

  left: 5px;

  color: #76c8ff;

}

.footer-heading > h4,

.f-heading > h4 {

  font-family: "OpenSans-Bold";

  color: #fff;

  font-size: 18px;

  margin-bottom: 20px;

  display: inline-block;

  position: relative;

  padding-bottom: 10px;

}

.footer-heading > h4::after {

  position: absolute;

  content: "";

  height: 2px;

  width: 80%;

  background-color: #fff;

  left: 0;

  right: 0;

  margin: 0 auto;

  bottom: 0;

}

.fc-box > h4 {

  font-family: "OpenSans-Bold";

  margin-bottom: 10px;

  color: #333;

  font-size: 15px;

}

.cp-box.fc-box ul li > a {

  font-family: "OpenSans-Regular";

  font-size: 15px;

  color: #333;

  display: block;

  margin-bottom: 5px;

  transition: all 300ms ease-in-out;

}

.cp-box.fc-box ul li > a:hover { padding-left: 10px; }

.cp-box.fc-box ul li::before { color: #017dc5; }

.footer-social-icons li { 

  display: inline-block; 

  margin-right: 12px;

}

.footer-social-icons li:last-child { margin-right: 0!important; }

.footer-social-icons  li a {

  display: inline-block;

  font-size: 22px;

  color: #fff;

  border-radius: 5px;

  width: 35px;

  height: 35px;

  text-align: center;

  display: grid;

  align-items: center;

  background-color: transparent;

}

.footer-social-icons  li:hover a {color: #000;}

.accreditations-block,

.subscribe-block { 

  -webkit-transition: background-position 1s linear;

  -moz-transition: background-position 1s linear;

  transition: background-position 1s linear;

  background-image: url(../images/light-bg.png);

  background-repeat: repeat;

  background-size: contain;

  background-position: center center;

  width: 100%;

  margin: 0;

  box-sizing: border-box;

  -webkit-animation: slide 30s linear infinite;

  padding: 100px 0!important;

}

@-webkit-keyframes slide {

  from { background-position: 0 0; }

  to { background-position: -400px 0; }

}

/*===== Bounce Keyframe ====*/

@keyframes bounce {

  from {

    transform: translateY(0px);

  }

  to {

    transform: translateY(-15px);

  }

}

@-webkit-keyframes bounce {

  from {

    transform: translateY(0px);

  }

  to {

    transform: translateY(-15px);

  }

}



.inner-banner {/*

  padding: 150px 0 150px;

  background-size: cover;

  background-repeat: no-repeat;

  background-position: center center;*/

  position: relative;

  z-index: 0;

  margin-top: 76px;

}

.inner-banner-img { position: relative; }

.inner-banner-img > img { width: 100%; height: 400px; object-fit: cover; position: relative; }

.inner-banner::before {

  position: absolute;

  content: "";

  height: 100%;

  width: 100%;

  left: 0;

  top: 0;

  background-color: #000;

  opacity: 0;

  z-index: -1;

}

ul.breadcrumb li+li:before {

  padding: 8px;

  color: #fff;

  content: "\f105";

  font-family: "Font Awesome 5 Free";

  font-size: 12px;

  font-weight: bold;

  opacity: 1;

  transition: all 300ms ease-in-out;

}

ul.breadcrumb li,

ul.breadcrumb li a {

  color: #fff;

  text-decoration: none;

  font-family: "OpenSans-SemiBold";

  font-size: 15px;

}

ul.breadcrumb li { color: #fff; }

ul.breadcrumb li a:hover {

  color: #101010;

  text-decoration: underline;

}

.breadcrumb { 

  display: inline-block;

  /*background: rgb(255 255 255 / 0.75);*/

  background: transparent;

  padding: 10px;

  margin: 0; 

}

.breadcrumb > li { display: inline-block; }

.inner-caption {

  background-color: #fff;

  padding: 50px;

  width: 100%;

  /*min-height: 200px;*/

  -webkit-box-shadow: 2px 3px 20px -7px rgba(0,0,0,0.75);

  -moz-box-shadow: 2px 3px 20px -7px rgba(0,0,0,0.75);

  box-shadow: 2px 3px 20px -7px rgba(0,0,0,0.75);

  margin-top: -160px;

}

.bg-white { background-color: #fff; }

.inner-caption > p { margin-bottom: 0; text-align: justify; }

.inner-caption > h1 {

  font-family: "OpenSans-Bold";

  color: #0871b8;

  margin-bottom: 20px;

  font-size: 30px;

}

.gradient-bg {

  position: absolute;

  height: 100%;

  width: 100%;

  left: 0;

  top: 0;

  z-index: -1;

  background: rgb(116,199,169);

  background: -moz-linear-gradient(45deg, rgba(116,199,169,1) 0%, rgba(101,191,181,1) 47%, rgba(50,164,218,1) 100%);

  background: -webkit-linear-gradient(45deg, rgba(116,199,169,1) 0%,rgba(101,191,181,1) 47%,rgba(50,164,218,1) 100%);

  background: linear-gradient(45deg, rgba(116,199,169,1) 0%,rgba(101,191,181,1) 47%,rgba(50,164,218,1) 100%);

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#74c7a9', endColorstr='#32a4da',GradientType=1 );

}

.gradient-block { padding: 60px 0 30px; position: relative;z-index: 0; }

.about-desc > p {padding-left: 25px;position: relative;font-family: "OpenSans-Regular";font-size: 14px;color: #676767;margin-bottom: 10px;}

.about-desc > p span { font-family: "OpenSans-Regular"!important;font-size: 14px!important;color: #676767!important;margin-bottom: 10px!important; }

.about-desc > p::before {

  color: #3e3e3e;

  content: "\f111";

  font-family: "Font Awesome 5 Free";

  font-size: 8px;

  font-weight: bold;

  margin-right: 6px;

  position: absolute;

  left: 0;

  top: 5px;

}

.about-desc {

  padding: 50px 30px;

  background: #fff;

  -webkit-box-shadow: 2px 3px 20px -7px rgba(0,0,0,0.75);

  -moz-box-shadow: 2px 3px 20px -7px rgba(0,0,0,0.75);

  box-shadow: 2px 3px 20px -7px rgba(0,0,0,0.75);

}

.about-img img {

  height: 310px;

  width: 100%;

  object-fit: cover;

  -webkit-box-shadow: 2px 3px 20px -7px rgba(0,0,0,0.75);

  -moz-box-shadow: 2px 3px 20px -7px rgba(0,0,0,0.75);

  box-shadow: 2px 3px 20px -7px rgba(0,0,0,0.75);

  /*margin-top: -100px;*/

}

.about-desc > ul > li {

  position: relative;

  padding-left: 20px;

  font-family: "OpenSans-Regular";

  font-size: 14px;

  color: #676767;

  margin-bottom: 10px;

}

.about-desc > ul { padding-left: 20px; }

.about-desc > ul > li::before {

  color: #0871b8;

  content: "";

  position: absolute;

  left: 0;

  top: 8px;

  height: 5px;

  width: 5px;

  border-radius: 50%;

  background-color: #0871b8;

}

.thumb > img {

  width: 80px;

  height: 80px;

  object-fit: contain;

  margin-bottom: 15px;

  transition: all 300ms ease-in-out;

}

.vision-box h3 {

  font-family: "OpenSans-Bold";

  color: #0871b8;

  margin-bottom: 15px;

  font-size: 22px;

  display: flex;

  align-items: center;

}

.vision-box h3 > img { width: 25px; margin-right: 15px; transition: all 300ms ease-in-out; }

.vision-box {position: relative;transition: all 300ms ease-in-out;}

.vision-box:hover h3 > img {

  transform: scale(1.2);

}

.vision-box > img {

  width: 100%;

  height: 280px;

  object-fit: cover;

}

.vision-desc > p { font-size: 15px; }

.vision-desc { padding: 20px 10px; min-height: 200px;}

.vision-box:hover {

  -webkit-box-shadow: 2px 3px 20px -7px rgba(0,0,0,0.75);

  -moz-box-shadow: 2px 3px 20px -7px rgba(0,0,0,0.75);

  box-shadow: 2px 3px 20px -7px rgba(0,0,0,0.75);

}

.cp-box h3 {

  font-family: "OpenSans-Bold";

  font-size: 22px;

  margin-bottom: 15px;

  color: #101010;

}

.cp-box ul li {

  margin-bottom: 10px;

  position: relative;

  padding-left: 25px;

}

.cp-box ul li > a { 

  display: block; 

  font-family: "OpenSans-Regular";

  color: #333;

  font-size: 16px;

}

.cp-box ul li::before {

  color: #017dc5;

  content: "\f095";

  font-family: "Font Awesome 5 Free";

  font-size: 15px;

  font-weight: bold;

  position: absolute;

  left: 0;

}

.cp-box ul li:nth-child(1)::before {

  transform: rotate(90deg);

  -webkit-transform: rotate(90deg);

  -moz-transform: rotate(90deg);

  -ms-transform: rotate(90deg);

  -o-transform: rotate(90deg);

}

.cp-box ul li:nth-child(2)::before {

  content: "\f0e0"

}

.map-section iframe { width: 100%; height: 400px;border: 1px solid #e2e2e2!important;-webkit-box-shadow: 2px 3px 20px -7px rgba(0,0,0,0.75);-moz-box-shadow: 2px 3px 20px -7px rgba(0,0,0,0.75);box-shadow: 2px 3px 20px -7px rgba(0,0,0,0.75); }

.contact-bg { position: relative; z-index: 0; }

.contact-form .form-group { margin-bottom: 20px; }

.contact-form .form-control {

  font-family: "OpenSans-Regular";

  font-size: 14px;

  height: 45px;

  border-left: 0;

  box-shadow: none;

  padding: 10px 5px;

}

.contact-form .form-control:focus {

  border-color: #ccc!important

}

.contact-form textarea.form-control { height: 100px; resize: none; }

.contact-form .input-group-text {

  font-size: 14px;

  color: #017dc5;

  padding: 14px 10px;

  background: #fff;

  align-items: flex-start;

}

.fas.fa-phone { transform: rotate(90deg); }

.submit-btn {

  font-family: "OpenSans-SemiBold";

  display: inline-block;

  color: #fff;

  padding: 10px 30px;

  background-color: #017dc5!important;

  font-size: 14px;

  text-transform: none;

  border-radius: 0;

  letter-spacing: 1px;

  margin-top: 30px;

}

.submit-btn:hover,

.submit-btn:focus {

  box-shadow: 5px 5px 5px #333;

  background-color: #017dc5;

}

.address-bg > ul > li, .address-bg > ul > li > p {

  font-family: "OpenSans-Regular";

  font-size: 15px;

  margin-bottom: 10px;

  position: relative;

  padding-left: 25px;

  color: #676767;

}

.address-bg > ul > li > h4 { font-size: 15px; font-family: "OpenSans-Bold"; color: #101010;margin-bottom: 10px; }

.address-bg > ul > li > a, .address-bg > ul > li > p { color: #676767; }

.address-bg > ul > li::before {

  color: #017dc5;

  content: "\f3c5";

  font-family: "Font Awesome 5 Free";

  font-size: 18px;

  font-weight: bold;

  position: absolute;

  left: 0;

}

.address-bg > ul > li:nth-child(2)::before {

  content: "\f0e0";

}

.address-bg > ul > li:nth-child(3)::before {

  content: "\f0ac";

}

.bg-symbol-pulse {

  position: relative;

  z-index: 0;

}

.symbols-pulse {

  position: absolute;

  top: 40%;

  left: 50%;

  -webkit-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

  z-index: -1;

}

.symbols-pulse > div {

  position: absolute;

  top: 50%;

  left: 50%;

  -webkit-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

  width: 23rem;

  height: 23rem;

  border-radius: 100%;

  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(2 125 196 / 5%) ), color-stop(65%, rgba(2 125 196 / 5%) ), to(rgba(2 125 196 / 5%) ));

  background-image: -webkit-linear-gradient(top, rgba(2 125 196 / 5%)  0%, rgba(2 125 196 / 5%)  65%, rgba(2 125 196 / 5%)  100%);

  background-image: -o-linear-gradient(top, rgba(2 125 196 / 5%)  0%, rgba(2 125 196 / 5%)  65%, rgba(2 125 196 / 5%)  100%);

  background-image: linear-gradient(-180deg, rgba(2 125 196 / 5%)  0%, rgba(2 125 196 / 5%)  65%, rgba(2 125 196 / 5%)  100%);

  background-image: linear-gradient(-180deg, rgb(2 125 196 / 5%) 0%, rgba(2 125 196 / 5%) 65%, rgba(2 125 196 / 5%)  100%);

  z-index: -1;

}

.symbols-pulse .pulse-1 {

  -webkit-transform: translate(-50%, -50%) scale(0.67);

  -ms-transform: translate(-50%, -50%) scale(0.67);

  transform: translate(-50%, -50%) scale(0.67);

}

.symbols-pulse .pulse-2 {

  -webkit-transform: translate(-50%, -50%) scale(1.05);

  -ms-transform: translate(-50%, -50%) scale(1.05);

  transform: translate(-50%, -50%) scale(1.05);

}

.symbols-pulse .pulse-3 {

  -webkit-transform: translate(-50%, -50%) scale(1.63);

  -ms-transform: translate(-50%, -50%) scale(1.63);

  transform: translate(-50%, -50%) scale(1.63);

}

.symbols-pulse .pulse-4 {

  -webkit-transform: translate(-50%, -50%) scale(2.1);

  -ms-transform: translate(-50%, -50%) scale(2.1);

  transform: translate(-50%, -50%) scale(2.1);

}

.symbols-pulse .pulse-x {

  will-change: transform;

  -webkit-animation: pulsate 3s infinite;

  animation: pulsate 3s infinite;

}

@-webkit-keyframes pulsate {

  0% {

    opacity: 1;

    -webkit-transform: translate(-50%, -50%) scale(0.5);

    transform: translate(-50%, -50%) scale(0.5);

  }

  100% {

    opacity: 0;

    -webkit-transform: translate(-50%, -50%) scale(4);

    transform: translate(-50%, -50%) scale(4);

  }

}



@keyframes pulsate {

  0% {

    opacity: 1;

    -webkit-transform: translate(-50%, -50%) scale(0.5);

    transform: translate(-50%, -50%) scale(0.5);

  }

  100% {

    opacity: 0;

    -webkit-transform: translate(-50%, -50%) scale(4);

    transform: translate(-50%, -50%) scale(4);

  }

}

.m-title {

  font-family: "OpenSans-Bold";

  margin-bottom: 15px;

}

.m-disc > p { color: #2b2b2b; }

.camper-box .bg-icon > img { width: 50px; margin-bottom: 15px; transition: all 300ms ease-in-out; }

.camper-box { min-height: 295px; margin-bottom: 20px; padding: 20px; transition: all 300ms ease-in-out; background-color: transparent; }

.camper-box:hover .bg-icon > img {transform: scale(1.2);}

.camper-box:hover {

  -webkit-box-shadow: 2px 3px 20px -7px rgba(0,0,0,0.75);

  -moz-box-shadow: 2px 3px 20px -7px rgba(0,0,0,0.75);

  box-shadow: 2px 3px 20px -7px rgba(0,0,0,0.75);

  background-color: #fff;

}

.hexagon-new { width: 360px; height: 310px; float: left; }

.hexagon-new:nth-child(1) {

  margin-left: -120px;

}

.hexagon-new:nth-child(2) {

  margin-left: 0px!important;

}

ul.hexagons-new li:nth-child(2) {

  margin-left: 27%;

}

.hexagon-content-new {

  position: absolute;

  height: 100%;

  width: 100%;

  padding: 10px 50px;

}

.hexagon-img-new::before {background-color: #f7d3d4; }

.hexagon-inside-new h4 { width: 80%; position: relative;padding-bottom: 12px; font-family: "OpenSans-Bold"; margin-bottom: 20px; color: #404040; }

.hexagon-inside-new h4::after {

  position: absolute;

  content: "";

  height: 2px;

  width: 60px;

  background-color: #fff;

  left: 0;

  right: 0;

  margin: 0 auto;

  bottom: 0;

}

.hexagon-content-new p { color: #4c4c4c;font-size: 13px; }

.hexagon-new:hover .hexagon-img-new::before {

  background-color: #0871b8;

}

.key-icon-new { filter: grayscale(1) brightness(0); }

.hexagon-new:hover .hexagon-inside-new h4,

.hexagon-new:hover .hexagon-content-new p {color: #fff;}

.hexagon-new:hover .key-icon-new { filter: grayscale(1) brightness(9); }

.img-gallery { width: 100%; height: 200px; object-fit: cover; transition: all 500ms ease-in-out; }

.g-hover {

  position: absolute;

  height: 100%;

  width: 100%;

  left: 0;

  top: 0;

  display: grid;

  align-items: center;

  text-align: center;

  z-index: 0;

}

.g-hover::before, .g-hover::after {

  position: absolute;

  content: "";

  height: 50%;

  width: 100%;

  left: 0;

  top: -100%;

  background-color: #b7edff;

  opacity: 0.3;

  transition: all 500ms ease-in-out;

  z-index: -1;

}

.g-hover::after {

  top: auto;

  bottom: -100%;

}

.g-hover > img {width: 40px; opacity: 0; transition: all 700ms ease-in-out; display: inline-block; margin: -100px auto 0;}

.gallery-block a { position: relative; display: block;position: relative; z-index: 0; overflow: hidden; width: 100%; margin: 15px 0; border: 1px solid #adadad; }

.gallery-block a:hover .g-hover::before { top: 0; opacity: 0.9; }

.gallery-block a:hover .g-hover::after {bottom: 0; opacity: 0.9;}

.gallery-block a:hover .g-hover img { opacity: 1; margin-top: 0; }

.gallery-block a:hover .img-gallery { transform: scale(1.3); }

.leader-box .pic > img {

  width: 100%;

  height: 500px;

  object-fit: cover;

  filter: grayscale(1);

  transition: all 300ms ease-in-out;

}

.d-info { padding: 15px; transition: all 300ms ease-in-out; }

.d-info > h3 {

  font-family: "OpenSans-Bold";

  font-size: 20px;

  margin-bottom: 10px;

  color: #0871b8;

}

.d-info > h4 {

  font-family: "OpenSans-SemiBold";

  font-size: 16px;

  color: #101010;

}

.d-info > ul > li {

  display: inline-block;

  margin-right: 20px;

  margin-top: 20px;

  transition: all 300ms ease-in-out;

  opacity: 0;

}

.d-info > ul > li > a {

  font-size: 20px;

  color: #868686;

  height: 40px;

  width: 40px;

  border-radius: 50%;

  border: 1px solid #868686;

  display: grid;

  align-items:center;

  text-align: center;

  padding: 2px;

}

.leader-box:hover .pic > img {filter: grayscale(0);}

.leader-box:hover .d-info > ul > li {opacity: 1;}

.d-info > ul > li > a.fb:hover {color: #fff;background-color: #3b579d;border-color: #3b579d;}

.d-info > ul > li > a.tw:hover {color: #fff;background-color: #1da1f2;border-color: #1da1f2;}

.d-info > ul > li > a.insta:hover {color: #fff;background-color: #d80055;border-color: #d80055;}

.leader-box:hover .d-info { background-color: #fff; }

.sub-title h3 {font-family: "OpenSans-Bold";margin-bottom: 15px;color: #fff;}

.quick-explore-list > li > a {

  font-size: 13px;

  color: #fff;

  font-family: "OpenSans-Regular";

  padding: 8px 0;

  display: block;

  border-bottom: 1px solid rgb(255 255 255 / 0.3);

}

.quick-explore-list > li { display: inline-block; width: 49%; margin-right: 1%;float:left; }

.quick-explore-list > li:nth-child(even) {margin-right: 0;}

.global-list { padding-left: 0!important; }

.about-desc > h4 { font-family: "OpenSans-Bold"; color: #333; margin-bottom: 12px; font-size: 22px; }

.global-list li { margin-right: 1%; display: inline-block; padding-left: 15px!important; margin-right: 20px; }

/*.global-list li:nth-child(3n) { margin-right: 0; }*/

/*.global-list li:nth-child(even) { margin-right: 0; }*/

label.error_message_yns {position: absolute;bottom: -20px;font-family: "OpenSans-Regular"; }

.global-desc { margin-bottom: 30px; min-height: 230px; }

.glr-img > img { width: 130px; height: 130px; object-fit: cover; display: inline-block; margin: 0 0 20px; border-radius: 50%; }

.gallery-cat-bg > h4 {

  font-family: "OpenSans-Bold";

  margin-bottom: 15px;

  font-size: 22px;

  color: #333;

  transition: all 300ms ease-in-out;

}

.gallery-cat-bg { padding: 50px 30px; border :1px solid #d4d4d4!important; background-color: #f7f7f7; display: block; transition: all 300ms ease-in-out; }

.gallery-cat-bg:hover > h4 { color: #0176bc }

.gallery-cat-bg:hover { 

  -webkit-box-shadow: 2px 3px 20px -7px rgba(0,0,0,0.75);

  -moz-box-shadow: 2px 3px 20px -7px rgba(0,0,0,0.75);

  box-shadow: 2px 3px 20px -7px rgba(0,0,0,0.75); 

}

.director-info h4 {

  font-family: "OpenSans-Bold";

  margin-bottom: 10px;

  color: #0871b8;

  font-size: 22px;

}

.director-info h5 {

  font-family: "OpenSans-Bold";

  font-size: 16px;

  margin-bottom: 15px;

  color: #676767;

}

.director-img > img { 

  -webkit-box-shadow: 2px 3px 20px -7px rgba(0,0,0,0.75);

  -moz-box-shadow: 2px 3px 20px -7px rgba(0,0,0,0.75);

  box-shadow: 2px 3px 20px -7px rgba(0,0,0,0.75); 

}

  /* ------- Scroll To Top CSS Starts ------- */



.scroll-to-top {

  bottom: 20px;

  opacity: 0;

  height: 40px;

  position: fixed;

  right: 20px;

  width: 40px;

  z-index: 99;

  text-align: center;

  transition: all 200ms ease-in-out;

  background: #e31e25;

  border-radius: 50%;

}

.scroll-to-top.visible {opacity: 1;}

.scroll-to-top i {color: #fff;font-size: 1.6rem;} 



/*-----------------*/





.feature-box { 

  position: relative; 

  border: 1px solid #9dcbe6;

  min-height: 300px;

  display: grid;

  align-items: center;

  background: #fff;

  overflow: hidden;

  transition: all 300ms ease-in-out;

}

.feature-front {padding: 20px;}

.feature-front .icon > img {

  width: 60px!important;

  margin: 0 auto 15px;

  /*filter: grayscale(1) brightness(1.5);*/

  transition: all 300ms ease-in-out;

  -o-transition: all 300ms ease-in-out;

  -mz-transition: all 300ms ease-in-out;

  -webkit-transtion:all 300ms ease-in-out;

}

.feature-box:hover .feature-front .icon img {

    filter: grayscale(1) brightness(10);

}

.feature-front .icon::after{ display: none; }

.feature-name {

  font-family: "OpenSans-SemiBold";

  font-size: 15px;

  color: #676767;

  line-height: 1.5;

  margin-bottom: 10px;

}

.feature-box:hover .feature-name,

.feature-box:hover .disc > p { color: #fff; }

.feature-list { padding: 0 15px; }

.feature-front .icon { border: 0; box-shadow: none;background: none; }

.feature-hover .bg-icon img, .feature-box:hover .icon img {width: 45px;  filter: grayscale(1) brightness(10);}

.feature-hover .disc { margin-top: 35px; }

.feature-hover .disc p {

  color: #fff;

  font-family: "OpenSans-Regular";

  line-height: 1.6;

  font-size: 15px;

  margin-bottom: 0;

}

.feature-box:hover {background-color: #0871b8;background: #0871b8;}

.box-child .feature-box {border-right: 0;}

.box-child:nth-child(4n) .feature-box {border-right: 1px solid #ccc!important;}

.box-child:last-child { border-right: 0!important; }

.box-child:nth-child(n+5) .feature-box { border-top: 0!important;}



  /* ------- Scroll To Top CSS Ends ------- */



.about-desc > h2 {font-family: "OpenSans-Bold";margin-bottom: 20px;color: #333;}

.product-box  {display: block; padding: 20px; background-color: #fff; -webkit-box-shadow: 2px 3px 20px -7px rgba(0,0,0,0.75);-moz-box-shadow: 2px 3px 20px -7px rgba(0,0,0,0.75);box-shadow: 2px 3px 20px -7px rgba(0,0,0,0.75); }

.product-icon > img {
  width: 80px;
  margin-bottom: 30px;
  height: 110px;
  object-fit: contain;
  }

.semi-title {

  font-size: 20px;

  font-family: "OpenSans-SemiBold";

  color: #0871b7;

  margin-bottom: 30px;

  padding-bottom: 5px;

  border-bottom: 1px solid #bfbfbf;

  display: inline-block;

}

.cat-name > h2 {

  font-family: "OpenSans-Bold";

  margin-bottom: 5px;

  font-size: 20px;

  color: #0871b7;

}

.cat-name > h3 { color: #737373; }

.custom-tab-content {z-index: 4;position: relative;}

.custom-tab-content .tab-pane {padding: 20px;border: 1px solid #ddd;background-color: #fff;}

.custom-tabs { border-bottom: 0;position: relative;overflow: hidden; }

.nav-tabs.custom-tabs .nav-item.show .nav-link, 

.nav-tabs.custom-tabs .nav-link.active,

.nav-tabs.custom-tabs .nav-item .nav-link:hover { margin-top: 30px;padding: 15px 16px;background-color: #0871b8;color: #fff; }

.custom-tabs .nav-link { 

  border-color: transparent; 

  border: 0; 

  color: #74777b;

  background: #e7ecea;

  font-family: "OpenSans-Regular";

  -webkit-box-shadow: 4px 8px 16px 2px rgba(0,0,0,.2);

  box-shadow: 4px 8px 16px 2px rgba(0,0,0,.2);

  padding: 10px 16px;

  font-size: 14px;

  margin-top: 40px;

  transition: all 300ms ease-in-out;

  border-radius: 0;

}

.nav-tabs.custom-tabs .nav-item {min-height: 80px;}

.custom-table { background: #fff; }

.custom-table tr th {background: #909090;color: #fff;font-family: "OpenSans-SemiBold";font-size: 14px;}

.custom-table tr td {font-family: "OpenSans-Regular";color: #797979;font-size: 14px;}

.custom-table tr td > a {font-size: 13px;color: #797979;}

.custom-table tr td > a:hover {color: #0871b8; }

.product-menu > li > a {

  font-family: "OpenSans-SemiBold";

  font-size: 15px;

  padding: 15px 15px;

  color: #0871b8;

  display: inline-block;

  margin: 0 1px;

}

.product-menu > li > a:hover {color: #000;}

.product-menu {

  background-color: #f7f7f7;

  position: -webkit-sticky;

  position: sticky;

  top: 75px;

  z-index: 1029;

}

.pt-120 { padding-top: 120px; }

.product-popup-img { padding: 30px; }

.modal-title {font-family: "OpenSans-SemiBold";color: #0871b8;}

.privacy-policy-desc > h3 {

  font-family: "OpenSans-SemiBold";

  margin: 20px 0;

  color: #333;

}

.error-text {height: 83vh;}

.error-text h1 {

  font-family: "OpenSans-Bold";

  font-size: 55px;

  margin-bottom: 20px;

  color: #e31e25;

}

.error-text h2 {

  font-family: "OpenSans-Bold";

  font-size: 30px;

  color: #333;

  margin-bottom: 20px;

}

.error-text p {

  font-family: "OpenSans-Regular";

  font-size: 15px;

  color: #757575;

  margin-bottom: 20px;

}

.error-block {

  background-color: #f7f7f7;

}

.heading > h4 {

  font-family: "OpenSans-Bold";

  color: #333;

  font-size: 20px;

  margin-bottom: 20px;

}

.global-map {

    background-color: transparent!important;

    position: relative;

}

.global-map-img { opacity: 0.8; }

.contact-person-img img {

    width: 120px;

    height: 120px;

    object-fit: cover;

    border-radius: 50%;

    margin-right: 20px;

    filter: grayscale(1);

}

.social-connect ul li img {

    width: 55px;

    margin: 20px 15px 0;

    border-radius: 50%;

    transition: all 300ms ease-in-out;

}

.social-connect ul li img:hover {

    -webkit-box-shadow: 2px 3px 20px -7px rgba(0,0,0,0.75);

    -moz-box-shadow: 2px 3px 20px -7px rgba(0,0,0,0.75);

    box-shadow: 2px 3px 20px -7px rgba(0,0,0,0.75);

}

.cp-box:hover .contact-person-img img {filter: grayscale(0);}

.download-strip { padding: 10px 10px;background: #0871b8; }

.download-strip > li,

.download-strip > li > a {font-size: 12px;color: #fff;font-family: "OpenSans-Regular";}

.download-strip > li > a { padding: 5px 0; border: 1px solid transparent;display: inline-block; }

.download-strip > li > a:hover { color: #000; }

.download-btn {padding: 5px 15px!important;display: inline-block;border: 1px solid #fff!important;border-radius: 30px;}

.download-strip > li {margin: 0 5px;}

.download-btn:hover {background-color: #000!important;border-color: #000!important;color: #fff!important;}

section.bottom-common-block {background: #fbfbfb;}

.accreditations-block { background-color: #fff!important; }

.bg-gray { background-color: rgb(240 240 240 / 1); }

.about-desc h3 {color: #0871b8;margin-bottom: 15px;font-family: "OpenSans-Bold";font-size: 22px;}

.product-inquiry >a {position: fixed;z-index: 99;top: 50%;right: -159px;margin: 0 auto;transform: translate(-50%, -50%) rotate(-90deg); display: inline-block; padding: 12px 15px; color: #fff; font-family: "OpenSans-Regular"; font-size: 14px; background: #e31e25;}



/*--- Preloader starts ---*/



.ajax_loader .rotating_cubes .cube1, .ajax_loader .rotating_cubes .cube2 {background-color: #fff;}

.ajax_loader .rotating_cubes .cube1 img, .ajax_loader .rotating_cubes .cube2 img { width: 20px; }

.ajax_loader .stripes,

.ajax_loader .wave{text-align:center}

@-webkit-keyframes outer{0%{-webkit-transform:rotate(0);-moz-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes outer{0%{-webkit-transform:rotate(0);-moz-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);transform:rotate(360deg)}}

@-webkit-keyframes inner{0%{-webkit-transform:rotate(-100.8deg);-moz-transform:rotate(-100.8deg);transform:rotate(-100.8deg)}100%{-webkit-transform:rotate(0);-moz-transform:rotate(0);transform:rotate(0)}}@keyframes inner{0%{-webkit-transform:rotate(-100.8deg);-moz-transform:rotate(-100.8deg);transform:rotate(-100.8deg)}100%{-webkit-transform:rotate(0);-moz-transform:rotate(0);transform:rotate(0)}}

@-webkit-keyframes arc{0%{stroke-dasharray:1 210.49px;stroke-dashoffset:0}40%{stroke-dasharray:151.55px,210.49px;stroke-dashoffset:0}100%{stroke-dasharray:1 210.49px;stroke-dashoffset:-151.55px}}@keyframes arc{0%{stroke-dasharray:1 210.49px;stroke-dashoffset:0}40%{stroke-dasharray:151.55px,210.49px;stroke-dashoffset:0}100%{stroke-dasharray:1 210.49px;stroke-dashoffset:-151.55px}}

.qode-lazy-preloader{font-size:0;position:absolute;top:50%;left:50%;margin:-37.5px 0 0 -37.5px;display:inline-block;line-height:normal;z-index:10;-webkit-animation:outer 6.6s linear infinite;animation:outer 6.6s linear infinite}

.ajax_loader,.meta{display:none}

.ajax_loader{position:fixed;top:50%;left:50%;z-index:1100}



.ajax_loader_1{position:relative;display:inline-block;width:100%;height:100%}

.ajax_loader .rotating_cubes{width:32px;height:32px;margin:-16px 0 0 -16px;position:relative}

.ajax_loader .rotating_cubes .cube1,

.ajax_loader .rotating_cubes .cube2{background-color:transparent;width:10px;height:10px;position:absolute;top:0;left:0;-webkit-animation:cubemove 1.8s infinite ease-in-out;animation:cubemove 1.8s infinite ease-in-out}

.ajax_loader .rotating_cubes .cube2{-webkit-animation-delay:-.9s;animation-delay:-.9s}@-webkit-keyframes cubemove{25%{-webkit-transform:translateX(42px) rotate(-90deg) scale(.5)}50%{-webkit-transform:translateX(42px) translateY(42px) rotate(-180deg)}75%{-webkit-transform:translateX(0) translateY(42px) rotate(-270deg) scale(.5)}100%{-webkit-transform:rotate(-360deg)}}@keyframes cubemove{25%{transform:translateX(42px) rotate(-90deg) scale(.5);-webkit-transform:translateX(42px) rotate(-90deg) scale(.5)}50%{transform:translateX(42px) translateY(42px) rotate(-179deg);-webkit-transform:translateX(42px) translateY(42px) rotate(-179deg)}50.1%{transform:translateX(42px) translateY(42px) rotate(-180deg);-webkit-transform:translateX(42px) translateY(42px) rotate(-180deg)}75%{transform:translateX(0) translateY(42px) rotate(-270deg) scale(.5);-webkit-transform:translateX(0) translateY(42px) rotate(-270deg) scale(.5)}100%{transform:rotate(-360deg);-webkit-transform:rotate(-360deg)}}

.ajax_loader .stripes{width:50px;height:60px;margin:-30px 0 0 -25px;font-size:10px}



@-webkit-keyframes stretchdelay{0%,100%,40%{-webkit-transform:scaleY(.4)}20%{-webkit-transform:scaleY(1)}}@keyframes stretchdelay{0%,100%,40%{transform:scaleY(.4);-webkit-transform:scaleY(.4)}20%{transform:scaleY(1);-webkit-transform:scaleY(1)}}



/*--- Preloader Ends ---*/



.preloader{background-color:#f7f7f7;width:100%;height:100%;position:fixed;top:0;left:0;right:0;bottom:0;z-index:999999;-webkit-transition:.6s;-o-transition:.6s;transition:.6s;margin:0 auto}

.preloader .preloader-circle{width:90px;height:90px;position:relative;border-style:solid;border-width:4px;border-top-color:#0871b8;border-bottom-color:transparent;border-left-color:transparent;border-right-color:transparent;z-index:10;border-radius:50%;-webkit-box-shadow:0 1px 5px 0 rgba(35,181,185,0.15);box-shadow:0 1px 5px 0 rgba(35,181,185,0.15);background-color:#fcfcfd;-webkit-animation:zoom 2000ms infinite ease;animation:zoom 2000ms infinite ease;-webkit-transition:.6s;-o-transition:.6s;transition:.6s}

.preloader .preloader-circle2{border-top-color:#0078ff}

.preloader .preloader-img{position:absolute;top:50%;z-index:200;left:0;right:0;margin:0 auto;text-align:center;display:inline-block;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);padding-top:6px;-webkit-transition:.6s;-o-transition:.6s;transition:.6s}

.preloader .preloader-img img{max-width:55px}

.preloader .pere-text strong{font-weight:800;color:#dca73a;text-transform:uppercase}

@-webkit-keyframes zoom{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.6s;-o-transition:.6s;transition:.6s}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);-webkit-transition:.6s;-o-transition:.6s;transition:.6s}}@keyframes zoom{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.6s;-o-transition:.6s;transition:.6s}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);-webkit-transition:.6s;-o-transition:.6s;transition:.6s}}



.iti.iti--allow-dropdown.iti--separate-dial-code {border-left: 1px solid #ddd;}

.contact-form-bg { position: relative; z-index:1; }

.iti.iti--allow-dropdown {border-left: 1px solid #ddd;border-radius: 3px;width: 100%;}

.iti__selected-flag { outline: 0; }

.contact-info-block {
  display: flex;
  padding: 10px;
  padding-top: 0;
}
.contact-info-block ul {
    width: 50%;
}
.contact-info-container > img {
    padding: 10px;
    width: 100%;
    height: 300px;
    object-fit: cover;
}
.contact-block .map, .contact-block .map iframe {
    height: 560px;
}
.bottom-section_space_between{
  justify-content: space-between;
}
/* .hexagon-new:hover .hexagon-inside-new{
  overflow: hidden;
  visibility: hidden;
} */
.products_cat_main_wrap{
  padding: 10px 0 60px;
}