@font-face {
  font-family: 'Oswald';
  src: url('../fonts/Oswald-Light.ttf'), url('../fonts/Oswald-Regular.ttf'), url('../fonts/Oswald-Medium.ttf'), url('../fonts/Oswald-SemiBold.ttf'), url('../fonts/Oswald-Bold.ttf');
}

@font-face {
  font-family: 'Roboto';
  src: url('../fonts//Roboto-Regular.ttf'), url('../fonts//Roboto-Italic.ttf'), url('../fonts//Roboto-BoldItalic.ttf');
}

* {
  margin: 0px;
  padding: 0px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  width: 100%;
  height: 100%;
  margin: 0px;
  padding: 0px;
  scroll-behavior: smooth;
}

body {
  margin: 0px;
  padding: 0px;
  background: #fff;
  overflow-x: hidden;
}

p {
  padding: 0px;
  margin: 0px;
  font-weight: 400;
}

a {
  padding: 0px;
  margin: 0px;
  outline: none;
  text-decoration: none !important;
}

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

label {
  list-style: none;
  padding: 0px;
  margin: 0px;
}

ul li {
  padding: 0px;
  margin: 0px;
}

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

input[type="text"]::-webkit-placeholder {
  opacity: 1;
}

input[type="text"]::-moz-placeholder {
  opacity: 1;
}

input[type="password"]::-webkit-placeholder {
  opacity: 1;
}

input[type="password"]::-moz-placeholder {
  opacity: 1;
}

input[type="search"]::-webkit-placeholder {
  opacity: 1;
}

input[type="search"]::-moz-placeholder {
  opacity: 1;
}

input[type="email"]::-webkit-placeholder {
  opacity: 1;
}

input[type="email"]::-moz-placeholder {
  opacity: 1;
}

input[type="tel"]::-webkit-placeholder {
  opacity: 1;
}

input[type="tel"]::-moz-placeholder {
  opacity: 1;
}

textarea::-moz-placeholder {
  opacity: 1;
}

textarea::-webkit-placeholder {
  opacity: 1;
}

a:hover {
  outline: none !important;
  text-decoration: none;
}

a:active {
  outline: none !important;
  text-decoration: none;
}

a {
  text-decoration: none !important;
}

a,
button,
input[type="submit"] {
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
}

input[type="submit"] {
  cursor: pointer;
  border: 0px;
  outline: none;
  background: none;
}

img {
  max-width: 100%;
  height: auto;
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 13px;
}

p:last-child {
  margin-bottom: 0px;
}

h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child {
  margin-bottom: 0px;
}


.headersec.fixed_header {
  top: 0;
  left: 0;
  right: 0;
  position: fixed;
  margin: 0;
  z-index: 999;
  -webkit-animation-name: animationFade;
  -o-animation-name: animationFade;
  animation-name: animationFade;
  -webkit-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -moz-box-shadow: 0 0 8px -5px #000;
  -webkit-box-shadow: 0 0 8px -5px #000;
  box-shadow: 0 0 8px -5px #000000;
  background: #ffffff;
  /* padding: 12px 0px 12px; */
}

.headersec {
  position: absolute;
  background: transparent;
  width: 100%;
  background: #fff;
  z-index: 99;
}

.headersec .container {
  position: relative;
}

.hderinr {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.hdrlgo {
  position: relative;
  width: 100px;
}

/* .hdrmenu li {
    display: inline-block;
    margin: 0px 15px;
  } */
.navbar-nav .nav-link.active,
.navbar-nav .show>.nav-link {
  color: #2D3192;
}


.hdrmenu li:first-child,
.bnrCallBtn ul li:first-child,
.abtBtn ul li:first-child {
  margin-left: 0px;
}

.hdrmenu li:last-child,
.bnrCallBtn ul li:last-child,
.abtBtn ul li:last-child {
  margin-right: 0px;
}

.hdrmenu li a {
  display: inline-block;
  color: #ffffff;
  font: 16px/20px "ArimoRegular";
  position: relative;
  padding: 0px 0px 0px;
}

.hdrmenu li a:hover,
.hdrmenu li.active a {
  color: #DC2525;
}

.menuwrap {
  display: flex;
  align-items: center;
  padding-top: 0px;
}

.logo-float {
  position: absolute;
  top: -40px;
  left: 5px;
  z-index: 23;
}

header.headersec.sticky-top .logo-float {
  position: absolute;
  top: -40px;
  left: 5px;
  z-index: 23;
}

.hderinr {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.menuwrap {
  display: flex;
  align-items: center;
  padding-top: 0px;
}

.hdrmenu li a {
  display: inline-block;
  margin: 0px 15px;
  color: #101010;
  font-family: 'Oswald';
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  text-transform: uppercase;
  position: relative;
}
.hdrmenu li.active a::after {
content: '';
    width: 100%;
    height: 3px;
    /* background: black; */
    display: flex;
    justify-content: flex-end;
    position: absolute;
    top: 44px;
    left: 0px;
    background: #DC2525;
}

.hdrmenu li.active a {
  display: inline-block;
  margin: 0px 15px;
  color: #2D3192;
  font-family: 'Oswald';
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  text-transform: uppercase;
}

.hdrcta_btn {
  margin-right: -12px;
  background: #DC2525;
  padding: 11px 31px;
}

.hdrcta_btn a {
  color: #FFF;
  font-family: Oswald;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 34px;
  text-transform: capitalize;
}
.hdrcta_btn .hdrBtn img {
  transition: all 0.3s ease 0s;
}
.hdrcta_btn .hdrBtn img:hover {
  transform: translate(0, -5px);
}
.hdrBtn:hover{
  transform: translate(0, -5px);
}
.hdrcta_btn2 {
  display: none;
  background: #ffffff;
  padding: 20px 10px;
}

.hdrlgo {
  margin-left: 43px;
  position: relative;
}

.banner {
  height: 724px;
  position: relative;
  clip-path: polygon(0 0, 100% 0px, 100% calc(91% - 100px), 0% 100%);
  background: #2d3192;
}

.banner img {
  height: 670px;
  
}

.sticky-top {
  padding: 0px;
  background: #fff;
  box-shadow: 0px 2px 5px 0px rgb(0 0 0 / 17%);
}

.banner-content {
  position: absolute;
  top: 168px;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
}

.banner-content h1 {
  color: #FFF;
  font-family: 'Oswald';
  font-size: 60px;
  font-style: normal;
  font-weight: 700;
  line-height: 77px;
  text-transform: uppercase;
  padding-top: 20px;
}

.since {
  background: #DC2525;
  padding: 7px 32px;
  color: #FFF;
  text-transform: uppercase;
  margin-bottom: 20px;
  font-weight: 700;
  line-height: 0px;
  font-size: 30px;
}

.banner-content p {
  color: #FFF;
  font-family: Roboto;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 34px;
  padding-bottom: 30px;
}

.since2 {
  background: #2D3192;
  padding: 7px 32px;
  color: #FFF;
  text-transform: uppercase;
  margin-bottom: 20px;
  font-weight: 700;
  line-height: 0px;
  font-size: 30px;
}

.about {
  position: relative;
  padding: 50px 0px;
}

.shape9 {
  position: absolute;
  right: 0;
  bottom: -160px;
  z-index: -1;
}

.about-cont h2 {
  color: #1D1D1D;
  font-family: Oswald;
  font-size: 50px;
  font-style: normal;
  font-weight: 700;
  line-height: 60px;
  /* 151.22% */
  text-transform: uppercase;
}

.line {
  width: 80px;
  height: 3px;
  margin: 0px 0px 20px;
  background: #DC2525;
  display: block;
}

.about-cont h3 {
  color: #1D1D1D;
  font-family: Roboto;
  font-size: 38px;
  font-style: italic;
  font-weight: 700;
  line-height: 44px;
  /* 115.789% */
  text-transform: capitalize;
}

.about-cont p {
  color: #1D1D1D;
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 25px;
}

.ul-head {
  color: #000;
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 26px;
  /* 183.333% */
  text-decoration-line: underline;
  text-transform: capitalize;
}

.sister-li {
  padding: 10px 0px;
}

.sister-li ul {
  padding-left: 15px;
}

.sister-li ul li {
  list-style: decimal;
}

.Industries-li {
  border: 1px solid #E1E1E1;
  background: #F3F3F3;
  padding: 10px 15px;
  margin-top: 20px;
}

.Industries-li ul {
  padding-left: 15px;
  column-count: 2;
}

.Industries-li ul li {
  list-style: disc;
}

.servBtn {
  color: #FFF;
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 26px;
  letter-spacing: 2.2px;
  text-transform: uppercase;
  background: #DC2525;
  padding: 15px 20px;
  transition: 0.3s;
}

.serv_btn {
  display: flex;
  margin-top: 10px;
  justify-content: flex-end;
  margin-right: 7px;
}

p.gfg {
  height: 51px;
}

.wp {
  margin: 0px 15px;
  transition: 0.3s;
}
.wp:hover {
  transform: translate(0, -5px);
}
.servBtn:hover {
  color: #DC2525;
  border: 1px solid #DC2525;
  background: transparent;
  transform: translateY(-3px);
}

.graphite {
  position: relative;
  clip-path: polygon(0 0, 100% 158px, 100% calc(93% - -171px), 0% 100%);
  background: #2d3192;
}

.graphite-img {
  background-image: url('../images/Subtract.webp');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 120px 0px;
}

.aboutimage {
  position: relative;
  display: flex;
  justify-content: end;
}

/*.abu1 {
  position: absolute;
  top: 0;
}
.abu2 {
  position: absolute;
  right: 0;
  top: 188px;
} */
.top-tiltle .line {
  width: 80px;
  height: 3px;
  margin: 0px 0px 20px;
  background: #DC2525;
  display: block;
  margin: 0 auto;
}

.top-tiltle h2 {
  text-align: center;
  color: #FFF;
  font-family: Oswald;
  font-size: 50px;
  font-style: normal;
  font-weight: 700;
  line-height: 60px;

  text-transform: uppercase;
}

.top-tiltle p {
  color: #FFF;
  text-align: center;
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 2.4px
}

.certification {
  position: relative;
  clip-path: polygon(0 0, 100% 100px, 100% calc(100% - 100px), 0% 100%);
  background: #ffffff;
  margin-top: -100px;
  padding: 100px 0px 50px;
}

.shape7 {
  position: absolute;
  bottom: 90px;
  right: 0;
  z-index: -1;
}

.shape8 {
  position: absolute;
  top: 50%;
  left: 0;
  z-index: -1;
}

.client-box1 {
  padding: 10px 15px 30px;
  background: #fff;
  position: relative;
}

#greatclientCarousel {
  padding: 30px 0px 50px;
  position: relative;
}
#greatclientCarousel .owl-next img:hover {
  filter: drop-shadow(0px 0px 5px #2D3192);
}
.graph-btn {
  display: flex;
  justify-content: space-between;
}

.graBtn {
  color: #FFF;
  font-family: Roboto;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 26px;
  text-transform: uppercase;
  background: #2D3192;
  padding: 10px 18px;
}
.graBtn:hover {
  color: #2D3192;
  border: 1px solid #2D3192;
  background-color: #fff;
}
.graBtn2 {
  color: #FFF;
  font-family: Roboto;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 26px;
  letter-spacing: 2.2px;
  text-transform: uppercase;
  background: #DC2525;
  padding: 10px 15px;
}
.graBtn2:hover {
  color: #DC2525;
  border: 1px solid #DC2525;
  background-color: #fff;
}
.client-box1 p {
  color: #000;
  font-family: Roboto;
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  height: 62px;
  line-height: 27px;
  text-transform: capitalize;
  padding-top: 10px;
  margin: 0px;
}

.line2 {
  width: 48px;
  height: 1px;
  margin: 0px 0px 20px;
  background: #2D3192;
  display: block;
}

.prdt-btn1 {
  color: #FFF;
  font-family: Roboto;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 26px;
  letter-spacing: 2.2px;
  text-transform: uppercase;
  border: 1px solid #fff;
  padding: 10px 25px;
}

.product-btn {
  display: flex;
  justify-content: center;
}

.prdt-btn1:hover {
  color: #DC2525;
  font-family: Roboto;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 26px;
  letter-spacing: 2.2px;
  text-transform: uppercase;
  background: #FFF;
  padding: 10px 25px;
}

#greatclientCarousel .owl-nav {
  display: block;
  position: relative;
}

#greatclientCarousel .owl-prev {
  position: absolute;
  left: -15px;
  top: -256px;
}

#greatclientCarousel .owl-next {
  position: absolute;
  right: -15px;
  top: -256px;
}

.ph-re img {
  width: 30px;
  transition: all 0.3s ease 0s;;
}
.ph-re img:hover{
  transform: translate(0, -5px);
}
.ph-re {
  position: absolute;
  right: 16px;
  top: 14px;
}

.certification .top-tiltle h2 {
  text-align: center;
  color: #1D1D1D;
  font-family: Oswald;
  font-size: 50px;
  font-style: normal;
  font-weight: 700;
  line-height: 60px;
  text-transform: uppercase;
}

#certfication {
  padding: 50px 0px;
}

.certifi-box {
  margin: 0px 40px 20px;
}

.img-cert {
  background: #FFF;
  box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.12);
  padding: 20px;
}

#certfication .owl-nav {
  display: block;
  position: relative;
}

#certfication .owl-nav .owl-prev {
  position: absolute;
  top: -390px;
  left: 0;
  background: #a7a7a7;
  width: 30px;
  height: 30px;
  border-radius: 50px;
  color: #fff;
}

#certfication .owl-nav .owl-next {
  position: absolute;
  top: -390px;
  right: 0;
  background: #a7a7a7;
  width: 30px;
  height: 30px;
  border-radius: 50px;
  color: #fff;
}

#certfication .owl-nav .owl-next:hover,
#certfication .owl-nav .owl-prev:hover {
  background: #DC2525;

}

.business {
  background: #181818;
  ;
  clip-path: polygon(0 100px, 100% 0, 100% 60%, 0 calc(100% - 100px));
  height: 700px;
  padding: 80px 0px;
}

.bus-row {
  padding-top: 50px;
}

.cont-prof p {
  color: #fff;
}

.line4 {
  width: 41px;
  height: 1px;
  background: #DC2525;
}

.cont-prof {
  padding-left: 10px;
}

.prof {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-top: 30px;
}
.item-busine:nth-of-type(3){
  padding-right: 80px;
}
.item-busine:nth-of-type(4){
  padding-right: 80px;
}
.item-busine{
  display: flex;
  justify-content: center;
  align-items: center;
}
.contact {
  padding: 30px 0px;
  position: relative;
}

.shape6 {
  position: absolute;
  top: 50px;
  right: 0;
  z-index: -1;
}

.shape5 {
  position: absolute;
  top: 50px;
  left: 0;
  z-index: -1;
}

.infobox {
  display: flex;
  justify-content: flex-start;
  padding: 10px 0px;
}

.infobox .icon {
  padding-right: 15px;
}

.infobox .details h4 {
  color: #000;
  font-family: Roboto;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  text-transform: uppercase;
  margin: 0 0 8px;
}

.infobox .details p {
  color: #292929;
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  text-transform: capitalize;
}
.infobox .details p:hover {
color: #DC2525;
}
.infobox .details a {
  color: #292929;
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
}

.infobox .details a:hover {
  color: #DC2525;
}

.footer {
  position: relative;
  clip-path: polygon(0 0, 100% 100px, 100% calc(100% - 0px), 0% 100%);
  background: #121212;
  padding: 90px 0px 50px;
  color: #fff;
}

.widget_title {
  color: #FFF;
  font-family: Roboto;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
  text-transform: uppercase;
  margin: 0px 0px 5px;
}

.ft_line {
  width: 41px;
  height: 1px;
  background: #DC2525;
  margin-bottom: 15px;
}

.link_info_box ul li {
  padding-bottom: 15px;
}
.link_info_box ul li a{
  color:#fff
}
.link_info_box ul li a:hover {
  color: #DC2525;
}

.contbox {
  display: flex;
  margin-top: 20px;
}

.contbox .icon {
  width: 15%;
}

.contbox .details-contact {
  width: 85%;
}

.contbox:nth-of-type(1) {
  display: flex;
  margin-top: 0px;
}

.contbox:nth-of-type(1) .icon {
  width: 15%;
}

.details-contact h4 {
  font-size: 16px;
  color: #FFF;
  font-family: Roboto;
  font-style: normal;
  text-transform: uppercase;
  margin: 0px 0px 5px;
}

.details-contact p {
  font-size: 14px;
}
.details-contact p:hover, .details-contact a:hover {
  color: #DC2525;
}
.contact_info_box {
  display: flex;
}

.leftinfo,
.rightinfo {
  width: 50%;
}

.details-contact a {
  color: #fff;
}

.add {
  margin: 0px 0px 5px;
}

.footerCopyright {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}

.copyright_textRgt p a {
  color: #fff;
}

.social-list {
  padding: 10px 0px 20px;
}

.sc-de {
  padding: 8px;
  border: 1px solid #fff;
  display: inline;
  border-radius: 50px;
  transition: 0.3s;
  margin-right: 7px;
}

.sc-de:hover {
  border: 1px solid #DC2525;
}

.sc-de:hover img {
  transform: translate(0, -4px);
}

/* about us */
.shape1 {
  position: absolute;
  right: 0;
  bottom: -38px;
  z-index: -1;
}

.shape2 {
  position: absolute;
  left: 0;
  bottom: 160px;
  z-index: -1;
 width:50px;
}

.aboutsecond {
  position: relative;
}

.banner-about {
  background-image: url('../images/aboutbanner.webp');
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  height: 527px;
}

.abt-banner-content {
  position: absolute;
  left: 130px;
  top: 231px;
}

.abt-banner-content h1 {
  color: #FFF;
  font-family: Oswald;
  font-size: 80px;
  font-style: normal;
  font-weight: 700;
  line-height: 77px;
  text-transform: uppercase;
  padding-top: 20px;
}

.aboutsecond .ul-head {
  color: #000;
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 26px;
  text-decoration-line: none;
  text-transform: capitalize;
}

.sister-li {
  padding: 10px 0px;
}

.aboutsecond .sister-li ul {
  padding-left: 0px;
}

.aboutsecond .sister-li ul li {
  list-style: none;
  display: flex;
  align-items: center;
  padding-bottom: 10px;
}

.circle {
  background: #2D3192;
  color: #fff;
  border-radius: 50px;
  width: 26px;
  height: 26px;
  flex-shrink: 0;
  margin-right: 5px;
  text-align: center;
}

.infastucture {
  padding: 70px 0px;
}

.infast-content {
  background-color: #F0F0F0;
  padding: 10px 20px 30px;
}

.infast-content h3 {
  color: #000;
  font-family: Roboto;
  font-size: 26px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
}

.line6 {
  width: 41px;
  height: 1px;
  background: #2D3192;
}

/* about us */
/* contact us */
.banner-contact {
  background-image: url('../images/contactbanner.webp');
  background-repeat: no-repeat;
  background-size: cover;
  height: 527px;
}

.contactsecond {
  padding: 30px 0px 50px;
  position: relative;
}

.contactsecond .top-tiltle {
  padding-bottom: 20px;
}

.shape4 {
  position: absolute;
  left: 0;
  top: 370px;
  z-index: -1;

}

.contactsecond .top-tiltle h2 {
  color: #1D1D1D;
  font-family: Oswald;
}

.info-contact {
  padding: 20px 30px;
  border: 1px solid #9F9F9F;
  background: #F0F0F0;
}

.upsec {
  background: #2D3192;
  padding: 20px 0px;
}

.upsec h4 {
  color: #fff;
  text-align: center;
  text-transform: uppercase;
}

.bottomsec {
  color: #fff;
  padding: 20px 15px;
  box-shadow: 0px 25px 46px 0px rgba(0, 0, 0, 0.05);

}

.form-group input,
.form-control {
  border: 1px solid #D1D1D1;
  background: #F3F3F3;
  margin-bottom: 10px;
}

.hdBtn {
  color: #fff;
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  text-transform: uppercase;
}

.about_btn {
  background: #DC2525 !important;
  text-align: center;
  padding: 10px 0px;
}

.quote {
  position: relative;
  padding: 30px 0px 60px;
}

.shape3 {
  position: absolute;
  right: 0;
  bottom: -10px;
  z-index: -1;
}

/* end contact us */
/* product */
.banner-product {
  background-image: url('../images/product-banner.webp');
  background-repeat: no-repeat;
  background-size: cover;
  height: 527px;
}

.productsecond .top-tiltle h2 {
  color: #1D1D1D;
  font-family: Oswald;
}

.productbox {
  margin: 20px 0px;
}

.productbox:hover {
  box-shadow: 0px 0px 5px 0px rgba(255, 0, 0, 0.199);
}

.prdt-btn {
  background-color: #DC2525;
  padding: 10px 0px;
  text-align: center;
}
.prdt-btn a:hover {
  color: #ffffff;
}
.prdbtn {
  border: none;
  background: transparent;
  color: #fff;
  font-family: Roboto;
  font-size: 20px;
  text-align: center;
}

.line6 {
  width: 48px;
  height: 1px;
  background: #2D3192;
  display: block;
}

.prod-details {
  padding: 10px 0px;
}

.prod-details h5 {
  margin: 0 0 8px;
  height: 48px;
}

.prodt-boxcont {
  padding: 40px 0px 20px;
}
.prodt-boxcont h5 {
  color: #000;
font-family: Roboto;
font-size: 30px;
font-style: normal;
font-weight: 700;
text-transform: capitalize;
}
.head-prod {
  border-bottom: 50px solid #D9D9D9;
  border-left: 25px solid transparent;
  border-right: 0px solid transparent;
  height: 0;
  width: 320px;
  text-align: center;
}

.head-prod1 {
  border-bottom: 50px solid #D9D9D9;
  border-left: 25px solid transparent;
  border-right: 0px solid transparent;
  height: 0;
  width: 320px;
  text-align: center;
}

/* .add {
  width: 390px;
} */

.head-prod h5 {
  line-height: 45px;
}

table {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 100%;
  margin-top: 30px;
}

td,
th {
  border: 1px solid #515151;
  text-align: center;
  padding: 8px;
}

td {
  border: 1px solid #515151;
  text-align: center;
  padding: 15px;
}

td:nth-child(1),
th:nth-child(1) {
  background: #F5F5E6;
}

td:nth-child(2),
th:nth-child(2) {
  background: #FAE5D9;
}

td:nth-child(3),
th:nth-child(3) {
  background: #D4E4EE;
}

td:nth-child(4),
th:nth-child(4) {
  background: #EED8E9;
}

td:nth-child(5),
th:nth-child(5) {
  background: #E5E8DA;
}

td:nth-child(6),
th:nth-child(6) {
  background: #c5e8bf;
}

td:nth-child(7),
th:nth-child(7) {
  background: #e9b6d8;
}

td:nth-child(8),
th:nth-child(8) {
  background: #b6e0e9;
}

.produ-table {
  padding: 30px 0px;
}

/* productpageend */
.floating_app_call {
  position: fixed;
  bottom: 128px;
  right: 0px;
  z-index: 99;
  transform: perspective(1px) translateZ(0);
  transition-duration: 0.3s;
  transition-property: transform;
  transition-timing-function: ease-out;
}
.floating_app_call:hover {
  transform: translateY(-8px);
}
#mybutton {
  position: fixed;
  top: 268px;
  right: -54px;
  transform: rotate(-90deg);
  z-index: 99;
}
.feedback {
  background-color: #DC2525;
  color: white;
  padding: 10px 20px;
  border-radius: 4px;
  border:1px solid #fff;
  border-color: #ffffff;
  text-transform: uppercase;
/*   transition:1s ease-out; */
}
/* .feedback:hover {
  background-color: #ffffff;
  color:#DC2525;
  padding: 10px 20px;
  border-radius: 4px;
  border:1px solid #fff;
  border-color: #ffffff;
  text-transform: uppercase;
} */
.feedback a {
  color: #fff;
}
/* modal */
#exampleModal .modal-body .widget_title {
  color: #2D3192;
  font-size: 24px;
  padding-bottom: 10px;
}

#exampleModal .form-horizontal .form-control {
  background-color: #ababab8a;
  border: 1px solid #2D3192;
  margin-bottom: 10px;
  color: #393939;
}

#exampleModal .form-group select {
  background-color: #ababab8a;
  border: 1px solid #2D3192;
  margin-bottom: 10px;
  color: #393939;
  padding: 0.375rem 0.75rem;
  width: 100%;
  border-radius: 0.375rem;
  outline: 0px;
}

#exampleModal .form-horizontal .form-control:focus,
#exampleModal .form-group select:focus {
  box-shadow: none;
}

#exampleModal .modal-header {
  border-bottom: 0px;
}

#exampleModal .modal_btn .hdBtn {
  display: inline-block;
  font: 18px/38px 'GraphikMedium';
  height: 36px;
  color: #ffffff;
  background: #dc2525;
  padding: 0px 25px;
  border-radius: 50px;
  text-align: center;
  font-family: 'Graphik';
  border: none;
}


@media only screen and (min-width: 1200px) {

  .prod-details h5 {
    margin: 0px 0px 8px;
    height: 29px;
  }
}
@media only screen and (max-width: 1200px) {

  .certification {
    margin-top: -134px;
  }

  p.gfg {
    height: 75px;
  }
  #greatclientCarousel .owl-next, #greatclientCarousel .owl-prev {
    position: absolute;
    top: -200px;
}
#certfication .owl-nav .owl-next, #certfication .owl-nav .owl-prev {
  position: absolute;
  top: -347px;
}
}
@media (min-width: 992px) and (max-width: 1060px) {
  .shape2 img {
    width: 24px;
  }
}
@media only screen and (max-width: 992px) {
  .headersec.fixed_header .collapse-button {
    top: 29px;
  }
  .wp {
    margin: 0px ; 
}
  .info-contact:nth-child(1) {
    margin-top: 30px;
  }

  p.gfg {
    height: auto;
  }

  .business {
    background: #181818;
    clip-path: none;
    height: auto;
    padding: 40px 0px;
  }
  .item-busine {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
  /* .banner {
  height: 0px;
  padding: 40px 0px;
} */
  .hdrcta_btn {
    display: none;
  }

  .hdrcta_btn2 {
    display: block;
    padding: 20px 70px 20px 5px;
  }

  .hdrBtn img {
    width: 40px;
    transition: 0.3s;
  }
  .hdrBtn img:hover {
    transform: translate(0, -4px);
  }
  .headersec .container {
    max-width: 100%;
    padding: 0px 15px;
  }

  .collapse-button {
    right: 30px;
    background: #dc2525 !important;
    top: 40px;
  }

  .wp {
    padding-right: 10px;
}

  .collapse-button .icon-bar {
    background: #ffffff;
  }

  ul.slimmenu>li {
    padding: 0px;
    margin: 0px;
  }

  ul.slimmenu>li>a {
    font-size: 14px;
    padding: 10px 13px;
  }

  ul.slimmenu {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    z-index: 9;
    background: #ffffff;
  }

  .collapse-button .icon-bar {
    margin: 4px 0;
  }

  ul.slimmenu.collapsed li {
    text-align: center;
  }

  .hdrmenu li:first-child {
    margin-left: 0px;
  }

  .headersec.fixed_header .collapse-button {
    top: 40px;
  }

  .serv_btn {
    display: flex;
    margin-top: 10px;
    justify-content: center;
    margin-right: 40px;
    padding-bottom: 40px;
  }

  .contact-details {
    order: 2;
    margin-top: 40px;
  }

  .shape6 {
    position: absolute;
    bottom: 0px;
    right: 0;
    z-index: -1;
  }

  .banner-content h1 {
    font-size: 45px;
    font-weight: 700;
    line-height: 57px;
  }

  .banner-content p {
    font-size: 16px;
    line-height: 28px;
    ;
  }

  .since,
  .since2 {
    font-size: 20px;
  }
  .aboutsecond{
    padding-top: 30px;
  }
  #certfication .owl-nav .owl-next, #certfication .owl-nav .owl-prev {
    position: absolute;
    top: -205px;
}
.graphite-img {
  padding: 140px 0px;
}
.hdrmenu li.active a::after {
display: none;
  }

}

@media only screen and (max-width: 768px) {
  #certfication .certifi-box {
    margin: 0px 7px 0px;
  }
  #mybutton {
    position: fixed;
    top: 400px;
    right: -54px;
    transform: rotate(-90deg);
    z-index: 99;
}
  #certfication .owl-nav .owl-next,
  #certfication .owl-nav .owl-prev {
    position: absolute;
    top: -200px;
  }

  .wp img {
    width: 40px;
  }

  td,
  th {
    padding: 0px;
  }

  th {
    font-size: 12px;
  }

  .produ-table {
    padding: 20px 0px;
  }
  .graph-btn {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
  }

  .graph-btn1 {
    margin-bottom: 15px;
  }
  .bus-row {
    padding-top: 30px;
}
.floating_app_call {
  position: fixed;
  bottom: 15px;
  right: 0px;
  z-index: 99;
  transform: perspective(1px) translateZ(0);
  transition-duration: 0.3s;
  transition-property: transform;
  transition-timing-function: ease-out;
}
}

@media only screen and (max-width: 767px) {
  .banner-content h1 {
    font-size: 40px;
    font-weight: 700;
    line-height: 57px;
  }

  .banner-content p {
    font-size: 16px;
    line-height: 28px;
    ;
  }

  .since,
  .since2 {
    font-size: 20px;
  }

  .bus-row .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }



  .client-box1 p {
    font-size: 16px;
    line-height: 26px;
  }

  .fr-qo {
    order: 2;
    margin-top: 30px;
  }

  .shape3 {
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
  }

  .shape6 {
    display: none;
  }
  .footerCopyright {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
  }
}

@media only screen and (max-width: 600px) {
  .banner-content h1 {
    font-size: 30px;
    font-weight: 700;
    line-height: 47px;
    font-family: 'Oswald';
  }
  .banner {
    clip-path: polygon(0 0, 100% 0px, 100% calc(96% - 100px), 0% 100%);
}
  .banner-content p {
    font-size: 12px;
    line-height: 22px;
    padding-bottom: 0px;
    padding: 0px 40px;
  }

  .since,
  .since2 {
    font-size: 16px;
  }

  .banner img {
    height: 404px;
  }

  .banner {
    height: 470px;
  }

  .banner-content {
    position: absolute;
    top: 107px;
  }

  .top-tiltle h2 {
    text-align: center;
    color: #FFF;
    font-family: Oswald;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
    text-transform: uppercase;
  }

  .certification .top-tiltle h2,
  .about-cont h2 {
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
  }

  .about-cont h3 {
    font-family: Roboto;
    font-size: 30px;
  }

  .ph-re a img {
    width: 40px !important;
  }

  #greatclientCarousel .owl-prev {
    position: absolute;
    left: -10px;
    top: -210px;
  }

  #greatclientCarousel .owl-next {
    position: absolute;
    right: -10px;
    top: -210px;
  }

  .contact_info_box {
    display: block;
  }

  .rightinfo {
    margin-top: 20px;
  }

  .graphite {
    position: relative;
    clip-path: polygon(0 0, 100% 100px, 100% calc(93% - -171px), 0% 100%);
}

  .leftinfo,
  .rightinfo {
    width: 100%;
  }

  .shape1 img {
    width: 100px;
    height: 200px;
  }

  .shape2 {
    bottom: 137px;
    z-index: -1;
  }

  /* .abt-banner-content {
    position: absolute;
    left: 0px;
    top: 231px;
    right: 0px;
    margin: 0 auto;
    text-align: center;
  } */

  .banner-contact, .banner-product, .banner-about {
    height: 360px;
  }

  .abt-banner-content {
    top: 139px;
    left: 30px;
  }

  .add1 {
    width: 40px;
  }

  .footer {
    padding: 90px 0px 26px;
  }
  .collapse-button {
    right: 15px;}
}

@media only screen and (max-width: 575px) {
  .sample {
    width: 50%;
  }

  .prod-details h5 {
    margin: 0 0 8px;
    height: 25px;
    font-size: 18px;
  }

  .prdbtn {
    font-size: 12px;
  }

  td {
    border: 1px solid #515151;
    text-align: center;
    padding: 8px;
    font-size: 12px;
  }

  .contbox {
    display: flex;
    margin-top: 20px;
  }

  .hdrlgo {
    margin-left: 0px;
    position: relative;
  }

  .recurbru td {
    padding: 2px;
    font-size: 12px;

  }
  .about-cont p {
    margin-right: 30px;
}
.sister-li ul li {
  margin-right: 20px;
}
}

@media only screen and (max-width: 420px) {
  .banner-content {
    position: absolute;
    top: 116px;
  }

  .banner-content h1 {
    font-size: 22px;
    font-weight: 700;
    line-height: 34px;
  }

  /* .collapse-button {
    right: 170px;
    background: #dc2525 !important;
    top: 40px;
  } */
  .hdrcta_btn2 {
    display: block;
    padding: 20px 56px 20px 10px;
}
  .prof img {
    width: 50px;
  }

  .cont-prof p {
    color: #fff;
    font-size: 12px;
  }

  .hdrlgo {
    padding-left: 10px;
    position: relative;
  }

  .wp {
    padding-right: 0px;
  }

  .hdrlgo a img {
    position: absolute;
    top: -24px;
    z-index: -1;
  }

  .shape3 img {
    height: 200px;
  }

  .prod-details h5 {
    margin: 0 0 8px;
    height: 25px;
    font-size: 14px;
  }

  .prod-details p {
    font-size: 12px;
    list-style: 22px;
  }

  .Industries-li ul {
    padding-left: 15px;
    column-count: 1;
  }

  .artifica {
    width: 340px !important;
  }

  .artifica h5 {
    font-size: 16px;
  }
  #certfication .owl-nav .owl-next, #certfication .owl-nav .owl-prev {
    position: absolute;
    top: -241px;
}
}

/* Extra Code */
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output{color:red}
.current-menu-item a{
	color: #dc3545 !important;
}
.slimmenu .current-menu-item a::after{
  content: '';
  width: 100%;
  height: 3px;
  display: flex;
  justify-content: flex-end;
  position: absolute;
  top: 44px;
  left: 0px;
  background: #DC2525;
}
.wpcf7-spinner{display:none;}
.wpcf7 form .wpcf7-response-output {
    margin: 2em 0em 1em;
    padding: 0.2em 1em;
    border: 2px solid #00a0d2;
}
.about_btn:hover {
	background:#2d3292 !important;
	transition:1s ease-out;
}
.about_btn:hover .hdBtn {
    color: #fff;}

#exampleModal .modal_btn .hdBtn:hover {
    display: inline-block;
    font: 18px/38px 'GraphikMedium';
    height: 36px;
    color: #ffffff;
    background:#2d3292;
	 
}
.feedback:hover {
    background-color: #2d3292;
    color: white;
	padding: 10px 20px;}