/*Main Css */
::selection {
  background: #040159;
  color: #fff;
  text-shadow: none;
}
::-webkit-scrollbar {
  width: 10px;
  background-color: #f5f5f5;
}
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {
  display: none;
}
::-webkit-scrollbar-track-piece {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #dedede;
}
::-webkit-scrollbar-thumb:vertical {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #040159;
}

/* Tabbing CSS */
[class^="box-"] {
  display: none;
}
[class^="box-"].showfirst {
  display: block;
}

/* Accordion CSS */
.myaccordion li .faq-opt {
  display: none;
}
.myaccordion li.active .faq-opt {
  display: block;
}
.myaccordion li.active .faq-ang h4:before {
  content: "\f077";
}

body {
  font-family: "Roboto", sans-serif;
  overflow-x: hidden;
  font-size: 16px;
  line-height: 1;
  color: #000000;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  display: block;
  font-weight: normal;
}
*:hover,
*:focus,
* {
  outline: none !important;
}
img {
  max-width: 100%;
  height: auto;
}
a,
input[type="submit"] {
  -webkit-transition: all 0.4s ease-In-out;
  -moz-transition: all 0.4s ease-In-out;
  -o-transition: all 0.4s ease-In-out;
  transition: all 0.4s ease-In-out;
  display: inline-block;
  cursor: pointer;
}
a:hover {
  color: #01feff;
  text-decoration: none;
}
p,
a {
  font-size: 16px;
  font-weight: normal;
  color: #000000;
}
p {
  line-height: 26px;
  display: block;
}
span {
  display: inline-block;
}

/* Custom Slick Css */
.slick-list {
  margin: 0 -15px;
}
.slick-slide {
  margin: 0 15px;
}
ul.slick-dots {
  padding: 50px 0 0;
  text-align: center;
}
ul.slick-dots li {
  margin: 0 20px 0 0px;
  width: auto;
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  padding: 0px;
  border: none;
}
.slick-dots li button:before,
.slick-dots li button:before {
  color: #fff;
  opacity: 1;
  font-size: 20px;
}
.slick-dots li button {
  height: 8px;
  width: 8px;
  border-radius: 50%;
  padding: 0px;
  background: #d6d6d6;
  border: none;
  cursor: pointer;
  font-size: 0px;
  padding: 0px;
  -webkit-transition: all 0.4s ease-In-out;
  -moz-transition: all 0.4s ease-In-out;
  -o-transition: all 0.4s ease-In-out;
  transition: all 0.4s ease-In-out;
  box-sizing: border-box;
  border-width: 1px;
  border-color: rgb(255, 255, 255);
  border-style: solid;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  background: transparent;
  margin: 10px 0;
}
.slick-dots li.slick-active button {
  background: #01feff;
  width: 10px;
  height: 10px;
  border-color: #01feff;
}
span.arrows {
  width: 40px;
  height: 40px;
  border: none;
  position: absolute;
  top: 0px;
  bottom: 0px;
  margin: auto;
  z-index: 2;
  cursor: pointer;
  line-height: 39px;
  font-size: 12px;
  text-align: center;
  font-weight: 300;
  top: 0;
  border-radius: 0;
  background: #f7f7f7;
  color: #696969;
}
span.arrows.next {
  right: 1%;
}

textarea,
select,
input[type],
textarea,
select,
button {
  background: transparent;
  border: none;
  border-radius: 0px;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
}
::-webkit-input-placeholder {
  color: #a3a3a3;
  font-weight: 400;
}
::-moz-placeholder {
  color: #a3a3a3;
  font-weight: 400;
}
:-ms-input-placeholder {
  color: #a3a3a3;
  font-weight: 400;
}
:-moz-placeholder {
  color: #a3a3a3;
  font-weight: 400;
}

/* Padding Classes */
.pad-sec {
}
.pad-zero {
  padding: 0px;
}
.pad-l-zero {
  padding-left: 0px;
}
.pad-r-zero {
  padding-right: 0px;
}

/* Global Css */
.sprite-icn:before {
  content: "";
  background-image: url(../images/sprite.png);
  background-repeat: no-repeat;
  display: inline-block;
}
.ovr-hiddn {
  overflow: hidden;
}

.overlay:after {
  content: "";
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 1;
}
.overlay {
  display: none;
}
.overlay.active {
  display: block;
}

.mn-btn {
  color: #ffffff;
  font-size: 18px;
  background: #000000;
  border: 1px solid #000000;
  font-weight: 400;
  text-transform: uppercase;
  padding: 0px 0px;
}
.mn-btn:hover {
  background: transparent;
  color: #000000;
}

/* Heading Classes */
.mn-hd h1 {
}
.mn-hd h2 {
}
.mn-hd h3 {
}
.mn-hd h4 {
}
.mn-hd h5 {
}
.mn-hd h6 {
}
.mn-hd p {
}

/* header CSS */
header {
  -webkit-transition: all 0.4s ease-In-out;
  -moz-transition: all 0.4s ease-In-out;
  -o-transition: all 0.4s ease-In-out;
  transition: all 0.4s ease-In-out;
}
.main-header {
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
}
.logo {
  display: inline-block;
}
.logo img {
  display: block;
}

/* Menu Css */
.menu {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  vertical-align: middle;
  gap: 18px;
  width: 100%;
}
.menu li a {
  display: block;
  font-family: "Open Sans",Sans-serif;
  white-space: nowrap;
  font-size: 15px;
  color: #050059;
  text-transform: none;
  font-weight: 500;
  letter-spacing: normal;
  line-height: 27px;
}
.menu li:hover a,
.menu li.active a {
  color: #1887c5;
}
.menu-button {
  padding: 0 11px;
  border: 2px solid #050059;
  background: #f0f8ff;
}

/* Dropdown CSS*/
@keyframes btotreverse {
  0% {
    top: 75px;
    opacity: 1;
  }
  100% {
    top: 115px;
    opacity: 0;
  }
}
@keyframes btot {
  0% {
    top: 115px;
    opacity: 0;
  }
  100% {
    top: 40px;
    opacity: 1;
  }
}
.dropdown-nav {
  position: relative;
  overflow: hidden;
  vertical-align: middle;
}
.dropdown-nav:hover {
  overflow: visible;
}
ul.dropdown {
  position: absolute;
  width: 100%;
  left: -0px;
  margin: auto;
  background: #fff;
  padding: 20px;
  text-align: left;
  border-radius: 2px;
  box-shadow: 0 0 10px 3px #00000014;
  opacity: 0;
  animation: btotreverse 0.5s forwards;
}
ul.dropdown li {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
}
ul.dropdown li a {
  padding: 0;
  font-size: 14px;
  color: #000 !important;
  display: block;
  width: 100%;
  margin: 0px 0 15px;
  text-align: center;
  font-weight: 600;
  background: transparent !important;
}
ul.dropdown li.last a {
  margin-bottom: 0px;
}
ul.dropdown li a:hover {
  color: #000 !important;
}
.dropdown-nav:hover ul.dropdown {
  animation: btot 0.5s forwards;
  z-index: 9;
}

/* Hamburger Menu */
.menu-Bar {
  width: 30px;
  height: 20px;
  cursor: pointer;
  position: absolute;
  right: 15px;
  top: 0;
  bottom: 0px;
  z-index: 22;
  display: none;
}
.menu-Bar span {
  display: block;
  height: 4px;
  width: 100%;
  background: #ffff00;
  position: absolute;
  transition: 0.6s all;
  border-radius: 100px;
}
.menu-Bar span:nth-child(1) {
  top: 0;
}
.menu-Bar span:nth-child(2) {
  top: 8px;
  transform-origin: left;
}
.menu-Bar span:nth-child(3) {
  top: 16px;
}
.menu-Bar.open span {
  background: #b70404;
}
.menu-Bar.open span:nth-child(1) {
  transform: rotate(45deg);
  top: 12px;
  transform-origin: right-center;
}
.menu-Bar.open span:nth-child(2) {
  width: 0;
  opacity: 0;
}
.menu-Bar.open span:nth-child(3) {
  transform: rotate(-45deg);
  top: 12px;
  transform-origin: right-center;
}

/* Main Banner CSS */
.mainBanner {
  background-size: cover;
  background-position: center;
  height: 760px;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  position: relative;
}


.interactivemap-desc
{
  font-size: 36px;
  font-family: "Roboto";
  color: #030058;
  margin-bottom: 15px;
}
.contact-address-2
{
  margin-top: 10px;
}
/* Custom CSS Styling */

@media (max-width: 1440px) {
}
@media (max-width: 1200px) {
  img {
    max-width: 100%;
    height: auto;
  }
  .menu-Bar {
    display: block;
    top: -2.5rem;
  }
  .menuWrap.open {
    display: flex;
    left: 0px;
  }
  .menuWrap {
    position: fixed;
    left: -210%;
    right: 0;
    top: 0;
    bottom: 0;
/*    margin: auto;*/
    background: #f7f7f7;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column;
    transition: all 0.4s ease;
    z-index: 3;
    width: 100%;
    overflow: auto;
  }
  ul.menu li {
    display: block;
  }
  ul.menu li a {
    margin-bottom: 0;
    padding: 0;
    display: block;
    text-align: center;
    padding-right: 0px;
    margin-right: 0px;
    color: #fff;
    font-size: 15px;
    text-transform: capitalize;
  }
  .logo img {
    max-width: 80%;
  }
  .container {
    position: relative;
  }
  header .header-top {
    display: none;
  }
  header .main-header ul.menu > li {
    display: block;
    padding: 0px;
    width: 100%;
  }
  header .main-header ul.menu > li a {
    padding: 10px 0;
    color: #000;
  }
  header .main-header ul.menu > li a:before {
    display: none;
  }
}
@media (max-width: 824px) {
}

header {
}
/* header .container-fluid {
  padding: 0 12%;
} */
.headertop {
  padding: 9.5px 0;
  background-color: rgb(5, 0, 89);
}
.headertleft {
}
.headertleft ul {
}
.headertleft ul li {
  display: inline-block;
  margin: 0 13px 0 0;
  line-height: 28.8px;
}
.headertleft ul li a {
  font-size: 15px;
  color: #fff;
  font-family: "Open Sans",Sans-serif;
}
.headertleft ul li a i {
  color: rgb(0, 255, 255);
  padding: 0;
  margin-right: 4px;
  font-size: 14px;
}
.headertright {
  text-align: right;
}
.headertright ul {
}
.headertright ul li {
  display: inline-block;
  margin: 0 0 0 10px;
}
.headertright ul li a {
  color: #fff;
  font-size: 14px;
}

.hbanner_boxm {
  margin: 0;
}
.hbanner_boxm h1 {
  font-size: 49px;
  font-family: "Roboto";
  color: #050059;
  line-height: 56px;
  font-weight: bold;
}
.hbanner_boxm h1 strong {
  display: block;
  font-weight: normal;
}
.hbanner_boxm p {
  font-size: 14px;
  font-family: "Roboto";
  color: rgb(10, 15, 43);
  font-weight: 500;
  padding: 20px 0;
}
.hbanner_boxm .btn_lightblue {
  margin: 0 15px 0 0;
}
.btn_lightblue {
  font-size: 14px;
  font-family: "Roboto";
  color: rgb(5, 0, 89);
  font-weight: bold;
  text-transform: uppercase;
  background-color: rgb(0, 255, 255);
  width: 150px;
  height: 50px;
  text-align: center;
  line-height: 50px;
}
.btn_darkblue {
  font-size: 14px;
  font-family: "Roboto";
  color: rgb(255, 255, 255);
  font-weight: bold;
  text-transform: uppercase;
  background-color: rgb(5, 0, 89);
  width: 177px;
  height: 50px;
  text-align: center;
  line-height: 50px;
}
.main-header .btn_darkblue {
  font-size: 13px;
  font-family: "Open Sans",Sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  background-color: rgb(5, 0, 89);
  height: auto;
  text-align: center;
  line-height: normal;
  border-radius: 0 0 0 0;
  padding: 13px 32px;
  white-space: nowrap;
  width: auto;
  color: #fff;
}
.main-header .btn_lightblue {
  color: #030058;
  background-color: #0ff;
}
.signup-login{
	width:100%;
	display:flex;
  justify-content: end;
}
.signup-login li {
    margin-left: 12px;
}
.hbanner_slider {
  position: relative;
}
.slick-prev {
  font-size: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 30px;
}
.slick-next {
  font-size: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 30px;
}
.slick-prev:after {
  transition: all 0.4s ease-In-out;
  content: "\f053";
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 0;
  background-color: rgb(0, 0, 0);
  opacity: 0.302;
  width: 45px;
  height: 45px;
  z-index: 1;
  font-family: "Font Awesome 5";
  font-size: 18px;
  color: #fff;
  line-height: 45px;
}
.slick-next:after {
  transition: all 0.4s ease-In-out;
  content: "\f054";
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 0;
  background-color: rgb(0, 0, 0);
  opacity: 0.302;
  width: 45px;
  height: 45px;
  z-index: 1;
  font-family: "Font Awesome 5";
  font-size: 18px;
  color: #fff;
  line-height: 45px;
}
.slick-prev:hover:after,
.slick-next:hover:after {
  background: #050059;
  opacity: 1;
}

.sechaboutus {
  background: url(../images/sechaboutus_bg.jpg) no-repeat center;
  background-size: cover;
}
.sechaboutus .heading {
  color: #fff;
}
.sechaboutus .heading strong {
  color: #fff;
}
.sechaboutus .haboutusb_left p {
  color: rgb(255 255 255);
}
.haboutus_top {
  border-radius: 4px; /* background: #fff; */
  margin: -70px 0 0px 0;
  display: flex;
}
.haboutus_top li {
  display: inline-block;
  width: 33.4%;
  background-color: rgb(255, 255, 255);
  transition: all 0.4s ease-In-out;
}
.haboutust_boxm {
  padding: 55px 30px;
  width: 100%;
}
.haboutust_boxm h4 {
  font-size: 20px;
  font-family: "Roboto";
  color: rgb(10, 15, 43);
  font-weight: bold;
  transition: all 0.4s ease-In-out;
}
.haboutust_boxm p {
  font-size: 14px;
  font-family: "Roboto";
  color: rgb(89, 89, 89);
  line-height: 24px;
  /*padding: 20px 0;*/
  transition: all 0.4s ease-In-out;
}
.btn_view {
  font-size: 14px;
  font-family: "Roboto";
  color: rgb(10, 15, 43);
  font-weight: bold;
  text-transform: uppercase;
}
.haboutus_top li.first {
  border-radius: 5px 0 0 5px;
}
.haboutus_top li.last {
  border-radius: 0 5px 5px 0;
}
.haboutus_top li:hover {
  background: #050059;
}
.haboutus_top li:hover h4 {
  color: #fff;
}
.haboutus_top li:hover p {
  color: rgb(255 255 255);
}
.haboutus_top li:hover .btn_view,
.btn_view:hover {
  color: rgb(1 254 255);
}
.haboutusb {
  padding: 100px 0;
}
.haboutusb_left {
}
.heading {
  font-size: 36px;
  font-family: "Roboto";
  color: rgb(10, 15, 43);
  font-weight: bold;
  line-height: 46px;
}
.haboutusb_left p {
  font-size: 16px;
  font-family: "Roboto";
  color: rgb(89, 89, 89);
  line-height: 26px;
  padding: 30px 0;
}
.heading strong {
  display: block;
  font-size: 16px;
  font-family: "Roboto";
  color: rgb(89, 89, 89);
  text-transform: uppercase;
  font-weight: 500;
}
.secaboutus .heading {
  color: rgb(10, 15, 43);
}
.secaboutus .heading strong {
  color: rgb(89, 89, 89);
}
.secaboutus .haboutusb_left p {
  color: rgb(89, 89, 89);
}

.secservice {
  padding: 80px 0;
}
.heading a {
  font-size: 14px;
  font-family: "Roboto";
  color: rgb(5, 0, 89);
  font-weight: bold;
  text-transform: uppercase;
}
.headingmain {
  margin: 0 0 30px 0;
}
.service_boxt {
  padding: 0 0 30px 0;
}
.service_boxmb {
}
.service_boxmb h4 {
  font-size: 20px;
  font-family: "Roboto";
  color: rgb(10, 15, 43);
  font-weight: bold;
  margin: 0 0 20px 0;
}
.service_boxmb p {
  font-size: 16px;
  font-family: "Roboto";
  color: rgb(89, 89, 89);
  line-height: 26px;
  margin: 0 0 20px 0;
}
.service_boxmb ul {
  padding: 0 0 30px 0;
}
.service_boxmb ul li {
  font-size: 16px;
  font-family: "Roboto";
  color: rgb(89, 89, 89);
  padding: 7px 0;
}
.service_boxmb ul li i {
  font-size: 3px;
  vertical-align: middle;
  padding: 0 10px 0 0;
}

.secacountry {
  background: #030058;
  padding: 60px 0;
}
.acountry_left {
}
.acountry_left h4 {
  font-size: 60px;
  font-family: "Roboto";
  color: rgb(255, 255, 255);
  font-weight: bold;
}
.acountry_left p {
  font-size: 14px;
  font-family: "Roboto";
  color: rgb(204, 204, 204);
  padding: 30px 0 40px;
}
.acountry_left ul {
}
.acountry_left ul li {
  display: inline-block;
  width: 32%;
}
.acountry_left ul li h4 {
  font-size: 48px;
  font-family: "Roboto";
  color: rgb(255, 255, 255);
  font-weight: bold;
  padding: 0 0 15px 0;
}
.acountry_left ul li h6 {
  font-size: 20px;
  font-family: "Roboto";
  color: rgb(255, 255, 255);
}
.acountry_left ul li h6 strong {
  font-size: 20px;
  font-family: "Roboto";
  color: #00ffff;
  display: block;
  padding: 15px 0 0 0;
}
.acountry_left h4 strong {
  display: block;
  font-weight: 300;
  padding: 0 0 10px 0;
}
.acountry_right {
  margin: 0 -130px 0 0;
}

.seclprojects {
  padding: 80px 0;
}
.seclprojects .headingmain {
  text-align: center;
  margin: 0 0 50px 0;
}
.lprojects_boxr {
  padding: 20px 0;
}
.lprojects_boxr h4 {
  font-size: 24px;
  font-family: "Roboto";
  color: rgb(10, 15, 43);
  font-weight: bold;
  padding: 0 0 10px 0;
}
.lprojects_boxr p {
  font-size: 16px;
  font-family: "Roboto";
  color: rgb(89, 89, 89);
}
.lprojects_boxm {
}
.lprojects_boxm:hover h4 {
  color: rgb(1 254 255);
  transition: all 0.4s ease-In-out;
}
.projects_slider .slick-next {
  right: -60px;
}
.projects_slider .slick-prev {
  left: -60px;
}

.secwhychose {
  background: #f7f7f7;
}
.secwhychose .container-fluid {
  padding: 0;
}
.secwhychose .row {
  align-items: center;
  align-content: center;
}
.whychose_left {
  background: url(../images/whychose/whychose_l_bg.jpg) no-repeat center;
  background-size: cover;
  height: 680px;
  display: flex;
  align-items: center;
  align-content: center;
  padding: 0 25%;
  text-align: center;
}
.whychose_lboxm {
  text-align: center;
  width: 43%;
  margin: auto;
}
.whychose_lboxt img {
  margin: auto;
}
.whychose_lboxt {
}
.whychose_lboxt h4 {
  font-size: 36px;
  font-family: "Roboto";
  color: rgb(255, 255, 255);
  padding: 30px 0;
}
.whychose_lboxt p {
  font-size: 16px;
  font-family: "Roboto";
  color: rgb(255, 255, 255);
  line-height: 26px;
}
.whychose_right {
  width: 60%;
  padding: 0 0 0 80px;
}
.whychose_right p {
  font-size: 16px;
  font-family: "Roboto";
  color: rgb(89, 89, 89);
  line-height: 26px;
  padding: 30px 0 10px 0;
}
.whychose_right ul {
  padding: 20px 0 0 0;
}
.whychose_right ul li {
  font-size: 16px;
  color: rgb(2, 0, 87);
  font-weight: bold;
  padding: 10px 0;
}
.whychose_right ul li i {
  padding: 0 10px 0 0;
}
.whychose_left .slick-dots {
  position: absolute;
  left: 15px;
}
.whychose_left .slick-dots li {
  display: block;
}

.sectestimonials {
  padding: 80px 0;
}
.testimonials_boxm {
  background: #f7f7f7;
  text-align: center;
  padding: 40px 100px;
}
.testimonials_boxt {
}
.testimonials_boxt h5 {
  font-size: 24px;
  font-family: "Roboto";
  color: rgb(89, 89, 89);
  line-height: 36px;
  padding: 20px 0 40px;
  min-height: 163px;
}
.testimonials_boxt i {
  color: #cccccc;
  font-size: 26px;
}
.testimonials_boxb {
  display: flex;
  justify-content: center;
}
.testimonials_boxbr {
  padding: 0 0 0 15px;
}
.testimonials_boxbr h6 {
  text-align: left;
  font-size: 16px;
  font-family: "Roboto";
  color: rgb(10, 15, 43);
  font-weight: bold;
}
.testimonials_boxbr strong {
  display: block;
  font-weight: 400;
  color: #666666;
  padding: 10px 0 0 0;
}
.testimonials_slider .slick-prev {
  left: -60px;
}
.testimonials_slider .slick-next {
  right: -60px;
}

.secdiscuss {
  padding: 50px 0;
  background: #030058;
}
.discuss_boxm {
  display: inline-flex;
  /*display: flex;*/
  justify-content: space-between;
  align-items: center;
  align-content: center;
}
.discuss_boxm h4 {
  font-size: 30px;
  font-family: "Roboto";
  color: rgb(255, 255, 255);
  font-weight: bold;
}

.secftop {
  background: #f7f7f7;
}
.ftop {
  border-bottom: 1px solid #cccccc;
  padding: 30px 0;
  text-align: center;
  padding-top: 50px;
}
.ftop li {
  display: inline-block;
  width: 33%;
  text-align: left;
}
.ftop_boxm {
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
}
.ftop_boxm i {
  color: #0a0f2b;
  font-size: 25px;
}
.ftop_boxm h6 {
  padding: 0 0 0 20px;
  font-size: 18px;
  font-family: "Roboto";
  color: rgb(10, 15, 43);
}
.ftop_boxm h6 strong {
  font-weight: bold;
  display: block;
  padding: 0 0 10px 0;
}

footer {
  padding: 60px 0;
  background: #f7f7f7;
}
footer .container-fluid {
  padding: 0 12%;
}
footer p {
  font-size: 16px;
  font-family: "Roboto";
  color: rgb(10, 15, 43);
  line-height: 26px;
}
footer .logo {
  padding: 0 0 20px 0;
  margin-top: -15px;
}
.fsocial {
  padding: 30px 0 0 0;
}
.fsocial li {
  display: inline-block;
  padding: 0 10px 0 0; /* color: #050059; */
}
.fsocial li a {
  color: #050059;
  font-size: 19px;
}
footer h4 {
  font-size: 20px;
  font-family: "Roboto";
  color: rgb(3, 0, 88);
  font-weight: bold;
  margin: 0 0 20px 0;
}
footer ul {
  list-style: none;
}
footer ul li a {
  font-size: 16px;
  font-family: "Roboto";
  color: rgb(10, 15, 43);
  padding: 7px 0;
}

.wservices {
}
.wservices ul {
  width: 49%;
  display: inline-block;
  vertical-align: top;
}
.emailbar {
  margin: 20px 0 0 0;
}
.emailbar form {
  position: relative;
}
.emailbar form input {
  border-width: 1px;
  border-color: rgb(204, 204, 204);
  border-style: solid;
  border-radius: 4px;
  background-color: rgb(255, 255, 255);
  width: 100%;
  height: 48px;
  padding: 0 60px 0 20px;
}
.emailbar form button {
  background-color: rgb(0, 255, 255);
  width: 48px;
  height: 48px;
  position: absolute;
  top: 0;
  right: 0;
}
.wulink {
  padding: 0 0 0 30px;
}

.copyright {
  background: #05033d;
  padding: 20px 0;
}
.copyright .container-fluid {
  padding: 0 12%;
}
.copyright_left {
}
.copyright_left p {
  font-size: 14px;
  font-family: "Roboto";
  color: rgb(255, 255, 255);
}
.copyright_right {
  text-align: right;
}
.copyright_right ul {
}
.copyright_right ul li {
  display: inline-block;
  padding: 0 0 0 40px;
  position: relative;
}
.copyright_right ul li a {
  font-size: 14px;
  font-family: "Roboto";
  color: rgb(255, 255, 255);
}
.copyright_right ul li:after {
  content: "";
  position: absolute;
  right: -20px;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 2px;
  height: 12px;
  background: #fff;
}
.copyright_right ul li.last {
}
.copyright_right ul li.last:after {
  display: none;
}
.copyright .row {
  align-items: center;
  align-content: center;
}

.headertright ul li a:hover,
.headertleft ul li a:hover {
  color: #01feff;
}
.btn_lightblue:hover {
  background-color: rgb(4 1 89);
  color: rgb(255 255 255);
}
.btn_darkblue:hover {
  background-color: rgb(1 254 255);
  color: rgb(5, 0, 89);
}
.fsocial li a:hover {
  color: #01feff;
}
.emailbar form button:hover {
  color: #fff;
  background: #020158;
}

/*innerpage*/
.innerpage {
  height: 450px;
  text-align: center;
}
.innerpage .hbanner_boxm h1 {
  color: #fff;
}

.secaboutus {
  background: transparent;
}
.secaboutus .haboutusb_left p {
  padding: 20px 0 0;
}
.secaboutus .haboutusb_left ul {
}
.secaboutus .haboutusb_left ul li {
  padding: 10px 0;
  font-size: 16px;
  font-family: "Roboto";
  color: rgb(89, 89, 89);
  line-height: 26px;
}
.secaboutus .haboutusb_left ul li i {
  padding: 0 10px 0 0;
}

.secclients {
  padding: 80px 0;
}
.clients_boxt {
}
.clients_boxt h4 {
  font-size: 30px;
  font-family: "Roboto";
  color: rgb(10, 15, 43);
  font-weight: bold;
  margin: 0 0 20px 0;
}
.clients_boxt p {
  font-size: 16px;
  font-family: "Roboto";
  color: rgb(89, 89, 89);
  line-height: 26px;
  padding: 0 0 20px 0;
}
.clients_boxb {
  display: inline-table;
  margin: 50px 0 0 0;
}
.clients_boxb li {
  display: inline-block;
  width: 24.7%;
  text-align: center;
  padding: 1.5rem 0.5rem;
  border-bottom: 1px solid #e1e1e1;
  border-right: 1px solid #e1e1e1;
}
.clients_boxb li:nth-child(4),
.clients_boxb li:nth-child(8) {
  border-right: 0;
}
.clients_boxb li:nth-child(5),
.clients_boxb li:nth-child(6),
.clients_boxb li:nth-child(7),
.clients_boxb li:nth-child(8) {
  border-bottom: 0;
}

.seccontact {
  padding: 80px 0;
}
.contact_left {
}
.seccontact h4 {
  font-size: 30px;
  font-family: "Roboto";
  color: rgb(10, 15, 43);
  font-weight: bold;
  padding: 0 0 50px 0;
}
.emailbox {
  display: flex;
  align-items: center;
  align-content: center;
  padding: 0 0 40px 0;
}
.emailbox i {
  font-size: 30px;
  padding: 0 30px 0 0;
  color: #01feff;
}
.emailbox h5 {
  font-size: 18px;
  font-family: "Roboto";
  color: rgb(10, 15, 43);
  font-weight: bold;
}
.emailbox h5 strong {
  display: block; /* font-size:15px; */
  font-weight: normal; /* color:#000; */
  padding: 10px 0 0 0;
}
ul.csocial {
}
ul.csocial li {
  display: inline-block;
  padding: 0 20px 0 0;
}
ul.csocial li a {
  font-size: 20px;
}
.contact_right .felid input,
.contact_right .felid textarea {
  margin: 0 0 20px 0;
  border-width: 1px;
  border-color: rgb(204, 204, 204);
  border-style: solid;
  background-color: rgb(247, 247, 247);
  width: 100%;
  height: 58px;
  font-size: 16px;
  font-family: "Roboto";
  color: rgb(169, 169, 169);
  padding: 0px 20px;
}
.contact_right .felid textarea {
  padding: 20px 20px;
  height: 158px;
  resize: none;
}
.contact_right .felid input[type="submit"] {
  background-color: rgb(5, 0, 89);
  width: 170px;
  height: 54px;
  font-size: 14px;
  font-family: "Roboto";
  color: rgb(255, 255, 255);
  font-weight: bold;
  text-transform: uppercase;
}

.mapmain {
  position: relative;
}
.mapmain i {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  font-size: 55px;
  z-index: 3;
  width: 10px;
  height: 178px;
  color: #01feff;
}

.secsolution {
  padding: 80px 0 40px;
}
.secsolution .row {
  padding: 0 0 40px 0;
}
.secsolution .row:nth-child(even) {
  flex-flow: row-reverse wrap;
}
.solution_left {
}
.solution_left .heading {
  font-size: 40px;
  font-family: "Roboto";
  color: rgb(10, 15, 43);
  font-weight: bold;
  padding: 0 0 15px 0;
}
.solution_left p {
  font-size: 16px;
  font-family: "Roboto";
  color: rgb(89, 89, 89);
  line-height: 30px;
  padding: 0 0 20px 0;
}
.solution_right {
}
.solution_right img {
  width: 100%;
}

.secworktwo {
  padding: 80px 0 60px;
}

.secworktwo .row {
  align-items: center;
  align-content: center;
  background: #f7f7f7;
  margin: 0 0;
}
.worktwo_right {
  padding: 0 30px;
}

.worktwo_right .heading {
}

.worktwo_right p {
  font-size: 18px;
  font-family: "Roboto";
  color: rgb(102, 102, 102);
  line-height: 29px;
  padding: 30px 0;
}

.seccprogram .headingmain .heading {
  font-size: 25px;
  font-family: "Roboto";
  color: rgb(10, 15, 43);
  font-weight: bold;
}

.seccprogram {
  padding: 0 0 60px 0;
}

.seccprogram .headingmain {
}

.cprogram_left {
}

.cprogram_left ul li {
  border-width: 1px;
  border-color: rgb(230, 230, 230);
  border-style: solid;
  background-color: rgb(255, 255, 255);
  padding: 20px 30px;
  margin: 0 0 10px 0;
}

.cprogram_left ul li h5 {
  font-size: 16px;
  font-family: "Roboto";
  color: rgb(10, 15, 43);
  font-weight: bold;
  text-transform: uppercase;
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  cursor: pointer;
}

.cprogram_left ul li p {
  font-size: 15px;
  color: rgb(102, 102, 102);
  line-height: 25px;
  display: none;
  margin: 20px 0 20px 0;
  transition: all 0.4s ease-In-out;
}
.cprogram_left ul li h5 .arrowupd {
  display: inline-block;
}
.cprogram_left ul li h5 .arrowupd i {
  margin: auto;
  border-radius: 50%;
  background-color: rgb(0, 255, 255);
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  font-size: 13px;
  padding: 2px 0 0 0;
  transition: all 0.4s ease-In-out;
}
.cprogram_left ul li h5 .arrowupd i.fa-chevron-up {
  display: none;
}
.cprogram_left ul li.active p {
  display: block;
}
.cprogram_left ul li.active .arrowupd .fa-chevron-down {
  display: none;
}
.cprogram_left ul li.active .arrowupd .fa-chevron-up {
  display: block;
  padding: 0;
}

.cprogram_right {
}

.cprogram_right ul {
}

.cprogram_right ul li {
}

.cprogram_right ul li {
  font-size: 15px;
  font-family: "Roboto";
  color: rgb(102, 102, 102);
  line-height: 25px;
  padding: 0 0 15px 20px;
  position: relative;
}
.cprogram_right ul li:after {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  background-color: rgb(153, 153, 153);
  width: 5px;
  height: 5px;
}

.secoposition {
  padding: 0 0 60px 0;
}

.secoposition .headingmain {
}

.secoposition .headingmain .heading {
  font-size: 25px;
  font-family: "Roboto";
  color: rgb(10, 15, 43);
  font-weight: bold;
}

.oposition_boxt {
  font-size: 0;
}

.oposition_boxt img {
  width: 100%;
}

.oposition_boxb {
  border: 1px solid #e5e5e5;
}

.position_boxbt {
  border-bottom: 1px solid #e5e5e5;
  padding: 30px 30px;
}

.position_boxbt h5 {
  font-size: 18px;
  font-family: "Roboto";
  color: rgb(10, 15, 43);
  font-weight: bold;
}

.position_boxbt p {
  font-size: 15px;
  font-family: "Roboto";
  color: rgb(136, 136, 136);
  padding: 10px 0 0 0;
}

.position_boxbb {
  padding: 20px 30px;
}

.position_boxbb p {
  font-size: 15px;
  font-family: "Roboto";
  color: rgb(102, 102, 102);
  line-height: 25px;
}
.oposition_slider .slick-prev {
  left: -40px;
}

.oposition_slider .slick-next {
  right: -40px;
}

.oposition_slider .slick-next:after {
  color: #c5c5c5;
  background: transparent;
  opacity: 1;
}

.oposition_slider .slick-prev:after {
  color: #c5c5c5;
  background: transparent;
  opacity: 1;
}

.oposition_slider ul.slick-dots {
  padding: 20px 0 0;
}

.oposition_slider ul.slick-dots button {
  border-width: 1px;
  border-color: rgb(0, 255, 255);
  border-style: solid;
  width: 30px;
  height: 5px;
  border-radius: 0;
}

.service_left ul li a {
  font-size: 18px;
  font-family: "Roboto";
  color: rgb(10, 15, 43);
  background-color: rgb(243, 243, 243);
  width: 100%;
  height: 75px;
  padding: 0px 40px;
  line-height: 75px;
  margin: 0 0 3px 0;
  font-weight: bold;
}

.nhelp {
  width: 100%;
  padding: 40px 40px;
  margin: 30px 0 30px 0;
  background: #0a0f2b;
}

.nhelp h5 {
  font-size: 20px;
  font-family: "Roboto";
  color: rgb(255, 255, 255);
  font-weight: bold;
}

.nhelp p {
  font-size: 16px;
  font-family: "Roboto";
  color: #b1bec5;
  line-height: 30px;
  padding: 15px 0;
}

.nhelp a {
  font-size: 30px;
  font-family: "Roboto";
  color: rgb(255, 255, 255);
}
.nhelp a i {
  color: #01feff;
  padding: 0 5px 0 0;
}
.fproject {
  width: 100%;
  padding: 40px 40px;
  margin: 0 0 3px 0;
  background: #f3f3f3;
}
.fproject h5 {
  font-size: 20px;
  font-family: "Roboto";
  color: rgb(0, 44, 66);
  font-weight: bold;
  padding: 0 0 30px 0;
}
.fproject .felid input,
.fproject .felid textarea {
  background-color: rgb(255, 255, 255);
  width: 270px;
  height: 60px;
  font-size: 14px;
  font-family: "Roboto";
  color: rgb(127, 130, 132);
  margin: 0 0 15px 0;
  padding: 0 20px;
}
.fproject .felid textarea {
  padding: 30px 20px;
  height: 191px;
  resize: none;
}
.fproject .felid input[type="submit"] {
  background-color: rgb(5, 0, 89);
  width: 214px;
  height: 61px;
  font-size: 16px;
  font-family: "Roboto";
  color: rgb(255, 255, 255);
  font-weight: bold;
  text-transform: uppercase;
}
.service_rbox1 .heading {
  font-size: 40px;
  font-family: "Roboto";
  color: rgb(10, 15, 43);
  font-weight: bold;
  padding: 30px 0;
}
.service_rbox1 p {
  font-size: 16px;
  font-family: "Roboto";
  color: rgb(89, 89, 89);
  margin: 0 0 40px 0;
}
.service_rbox1 img {
  width: 100%;
}
.service_rbox2 p {
  margin: 40px 0;
}
.service_left ul li:hover a,
.service_left ul li.current a {
  background: #01feff;
}
.service_rbox1 ul {
}

.service_rbox1 ul li {
  font-size: 16px;
  font-family: "Roboto";
  color: rgb(89, 89, 89);
  padding: 0 0 10px 20px;
  position: relative;
}

.engContent img {
  padding-bottom: 1rem;
}

.designContent h2 {
  font-size: 40px;
  font-family: "Roboto";
  color: rgb(10, 15, 43);
  font-weight: bold;
  margin-bottom: 10px;
}

.designContent p {
  font-size: 16px;
  font-family: "Roboto";
  color: rgb(89, 89, 89);
  margin: 0 0 5px 0;
}

section.designSec {
  padding: 100px 0;
}

.designSec .row + .row {
  padding-top: 70px;
}

.designContent ul li {
  font-size: 16px;
  font-family: "Roboto";
  color: rgb(89, 89, 89);
  padding: 7px 0;
}

.designContent ul {
  list-style: disc;
  list-style-position: inside;
  padding: 7px 0;
}
.service_rbox1 ul li:after {
  content: "";
  position: absolute;
  top: 5px;
  left: 0;
  height: 5px;
  width: 5px;
  background: #000;
}
/*innerpage*/

.sececlients {
  padding: 60px 0;
}

.sececlients .headingmain {
  text-align: center;
  margin: 0 0 60px 0;
}

.sececlients .headingmain h3.heading {
  font-size: 50px;
  font-family: "Roboto";
  color: rgb(10, 15, 43);
  font-weight: bold;
  padding: 0 0 15px 0;
}

.sececlients .headingmain p {
  font-size: 16px;
  font-family: "Roboto";
  color: rgb(89, 89, 89);
  line-height: 26px;
}

.eclients_boxt {
  border-style: solid;
  border-width: 1px;
  border-color: rgb(0, 255, 255);
  background-color: rgb(255, 255, 255);
  margin: 0 0 60px 0;
}

.eclients_boxt li {
  display: inline-block;
}

.eclients_boxt li a {
  background-color: transparent;
  width: 219px;
  height: 56px;
  font-size: 18px;
  font-family: "Roboto";
  color: #8c8c8c;
  line-height: 56px;
  text-align: center;
}
.eclients_boxt li.current a {
  background-color: rgb(5, 0, 89);
  color: #fff;
}
.eclients_boxb {
  border-style: solid;
  border-width: 1px;
  border-color: rgb(220, 220, 220);
  background-color: rgb(222, 255, 255);
  width: 100%;
  /* height: 387px; */
  border-top: 9px solid #040159;
  padding: 40px 30px;
}

.eclients_boxb h4 {
  font-size: 20px;
  font-family: "Roboto";
  color: rgb(88, 88, 88);
  padding: 0 0 30px 0;
  font-weight: 300;
}

.eclients_boxb form {
}

.eclients_boxb form .felid {
  position: relative;
}

.eclients_boxb form .felid input,
.eclients_boxb form .felid select,
.eclients_boxb form .felid textarea {
  border-width: 1px;
  border-color: rgb(215, 215, 215);
  border-style: solid;
  background-color: rgb(255, 255, 255);
  width: 378px;
  height: 45px;
  width: 100%;
  margin: 0 0 15px 0;
  font-size: 15px;
  font-family: "Roboto";
  color: rgb(131, 131, 131);
  padding: 0px 15px 0;
}

.eclients_boxb form .felid input[type="submit"] {
  background-color: rgb(5, 0, 89);
  width: 100%;
  height: 45px;
  font-size: 16px;
  font-family: "Roboto";
  color: rgb(255, 255, 255);
  font-weight: bold;
  text-transform: uppercase;
  border: 0;
  margin: 0;
}

.fchecktop {
}

.fchecktop input[type="checked"] {
  width: auto;
  height: auto;
  padding: 0;
  margin: auto;
}

.eclients_boxb form .felid.fcheck {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  padding: 20px 0 30px;
}

.fcheck {
}

.fcheck a {
  font-size: 14px;
  font-family: "Roboto";
  color: rgb(59, 89, 152);
}

.fchecktop label {
  font-size: 14px;
  font-family: "Roboto";
  color: rgb(123, 123, 123);
}
.fchecktop input#vehicle1 {
  height: auto;
  width: auto;
  vertical-align: inherit;
  margin: 0;
}
.eclients_right {
  text-align: center;
  margin: 0 0 -60px 0;
  font-size: 0;
}
.eclients_boxb form .felid textarea {
  padding: 15px 15px 0;
  resize: none;
  height: 145px;
}
.eclients_right2 img {
  max-width: fit-content;
  margin: 0 0 0 -55%;
  position: relative;
  z-index: -1;
}
.eclients_right3 {
}

.eclients_right3 img {
  max-width: fit-content;
  margin: 0 0 0 -13%;
  position: relative;
  z-index: -1;
}
.eclients_boxb form .flabel label {
  font-size: 16px;
  font-family: "Roboto";
  color: #585858;
  margin: 0 0 15px 0;
  font-weight: 400;
}
.eclients_boxb form .felid i {
  position: absolute;
  right: 15px;
  margin: auto;
  color: #838383;
  height: 45px;
  line-height: 45px;
}

.fileUpload {
  position: relative;
}

.fileUpload input.upload {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
}


/*changes 17-12-2021*/
.felid {
    display: flex;
    justify-content: space-between;
}
/*changes 17-12-2021*/

.fileUpload span {
  border-width: 1px;
  border-color: rgb(215, 215, 215);
  border-style: solid;
  background-color: rgb(255, 255, 255);
  width: 378px;
  height: 45px;
  width: 100%;
  margin: 0 0 15px 0;
  font-size: 15px;
  font-family: "Roboto";
  color: rgb(131, 131, 131);
  padding: 0px 15px 0;
  line-height: 45px;
  /* position: relative; */
}

.login-pg-forms {
  width: 100%;
}

.Registration-sec .my-cart {
  width: 100%;
}

.rgster-login-form.login-form input.form-control {
  border: 1px solid #337ab7 !important;
  padding-left: 1.5rem !important;
}

.secoposition .slick-slide {
  margin: 0;
}

.haboutust_boxm h1 strong {
    font-style: initial;
    font-size: 1.5625rem;
}

.haboutust_boxm h2 strong {
    font-style: initial;
}

.haboutust_boxm h2 strong a {
    font-size: 1.5625rem;
}

.change p {
    margin: 0 0 10px 0;
}

@media only screen and (max-width: 1600px) {
}

@media only screen and (max-width: 1445px) {
  .menu {
    gap: 1rem;
  }
  .hbanner_slider .slick-list.draggable {
    margin: 0;
  }

  .hbanner_slider .slick-slide {
    margin: 0;
  }
  .service_boxm {
    text-align: center;
  }
}

@media only screen and (max-width: 1366px) {
  .menu li a {
    font-size: 13px;
  }
  .menu li.last a {
    width: 125px;
    font-size: 15px;
  }
  .acountry_right {
    margin: 0;
  }
  .whychose_right {
    width: auto;
    padding: 0 2rem;
  }
  .whychose_left {
    padding: 0 2rem;
  }
  .haboutusb {
    padding: 5rem 0;
  }

  .sectestimonials {
    padding: 3rem 0;
  }

  .testimonials_boxm {
    padding: 2rem;
  }

  .testimonials_boxt h5 {
    min-height: auto;
    line-height: 1;
    padding: 0;
    margin: 1rem 0;
  }
  .secworktwo {
    padding: 4rem 0;
  }

  .cprogram_right ul li {
    padding: 0 0 0px 20px;
    margin-bottom: 1rem;
  }

  .secoposition {
    padding: 0 0 3rem;
  }
}

@media (max-width: 1199.98px) {
  .menu-Bar {
    top: -2rem;
  }
  .main-header {
    padding: 0;
  }
  .menu {
    flex-flow: column;
  }
  .haboutust_boxm {
    padding: 32px 15px;
    width: 100%;
    text-align: center;
  }
  .acountry_left h4 {
    font-size: 44px;
  }

  .whychose_left {
    height: 550px;
  }

  .heading {
    font-size: 1.875rem;
    line-height: 1.2;
  }

  .whychose_right p {
    padding: 0;
    margin: 0.75rem 0;
  }

  .ftop {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
  }
  .testimonials_slider .slick-next {
    right: 0;
  }

  .testimonials_slider .slick-prev {
    left: 0;
  }
  .fproject .felid input,
  .fproject .felid textarea {
    width: 100%;
  }
  .fproject {
    padding: 1rem;
    text-align: center;
  }
  .fproject .felid input[type="submit"] {
    width: 100%;
  }
  section.designSec {
    padding: 4rem 0;
  }
  .designSec .row + .row {
    padding-top: 3rem;
  }
  .designContent h2 {
    font-size: 2rem;
  }
  .oposition_slider .slick-prev {
    left: 0;
  }
  .oposition_slider .slick-next {
    right: 0;
  }
  .eclients_boxt {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.5rem;
  }
  .eclients_boxt li {
    width: 100%;
  }
  .eclients_boxb {
    padding: 1.5rem 1rem;
  }
  .eclients_boxt li a {
    width: 100%;
  }
  .eclients_right3 img {
    max-width: 100%;
    margin: 0;
  }
}
@media (max-width: 991.98px) {
  .mainBanner .row {
    justify-content: center;
    text-align: center;
  }
  .acountry_left h4 {
    font-size: 36px;
  }
  .secdiscuss .btn_lightblue {
    width: auto;
    display: flex;
    padding: 1rem;
    line-height: 1;
    white-space: nowrap;
    align-items: center;
  }
  .fsocial {
    padding: 0;
    display: flex;
    align-items: center;
    gap: 1rem;
  }
  .fsocial li {
    padding: 0;
  }
  .copyright {
    text-align: center;
  }
  .copyright_right {
    text-align: center;
  }
  .copyright_right ul li {
    padding: 0;
  }
  .copyright_right ul {
    display: flex;
    justify-content: center;
    gap: 1rem;
    margin-top: 0.5rem;
  }
  .copyright_right ul li:after {
    display: none;
  }
  .fproject .felid input,
  .fproject .felid textarea {
    width: 100%;
  }

  .fproject {
    padding: 1rem;
    text-align: center;
  }

  .fproject .felid input[type="submit"] {
    width: 100%;
  }

  .nhelp {
    padding: 1.5rem;
  }

  .nhelp a {
    font-size: 18px;
  }

  .service_left ul li a {
    line-height: 1;
    padding: 1rem;
    display: inline-flex;
    align-items: center;
  }

  .service_rbox1 .heading {
    font-size: 32px;
    padding: 0;
    margin-bottom: 1.5rem;
  }
  .position_boxbt {
    padding: 1rem 0.5rem;
  }
  .position_boxbb {
    padding: 1rem 0.5rem;
  }
  .sececlients .headingmain {
    margin-bottom: 0rem;
  }
  .sececlients {
    padding: 3rem 0;
  }
}
@media (max-width: 767.98px) {
  .heading {
    font-size: 1.75rem;
  }
  .mainBanner {
    height: auto;
    min-height: 500px;
  }
  .haboutusb {
    text-align: center;
    padding: 3rem 0;
  }
  .haboutus_top li {
    width: 100%;
  }
  .haboutus_top {
    flex-wrap: wrap;
    justify-content: center;
    gap: 1rem;
  }
  .secservice {
    padding: 3rem 0;
    text-align: center;
  }
  .secservice .headingmain .heading a {
    display: block;
    margin-top: 0.5rem;
  }
  .secacountry {
    padding: 3rem 0;
    text-align: center;
  }
  .whychose_left {
    height: auto;
    padding: 2.5rem 2.5rem 4rem;
  }
  .whychose_right {
    padding: 3rem 2rem;
  }
  .discuss_boxm {
    flex-flow: column;
    gap: 1rem;
    text-align: center;
  }
  .ftop li {
    width: 50%;
  }
  .widget.wulink {
    text-align: center;
    padding: 0px;
  }
  .hbanner_boxm .btn_lightblue {
    margin: 0 15px;
  }
  .widget.wservices {
    text-align: center;
  }
  .wservices ul {
    width: 100%;
  }
  .ftop_boxm h6 {
    font-size: 16px;
  }
  .widget {
    text-align: center;
    margin-top: 1rem;
  }
  .fsocial {
    justify-content: center;
  }

  footer h4 {
    margin: 0 0 1rem;
  }
  .mainBanner.innerpage {
    min-height: 250px;
    height: auto;
    padding: 0;
  }
  .designContent h2 {
    font-size: 1.875rem;
  }
  .designContent {
    text-align: center;
  }
  .worktwo_left img {
    width: 100%;
  }
  .pad-l-zero {
    padding: 0;
  }
  .worktwo_right {
    padding: 1rem;
  }
  .clients_boxb {
    display: flex;
    flex-wrap: wrap;
  }
  .Registration-sec .row {
    margin: 0;
  }
  .Registration-sec .row .col-12 {
    padding: 0;
  }
}
@media (max-width: 575.98px) {
  .mainBanner {
    min-height: 450px;
    height: auto;
    padding-bottom: 3rem;
  }
  .hbanner_boxm h1 {
    font-size: 34px;
    line-height: 1;
  }
  .hbanner_boxm p {
    padding: 0;
    margin: 0.5rem;
  }
  .headertleft ul li {
    margin: 0.25rem 0;
    display: block;
  }
  .menu-Bar {
    top: -2.75rem;
  }
  .mainBanner .button {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    justify-content: center;
  }
  .whychose_right {
    text-align: center;
  }
  .discuss_boxm h4 {
    font-size: 24px;
  }
  footer {
    padding: 3rem 0;
  }
  .ftop {
    flex-flow: column;
    gap: 1rem;
  }
  .ftop li {
    width: 100%;
  }
  .ftop_boxm {
    justify-content: flex-start;
  }
  .clients_boxb li {
    width: 50%;
  }
  .clients_boxb li:nth-child(even) {
    border-right: 0;
  }
  .clients_boxb li:nth-child(5),
  .clients_boxb li:nth-child(6) {
    border-bottom: 1px solid #e1e1e1;
  }
}
@media (max-width: 320.98px) {
}








   /*Chat page Css 18/2/22*/

   .chatPage {
  padding: 6rem 0;
  background: #f0f1f8;
}
.chtImg {
  display: flex;
  align-items: center;
}

.chtImg figure {
  position: relative;
  margin: 0;
}

.chtImg figure span {
  border-width: 2px;
  border-color: rgb(255, 255, 255);
  border-style: solid;
  border-radius: 50%;
  background-color: rgb(57, 181, 74);
  width: 14px;
  height: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: -4px;
  right: 1px;
}

.chtImg .chatHead {
  margin-left: 1rem;
}

.chtImg .chatHead p {
  margin: 0;
  font-size: 1rem;
  color: #465157;
}

.messangerSec .activeOne {
}

.messangerSec .activeOne span {
  position: relative;
}

.messangerSec .activeOne span:before {
  content: "";
  position: absolute;
  right: 0;
  background: #39b54a;
  width: 7px;
  height: 7px;
  border-radius: 50%;
}
.messangerSec .activeOne .text-muted {
  color: #22a0b6 !important;
}
   .messangerSec {
  padding: 0 15px;
  overflow: hidden;
}

.messangerSec .profile-image {
  /*width: 50px;
    height: 50px;
    border-radius: 40px;*/
}

.chatSec {
  overflow-y: auto;
  border: 1px solid #eee;
  width: 100%;
  height: 470px;
  transition: ease all 0.5s;
  padding: 3rem 0 0;
}

.chat-panel .row {
  margin: 0;
}

.messangerSec .settings-tray {
  background: #fff;
  padding: 30px 33px;
  border-radius: 0;
}

.messangerSec .settings-tray .no-gutters {
  padding: 0;
}

.messangerSec .settings-tray--right {
  display: block;
  text-align: right;
}

.messangerSec .settings-tray--right i {
  margin-top: 10px;
  font-size: 35px;
  color: #2278ba;
  margin-left: 14px;
  transition: 0.3s;
}

.messangerSec .settings-tray--right i:hover {
  color: #74b9ff;
  cursor: pointer;
}

.messangerSec .search-box,
.insideSearch .input-group {
  background: #dfdddd;
  padding: 0 0;
}

.messangerSec .search-box .input-wrapper {
  background: #f9f9f9;
  border-radius: 0;
  position: relative;
}

.messangerSec .search-box .input-wrapper i {
  color: grey;
  margin: 0 10px 0 15px;
  vertical-align: middle;
  font-size: 18px;
  position: absolute;
  right: 10px;
  top: 15px;
  border-left: 2px solid #94989a;
  padding: 0 0 0 10px;
}

.messangerSec input {
  border: none;
  border-radius: 0;
  width: 100%;
  height: 62px;
  background-color: transparent;
  padding: 0 20px;
}

.messangerSec input::placeholder {
  font-size: 16px;
  color: #808080;
  font-weight: 400;
}

.messangerSec input:focus {
  outline: none;
}

.messangerSec .friend-drawer {
  padding: 15px 20px;
  display: flex;
  justify-content: space-between;
  vertical-align: baseline;
  background: #fff;
  border-bottom: 1px solid #eee;
  transition: 0.3s ease;
  align-items: center;
}

.messangerSec .friend-drawer--grey {
  background: #eee;
}

.messangerSec .friend-drawer .text {
  margin-left: 10px;
  width: 85%;
}

.messangerSec .friend-drawer .text h6 {
  margin-bottom: 0;
  font-size: 20px;
  color: #000000;
  font-weight: 600;
}

.messangerSec .friend-drawer .text p {
  margin: 0;
  font-size: 12px;
  color: #848484;
  font-weight: 400;
}

.messangerSec .friend-drawer .time {
  font-size: 12px;
  color: #000000 !important;
  font-weight: 600;
}

.messangerSec .friend-drawer--onhover:hover {
  background: #f6f6f6;
  cursor: pointer;
}

.messangerSec .friend-drawer--onhover:hover h6,
.messangerSec .friend-drawer--onhover:hover .time {
  color: #1b1b1b !important;
}
.messangerSec .friend-drawer--onhover:hover p {
  color: #fb6803 !important;
}

.messangerSec .chat-bubble {
  padding: 10px 14px;
  /* background: #eee; */
  margin: 10px 10px;
  border-radius: 9px;
  position: relative;
  /* min-width: 680px; */
  /* max-width: 500px; */
  /* animation: fadeIn 1s ease-in; */
  /* display: flex; */
  /* align-items: flex-start; */
  display: flex;
  align-items: flex-start;
}

.messangerSec .chat-bubble:after {
  content: "";
  position: absolute;
  top: 50%;
  width: 0;
  height: 0;
  border: 20px solid transparent;
  border-bottom: 0;
  margin-top: -10px;
}

.messangerSec .chat-bubble--left:after {
  left: 0;
  border-right-color: transparent;
  border-left: 0;
  margin-left: -20px;
}

.messangerSec .chat-bubble--right:after {
  right: 0;
  border-left-color: #2e3191;
  border-right: 0;
  margin-right: -20px;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.messangerSec .chat-bubble--right {
  background: #2e3191;
  color: #fff;
}

.messangerSec .chat-box-tray {
  background: #fff;
  display: flex;
  align-items: baseline;
  padding: 10px 42px 10px 0;
  align-items: center;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  border-top: 1px solid #ccc;
}

.messangerSec .chat-box-tray input {
  margin: 0 10px;
  padding: 6px 15px;
  width: 100%;
  font-size: 13px;
}

.messangerSec .chat-box-tray i {
  color: #020202;
  font-size: 18px;
  vertical-align: middle;
  margin: 0;
}



.insideSearch {
  width: 35%;
  background: #eee;
  border-left: 1px solid #eee;
  z-index: 1;
  transform: translateX(100%);
  position: absolute;
  top: 0;
  right: -35%;
  transition: ease all 0.5s;
}

.chat-panel.show .insideSearch {
  transform: translateX(0%);
  right: 0;
}

.chat-panel.show .chatSec {
  width: calc(100% - 35%);
}

.chat-panel {
  display: flex;
  overflow: hidden;
  position: relative;
  background-color: #fff;
}

.insideSearch .input-group .searchBtn,
.insideSearch .input-group .closeSearchBtn {
  background: #fff;
  border: 0;
  border-radius: 50px 0 0 50px;
  padding: 0 12px;
}

.insideSearch .input-group input {
  border-radius: 0;
  font-size: 14px;
  width: 68%;
}

.insideSearch .input-group .closeSearchBtn {
  border-radius: 0 50px 50px 0;
}

.attachedFile {
  display: inline;
  position: relative;
}

.attachedFile input {
  position: absolute;
  top: -9px;
  left: 6px;
  width: 100%;
  height: 30px;
  opacity: 0;
  z-index: 1;
}

.attachedFile {
  display: inline;
  position: relative;
}

.attachedFile input {
  position: absolute;
  top: -9px;
  left: 6px;
  width: 100%;
  height: 30px;
  opacity: 0;
  z-index: 1;
}

.emojiDropDown.show .dropdown-menu {
  width: 500px;
  display: flex;
  flex-flow: row wrap;
  padding: 0;
  margin: 0;
}

.emojiDropDown .dropdown-menu a {
  flex: 0 0 10%;
  padding: 8px 0;
  text-align: center;
}

.emojiDropDown .dropdown-menu a i:last-of-type,
.emojiDropDown .dropdown-menu a i {
  margin: 0;
  font-size: 20px;
  color: #b5b5b5;
}

.emojiDropDown .btn i:last-of-type {
  margin: 0;
}

.emojiDropDown .btn:after {
  content: none;
}

.messangerSec .mycontainer6 {
  width: auto;
  margin-right: 0;
}

.messangerSec .mycontainer6 .emojionearea.emojionearea-inline {
  height: 40px;
  border-radius: 100px;
  border: 0;
}

.messangerSec .mycontainer6 .emojionearea.emojionearea-inline .emojionearea-editor {
  height: 40px;
  padding-top: 10px;
}

.messangerSec .mycontainer6 .emojionearea.emojionearea-inline .emojionearea-button {
  top: 8px;
  right: 6px;
}

.mesag {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.mesag h6 {
  font-size: 28px;
  color: #24243a;
  font-weight: 600;
  margin: 0;
}

.jhnmsngr .friend-drawer .text {
  width: 100%;
  text-align: left;
  padding-left: 10px;
}

.mesg-bx {
  width: 100%;
  padding: 17px 20px;
  background-color: #050059;
  /* box-shadow: 0px 4px 7px 0px rgba(0, 0, 0, 0.07); */
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
  margin: 10px 0 0 0;
  display: inline-block;
  vertical-align: top;
}

.mesg-bx p {
  font-size: 16px;
  color: #fff;
  font-weight: 400;
  margin: 0;
}

.messangerSec .chat-bubble img {
  display: inline-block;
}

.messangerSec .chat-bubble span {
  display: block;
  padding-left: 0;
  padding-top: 12px;
  font-size: 13px;
  color: #adadad;
}

.bluebg .mesg-bx {
  margin: 0 0 0 0;
  width: 100%;
  background-color: #f6f6f6;
}

.bluebg .chat-bubble span {
  text-align: right;
  width: 100%;
  margin-top: 0;
}

.bluebg .mesg-bx p {
/*  color: #465157;*/
}

.dse .settings-tray {
  padding: 25px 33px;
  border-bottom: 1px solid #edeff0;
}

.papr-clp {
  position: relative;
  border-radius: 50%;
  background-color: rgb(235, 235, 235);
  width: 60px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
}

.messangerSec .chat-box-tray .papr-clp input {
  position: absolute;
  left: 0;
  width: 100%;
  opacity: 0;
  padding: 0;
  margin: 0;
  right: 0;
}

/*.messangerSec .chat-box-tray .fa-paper-plane,*/
.messangerSec .chat-box-tray button{
  width: 65px;
  height: 50px;
  background-color: #00ffff;
  font-size: 18px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin-left: 0 !important;
}

.mesgHfs h5 {
  font-size: 19px;
  margin: 0;
}

.bluebg .mesgHfs h5 {
  text-align: right;
  margin: 0 0 10px;
}
.mesgHfs {
  padding-left: 16px;
}
.bluebg .mesgHfs {
  padding-left: 0;
  margin-right: 20px;
}
.chatHead h6 {
  font-size: 22px;
  color: #1b1b1b;
  margin: 0;
  font-weight: 600;
}
.chat-box-tray img {
  margin: 0 15px;
}

.bar1 {
  margin: 0;
}
.bar1,
.bar2,
.bar3 {
  width: 17px;
  height: 2px;
  background-color: #fff;
  margin: 3px 0 0px;
  transition: 0.4s;
}
.sidemenu.showSide {
  left: 0;
}
.change .bar1 {
  -webkit-transform: rotate(-45deg) translate(-9px, 6px);
  transform: rotate(-45deg) translate(0px, 0px);
}
.change .bar2 {
  opacity: 0;
}
.change .bar3 {
  -webkit-transform: rotate(45deg) translate(-8px, -8px);
  transform: rotate(45deg) translate(-7px, -8px);
}

.change .bar3 {
  -webkit-transform: rotate(45deg) translate(-8px, -8px);
  transform: rotate(45deg) translate(-7px, -8px);
}

.bars {
  display: none;
}
.chatPage {
  padding: 6rem 0;
  background: #f0f1f8;
}
.chtImg {
  display: flex;
  align-items: center;
}

.chtImg figure {
  position: relative;
  margin: 0;
}

.chtImg figure span {
  border-width: 2px;
  border-color: rgb(255, 255, 255);
  border-style: solid;
  border-radius: 50%;
  background-color: rgb(57, 181, 74);
  width: 14px;
  height: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: -4px;
  right: 1px;
}

.chtImg .chatHead {
  margin-left: 1rem;
}

.chtImg .chatHead p {
  margin: 0;
  font-size: 1rem;
  color: #465157;
}

.messangerSec .activeOne {
}

.messangerSec .activeOne span {
  position: relative;
}

.messangerSec .activeOne span:before {
  content: "";
  position: absolute;
  right: 0;
  background: #39b54a;
  width: 7px;
  height: 7px;
  border-radius: 50%;
}
.messangerSec .activeOne .text-muted {
  color: #22a0b6 !important;
}
   /*Chat page Css 18/2/22*/
.dropdown-menu.submenu li {
    position: relative;
    clear: both;
}
.dropdown-item.dropdown-toggle::after {
    float: right;
  margin-top: 5px;
  border-left: .3em solid;
  border-top: .3em solid transparent;
  border-right: 0;
  border-bottom: .3em solid transparent;
}

.secinteractivemap {
  padding-bottom: 40px;
}
.secinteractivemap h4 {
  font-size: 20px;
  text-align: center;
  line-height: normal;
}
.menu li:hover > ul.dropdown-menu {
    display: block;
}
.dropdown-submenu {
    position:relative;
}
.dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top:-6px;
}
.menu > li > a:hover:after {
    text-decoration: underline;
    transform: rotate(-180deg);
} 
.menu li a.btn_lightblue{
	color: rgb(5, 0, 89);
}
.menu li a.btn_darkblue{
	color: rgb(255, 255, 255);
}
.menu li a.btn_lightblue:hover{
	color: rgb(255 255 255);
}
.menu li a.btn_darkblue:hover{
	color: rgb(5, 0, 89);
}
.nav-link.dropdown-toggle {
  padding: 20px 0;
}
.menu li a.dropdown-item {
  text-transform: none;
  width: 100%;
  font-size: 16px;
  font-weight: 500;
  padding: 14px;
  color: #050059;
  background-color: #fffFFF2B;
  border-style: solid;
  border-width: 1px;
  border-color: #9a97972B;
}
.menu li a.dropdown-item:hover {
  background-color: #050059;
  color: #0bd4e3;
}
.dropdown-menu.submenu {
  border-radius: 0;
  margin-top: -2px;
  padding: 0;
}
.menu li.has-btn a {
  display: inline-block;
  margin-left: 10px;
}
.menu li.has-btn a:first-child{
  margin-left: 0px;
} 
.dropdown-menu.submenu .dropdown-menu.submenu {
    position: absolute;
    left: 100%;
    top: 2px;
    margin-left: -1px;
    min-width: 280px;
}


.blog-listing .card-text {
  line-height: 21px;
  font-size: 15px;
  font-weight: 300;
}
.blog-listing .card-title {
  font-size: 16px;
  font-weight: 500;
    min-height: 50px;
    max-height: 50px;
}
.blog-post-image{
    max-width: 340px; 
    max-height: 265px; 
    min-width: 340px; 
    min-height: 265px;
}
.blog-post-image-main .blog-post-image {
  width: 100%;
  max-width: 100%;
  max-height: 100%; 
  min-width: 100%;
    min-height: 100%;
}
/*@media only screen and (max-width: 768px) {*/
/*    .blog-post-image {*/
        /*height: auto;*/
        /*max-width: 285px !important;*/
        /*max-height: 235px !important;*/
        /*min-width: 285px !important;*/
        /*min-height: 235px !important;*/
/*        max-width: 100%;*/
/*    height: auto;*/
/*    }*/
/*    .blog-listing .card-text {*/
/*    line-height: 21px;*/
/*    font-size: 15px;*/
/*    font-weight: 300;*/
/*    max-height: 155px;*/
/*    min-height: 85px;*/
/*    }*/
/*}*/

/*@media only screen and (min-width: 600px){*/
/*    .blog-post-image {*/
        /*height: auto;*/
        /*max-width: 285px !important;*/
        /*max-height: 235px !important;*/
        /*min-width: 285px !important;*/
        /*min-height: 235px !important;*/
        
/*        max-width: 100%;*/
/*        height: auto;*/
/*        min-width: 100%;*/
/*    }*/
/*    .blog-listing .card-text {*/
/*        line-height: 21px;*/
/*        font-size: 15px;*/
/*        font-weight: 300;*/
/*        max-height: 155px;*/
/*        min-height: 155px;*/
/*    }*/
/*}*/
.blog-detail p {
  margin-bottom: 20px;
}
.blog-detail ol {
  list-style: outside;
  padding-left: 18px;
}
.blog-detail ol {
  list-style: outside decimal;
  padding-left: 18px;
}
.blog-detail ul,.blog-detail ol {
  margin-bottom: 20px;
}
.blog-detail ul li, .blog-detail ol li {
  margin-bottom: 15px;
  line-height: normal;
}
.blog-detail-banner:before{
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	background: rgba(0,0,0,0.5);
}
.blog-detail-iner {
  max-width: 750px;
  margin: 0 auto;
}
.blog-detail-iner h2 {
  margin-bottom: 16px;
  font-size: 22px;
  font-weight: 500;
  margin-top: 5px;
}
.blog-detail-iner h3 {
  margin-bottom: 14px;
  font-size: 19px;
  font-weight: 500;
  margin-top: 5px;
}
.blog-post-mata p {
  font-weight: 300;
  font-size: 14px;
  margin-bottom: 14px;
}
.blog-post-mata {
  margin-bottom: 35px;
}
.blog-detail-iner h1 {
  font-size: 32px;
  margin-bottom: 16px;
  font-weight: 800;
}

.sectestimonials.theme-dark{
  background: #030058;
  padding: 45px 0 35px 0;
}
.sectestimonials.theme-dark .testimonials_boxm {
  background: none;
}
.sectestimonials.theme-dark .heading {
  color: #fff;
}
.sectestimonials.theme-dark .heading strong {
  color: #ddd;
}
.sectestimonials.theme-dark .testimonials_boxt h5,
.sectestimonials.theme-dark .testimonials_boxbr h6,
.sectestimonials.theme-dark .testimonials_boxbr strong,
.sectestimonials.theme-dark .testimonials_boxt p {
  color: #fff;
}
.sectestimonials.theme-dark .testimonials_boxbr {
  padding: 0px;
}
.sectestimonials.theme-dark ul.slick-dots {
  padding: 0;
}
.sectestimonials.theme-dark .headingmain {
  margin: 0;
}

/*24-02-23*/

.haboutusb_left.innovation_section_common p {
    padding: 0 0 7px 0;
}
.innovation_section_common img {
    padding: 20px 0;
}
.innovation_section_mb {
  margin-bottom: 18px;
}
.innovation_section_common h3 {
  font-size: 26px;
  line-height: 32px;
}
.innovation_section_common h4 {
  font-size: 20px;
  line-height: 26px;
}
.innovation_section_common .heading {
   margin-bottom: 12px;
}
.sechaboutus .innovation_section_common .innovation_section_bullet li{
  list-style: disc;
  padding: 4px 0;
}
ul.innovation_section_bullet {
    padding: 0 20px;
}
.innovation_section_common a:hover {
    color: #1887C5;
}


/*=============Media Query==============*/


@media (max-width: 1200px){
.col-md-4.blog-post-col {
    -ms-flex: 0 0 49.333333%;
    flex: 0 0 49.333333%;
    max-width: 49.333333%;
}
/*.blog-post-image-main .blog-post-image {
    min-height: 368px;
}*/
}

@media screen and (max-width: 1199px) {
  .dropdown-menu.submenu, .dropdown-menu.submenu .dropdown-menu.submenu  {
  position: static !important;
  background: none;
  box-shadow: none;
  border: none;
  padding-left: 10px;
/*  margin-bottom: 15px;*/
}
.show-sub-menu {

}
.menu li:hover > ul.dropdown-menu {
  display: none;
}

.dropdown-menu.submenu .dropdown-menu.submenu {
  width: 100%;
}
.menu {
    align-items: flex-start;
    padding-left: 20px;
    overflow: auto;
    padding-top: 90px;
    padding-right: 20px;
}
ul.menu li a {
  text-align: left;
}
.menu li a.dropdown-item {
  border-bottom: none !important;
}
.has-btn .btn_darkblue {
  text-align: center;
}
.nav-item.dropdown .dropdown-menu-responsive-block-main {
  background: #f39a40;
    padding: 12px;
    width: 100%;
}
.dropdown-menu-responsive-block-inner {
  background: #f39a40;
}
.menu li a.dropdown-item:hover {
  color: #fff !important;
}
.dropdown-item:active,
.dropdown-item:focus, .dropdown-item:hover {
  background-color: #007bff00;
}
.menu .has-btn.last {
  text-align: left;
}
.menu > li > a:hover::after {
  transform: none;
}
.dropdown-item.dropdown-toggle.show-sub-menu::after{ 
   transform: rotate(-45deg);
   border-bottom: 1px solid;
}
.ul.menu li a {
  margin-bottom: 0;
}
.has-btn.last {
  margin-bottom: 15px;
  margin-top: 15px;
}
.dropdown-menu-responsive-block-main .dropdown-toggle {
  border-bottom: 1px solid #fff;
}
.dropdown-menu.submenu .dropdown-menu.submenu {
  margin-left: 0;
}
.menu {
  gap: 0;
}
.header .main-header ul.menu > li a {
  padding: 0 30px;
}
.menu li {
    border-bottom: none;
}
.has-btn.last {
  border-bottom: none;
}
.has-btn.last a {
    padding: 0 !important;
}
.dropdown-toggle::after {
  margin-top: 5px;
  float: right;
}
}
@media screen and (max-width: 767px) {
.hbanner_boxm p br {
  display: none;
}
.btn_lightblue, .btn_darkblue {
  min-width: 150px;
  justify-content: center;
}
.ftop li {
  margin-bottom: 25px;
}
.ftop_boxm i {
  min-width: 35px;
  text-align: center;
  display: inline-block;
}
.fsocial {
  padding-top: 20px;
}
.headertleft ul li a i {
  min-width: 14px;
  font-size: 10px;
}
.slick-next {
  right: 15px;
}
.slick-prev{
  left: 15px;
}
.menu-Bar {
  top: 35px;
}
.menu-Bar span{
  background: rgb(5, 0, 89);
}
.haboutus_top {
  padding-top: 20px;
}
.solution_left .heading {
  font-size: 25px;
}
.menu li.has-btn a {
    float: left;
}
.menu li.has-btn a:first-child {
    margin-right: 10px !important;
    margin-left: 30px;
    margin-bottom: 10px;
}

.dropdown-menu.submenu, .dropdown-menu.submenu .dropdown-menu.submenu  {
  position: static;
  background: none;
  box-shadow: none;
  border: none;
  padding-left: 10px;
}
.menu li a.dropdown-item {
  border: none;
}
.menu li.has-btn a {
  display: block;
  margin-left: 0px;
}
.menu {
    align-items: flex-start;
    padding-left: 20px;
    padding-top: 25px;
    overflow: auto;
    padding-right: 30px;
}
}
@media (max-width: 992px){
.col-md-4.blog-post-col {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
/*.blog-post-image-main .blog-post-image {
    min-height: 282px;
}*/
}
@media (max-width: 550px){
.col-md-4.blog-post-col {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
}

@media (max-width: 768px){
.mainBanner {
  position: relative;
}
.mainBanner::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(255,255,255,0.7)
}
.mainBanner .container {
  z-index: 1;
}
}
/* Shopping cart icon */

.shoppingbasket {
    width:50px;
    height:44px;
    background-color:rgb(5, 0, 89);
    position:absolute;
    position: relative;
    /* top:-13px; */
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
  }

.basketitems {
  color:#fff;
  font-size:11px;
  background-color:#e74c3c;
  position:absolute;
  top:9px;
  right:-16px;
  -webkit-transform:translate(-50%,-90%);
  -moz-transform:translate(-50%,-90%);
  transform:translate(-50%,-90%);
  padding:0;
  border-radius:50px;
  height: 20px;
  width: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
ul.signup-login .has-btn {
  margin-left:auto;
}

@media (min-width: 992px) and (max-width: 1300px) {
  ul.signup-login .has-btn {
    margin-left: -110px;
}

}

.product__page__desc {
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0,0,0,.125);
  border-radius: .25rem;
  padding: 15px;
  font-size: 14px;
  color: #5A5D60;
}
.product__page__desc ul{
    list-style: disc;
    padding-left: 20px;
    margin-bottom: 20px;
}

.dataTables_wrapper .dataTables_filter{
padding: 10px 10px 10px 0px;
}

@media (min-width: 1200px) {
header .container {
  max-width: 1280px;
}
.logo img {
  position: relative;
  left: -10px;
  top: 1px;
  width: 100px;
  max-width: none;
}	
.signup-login {
  position: relative;
  left: -20px;
  gap: 8px;
}
.main-header .dropdown-menu{
  min-width: 280px;
}
}

@media (max-width: 767px) {
header .main-header ul.menu > li a.menu-button {
  padding: 0 11px;
  border: 2px solid #050059;
  background: #f0f8ff;
  width: auto;
  display: inline-block;
}
.signup-login.d-lg-none.mt-5.pr-4 {
  justify-content: start !important;
  padding-left: 20px;
  margin-top: 25px !important;
}
ul.signup-login .has-btn {
  margin-left: 0;
}
}
.footer-reg{
  color: #00ffff;
}
  .profile-experience-display {
      height: auto;
      min-height: 75px;
      overflow-y: auto;
      white-space: pre-line;
      border: 0;
      margin-top: -25px;
      background-color: transparent; 
      padding: 10px 0px;

  }
  
.review-content-profile {
    height: auto;
    min-height: 75px;
    overflow-y: auto;
    white-space: pre-line;
    border: 0;
    margin-top: 0px;
    background-color: transparent;
    padding: 10px 0px;
}