@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Jost:wght@400;700&family=Open+Sans:ital,wght@0,400;0,500;0,700;1,600&display=swap');

ul {
  list-style-type: none;
  margin: 0px !important;
  padding: 0px;
}

ul li {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  font-size: 22px;
}

p {
  font-size: 16px;
  color: #666;
}

a {
  text-decoration: none !important;
}

html {
  height: 100%;
  scroll-behavior: smooth;
}

body {
  height: 100%;
  overflow-x: hidden;
  font-family: 'Open Sans', sans-serif;
}

/* If topbar is present, push header down by 40px */
body.homepage #header {
  top: 40px;
}

/* On scroll, when topbar is hidden, bring header to the top */
body.homepage #header.header-scrolled {
  top: 0;
}

/* Hide topbar on non-homepage pages */
body:not(.homepage) #topbar {
  display: none;
}

/* On non-homepage pages, start header at the top */
body:not(.homepage) #header {
  top: 0;
}

.templateClm {
  width: 100%;
  position: relative;
  height: 100%;
}

.totaltxt {
  width: 100%;
  position: relative;
  overflow-x: hidden !important;
}

#header {
  background: #fff;
  transition: all 0.5s;
  z-index: 998; 
  padding: 15px 0;
  top: 0px; 
  left: 0;
  right: 0;
  box-shadow: 0px 2px 15px rgba(25, 119, 204, 0.1);
  position: fixed;
}

#header.header-scrolled {
  top: 0; 
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1); 
}

#topbar {
  background: #0044d3;
  height: 40px;
  font-size: 14px;
  transition: all 0.5s;
  z-index: 997;
  position: fixed; 
  top: 0; 
  left: 0;
  right: 0;
  transition: all 0.5s;
  overflow: hidden;
}

#topbar .text {
  display: inline-block;
  color: #fff;
  /* transition: transform 0.3s ease, color 0.5s ease; */
  transition: all 0.5s;
}
#topbar .text span{ font-size: 13px;margin-left: 8px;}
/* #topbar:hover .text {
  transform: scale(1.1) rotate(0deg); 
  color: #ffdd57; 
} */
#topbar .text  {
  animation: plusEffect 2s infinite ease-in-out;
  font-size: 13px;
  overflow: hidden;
}

.menu ul li {
  font-size: 16px;
  display: inline-block;
  margin-left: 10px;
}

.menu ul li a {
  color: #222;
  padding: 4px 10px 8px 10px;
  font-weight: 600;
  /* border-radius: 6px; */
}

.menu > ul > li:hover > a,
.menu ul li a#active {
  color: #0044d3;
  font-weight: 600;
  border-bottom: 2px solid #0044d3;
 
}

.submenu{ position: absolute;  display: none; padding-top: 20px;height: 245px;  width:600px;  }
.submenu > div{  background-color: #fff; border-radius: 0px 0px 6px 6px; padding: 10px;  }

.submenu ul li{ margin-left: 0; width: 100%; }
.submenu ul li a{ font-size: 13px; width: 100%; padding: 8px 10px; display: block;  color: #333;  transition: all ease-in-out 0.5s;
  -moz-transition: all ease-in-out 0.4s;
  -webkit-transition: all ease-in-out 0.4s;
  -ms-transition: all ease-in-out 0.4s;
  -o-transition: all ease-in-out 0.4s; }
.submenu ul li a:hover{  color: #fff; background-color: #0044d3; padding: 8px 10px 8px 15px !important; }

.submenu div{ height: 100%; }
.submenu div div{ height: 100%; }

.submenuimg{ position: relative; overflow: hidden; height: 100%; width: 100%; border-radius:6px; transition: all ease-in-out 0.5s;
  -moz-transition: all ease-in-out 0.4s;
  -webkit-transition: all ease-in-out 0.4s;
  -ms-transition: all ease-in-out 0.4s;
  -o-transition: all ease-in-out 0.4s; }

.img01, .img02, .img03, .img04{   display: none; width: 100%; height: 100%; }

a#menubtn {
  background-color: #0044d3;
  border: 2px solid #01204e;
  border-radius: 2px;
  box-shadow: 0px 2px 2px rgba(000, 000, 000, 0.5);
  color: #fff;
  border-bottom: none;
}

a#menubtn:hover {
  border: 2px solid #0044d3 !important;
  background-color: #01204e;
}

.respbar {
  color: #0044d3;
  cursor: pointer;
}

.respbar img {
  width: 30px;
}

.repon_menu {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  background-color: #fff;
  padding: 10px;
  width: 250px;
  box-shadow: 0px 4px 6px rgba(000, 000, 000, 0.5);
  transition: all 0.5s ease;
  right: -100%;
}

.repon_menu ul {
  margin: 0px !important;
  padding: 0px !important;
}

.repon_menu ul li a {
  color: #333;
  padding: 13px 20px;
  display: block;
  border-bottom: 1px solid #eee;
  font-size: 14px;
  font-weight: 600;
}

.repon_menu ul li a:hover,
.repon_menu ul li #activetab {
  background-color: #0044d3;
  color: #fff;
}
.repon_menu ul li ul {margin-left: 10px; }  
.repon_menu ul li ul li{  width: 100%; }
.repon_menu ul li ul li a{ font-size: 12px; width: 100%; padding: 8px 30px; display: block; border-top: 1px solid  rgba(0, 0, 0, 0.2);}

.tran01 {
  transition: all ease-in-out 0.5s;
  -moz-transition: all ease-in-out 1s;
  -webkit-transition: all ease-in-out 1s;
  -ms-transition: all ease-in-out 1s;
  -o-transition: all ease-in-out 1s;
}

.tran02 {
  transition: all ease-in-out 1.2s;
  -moz-transition: all ease-in-out 1.2s;
  -webkit-transition: all ease-in-out 1.2s;
  -ms-transition: all ease-in-out 1.2s;
  -o-transition: all ease-in-out 1.2s;
}

.tran03 {
  transition: all ease-in-out 1.5s;
  -moz-transition: all ease-in-out 1.5s;
  -webkit-transition: all ease-in-out 1.5s;
  -ms-transition: all ease-in-out 1.5s;
  -o-transition: all ease-in-out 1.5s;
}

.tran04 {
  transition: all ease-in-out 1.7s;
  -moz-transition: all ease-in-out 1.7s;
  -ms-transition: all ease-in-out 1.7s;
  -webkit-transition: all ease-in-out 1.7s;
  -o-transition: all ease-in-out 1.7s;
}

.tran05 {
  transition: all ease-in-out 1.9s;
  -moz-transition: all ease-in-out 1.9s;
  -webkit-transition: all ease-in-out 1.9s;
  -ms-transition: all ease-in-out 1.9s;
  -o-transition: all ease-in-out 1.9s;
}

.tran06 {
  transition: all ease-in-out 2.1s;
  -moz-transition: all ease-in-out 2.1s;
  -webkit-transition: all ease-in-out 2.1s;
  -ms-transition: all ease-in-out 2.1s;
  -o-transition: all ease-in-out 2.1s;
}

.tran07 {
  transition: all ease-in-out 2.3s;
  -moz-transition: all ease-in-out 2.3s;
  -webkit-transition: all ease-in-out 2.3s;
  -ms-transition: all ease-in-out 2.3s;
  -o-transition: all ease-in-out 2.3s;
}

/* .fromtopcol{ opacity:0; transform:translateY(500px); z-index:5; } */
.frombackcol {
  opacity: 1;
  transform: translateY(0);
  z-index: 2;
}

.fromleftcol {
  opacity: 1;
  transform: translateX(0);
  z-index: 5;
}

.fromrightcol {
  opacity: 1;
  transform: translateX(0);
  z-index: 5;
}

.animibacknrml {
  opacity: 1;
  transform: translateY(0);
}

.animileftnrml {
  opacity: 1;
  transform: translateX(0);
}

.animirightnrml {
  opacity: 1;
  transform: translateX(0);
}

.banner {
  height: 100%;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.bannerText {
  position: absolute;
  display: table;
  height: 100%;
  z-index: 22;
  width: 100%;
  left: 0;
  right: 0;
  background-image: url('../images/hand.png');
  background-color: rgba(000, 000, 000, 0.6);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right bottom;
}

.bannerText>div {
  height: 100%;
  display: table-cell;
  vertical-align: middle;
}

.bannerText h1 {
  font-size: 35px;
  color: #fff;
  font-weight: 600;
}

.bannerText p {
  color: #fff;
  font-size: 16px;
  margin-bottom: 0;
}

.video-size {
  width: 100%;
  position: relative;
  height: 100%;
  border: none !important;
  overflow: hidden;
}

.video-size video {
  width: 100%;
  height: auto;
}

h1.mainheadings {
  font-size: 40px;
  color: #5b5b5b;
  font-weight: 500;
  margin-bottom: 10px;
}

#about-us-page {
  background-size: 1000px;
}

.bodycontent {
  padding: 40px 0px;
  position: relative;
}
.bg-layer::before{content: "";position: absolute;background-color: rgba(39, 39, 39,0.82);width: 100%;left: 0;top: 0;height: 100%;}
.bodycontent p{ text-align: justify; line-height: 32px; }

.bannerlayer {
  background-image: url(../images/get-in-touch.jpg);
  height: 600px;
  background-size: cover;
  background-position: center;
  text-align: center;
  width: 100%;
}

.layer {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 600px;
  background-color: rgba(22, 22, 22, 0.6);
  width: 100%;
}

/* .bannerlayer::before {content: '';position: absolute;background-color: rgba(22, 22, 22, 0.6);height: 600px;} */
#Aboutsection {
  border-bottom: 10px solid #0044d3;
  /* background-image: url(../images/mark.png); */
  /* background-position: right bottom;
  background-size: 500px;
  border-image: linear-gradient(0.25turn, rgb(0, 68, 211) 0.7%,  rgb(0, 68, 211)26.1%);
  border-image-slice: 1; */
}

#Aboutsection h2 {
  color: #0044d3;
  font-size: 25px;
}

.aboutimg img {
  width: 100%;
  border-radius: 10px;
}

.about {
  display: flex;
  align-items: center;
  justify-self: center
}

.btncol-abt {
  position: relative;
  display: inline-block;
  border-radius: 6px;
  overflow: hidden;
}

.btncol-abt p {
  position: relative;
  margin-bottom: 0;
  z-index: 22;
  font-size: 14px;
}

.btncol-abt p a {
  color: #0044d3;
  display: block;
  padding: 6px 20px;
  font-weight: 600;
  border: 2px solid #0044d3;
  border-radius: 6px;
  /* font-size: 14px; */
}

/* .btncol-abt::after {
  position: absolute;
  content: '';
  left: 0;
  top: 0;
  bottom: 0;
  right: 100%;
  background: #0044d3;
  transition: all ease-in-out 0.2s;
  -moz-transition: all ease-in-out 0.2s;
  -webkit-transition: all ease-in-out 0.2s;
  -ms-transition: all ease-in-out 0.2s;
  -o-transition: all ease-in-out 0.2s;
} */
/* 
.btncol-abt:hover.btncol-abt::after {
  right: 0;
} */

.btncol-abt p:hover a {
  color: #fff;
  /* border-image-source: #0044d3; */
  background-color: #0044d3;
}


.btncol {
  position: relative;
  display: inline-block;
  border-radius: 6px;
  overflow: hidden;
}

.btncol p {
  position: relative;
  margin-bottom: 0;
  z-index: 22;
  font-size: 14px;
}

.btncol p a {
  color: #fff;
  display: block;
  padding: 6px 20px;
  font-weight: 600;
  border: 2px solid #fff;
  border-radius: 6px;
}
/* 
.btncol::after {
  position: absolute;
  content: '';
  left: 0;
  top: 0;
  bottom: 0;
  right: 100%;
  background: #0044d3;
  transition: all ease-in-out 0.2s;
  -moz-transition: all ease-in-out 0.2s;
  -webkit-transition: all ease-in-out 0.2s;
  -ms-transition: all ease-in-out 0.2s;
  -o-transition: all ease-in-out 0.2s;
} */

/* .btncol:hover.btncol::after {
  right: 0;
} */

.btncol p:hover a {
  color: #0044d3;
  /* border-image-source: #fff; */
  background-color: #fff;
}

.team {
  background-position: center;
  background-size: cover;
  height: 600px;
  width: 100%;
}

.twocol {
  min-height: 500px;
  padding: 30px;
  background-size: cover;
  margin-bottom: 30px;
}

.twocol h2 {
  font-size: 30px;
  color: #fff;
  margin-bottom: 30px;
}

.twocol p {
  color: #fff;
}

.Rapid-innovation {
  margin-bottom: 30px;
  overflow: hidden;
  position: relative;
}

.Rapid-innovation .contenttext {
  background-color: #0044d3;
  padding: 50px;
  position: relative;
}

.Rapid-innovation .contenttext::after {
  position: absolute;
  left: 0px;
}

.Rapid-innovation p {
  color: #fff;
}

.Rapid-innovation h1 {
  color: #fff;
  font-weight: 700;
}

.unfailing-integrity {
  background-color: #b6eefd;
  padding: 50px;
  overflow: hidden;
  background-image: url(../images/unfailing-intigrity.png);
  background-size: cover;
  background-position: right;
}

.unfailing-integrity h1 {
  color: #0044d3;
  font-weight: 700;
}

.our-appr {
  position: relative;
}

.bgmark {
  position: absolute;
  right: 0;
  left: 0;
  display: flex;
}

.bgmark img {
  width: 200px;
  float: right;
}

.bgmark {
  position: absolute;
  right: 0;
  left: 0;
  display: flex;
  top: 0;
  padding: 20px 0 5px 0;
}

.bgmark img {
  width: 120px;
  float: right;
}

.colmfourimg {
  width: 100%;
}

.colmfourimg i {
  margin-bottom: 10px;
  color: #0044d3;
  font-size: 38px;
}

.colmfour {
  position: relative;
  padding: 20px 40px 40px 40px;
  margin-bottom: 10px;
  overflow: hidden;
  background-color: #f6f6f6;
  border-radius: 20px;
  height: 85%;
  transition: all 0.8s ease-in-out;
  box-shadow: 0 0 5px rgba(221, 221, 221, 0.2);
  text-align: center;
  margin-top: 20px;
}

/* .colmfour:hover{transform: scale(1.1);background-image:linear-gradient(312.1deg, rgb(77, 238, 253) 0.7%, rgb(3, 151, 232) 26.1%, rgb(47, 31, 116) 95.7%);} */
/* .colmfour:hover{transform: scale(1.1);}
.colmfour > div { position: relative; z-index: 22; } */
/* .colmfour::after{ position: absolute; content: ''; left: 0; right: 0; bottom: 0; background-color: #e7ebed; height: 80%; border-radius: 10px; } */
/* .fourcolmtxt{ padding: 0px 20px 20px 20px; } */

.fourcolmtxt h3 {
  font-weight: 700;
  color: #0044d3;
  font-size: 20px;
}

.fourcolmtxt p {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 26px;
  text-align: center;
}

.colmfour:hover .fourcolmtxt h3 {
  color: #0044d3;
}

/* .colmfour:hover .fourcolmtxt p{color: #fff;}
.colmfour:hover .colmfourimg  i{color: #fff;} */


.mail:hover {
  font-weight: 600;
}

/* .Joinourteam img{ margin-bottom: 20px; } */

.footer {
  background-color: #efeef3;
  padding: 30px;
  font-family: 'Open Sans', sans-serif;
}

.footer h5 {
  font-weight: 600;
}

.footerlinks {
  padding: 0px 20px;
  text-align: center;
}

.loc {
  margin-left: 5px;
}

.loc p {
  font-size: 12px;
  font-weight: 500;
  line-height: 24px;
}

.footerlinks ul {
  text-align: center;
}

.footerlinks ul li {
  font-size: 16px;
  padding: 4px 10px;
  font-weight: 500;
  display: inline-block;
}

.footerlinks ul li a {
  color: #666;
}

.footerlinks ul li a#active {
  /* background: linear-gradient(112.1deg, rgb(23, 11, 191) 0.7%, rgb(3, 151, 232) 26.1%, rgb(47, 31, 116) 95.7%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; */
  color: #0044d3;
  font-weight: 600;
}

/* .footerlinks ul li:before {
  content: '\f105 ';
  font-family: 'FontAwesome';
  color: #333;
  font-size: 10px;
  vertical-align: middle;
  position: absolute;
  left: 0;
  top: 10px;
} */

.footerlinks ul li a:hover {
  color: #0044d3;
}

.mediaicon {
  float: right;
}

.mediaicon ul li {
  display: inline;
}

.mediaicon ul li p {
  font-weight: 500;
  margin-bottom: 10px;
}

.mediaicon ul li i {
  text-align: center;
  display: inline-block;
  border-radius: 100%;
  position: relative;
  text-align: center;
  margin-right: 10px;
  width: 40px;
  height: 40px;
  font-size: 16px;
  line-height: 40px;
  background-color: #fff;
  color: #0044d3;
}

.mediaicon ul li i:hover .mediaicon ul li .hover-icon {
  display: block;
}

.mediaicon ul li a img {
  width: 40px;
}

.privacy {
  margin-left: 9px;
  border-bottom: 1px solid rgb(0, 91, 170);
  position: relative;
  display: inline-block;
  transition: all 0.3s ease-in;
}

.privacy:hover {
  border-bottom: 1px solid #fff;
}


.copyrts {
  text-align: center;
  background-color: #0044d3;
  font-family: 'Open Sans', sans-serif;
}

.copyrts p {
  margin-bottom: 0px;
  color: #fff;
  font-size: 12px;
  padding: 10px 0px;
  font-weight: 400;
  text-align: left;
}

.social-icon-style-09 a {
  text-align: center;
  display: inline-block;
  border-radius: 100%;
  position: relative;
  text-align: center;
  margin-right: 10px;
}

.social-icon-style-09 a:hover {
  color: #fff
}

.large-icon a {
  width: 30px;
  height: 30px;
  font-size: 16px;
  line-height: 30px;
  background-color: #fff;
}

.large-icon .facebook {
  color: #3b5998;
}

.large-icon .linkedin {
  color: #007bb6;
}

.large-icon {
  display: flex;
  flex-direction: row;
  text-align: end;
  align-items: end;
  justify-content: flex-end;
  padding: 10px 0px;
}

.social-icon-style-09 a:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
  border: 1px solid;
  border-radius: 100%;
  opacity: 0;
  -webkit-transition: all .5s cubic-bezier(0, 0, .2, 1);
  transition: all .5s cubic-bezier(0, 0, .2, 1);
}

.social-icon-style-09 a:hover:after {
  opacity: .8;
  -webkit-transform: scale(1.3);
  -moz-transform: scale(1.3);
  -ms-transform: scale(1.3);
  -o-transform: scale(1.3);
  transform: scale(1.3);
}

.social-icon-style-09 a.facebook:after {
  border: 1px solid #fff;
}

.social-icon-style-09 a.linkedin:after {
  border: 1px solid #fff;
}

.social-icon-style-09 a.facebook:hover {
  background-color: #3b5998;
}

.social-icon-style-09 a.linkedin:hover {
  background-color: #007bb6;
}

.play video {
  width: 100%;
  text-align: center;
}


.innerbanner {
  height: 400px;
  width: 100%;
  position: relative;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: cover;
  background-position:center;
  /* background-attachment: fixed; */
}

.innerbannerText {
  position: absolute;
  display: table;
  height: 100%;
  z-index: 22;
  width: 100%;
  left: 0;
  right: 0;
  background-color: rgba(57, 83, 133,0.3);
  background-size: 1000px;
  background-repeat: no-repeat;
  background-position: right bottom;
  padding-bottom: 20px;
}

.innerbannerText>div {
  display: table-cell;
  vertical-align: bottom;
}

.innerbannerText h1 {
  font-size: 45px;
  color: #fff;
  font-weight: bold;
}

/* .innerbannerText h4{  } */


.abtconnet h3 {
  font-size: 24px;
  font-weight: bold;
  color: #0044d3;
  /* background-color: #0044d3;
  background-image: linear-gradient(515deg, #0044d3 30%, #231f20 74%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-transform: uppercase; */
  margin-bottom: 20px;
  text-align: center;
  text-transform: uppercase;
}

.abtconnet h5 {
  font-weight: 400;
  line-height: 34px;
}

.abtconnet p{ text-align: justify; }

.bgimg {
  background-position: center;
  background-attachment: fixed;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 40px;
  position: relative;
}

.bgimg>div {
  position: relative;
  z-index: 55;
}

.bgimg::after {
  position: absolute;
  content: '';
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.5);
  z-index: 22;
}

.bgimg p {
  color: #5b5b5b;
}

.teamconnet h1 {
  color: #fff;
}

.teamconnet p {
  color: #fff;
  margin-bottom: 20px;
}

.teamcol h4,
.teamcol p {
  color: #fff;
}

.teamcol img {
  width: 100%;
  margin-bottom: 10px;
  border: 1px solid #aaa;
  padding: 5px;
}

.keycolm {
  padding: 0px 20px 20px 20px;
}

.keycolm img {
  width: 100%;
}

.keycolm p {
  font-size: 16px;
}

.getintcouch {
  background:#0044d3;
  text-align: center;
  padding: 50px 0px;
}

.getintcouch h1 {
  font-size: 42px;
  color: #fff;
  font-weight: 600;
}

.btncol-get {
  position: relative;
    display: inline-block;
    border-radius: 6px;
    overflow: hidden;
}

.btncol-get p {
  position: relative;
    margin-bottom: 0;
    z-index: 22;
    font-size: 14px;
}

.btncol-get p a {
  color: #fff;
  display: block;
  padding: 6px 20px;
  font-weight: 600;
  border: 2px solid #fff;
  border-radius: 6px;
  line-height: 32px;
}

/* 
.btncol-get::after {
  position: absolute;
  content: '';
  left: 0;
  top: 0;
  bottom: 0;
  right: 100%;
  background: #fff;
  transition: all ease-in-out 0.2s;
  -moz-transition: all ease-in-out 0.2s;
  -webkit-transition: all ease-in-out 0.2s;
  -ms-transition: all ease-in-out 0.2s;
  -o-transition: all ease-in-out 0.2s;
} */

/* .btncol-get:hover.btncol-get::after {
  right: 0;
} */

.btncol-get p:hover a {
  color: #0044d3;
  /* border-image-source: #fff; */
  background-color: #fff;
}


.twoboxcol {
  background-color: #fff;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: cover;
}

.contcol {
  padding: 40px 0px;
  position: relative;
}

.contcol:after {
  position: absolute;
  content: '';
  height: 2px;
  width: 40%;
  background-color: #0044d3;
  right: -35%;
  z-index: 22;
  top: 50px;
}

/* .contcol > div{width: 90%;} */
.twoboxcol img {
  border-radius: 14px;
}
.contcol1 {
  padding: 40px 0px;
  position: relative;
}
.contcol h2 {
  font-weight: normal;
  color: #0044d3;
  font-size: 24px;
}

.contcol h5 {
  color: #666;
  font-weight: 400;
  font-size: 16px;
  text-align: justify;
  line-height: 32px;
}
.contcol1 h2 {
  font-weight: normal;
  color: #0044d3;
  font-size: 24px;
}

.contcol1 h5 {
  color: #666;
  font-weight: 400;
  font-size: 16px;
  text-align: justify;
  line-height: 32px;
}


.contcol1 p{ text-align: justify;      line-height: 32px;     color: #666;
  font-weight: 400; font-size: 16px; }


.contlef:after {
  left: -53%;
  width: 50%;
  top: 57px;
}

.servbtn p{ line-height: 25px !important; }
.servbtn p a{ font-size: 10px; padding: 0px 10px; line-height: auto !important; }

.servimg {
  padding-bottom: 20px;
}

.Manufacolm {
  background-position: right center;
  background-size: 50%;
  background-repeat: no-repeat;
}

.Manufacolm h1 {
  font-size: 28px;
  font-weight: 600;
  color: #0044d3;
}

.Manufacolm p {
  padding: 0px 0px;
}

.faciliImg {
  margin-bottom: 20px;
}

.faciliImg img {
  width: 100%;
}

.rAndD {
  background-position: left center;
  background-size: 50%;
  background-repeat: no-repeat;
  padding: 40px 0;
}

.rAndD h1 {
  font-size: 28px;
  font-weight: 600;
  color: #0044d3;
}

.rAndD p {
  padding: 10px 0px;
}

/* #contactpage {
  background-image: url('../images/mark.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
} */

#contactpage h4 {
  font-weight: bold;
  /* background-image: linear-gradient(515deg, #29475e 30%, #20a4f3 74%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; */
  color: #0044d3;
}

.formcolm div {
  position: relative;
}

/* .formcolm .error{ color:#FF0000; font-size: 10px !important; } */
.medium-input {
  padding: 10px 20px;
  font-size: 14px;
  margin-bottom: 0 !important;
}

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

.h-200px {
  height: 230px;
}

input,
select,
textarea {
  border: 1px solid #dfdfdf;
  padding: 10px 15px;
  width: 100%;
  margin: 0 0 15px 0;
  max-width: 100%;
  resize: none;
  outline: 0;
  color: #828282;
  line-height: initial;
  word-break: initial;
  border-radius: 5px;
}

.margin-4-rem-bottom {
  margin-bottom: 4rem;
}

::placeholder {
  font-size: 14px;
  font-weight: 500;
}

.text-start {
  display: flex;
  justify-content: center;
  align-items: baseline;
}

.text-small {
  margin-left: 10px;
}

/* .btn-medium {border-radius:8px;text-transform: uppercase;width: auto;font-weight: 500;color: #fff !important;  padding: 10px 20px; font-weight: 600;background:linear-gradient(312.1deg, rgb(77, 238, 253) 0.7%, rgb(3, 151, 232) 26.1%, rgb(47, 31, 116) 95.7%); font-size: 16px;transition: all 0.5s ease-in-out;text-align: center;border: none !important;}
.btn-medium:hover{border: 2px solid #01204e !important;color: #0044d3;} */
.bg-dark {
  background-color: #fff !important;
  box-shadow: 0 0 30px rgba(0, 0, 0, .08);
  padding: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  flex-direction: column;
  width: 60%;
  border-radius: 15px;
}


.margin-right {
  /* background: linear-gradient(312.1deg, rgb(77, 238, 253) 0.7%, rgb(3, 151, 232) 26.1%, rgb(47, 31, 116) 95.7%); */
  transition: all ease-in-out 0.2s;
  -moz-transition: all ease-in-out 0.2s;
  -webkit-transition: all ease-in-out 0.2s;
  -ms-transition: all ease-in-out 0.2s;
  -o-transition: all ease-in-out 0.2s;
  color: #fff;
  padding: 12px 30px;
  font-weight: 500;
  background-color: #0044d3;
}

.margin-right:hover,
.margin-right:focus {
  box-shadow: inset 0 -52px 0 0 #fff;
}

/* .margin-right{color: #5b5b5b;padding: 12px 30px;font-weight: 500;border-radius: 8px;border: 2px solid #0044d3;}

.margin-right:hover, .margin-right:focus{box-shadow: inset 0 -52px 0 0 #0044d3;border: none;}
.magenta:hover, .magenta:focus{box-shadow: inset 0 -52px 0 0 #0044d3;} */

/* .list ul{margin-left: 20px !important;} */
.list ul li {
  font-size: 16px;
  color: #666;
  list-style-type: none;
  padding-bottom: 14px;
  display: flex;
  align-items: baseline;
  text-align: left;
}

.list ul li i {
  color: #0044d3;
  padding-right: 10px;
}

.carousel-inner {
  border-radius: 10px;
}

.carousel-item {
  height: 400px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 40px;
  position: relative;
  border-radius: 20px !important;
}

/* .carousel-indicators{float: right;display: flex;flex-direction: column;left: 80%;top: 0%;right: 5%;} */
.carousel-indicators [data-bs-target] {
  border-radius: 50%;
  width: 12px;
  height: 12px;
  background-color: #fff;
}

/* .left-indicators{float: left !important;display: flex !important;flex-direction: column !important;top: 0%;left: -10% !important;} */
.m-left {
  width: 70%;
  margin-left: 182px;
}

/* .contlef{margin-left: 88px;} */
.m-right {
  width: 70%;
}

.privacy-txt {
  position: relative;
}

/* .privacy-txt h1 {font-size: 40px;font-weight: bold;color: #0044d3;padding-bottom: 20px;} */
.privacy-txt h4 {
  font-size: 25px;
  font-weight: bold;
  color: #0044d3;
  padding: 10px 0;
}

.privacy-txt h6 {
  font-size: 20px;
  font-weight: bold;
  color: #0044d3;
  padding-bottom: 10px;
}

.privacy-txt p {
  padding-bottom: 10px;
  margin-bottom: 0;
  line-height: 32px;
}

.privacy-txt ul li {
  list-style-type: none;
  font-size: 16px;
  padding: 0px 20px 10px 0px;
  display: block;
  color: #646464;
  line-height: 32px;
}

.privacy-txt a {
  cursor: pointer;
  text-decoration: none;
  color: #0044d3;
  font-size: 16px;
}

.privacy-in {
  padding: 0px 0px 0px 28px !important;
}

/* .top{height: 480px;} */
.cookie-txt h6 {
  font-size: 20px;
  font-weight: bold;
  color: #0044d3;
  padding-bottom: 10px;
}

.cookie-txt ul li {
  list-style-type: none;
  font-size: 16px;
  padding: 0px 20px 10px 0px;
  display: block;
  color: #646464;
  line-height: 32px;
}

.accordion-button{ font-weight: 600; font-size: 20px; outline: none !important; box-shadow: none !important; background-color: #fafafa; }
.accordion-item{ margin-bottom: 10px !important; border-radius: 10px !important;
overflow: hidden; border: 1px solid #e3e3e3 !important; }
.copyrts p{ float: left; }

.h4-text{color: #fff !important;position: relative;font-weight: 500;text-align: center; font-size: 20px;}
.m-left1{width: 80%;margin-left: 122px;}
.m-right1{width: 80%;margin-right: 122px;}
.top{margin-bottom: 20px;}


/*Extra small devices (portrait phones, less than 576px)*/
/*No media query since this is the default in Bootstrap*/
/*Small devices (landscape phones, 576px and up)*/

@media (max-width: 576px) {
.top{margin-bottom: 0;}
  .contcol{ text-align: center; }
  .bodycontent{padding: 20px 0;}
  .respohide{ display: none; }
  .mb-12{margin-bottom: 20px;}
  .resposhow{ display: block; }
  .copyrts p {padding: 0px; margin-bottom: 0; }

  .innerbannerText h1 { text-align: center; }

  .footer {
    text-align: center;
  }

  .mainheadings {
    font-weight: bold !important;
    font-size:25px;
  }

  .bannerText{ text-align: center; }

  .bannerText h1 {
    font-size: 25px;
    font-weight: bold !important;
  }

  .totaltxt {
    text-align: center;
  }
  .abtconnet,
  .our-appr {
    text-align: center;
  }

  .mobNav,
  .respoBanText {
    display: block;
  }

  .menu {
    display: none;
  }

  .bgmark img {
    width: 100px;
    position: relative;
  }

  .contcol:after {
    display: none;
  }

  .m-left {
    margin-left: 0;
    margin-top: 10px;
  }

  .getintcouch h1 {
    font-size: 40px;
  }

  .loc {
    margin-left: 0;
  }

  .footerlinks ul li {
    padding: 0 10px 0 0 !important;
  }

  .mediaicon {
    text-align: center;
    float: none;
  }

  .mediaicon ul li{ display: inline-block; padding: 0px 5px; }

  .large-icon {
    text-align: center;
    align-items: center;
    justify-content: center;
  }

  .copyrts p {
    text-align: center;
    width: 98%;
  }

  .bgmark {
    opacity: 0.3;
    z-index: -2;
  }

  .footerlinks ul {
    padding: 0;
    text-align: center;
  }

  .footerlinks {
    padding: 0;
    margin-bottom: 18px;
  }

  .bg-dark {
    width: 100%;
    padding: 20px;
  }

  .medium-textarea {
    margin-top: 10px;
  }

  .m-right {
    width: 100%;
  }

  .m-left {
    width: 100%;
  }

  .list {
    margin-top: 0px;
  }

  .logo {
    width: 200px;
  }

  .loc {
    margin-left: 0px;
  }

  .innerbanner {
    height: 180px;
    background-position: center;
    background-size: cover;
  }

  .contcol {
    padding: 0;
  }

  .video-size {
    height: 100%;
  }

  h1.mainheadings {
    font-size: 22px;
  }

  p {
    font-size: 14px;
  }

  .footerlinks ul li {
    font-size: 12px !important;
  }

  .mediaicon ul li i {
    font-size: 14px;
  }

  .video-size video {
    width: auto;
    height: 100%;
  }

  .bannerText {
    background-image: none;
  }
  .m-left1,.m-right1{margin-left: 0;width: 100%;margin-right: 0;}
  .Manufacolm h1{margin-bottom: 10px;}
  .rAndD{padding: 0}.rAndD h1{padding: 20px 0;}
}

/*Medium devices (tablets, 768px and up)*/
@media (max-width: 768px) {

  .respohide{ display: block; }
  .resposhow{ display: none; }
  .Manufacolm h1{margin-bottom: 10px;}
  .bannerText {
    background-image: none;
  }
  .m-left1,.m-right1{width: 100%;margin-left: 0;margin-right: 0;}
  .mobNav,
  .respoBanText {
    display: block;
  }

  .menu {
    display: none;
  }
  .innerbanner {
    height: 180px;
    background-position: center;
    background-size: cover;
  }

  .video-size {
    height: 100%;
  }

  h1.mainheadings {
    font-size: 22px;
  }

  p {
    font-size: 14px;
  }

  .footerlinks ul li {
    font-size: 14px;
  }

  .mediaicon ul li i {
    font-size: 14px;
  }
}

/*Large devices (desktops, 992px and up)*/
@media (max-width: 992px) {

  .respohide{ display: block; }
  .resposhow{ display: none; }
 
  .bannerText {
    background-image: none;
  }
  .innerbanner {
    height: 180px;
    background-position: center;
    background-size: cover;
  }
  .repon_menu,
  .mobNav,
  .respoBanText {
    display: block;
  }

  .menu {
    display: none;
  }

  .video-size {
    height: 100%;
  }

  h1.mainheadings {
    font-size: 22px;
  }

  p {
    font-size: 14px;
  }

  .footerlinks ul li {
    font-size: 14px;
  }

  .mediaicon ul li i {
    font-size: 14px;
  }
}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
  .respohide{ display: block; }
  .resposhow{ display: none; }
  .repon_menu,
  .mobNav,
  .respoBanText {
    display: none;
  }

  .menu {
    display: block;
  }
  /* .m-left1{width: 100%;margin-left: 0;} */
  .bannerText {
    display: table;
  }
  
}

@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .video-size {
    height: auto;
  }

  .bannerText {
    display: table;
  }
}

/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
  .innerbanner {
    height: 400px;
    background-position: center;
    background-size: cover;
  }

  .respohide{ display: block; }
  .resposhow{ display: none; }
  .repon_menu,
  .mobNav,
  .respoBanText {
    display: none;
  }

  .menu {
    display: block;
  }

  .bannerText {
    display: table;
  }
}
/* .m-left1{width: 100%;margin-left: 0;} */

.respoBanText {
  padding: 20px 0px;
}

.respoBanText h1 {
  color: #0044d3;
  font-size: 22px;
}

.thnkyou-box {
  height: 100%;
  position: relative;
  text-align: center;
  width: 100%;
  /* background-image: url('../images/mark.png');
  background-size: cover; */
  display: table;
}

.thnkyou-box-text {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

@keyframes plusEffect {
  0%, 100% {
    transform: scale(1); /* Normal size */
  }
  50% {
    transform: scale(1.1); /* Grow to 1.3 times the original size */
  }
}