* {
  font-family: "Source Sans Pro", sans-serif;
}

body {
  font-family: "Source Sans Pro", sans-serif !important;
  overflow-x: hidden;
}

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

h1 {
  font-family: "Source Sans Pro", sans-serif;
}

p {
  font-family: "Source Sans Pro", sans-serif;
}

button:focus {
  outline: none !important;
  outline: none !important;
}

/* width */
::-webkit-scrollbar {
  width: 4px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 0px #000;
  border-radius: 0px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #000;
  border-radius: 0px;
}

.electrical-sec-full ul {
  padding: 0;
  width: 100%;
  float: left;
}

.electrical-sec-full ul li {
  font-size: 15px;
  line-height: 30px;
  position: relative;
  width: 32%;
  list-style: none;
  background: lavender;
  float: left;
  padding: 10px;
  margin: 0 3px 6px;
  text-align: center;
}

.electrical-sec-full ul li:after {
  position: absolute;
  content: "";
}

.push-left {
  float: left;
}

.tooltip {
  position: relative;
  display: inline-block;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 196px;
  background-color: #672b8e;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
  top: 107%;
  left: -111%;
  margin-left: -137px;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}

.owl-item.active .slide-image {
  transform: scale(1.1);
  transition: 10s;
}

.top-full {
  transition: all ease-in-out 0.5s;

  -webkit-transition: all ease-in-out 0.5s;

  position: relative;
}

.top-full:hover .req-form {
  /* display:block !important; */
  top: 45px;
  opacity: 1;
}

.slide-new {
  overflow: hidden;
  float: left;
  width: 100%;
}

.course-link a:hover img {
  margin-left: 30px;
}

.about-box {
  width: 100%;
  margin-top: 19px;
  border-top: 2px solid #f9f9f8;
  float: left;
  padding-top: 26px;
}

.p3-img {
  height: 316px;
  object-fit: cover;
}

.course-link h2 a {
  color: #fff;
}

.panel5 {
  width: 100%;

  float: left;

  padding: 80px 0;

  background: url("../images/bg1.png");

  background-position: center;

  background-size: cover;
}

#quick-quote-form input {
  border-bottom: solid 1px rgb(0 0 0 / 77%) !important;
}

.hd-icons a svg:hover {
  fill: #672b8e;
}

.active-class:after {
  border-bottom: 3px solid #fff;
}

.rlabel {
  border: 1.2px solid #672b8e;
  border-radius: 50%;
  cursor: pointer;
  height: 16px;
  width: 16px;
  margin: 0px;
  position: relative;
  margin-left: -29px;
  margin-right: 29px;
  left: 0px;
  top: 4px;
}

.rlabel::after {
  content: "";
  height: 8px;
  width: 8px;
  background: transparent;
  position: absolute;
  top: calc(50% - 4px);
  left: calc(50% - 4px);
  border-radius: 50%;
}

.about-full img {
  float: right;
  margin-left: 40px;
  width: 400px;
}

.contact-sec {
  width: 100%;
  float: left;
  padding: 50px 0%;
}

.contact-add {
  width: 100%;
  float: left;
  padding: 40px 0;
  text-align: center;
  background: #542374;
  border-radius: 7px;
  margin-bottom: 10px;
  height: 252px;
}

.contact-add svg {
  fill: #ffffff;
  width: 40px;
  height: 40px;
  transition: all ease-in-out 0.5s;
}

.contact-add h6 {
  padding-top: 15px;
  font-size: 23px;
  color: #fff;
  font-weight: 700;
}

.contact-add p, .contact-add-mail {
  font-size: 14px;
  color: #fff;
  line-height: 23px;
}

.mail {
  width: 100%;
  float: left;
  min-height: 500px;
  background: #000537;
  padding: 62px 5% 61px 5%;
}

.mail-section .mail h1 {
  font-size: 28px;
  color: #ffffff;
  float: left;
  width: 100%;
  margin-top: 15px;
  text-transform: uppercase;
  margin-bottom: 40px;
}

.hidden-input-field {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
  width: 0;
  z-index: -1;
}

.contact_form {
  width: 100%;
  float: left;
  position: relative;
}

.field_area {
  width: 100%;
  float: left;
  position: relative;
  margin: 0 0 20px;
}

.contact_form .field_area label {
  color: #fff !important;
}

.field_area label {
  color: #181717;
  font-weight: 600;
}

.field_area input[type="email"],
.field_area input[type="number"],
.field_area input[type="text"],
.field_area textarea {
}

.contact_form button:hover {
  background: #672b8e;
  border-color: #672b8e;
  color: #ffffff;
  -webkit-transition: all ease-in-out 0.5s;
}

.contact_form button {
  width: auto;
  float: right;
  position: relative;
  font-size: 15px;
  font-weight: 700;
  border-radius: 30px;
  color: #672b8e;
  line-height: 20px;
  margin-top: 15px;
  padding: 13px 76px;
  background: #ffffff;
  border: 3px solid #ffffff;
  -moz-border-radius: 30px;
  -webkit-border-radius: 10px;
  cursor: pointer;
  transition: all ease-in-out 0.5s;
  -o-transition: all ease-in-out 0.5s;
  -ms-transition: all ease-in-out 0.5s;
  -moz-transition: all ease-in-out 0.5s;
  -webkit-transition: all ease-in-out 0.5s;
  outline: none;
}

.faq-full h2 {
  font-size: 35px;
  color: black;
  font-weight: 200;
  line-height: 50px;
}

.faq-full h2 span {
  font-weight: 700;
}

.card-header a:hover {
  text-decoration: none;
}

.faq-full-p {
  float: left;
  width: 100%;
  font-size: 15px;
  line-height: 31px;
  color: black;
  font-weight: normal;
  padding-right: 350px;
  padding-bottom: 15px;
}

.faq-full {
  width: 100%;
  float: left;
  padding: 70px 0;
}

.accordion .card:not(.collapsed) {
  border-left: 5px solid #672b8e;
  margin-bottom: 30px;
  border-top: 0;
  box-shadow: 2px 0px 2px 2px rgb(0 0 0 / 5%);
  padding: 10px;
  border-radius: 5px;
}

.service-detail-sec-full .card-header {
  background: #fff !important;
}

.service-detail-sec-full .accordion a {
  font-size: 20px;
  color: #000;
  /* font-family: 'AvenirLTProBlack'; */
  padding: 8px;
  float: left;
  width: 100%;
}

.accordion a:not(.collapsed) i {
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.card-header h5 {
  font-size: 20px;

  color: #000;

  font-weight: 700;
}

.accordion i {
  float: right;
  color: #878787;
}

.card-body p {
  float: left;
  width: 100%;
  margin-left: inherit !important;
  mso-add-space: auto;
  text-indent: 0 !important;
  font-size: 14px;
  line-height: 30px;
}

.about-full h2 span {
  font-weight: 700;
}

.mission-sec h2 span {
  font-weight: 700;
}

.about-full h5 {
  font-size: 15px;
  color: #0d4d98;
  font-weight: 400;
  text-transform: uppercase;
}

.about-full h2 {
  color: #101010;
  font-size: 40px;
  font-weight: 200;
}

.about-full p {
  font-size: 14px;
  line-height: 30px;
  color: #101010;
}

.innerban h2 {
}

.innerban p {
}

#leadership {
  float: left;
  width: 100%;
  /* padding-top: 50px; */
  /* padding-bottom: 65px; */
  background: white;
  padding: 70px 0%;
}

#leadership h2 {
  font-size: 35px;
  color: black;
  font-weight: 200;
  line-height: 50px;
}

#leadership p {
  float: left;
  width: 100%;
  font-size: 15px;
  line-height: 31px;
  color: black;
  font-weight: normal;
  padding-right: 350px;
  padding-bottom: 15px;
}

.leader-tech {
  float: left;
  width: 100%;
  margin-top: 15px;
}

.m-card {
  background: var(--u-member-bg);
  color: var(--u-member-color);
  display: flex;
  flex-direction: column;
  max-width: 17.5rem;
  overflow: hidden;
  position: relative;
  transition-property: opacity, box-shadow, background, color;
  background: #000537;
  padding-bottom: 22px;
  margin-top: 30px;
}

.u-member__avatar {
  background: var(--u-member-color);
  display: block;
  max-width: none;
  padding-top: 100%;
  position: relative;
  width: 100%;
}

.u-member__avatar > img,
.u-member__avatar > svg {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}

.m-angle {
  background: var(--block-bg);
  margin-top: calc(-1.73451 vw * var(--angle));
  padding-top: calc(2.73451% * var(--angle));
  position: relative;
  background: red;
  margin-top: 8 px;
}

.m-angle--shard-normal {
  -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 0);
  clip-path: polygon(0 100%, 100% 100%, 100% 0);
}

.m-card h3 {
  float: left;
  width: 100%;
  color: white;
  font-size: 23px;
  font-weight: 500;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 20px;
}

.m-card h4 {
  float: left;
  width: 100%;
  color: white;
  font-size: 14px;
  font-weight: normal;
  padding-left: 20px;
  padding-right: 20px;
}

#leadership h2 span {
  font-weight: 700;
}

.about-sec2 {
  width: 100%;
  float: left;
  background: url(../images/bg2.png);
  padding: 70px 0;
  position: relative;
  text-align: center;
  background-size: cover;
  background-attachment: fixed;
  background-position: center;
}

.about-sec2 h2 {
  font-size: 50px;
  font-weight: 300;
  color: #fff;
}

.about-sec2 p {
  float: left;
  width: 100%;
  font-size: 14px;
  line-height: 28px;
  color: #fff;
  margin-top: 5px;
}

.hd-icons a {
}

.mission-sec {
  width: 100%;
  float: left;
  /* text-align: center; */
  padding: 50px 0%;
}

.mission-sec img {
}

.mission-sec h2 {
  font-size: 38px;
  color: #000;
  margin-bottom: 10px;
  font-weight: 300;
  margin-top: 20px;
}

.mission-sec p {
  font-size: 14px;
  color: #000;
  padding-right: 50px;
  line-height: 30px;
  margin: 0;
}

.about-full {
  float: left;

  width: 100%;

  padding: 70px 0;
}

.about-full img {
}

.about-full h5 {
}

.mail-box-full {
  margin-right: 9%;
}

.arabic {
  background: #672b8e;

  font-size: 14px;

  color: #fff;

  padding: 11px 20px;

  float: right;
}

.arabic:hover {
  text-decoration: none;

  background: #8c4db6;
}

.book-top:hover {
  text-decoration: none;

  background: #672b8e;
}

.book-top {
  background: #8c4db6;
  font-size: 14px;
  color: #fff;
  font-weight: 400;
  /* text-transform: uppercase; */
  padding: 10px;
  float: right;
}

.book-top img {
  margin-right: 10px;
}

.hd-icons {
  float: right;
}

.hd-top h5 {
  font-size: 13px;

  color: #a6abb3;

  padding: 13px 0;

  width: auto;

  float: left;

  margin-left: 17%;

  margin-bottom: 0;
}

.hd-icons a svg {
  width: 14px;
  height: 14px;
  fill: #c0c4cb;
  margin: 13px 15px 13px 0;
  float: left;
}

.hd-top {
  width: 100%;

  float: left;

  background: #f9f9f9;
}

.panel-carousel {
}

.contact-info a img:hover {
  margin-top: -5px;
}

.contact-info a img {
  margin-right: 10px;

  margin-top: 10px;

  transition: all ease-in-out 0.5s;

  -webkit-transition: all ease-in-out 0.5s;

  -moz-transition: all ease-in-out 0.5s;
}

.contact-info {
  width: 50%;
  float: left;
}

.contact-info h6 {
  font-size: 16px;
  color: #fff;
  font-weight: 600;
  margin-top: 64px;
  margin-bottom: 15px;
}

.panel6 {
  width: 100%;

  float: left;

  padding: 70px 0 50px;
}

.panel6 h2 {
  font-size: 45px;

  color: #000;

  font-weight: 200;
}

.panel6 h2 span {
  font-weight: 700;
}

.panel6 p {
  font-size: 14px;

  color: #000;

  line-height: 28px;
}

.panel6-box {
  width: 100%;

  float: left;

  margin-top: 50px;
}

.panel6-img {
}

.panel6 h5:after {
  position: absolute;
  content: "";
  background: url("../images/quote.png");
  width: 66px;
  height: 47px;
  left: 0;
  top: -24px;
}

.panel6 h5 {
  position: relative;
  font-size: 27px;
  color: #000;
  font-weight: 700;
  margin-top: 30px;
  padding-left: 80px;
}

.panel6 h6 {
  font-size: 14px;

  color: #000;

  line-height: 30px;

  margin-top: 13px;

  width: 85%;

  padding-left: 80px;
}

.panel6 h3 {
  font-size: 20px;

  color: #672b8e;

  font-weight: 600;

  padding-left: 80px;
}

.panel6 h4 {
  font-size: 15px;

  color: #000;

  font-weight: 400;

  padding-left: 80px;
}

.panel6 .owl-nav {
  float: right;

  position: relative;

  top: -185px;
}

.panel6 .owl-nav img {
  margin-left: 10px;
}

.panel5 h2 {
  font-size: 50px;

  color: #000;

  font-weight: 200;

  width: 100%;

  float: left;

  margin-bottom: 15px;
}

.panel5 h2 span {
  font-weight: 700;

  float: left;
}

.panel5 p {
  font-size: 14px;

  color: #000;

  line-height: 30px;

  margin-top: 10px;
}

.panel5 a {
  float: left;

  width: 210px;

  height: 55px;

  background: #000537;

  text-transform: uppercase;

  text-align: center;

  font-size: 15px;

  color: #fff;

  font-weight: 400;

  /* text-transform: uppercase; */

  padding: 16px 15px 17px;

  text-align: left;

  border-radius: 10px;

  margin-top: 10px;

  box-shadow: 1px 1px 11px 4px rgb(77 27 109 / 15%);
}

.panel5 a:hover {
  background: #4d1b6d;

  text-decoration: none;
}

.panel5 a img {
  float: right;

  filter: invert(1);

  margin-top: 4px;
}

.panel4-box-a {
}

.panel4-box-a img {
  width: auto !important;
  position: absolute;
  right: 0;
  bottom: 20px;
  height: auto !important;
  right: 15px;
}

.panel4 {
  width: 100%;

  float: left;

  background: url("../images/bg2.png");

  background-size: cover;

  background-position: center;

  background-attachment: fixed;

  padding: 70px 0;
}

.panel4 h2 {
  font-size: 45px;

  color: #fff;

  font-weight: 200;

  margin-top: 50px;
}

.panel4 h2 span {
  font-weight: 700;
}

.panel4 p {
  font-size: 14px;

  color: #fff;

  line-height: 30px;

  margin-top: 15px;
}

.panel4-a {
  float: left;

  width: 185px;

  height: 55px;

  background: #4d1b6d;

  text-transform: uppercase;

  text-align: center;

  font-size: 15px;

  color: #fff;

  font-weight: 400;

  /* text-transform: uppercase; */

  padding: 16px 15px 17px;

  text-align: left;

  border-radius: 10px;

  margin-top: 10px;
}

.panel4-a:hover {
  text-decoration: none;

  background: #000537;
}

.panel4-a img {
  float: right;

  filter: invert(1);

  margin-top: 4px;
}

.panel4-box {
  width: 100%;

  float: left;

  background: #fff;

  border-radius: 10px;

  position: relative;
}

.panel4-box img {
  border-radius: 10px;

  width: 100%;

  object-fit: cover;

  height: 320px;
}

.panel4-box h4 {
  font-size: 18px;

  font-weight: 400;

  color: #000;

  padding: 10px 15px 0;
}

.panel4-box h5 {
}

.panel3 .owl-nav img {
  margin-right: 10px;
}

.panel3 .owl-nav {
  text-align: center;
  margin-top: 50px;
}

.overlay a:hover {
  text-decoration: none;

  background: #000537;
}

.overlay h4 {
  font-size: 14px;

  color: #fff;

  line-height: 27px;
}

.overlay h3 {
  font-size: 42px;

  color: #fff;

  font-weight: 300;
}

.panel3-box:hover .panel3-text {
  display: none;
}

.overlay img {
  width: auto !important;
  float: right;
  filter: invert(1);
  margin-top: 5px;
  height: auto !important;
}

.panel3-box:hover .overlay {
  /* display: block; */
  opacity: 1;
  height: 100%;
}

.panel3-text h5 {
  font-size: 42px;

  color: #000;

  font-weight: 300;
}

.panel3-text h6 {
  font-size: 14px;

  color: #000;

  line-height: 28px;
}

.panel3-text {
  position: absolute;

  top: 15px;

  text-align: center;

  padding: 20px;
}

.panel3-box img {
  width: 100%;

  border-radius: 10px;

  height: 560px;

  object-fit: cover;
}

.panel3-box {
  width: 100%;

  float: left;

  border-radius: 10px;

  position: relative;

  transition: all ease-in-out 0.5s;

  -website-transition: all ease-in-out 0.5s;
}

.panel3 {
  width: 100%;

  float: left;

  padding: 40px 0 70px;
}

.panel3 h2 {
  font-size: 45px;

  color: #000;

  font-weight: 200;
}

.panel3 h2 span {
  font-weight: 700;
}

.panel3 p {
  font-size: 14px;

  color: #000;

  line-height: 30px;
}

.p3-carousel {
  margin-top: 50px;
}

.panel2 {
  width: 100%;

  float: left;

  padding: 70px 0;
}

.panel2 h2 {
  font-size: 50px;

  color: #000;

  font-weight: 300;

  float: left;

  margin-bottom: 15px;
}

.panel2 h2 span {
  font-weight: 700;

  float: left;

  width: 100%;
}

.panel2 p {
  font-size: 14px;

  color: #000;

  font-weight: 400;

  line-height: 30px;

  width: 96%;

  margin-bottom: 10px;
}

.panel2 a {
  float: left;

  width: 185px;

  height: 55px;

  background: #000537;

  text-transform: uppercase;

  text-align: center;

  font-size: 15px;

  color: #fff;

  font-weight: 400;

  /* text-transform: uppercase; */

  padding: 16px 15px 17px;

  text-align: left;

  border-radius: 10px;

  margin-top: 10px;

  box-shadow: 1px 1px 11px 4px rgb(77 27 109 / 15%);
}

.panel2 a:hover {
  text-decoration: none;

  color: #fff;

  background: #4d1b6d;
}

.panel2 a img {
  float: right;

  margin-top: 4px;

  filter: invert(1);
}

.panel2-img {
  width: 100%;
}

.panel1 {
  width: 100%;

  float: left;

  background: #672b8e;

  padding: 70px 0;
}

.panel1 h2,
.panel1 h1 {
  font-size: 50px;

  color: #fff;

  font-weight: 300;
}

.panel1 h2 span,
.panel1 h1 span {
  font-weight: 700;
}

.panel1 p {
  font-size: 14px;

  color: #fff;

  line-height: 30px;

  margin-top: 30px;

  float: right;

  width: 95%;

  margin-bottom: 0;
}

.panel1 h6 {
  font-size: 16px;

  color: #fff;

  font-weight: 600;

  text-transform: uppercase;
}

.header-content a img {
  width: auto !important;
  float: right;
  margin-top: 5px;
  filter: invert(1);
}

.mail-box1 img:hover {
  margin-top: -3px;
}

.get-admission-box h2 {
  width: 100%;
  float: left;
  text-align: center;
  margin-bottom: 30px;
  font-size: 30px;
  color: #000;
  font-weight: 600;
  text-transform: uppercase;
}

.get-admission-box button {
  text-transform: uppercase;
  /* border-radius: 100px; */
  font-size: 14px;
  font-weight: 700;
  /* margin-bottom: 20px; */
  font-style: normal;
  font-stretch: normal;
  border: none;
  line-height: normal;
  /* letter-spacing: 1.8px; */
  /* width: 81%; */
  border-radius: 5px;
  text-align: center;
  padding: 16px 40px;
  border: none;
  background: #960423;
  color: #ffffff;
  float: none;
  display: block;
  margin: auto;
  border: solid 2px #960423;
  cursor: pointer;
  transition: all ease-in-out 0.5s;
  -o-transition: all ease-in-out 0.5s;
  -ms-transition: all ease-in-out 0.5s;
  -moz-transition: all ease-in-out 0.5s;
  -webkit-transition: all ease-in-out 0.5s;
}

.get-admission-box button:hover {
}

.get-admission-box .log_set input[type="text"],
.get-admission-box .log_set input[type="password"],
.get-admission-box .log_set input[type="mail"],
.get-admission-box .log_set input[type="email"],
.get-admission-box .log_set input[type="tel"],
.get-admission-box .log_set textarea,
.get-admission-box .log_set select {
  border: 1px solid #ccc !important;
  border-radius: 4px;
}

.get-admission-box .log_set {
  margin-bottom: 10px !important;
}

.get-admission-full {
  width: 100%;
  float: left;
  padding: 60px 4%;
}

.get-admission-box .custom-select {
  border: 1px solid #ccc !important;
  border-radius: 3px !important;
  padding: 4px !important;
  height: 51px !important;
}

.get-admission-box {
  max-width: 800px;
  width: 100%;
  display: flex;
  margin: auto;
  background: #fff;
  box-shadow: 1px 4px 4px 6px rgb(0 0 0 / 5%);
  padding: 60px 30px;
  clear: both;
}

.abt-sec3-box:hover {
  box-shadow: 11px 12px 29px 10px rgb(116 20 41 / 22%);
}

.custom-select {
  position: relative;
  /* font-family: Arial; */
  width: 100%;
  padding: 0px !important;
  margin: 0 0 17px;
  border: 0 !important;
  border-radius: 4px !important;
  height: 45px !important;
}

.custom-select select {
  display: none;
  /*hide original SELECT element:*/
}

.select-selected {
  background-color: white;
}

/*style the arrow inside the select element:*/
.select-selected:after {
  position: absolute;
  content: "";
  top: 14px;
  right: 10px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: #323d88 transparent transparent transparent;
}

/*point the arrow upwards when the select box is open (active):*/
.select-selected.select-arrow-active:after {
  border-color: transparent transparent #fff transparent;
  top: 7px;
}

/*style the items (options), including the selected item:*/
.select-items div,
.select-selected {
  color: #000000;
  padding: 8px 16px;
  border: 0;
  /* border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent; */
  cursor: pointer;
  user-select: none;
  font-size: 14px;
}

/*style items (options):*/
.select-items {
  position: absolute;
  background-color: white;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
}

/*hide the items when the select box is closed:*/
.select-hide {
  display: none;
}

.select-items div:hover,
.same-as-selected {
  background-color: rgb(46 57 130);
  color: #fff !important;
}

.course-link h2 a:hover {
  color: #fff;
  text-decoration: none;
}

.course-link h3 a:hover {
  color: #fff;
  text-decoration: none;
}

.course-link h2 a {
  color: #fff;
  transition: all ease-in-out 0.5s;
}

.course-link h3 a {
  color: #fff;
  transition: all ease-in-out 0.5s;
}

.course-link {
  width: 100%;

  float: left;

  text-align: center;
}

.course-link h2 {
  background: #972941;

  margin: 0;

  font-size: 25px;

  color: #fff;

  font-weight: 300;

  padding: 20px 0;
}

.course-link h2 img {
  width: 40px;

  margin-left: 18px;

  transition: all ease-in-out 0.5s;

  -webkit-transition: all ease-in-out 0.5s;

  -moz-transition: all ease-in-out 0.5s;
}

.course-link h3 {
  background: #5a66b4;

  margin: 0;

  font-size: 25px;

  color: #fff;

  font-weight: 300;

  padding: 20px 0;
}

.course-link h3 img {
  width: 40px;

  margin-left: 18px;

  transition: all ease-in-out 0.5s;

  -webkit-transition: all ease-in-out 0.5s;

  -moz-transition: all ease-in-out 0.5s;
}

.electrical-sec-full h6 {
  font-size: 16px;
  /* color: #05558b; */
  font-weight: 400;
  margin-bottom: 20px;
  padding: 10px 0;
  float: left;
  width: 100%;
}

.mail-box1 h6 {
  font-size: 13px;
  color: #575252;
}

.form-box button {
  width: 100%;

  background: #323d88;

  font-size: 14px;

  padding: 10px;

  color: #fff;

  border: 0;

  border-radius: 4px;

  cursor: pointer;

  transition: all ease-in-out 0.5s;

  -webkit-transition: all ease-in-out 0.5s;

  -moz-transition: all ease-in-out 0.5s;
}

.form-box button:hover {
  background: #960423;
}

.abt-sec3-box img {
  float: left;
}

.form-box {
  width: 100%;

  float: left;

  background: #f0f0f0;
}

.form-box h3 {
  background: #960423;

  font-size: 22px;

  font-weight: 300;

  color: #fff;

  padding: 10px;

  text-align: center;
}

.form-box form {
  padding: 20px;
}

.form-box input {
  border: 0;

  width: 100%;

  background: #fff;

  border-radius: 5px;

  margin-bottom: 13px;

  padding: 15px;

  font-size: 14px;

  color: #000;
}

.form-box select {
  border: 0;

  width: 100%;

  background: #fff;

  border-radius: 5px;

  margin-bottom: 13px;

  padding: 15px;

  font-size: 14px;

  color: #000;
}

.form-box textarea {
  border: 0;
  width: 100%;
  background: #fff;
  border-radius: 5px;
  margin-bottom: 13px;
  padding: 15px;
  font-size: 14px;
  color: #000;
}

.about-text h5 {
  background: #4e0716;

  float: left;

  font-size: 15px;

  color: #fff;

  text-transform: uppercase;

  padding: 12px 40px;

  border-radius: 30px;

  font-weight: 500;
}

.about-text h6 {
  font-size: 14px;

  color: #fff;

  font-weight: 500;

  text-transform: uppercase;
}

.abt-sec2 h2 span {
  font-weight: 600;
}

.about-text:after {
  position: absolute;
  content: "";
  background: url("../images/quote.png");
  width: 188px;
  height: 168px;
  left: -255px;
  top: 0;
}

.about-text p {
  font-size: 14px;

  color: #fff;

  line-height: 30px;

  width: 85%;
}

.about-text {
  position: relative;
}

.placement-bg {
  width: 100%;

  float: left;

  background: url("../images/placement-bg.png");

  padding: 60px 4%;

  text-align: center;

  background-position: center;

  background-size: cover;
}

.placement-bg h2 {
  font-size: 50px;

  color: #fff;

  font-weight: 400;
}

.placement-bg h2 span {
  font-weight: 600;
}

.placement-bg p {
  font-size: 14px;

  color: #fff;

  font-weight: 400;

  padding: 10px 316px;

  line-height: 28px;
}

.placement-bg a {
  background: #960423;

  font-size: 14px;

  color: #fff;

  font-weight: 600;

  padding: 13px 25px 15px;

  border-radius: 5px;
}

.placement-bg a:hover {
  text-decoration: none;

  background: #a90a2c;
}

.header-content h5 {
  font-size: 14px;

  color: #960423;

  text-align: left;

  text-transform: uppercase;

  font-weight: 600;

  text-align: right;
}

.p4-carousel .owl-dots {
  position: relative;
  top: -148px;
  float: right;
}

.p4-carousel button.active {
  background: #ccc !important;
}

.p4-carousel button {
  width: 8px !important;
  height: 8px !important;
  background: #fff !important;
  border-radius: 100% !important;
  margin-left: 8px;
}

.mail-box1 {
  float: right;
  padding-top: 15px;
  width: 11%;
  padding-bottom: 14px;
  border-right: 1px solid #ececec;
  padding-left: 25px;
  padding-right: 0;
}

.mail-box1 img {
  margin-right: 10px;
}

.get-box a {
  background: #000537;
  float: left;
  padding: 18px 15px;
  font-size: 14px;
  color: #fff;
  font-weight: 400;
  border-radius: 10px;
  margin-top: 10px;
  text-align: left;
  text-transform: uppercase;
  width: 210px;
}

.get-admission {
  float: right;
  background: #a90a2c;
  padding: 11px 30px;
}

.get-admission span {
  font-size: 14px;
  color: #fff;
  margin: 0;
  font-weight: 400;
}

.get-admission:hover {
  text-decoration: none;
  opacity: 0.7;
}

.get-box a:hover {
  color: #fff !important;

  text-decoration: none;

  background: #4d1b6d;
}

.ftr-top h2 {
  font-size: 45px;
  color: #fff;
  font-weight: 400;
  margin: 0;
}

.ftr-top h2 span {
  font-weight: 600;
}

.p2-box span {
  font-size: 19px;
  color: #fff;
  font-weight: 300;
  width: 100%;
  float: left;
}

.p2-box img {
  width: auto !important;
  height: auto !important;
  clear: both;
  float: left;
}

.ftr-top-left {
  width: 100%;

  float: left;

  margin-top: 30px;
}

.ftr-top {
  width: 100%;

  float: left;

  background: #09212b;

  padding: 60px 4%;
}

.ftr-top-left img {
  float: left;

  margin-right: 20px;
}

.ftr-top h6 {
  font-size: 15px;

  color: #929fa5;

  font-weight: 700;

  text-transform: uppercase;
}

.ftr-top-left h5 {
  font-size: 14px;

  color: #b9c39b;

  font-weight: 600;

  line-height: 26px;

  margin: 0;
}

.ftr-top-left h5 span {
  color: #aab9c1;

  font-weight: 400;

  padding-top: 20px;
}

.ftr-top-left h4 {
  font-size: 22px;

  color: #fff;

  font-weight: 600;
}

.p4-carousel {
}

.p4-carousel img {
  /* float: left; */
  /* margin-right: 14px; */
}

.p4-carousel h5 {
  font-size: 13px;
  color: #878787;
  padding: 0 15px 10px;
}

.p4-carousel h6 {
  font-size: 16px;

  color: #000;

  font-weight: 400;

  margin: 0;
}

.margin-last {
  margin-top: 90px;
}

.margin {
  margin-top: 60px;
}

.contact-box:hover {
  height: 230px;
  width: 100%;
  float: left;
  padding: 30px 25px;
  border: 1px solid #1a1a2b;
}

.overlay a {
  font-size: 15px;
  color: #fff;
  font-weight: 400;
  text-transform: uppercase;
  background: #813dae;
  float: none;
  padding: 15px 21px;
  width: 206px;
  display: table;
  margin: 20px auto 0;
  text-align: left;
  border-radius: 10px;
}

.quick-top:hover {
  text-decoration: none;
  opacity: 0.7;
}

.top-social a {
  -webkit-transition: all ease-in-out 0.5s;
  -moz-transition: all ease-in-out 0.5s;
  -o-transition: all ease-in-out 0.5s;
  transition: all ease-in-out 0.5s;
}

.top-social a img {
  -webkit-transition: all ease-in-out 0.5s;
  -moz-transition: all ease-in-out 0.5s;
  -o-transition: all ease-in-out 0.5s;
  transition: all ease-in-out 0.5s;
}

.top-social a img:hover {
  margin-top: -4px;
}

.make-contact2 {
  float: left;
  background: #fff;
  font-size: 13px;
  color: #1a1a2b;
  font-weight: 700;
  padding: 10px 45px 13px;
  border-radius: 5px;
  text-transform: uppercase;
  margin-top: 50px;
}

.make-contact2:hover {
  background: #1a1a2b;
  color: #fff;
  text-decoration: none;
}

.input-area input {
  width: 100%;
  height: 52px;
  border-radius: 5px;
  background: #fff;
  border: 0;
  padding: 5px 10px;
  font-size: 14px;
}

.input-area {
  width: 100%;
  float: left;
  margin-bottom: 30px;
}

.input-area textarea {
  width: 100%;
  height: 135px;
  border-radius: 5px;
  background: #fff;
  border: 0;
  padding: 5px 10px;
  font-size: 14px;
}

.input-area button {
  background: #da4953;
  border: 0;
  width: 100%;
  padding: 15px 0;
  border-radius: 5px;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all ease-in-out 0.5s;
  -webkit-transition: all ease-in-out 0.5s;
  -moz-transition: all ease-in-out 0.5s;
}

.input-area button:hover {
  text-decoration: none;
  background: #1a1a2b;
}

.contact-input img {
  position: absolute;
  left: 0;
  z-index: 99;
  height: 54px;
  width: 152px;
  object-fit: cover;
}

.contact-bg {
  width: 100%;
  float: left;
  background: url("../images/contact-bg.png");
  background-position: center;
  background-size: cover;
  padding: 60px 5%;
}

.contact-bg input {
  border: 0;
  width: 100%;
  float: left;
  margin-bottom: 30px;
  padding: 15px;
  font-size: 14px;
  color: #000;
}

.contact-bg h2 {
  font-size: 35px;
  font-weight: 700;
  color: #000;
  width: 100%;
}

.contact-bg p {
  font-size: 14px;
  color: #000;
  line-height: 28px;
  padding-top: 20px;
}

.contact-bg button {
  background: #1a1a2b;
  border: 0;
  font-size: 14px;
  color: #fff;
  padding: 15px 40px;
  font-weight: 600;
  cursor: pointer;
}

.contact-bg button:hover {
  background: #da4953;
}

.contact-bg textarea {
  border: 0;
  width: 100%;
  float: left;
  margin-bottom: 30px;
  padding: 15px;
  font-size: 14px;
  color: #000;
  height: 110px;
}

.contact-bg form {
  width: 90%;
  float: left;
  margin-top: 10px;
}

.innerban a {
  float: right;
  color: #fff !important;
  background: #38383d;
  cursor: pointer;
  font-size: 14px;
  font-weight: 600;
  padding: 12px 30px 15px;
  border-radius: 5px;
  margin-top: 30px;
}

.innerban a:hover {
  text-decoration: none;
  background-color: #da4953;
}

.contact-box h6 span {
  font-weight: 600;
}

.contact-box h6 {
  font-size: 15px;
  color: #000;
  font-weight: 400;
  line-height: 26px;
}

.contact-box img {
  position: absolute;
  right: -2px;
  top: 0;
}

.track-full {
  width: 100%;
  float: left;
  margin-top: 45px;
}

.top-social {
  width: 100%;
  text-align: center;
  padding: 16px 0;
  float: left;
}

.electrical-sec-full h4 {
  font-size: 15px;
  color: #9a0707;
  font-weight: 700;
  margin-top: 30px;
  float: left;
  margin-bottom: 15px;
  width: 100%;
  text-transform: uppercase;
}

.electrical-sec-full h5 {
  position: relative;
  font-size: 14px;
  color: #000;
  font-weight: 400;
  line-height: 28px;
  padding-left: 0;
  float: left;
  width: 100%;
}

.electrical-sec-full h5:after {
  position: absolute;
  content: "";
  background: url("../images/point.png");
  width: 20px;
  height: 22px;
  border-radius: 100%;
  left: 0;
  top: 4px;
}

.abt3 {
}

.about-sec2 {
}

.abt-sec3 h2 {
  position: relative;
}

.abt-sec3 h2:after {
  position: absolute;
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background: #da4953;
  left: 0;
  top: 9px;
}

.abt-sec-box {
  width: 100%;
  float: left;
  padding: 40px 10%;
}

.about-sec2 h2 {
}

.about-sec2 h2 span {
}

.about-sec2 p {
}

.about-sec-full {
  width: 100%;
  float: left;
  padding: 60px 5%;
}

.about-sec-full .abt2 {
  width: 412px;
  height: 475px;
  float: left;
  margin-right: 30px;
  object-fit: cover;
}

.about-sec-full h2 {
  font-size: 35px;
  color: #000;
  font-weight: 300;
  margin-top: 15px;
  margin-bottom: 14px;
}

.about-sec-full h2 span {
  font-weight: 500;
}

.about-sec-full h6 {
  font-size: 15px;
  font-weight: 500;
  color: #000;
  /* background: aliceblue; */
  width: 59%;
}

.about-sec-full p {
  font-size: 14px;
  color: #000;
  line-height: 30px;
  margin-bottom: 10px;
}

.top-social a {
  margin: 0 10px;
}

.top-social a:hover {
}

.location {
  float: left;
  margin: 10px 0 28px;
}

.mail-box {
  float: right;
  margin-top: 17px;
  width: 19%;
  margin-bottom: 15px;
  border-right: 2px solid #ececec;
  padding-left: 24px;
  padding-right: 0;
}

.mail-box img {
  /* width: 42px; */
  /* height: 41px; */
  float: left;
  margin-right: 10px;
  /* object-fit: contain; */
  margin-top: 2px;
}

.mail-box h6 {
  font-size: 13px;
  color: #000000;
  margin: 0;
}

.mail-box h6 span {
  font-size: 14px;
  font-weight: 400;
  color: #000000;
  padding-top: 0px;
  float: left;
}

.quick-top {
  /* width: 100%; */
  /* background: #da4953; */
  /* padding: 16px 0; */
  /* float: left; */
  /* text-align: center; */
  /* font-size: 14px; */
  /* color: #fff; */
  /* font-weight: 600; */
  /* text-transform: uppercase; */
}

.get-box {
  width: 100%;

  float: left;

  /* border-bottom: 1px solid #313141; */

  /* margin-top: 20px; */

  padding-bottom: 20px;
}

.get-box img {
  float: right;

  filter: invert(1);

  margin-top: 4px;
}

.get-box h5 {
  font-size: 13px;
  color: #c3c3c3;
  font-weight: 400;
}

.get-box h5 span {
  /* width: 100%; */
  /* float: left; */
  font-size: 20px;
  font-weight: 300;
}

.location img {
  width: 26px;
  height: 40px;
  float: left;
  margin-right: 15px;
}

.location h6 {
  font-size: 13px;
  color: #c3c3c3;
  font-weight: 400;
  line-height: 22px;
}

.footer h2:after {
  position: absolute;
  content: "";
  background: url("../images/border.png");
}

.make-contact:hover {
  background: #a30e18;
  color: #fff;
  text-decoration: none;
}

.customer-serv {
  margin-top: 22px;
  height: 393px;
  object-fit: cover;
  border-radius: 5px;
  max-width: 100%;
  margin-bottom: 75px;
  float: left;
}

.service-highlight-box:hover {
  background: #533224;
}

.service-highlight-box:hover h5 {
}

.service-highlight-box:hover h6 {
  color: #fff;
}

.service-highlight-box:hover p {
  color: #fff;
}

.r-input[type="radio"]:checked + .rlabel::after {
  background: #672b8e;
}

.career-full {
  width: 100%;
  float: left;
  padding: 50px 0%;
}

.career-main-head {
  font-size: 25px;
  font-weight: 600;
  text-transform: uppercase;
  color: #000000;
}

.career-full p {
  font-size: 14px;
  line-height: 28px;
  /* margin-top: 20px; */
}

.career-form {
  width: 100%;
  float: left;
  margin-top: 30px;
}

.e-input {
  width: 100%;
  border: 0;
  border-bottom: 1px solid #b7b7b7;
  margin-bottom: 40px;
  margin-top: 30px;
  outline: none;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
  font-size: 13px;
  font-weight: 400;
  color: #000000;
  padding: 5px 0px;
}

.enquiry-label {
  font-size: 13px;
  font-weight: 600;
  /* font-family: 'Open Sans', sans-serif; */
  color: #000000;
  position: absolute;
  left: 15px;
  top: 0px;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
}

.renquiry-label {
  font-size: 13px;
  font-weight: 400;
  color: #000000;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
}

.r-input {
  border: 0;
  margin-bottom: 50px;
  margin-top: 50px;
  margin-left: 10px;
  margin-right: 10px;
  outline: none;
  position: relative;
  opacity: 0;
}

.f-input {
  width: 90%;
  border: 0;
  border-bottom: 1px solid #b7b7b7;
  margin-bottom: 40px;
  margin-top: 30px;
  outline: none;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
  font-size: 13px;
  font-weight: 400;
  color: #000000;
  padding: 5px 0px;
  position: absolute;
  overflow: hidden;
  z-index: 0;
  opacity: 0;
}

.f-input + label {
  width: 100%;
  font-size: 13px !important;
  font-weight: 300;
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  padding: 4px 0px;
  /* width: 100%; */
  width: 150px;
  margin-top: 30px;
  float: left;
  color: #ffffff;
  text-align: center;
  /* background: #e24a30; */
  background: #672b8e;
  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
  text-decoration: none !important;
  /* border: 1px solid #b7b7b7; */
  border: none;
}

.e-text {
  width: 100%;
  border: 0;
  resize: none;
  border-bottom: 1px solid #b7b7b7;
  margin-bottom: 40px;
  margin-top: 30px;
  outline: none;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
  font-size: 13px;
  font-weight: 400;
  color: #000000;
  padding: 5px 0px;
}

.enquiry-labels {
  font-size: 14px;
  font-weight: 400;
  color: #000000;
  position: absolute;
  left: 15px;
  top: 0px;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
}

.contact-icon {
  width: 100%;
  float: left;
  margin-top: 40px;
}

.contact-icon a {
  float: left;
  margin-right: 10px;
}

.contact-icon a img {
  background: #960423;

  height: 30px;

  width: 30px;

  border-radius: 4px;

  padding: 5px;

  transition: all ease-in-out 0.5s;

  -webkit-transition: all ease-in-out 0.5s;

  -moz-transition: all ease-in-out 0.5s;
}

.contact-icon a img:hover {
  background: #121212;
}

.border-ftr h6 {
  font-size: 14px;
  color: #fff;
  margin-top: 0px;
  font-weight: 400;
  float: left;
  line-height: 28px;
  width: 100%;
}

.address-box {
  width: 100%;
  float: left;
  margin-top: 30px;
}

.contact-full h3 {
  font-size: 30px;
  font-weight: 300;
  color: #000;
  float: left;
  width: 100%;
  margin-bottom: 30px;
}

.contact-full h3 span {
  width: 100%;
  float: left;
  font-weight: 600;
  color: #91903e;
}

.contact-full h4 {
}

.contact-full h5 {
  font-size: 19px;
  color: #a90914;
  font-weight: 700;
  text-transform: uppercase;
}

.project-full h2 span {
  width: 100%;
  float: left;
  font-weight: 600;
}

.business-sec3 {
  width: 100%;
  padding: 60px 5%;
  float: left;
}

.business-sec3 h2 {
  font-size: 39px;
  color: #000;
  text-align: center;
  font-weight: 600;
}

.business-sec3 p {
  font-size: 14px;
  color: #000;
  text-align: center;
  padding: 10px 300px;
  line-height: 28px;
}

.process-carousel {
}

.process-box {
  width: 100%;
  float: left;
  margin-top: 30px;
}

.process-carousel h5 {
  font-size: 50px;
  color: #87862b;
  font-weight: 600;
}

.process-carousel h6 {
  font-size: 21px;
  color: #000;
  font-weight: 700;
}

.process-carousel h4 {
  font-size: 14px;
  color: #000;
  font-weight: 400;
  line-height: 28px;
}

.process-carousel .owl-nav {
  display: block !important;
  text-align: center;
  margin-top: 50px;
}

.process-carousel .owl-prev {
  margin-right: 10px;
}

.business-sec2 {
  width: 100%;
  float: left;
  background: url("../images/ban7.png");
  background-size: cover;
  background-position: center;
  padding: 60px 5%;
}

.business-sec2 h2 {
  text-align: center;
  font-size: 39px;
  font-weight: 600;
  color: #fff;
}

.business-sec2 p {
  text-align: center;
  font-size: 14px;
  color: #fff;
  font-weight: 400;
  padding: 10px 277px;
  line-height: 28px;
}

.business-box {
  width: 100%;
  float: left;
  margin-top: 30px;
}

.business-box h5 {
  position: relative;
  font-size: 14px;
  color: #fff;
  font-weight: 400;
  line-height: 28px;
  padding-left: 55px;
}

.business-box h5:after {
  position: absolute;
  content: "";

  background: url("../images/icon15.png");
  width: 41px;
  height: 41px;
  left: 0;
  top: 9px;
}

.business-full {
  width: 100%;
  float: left;
  padding: 60px 5%;
}

.business-full p {
  font-size: 14px;
  color: #000;
  line-height: 28px;
  padding-top: 10px;
  margin: 0;
}

.business-full img {
  width: 600px;
  height: 420px;
  float: left;
  margin-right: 40px;
  margin-top: 15px;
}

.business-full h2 {
  font-size: 35px;
  color: #000;
  font-weight: 600;
}

.project-box2 {
  width: 100%;
  float: left;
  background: #f6f6f4;
  margin-top: 30px;
  padding: 30px 20px;
  vertical-align: middle;
}

.project-box2 h5 {
  font-size: 100px;
  color: #dfdfda;
  font-weight: 600;
  margin: 0;
}

.project-box2 p {
  font-size: 14px;
  color: #000;
  font-weight: 400;
  line-height: 28px;
  margin: 0;
  padding-top: 37px;
  vertical-align: middle;
}

.project-full {
  width: 100%;
  float: left;
  padding: 60px 5%;
}

.project-full h2 {
  font-size: 40px;
  color: #000;
  font-weight: 300;
  text-align: center;
}

.project-box {
  width: 100%;
  float: left;
  background: #dbdabf;
  margin-top: 30px;
  padding: 30px 20px;
  vertical-align: middle;
}

.project-box h5 {
  font-size: 100px;
  color: #b1b093;
  font-weight: 600;
  margin: 0;
}

.project-box p {
  font-size: 14px;
  color: #000;
  font-weight: 400;
  line-height: 28px;
  margin: 0;
  padding-top: 15px;
  vertical-align: middle;
}

.abt-sec4 {
  width: 100%;

  float: left;

  /* background: url('../images/ban6.png'); */

  /* background-position: center; */

  /* background-size: cover; */

  padding: 0 5% 50px;
}

.abt-sec4 h2 {
  font-size: 39px;
  color: #fff;
  font-weight: 600;
  text-align: center;
}

.abt-sec4 p {
  font-size: 14px;

  color: #000;

  /* padding: 10px 305px; */

  text-align: center;

  line-height: 28px;
}

.abt-sec4-box {
  width: 100%;

  float: left;

  background: #fff;

  padding: 30px 20px;

  /* margin-top: 30px; */

  text-align: center;
}

.abt-sec4-box img {
  height: 85px;

  object-fit: contain;
}

.abt-sec4-box h5 {
  font-size: 23px;

  color: #590909;

  font-weight: 600;

  padding-top: 10px;

  text-align: center;
}

.abt-sec4-box h6 {
  font-size: 14px;
  color: #000;
  line-height: 26px;
}

.abt-sec3 {
  width: 100%;
  float: left;
  padding: 60px 5%;
  /* text-align: center; */
}

.abt-sec3 h2 {
  font-size: 21px;
  color: #000;
  font-weight: 600;
  margin-bottom: 15px;
  padding-left: 18px;
}

.abt-sec3 p {
  font-size: 14px;
  color: #000;
  line-height: 28px;
  padding-left: 20px;
  margin: 0;
}

.abt-sec3-box {
  width: 100%;

  float: left;

  margin-top: 30px;

  background: #fff;

  box-shadow: 11px 12px 29px 10px rgb(0 0 0 / 8%);

  padding: 15px 10px;

  border-radius: 5px;

  transition: all ease-in-out 0.5s;

  -webkit-transition: all ease-in-out 0.5s;

  -moz-transition: all ease-in-out 0.5s;
}

.abt-sec3-box h4 {
  font-size: 40px;

  color: #2f2b2b;

  /* width: 80%; */

  font-weight: 700;

  width: auto;
}

.abt-sec3-box h5 {
  font-size: 21px;

  color: #000;

  font-weight: 600;

  width: 100%;
}

.abt-sec3-box h6 {
  font-size: 14px;
  color: #000;
  font-weight: 400;
  width: 80%;
  text-align: center;
  float: left;
  line-height: 23px;
}

.abt-sec2 h2 {
  font-size: 55px;
  text-align: left;
  font-weight: 400;
  color: #fff;
}

.abt-sec2 .owl-nav {
  float: right;
  position: relative;
}

.abt-sec2 .owl-prev {
  margin-right: 10px;
}

.abt-sec2 {
  width: 100%;

  float: left;

  background: url("../images/bg3.png");

  background-position: center;

  background-size: cover;

  padding: 50px 4%;
}

.sec2-p {
  font-size: 14px;
  color: #fff;
  text-align: center;
  font-weight: 400;
  padding: 10px 300px;
  line-height: 28px;
}

.abt-carousel {
  float: left;
  margin-top: 60px;
}

.founder-box {
}

.founder-box img {
  width: 305px !important;
  height: 410px;
  object-fit: cover;
  float: left;
  margin-right: 50px;
}

.founder-box h3 {
  font-size: 70px;
  -webkit-text-stroke-width: 1px;
  /* color: #fff; */
  -webkit-text-stroke-color: white;
  font-weight: 700;
  text-transform: uppercase;
  opacity: 0.7;
}

.founder-box p {
  color: #fff;
  font-size: 13px;
  line-height: 28px;
  padding-top: 15px;
}

.founder-box h5 {
  font-size: 18px;
  color: #e3e174;
  font-weight: 700;
  float: left;
  /* line-height: 30px; */
}

.founder-box h5 span {
  font-weight: 400;
  float: left;
  width: 80%;
  font-size: 12px;
  line-height: 22px;
}

.abt-image {
  position: relative;
}

.abt-image h6 {
  position: absolute;
  background: #636227;
  font-size: 27px;
  color: #fff;
  max-width: 545px;
  padding: 29px;
  bottom: -47px;
  left: 49px;
  padding-left: 122px;
  line-height: 39px;
  font-weight: 400;
}

.abt-image h6:after {
  position: absolute;
  content: "";

  background: url("../images/quote.png");
  width: 89px;
  height: 72px;
  left: 15px;
  top: 9px;
}

.abt-sec1 {
  width: 100%;
  float: left;
  padding: 70px 4%;
}

.abt-sec1 img {
  max-width: 100%;
}

.abt-sec1 h2 {
  font-size: 34px;
  font-weight: 300;
}

.abt-sec1 h2 span {
  font-weight: 600;
}

.abt-sec1 p {
  font-size: 14px;
  color: #000;
  font-weight: 400;
  line-height: 28px;
}

.innerban h6 {
  font-size: 15px;
  color: #fff;
  font-weight: 600;
  text-transform: uppercase;
}

.innerban h3 {
  font-size: 40px;
  color: #fff;
  font-weight: 300;
}

.innerban h3 span {
  float: left;
  width: 100%;
  font-weight: 700;
}

.time-img {
  width: 33px;
  float: left;
  margin-right: 15px;
}

.call-us {
  float: left;
  background: #313830;
  width: 185px;
  height: 55px;
  text-align: center;
  padding: 15px 0;
  font-size: 14px;
  color: #fff;
  font-weight: 600;
}

.call-us:hover {
}

.follow {
  width: 100%;
  float: left;
}

.follow a img {
  height: 35px;
  transition: all ease-in-out 0.3s;
  background: #19222b;
  padding: 8px;
  border-radius: 5px;
  opacity: 0.7;
}

.follow a {
  margin-right: 20px;
  float: left;
}

.footer-top {
  width: 100%;
  float: left;
  background: #121212;
  padding: 20px 4%;
}

.footer-top-box {
  width: 100%;
  float: left;
  padding: 20px 0;
  border-right: 1px solid;
}

.footer-top-box img {
  /* width: 53px; */
  float: left;
  margin-right: 15px;
}

.footer-top-box h6 {
  font-size: 14px;
  color: #fff;
  font-weight: 400;
}

.footer-top-box h5 {
  color: #87851d;
  font-size: 15px;
  font-weight: 500;
}

.box-brown span {
  width: 100%;
  font-weight: 600;

  float: left;
}

.ban5 {
  width: 100%;
  height: 656px !important;
  object-fit: cover;
  position: relative;
  z-index: -1;
}

.ban5-box {
  width: 100%;
  float: left;
  position: relative;
  height: 637px;
}

.ban5-text {
  position: absolute;
  bottom: 175px;
  left: 23px;
  right: 23px;
}

.ban5-text h4 {
  font-size: 34px;
  color: #000;
  font-weight: 300;
  width: 68%;
  float: left;
}

.ban5-text h4 span {
  width: 100%;
  /* float: left; */
  font-weight: 600;
}

.ban5-text a {
  float: right;
  width: 160px;
  height: 55px;
  border: 2px solid #454416;
  font-size: 14px;
  color: #454416;
  font-weight: 600;
  padding: 15px 0;
  text-align: center;
  margin-top: 12px;
}

.ban5-text a:hover {
  text-decoration: none;
  background: #454416;
  color: #fff;
  border-color: #454416;
}

.box-brown {
  width: 100%;
  float: left;
  background: #723f08;
  text-align: center;
  padding: 30px 16px;
  margin-bottom: 25px;
}

.box-brown h6 {
  font-size: 24px;
  color: #fff;
  font-weight: 300;
  margin-top: 15px;
}

.box-bron h6 span {
}

.box-brown img {
  height: 84px;
}

.follow a img:hover {
  /* height: 40px; */
  margin-top: -4px;
}

.top-quick:hover .request-sec {
  display: block !important;
}

.quick-send {
  background: #7835b6;

  width: 100%;

  border: 0;

  font-size: 14px;

  font-weight: 700;

  border-radius: 10px;

  cursor: pointer;

  color: #fff;

  padding: 15px;

  transition: all ease-in-out 0.5s;

  -webkit-transition: all ease-in-out 0.5s;

  -moz-transition: all ease-in-out 0.5s;
}

.quick-send:hover {
  /* background: #1a1a2b; */

  color: #fff;

  opacity: 0.7;
}

.request-sec {
  position: fixed;
  right: 0;
  width: 100%;
  top: -450px;
  /* z-index: 999; */
  right: 0;
  /*transition: all ease-in-out 1.5s;*/
  height: 100%;
  /* background: #4f157ae3; */
  z-index: 9999;
}

.req-form {
  width: 427px;
  float: right;
  height: auto;
  margin-right: 0;
  opacity: 1;
  /*transition: all ease-in-out 0.5s;*/
  background: #fff;
  padding: 25px 40px;
  top: 0;
  position: relative;
  right: 0;
  height: 100%;
  z-index: 999999;
}

.form-inner {
  display: none;
}

.form-block {
  opacity: 1;
}

.req-form h2 {
  font-size: 25px;
}

.req-form p {
  font-size: 14px;
  width: 87%;
  line-height: 28px;
}

.field_area {
  width: 100%;
  float: left;
  position: relative;
  margin: 0 0 20px;
}

.field_area label {
  color: #000;
  font-size: 14px;
}

.field_area input[type="email"],
.field_area input[type="number"],
.field_area input[type="text"],
.field_area textarea {
}

#request-quote:hover {
  text-decoration: none;
  opacity: 0.8;
}

.serv-detail-img {
  border-radius: 10px;

  height: 400px;

  max-width: 100%;

  width: 100%;

  object-fit: cover;
}

.service-highlight {
  width: 100%;

  float: left;

  padding: 70px 0;
}

.service-highlight-box {
  width: 90%;

  float: left;

  background: #fff;

  box-shadow: 2px 3px 3px 3px rgba(0, 0, 0, 0.05);

  padding: 60px 30px;

  border-radius: 10px;

  margin-top: 50px;

  transition: all ease-in-out 0.5s;

  -webkit-transirion: all ease-in-out 0.5s;
}

.service-highlight h2 {
  font-size: 45px;

  font-weight: 300;

  color: #000;
}

.service-highlight h2 span {
  font-weight: 700;
}

.service-highlight-box h5 {
  font-size: 68px;

  -webkit-text-stroke-width: 2px;

  -webkit-text-stroke-color: #3d2116;

  -webkit-text-fill-color: white;
  /* Will override color (regardless of order) */

  font-family: "Roboto", sans-serif !important;
}

.service-highlight-box h6 {
  font-size: 22px;

  color: #000;

  font-weight: 600;
}

.service-highlight-box p {
  font-size: 14px;

  line-height: 29px;

  margin-top: 11px;

  margin-bottom: 0;
}

.log_set img {
  position: absolute;
  left: 7px;
  top: 39px;
  border-right: 1px solid #cd9337;
  /* right: 15px; */
  padding-right: 9px;
}

.contact-full {
  /* background: #f7b142; */
  width: 100%;
  float: left;
  padding: 60px 5%;
}

.contact-full h2 {
  font-size: 35px;
  /* text-align: center; */
  padding: 0;
  /* line-height: 60px; */
  font-weight: 700;
  width: 100%;
  float: left;
  margin-bottom: 10px;
}

.contact-full p {
  font-size: 14px;
  /* text-align: center; */
  /* padding: 20px 356px; */
  line-height: 30px;
  width: 100%;
  float: left;
  margin-bottom: 30px;
}

.contact-full form {
  /* max-width: 625px; */
  /* display: block; */
  /* margin: 30px auto; */
}

.log_set {
  width: 100%;
  float: left;
  position: relative;
  padding: 0 0 17px;
  margin-bottom: 15px;
}

.log_set label {
  width: 100%;
  float: left;
  position: relative;
  font-size: 15px;
  /* font-family: 'Open Sans', sans-serif !important; */
  font-weight: 400;
  color: #000;
  line-height: 25px;
  margin: 0 0 5px;
  text-align: left;
}

.log_set input[type="text"],
.log_set input[type="password"],
.log_set input[type="mail"],
.log_set input[type="email"],
.log_set input[type="tel"],
.log_set textarea,
.log_set select {
  width: 100%;
  float: left;
  position: relative;
  height: 50px;
  border: none;
  padding: 10px 20px;
  font-size: 14px;
  line-height: 30px;
  color: #000;
  font-weight: 300;
  /* border-radius: 4px; */
  -moz-border-radius: 4px;
  /* -webkit-border-radius: 4px; */
  /* border-radius: 3px; */
  background: transparent;
  outline: none;
  border: solid 1px #979797;
  /* padding-left: 0px; */
  /* padding-right: 0px; */
}

.contact-full button:hover {
  background: #121212;
  color: #000;
  border-color: #121212;
  color: #fff;
}

.contact-full button {
  /* background: #3d2116; */
  color: #121212;
  background: #636227;
  color: #fff;
  border-color: #636227;
  border: 2px solid;
  padding: 20px;
  border-radius: 0;
  font-size: 14px;
  /* display: block; */
  text-align: center;
  width: 100%;
  /* background: transparent; */
  font-weight: 700;
  /* margin: auto; */
  cursor: pointer;
  transition: all ease-in-out 0.5s;
  -webkit-transition: all ease-in-out 0.5s;
  -moz-transition: all ease-in-out 0.5s;
}

.saffron-box {
  max-width: 900px;

  display: block;

  margin: 40px auto 0;
}

.fly-saffron-full {
  width: 100%;

  float: left;

  padding: 70px 0;
}

.fly-saffron-full img {
  margin-top: 30px;
  max-width: 100%;
}

.fly-saffron-full h2 {
  width: 100%;

  float: left;

  font-size: 45px;

  font-weight: 300;

  margin-bottom: 20px;
}

.contact-full h2 span {
  width: 100%;
  float: left;
  font-weight: 700;
  color: #91903e;
}

.fly-saffron-full h2 span {
  width: 100%;

  float: left;

  font-weight: 700;
}

.fly-saffron-full p {
  font-size: 14px;

  color: #000;

  line-height: 30px;

  margin: 0;
}

.innerban-saffron p {
  float: left;

  width: 100%;

  text-align: center;

  color: #fff;

  font-size: 14px;

  padding: 10px 365px;

  line-height: 30px;

  margin: 0;

  padding-bottom: 0;
}

.caption_area a:hover {
  background: transparent !important;
}

.career-box:hover h6 {
  background: #442014;

  color: #fff;
}

.career-box h6 {
  font-size: 19px;

  text-align: center;

  margin-top: 0;

  width: 100%;

  float: left;

  font-weight: 600;

  color: #000;

  background: #f7b142;

  padding: 17px 0;

  border-bottom-left-radius: 5px;

  border-bottom-right-radius: 5px;

  transition: all ease-in-out 0.5s;
}

.career-box h5 {
  font-size: 19px;

  text-align: center;

  margin-top: 10px;

  font-weight: 600;

  color: #000;
}

.career-box h2 {
  text-align: left;

  font-size: 27px;

  font-weight: 700;

  margin-top: 25px;

  color: #000;
}

.career-box p {
  font-size: 14px;

  text-align: left;

  color: #000;

  line-height: 27px;

  font-weight: 400;
}

.career-box span {
  color: #441f16;
}

.career-box-a {
  float: left;

  border: 1px solid #422014;

  padding: 11px 26px 14px;

  font-size: 14px;

  color: #000;

  font-weight: 600;

  border-radius: 5px;
}

.career-box-a:hover {
  background: #422014;

  color: #fff;

  text-decoration: none;
}

.ct-bg {
  width: 100%;

  text-align: center;

  float: left;

  background: url("../images/about-bg.png");

  padding: 100px 0;

  background-attachment: fixed;

  background-size: cover;

  background-position: center;
}

.ct-bg h2 {
  font-size: 50px;

  color: #fff;

  font-weight: 300;
}

.ct-bg h2 span {
  width: 100%;

  float: left;

  color: #f7b142;

  font-weight: 700;
}

.highlight-full {
  width: 100%;

  float: left;

  padding: 70px 0;
}

.highlight-box {
  width: 100%;

  /* float: left; */

  max-width: 950px;

  display: block;

  margin: auto;

  /* margin-bottom: 40px; */
}

.highlight-box h2 {
  position: relative;
  background: #ccd1d9;
  font-size: 23px;
  font-weight: 700;
  padding: 15px;
  width: 80%;
  margin-top: 35px;
}

.highlight-box h2:after {
  position: absolute;
  content: "";
  background: url("../images/point.png");
  width: 68px;
  height: 24px;
  right: -68px;
  top: 17px;
}

.highlight-box p {
  font-size: 14px;

  color: #000;

  line-height: 30px;

  text-align: justify;

  margin-bottom: 65px;
}

.highlight-box2 {
  width: 100%;

  /* float: left; */

  max-width: 950px;

  display: block;

  margin: auto;

  /* margin-bottom: 40px; */
}

.highlight-box2 h2 {
  position: relative;
  background: #ccd1d9;
  font-size: 23px;
  font-weight: 700;
  float: right;
  padding: 15px;
  width: 80%;
  margin-top: 35px;
}

.highlight-box2 h2:after {
  position: absolute;
  content: "";
  background: url("../images/point.png");
  width: 68px;
  height: 24px;
  left: -68px;
  top: 17px;
  transform: rotate(180deg);
}

.highlight-box2 p {
  font-size: 14px;

  color: #000;

  line-height: 30px;

  text-align: justify;

  margin-bottom: 65px;
}

.service-full {
  width: 100%;

  float: left;

  padding: 70px 0;
}

.service-box {
  width: 100%;

  float: left;

  margin-bottom: 85px;
}

.partner-logo {
  width: 100%;
  float: LEFT;
  border: 1px SOLID #cccccc73;
  padding: 15px;
  margin-top: 25px;
  border-radius: 5px;
}

.partner-logo img {
  height: 100px;
  object-fit: CONTAIN;
}

.service-box img {
  width: 100%;

  border-top-left-radius: 10px;

  border-top-right-radius: 10px;

  height: 270px;

  object-fit: cover;
}

.service-box p {
  font-size: 14px;

  line-height: 30px;

  padding: 0 15px;
}

.service-box h2 {
  font-size: 24px;

  font-weight: 700;

  width: 100%;

  float: left;

  margin-top: 30px;

  padding: 0 15px;
}

.active-class-about:after {
  left: 36px !important;
  bottom: -12px !important;
}

.vision-sec {
  width: 100%;

  float: left;

  margin-bottom: 60px;
}

.vision-bg {
  background: #fff;

  border-radius: 100%;

  box-shadow: 1px 5px 6px 4px rgb(0 0 0 / 7%);

  padding: 29px 0;

  width: 125px;

  height: 125px;
}

.about-sec3 {
  width: 100%;

  float: left;

  padding: 150px 0 0px;
}

.about-sec3 img {
  display: block;

  margin: auto;
}

.about-sec3 h2 {
  font-size: 35px;

  font-weight: 300;

  margin-top: 10px;
}

.about-sec3 h2 span {
  font-weight: 700;
}

.about-sec3 p {
  font-size: 14px;

  line-height: 30px;

  color: #000;
}

.about-sec2 {
  width: 100%;

  float: left;
}

.about-sec2 h2 {
}

.about-sec2 h2 span {
  float: left;

  width: 100%;

  font-weight: 700;
}

.about-sec2 p {
  float: left;

  width: 100%;

  font-size: 14px;

  line-height: 28px;

  color: #fff;

  margin-top: 20px;
  margin-bottom: 0;
}

.about-sec2 img {
  max-width: 100%;

  position: absolute;

  top: -62px;
}

.about-full2 {
  padding: 70px 0 !important;
}

.about-full2 img {
  width: 506px !important;
  border-radius: 10px;
  margin-left: 40px !important;
}

.innerban img {
  position: absolute;

  bottom: -2px;

  width: 100%;

  float: left;

  left: 0;
}

.innerban h2 span, .innerban:not(.blog-span) h1 span {
  color: #f7b142;

  width: 100%;

  float: left;

  font-weight: 700;
}

.innerban-saffron img {
  position: absolute;

  bottom: -2px;

  width: 100%;

  float: left;

  left: 0;
}

.innerban-saffron h2 {
  color: #fff;

  width: 100%;

  float: left;

  font-weight: 700;

  text-align: center;

  font-size: 50px;
}

.top-quick img {
  float: right;
}

.top-quick:hover img {
  filter: invert(1);
}

.bdr-padding {
  padding: 0 0 0 40px;
}

.slider-ban .owl-dots:after {
  /* content: ''; */
  position: absolute;
  height: 26px;
  width: 2px;
  background: #babdb4;
  bottom: -32px;
  right: 15px;
}

.slider-ban .owl-dots:before {
  /* content: ''; */
  position: absolute;
  height: 26px;
  width: 2px;
  background: #babdb4;
  top: -39px;
  right: 17px;
}

.slider-ban .owl-dot.active span {
  background: #000000;
}

.highlight-hover:hover:after {
  left: 48px !important;
}

.gal-hover:hover:after {
  left: 62px !important;
}

.branch-hover:hover:after {
  left: 0px !important;
}

.fly-hover:hover:after {
  left: 77px !important;
}

.contact-hover:hover:after {
  left: 48px !important;
}

.slider-ban .owl-dots button span {
  background: #603176;
  width: 8px;
  height: 8px;
  float: right;
  border-radius: 100%;
  margin-right: 13px;
  margin-bottom: 13px;
}

.slider-ban .owl-dots {
  float: right;
  position: absolute;
  top: 50%;
  right: 20px;
  z-index: 9999;
  /* display: none; */
}

.slider-ban .owl-dots button {
  float: right;
  width: 100%;
}

.arrow {
  width: auto !important;
  float: right;
  position: absolute;
  bottom: 28px;
  right: 0;
  background: #f7b142;
  padding: 9px;
  border-radius: 100% !important;
  height: 43px;
}

.arrow1 {
  width: auto !important;
  float: right;
  position: absolute;
  bottom: 28px;
  right: 19px;
  background: #c1dde8;
  filter: invert(1);
  padding: 9px;
  border-radius: 100% !important;
  height: 43px;
}

.arrow1:hover {
  background: #f7b142;

  filter: invert(0);
}

.arrow3 {
  width: auto !important;
  float: right;
  position: absolute;
  bottom: 69px;
  right: 19px;
  background: #c1dde8;
  filter: invert(1);
  padding: 9px;
  border-radius: 100% !important;
  height: 43px !important;
}

.arrow3:hover {
  background: #f7b142;

  filter: invert(0);
}

.arrow2:hover {
  background: #f7b142;

  filter: invert(0);
}

.arrow2 {
  width: auto !important;
  float: right;
  position: absolute;
  bottom: 28px;
  right: 19px;
  background: #c1dde8;
  filter: invert(1);
  padding: 9px;
  border-radius: 100% !important;
  height: 43px;
}

.dnld-profile {
  border: 1px solid #000;
  padding: 10px 20px 13px;
  font-size: 14px;
  color: #000;
  font-weight: 600;
  margin-top: 30px;
  border-radius: 5px;
  display: inline-block;
  clear: both;
  margin: 30px auto;
  width: 200px;
  text-align: center;
}

.dnld-profile:hover {
  background: #1a2426;

  color: #fff !important;
}

.border-ftr {
  width: 100%;

  float: left;

  /* border-right: 1px solid #edeceb; */

  /* height: 250px; */

  /* padding: 0 20px; */
}

.header-social svg {
  height: 24px;
  fill: #7f7f7f;
  margin: 0px 15px 0 0;
  position: inherit !important;
}

.panel8 .row {
  overflow: hidden;
  float: left;
  width: 100%;
}

.row-box {
  float: left;
  width: 100%;
  margin-bottom: 25px;
}

.panel8 h2 span {
  font-weight: 700;
}

.panel8-curve {
  position: absolute;

  top: -76px;

  left: 0;

  width: 100%;

  left: 0;

  z-index: 99999;

  float: left;

  /* overflow: hidden; */
}

.panel8 {
  float: left;

  width: 100%;

  background: #f7b142;

  padding: 40px 0 0 8%;

  position: relative;

  /* overflow-x: hidden; */
}

.panel8 h2 {
  font-size: 45px;

  color: #3f2317;

  font-weight: 300;

  line-height: 56px;

  margin-top: 13px;

  padding-right: 10%;
}

.panel h2 span {
}

.panel8 p {
  font-size: 14px;

  line-height: 30px;

  color: #000;

  padding-top: 10px;

  padding-right: 10%;

  margin: 0;
}

.panel8-img {
  width: 100%;

  float: left;

  border-radius: 10px;

  margin-bottom: 60px;
}

.panel8-box {
  top: 375px;

  position: absolute;

  background: #f7f6f6;

  width: 100%;

  padding: 30px 15px 0;

  border-top-left-radius: 10px;

  overflow: hidden;

  /* float: left; */

  right: 0;
}

.p8-icon {
}

.panel8 h6 {
  /*font-family: 'Roboto', sans-serif !important;*/

  font-size: 17px;

  color: #070707;

  font-weight: 700;

  float: left;

  padding-top: 11px;
}

.panel7-text {
  position: absolute;

  bottom: -376px;

  left: -2px;
}

.panel7 {
  width: 100%;

  float: left;

  background: url("../images/map-bg.png");

  background-size: cover;

  background-position: center;

  padding: 70px 6%;

  position: relative;

  z-index: 0;
}

.panel7 h2 span {
  font-weight: 700;
}

.panel7 h2 {
  font-size: 38px;

  font-weight: 300;

  color: #fff;

  margin-bottom: 30px;

  padding-left: 30px;
}

.panel7 h5 {
  /* position: absolute; */
  /* bottom: 0; */
  font-size: 24px;
  text-align: right;
  color: #fff;
  line-height: 32px;
  font-weight: 300;
}

.panel7 h5:after {
  position: absolute;
  content: "";
  background: url("../images/quote.png");
  width: 67px;
  height: 59px;
  left: -21px;
  top: -55px;
}

.panel7 a {
  font-size: 14px;

  border: 1px solid #ffffff;

  color: #ffffff;

  padding: 11px 20px 13px;

  float: right;

  margin-top: 20px;

  border-radius: 5px;

  font-weight: 600;
}

.panel7 a:hover {
  background: #fff;

  text-decoration: none;

  color: #000;
}

.panel7 img {
  max-width: 100%;
}

.explore-bg {
}

.explore-bg1 {
}

.service-text {
  position: absolute;
  bottom: 12px;
  /* padding-left: 20px; */
  left: 21px;
}

.service-text h5 {
  font-size: 35px;

  color: #fff;

  font-weight: 600;

  margin-bottom: 10px;
}

.service-text p {
  color: #fff;

  font-size: 14px;

  line-height: 25px;

  width: 72%;
}

.slider-curve {
  position: relative;
  bottom: 270px;
  width: 100%;
  float: left;
  display: none;
  z-index: 1;
}

.top-cust {
  float: right;

  background: #533224;

  padding: 11px 12px 13px;

  font-size: 14px;

  width: 148px;

  text-align: center;

  font-weight: 600;

  color: #fff;
}

.top-cust:hover {
  background: #f7b142;

  text-decoration: none;

  color: #000;
}

.top-quick {
  float: right;

  background: #f7b142;

  padding: 11px 15px 13px;

  font-size: 14px;

  width: 148px;

  /* text-align: center; */

  font-weight: 600;

  color: #000;
}

.top-quick:hover {
  text-decoration: none;

  background: #533224;

  color: #fff;
}

.top-follow {
  float: left;

  margin-left: 1%;
}

.top-follow h5 {
  float: left;

  color: #fff;

  font-size: 14px;

  font-weight: 300;

  margin-bottom: 0;

  padding: 0px 10px 0 0;

  margin-top: 14px;
}

.top-follow a {
  float: left;

  margin-top: 8px;

  margin-right: 20px;
}

.top-follow img {
}

.contact-box {
  height: 230px;
  width: 100%;

  float: left;

  padding: 30px 25px;

  border: 1px solid #ccc;
  background: #fff;

  position: relative;

  /* box-shadow: 0px 1px 1px 1px #efe8e8b3; */

  /* text-align: center; */

  margin-top: 30px;
}

.contact-box h4 {
  font-size: 15px;
  color: #000000;
  text-transform: uppercase;
  font-weight: 700;
  padding: 10px 0;
}

.contact-box p {
  margin: 0;

  line-height: 18px !important;

  width: 100%;

  float: left;
}

.dot-image {
  height: auto !important;

  width: auto !important;

  top: 72px;

  position: absolute;

  right: 518px;
}

.footerlast {
  float: left;

  width: 100%;

  text-align: center;

  margin-top: 40px;

  /* background: #0a0b0d; */

  border-top: 1px solid;
}

.abt-panel {
  width: 100%;
  float: left;
  padding: 30px 5% 60px;
}

.gallery_block {
  float: left;
  width: 100%;
  padding: 50px 5%;
}

.gallery_area {
  margin-top: 15px;
  width: 100%;
  float: left;
  position: relative;
  /* text-align: center; */
  border-radius: 50%;
}

.gallery_block h3 {
  font-size: 35px;
  font-weight: 700;
}

.gallery_area li {
  /* width: 100%; */
  /* padding: 10px; */
  display: inline-block;
  /* overflow: hidden; */
  position: relative;
  transition: all ease-in-out 0.6s;
  -moz-transition: all ease-in-out 0.6s;
  -ms-transition: all ease-in-out 0.6s;
  -o-transition: all ease-in-out 0.6s;
  -webkit-transition: all ease-in-out 0.6s;
}

.gallery_area li .gal {
  width: 100%;
  /* float: left; */
  position: relative;
  overflow: hidden;
  /* border: 1px solid #ccc; */
  /* border-radius: 5px; */
  /* margin-top: 10px; */
}

.gal img {
  width: 100%;
  /* border-radius: 10px; */
  height: 275px;
  display: block;
  /* border-radius: 5px; */
  object-fit: cover;
}

.caption_area {
  float: left;
  position: absolute;
  width: 0%;
  height: 100%;
  z-index: 100;
  background-color: rgb(66 32 20 / 59%);
  top: 100%;
  left: 50%;
  overflow: hidden;
  transition: all ease-in-out 0.6s;
  -moz-transition: all ease-in-out 0.6s;
  -ms-transition: all ease-in-out 0.6s;
  -o-transition: all ease-in-out 0.6s;
  -webkit-transition: all ease-in-out 0.6s;
}

.caption_area a {
  width: 100%;
  height: 100%;
  /* border-radius: 100%; */
  /* background-color: #fff; */
  /* padding: 17px; */
  border: 0;
  float: left;
  position: relative;
  /* left: 50%; */
  /* top: 150%; */
  /* transform: translate(-50%,-75%); */
  -moz-transform: translate(-50%, -75%);
  -ms-transform: translate(-50%, -75%);
  -o-transform: translate(-50%, -75%);
  -webkit-transform: translate(-50%, -75%);
}

.caption_area a img {
  /* max-width: 100%; */
  height: auto;
  width: auto;
  display: block;
  margin: 0px auto;
  /* filter: brightness(11); */
  border-radius: 0;
}

.caption_area h2 {
  color: #fff;
  font-size: 17px;
  text-align: center;
  font-weight: 700;
  position: absolute;
  left: 0;
  width: 100%;
  background: #000;
  text-transform: uppercase;
  padding: 10px;
  bottom: -9px;
}

.gallery_area li:hover .caption_area {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 15px;
  border-radius: 5px;
}

.gallery_area li:hover .caption_area a {
  left: 50%;
  top: 50%;
  transition-delay: 0.5s;
  -moz-transition-delay: 0.5s;
  -ms-transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
  -webkit-transition-delay: 0.5s;
}

.footer h2:after {
  /* content: ''; */
  position: absolute;

  width: 100px;
  height: 6px;
  left: 0;
  top: 33px;
  border-radius: 30px;
}

.service-page-full {
  width: 100%;
  float: left;
  padding: 70px 5%;
}

.abt-box {
  width: 100%;

  float: left;

  text-align: center;

  padding: 30px 15px;

  border: 1px solid transparent;

  border-radius: 5px;

  transition: all ease-in-out 0.5s;
}

.abt-box img {
}

.abt-box h2 {
  font-size: 30px;

  font-weight: 700;

  color: #000;

  margin-top: 20px;
}

.abt-box p {
  font-size: 14px;

  line-height: 28px;

  font-weight: 400;

  color: #000;
}

.abt-box:hover {
  box-shadow: -4px 13px 37px -3px rgb(44 41 106 / 19%);

  border-color: #beebf8;
}

.footerlast p {
  margin: 0;

  text-align: center;

  margin-top: 0;

  font-size: 13px;

  color: #aab9c1;

  padding: 15px 0;
}

.footerlast p a {
  color: #fff;
}

.footerlast p a:hover {
  color: #672b8e;

  text-decoration: none;
}

.fb-a {
  float: left;

  margin-right: 10px;

  margin-top: 5px;
}

.fb-a svg {
  width: 35px;

  height: 35px;

  fill: #fff;

  float: left;
}

.fb-a:hover svg {
  fill: #b7e9f7;
}

.ftr-link-box h5 {
  font-size: 15px;

  font-weight: 700;

  color: #000;

  margin-top: 6px;
}

.footer-b {
  width: 50%;
  float: left;
  color: #000;
  font-size: 14px;
  /* width: 100%; */
  /* float: left; */
  padding: 10px 0;
}

.icon3-box img {
  display: block;
  margin: auto;
}

.view-all-serv {
  width: 155px;

  height: 48px;

  margin: auto;

  display: table;

  background: #0682b5;

  padding: 13px 0;

  font-size: 14px;

  text-align: center;

  color: #fff;

  font-weight: 700;

  border-radius: 5px;
}

.view-all-serv:hover {
  text-decoration: none;

  background: #2c398c;
}

.slide {
  float: left;
  width: 100%;
  /* top: 0; */
  /* background: url('../images/slider_bg.png'); */
  background-size: cover;
  /* background-position: center; */
  position: relative;
  z-index: 1;
  /* min-height: 850px; */
  /* max-height: 1000px; */
  height: 567px;
  margin-top: -4px;
}

.service-right h6:hover a {
  color: #fff;
  text-decoration: none;
}

.about1 {
  float: left;
  width: 100%;
  padding: 30px 6%;
}

.track1 h3 {
  font-size: 28px;
  font-weight: bold;
}

.track1 {
  /* float: left; */
  width: 100%;
  text-align: center;
  margin: 30px auto 50px;
  max-width: 533px;
  display: block;
  position: relative;
  /* float: left; */
  clear: both;
}

.track1 form {
  width: 100%;
  margin-top: 30px;
}

.track1 input {
  border: 1px solid #ccc;
  padding: 10px;
  border-radius: 4px;
  width: 100%;
}

.track1 button {
  background: #da4953;
  width: 140px;
  height: 46px;
  padding: 13px 0;
  color: #fff;
  font-size: 13px;
  border-radius: 4px;
  border: none;
  cursor: pointer;
  margin-top: 20px;
  transition: all ease-in-out 0.5s;
  -webkit-transition: all ease-in-out 0.5s;
  -moz-transition: all ease-in-out 0.5s;
}

.track1 button:hover {
  background: #1a1a2b;
}

.service-right h6 {
  padding: 10px 10px;
  width: 100%;
  /* border-top: 1px solid #cccccc52; */
  background: #000537;
  margin-bottom: 15px;
  /* height: 64px; */
  float: left;
}

.service-right svg {
  width: 46px;
  height: 46px;
  fill: #000;
  margin-top: -14px;
  float: right;
  padding: 15px;
  background: #fff;
}

.service-right h6:hover svg {
  background: #ffffff;
  fill: #000 !important;
}

.service-right h6:hover {
  background: #672b8e;
}

.active-serv svg {
  background: #fff !important;
  fill: #000 !important;
  /* filter: brightness(273); */
}

.active-serv {
  background: #672b8e !important;
}

.service-right h6 a {
  font-size: 14px;
  color: #fff;
  text-transform: uppercase;
  padding: 11px 5px 0;
  float: left;
  width: 100%;
}

.active-serv a {
  color: #fff !important;
}

.electrical-sec-full {
  width: 100%;
  float: left;
  padding: 50px 5%;
}

.electrical-sec-full img {
  width: 100%;
  float: left;
  height: 418px;
  object-fit: cover;
}

.electrical-sec-full h2, .electrical-sec-full h1 {
  font-size: 35px;
  color: #101010;
  padding-top: 20px;
  float: left;
  width: 100%;
  font-weight: 700;
}

.electrical-sec-full p {
  width: 100%;
  float: left;
  font-size: 14px;
  color: #101010;
  line-height: 33px;
  padding: 10px 0 0;
  margin-bottom: 30px;
}

.service-right {
  width: 100%;
  float: left;
  /* background: #38383d; */
  /* box-shadow: 2px 1px 6px 7px rgb(0 0 0 / 5%); */
}

.ftr-social {
  width: 100%;

  float: left;

  margin-top: 10px;
}

.innerban h2, .innerban h1 {
  font-size: 45px;

  font-weight: 700;

  /* padding: 0 12% 0 0; */

  color: #fff;

  text-align: left;

  /* margin-top: 95px; */

  margin-bottom: 0;
}

.ftr-social a {
  width: auto !important;

  margin-right: 15px;
}

.ftr-social a img {
  border: 1px solid #555b62;

  border-radius: 100%;

  padding: 5px;
}

.ftr-social a:hover {
  margin-left: 0 !important;

  opacity: 1 !important;

  /* background: aliceblue; */
}

.ftr-social a:hover img {
  background: #2e3192;
}

.ftr-link-box {
  width: 100%;

  float: left;

  margin-bottom: 0;
}

.partner .owl-nav button img {
  border: none !important;
  background-color: transparent !important;
}

.partner .owl-nav {
  display: block !important;

  float: right;

  position: relative;

  top: -287px;

  right: 18px;
}

.client {
}

.client-testi {
  width: 88%;

  float: left;

  margin-top: 48px;
}

.client-testi img {
  width: auto !important;

  max-width: 100%;
}

.client-testi h5 {
  color: #090c69;

  font-size: 18px;

  font-weight: 700;
}

.client-testi p {
  font-size: 14px;

  color: #000;

  font-weight: 400;

  line-height: 28px;

  padding-top: 10px;
}

.client-testi h6 {
  font-size: 16px;

  color: #000;

  font-weight: 700;
}

.video-img {
  height: 483px;
  object-fit: cover;
  max-width: 100%;
}

.panel_3_box {
  position: absolute;
  display: block;
  margin: auto;
  right: 0;
}

.video-box {
  position: relative;
  float: left;
  width: 100%;
  text-align: center;
  margin-top: -90px;
}

.p3-h2 {
  font-size: 35px;

  color: #fff;

  font-weight: 700;

  line-height: 50px;
}

.p3-p {
  font-size: 14px;

  color: #fff;

  line-height: 32px;
}

.slide a {
  float: right;

  width: 185px;

  height: 55px;

  background: #4d1b6d;

  text-transform: uppercase;

  text-align: center;

  font-size: 15px;

  color: #fff;

  font-weight: 400;

  /* text-transform: uppercase; */

  padding: 16px 15px 17px;

  text-align: left;

  border-radius: 10px;

  margin-top: 10px;

  /* border: 1px solid #da4953; */
}

.slide a:hover {
  background: #000537;

  text-decoration: none;

  /* border-color: #ffffff; */

  color: #ffffff;
}

.slide .owl-nav {
  display: none;
}

.enq-sec {
  margin-left: 29px;
  float: right;
}

.hd-wa {
  float: right;

  width: 220px;

  margin-top: 30px;

  /* padding-left: 10px; */
}

.hd-wa img {
  float: left;

  height: 37px;
}

.hd-wa h6 {
  float: right;

  width: auto;

  font-size: 14px;

  width: 80%;

  color: #1d1c1c;

  font-weight: 300;

  padding-left: 10px;
}

.hd-wa h6 span {
  float: left;

  width: 100%;

  font-weight: 700;

  padding-top: 4px;
}

.enq-btn {
  background: #2c3293;
  color: #fff !important;
  font-size: 14px;
  font-weight: 600;
  height: 46px;
  float: right;
  width: 136px !important;
  text-align: center;
  padding: 12px 0 !important;
  margin-top: 27px;
  border-radius: 8px;
}

.enq-btn:hover {
  background: #12a8ef;

  text-decoration: none;
}

.contact-box a {
  border-radius: 30px;

  background: #1f6eb7;

  float: none;

  text-align: center;

  color: #fff;

  font-size: 15px;

  width: 165px;

  font-weight: 600;

  /* display: block; */

  padding: 10px 15px;

  margin-top: 32px;

  box-shadow: -2px 1px 3px 0px #23202538;
}

.contact-box a:hover {
  text-decoration: none;

  background: #000;
}

.flag {
  position: absolute;

  width: auto !important;

  height: auto !important;

  left: 0;

  top: -43px;
}

.last-p {
  margin-bottom: 35px !important;
}

.ct-black {
  width: 100%;

  float: left;

  background: #383636;

  margin-top: 30px;

  padding: 40px 30px;

  text-align: center;
}

.ct-black h4 {
  font-size: 22px;

  color: #fff;

  line-height: 30px;

  font-weight: 400;
}

.ct-black h4 span {
  font-weight: 700;
}

.ct-black p {
  color: #fff !important;
}

.ct-black a {
  margin: 0;
}

.ct-black svg {
  height: 30px !important;

  width: 30px !important;

  fill: #fff !important;

  float: none !important;

  margin: 15px 5px !important;
}

.ct-black svg:hover {
  fill: #1f6eb7 !important;
}

.business svg {
  height: 65px !important;

  width: 65px !important;

  fill: #fff;
}

.contact-form {
  width: 100%;

  float: left;

  text-align: center;

  background: #f2f2f2;

  padding: 50px 0;

  position: relative;

  margin-bottom: 50px;
}

.contact h6 {
  line-height: 30px;
}

.contact p {
}

.contact-form h2 {
  font-size: 35px;

  font-weight: 700;

  margin-bottom: 15px;
}

.contact-form p {
  font-size: 15px;

  line-height: 28px;

  float: left;

  width: 100%;

  margin-bottom: 40px;
}

.sub-ct {
  border: none;
  border-radius: 30px;
  background: #1f6eb7;
  float: none;
  text-align: center;
  color: #fff;
  font-size: 15px;
  width: 165px;
  font-weight: 600;
  /* display: block; */
  padding: 14px 15px;
  margin-top: 32px;
  box-shadow: -2px 1px 3px 0px #23202538;
  transition: all ease-in-out 0.5s;
  cursor: pointer;
}

.sub-ct:hover {
  background-color: #000;
}

.contact-form form {
  max-width: 920px;

  display: block;

  margin: 20px auto;
}

.contact-form input[type="email"],
.contact-form input[type="number"],
.contact-form input[type="text"],
.contact-form textarea {
  background: transparent;
  border: 1px solid #ccc;
  font-size: 300;
  margin-bottom: 30px;
  color: #000;
  padding: 10px 10px;
  width: 100%;
}

.business h6 {
  line-height: 35px;

  font-size: 23px !important;
}

.business h5 {
  font-size: 20px;

  font-weight: 700;

  margin-bottom: 0;

  margin-top: 45px;
}

.top-header {
  float: left;
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
}

.logo {
  /* float:
  left; */
  /* background: #fff; */
  /* width: 340px; */
  /* border-radius: 5px; */
  /* box-shadow: 1px -4px 3px 3px rgb(0 0 0 / 5%); */
}

.banner {
  float: left;
  width: 100%;
  height: 490px;
  background: black;
}

.header-social svg:hover {
  /* height: 20px; */
  fill: #1f6eb7;
  /* margin: 0px 10px; */
}

.team-img img {
  display: block;
  margin: auto;
  float: none !important;
}

.team-list {
  float: left;
  width: 100%;
  margin-top: 25px;
}

.team-img {
  float: left;
  width: 100%;
  text-align: center;
  margin-bottom: 20px;
}

.team-list h3 {
  float: left;
  width: 100%;
  text-align: center;
  color: #1f6eb7;
  font-weight: 700;
  font-size: 18px;
}

.team-list h4 {
  float: left;
  width: 100%;
  text-align: center;
  font-weight: 400;
  color: #000;
  font-size: 14px;
  margin-bottom: 40px;
}

.vm-section {
  float: left;
  width: 235px;
  min-height: 345px;
  background: white;
  margin-right: 45px;
  margin-top: 55px;
}

.abt-dtl {
  /* float:left; */
  margin-top: 55px;
}

.abt-dtl span {
  /* float:left; */
  /* width:100%; */
  color: #010101;
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
  /* padding-bottom: 22px; */
}

.abt-dtl p {
  color: #000000;
  font-size: 14px;
  font-weight: 400;
  line-height: 28px;
  margin-top: 20px;
  margin-bottom: 0px;
}

.vm {
  float: left;
  width: 100%;
}

.slide .item .slide-image {
  height: 567px;
  float: right;
  margin-left: 0px;
  /* position: absolute; */
  /* width: auto !important; */
  /* z-index: 9999; */
  width: 100%;
  right: 0;
  object-fit: cover;
  top: 0;
  /* max-height: 1000px; */
  /* border-top-left-radius: 5px; */
  /* border-bottom-left-radius: 7px; */
}

.item h1 {
  color: #000000;
  font-size: 20px;
  font-weight: 600;
  padding-right: 0px;
  line-height: 25px;
  margin-bottom: 0px;
  float: left;
  width: 100%;
  padding-top: 22px;
  margin-top: 0;
}

.vm-section p {
  float: left;
  font-size: 14px;
  line-height: 28px;
  padding-top: 10px;
}

.bread-crumb {
  width: 100%;

  float: left;

  position: relative;

  background: #f3f4f5;

  margin-top: 120px;

  padding: 15px 9%;

  border-top: 1px solid #cccccca1;
}

.bread-crumb a {
  font-size: 17px;

  font-weight: 600;

  float: left;

  color: #000;
}

.bread-crumb a:hover {
  text-decoration: none;

  color: #1f6eb7;
}

.bread-crumb .dot {
}

.count .item p {
  color: #fff !important;
  font-size: 20px !important;
  font-weight: 400 !important;
  line-height: 28px !important;
  margin-top: 0 !important;
  margin-bottom: 0px;
  float: left !important;
  width: 100%;
  padding: 0 15px;
}

.our-business {
  float: left;
  width: 100%;
  padding: 60px 6% 50px;
  /* padding-bottom:50px; */
  background-image: url(../images/business-bg.png);
}

.our-business h1 {
  float: left;
  width: 100%;
  color: white;
  font-size: 40px;
  font-weight: 600;
  /* margin-bottom: 50px; */
}

.our-business h1 span {
  float: left;
  width: 100%;
  color: white;
  font-size: 15px;
  font-weight: 400;
  padding-bottom: 20px;
}

.menu ul:after {
  bottom: 100%;
  left: 20%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #fff;
  border-width: 6px;
  margin-left: -6px;
}

.bs {
  float: left;
  width: 100%;
  margin-top: 35px;
}

.bs-main {
  float: left;
  width: 100%;
}

.vm-section .owl-dots {
  display: block;
}

.business-cta {
  width: 100%;

  float: left;

  text-align: center;

  background: #f2f2f2;

  padding: 50px 0;

  position: relative;

  margin-bottom: 50px;
}

.business-cta a {
  border-radius: 30px;

  background: #1f6eb7;

  /* float: right; */

  text-align: center;

  color: #fff;

  font-size: 15px;

  width: 165px;

  font-weight: 600;

  padding: 11px 30px;

  margin-top: 32px;

  box-shadow: -2px 1px 3px 0px #23202538;
}

.business-cta a:hover {
  text-decoration: none;

  background: #000;
}

.business-cta p {
  line-height: 28px;

  font-size: 15px;

  color: #000;

  padding: 10px 15;

  padding: 10px 15px 30px;
}

.business-cta h2 {
  font-size: 2;

  font-size: 27px;

  font-weight: 700;

  line-height: 40px;
}

.vm .owl-nav button.owl-prev,
.vm .owl-nav button.owl-next,
.vm button.owl-dot {
  background: none;
  color: inherit;
  /* border: none; */
  padding: 0 !important;
  font: inherit;
  background: #ccc !important;
  height: 12px !important;
  width: 12px !important;
  border: 1px solid #1f6eb7 !important;
  border-radius: 100% !important;
  margin: 0 2px;
}

.vm .owl-dots .active {
  background-color: #1f6eb7 !important;
}

.bs-main h1 {
  float: left;
  width: 100%;
  color: #ffffff;
  font-size: 25px;
  font-weight: 600;
  line-height: 33px;
}

.cd-main-content {
  float: left;
}

.accordion .card:first-of-type {
  border-radius: 0 !important;
}

.bs-example {
  margin: 0 !important;
  width: 332px;
}

.card-header button {
  font-size: 20px !important;
  color: #1f6eb7;
  background: #fff !important;
  width: 100% !important;
  float: left !important;
  text-align: left !important;
  font-weight: 600;
  padding: 0 5px !important;
}

.card-header {
  background-color: #fff !important;
  border: 0 !important;
}

.card-header .fa-minus {
  background-color: #1f6eb7;
  color: #fff;
}

.card-header i {
  float: right;
  font-size: 12px;
  color: #000;
  margin-top: 0;
  padding: 6px;
}

.collapsed {
  color: #000 !important;
}

.card-body h6 {
  font-size: 14px;
  color: #282a2c;
  float: left;
  font-weight: 400;
  width: 100%;
  padding: 5px 0 5px 5px;
}

.card-header button:hover {
  text-decoration: none;
}

.card {
  border-radius: 0 !important;
}

.count .item1:after {
  content: "+";
  position: absolute;
}

.count .item1 {
  color: #fff;
  font-size: 45px;
  font-weight: 900;
  float: left;
  /* width: 100%; */
  text-align: center;
  position: relative;
  margin: 15px 15px 0 !important;
}

.bs-main p {
  float: left;
  width: 100%;
  color: white;
  line-height: 28px;
  font-size: 14px;
  font-weight: 400;
  padding-top: 10px;
  margin-bottom: 55px;
}

.nav-business {
  float: left;
  width: 100%;
  padding-top: 20px;
  color: white;
  font-size: 15px;
  font-weight: 500;
}

.nav-business strong {
  float: left;
}

.nav-business span {
  float: left;
  background-color: #9ca09b;
  width: 100px;
  height: 2px;
  margin-left: 30px;
  margin-top: 10px;
}

.nav-business:hover {
  text-decoration: none;
  color: #9ca09b;
}

.menu-desktop {
  float: right;
}

.responsive-menu {
  display: none;
  width: 100%;
  padding: 20px 15px;
  color: #fff;
  text-transform: uppercase;
  font-weight: 600;
}

.menu {
  display: block;
}

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

.menu li {
  display: inline-block;
  position: relative;
  z-index: 100;
}

.menu li a {
}

.menu li:hover > ul {
  visibility: visible;
  opacity: 1;
  transform: translate(0, 0);
}

.menu ul {
  visibility: hidden;
  opacity: 0;
  margin: 0;
  padding: 0;
  width: 211px;
  position: absolute;
  left: 0;
  background: #fff;
  z-index: 99;
  transform: translate(0, 20px);
  transition: all 0.2s ease-out;
}

a.homer {
  background: #0f8034;
}

.menu ul {
  visibility: hidden;
  opacity: 0;
  margin: 0;
  top: 50px;
  padding: 0;
  width: 211px;
  position: absolute;
  left: 0;
  background: #fff;
  z-index: 99;
  transform: translate(0, 20px);
  transition: all 0.2s ease-out;
}

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

.menu ul li {
  display: block;
  float: none;
  background: 0 0;
  margin: 0;
  padding: 0;
}

.menu li {
  display: inline-block;
  position: relative;
  z-index: 100;
}

.menu ul li a {
  font-size: 13px;
  font-weight: 400;
  text-align: left;
  padding: 10px 10px;
  display: block;
  color: #000;
  text-transform: uppercase;
  background: #fff;
  border-bottom: solid 1px rgb(99 96 96 / 10%);
}

.menu li a {
}

.menu-padding {
  /* padding: 7px !important; */
}

.vm img {
  width: auto !important;
  float: left;
  margin-left: 0;
}

@media (min-width: 576px) and (max-width: 767px) {
  .contact-info p {
    text-align: left !important;
  }

  .footer h2 {
    float: left;
    font-size: 17px !important;
  }

  .border-ftr h6 {
    text-align: left;
  }

  .service-right h6 a {
    text-align: left;
  }

  .electrical-sec-full h5 {
    text-align: left;
  }

  .footer img {
    max-width: 100%;
    margin-right: 5px !important;
  }

  .footer p {
    width: 100%;
  }

  .footer h2 {
    width: 100% !important;
  }

  .get-box h5 {
    text-align: left;
  }

  .follow a img {
    height: 30px;
  }

  .mail-box {
    display: none;
  }

  .hd-right {
    display: none;
  }

  .business-sec3 p {
    font-size: 14px;
    color: #000;
    text-align: center;
    padding: 10px 94px;
  }

  .project-box2 h5 {
    font-size: 65px;
  }

  .project-box h5 {
    font-size: 65px;
  }

  .ban5-box {
    display: none;
  }

  .sec2-p {
    padding: 10px 30px;
  }

  .founder-box img {
    width: 265px !important;
    height: 328px;
  }

  .founder-box h3 {
    font-size: 46px;
  }

  .abt-sec3 p {
    /* padding: 10px 98px; */
  }

  .abt-sec4 p {
    font-size: 14px;
    color: #fff;
    padding: 10px 30px;
  }

  .abt-sec1 h2 {
    font-size: 34px;
    font-weight: 300;
    margin-top: 66px;
  }

  .business-full img {
    width: 385px;
    height: 308px;
    float: left;
    margin-right: 40px;
    margin-top: 15px;
    object-fit: cover;
  }

  .business-sec2 p {
    padding: 10px 70px;
  }
}

@media (min-width: 768px) {
  .mob-logo {
    display: none;
  }
}

@media (max-width: 575px) {
  .electrical-sec-full ul li {
    width: 100%;
    margin-bottom: 10px;
  }

  .contact_form button {
    float: left;
  }

  .faq-full-p {
    padding-right: 0;
    text-align: center;
  }

  .contact-info {
    width: 100%;
    float: left;
  }

  .faq-full h2 {
    text-align: center;
  }

  .get-box a img {
    display: none;
  }

  .contact-info h6 {
    font-size: 16px;
    color: #fff;
    font-weight: 600;
    margin-top: 30px;
    margin-bottom: 5px;
  }

  .panel4-box img {
    height: 220px;
  }

  .panel4-box h4 {
    font-size: 15px;
    font-weight: 400;
    color: #000;
    padding: 10px 5px 0;
  }

  .p4-carousel h5 {
    font-size: 12px;
    color: #878787;
    padding: 0 5px 10px;
  }

  .panel4-box-a {
    display: none;
  }

  .panel1 p {
    font-size: 14px;
    color: #fff;
    line-height: 30px;
    margin-top: 0;
    float: right;
    width: 100%;
    margin-bottom: 0;
  }

  .about-full h2 {
    text-align: center;
  }

  .about-full img {
    width: 100%;
  }

  .mission-sec p {
    padding-right: 0;
  }

  .about-sec2 {
    text-align: center;
  }

  .mission-sec {
    text-align: center;
  }

  .about-full p {
    text-align: center;
  }

  .hd-top .container {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .hd-icons {
    width: 100%;
    float: left;
    text-align: center;
  }

  .panel6 h5:after {
    display: none;
  }

  .panel6 h5 {
    padding-left: 0;
  }

  .panel6 h6 {
    width: 100%;
    padding-left: 0;
  }

  .panel6 h3 {
    padding-left: 0;
  }

  .panel6 h4 {
    padding-left: 0;
  }

  .panel6 .owl-nav {
    float: right;
    position: relative;
    top: 10px;
    width: 100%;
  }

  .panel6 {
    text-align: center;
    padding: 40px 0;
  }

  .panel6 h2 {
    font-size: 30px;
  }

  .panel4 h2 {
    margin-top: 0;
    font-size: 30px;
  }

  .panel4 {
    text-align: center;
  }

  .panel4-a {
    float: none;
    display: table;
    margin: 30px auto 0;
  }

  .panel5 h2 {
    font-size: 30px;
    text-align: center;
  }

  .panel5 h2 span {
    width: 100%;
  }

  .panel5 a {
    float: none;
    display: table;
    margin: 30px auto 0;
  }

  .panel5 {
    background: #e5e9e8;
    text-align: center;
  }

  .p4-carousel {
    /* display: none !important; */
  }

  .panel2 a {
    float: none;
    display: table;
    margin: 30px auto 0;
  }

  .panel3 {
    text-align: center;
    padding: 40px 0;
  }

  .panel3 h2 {
    font-size: 30px;
  }

  .panel1 {
    text-align: center;
    padding: 40px 0;
    margin-top: -4px;
  }

  .panel2 h2 {
    font-size: 30px;
  }

  .panel2 {
    text-align: center;
    padding: 40px 0;
  }

  .panel1 h2 {
    font-size: 30px;
  }

  .p4-carousel {
    /* right: 20px; */
    /* bottom: -94px; */
    /* height: 126px; */
    margin-top: 20px;
  }

  .ftr-top h2 br {
    display: none;
  }

  .ftr-top h2 {
    font-size: 30px;
    text-align: center;
  }

  .ftr-top h6 {
    text-align: center;
  }

  .ftr-top-left h5 {
    font-size: 13px;
  }

  .course-link h2 {
    font-size: 18px;
  }

  .course-link h3 {
    font-size: 18px;
  }

  .select-items div,
  .select-selected {
    text-align: left;
  }

  .about-text h5 {
    float: none;
    display: inline-block;
    margin: auto;
  }

  .offset-3 {
    margin-left: 0 !important;
    text-align: center;
    width: 100%;
    float: left;
  }

  .get-box a {
    width: auto !important;
    float: none;
    display: inline-block;
    margin: auto;
  }

  .p4-carousel h6 {
    text-align: left;
  }

  .mail-box1 {
    display: none;
  }

  .quick-top {
    display: none;
  }

  .service-right h6 a {
    text-align: left;
  }

  .electrical-sec-full h5 {
    text-align: left;
    width: 100%;
  }

  .about-sec-full .abt2 {
    width: 100%;
    height: auto;
  }

  .abt3 {
    width: 100%;
    float: left;
    margin-top: 30px;
  }

  .about-sec-full h2 {
    font-size: 26px;
    text-align: center;
    margin-top: 20px;
    float: left;
    line-height: 36px;
  }

  .about-sec-full p {
    text-align: center;
  }

  .footer p {
    width: 100% !important;
  }

  .footer h2 {
    width: 100% !important;
  }

  .get-box h5 {
    text-align: left;
  }

  .location h6 {
    text-align: left;
  }

  .make-ship {
    width: 50%;
    float: left;
    padding: 9px 0px 12px;
    text-align: center;
    border-radius: 0;
    text-transform: uppercase;
    margin-top: 15px;
  }

  .make-contact {
    width: 50%;
    padding: 8px 0px 12px;
    text-align: center;
    border-radius: 0;
  }

  .hd-right {
    display: none;
  }

  .mail-box {
    display: none;
  }

  .contact-full h3 {
    margin-bottom: 0;
    margin-top: 20px;
  }

  .abt-sec3 h2 {
    font-size: 32px;
  }

  .project-box {
    text-align: center;
  }

  .project-box2 {
    text-align: center;
  }

  .project-full h2 {
    font-size: 26px;
  }

  .innerban h3 {
    font-size: 25px;
  }

  .business-full {
    text-align: center;
  }

  .business-sec2 p {
    padding: 10px 15px;
  }

  .business-sec3 p {
    padding: 10px 15px;
  }

  .business-sec3 h2 {
    font-size: 30px;
  }

  .business-sec3 {
    text-align: center;
  }

  .business-sec2 h2 {
    text-align: center;
    font-size: 32px;
  }

  .business-full h2 {
    font-size: 34px;
    color: #000;
    font-weight: 600;
    margin-top: 20px;
    float: left;
    text-align: center;
    width: 100%;
  }

  .abt-sec3-box h4 {
    font-size: 47px;
    width: 100%;
  }

  .abt-sec3-box h5 {
    width: 100%;
    font-size: 14px;
  }

  .abt-sec3-box h6 {
    width: 100%;
  }

  .abt-sec4 p {
    padding: 10px 15px;
  }

  .about-text p {
    width: 100%;
  }

  .abt-sec2 .owl-nav {
    float: right;
    position: relative;
    width: 100%;
    text-align: center;
    margin-top: 20px;
  }

  .abt-sec2 {
    text-align: center;
  }

  .abt-sec2 h2 {
    font-size: 30px;
    text-align: center;
  }

  .abt-sec1 h2 {
    font-size: 26px;
    font-weight: 300;
    margin-top: 14px;
    text-align: center;
  }

  .abt-sec1 p {
    text-align: center;
  }

  .founder-box h5 span {
    width: 100%;
  }

  .abt-image h6 {
    position: absolute;
    background: #636227;
    font-size: 14px;
    color: #fff;
    max-width: 100%;
    padding: 10px;
    bottom: -8px;
    left: 0;
    padding-left: 113px;
    line-height: 22px;
    font-weight: 400;
  }

  .sec2-p {
    padding: 10px 15px;
  }

  .abt-sec3 p {
    padding: 10px 15px;
  }

  .founder-box h3 {
    font-size: 35px;
  }

  .ban5-box {
    display: none;
  }

  .box-brown h6 {
    font-size: 14px;
    color: #fff;
    font-weight: 300;
    margin-top: 15px;
  }

  .box-brown {
    width: 50%;
    float: left;

    text-align: center;
    padding: 30px 8px;
    margin-bottom: 0;
  }

  .follow {
    text-align: center;
    margin-top: 0;
  }

  .follow a {
    width: auto !important;
    float: none;
  }

  .call-us {
    width: auto;
    display: table;
    margin: 20px auto;
    float: none;
  }

  .footerlast {
    margin-top: 0;
  }

  .abt-sec4-box {
    text-align: center;
    padding: 15px;
  }

  .footer-top-box {
    border: 0;
  }

  .footerlast p span {
    display: none;
  }

  .cd-gallery li {
    width: 100%;
  }

  .close_form {
    right: 0px !important;
    top: 0px !important;
    z-index: 9999999 !important;
    background-color: #000 !important;
  }

  .innerban {
    /* background: #b7e9f7 !important; */
  }

  .footer {
    width: 100%;
    float: left;
    padding: 30px 3% 20px !important;
    text-align: center;
  }

  .footer-a {
    /* width: 24% !important; */
  }

  .footer p {
    margin-bottom: 0;
  }

  .footer p br {
    /* display: none; */
  }

  .footer h2 {
    margin-bottom: 10px !important;
    margin-top: 30px !important;
  }

  .ftr-link-box {
    width: 100%;
    float: left;
    margin-bottom: 0px;
    margin-top: 20px;
  }

  .footer-logo {
    width: 100% !important;
  }

  .footer a {
    width: 50%;
  }

  .client .owl-nav {
    z-index: 999;
    background: transparent;
    margin-top: 15px;
    /* display: none; */
    text-align: center !important;
    top: 0 !important;
    position: relative;
    right: 0;
  }
}

@media (max-width: 767px) {
  .hd-icons a {
    display: none;
  }

  .book-top {
    display: block !important;
    float: none;
    text-align: left;
  }

  .arabic {
    display: block !important;
  }

  .hd-top h5 {
    display: none;
  }

  .enq-sec {
    display: none;
  }

  .header_menu_area > ul > li > a:hover::after {
    display: none;
  }
}

.process-carousel .owl-nav img {
  height: 44px;
}

@media (min-width: 768px) and (max-width: 991px) {
  .about-box .col-md-6 {
    padding: 0;
  }

  .electrical-sec-full h2, .electrical-sec-full h1 {
    font-size: 26px;
  }

  .course-link h2 {
    font-size: 17px;
  }

  .course-link h3 {
    font-size: 17px;
  }

  .contact-snd {
    padding: 16px 8px !important;
  }

  .ftr-top-left h4 {
    font-size: 13px;
  }

  .placement-bg p {
    padding: 10px;
  }

  .ftr-top h2 {
    font-size: 34px;
  }

  .header_menu_area > ul {
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0px;
    padding-left: 0px;
    height: auto;
    padding-right: 0;
    float: right;
    /* border-right: 1px solid #eeeeee; */
  }

  .header_menu_area {
    width: 100% !important;
  }

  .header_menu_area > ul > li > a {
    margin: 21px 0px !important;
    padding: 0px 12px !important;
  }

  .mail-box1 {
    display: none;
  }

  .mail-box h6 span {
    font-size: 12px;
  }

  .mail-box h6 {
    font-size: 12px;
  }

  .logo {
    width: auto;
  }

  .make-ship {
    font-size: 13px;

    padding: 8px 12px 12px;
  }

  .make-contact {
    font-size: 13px;

    padding: 8px 25px 12px;
  }

  .follow a {
    margin-left: 2px;
    float: left;
  }

  .location h6 {
    text-align: left;
  }

  .innerban h2, .innerban h1 {
    font-size: 35px;
  }

  .hd-right {
    display: none;
  }

  .mail-box {
    float: right;
    margin-top: 41px;
    width: 32%;
    font-size: 13px;
    padding-left: 5px;
    padding-top: 0;
  }

  .header_logo {
    width: 30% !important;
  }

  .mail-box-full {
    width: 70%;
    float: left;
    margin: 0;
  }

  .project-box2 h5 {
    font-size: 73px;
  }

  .contact-full h2 {
    font-size: 36px;
  }

  .contact-full h3 {
    font-size: 22px;
  }

  .contact-icon {
    width: 100%;
    float: left;
    margin-top: 0;
  }

  .project-box h5 {
    font-size: 73px;
  }

  .abt-sec3-box h6 {
    font-size: 14px;
    color: #000;
    font-weight: 400;
    width: 100%;
  }

  .abt-sec4 p {
    font-size: 14px;
    color: #fff;
    padding: 10px 85px;
  }

  .footer-top-box img {
    /* width: 53px; */
    float: left;
    margin-right: 8px;
  }

  .founder-box h3 {
    font-size: 45px;
  }

  .abt-sec1 img {
    max-width: 100%;
    margin-top: 100px;
  }

  .business-full img {
    width: 324px;
    height: 299px;
    float: left;
    margin-right: 40px;
    margin-top: 15px;
    object-fit: cover;
  }

  .business-sec2 p {
    padding: 10px 100px;
    line-height: 28px;
  }

  .business-sec3 p {
    padding: 10px 95px;
    line-height: 28px;
  }

  .abt-sec3-box h4 {
    width: 100%;
  }

  .abt-sec3-box h5 {
    width: 100%;
  }

  .abt-image h6 {
    position: absolute;
    background: #636227;
    font-size: 14px;
    color: #fff;
    max-width: 545px;
    padding: 20px 10px;
    bottom: -8px;
    left: 0;
    padding-left: 122px;
    line-height: 22px;
    font-weight: 400;
  }

  .abt-sec1 h2 {
    font-size: 27px;
    font-weight: 300;
  }

  .sec2-p {
    font-size: 14px;
    color: #fff;
    text-align: center;
    font-weight: 400;
    padding: 10px 30px;
    line-height: 28px;
  }

  .founder-box img {
    width: 271px !important;
    height: 363px;
    object-fit: cover;
    float: left;
    margin-right: 39px;
  }

  .abt-sec3 p {
    font-size: 14px;
    color: #000;
    padding: 10px 30px;
    line-height: 28px;
  }

  .border-ftr {
    text-align: left !important;
  }

  .footer p {
    text-align: left;
  }

  .footer-top-box h6 {
    font-size: 11px;
    color: #fff;
    font-weight: 400;
  }

  .footer-top-box h5 {
    color: #87851d;
    font-size: 13px;
    font-weight: 500;
  }

  .header_logo img {
    height: 57px;

    margin-top: 0 !important;
  }

  .hd-top h5 {
    margin-left: 0 !important;
  }

  .ban5-text {
    position: absolute;
    bottom: -63px;
    left: 23px;
    right: 23px;
  }

  .ban5-text h4 {
    font-size: 23px;
    color: #000;
    font-weight: 300;
    width: 100%;
    float: left;
  }

  .ban5-text a {
    float: left;
  }

  .box-brown h6 {
    font-size: 14px;
    color: #fff;
    font-weight: 300;
    margin-top: 15px;
  }

  .box-brown {
    width: 100%;
    float: left;
    background: #723f08;
    text-align: center;
    padding: 30px 9px;
    margin-bottom: 25px;
  }

  .slide {
    position: relative;
    z-index: -1;
    float: left;
    width: 100%;
    top: -83px;
    height: 420px;
  }

  .top-cust {
    display: none;
  }

  .top-full {
    display: none;
  }

  .slide .item .slide-image {
    height: 399px;
  }

  .dot-image {
    height: auto !important;
    width: auto !important;
    top: 72px;
    position: absolute;
    right: 272px !important;
  }

  .header-content h6 {
    font-size: 35px !important;
  }

  .header-content p {
    width: 100% !important;
  }

  .contact-snd {
    width: 100%;
  }

  .footer-logo img {
    max-width: 100%;
  }

  .ftr-social a {
    margin-right: 6px;
  }

  .p3-h2 {
    font-size: 31px;
  }
}

@media (min-width: 992px) and (max-width: 1024px) {
  .placement2 {
    margin-top: 0 !important;
  }

  .placement-bg p {
    padding: 10px 30px;
  }

  .abt-sec3-box h5 {
    font-size: 14px;
  }

  .abt-sec3-box img {
    float: left;
    width: 100px;
  }

  .slide {
    margin-top: -62px;
  }

  .about-box {
    display: none;
  }

  .mail-box {
    float: right;
    margin-top: 38px;
    width: 20%;
    padding-left: 7px;
  }

  .hd-top h5 {
    font-size: 13px;
    color: #a6abb3;
    padding: 13px 0;
    width: auto;
    float: left;
    margin-left: 9%;
    margin-bottom: 0;
  }

  .mail-box1 {
    padding-left: 3px;
  }

  .logo {
    width: 274px;
  }

  .header_logo img {
    /* max-width: 100%; */
    /* height: 145px; */
    /* display: block; */
    margin-top: -1px !important;
    float: right;
    margin-left: 0;
    /* margin-bottom: 5px; */
    /* background: #fff; */
    margin-right: 25px;
  }

  .header_menu_area {
    width: 100% !important;
  }

  .mail-box {
    float: right;
    /* margin-top: 15px; */
    width: 20%;
  }

  .slide .item .slide-image {
    height: 452px;
  }

  .dot-image {
    right: 352px;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .electrical-sec-full ul li {
    font-size: 13px;
  }

  .faq-full-p {
    padding-right: 0;
  }

  .overlay {
    padding: 60px 25px !important;
  }

  .hd-icons a {
    display: block !important;
    float: right;
  }

  .placement-bg p {
    padding: 10px;
  }

  .hd-top .container {
    max-width: 100%;
  }

  .book-top {
    width: 270px;
  }

  .mail-box1 {
    float: right;
    padding-top: 15px;
    width: 31%;
  }

  .get-admission {
    display: none;
  }

  .footer-a {
    text-align: left !important;
  }

  .ftr-link-box h5 {
    text-align: left !important;
  }

  .innerban p {
    padding: 0px 20% 0 20% !important;
    padding-right: inherit !important;
  }

  .footer-b {
    text-align: left !important;
  }

  .footer h2 {
    text-align: left !important;
  }

  .slide .item .slide-image {
    /*height: 239px !important;*/
    /*top: 28px !important;*/
  }

  .dot-image {
    right: 168px !important;
  }

  .client-testi h5 {
    text-align: left;
  }

  .client-testi p {
    text-align: left;
  }

  .client-testi h6 {
    text-align: left;
  }

  .client-testi {
    width: 90% !important;
  }
}

.active-class:after {
  background: url(../images/menu-active.png);
  position: absolute;
  content: "";
  bottom: -13px !important;
}

.active-class-track:after {
  background: url(../images/menu-active.png);
  position: absolute;
  content: "";
  left: 54px !important;
}

.active-class-service:after {
  background: url(../images/menu-active.png);
  position: absolute;
  content: "";
  left: 48px !important;
  bottom: -12px !important;
}

.active-class-about:after {
  background: url(../images/menu-active.png);
  position: absolute;
  content: "";
  left: 34px !important;
}

.active-class-contact:after {
  background: url(../images/menu-active.png);
  position: absolute;
  content: "";
  left: 41px !important;
  bottom: -13px !important;
}

.service-hover:hover:after {
  left: 48px !important;
}

.contact-hover:hover::after {
  right: 0 !important;
  left: inherit !important;
  /* overflow: hidden; */
}

.track-hover:hover::after {
  left: 31px !important;
}

.about-hover:hover::after {
  /* left: 36px !important; */
}

.service-active:after {
  left: 48px !important;
  background: url(../images/more1.png);
}

.contact-active:after {
  left: 43px !important;
  background: url(../images/more1.png);
}

.track-active:after {
  left: 31px !important;
  background: url(../images/more1.png);
}

.active-about:after {
  background: url(../images/more1.png);
  left: 36px !important;
}

@media (max-width: 767px) {
  .innerban a {
    display: inline-block;
    margin: 20px auto 0;
    float: none;
  }

  .logo {
    /* float: left; */
    /* background: #fff; */
    width: auto;
    /* border-radius: 5px; */
  }

  .request-sec {
    height: auto;
  }

  .req-form {
    width: 100%;
  }

  .branch-box {
    padding: 0 15px 50px;
  }

  .ct-bg h2 {
    font-size: 30px;
    color: #fff;
    font-weight: 300;
    padding: 0 10px;
  }

  .innerban-saffron {
    padding: 70px 0px !important;
    height: auto !important;
    margin-top: 80px !important;
  }

  .contact-full h2 {
    font-size: 30px;
  }

  .innerban-saffron h2 {
    font-size: 35px;
  }

  .fly-saffron-full h2 {
    font-size: 30px;
  }

  .innerban-saffron p {
    padding: 10px;
  }

  .service-highlight h2 {
    text-align: center;
    font-size: 30px;
  }

  .service-highlight-box {
    width: 100%;
  }

  .fly-saffron-full {
    text-align: center;
  }

  .contact-full p {
    padding: 10px;
  }

  .about-sec2 img {
    display: none;
  }

  .vision-sec {
    text-align: center;
  }

  .vision-bg {
    display: block;
    margin: auto;
  }

  .about-sec3 {
    width: 100%;
    float: left;
    padding: 50px 0 0px;
  }

  .about-sec2 h2 {
    font-size: 32px;
    font-weight: 300;
    /* color: #000; */
    text-align: center;
  }

  .about-sec2 p {
    text-align: center;
  }

  .hd-top {
    padding: 0;
  }

  .panel8-img {
    margin-bottom: 30px;
  }

  .panel8 p {
    padding-right: 0;
  }

  .arrow {
    right: 7px;
  }

  .slider-curve {
    bottom: 94px;
    z-index: 1;
  }

  .contact-full {
    /* background: #f7b142; */
    width: 100%;
    float: left;
    padding: 60px 3%;
  }

  .top-cust {
    width: 50%;
  }

  .top-quick {
    width: 50%;
  }

  .panel7 h2 {
    text-align: center;
  }

  .dnld-profile {
    width: auto !important;
  }

  .panel8-box {
    display: none;
  }

  .border-ftr {
    border: none;
    padding: 0;
    text-align: center;
    height: auto;
  }

  .panel7-text {
    position: absolute;
    bottom: -140px;
  }

  .panel8-curve {
    position: absolute;
    top: -22px;
  }

  .panel8 h2 {
    font-size: 30px;
    color: #3f2317;
    font-weight: 300;
    line-height: 45px;
    margin-top: 0;
    padding-right: 0;
    text-align: center;
  }

  .panel8 {
    float: left;
    width: 100%;
    background: #f7b142;
    padding: 43px 0 44px 0%;
    position: relative;
    /* overflow-x: hidden; */
    text-align: center;
  }

  .panel7 {
    height: 615px;
    display: none;
  }

  .top-mail-sec {
    display: none;
  }

  .top-follow {
    display: none;
  }

  .track1 h3 {
    font-size: 24px;
  }

  .electrical-sec-full p {
    margin-bottom: 40px;
  }

  .electrical-sec-full {
    text-align: center;
  }

  .electrical-sec-full img {
    height: auto;
  }

  .electrical-sec-full h2, .electrical-sec-full h1 {
    font-size: 25px;
  }

  .partner .owl-nav {
    display: block !important;
    float: right;
    position: relative;
    top: 0;
    right: inherit;
    text-align: center;
    width: 100%;
  }

  .partner img {
    width: 100% !important;
  }

  .innerban {
    text-align: center;
    margin-top: 12px !important;
  }

  .footer h2 {
    text-align: center;
    width: 100%;
  }

  .ftr-social a {
    width: 19% !important;
    float: none !important;
    padding: 10px 0;
    text-align: center;
    display: inline !important;
    margin: auto !important;
  }

  .client-testi img {
    width: auto !important;
    max-width: 100%;
    margin: auto;
  }

  .video-img {
    height: auto;
  }

  .client-testi {
    width: 100%;
    text-align: center;
  }

  .panel_3_play {
    width: 130px;
    height: 130px;
    position: absolute;
    bottom: -67px;
    left: 34px;
  }

  .footer p {
    text-align: center;
  }

  .fb-a {
    float: none !important;
    margin: 5px 10px 0;
    width: auto !important;
    display: inline-block;
  }

  .footerlast p {
    text-align: center;
    margin-top: 0px;
  }

  .footer h2:after {
    display: none;
  }

  .innerban h2, .innerban h1 {
    font-size: 34px;
    font-weight: 300;
    padding: 0 0% 0;
    color: #fff;
    /* margin-top: 50px; */
    margin-bottom: 0;
    text-align: center;
  }

  .innerban p {
    margin-top: 123px;
    color: #000;
    font-weight: 400;
    width: 100%;
    float: left;
    line-height: 28px;
    /* font-style: italic; */
    text-align: center !important;
    font-size: 14px;
    /* background: rgb(0 0 0 / 74%); */
    height: auto !important;
    margin-top: 0px;
    padding-top: 5px;
    padding-right: 0 !important;
  }

  .innerban {
    height: auto !important;
    padding-bottom: 45px;
    padding: 50px 0 !important;
    margin-top: 2px !important;
    text-align: center;
  }

  .p3-h2 {
    font-size: 26px;
    color: #fff;
    font-weight: 700;
    line-height: 42px;
  }

  .header-content h6 br {
    display: none;
  }

  .slide a {
    float: none;
    display: none;
  }

  .enq-sec {
    display: none;
  }

  .header_logo {
    height: auto !important;
    border-right: 0 !important;
  }

  .contact-form {
    margin-bottom: 0;
  }

  .curve {
    bottom: -17px !important;
  }

  .ct-black a {
    display: inline-block;
  }

  .col-md-10 {
    padding-right: 15px !important;
  }

  .business h5 {
    text-align: center;
  }

  .count .item1 {
    margin: 0 !important;
    text-align: center;
    /*    width: 100%;
*/
  }

  .cta-abt p {
    text-align: center;
  }

  .cta-abt h2 {
    text-align: center;
  }

  .cta-abt p {
    padding-bottom: 0 !important;
  }

  .cta-abt a {
    float: none !important;
    display: block;
    margin: 0 auto 20px;
  }

  .abt-final {
    text-align: center;
    margin-bottom: 0 !important;
  }

  .chairman-sec {
    text-align: center;
  }

  .chairman-sec img {
    float: none !important;
    display: block;
    margin: auto;
  }

  .header_block {
    height: auto !important;
  }

  .footer-bottom p {
    width: 100%;
    text-align: center;
  }

  .footer-bottom {
    text-align: center;
  }

  .header_logo img {
    /* max-width: 100%; */
    display: block;
    margin-top: 0;
    float: left;
    width: 115px;
    margin-left: 15px !important;
    margin-top: 0 !important;
  }

  .bs-example {
    width: 100%;
  }

  .slide .item .cover .header-content {
    /* margin-top: 115px !important; */
    /* margin-left: 0 !important; */
    /* background: #ffffffa1 !important; */
    /* width: 100% !important; */
    padding: 12px 16px !important;
    /* z-index: 99999; */
  }

  .header-content p {
    display: none;
  }

  .header-content h5 {
    text-align: center;
  }

  .header-content h6 {
    /* color: #000; */
  }

  .vm img {
    width: auto !important;
    float: left;
    margin-left: 0;
    float: none !important;
    display: block;
    margin: auto !important;
  }

  .vm-section p {
    text-align: center;
  }

  .vm-section .owl-dots {
    text-align: center;
  }

  .abt-dtl span {
    text-align: center;
    width: 100%;
    float: left;
  }

  .abt-dtl p {
    text-align: center;
  }

  .our-business {
    text-align: center;
  }

  .slide .owl-dots {
    display: none;
  }

  .cta-abt p br {
    display: none;
  }

  .slide {
    /* text-align: center; */
    margin-top: -106px;
    height: auto;
    margin-bottom: 0;
    position: relative;
    z-index: -1;
  }

  .business-cta {
    margin-bottom: 0;
  }

  .header-content h6 {
    /* color: #fff !important; */
    font-size: 23px !important;
    /* text-align: center !important; */
    margin: 0 0 0;
    padding-left: 8px;
    /* font-weight: 700 !important; */
  }

  .header-content p {
    /* margin-top: 6px !important; */
    /* color: #fff !important; */
    /* font-size: 12px !important; */
    /* line-height: 21px !important; */
    /* width: 100% !important; */
    /* text-align: center !important; */
    padding: 0 10px;
    margin-bottom: 0;
  }

  .slide .item .slide-image {
    height: auto;
    top: 0;
    object-fit: cover;
  }

  .slide .item .cover {
    top: 50px !important;
  }

  .slide .item {
    height: 265px !important;
  }

  .header-content p br {
    display: none;
  }

  .bread-crumb {
    margin-top: 0 !important;
  }

  .footer-bottom {
    padding: 15px 1% !important;
  }

  .vm-section {
    float: left;
    height: auto;
    width: 100%;
    min-height: auto !important;
  }
}

/********************new********************/
.menu ul li a:hover,
.menu ul li:hover > a {
  background: #000537;
  color: #fff;
  text-decoration: none;
}

.header_menu a svg {
  width: 26px;
  position: absolute;
  top: 22px;
  /* height: 24px; */
  left: 26px;
}

.head-quote img {
  margin-right: 6px;
}

.head-quote1 img {
  width: 30px;
  margin-right: 6px;
}

.head-quote:after {
  display: none;
  background-color: #000 !important;
  border-radius: 28px;
}

.head-quote1:after {
  background-color: #000 !important;
  border-radius: 28px;
  display: none;
}

.head-quote:hover {
  background-color: #06070a !important;
}

.head-quote1:hover {
  background-color: #7b0f12 !important;
}

.menu-sec {
  width: 100%;
  float: left;
  margin-top: 50px;
}

.menu-box {
  width: 100%;
  cursor: pointer;
  float: left;
}

.menu-name {
  width: 92%;
  cursor: pointer;
  position: relative;
  background: #fff;
  float: left;
  left: 9px;
  z-index: 9999;
  top: -31px;
  padding: 5px;
  border-radius: 50px;
}

.overlay-menu p {
  padding: 100px 35px;
}

.header-content h6 span {
  font-weight: 700;
  /* color: #f7b142; */
  width: 100%;
  /* text-align: left; */
  float: left;
}

.menu-name:hover a {
  color: #e43c2f;
  text-decoration: none;
}

.menu-name a svg:hover {
  background-color: #e43c2f;
}

.overlay-menu {
  position: absolute;
  bottom: 61px;
  border-radius: 15px;
  left: 14px;
  text-align: center;
  right: 0;
  background-color: #f373219c;
  overflow: hidden;
  width: 93%;
  height: 0;
  transition: 0.5s ease;
  z-index: 6000;
}

.menu-box:hover .overlay-menu {
  height: 83%;
}

.menu-name a {
  color: #000;
  font-size: 15px;
  font-weight: 500;
  float: left;
  text-overflow: ellipsis;
  padding: 15px 18px;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
}

.menu-name a svg {
  float: right;
  position: absolute;
  border-radius: 50%;
  padding: 8px;
  right: 19px;
  margin-top: -8px;
  width: 37px;
  fill: #fff;
  background: #f37321;
}

.tomato1 {
  position: absolute;
  right: 0;
  top: -132px;
}

.leaf1 {
  position: absolute;
  right: 82px;
  top: -45px;
}

.menu-box img {
  height: 294px;
  width: 100%;
  object-fit: cover;
  border-radius: 15px;
}

.sidenav .closebtn {
  font-size: 25px !important;
  padding: 6px 20px !important;
}

.sidenav .closebtn:hover {
  text-decoration: none;
}

.review-box h5 {
  font-size: 14px;

  color: #101010;

  padding-left: 62px;

  font-weight: bold;
}

.ban-name {
  font-weight: 700;

  font-size: 26px;

  color: #fff;

  float: left;

  position: relative;

  z-index: 999;

  top: 0px;

  background: #1f6eb7;

  padding: 40px 40px;
}

.ban-name:after {
  position: absolute;
  content: "";
  /* border-top: 1px solid #ccc; */
  right: -20px;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-left: 20px solid #1f6eb7;
  /* border-width: 20px 0px 20px 20px; ;border-color: aliceblue;;*/
  top: 38px;
  /* height: 20px; */
  /* width: 20px; */
  /* border-color: black transparent; */
  z-index: 999;
}

.curve {
  position: absolute;
  bottom: -60px;
  width: 100%;
  left: 0;
  float: left;
}

.abt-final {
  width: 100%;

  float: left;

  background: #f2f2f2;

  padding: 50px 0 50px;

  position: relative;

  margin-bottom: 40px;
}

.social-media {
  margin-top: 35px;

  width: 100%;

  float: left;

  text-align: center;
}

.social-media a {
  margin: 0 10px;
}

.social-media a svg {
  width: 30px;

  fill: #fff;
}

.bs .owl-nav img {
  height: 25px;
  margin: 5px;
  filter: brightness(54);
}

.bs .owl-nav {
  background-color: #1f6eb7;
  padding: 12px 0px;
  text-align: center;
  border-radius: 50px;
  width: 190px;
  height: 60px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 770px;
  margin-bottom: -80px;
}

.footer-bottom span {
  color: #adadad;
  padding: 0 10px;
}

.bs .owl-nav button {
  background-color: transparent;
  border: none;
  padding: 0;
  cursor: pointer;
}

.footer-logo:hover {
  margin-left: 0 !important;
}

.footer h2 {
  float: left;

  font-size: 18px;

  font-weight: 700;

  color: #fff;

  margin-bottom: 19px;

  width: 100%;

  margin-top: 10px;

  position: relative;

  line-height: 30px;

  text-transform: uppercase;
}

.footer-bottom {
  width: 100%;

  float: left;

  padding: 15px 6%;
}

.footer-bottom p {
  font-size: 13px;

  color: #000;

  margin: 0;

  text-align: center;

  font-weight: 400;
}

.footer-bottom a {
  color: #2e2b31;
}

.footer-bottom svg {
  margin: 0 5px;

  width: 20px;

  fill: #adadad;
}

.footer-bottom svg:hover {
  fill: #1f6eb7;
}

.footer-bottom a:hover {
  color: #1f6eb7;
  text-decoration: none;
}

.footer {
  width: 100%;

  float: left;

  padding: 50px 0 0;

  /* border-bottom: 1px solid #cccccc94; */

  background: url("../images/ftr-bg.png");

  background-size: cover;

  background-position: center;
}

.footer-logo {
  float: left;

  /* margin-top: 60px; */

  filter: brightness(38);

  opacity: 0.9;
}

.footer-a {
  color: #fff;

  font-size: 14px;

  width: 50%;

  float: left;

  padding: 8px 0;

  /* font-family: 'Roboto', sans-serif !important; */
}

.footer a:hover {
  color: #f5f6ff;

  text-decoration: none;

  /* margin-left: 10px; */

  /* opacity: .7; */
}

.footer p {
  font-size: 14px;

  color: #fff;

  line-height: 30px;

  font-weight: 400;

  width: 100%;

  float: left;

  /* margin-top: 20px; */
}

.nav-pd {
  width: 100%;
  float: left;
  text-align: left;
  padding: 170px 70px;
}

.sidenav a {
  padding: 15px 71px;
  text-decoration: none;
  -moz-transition: all ease-in-out 0.5s;
  font-size: 28px;
  transition: all ease-in-out 0.5s;
  color: #fff;
  text-align: left;
  -webkit-transition: all ease-in-out 0.5s;
  /* position: relative; */
  display: block;
  font-weight: 300;
  /* transition: 0.3s; */
  /* border-bottom: 1px solid #F2F2F2; */
}

.slide .item {
  /* height: 100vh; */
  position: relative;
}

.header-content p {
  line-height: 26px;
  font-size: 14px;
  color: #fff;
}

.header-content h1 {
  font-size: 48px;

  width: 100%;

  padding-right: 20px;

  /* font-family: 'Oswald'; */

  position: relative;

  color: #fff !important;

  line-height: 57px;

  font-weight: 700;
}

.header-content h1 span {
  font-weight: 700;
}

.header-top-area a h6:hover {
  color: #b88c2b;
}

.slide .item {
  height: 575px;
  width: 100%;
  float: left;
  position: relative;
  /* background: #1a1b1c; */
  /* background: url(../images/slider_bg.png); */
  /* background-size: cover; */
  background-position: center;
  /* max-height: 800px; */
}

.header-content p {
  line-height: initial;
  margin-top: 12px;
  font-size: 14px;
  color: #000000;
  font-weight: 400;
  line-height: 28px;
  width: 100%;
  float: left;
  text-align: right;
}

.header-content h1 {
  font-size: 55px;
  width: 100%;
  padding-right: 20px;
  /* font-family: 'Oswald'; */
  position: relative;
  color: #fff !important;
  line-height: 64px;
  font-weight: bold;
}

.header-content h1 span {
  font-weight: 700;
}

.header-top-area a h6:hover {
  color: #ffe200;
}

.slide-image {
  float: right;
  /* margin-top: 109px; */
  width: 100%;
  height: 558px;
  /* object-fit: cover; */
}

.header-top-area a:hover svg {
  fill: #ffe200;
}

.sub-menu-1 {
  position: absolute;
  top: 58px;
  padding: 5px 20px;
  left: 0;
  right: 0;
  background-color: #222222;
  overflow: hidden;
  width: 210px;
  height: 0;
  transition: 0.5s ease;
  z-index: 6000;
}

.sub-menu-1 li {
  float: left;
  text-align: left;
  width: 100%;
  list-style: none;
  padding: 5px 0;
}

.sub-menu-1 li a:hover {
  text-decoration: none;
  color: #b88c2b;
}

.sub-menu-1 li a {
  font-size: 14px;
  color: #fff;
}

.sub-menu {
  position: relative;
}

.sub-menu:hover .sub-menu-1 {
  height: 135px;
}

.slide .item .cover {
  /* padding: 10px 60px; */
  position: absolute;
  width: 100%;
  height: 100%;
  /* top: 37px; */
  right: 0;
  /* background: rgba(0, 0, 0, 0.6); */
  display: flex;
  align-items: center;
}

.slide .item .cover .header-content {
  padding: 0px 80px;
  position: absolute;
  margin-top: 0;
  width: auto;
  /* margin-left: 65px; */
  /* padding: 56px; */
  overflow: hidden;
  background: transparent;
  z-index: 9999;
  text-align: center;
  width: 100%;
}

.general-h2 {
  font-size: 22px;
  text-align: center;
  font-weight: 700;
  margin: 40px 0 0;
}

.mt-58px {
  margin-top: 58px;
  margin-bottom: 0px;
}

.aboutus {
  float: left;
  width: 100%;
  margin-bottom: 50px;
}

.aboutus h2 {
  color: rgba(0, 0, 0, 0.85);
  font-size: 43px;
  float: left;
  width: 100%;

  line-height: 56px;
}

.fs40 {
  font-size: 35px !important;
}

.txt-center {
  text-align: center;
}

.aboutus p {
  float: left;
  width: 100%;
  font-size: 14px;
  line-height: 33px;
  color: rgba(0, 0, 0, 0.84);
  padding-top: 9px;
  padding-left: 0px;
  padding-right: 0px;
}

.vmp {
  float: left !important;
  width: 100% !important;
  padding-left: 150px !important;
  padding-right: 150px !important;
  text-align: center;
}

.row-dis {
  display: inherit !important;
}

.service-details img {
  float: left;
  margin-right: 30px;
  margin-top: 15px;
}

.service-details img {
  float: left;
  width: 100%;
  margin-right: 30px;
  margin-top: 15px;
}

.service-details {
  float: left;
  width: 100%;
  font-size: 14px;
  line-height: 33px;
  color: rgba(0, 0, 0, 0.84);
  padding-top: 9px;
  padding-left: 0px;
  padding-right: 0px;
}

.mb-dk {
  width: 100%;
  height: 250px;
  object-fit: cover;
  margin-top: 20px;
  border-radius: 5px;
}

.we-deal {
  margin-bottom: 0;
  margin-top: 0px;
  background: #f2f2f2;
  padding-top: 50px;
  padding-bottom: 0px;
}

.h355 {
  /* height: 355px; */
}

.deal-bg {
  margin-bottom: 30px;
  background: white;
  border-radius: 5px;
  /* padding: 25px; */
  float: left;
  width: 100%;
  /*height: 295px;*/
}

.deal-50 h1 {
  float: left;
  padding: 0 15px 5px;
  width: 100%;
  margin: 0;
  color: black;
  font-size: 20px !important;
  font-weight: bold;
  padding-top: 10px;
  padding-right: 0px;
  /* line-height: 25px; */
  letter-spacing: 1px;
}

.deal-bg img {
  width: 100%;
  object-fit: cover;
  height: 200px;
}

.call-nav:hover {
  background: #b88c2b !important;
  color: black !important;
  text-decoration: none !important;
}

.deal-50 p {
  float: left;
  padding: 0 15px;
  width: 100%;
  font-size: 14px;
  line-height: 30px;
  color: rgb(0 0 0 / 83%);
}

@media (max-width: 1999px) and (min-width: 426px) {
  .mb-ls {
    display: none !important;
  }
}

.slide .item .cover .header-content .line {
  /* content: ""; */
  /* display: inline-block; */
  /* width: 100%; */
  /* height: 100%; */
  /* left: 0; */
  /* top: 0; */
  /* position: absolute; */
  /* border: 9px solid #fff; */
  /* -webkit-clip-path: polygon(0 0, 60% 0, 36% 100%, 0 100%); */
  /* clip-path: polygon(0 0, 60% 0, 36% 100%, 0 100%); */
}

.slide .item .cover .header-content h2 {
  font-weight: 300;
  font-size: 35px;
  color: #fff;
}

.slide .item .cover .header-content h4 {
  font-size: 24px;
  font-weight: 300;
  line-height: 36px;
  color: #fff;
}

.slide .owl-item.active h1 {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeInDown;
  animation-delay: 0.3s;
}

.slide .owl-item.active h6 {
  /* -webkit-animation-duration: 1s; */
  /* animation-duration: 1s; */
  /* -webkit-animation-fill-mode: both; */
  /* animation-fill-mode: both; */
  /* animation-name: fadeInDown; */
  animation-delay: 0.3s;
}

.slide .owl-item.active a {
  /* background: aliceblue; */
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  /* animation-name: fadeInDown; */
  animation-delay: 0.3s;
}

.slide .owl-item.active p {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  /* animation-name: fadeInDown; */
  animation-delay: 0.3s;
}

.slide .owl-item.active h2 {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeInDown;
  animation-delay: 0.3s;
}

.slide .owl-item.active h4 {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeInUp;
  animation-delay: 0.3s;
}

.slide .owl-item.active .line {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeInLeft;
  animation-delay: 0.3s;
}

.slide .owl-nav .owl-prev {
  position: absolute !important;
  left: 76px;
  bottom: 103px;
  opacity: 1;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
  /* background: rgba(0, 0, 0, 0.5) !important; */
  width: 40px;
  cursor: pointer;
  /* height: 40px; */
  position: absolute;
  display: block;
  z-index: 1000;
  border-radius: 0;
}

.slide .owl-nav .owl-prev span {
  font-size: 1.6875rem;
  color: #fff;
}

.slide .owl-nav .owl-prev:focus {
  outline: 0;
}

/* .slide .owl-nav .owl-prev:hover { */
/* background: #000 !important; */
/* } */

/* .general-img {}

.abt-left {} */

.abt-left p {
  margin-bottom: 30px !important;
}

.abt-final p {
  margin-bottom: 10px;
  padding: 0 10px;
}

.abt-final h2 {
  margin-bottom: 30px;
  padding: 0 10px;
}

.slide .owl-nav .owl-next {
  position: absolute;
  left: 121px;
  bottom: 100px;
  opacity: 1;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
  /* background: rgba(0, 0, 0, 0.5) !important; */
  width: 40px;
  cursor: pointer;
  height: 40px;
  position: absolute;
  display: block;
  z-index: 1000;
  border-radius: 0;
}

.slide .owl-nav .owl-next span {
  font-size: 1.6875rem;
  color: #fff;
}

.slide .owl-nav .owl-next:focus {
  outline: 0;
}

.slide .owl-nav .owl-next:hover {
  /* background: #000 !important; */
}

.header_menu_area {
  width: 100%;
  float: right;
  position: relative;
  text-align: center;
  margin-top: 0;
  height: 45px;
  margin-right: 0;
  background: #000537;
}

.header_menu_area > .mob_nav {
  display: none;
}

.header_menu_area > ul {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 0px;
  padding-left: 0px;
  height: auto;
  /* padding-right: 5%; */
  float: right;
  /* border-right: 1px solid #eeeeee; */
}

.header_menu_area > ul > li {
  width: auto;
  display: inline-block;
  vertical-align: middle;
}

.header_menu_area > ul > li > a {
  width: auto;
  float: left;
  margin: 11px 0px;
  position: relative;
  /* border-bottom: 3px solid transparent; */
  font-size: 14px;
  /* font-family: 'Montserrat', sans-serif !important; */
  font-weight: 400;
  border-right: 1px solid #1a1e4b;
  color: #fff;
  text-transform: uppercase;
  line-height: 0;
  padding: 12px 30px;
  z-index: 1;
  transition: all ease-in-out 0.5s;
  -o-transition: all ease-in-out 0.5s;
  -ms-transition: all ease-in-out 0.5s;
  -moz-transition: all ease-in-out 0.5s;
  -webkit-transition: all ease-in-out 0.5s;
  /* text-transform: uppercase; */
  text-decoration: none;
}

.header_menu_area > ul > li > a:hover {
  color: #ffffff;
  /* border-bottom: 3px solid #ced7ff; */
}

.header_menu_area > ul > li > a:hover svg {
  fill: #000;
}

.header_menu_area > ul > li > a::after {
  content: "";
  position: absolute;
  width: 0;
  color: #000;
  text-decoration: none !important;
  height: 0px;
  background: url("../images/menu-active.png");
  /* height: 40px; */
  background-repeat: no-repeat;
  left: 0;
  bottom: 0;
  /* transform: rotate(180deg); */
  z-index: -1;
  transition: all ease-in-out 0.5s;
  top: 30px;
  /*-o-transition: all ease-in-out 0.5s;*/
  /*-ms-transition: all ease-in-out 0.5s;*/
  /*-moz-transition: all ease-in-out 0.5s;*/
  /*-webkit-transition: all ease-in-out 0.5s;*/
  /* color: white; */
}

.header_menu_area > ul > li > a:hover::after {
  /* height: 100%; */
  background: #fff;
  height: 3px;
  /* background-repeat: no-repeat; */
  left: 0;
  /* bottom: 0; */
  top: 30px;
  width: 100%;
}

@media (max-width: 767px) {
  .menu ul:after {
    bottom: 62%;
  }

  .menu li:hover > ul {
    visibility: visible;
    opacity: 1;
    position: unset;
    transform: initial;
    /* height: 122px; */
    z-index: 99999;
    margin-top: 60px;
  }

  .menu ul {
    visibility: hidden;
    opacity: 0;
    top: 0;
    left: 0;
    width: 100%;
    transform: initial;
  }

  .ham-nav {
    display: none;
  }

  .header_menu a svg {
    display: none;
  }

  .sub-menu-1 {
    position: unset !important;
    width: 100% !important;
  }

  .header_menu_area {
    position: inherit;
  }

  .header_menu_area > .mob_nav {
    display: block;
    float: right;
    width: 28px;
    height: 28px;
    margin: 24px 0px;
    cursor: pointer;
    transform: rotate(0);
    -ms-transform: rotate(0);
    -webkit-transform: rotate(0);
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
  }

  .header_menu_area > .mob_nav > div {
    background: #078c2f;
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    display: block;
    height: 3px;
    left: 0;
    position: absolute;
    /* transform: rotate(0); */
    -ms-transform: rotate(0);
    /* -webkit-transform: rotate(0); */
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
    width: 100%;
  }

  .header_menu_area > .mob_nav > div:nth-child(1) {
    top: 2px;
  }

  .header_menu_area > .mob_nav > div:nth-child(2),
  .header_menu_area > .mob_nav > div:nth-child(3) {
    top: 13px;
  }

  .header_menu_area > .mob_nav > div:nth-child(4) {
    top: 23px;
  }

  .mob_nav.open > div:nth-child(1),
  .mob_nav.open > div:nth-child(4) {
    left: 50%;
    top: 18px;
    width: 0%;
  }

  .mob_nav.open > div:nth-child(2) {
    background: #0a0909;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
  }

  .mob_nav.open > div:nth-child(3) {
    background: #0a0909;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }

  .header_menu_area > ul {
    width: 100%;
    position: absolute;
    top: 100%;
    left: 0;
    background: #000000;
    padding: 20px 0px !important;
    min-height: 100vh;
    visibility: hidden;
    opacity: 0;
    z-index: 9 !important;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
    top: 132px;
  }

  .header_menu_area > ul > li {
    width: 100%;
  }

  .header_menu_area > ul > li > a {
    color: #fff;
    width: 100%;
    line-height: 30px;
    padding: 10px 5%;
    text-align: left;
    border-bottom: solid 1px rgba(255, 255, 255, 0.1);
  }

  .header_menu_area > ul > li > a::after {
    width: 0px;
    height: 100%;
    background: #fff;
  }

  .header_menu_area > ul > li > a:hover::after {
    width: 4px;
  }

  .header_menu_area ul.view {
    visibility: visible;
    opacity: 1;
    z-index: 100;
    z-index: 11111 !important;
  }

  .header_user_area {
    right: calc(5% + 70px);
  }
}

.active-menu {
  background: #0a6a26;
  color: #ffffff !important;
  /* border-bottom: solid 4px #0f703a; */
}

@media (max-width: 767px) {
  .li-hd {
    float: left;
    margin-top: 20px !important;
  }

  .head-quote {
    /* display: none; */
    /* margin: 10px 0 0 20px !important; */
    background: transparent !important;
    border: none !important;
  }

  .sub-menu-1 {
    width: 100%;
  }

  .head-quote {
    color: #fff !important;
    background: #a3238e;
    padding: 10px 17px 10px !important;
  }

  .header_menu_area {
    position: inherit;
    height: auto;
  }

  .header_menu_area > .mob_nav {
    display: block;
    float: right;
    width: 28px;
    height: 28px;
    margin: -45px 16px 0;
    position: relative;
    cursor: pointer;
    transform: rotate(0);
    -ms-transform: rotate(0);
    -webkit-transform: rotate(0);
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
    transition: all 0.7s ease;
    z-index: 99999;
  }

  .header_menu_area > .mob_nav > div {
    background: #672b8e;
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    display: block;
    height: 3px;
    left: 0;
    position: absolute;
    /* transform: rotate(0); */
    -ms-transform: rotate(0);
    /* -webkit-transform: rotate(0); */
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
    width: 100%;
  }

  .header_menu_area > .mob_nav > div:nth-child(1) {
    top: 2px;
  }

  .header_menu_area > .mob_nav > div:nth-child(2),
  .header_menu_area > .mob_nav > div:nth-child(3) {
    top: 12px;
  }

  .header_menu_area > .mob_nav > div:nth-child(4) {
    top: 23px;
  }

  .mob_nav.open > div:nth-child(1),
  .mob_nav.open > div:nth-child(4) {
    left: 0;
    top: 18px;
    width: 0;
  }

  .mob_nav.open > div:nth-child(2) {
    background: #672b8e;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    top: 12px;
  }

  .mob_nav.open > div:nth-child(3) {
    background: #672b8e;
    /* -webkit-transform: rotate(-45deg); */
    /* transform: rotate(-45deg); */
    -ms-transform: rotate(-45deg);
    /* -webkit-transform: rotate(-45deg); */
  }

  .header_menu_area > ul {
    width: 100%;
    position: absolute;
    top: 41px;
    left: 0;
    /* background: #a3238e; */
    /* padding: 20px 0px !important; */
    /* min-height: 100vh; */
    visibility: hidden;
    opacity: 0;
    z-index: -1;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
  }

  .header_menu_area > ul > li {
    width: 100%;
  }

  .enq-btn {
    padding: 12px 7px !important;
  }

  .header_menu_area > ul > li > a {
    color: #0a0a0a !important;
    width: 100% !important;
    line-height: 30px;
    background: #ffffff;
    font-weight: 600;
    /* margin: 0; */
    margin: 0;
    padding: 10px 0 10px 8px;
    text-align: center;
    border-bottom: solid 1px rgb(255 255 255);
    border-radius: 0 !important;
  }

  .header_menu_area > ul > li > a::after {
    width: 0px;
    height: 100%;
    /* background: #ee7325; */
  }

  .header_menu_area > ul > li > a:hover::after {
    width: 4px;
  }

  .header_menu_area ul.view {
    visibility: visible !important;
    /* opacity: 1; */
    background: #ffffff;
    /* border-top: 1px solid #bbbbbb59; */
    z-index: 100;
    display: block !important;
    clip-path: circle(1200px at 80% -10%);
    -webkit-clip-path: circle(1200px at 81% -10%);
    /* pointer-events: all; */
    transition: all 0.5s ease-out;
  }

  .header_user_area {
    right: calc(5% + 70px);
  }
}

@media (min-width: 1025px) and (max-width: 1200px) {
  .slide .item .slide-image {
    /* height: 448px; */
  }

  .dot-image {
    right: 355px;
  }

  .enq-sec {
    margin-left: 0;
  }

  .header_menu_area > ul {
    padding-right: 12px;
  }

  .header_logo {
    padding-right: 0px !important;
  }

  .header_menu_area > ul > li > a {
    width: auto;
    float: left;
    margin: 0 19px;
    position: relative;
    font-size: 13px;
    /* font-family: 'Montserrat', sans-serif !important; */
    font-weight: 400;
    color: #fff;
    letter-spacing: 0px !important;
    padding: 22px 2px;
    text-align: center;
  }
}

@media (min-width: 1201px) and (max-width: 1307px) {
  .hd-top h5 {
    font-size: 13px;
    color: #a6abb3;
    padding: 13px 0;
    width: auto;
    float: left;
    margin-left: 23%;
    margin-bottom: 0;
  }

  .header_menu_area > ul > li > a {
    padding-left: 9px;
    padding-right: 9px;
  }

  .header_menu a svg {
    left: 19px;
  }
}

@media (max-width: 500px) {
  .header_user_area {
    right: calc(5% + 55px);
  }

  .header_user_area .header_user {
    padding: 23px 18px 23px 0px;
  }

  .header_user_area .header_user > img {
    width: 30px;
    height: 30px;
  }

  .header_user_area .header_user > span {
    display: none;
  }

  .header_user_area > .header_login {
    margin: 0 5px 0 0;
  }
}

.header_menu_area > ul li ul.submenu {
  display: none;
  opacity: 0;
  margin-top: 10px;
  visibility: hidden;
  position: absolute;
  width: 210px;
  height: auto;
  overflow: hidden;
  background: #fff;
  margin-left: 25px !important;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
  transition: all ease-in-out 0.5s;
  -moz-transition: all ease-in-out 0.5s;
  -ms-transition: all ease-in-out 0.5s;
  -o-transition: all ease-in-out 0.5s;
  -webkit-transition: all ease-in-out 0.5s;
}

.main_header_block {
  width: 100%;
  float: left;
}

.header_logo {
  width: auto;
  float: left;
  position: relative;
  position: relative;
  z-index: 9999;
  /* margin-top: 10px; */
  /* padding-right: 50px; */
  /* border-right: 1px solid #eeeeee; */
  /* height: 96px; */
  /* background: #fff; */
}

.contact_full {
  width: 100%;
  float: left;
  margin-top: 60px;
}

.icon_box_05.ib5_left {
  padding-top: 0;
  padding-left: 59px;
  text-align: left;
  margin-bottom: 30px;
}

.chairman-sec {
  background-color: #4b514f;
  float: left;
  width: 100%;
  padding: 50px 0;
  position: relative;
}

.chairman-sec p {
  padding: 0 12px;

  color: #fff;

  font-size: 14px;

  line-height: 28px;
}

.chairman-sec h2 {
  color: #fff;

  font-size: 25px;

  font-weight: 700;

  float: left;

  width: 100%;

  margin-bottom: 30px;

  padding: 0 12px;
}

.chairman-sec img {
  float: left;

  position: relative;
}

.chairman-sec h5 {
  background: url("../images/quote.png");

  float: right;

  width: 500px;

  text-align: right;

  line-height: 30px;

  color: #fff;

  font-size: 18px;

  font-weight: 600;

  background-repeat: no-repeat;

  background-position: 0 -2%;

  padding-top: 30px;
}

.chairman-sec h6 {
  position: absolute;

  bottom: -23px;

  text-align: center;

  background: #1f6eb7;

  padding: 10px;

  width: 77%;

  color: #fff;

  left: 25px;

  border-radius: 30px;

  font-size: 15px;

  text-transform: capitolize;
}

.icon_box_05 {
  position: relative;
  padding-top: 59px;
  text-align: center;
}

.icon_box_05.ib5_left i {
  left: 0;
  top: 0;
  bottom: 0;
  right: auto;
  margin: auto 0;
}

.branch-new .owl-next {
  right: -70px;
  position: relative;
  top: 46px;
  border: 1px solid !important;
  padding: 10px;
}

.branch-new .owl-nav button:hover {
  background: #e1d7d7;
}

.branch-new .owl-nav button:hover img {
  filter: brightness(11);
}

.branch-new .owl-prev {
  left: -70px;
  position: relative;
  top: 46px;
  border: 1px solid !important;
  padding: 10px;
}

.active-class {
  color: #ffffff !important;
  /* border-bottom: 3px solid #ced7ff !important; */
}

.active-class svg {
  fill: #000;
}

.icon_box_05 i {
  width: 120px;
  height: 120px;
  border: 1px solid #ecebff;
  color: #ffffff;
  text-align: center;
  line-height: 118px;
  border-radius: 50%;
  background: #a3238e;
  font-size: 36px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  margin: 0 auto;
}

.icon_box_05.ib5_left .ib5_inner {
  padding: 29px 20px 21px 90px;
}

.ib5_inner {
  border: 1px solid #ecebff;
  padding: 100px 25px 32px;
  background: #fbfbfb;
}

.ib5_inner h3 {
  font-size: 19px;
  line-height: 0.8;
  letter-spacing: -0.52px;
  text-transform: uppercase;
  margin: 0 0 26px;
}

.ham-white {
  height: 100%;

  padding: 20px 80px;

  background: #fff;
}

.ham-right {
  height: 100%;
}

.ib5_inner p {
  font-size: 14px;
  line-height: 26px;
  color: #959ba9;
  letter-spacing: 0;
  word-break: break-all;
  margin: 0 0 17px;
}

.ib5_inner > a {
  font-size: 14px;
  display: inline-block;
  line-height: 0.8;
  color: #a3238e;
  font-weight: 500;
  text-transform: capitolize;
}

.sub_title.dark_sub_title {
  color: #a3238e;
  font-weight: 600;
}

.sub_title {
  font-size: 16px;
  color: #c3c8d4;
  letter-spacing: 0;
  text-transform: uppercase;
  font-weight: 500;
  margin: 0 0 20px;
  line-height: 0.8;
}

.sec_title span {
  font-size: 39px;
  margin-bottom: 16px;
  float: left;
}

.cotactForm {
  position: relative;
}

.iconInput {
  position: relative;
  margin-bottom: 20px;
}

.light_form .iconInput input:not([type="submit"]),
.light_form .iconInput textarea {
  font-weight: 400;
  font-size: 13px;
  color: #959ba9;
  border-color: #ecebff;
  margin-bottom: 30px;
}

.iconInput input:not([type="submit"]),
.iconInput textarea {
  padding: 0 0 0 50px;
  background: transparent;
  border: none;
  border-bottom: 2px solid #5b6c90;
  display: block;
  width: 100%;
  color: #8b97b1;
  font-weight: 600;
  letter-spacing: 0;
  height: 57px;
  transition: all ease 300ms;
  -moz-transition: all ease 300ms;
  -webkit-transition: all ease 300ms;
  -ms-transition: all ease 300ms;
  -o-transition: all ease 300ms;
}

.header_logo img {
  /* max-width: 100%; */
  /* height: 145px; */
  /* display: block; */
  margin-top: -44px;
  float: right;
  margin-left: 86px;
  /* margin-bottom: 5px; */
  padding: 5px;
  height: 112px;
  background: #fff;
  margin-right: 25px;
  /* box-shadow: 1px -4px 3px 3px rgb(0 0 0 / 5%); */
}

.slider_block {
  width: 100%;
  float: left;
  padding: 0;
  position: relative;
}

.ban1 {
  width: 100%;
  float: left;
  background: url("../images/slider1.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 655px;
  background-position: 100%;
}

.ban2 {
  width: 100%;
  float: left;
  background: url("../images/slider1.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 655px;
  background-position: 100%;
}

.header_block {
  width: 100%;
  /* HEIGHT: 120px; */
  float: left;
  /* position: absolute; */
  /* left: 0; */
  /* top: 0; */
  padding: 0;
  /* z-index: 2; */
  background: #ffffff;
  /* clear: both; */
  padding-right: 0;
  margin-right: 0;
}

.view-serv {
  border: 1px solid #222222;
  border-radius: 50%;
  height: 47px;
  /* margin-top: 20px; */
  position: relative;
  bottom: 7px;
  z-index: 1000;
  width: 47px;
  color: #fff;
  float: left;
  background-color: #222222;
  left: 21px;
}

.testi-full {
  background: url("../images/aboutbg.png");

  width: 100%;

  float: left;

  background-size: cover;

  background-repeat: no-repeat;

  padding-bottom: 100px;
}

.view-serv:hover {
  border: 1px solid #b88c2b;
  background-color: #b88c2b;
}

.view-serv svg {
  padding: 12px 10px;
  width: 46px;
}

.enquire {
  background-color: #f36f27;
  color: #fff;
  margin-top: 20px;
  width: 144px;
  float: right;
  font-size: 14px;
  font-weight: 600;
  padding: 10px 25px 12px;
  border-radius: 5px;
}

.years h5 {
  width: 100%;

  float: left;

  padding: 5px 15px;

  font-size: 14px;

  color: #fff;

  line-height: 27px;

  padding-bottom: 18px;
}

.enquire:hover {
  text-decoration: none;
  color: #fff;
  background-color: #000;
}

.slider_block .owl-nav {
  display: none;
}

.slider_block .owl-dots {
  display: none;
}

.cta-abt {
  width: 100%;

  float: left;

  /* background: #000; */

  /* padding: 50px 0; */
}

.cta-abt h2 {
  font-size: 18px;

  line-height: 30px;

  color: #fff;

  background: #000;

  padding: 32px 20px;

  margin: 0;
}

.cta-abt p {
  font-size: 17px;

  color: #000;

  padding: 32px 20px;

  margin: 0;
}

.cta-abt a {
  border-radius: 30px;

  background: #1f6eb7;

  float: right;

  text-align: center;

  color: #fff;

  font-size: 15px;

  width: 165px;

  font-weight: 600;

  padding: 15px;

  margin-top: 32px;

  box-shadow: -2px 1px 3px 0px #23202538;
}

.cta-abt a:hover {
  text-decoration: none;

  background: #000;
}

.services_full {
  width: 100%;

  float: left;

  /* box-shadow: -1px 0 4px rgba(0, 0, 0, 0.15); */

  background: rgb(244 244 244 / 39%);

  /* margin-bottom: 20px*/

  /* margin-bottom: 20px; */

  padding-bottom: 30px;
}

.services_full img {
  width: 100%;

  height: 200px;

  float: left;

  object-fit: cover;

  margin-bottom: 14px;
}

.services_full h2 {
  font-size: 20px;

  float: left;

  width: 100%;

  margin: 0;

  padding: 10px 15px 0;

  /* font-weight: 700; */

  letter-spacing: 1px;
}

.services_full p {
  margin: 0 !important;

  padding: 10px 15px !important;

  line-height: 28px !important;
}

.service .owl-nav img {
  width: 29px;
  opacity: 0.7;
  filter: brightness(11);
}

.ban-text {
  padding-top: 235px;
  width: 100%;
  float: left;
}

.service-sec {
  width: 100%;
  float: left;
  position: relative;
  margin: 70px 0 15px;
}

.view-serv2 {
  border: 1px solid #ded83a;
  border-radius: 50%;
  height: 47px;
  /* margin-top: 20px; */
  position: absolute;
  bottom: -16px;
  width: 47px;
  color: #fff;
  float: left;
  background-color: #ded83a;
  left: 30px;
}

.view-serv2:hover {
  border: 1px solid #f8901f;
  background-color: #f8901f;
}

.view-serv2 svg {
  transform: rotate(180deg);
  padding: 12px 10px;
  width: 46px;
}

.service-sec-image {
  position: relative;
  height: 435px;
  margin-left: 17px;
  padding-left: 13px;
  /* width: 100%; */
  object-fit: cover;
  /* border-radius: 6px; */
}

.innerban6 p {
  margin-top: 223px;
  color: #ffffff;
  font-weight: 700;
  width: 100%;
  float: left;
  /* font-style: italic; */
  text-align: center;
  font-size: 28px;
}

.service-border {
  margin-left: 25px;

  float: left;

  width: auto;

  margin-bottom: 20px;
}

.service-sec h2 {
  font-size: 25px;

  margin-left: 25px;

  color: #131316;

  margin-top: 15px;

  font-weight: 400;
}

.service-sec h1 {
  font-size: 25px;

  color: #131316;

  font-weight: 700;

  margin-left: 25px;
}

.service-sec p {
  margin-left: 25px;

  font-size: 14px;

  float: left;

  line-height: 28px;

  color: #070707;

  margin-bottom: 0;

  padding: 5px 0;
}

.service-text-full h4 {
  font-size: 15px;

  font-weight: 500;
}

.ban-text h1 {
  font-size: 37px;
  /*    font-family: 'Baloo Paaji 2', cursive  !important; width: 100%;
*/
  /* font-family: 'Oswald'; */
  position: relative;
  color: #fff !important;
  font-weight: 400;
}

.ban-text h1 span {
  font-weight: 700;
}

.get-in-touch {
  width: 100%;

  float: left;

  margin-top: 40px;
}

.get-in-touch h2 {
  font-size: 35px;

  font-weight: 700;

  color: #101010;
}

.get-in-touch h2 span {
  color: #a31c20;
}

.get-in-touch h3 {
  font-size: 20px;

  font-weight: 700;

  color: #a31c20;

  margin: 10px 0;
}

.get-in-touch p {
  font-size: 14px;

  line-height: 26px;

  color: #101010;

  margin-bottom: 36px;
}

.abt-icons {
  position: absolute;
  /* border: 1px solid #ccc; */
  top: -22px;
  right: 15px;
  /* box-shadow: 0px 1px 0px 1px #eae4e4; */
  z-index: 99;
  padding-top: 9px;
  width: 47px;
  font-weight: 700;
  font-size: 21px;
  height: 47px;
  border-radius: 50%;
  text-align: center;
  background: #fff;
}

.header-content h6 {
  font-size: 65px;
  color: #000000;
  /* text-transform: uppercase; */
  font-weight: 300;
  /* line-height: 40px; */
  text-align: right;
}

.abt-icons svg {
  margin: 12px 10px;
  width: 26px;
  fill: #310903;
  height: 24px;
}

.view-abt svg {
  padding: 12px 10px;
  width: 39px;
}

.view-abt:hover {
  border: 1px solid #222222;
  background-color: #222222;
}

.ban-text h1:after {
  /* position: absolute; */
  /* content: ''; */
  height: 2px;
  top: 8px;
  left: 192px;
  width: 57px;
  background-color: #ed2424;
}

.pro-overlay h5:after {
  position: absolute;
  content: "";
  height: 2px;
  top: 8px;
  left: 145px;
  width: 16px;
  background-color: #fff;
}

.menu-img {
  transition: all ease-in-out 0.5s;
  width: 100%;
  border-radius: 20px;
  height: 117px;
  object-fit: cover;
}

.menu-img:hover {
  /* transform:scale(1.5); */
  filter: grayscale(1);
}

.menu-text {
  width: 100%;

  float: left;

  margin-top: 25px;
}

.menu-text h2 {
  font-size: 18px;

  font-weight: 700;

  margin: 0;

  color: #000;
}

.menu-text p {
  margin: 0 !important;

  font-size: 14px;
}

.menu-text span {
  font-size: 14px;

  font-weight: 600;

  color: #000;
}

.menu-image {
  overflow: hidden;
  transition: all ease-in-out 0.5s;
  /* border-radius: 20px; */
  margin-bottom: 30px;
  cursor: pointer;
  width: 100%;
}

.panel-quote img {
  position: relative;
  top: 63px;
}

.conatct-ad-sec {
  width: 100%;
  float: left;
  margin-top: 35px;
  margin-bottom: 40px;
}

.location-text {
  float: left;
  width: 100%;
  text-align: center;
  text-align: -webkit-center;
  padding-bottom: 5px;
  text-align: -moz-center;
}

.location_titel {
  float: left;
  width: 100%;
  color: #000;
  font-weight: 700;
  padding-bottom: 11px;
  font-weight: 600;
  text-align: center;
  padding-top: 10px;
  text-transform: uppercase;
  font-size: 17px;
  /* letter-spacing: -1px; */
}

.slide .owl-theme .owl-dots .owl-dot:focus {
  outline: none !important;
}

.location_address {
  float: left;
  width: 100%;
  font-size: 15px;
  color: #000;
  font-weight: 500;
  text-align: center;
  line-height: 27px;
}

.dte {
  padding: 5px 10px;

  z-index: 999;

  right: 11px;

  position: absolute;

  top: -10px;

  color: #fff;

  font-size: 13px;

  border-radius: 32px;

  background: #a31c20;
}

.innerban4 p {
  /* margin-top: 223px; */
  color: #ffffff;
  font-weight: 400;
  width: 100%;
  float: left;
  /* font-style: italic; */
  text-align: left;
  font-size: 18px;
}

.ban-text h2 span {
  color: #2ba649;
  font-weight: 700;
}

.abt-icons:hover {
  background-color: #ded83a;
}

.abt-icons:hover svg {
  fill: #fff;
}

.ban-text p {
  float: left;
  width: 100%;
  font-size: 14px;
  line-height: 25px;
  padding: 6px 92px 0 0;
  font-weight: 400;

  color: #000;
}

.ban-text h2 {
  color: #000;

  font-size: 45px;
  line-height: 58px;
  padding-top: 0;
  font-weight: lighter;
}

.close_form {
  display: block;
  position: absolute;
  width: 40px;
  height: 40px;
  right: 424px;
  top: 0;
  background: #000000 url(../images/close.svg) no-repeat center center;
  background-size: 20px 20px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  border: none;
  cursor: pointer;
}

.ftr-right {
  width: 100%;
  float: left;
  padding: 73px 20px 0;
}

.ftr-right p {
  color: #fff;
  font-size: 19px;
  position: relative;
  font-weight: 400;
  padding: 1px 101px 47px 0;
  border-bottom: 1px solid #0f1119;
}

.vm .owl-theme .owl-dots,
.owl-theme .owl-nav {
  text-align: left;
}

.vm .owl-theme .owl-dots .owl-dot {
  display: inline-block;
  z-index: 999;
  cursor: pointer;
  zoom: 1;
  background: transparent;
  text-align: center;
  border: none;
  top: -179px;
  left: 85px;
  /* right: 83px; */
  position: relative;
}

.vm.owl-theme .owl-dots .owl-dot span {
  position: relative;
  z-index: 99;
  width: 10px;
  cursor: pointer;
  height: 10px;
  margin: 5px 0px;
  border: 2px solid #ffdb5c;
  background: #ffdb5c !important;
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity 0.2s ease;
  border-radius: 30px;
}

.vm .owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background: #fff !important;
  border: none;
}

.explore {
  background: transparent;
  color: #000;
  margin-top: 15px;
  float: left;

  /* height: 48px; */
  border-left: 2px solid #ed2424;
  border-bottom: 2px solid #ed2424;
  text-align: center;
  /* width: 143px; */
  /* border-radius: 4px; */
  font-weight: bold;
  font-size: 13px;
  padding: 0 13px 9px;
}

.social-hd {
  float: right;
  margin: 35px 20px;
}

.social-hd a {
  width: auto;
  margin: 3px 5px;
  float: right;
}

.social-hd a svg:hover {
  fill: #a3238e;
}

.quality-red a:hover {
  text-decoration: none;
  color: #fff;
}

.explore:hover {
  background-color: transparent;
  text-decoration: none;
  color: #fff;
}

.invest-btn:hover {
  text-decoration: none;
  background: #fa3b3b !important;
  color: #fff !important;
}

.blink {
}

.blink a {
  font-size: 25px;
  color: white;
  animation: blink 1s linear infinite;
}

@keyframes blink {
  0% {
    opacity: 0;
  }

  50% {
    opacity: 0.5;
  }

  100% {
    opacity: 0.7;
    background: #06070aa3;
  }
}

.career-box {
  /* margin-bottom: 20px; */
  /* background: #fff; */
  /* padding: 25px !important; */
  /* box-shadow: -1px 0 4px rgba(0, 0, 0, 0.15); */
  /* border-radius: 5px; */
}

.mission-sec {
  width: 100%;
  float: left;
  /* text-align: center; */
}

.panel-call {
  padding: 38px 0;
  border-right: 1px solid #ccc;
  text-align: center;
  float: left;
  width: 100%;
}

.panel-call img {
  float: left;
}

.panel-call p {
  float: left;
  font-size: 12px;
  padding: 3px 5px;
  font-weight: 600;
  margin-bottom: 0;
  color: #444141;
}

.panel-icons-rt {
  width: 100%;
  float: left;
}

.panel-icons-rt a img {
  margin: 0 20px;
}

.iconInput i {
  position: absolute;
  /* left: 20px; */
  top: 0;
  font-size: 14px;
  letter-spacing: -0.42px;
  color: #a3238e;
  height: 57px;
  line-height: 57px;
}

.service .owl-nav {
  float: left;
  width: 100%;
  text-align: center;
}

.service .owl-next {
  position: relative;
  /* top: -111px; */
  padding: 4px 0px;
  background: transparent;
  /* left: -464px; */
}

.service .owl-prev {
  position: relative;
  padding: 4px 0px;
  /* top: -111px; */
  background: transparent;
  /* left: -453px; */
}

.panel-icons-rt a {
  padding-top: 31px;
  float: left;
}

.dot {
  /* padding-top: 50px; */
  /* float: left; */
}

.bg-orange {
  background: #f36f27;
  padding: 25px 0 !important;
  float: right !important;
}

.panel-bar .col-md-6 {
  padding-right: 0;
}

.panel-form {
  width: 240px;
  float: left;
  min-height: 460px;
  top: -193px;
  z-index: 200;
  padding: 20px 15px;
  position: absolute;
  background-color: #7d7a7b;
}

@media screen and (max-height: 450px) {
  .sidenav {
    padding-top: 0;
  }

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

.ham-nav svg {
  fill: #656363;
  height: 34px;
  /*margin-top: 10px;*/
}

.ham-nav {
  float: right;
  font-size: 30px;
  cursor: pointer;
  padding-left: 10px;
  background: #e8e8e8;
  padding: 37px 12px;
}

.sidenav a {
  padding: 12px 71px;
  text-decoration: none;
  -moz-transition: all ease-in-out 0.5s;
  font-size: 27px;
  transition: all ease-in-out 0.5s;
  color: #fff;
  text-align: left;
  -webkit-transition: all ease-in-out 0.5s;
  position: relative;
  display: block;
  /* transition: 0.3s; */
  /* border-bottom: 1px solid #F2F2F2; */
}

.sidenav a:hover {
  text-decoration: none;
  opacity: 0.9;
}

.sidenav {
  height: 100%;
  /* border-top: 1px solid #ad6062; */
  width: 100%;
  position: fixed;
  height: 0;
  padding: 0;
  z-index: 9999;
  top: 0;
  right: 0;
  background-color: #1f6eb7;
  overflow-x: hidden;
  transition: 0.5s;
}

.panel-form h2 {
  font-size: 20px;
  line-height: 28px;
  font-weight: 100;
  color: #fff;
}

.head-quote1 {
  color: #fff !important;
  background: #06070a;
  padding: 4px 10px 5px 4px !important;
  border-radius: 28px;
  font-size: 11px !important;
  margin-top: 7px !important;
  margin-right: 10px;
  /* width: 118px !important; */
  border: 2px solid transparent;
  margin-bottom: 0 !important;
}

.input-set {
  width: 100%;
  float: left;
  margin: 10px 0;
}

.input-set input {
  background: transparent;
  border: 1px solid #ccc;
  font-size: 300;
  color: #fff;
  padding: 8px 10px;
}

.panel-form p {
  font-size: 13px;
  color: #fff;
  float: left;
  line-height: 24px;
  font-weight: 300;
  padding: 5px 3px 5px 0;
}

.panel-form button {
  background: #b5b3b4;
  border: none;
  text-align: center;
  margin: auto;
  display: block;
  font-size: 14px;
  color: #000;
  cursor: pointer;
  padding: 10px 20px;
}

.view-abt {
  /* border: 1px solid #fff; */
  border-radius: 50%;
  height: 40px;
  width: 40px;
  color: #fff;
  background: #b88c2b;
  float: left;
  text-transform: uppercase;
}

.table {
  animation: rotate 5s infinite linear;
}

.contact-snd {
  text-transform: uppercase;
  /* border-radius: 100px; */
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 20px;
  font-style: normal;
  font-stretch: normal;
  border: none;
  line-height: normal;
  /* letter-spacing: 1.8px; */
  /* width: 81%; */
  border-radius: 5px;
  text-align: center;
  padding: 16px 30px;
  border: none;
  background: #000537;
  color: #ffffff;
  float: right;
  margin-top: 11px;
  border: solid 2px #000537;
  cursor: pointer;
  transition: all ease-in-out 0.5s;
  -o-transition: all ease-in-out 0.5s;
  -ms-transition: all ease-in-out 0.5s;
  -moz-transition: all ease-in-out 0.5s;
  -webkit-transition: all ease-in-out 0.5s;
}

.contact-snd:hover {
  background-color: #672b8e;
  border-color: #672b8e;
  color: #fff;
}

.investimg-new img {
  width: 100%;
  border-radius: 5px;
  height: 471px;
  width: 100%;
  float: left;
  object-fit: cover;
}

.investimg-new {
  width: 100%;
  float: left;
  margin-top: 0px !important;
}

.pro-img {
  margin-bottom: 30px;
  position: relative;
  overflow: hidden;
  width: 100%;
  border-top-right-radius: 4px;
  float: left;
}

.pro-img img {
  position: relative;
  border-top-right-radius: 5px;
  width: 100%;
  float: left;
  border-top-left-radius: 5px;
  height: 270px;
  transition: all ease-in-out 0.5s;
  object-fit: cover;
}

/* .pro-img img:hover { */

/* transform: scale(1.5); */
/* } */

.pro-img h6 {
  font-size: 16px;
  font-weight: 600;
  float: left;
  color: #ffffff;
  text-align: center;
  /* margin-top: -60px; */
  background: rgba(0, 0, 0, 0.69);
  position: absolute;
  z-index: 111;
  left: 0;
  padding: 14px;
  width: 100%;
  bottom: -8px;
}

.modal-content {
  border-radius: 0 !important;
}

.modal-img {
  width: 100% !important;
  height: 186px !important;
  object-fit: cover;
}

.free_consult {
  z-index: 999;
  text-align: center;
  color: #fff;
  font-size: 20px;
  width: 100%;
  position: relative;
  bottom: 110px;
}

.modal-heads {
  font-size: 18px;
  margin-top: 0px;
  color: #ffffff;
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding-top: 13px;
  background: #aa7e14;
  padding-bottom: 13px;
}

.modal-frm input {
  width: 100%;
  padding: 10px 0px 10px 0px;
  outline: none;
  border: none;
  font-size: 13px;
  border: 1px solid #eee;
  margin-top: 20px;
  padding: 10px;
  height: 52px;
}

.modal-frm textarea {
  width: 100%;
  padding: 10px 0px 10px 0px;
  outline: none;
  border: none;
  font-size: 14px;
  border-bottom: 1px solid #eee;
  resize: none;
  margin-top: 20px;
  border: 1px solid #eee;
  margin-top: 20px;
  padding: 10px;
}

.modal-img {
  width: 100% !important;
  height: 186px !important;
  object-fit: cover;
  float: left;
  left: -1px;
  position: relative;
  top: -1px;
}

.close {
  position: absolute;
  right: -30px;
  top: 15px;
  width: 35px;
  height: 35px;
  background: rgba(0, 0, 0, 0.4);
  margin: 20px;
  cursor: pointer;
  padding: 5px;
}

.close:after,
.close:before {
  content: "";
  position: absolute;
  top: 25%;
  left: -288px;
  width: 1.5px;
  height: 65%;
  background: #e4e4e4;
}

.close:after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.close:before {
  transform: translate(-50%, -50%) rotate(45deg);
}

.modal-submit {
  padding: 14px 23px 10px 20px;
  /* float: left; */
  margin: 5px auto 24px;
  display: block;
  width: 170px !important;
  height: 47px;
  cursor: pointer;
  font-size: 13px;
  font-weight: 500;
  color: #fff;
  background: #222222;
  text-transform: uppercase;
  letter-spacing: 1px;
  border-radius: 30px;
}

.modal-submit:hover {
  background-color: #b88c2b;
}

.mt-80 {
  margin-top: 80px;
}

.pro-overlay {
  /* position: absolute; */
  /* height: 100%; */
  /* padding: 100px 51px; */
  /* width: 100%; */
  /* background-color: #ed3231e8; */
  /* left:0; */
  /* top: 0; */
  /* display: none; */
}

.pro-overlay h2 {
  font-size: 26px;
  color: #fff;
  font-weight: 500;
}

.pro-overlay h6 {
  font-size: 14px;
  font-weight: 400;
  padding-top: 16px;
  color: #fff;
  float: left;
  line-height: 25px;
}

.pro-overlay h5 {
  font-size: 14px;
  width: 100%;
  text-align: center;
  color: #fff;
  float: left;
  position: relative;
  margin-top: 20px;
}

.abt-mission {
  width: 100%;

  float: left;

  margin: 50px 0;

  text-align: center;
}

.mission-sec-new .col-md-6 {
  padding: 0;
}

.mission-sec-new {
  width: 100%;

  display: inline-block;

  vertical-align: middle;

  max-width: 1145px;

  margin: 0px 0px 0px 27px;
}

.mission1 {
  background: #222222;

  padding: 40px 30px;

  text-align: left;

  box-shadow: -1px 0 4px rgba(0, 0, 0, 0.15);

  -moz-box-shadow: -1px 0 4px rgba(0, 0, 0, 0.15);

  -webkit-box-shadow: -1px 0 4px rgba(0, 0, 0, 0.15);
}

.mission1 h2 {
  color: #fff;

  font-size: 22px;

  font-weight: 700;
}

.mission1 p {
  font-size: 14px;

  line-height: 26px;

  color: #fff;

  text-align: justify;
}

.vision1 {
  background: #b88c2b;

  padding: 40px 30px;

  text-align: left;

  box-shadow: -1px 0 4px rgba(0, 0, 0, 0.15);

  -moz-box-shadow: -1px 0 4px rgba(0, 0, 0, 0.15);

  -webkit-box-shadow: -1px 0 4px rgba(0, 0, 0, 0.15);
}

.vision1 h2 {
  font-size: 22px;

  font-weight: 700;

  color: #fff;
}

.vision1 p {
  font-size: 14px;

  line-height: 26px;

  color: #fff;

  text-align: justify;
}

.panel-12 {
  background: url("../images/aboutbg.png");
  width: 100%;
  float: left;
  /* padding: 50px 0 20px; */
  background-size: cover;
  position: relative;
  overflow: hidden;
}

.panel-12 h1 {
  width: 100%;
  float: left;
  font-size: 25px;
  /* font-weight: 100; */

  /* line-height: 40px; */
  color: #131316;
  /* text-align: center; */
  margin-bottom: 0;
}

.panel-12 h1 span {
  font-weight: 700;
  color: #131316;
}

.panel-12 p {
  width: 100%;
  float: left;
  font-size: 14px;
  font-weight: 400;
  line-height: 30px;
  color: rgb(0 0 0 / 74%);
  /* text-align: justify; */
  /* padding: 5px 19%; */
  margin-bottom: 0;
  margin-top: 15px;
}

.form-pad {
  width: 100%;
  float: left;
  /* padding: 0 139px; */
}

.panel-12 .ryt-pad {
  /* padding-right: 55px; */
  margin-bottom: 35px;
}

.msg-box {
  width: 327px;
  height: auto;
  margin-top: -618px;
  z-index: 99;
  float: right;
  position: relative;
  /* background: #ffffff00; */
  right: 90px;
}

.msg-box .heads {
  width: 100%;
  padding: 12px 25px;
  float: left;
  background: #0d0d0c;
  /* height: 94px; */
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}

.msg-box .heads h2 {
  margin-bottom: 0;
  width: 100%;
  float: left;
  text-align: center;
  font-size: 18px;
  /* line-height: 24px; */
  color: #ffffff;
}

.msg-box .bodys {
  width: 100%;
  float: left;
  background: #ffffff;
  border-bottom-right-radius: 5px;
  /* height: 248px; */
  border-bottom-left-radius: 5px;
}

.form-area1 {
  width: 100%;
  float: left;
  padding: 10px 20px;
  padding: 10px 25px;
}

.form_div {
  border-bottom: 1px solid #b0aaaa;
  color: #272626;
  display: block;
  font-size: 13px;
  height: 42px;
  margin-bottom: 10px !important;
  padding: 0 20px;
  outline: none;
  background: #ffffff;
  width: 100%;
  padding-left: 0px;
  border: none;
  transition: all 500ms ease;
  border-bottom: solid 1px #e3e3e3;
  padding: 15px;
  border-radius: 5px;
  padding-top: 9px;
  float: left;
  width: 100%;
}

.titel_normal {
  /* height: 100%; */
  line-height: 26px;
  /* top: 151px; */
  position: absolute;
  width: 35px;
  /* padding-left: 8px; */
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-size: 5px;
  color: rgba(0, 0, 0, 0.88);
  text-transform: uppercase;
  border-right: solid 1px #e3e3e3;
}

/*.banner img{
  width: 100%;
  float: left;
}*/

.normal_form {
  /*color: #272626;*/
  display: block;
  font-size: 12px;
  /* height: 52px; */
  color: #18191b96;
  /* margin-bottom: 30px !important; */
  outline: none;
  background: rgba(255, 255, 255, 0);
  width: 88%;
  padding-left: 0px;
  border: none;
  transition: all 500ms ease;
  padding: 15px;
  float: left;
  /* width: 50%; */
  left: 47px;
  position: relative;
  padding: 0px;
  /* padding-left: 17px; */
  padding-top: 8px;
}

.form-bot {
  width: 100%;
  float: left;
}

.form-boto-st {
  width: 100%;
  float: left;
  background: #18191b;
  color: #fff;
  border: none;
  height: 40px;
  border-radius: 5px;
  margin-top: 15px;
  transition: all ease-in-out 0.5s;
  -o-transition: all ease-in-out 0.5s;
  -ms-transition: all ease-in-out 0.5s;
  -moz-transition: all ease-in-out 0.5s;
  -webkit-transition: all ease-in-out 0.5s;
}

.form-boto-st:hover {
  background: #a3238e;
  cursor: pointer;
}

.form-boto-st:focus,
active {
  outline: none;
}

.panel-12 .form-control {
  border-radius: unset;
  border: unset;
  border-bottom: 1px solid #888686a8;
  padding: 0;
  box-shadow: none;
  height: 45px;
}

.panel-12 .lft-pad {
  /* padding-left: 55px; */
  margin-bottom: 35px;
}

.panel-12 .margin-bot {
  margin-bottom: 35px;
  float: left;
}

.client .owl-nav button {
  background-color: transparent;
  border: none;
}

.client .owl-nav button img {
  /* filter: brightness(.5); */
  /* width: 40px; */
}

.client .owl-nav button:focus {
  outline: none !important;
}

.service-text-full {
  position: relative;

  width: 100%;

  float: left;

  padding: 30px 20px;
}

.service-text-full h3 {
  font-size: 18px;

  font-weight: 700;
}

.service-text-full p {
  font-size: 14px;

  text-align: left;

  margin: 0;
}

.btn-center {
  text-align: -webkit-center;
  width: 100%;
  float: left;
}

.submit-btn {
  text-align: center;
  width: 163px;
  height: 47px;
  background-color: #222222;
  display: flex;
  color: #fff;
  cursor: pointer;
  /* border-radius: 25px; */
  margin-top: 25px;
  float: left;
  border: 0;
}

.submit-btn span {
  margin: auto;
  font-size: 15px;
  text-transform: uppercase;
}

.branches-ht {
  height: 400px !important;
  /*        margin-bottom: 0 !important;
*/
}

.branch-new-name1 {
  float: left;
  width: 100%;
  text-align: center;
}

.line {
  width: 100%;
  float: left;
}

.serv-line {
  position: relative;
}

.img-branch {
  height: 400px !important;
}

.serv-line::before {
  top: 20px;
  content: "";
  height: 1px;
  width: 100px;
  border: 1px solid #cccccc30;
  left: -101px;
  position: absolute;
}

.serv-line::after {
  top: 20px;
  content: "";
  height: 1px;
  width: 100px;
  border: 1px solid #cccccc30;
  right: -101px;
  position: absolute;
}

.ft-left {
  width: 100%;
  float: left;
}

.ft-left a {
  margin: 10px;
  width: auto;
  font-size: 15px;
  float: left;
  color: #fff;
}

.ft-left a:hover {
  color: #b54fa5;
  text-decoration: none;
}

.dot {
  width: 8px;

  height: 8px;

  margin: 10px;

  background: #cecece;

  float: right;

  border-radius: 50%;
}

.extra-sec a:hover {
  margin-left: 15px;
  text-decoration: none;
  color: #ffd847 !important;
}

.head-quote {
  color: #fff !important;
  background: #620609;
  padding: 4px 18px 7px !important;
  border-radius: 5px;
  margin-top: -17px !important;
  border: 2px solid transparent;
  margin-bottom: 0 !important;
}

.social-ft a svg:hover {
  fill: #b54fa5;
}

.ftr-quote {
  position: absolute;
  top: 56px;
  left: 18px;
  height: 106px;
  /* width: 124px; */
  opacity: 0.4;
}

.ml-44 {
  margin-left: 64px;
}

.ml-66 {
  margin-left: 90px;
}

.start {
  width: 100%;
  float: left;
  margin-top: 20px;
  height: 159px;
}

.start h2 {
  font-size: 18px;
  font-weight: 500;
  color: #f5f5f5;
  margin-bottom: 10px;
}

.start-soc a svg {
  margin-right: 8px;
  width: 44px;
  margin-top: 8px;
  height: 30px;
}

.start-soc a {
  width: auto !important;
}

.start a {
  width: 100%;
  float: left;
  font-weight: 400;
  font-size: 15px;
  line-height: 36px;
  /* margin: 0 10px; */
  opacity: 0.7;
  color: #fff !important;
}

.start a:hover {
  text-decoration: none;
  color: #fff;
  opacity: 1;
}

.client {
  float: left;
  width: 100%;
  margin: 10px 0;
  /* position: relative; */
}

.client .owl-nav {
  z-index: -14;
  background: transparent;
  margin-top: 15px;
  /* display: none; */
  text-align: center;
}

.quote-cook {
  position: absolute;
  top: 2px;
  right: 31px;
}

.innerban2 {
  width: 100%;
  background-size: cover;
  background: url(../images/slide4.jpg);
  height: 250px;
  float: left;
  margin-top: 100px;
  text-align: center;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.innerban p {
  margin-top: 123px;
  color: #fff;
  font-weight: 700;
  width: 100%;
  float: left;
  /* font-style: italic; */
  text-align: center;
  font-size: 28px;
  /* background: rgb(0 0 0 / 74%); */
  height: 250px;
  margin-top: 0px;
  padding-top: 80px;
}

.service {
  width: 100%;
  float: left;
}

.innerban2 p {
  margin-top: 123px;
  color: #ffffff;
  font-weight: 700;
  width: 100%;
  float: left;
  /* font-style: italic; */
  text-align: center;
  font-size: 28px;
  background: rgb(0 0 0 / 74%);
  height: 250px;
  margin-top: 0px;
  padding-top: 80px;
}

.bc {
  /* border-top-right-radius: 4px; */
  /* background: #e42e24; */
  /* border-top-left-radius: 4px; */
  width: 100%;
  text-align: center;
  color: #ffffff;
  float: left;
  /* display: inline-block; */
  margin: 0 auto 0;
  /* text-align: center; */
  padding: 10px;
}

.bc a {
  color: #ffffff;
  padding: 0 5px;
  font-size: 15px;
}

.bc a:hover {
  color: #fff !important;
  text-decoration: none;
}

.abt-panel h1 {
  /* float: left; */
  /* width: 100%; */
  color: #101010;
  font-size: 35px;
  font-weight: 700;
  margin-bottom: 21px;
  text-align: left;
  margin: 0px;
  margin-bottom: 10px;
  margin-top: 25px;
}

.abt-panel h1 span {
  color: #000000;
  font-weight: 700;
}

.contact-tag {
  float: left;
  width: 100%;

  font-size: 14px;
  color: rgba(0, 0, 0, 0.93);
  text-align: left;
  /* margin-top: 15px; */
  line-height: 28px;
  margin-bottom: 30px;
  padding-right: 50px;
}

.cnt-padding {
  padding-left: 0px !important;
}

.push-left {
  float: left;
}

.contact-label {
  float: left;
  width: 100%;
  text-align: left;
  font-size: 14px;
  color: #000;
  font-weight: 500;
}

.mct_form {
  border-bottom: 1px solid #b0aaaa;
  color: #272626;
  display: block;
  font-size: 13px;
  /* text-transform: uppercase; */
  height: 50px;
  margin-bottom: 10px !important;
  padding: 0 20px;
  outline: none;
  background: #ffffff;
  width: 100%;
  padding-left: 0px;
  border: none;
  transition: all 500ms ease;
  border: solid 1px rgba(46, 67, 110, 0.22);
  margin-top: 3px;
  width: 100%;
  float: left;
  padding: 15px;
  margin-top: 17px;
  /* border-radius: 5px; */
}

.cnt-padding {
  padding-left: 0px !important;
}

.info-tag {
  line-height: 29px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.93);
  margin-top: 9px;
}

.adr-section {
  float: left;
  width: 100%;
  margin-bottom: 15px;
  padding-left: 30px;
}

.adr-section h1 {
  float: left;
  width: 100%;
  color: #000;
  font-size: 30px;
  font-weight: bold;
  margin-top: 0px;
  margin-top: 10px;
  border-bottom: solid 1px #e6e6e6;
  padding-bottom: 16px;
}

.cnt-icons {
  padding-right: 8px;
  font-size: 29px !important;
  color: rgb(43, 166, 73);
}

.india {
  float: left;

  .india span {
    float: left;
    width: 100%;
    color: #e20c18;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    /* letter-spacing: 1px; */
    margin-top: 20px;
  }

  .india p {
    float: left;
    width: 100%;
    text-align: left;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.93);
    line-height: 25px;
    margin-top: 11px;
    margin-bottom: 0px;
  }

  .map-top {
    margin-top: 1px;
  }

  .india span {
    float: left;
    width: 100%;
    color: #2ba649;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    /* letter-spacing: 1px; */
    margin-top: 20px;
  }

  .india p {
    float: left;
    width: 100%;
    text-align: left;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.93);
    line-height: 25px;
    margin-top: 11px;
    margin-bottom: 0px;
  }

  .map-top {
    margin-top: 30px;
  }

  .input-set-ct {
    width: 100%;
    float: left;
    margin: 10px 0;
  }

  .input-set-ct input,
  .input-set-ct textarea {
    background: transparent;
    border: 1px solid #cccccc36;
    font-size: 300;
    color: #000;
    width: 100%;
    border-radius: 10px;
    height: 50px;
    padding: 8px 10px;
  }

  .input-set-ct textarea {
    height: 80px !important;
  }

  .input-set-ct label {
    width: 100%;
    font-size: 15px;
  }

  .input-set-ct input,
  .input-set-ct textarea:focus {
    outline: none;
  }

  .contact-left {
    width: 100%;
    float: left;
  }

  .contact-left h6 {
    font-size: 18px;
    color: #000;
    font-weight: 300;
  }

  .contact-left h1 {
    font-size: 35px;
    width: auto;
    margin-bottom: 0;
    font-weight: 700;
    padding: 5px 0;
  }

  .contact-left p {
    font-size: 14px;
    font-weight: 400;
    line-height: 28px;
    padding-top: 10px;
  }

  .ct-sub {
    background: #f36f27;
    color: #fff;
    margin-top: 10px;
    float: left;
    border: none;
    font-size: 14px;
    border-radius: 5px;
    cursor: pointer;
    padding: 10px 41px;
  }

  .ct-sub:hover {
    background: #000;
  }

  .main-off {
    width: 100%;
    float: left;
    margin: 20px 0;
  }

  .hv-sec {
    width: 100%;
    margin-bottom: 30px;
    float: left;
  }

  .hv-sec i {
    font-size: 25px;
    color: #fff;
    border: 1px solid #cccccc5e;
    background-color: #f36f27;
    float: left;
    border-radius: 100%;
    margin-top: 0px;
    padding: 20px 22px;
  }

  .hv-sec i:hover {
    background: transparent;
    color: #f36f27;
  }

  .main-off h2 {
    float: left;
    font-size: 20px;
    font-weight: 700;
    margin: 5px 0px 0;
  }

  .main-off p {
    float: left;
    font-size: 14px;
    margin-bottom: 0;
    width: 100%;
    padding: 7px 0;
    line-height: 27px;
  }

  .hv-sec .col-md-4 {
    padding: 0;
  }

  .about_section {
    float: left;
    width: 100%;
    padding-top: 60px;
  }

  .about_section h1 {
    font-size: 19px;
    color: #000000;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 40px;
  }

  .about_section h1 span {
    font-weight: 600;
    color: #04113c;
  }

  .msg-panel {
    margin-top: 20px;
    float: left;
    width: 100%;
    padding-top: 60px;
    padding-bottom: 60px;
    background: url(../images/menu-bg.png);
    /* font-size: 36px; */
    color: #010101;
    background-size: cover;
    background-repeat: repeat;
    background-attachment: fixed !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    position: relative;
  }

  .md-msg {
    float: left;
    width: 100%;
    /* background: #fff; */
    padding: 29px 0;
    /* border-radius: 5px; */
  }

  .team-imgs img {
    width: 100%;
    float: left;
    height: 280px;
    object-fit: cover;
  }

  .teambg {
    float: left;
    width: 100%;
    text-align: center;
    height: 90px;
    margin-bottom: 20px;
    background: #310903;
    color: #fff;
    font-size: 14px;
    padding: 15px;
  }

  .teambg span {
    width: 100%;
    float: left;
  }

  .md-msg h1 {
    float: left;
    width: 100%;
    font-size: 25px;
    color: #fff;
    margin-top: 0px;
    text-align: left;
    font-weight: bold;
  }

  .md-msg h1 span {
    /* color: #f41428; */
  }

  .md-msg p {
    float: left;
    width: 100%;
    font-size: 15px;
    color: #fff;
    text-align: left;
    line-height: 27px;
    margin-bottom: 0px;
  }

  .service_titels {
    color: #000000 !important;
    text-transform: uppercase;
    font-size: 16px !important;
    font-weight: 600;
    margin-bottom: 10px !important;
    padding-left: 0px !important;
  }

  .gs_img {
    float: left;
    /* margin-left: 60px; */
    height: 220px;
    object-fit: cover;
    width: 100%;
  }

  .about_section p {
    font-size: 14px;
    float: left;
    width: 100%;
    color: #000;
    /* font-family: 'font-family: 'Baloo Paaji 2', cursive;; */
    line-height: 32px;
    margin-bottom: 17px;
  }

  .offer-panel {
    float: left;
    width: 100%;
    padding-top: 60px;
    padding-bottom: 30px;
  }

  .mb25 {
    margin-bottom: 25px;
  }

  .bg-brand {
    float: left;
    width: 100%;
    background: #fff;
    padding: 40px;
    text-align: center;
    border: solid 1px rgba(243, 112, 33, 0.58);
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
    margin-bottom: 30px;
  }

  .bg-brand img {
    object-fit: contain;
    width: 100%;
    height: 100px;
    right: 0px;
  }

  .bg-brand:hover {
    text-decoration: none !important;
    -webkit-box-shadow: 0px 3px 25px -9px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 3px 25px -9px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 3px 25px -9px rgba(0, 0, 0, 0.22);
    border: solid 1px #fff;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
  }

  .offer-panel h1 {
    float: left;
    width: 100%;
    /* color: #020e22; */
    font-size: 19px;
    text-transform: uppercase;
    font-weight: 700;
    padding-bottom: 11px;
  }

  .hankook-font {
    float: left !important;
    width: 100% !important;
    /* color: #020e22; */
    font-size: 17px !important;
    text-transform: none !important;
    font-weight: 600 !important;
    padding-bottom: 8px !important;
  }

  .detail-list {
    float: left;
    width: 100%;
    font-size: 14px;
    line-height: 29px;
    color: #000;
    font-weight: 400;
    margin-bottom: 8px;
  }

  .bg-brand {
    float: left;
    width: 100%;
    background: #fff;
    padding: 40px;
    text-align: center;
    border: solid 1px rgb(163, 35, 142);
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
    margin-bottom: 30px;
  }

  .brand-hover {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
  }

  .bg-brand:hover {
    text-decoration: none !important;
    -webkit-box-shadow: 0px 3px 25px -9px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 3px 25px -9px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 3px 25px -9px rgba(0, 0, 0, 0.22);
    border: solid 1px #fff;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
  }

  .ih-item.square.effect6 {
    overflow: hidden;
    margin-bottom: 30px;
  }

  .ih-item.square {
    position: relative;
    /* width: 316px; */
    /* height: 216px; */
    /* border: 8px solid #fff; */
    /* box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3); */
  }

  .ih-item.square.effect6 .img {
    -webkit-transition: all 0.35s ease-in-out;
    position: relative;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }

  .productimg {
    width: 100%;
    object-fit: cover;
    padding: 20px;
    height: 290px !important;
    border: 2px solid #f36f27;
  }

  .ih-item.square.effect6 .info {
    /* background: #da3140; */
    /* background: rgba(218, 49, 64, 0.55); */
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
  }

  .ih-item.square .info {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }

  .ih-item:hover {
    text-decoration: none !important;
    -webkit-box-shadow: 0px 3px 25px -9px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 3px 25px -9px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 3px 25px -9px rgba(0, 0, 0, 0.22);
    border: solid 1px #fff;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
  }

  .port-box {
    width: 100%;
    position: relative;
    margin-bottom: 30px;
    float: left;
    /* height: 400px; */
    /* bottom: 0; */
  }

  .port-box img {
    width: 100%;
    float: left;
    /* height: 300px; */
  }

  .port-box h6 {
    text-align: center;
    background: #444242;
    width: 100%;
    font-weight: 700;
    font-size: 17px;
    float: left;
    color: #fff;
    padding: 20px;
  }

  .port-box h6:hover {
    background: #f36f27;
  }

  .numbers {
    /* float: right !important; */
    /* width: auto !important; */
    /* height: 64px !important; */
    /* margin-top: 24px !important; */
  }

  .pimg {
    width: 100%;
    object-fit: cover;
    /* padding: 20px; */
    height: 400px !important;
    /* border: 2px solid #f36f27; */
  }

  .overlay {
    position: relative;
    border-left: 5px solid #f36f27;
    border-top: 5px solid #f36f27;
    top: 0;
    width: 100%;
    z-index: 99999;
    padding: 42px;
    height: 400px;
    top: 0;
    left: 0;
    background: #0000007d;
  }

  .overlay {
    display: none;
  }

  .img:hover .overlay {
    display: block !important;
  }

  .port-box:hover {
    box-shadow: none;
  }

  .overlay h2 {
    position: absolute;
    text-align: center;
    top: 50%;
    left: 0;
    box-sizing: unset;
    text-decoration-line: none;
    height: 100%;
    text-decoration-style: none;
    width: 100%;
    color: #f36f27;
    text-decoration: none;
    font-size: 20px;
    bottom: 0;
  }

  .fresco .overlay h2:hover {
    text-decoration: none;
  }

  .head-quote:hover {
    background-color: #aa7e14;
    color: #fff !important;
  }

  .fh-form {
    border-bottom: 1px solid #b0aaaa;
    color: #272626;
    display: block;
    /* font-family: 'Palanquin-Regular'; */
    font-size: 13px;
    /* text-transform: uppercase; */
    height: 50px;
    margin-bottom: 15px !important;
    padding: 0 20px;
    outline: none;
    background: #ffffff;
    width: 100%;
    padding-left: 15px;
    border: none;
    transition: all 500ms ease;
    border: solid 1px rgba(0, 0, 0, 0.18);
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
    border-radius: 5px;
  }

  .error_msg {
    display: none;
    width: auto;
    float: left;
    padding: 5px 7px;
    font-size: 13px;
    line-height: 15px;
    background: #e31b23;
    color: #fff;
    font-weight: 300;
    text-align: left;
    position: absolute;
    bottom: -8px;
    left: 0;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    z-index: 10;
  }

  .light_form .iconInput input:not([type="submit"]),
  .light_form .iconInput textarea:focus {
    outline: none !important;
  }

  .location-text img {
    width: 50px;
  }

  .top {
    position: relative;
    float: left;
    margin-top: 0;
    width: 100%;
    bottom: 0;
    cursor: pointer;
  }

  .panel-12 .form-control:focus {
    border-bottom: 1px solid #310903 !important;
    outline: none !important;
    border: none;
    box-shadow: none;
  }

  .panel-12 .form-control::placeholder {
    font-size: 15px;
    color: #807a7a !important;
    font-weight: 500;
  }

  .panel-12 .form-control:focus::placeholder {
    color: #310903 !important;
  }

  .btn-center a:hover {
    text-decoration: none;
    background: #2ba649;
  }

  .submit-btn:hover {
    background: #b88c2b;
  }

  .verticaltexts {
    transform: rotate(-90deg);
    transform-origin: right, top;
    -ms-transform: rotate(-90deg);
    -ms-transform-origin: right, top;
    -webkit-transform: rotate(450deg);
    -webkit-transform-origin: right, top;
    position: absolute;
    bottom: 41%;
    right: -122px;
    text-transform: uppercase;
    color: #000;
    font-weight: 600;
    font-size: 12px;
  }

  .verticaltexts:hover {
    color: #000;
    text-decoration: none;
  }

  .investimg {
    width: 100%;
    float: left;
    margin-top: 50px;
  }

  .investimg img {
    width: 100%;
    border-radius: 5px;
    /* height: 471px; */
    width: 100%;
    float: left;
    /* object-fit: cover; */
  }

  .mrbot {
    margin-bottom: 50px;
  }

  .sec {
    width: 100%;
    float: left;
  }

  .left-area {
    width: 100%;
    height: 243px;
    position: relative;
    background: #f1f1f1;
    /* left: 61px; */
    right: -83px;
    top: 59px;
    z-index: 1;
    padding: 4% 37px;
    /* box-shadow: 10px 10px 21px -1px rgba(219,212,219,1); */
  }

  .cnct_section {
    width: 100%;
    float: left;
  }

  .cnct_section {
    width: 100%;
    float: left;
  }

  .mail {
    width: 100%;
    float: left;
    min-height: 500px;
    background: #301d0f;
    padding: 60px 5% 60px 5%;
  }

  .mail h2 {
    color: #fff;
    padding: 0 0 20px;
    font-size: 25px;
  }

  .contact_form {
    width: 100%;
    float: left;
    position: relative;
  }

  .field_area {
    width: 100%;
    float: left;
    position: relative;
    margin: 0 0 20px;
  }

  .field_area label {
    color: #fff;
  }

  .service-side {
    position: absolute;
    left: 48px;
    width: auto;
  }

  .field_area input[type="email"],
  .field_area input[type="number"],
  .field_area input[type="text"],
  .field_area textarea {
    width: 100%;
    float: left;
    position: relative;
    /* font-family: Montserrat,sans-serif; */
    font-size: 15px;
    color: #fff;
    line-height: 20px;
    margin: 0;
    padding: 10px 10px;
    background: 0 0;
    border: none;
    border-bottom: solid 1px rgba(255, 255, 255, 0.77);
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
  }

  .ct_sbt {
    border: 2px solid #fff;
    padding: 10px 30px;
    color: #fff;
    cursor: pointer;
    font-size: 13px;
    transition: all 0.5s;
  }

  .location_icons {
    float: left;
    width: 100%;
    text-align: center;
    text-align: -webkit-center;
    padding-bottom: 5px;
    text-align: -moz-center;
  }

  .location_icons img {
    display: block;
    max-width: 100%;
    height: auto;
  }

  .location_titel {
    float: left;
    width: 100%;
    color: #454545;
    font-weight: 700;
    padding-bottom: 11px;
    text-align: center;
    padding-top: 10px;
    text-transform: uppercase;
    font-size: 18px;
  }

  .location_address {
    float: left;
    width: 100%;
    font-size: 15px;
    color: #4c4a4a;
    text-align: center;
    line-height: 27px;
  }

  .field_area input[type="email"],
  .field_area input[type="number"],
  .field_area input[type="text"],
  .field_area textarea {
    width: 100%;
    float: left;
    /* position: relative; */
    font-size: 15px;
    color: #fff;
    line-height: 20px;
    margin: 0;
    padding: 10px 10px;
    background: 0 0;
    border: none;
    border-bottom: solid 1px rgba(255, 255, 255, 0.77);
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
  }

  .contact_head {
    margin-top: 10px;
  }

  .contact_head h4 {
    color: #131316;
    font-weight: 700;
    font-size: 25px;
  }

  .contact_head h3 {
    /* margin-top: 20px; */
    font-weight: 400;
    color: #131316;
    font-size: 15px;
    line-height: 29px;
  }

  .adddress {
    margin-top: 10px;
    float: left;
    width: 100%;
  }

  .address h1 {
    font-weight: 700;
    font-size: 20px;
    margin-top: 20px;
  }

  .address p {
    float: left;
    width: 100%;
    margin-top: 0;
    font-size: 14px;
    line-height: 28px;
    color: rgba(0, 0, 0, 0.87);
  }

  .whitebg {
    float: left;
    width: 100%;
    background: #fff;
    /* padding: 30px; */
    /* height: 555px; */
  }

  .whitebg h1 {
    float: left;
    width: 100%;
    font-size: 25px;
    font-weight: 100;
    color: #131316;
    line-height: 40px;
    text-align: left;
    padding-bottom: 30px;
  }

  .log_set {
    width: 100%;
    float: left;
    position: relative;
    padding: 0 0 17px;
    margin-bottom: 15px;
  }

  .log_set label {
    width: 100%;
    float: left;
    position: relative;
    font-size: 13px;
    font-weight: 400;
    color: #fff;
    line-height: 25px;
    margin: 0 0 5px;
    text-align: left;
  }

  .log_set input[type="text"],
  .log_set input[type="password"],
  .log_set input[type="mail"],
  .log_set input[type="email"],
  .log_set input[type="tel"],
  .log_set textarea,
  .log_set select {
    width: 100%;
    float: left;
    position: relative;
    height: 50px !important;
    border: none;
    padding: 10px 10px !important;
    font-size: 14px;
    line-height: 30px;
    color: #fff;
    font-weight: 300;
    /* border-radius: 4px; */
    -moz-border-radius: 4px;
    /* -webkit-border-radius: 4px; */
    border-radius: 4px;
    background: transparent;
    outline: none;
    border: solid 1px #fff;
    padding-left: 0px;
    padding-right: 0px;
  }

  .log_set_nav {
    float: left;
    height: 50px;
    text-align: center;
    color: #000;
    width: 180px;
    background: #ecc46d;
    border: none;
    margin-top: 10px;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    cursor: pointer;
    border: none !important;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
  }

  .log_set_nav:hover {
    background: #ba9441;
    cursor: pointer;
    text-decoration: none;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
  }

  .whitebg form {
    float: left;
    width: 100%;
  }

  .left-area h2 {
    width: 100%;
    float: left;
    font-size: 28px;
    color: #000;

    text-align: left;
    line-height: 35px;
  }

  .left-area p {
    width: 100%;
    float: left;
    text-align: left;
    font-size: 14px;

    line-height: 28px;
    color: #000;
    font-weight: normal;
  }

  .left-area h2 span {
    font-weight: bold;
  }

  .serv-img-sec {
    width: 100%;
    float: left;
  }

  .serv-img-sec img {
    width: 100%;
    float: left;
  }

  .detail-area {
    width: 100%;
    height: 233px;
    position: relative;
    background: #f1f1f1;
    left: -68px;
    top: 56px;
    padding: 4% 37px;
    /* box-shadow: 10px 10px 21px -1px rgba(219,212,219,1); */
  }

  .detail-area h2 {
    width: 100%;
    float: left;
    font-size: 28px;
    color: #000;

    text-align: left;
    line-height: 35px;
  }

  .detail-area p {
    width: 100%;
    float: left;
    text-align: left;
    font-size: 14px;

    line-height: 28px;
    color: #000;
    font-weight: normal;
  }

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

  .testi-logo {
    position: relative;

    top: 65px;

    width: 100%;

    float: left;
  }

  .service-text-new {
    position: relative;
    left: -81px;
    top: 39px;
  }

  .service .owl-stage-outer {
    overflow: inherit !important;
  }

  .extra-serv-new {
    position: absolute !important;
    top: 39px;
    width: 100% !important;
    height: 393px;
    right: 0;
    background: #fbfbfb;
  }

  .ft-detail {
    width: 100%;

    float: left;

    margin-top: 60px;
  }

  .ft-detail a {
    width: 100%;

    padding-bottom: 15px;

    font-size: 15px;

    float: left;

    color: #fff !important;
  }

  .ft-detail a:hover {
    color: #ca8a09;
    text-decoration: none;
  }

  .ft-detail p {
    float: left;

    font-size: 15px;

    color: #fff;

    font-weight: 400;
  }

  .service-text-new h2 {
    font-size: 26px;
    color: #131316;
    font-weight: 700;
  }

  .mb-20 {
    margin-bottom: 40px;
  }

  .serv-image-new {
    width: 100%;
    float: left;
    object-fit: cover;
    height: 433px;
  }

  .ftr-left {
    float: left;
  }

  .header-top-area {
    width: 100%;
    margin-top: 18px;
    margin-right: 1%;
    float: right;
  }

  .header-top-area a h6 {
    float: right;

    width: auto;

    color: #ededed;

    border-right: 1px solid #fff;

    font-size: 13px;

    padding: 0 10px;
  }

  .header-top-area a {
    float: right;

    /* position: relative; */

    /* top: -4px; */
  }

  .header-top-area a svg {
    margin: 0 8px;

    width: 20px;

    fill: #e0d9d9;

    position: relative;

    top: -5px;
  }

  .chairman {
    float: left;

    /* width: 100%; */

    margin-top: 15px;
  }

  .chairman img {
    width: 100%;
    float: left;
  }

  /***********************responsive****************/

  @media (min-width: 576px) {
    #get-quote .modal-dialog {
      max-width: 700px !important;
    }
  }

  @media (max-width: 600px) {
    .header-content h1 {
      font-size: 22px !important;
      line-height: 40px;
    }
  }

  @media (min-width: 768px) and (max-width: 1070px) {
    .branch-new-box .branch-name {
      width: 100% !important;
    }
  }

  @media (min-width: 320px) and (max-width: 410px) {
    .left-area {
      height: 318px;
    }

    .detail-area {
      min-height: 396px;
    }
  }

  @media (max-width: 575px) {
    .footerlast p span {
      display: none;
    }

    .cd-gallery li {
      width: 100%;
    }

    .header_logo img {
      max-width: 100%;
      height: 78px;
    }

    .footer p {
      margin-bottom: 0;
    }

    .innerban p {
      padding-right: 0 !important;
    }

    .client .owl-nav {
      z-index: 999;
      background: transparent;
      margin-top: 15px;
      /* display: none; */
      text-align: center;
      top: 0;
      position: relative;
      right: 0;
    }

    .slide .item .cover .header-content {
      margin-left: 32px;
    }

    /* .head-quote{
        display:none;
    }*/

    .slide {
      max-height: 600px;
    }

    .slide .owl-dots {
      display: none;
    }

    .request-info-box {
      width: 100%;
      margin-top: 20px;
    }

    .header_logo img {
      height: 54px;
      margin-top: 16px;
    }

    .client img {
      display: block;
      margin: auto;
    }
  }

  @media (max-width: 767px) {
    .slide .item .cover {
      padding: 0;
      top: -17px;
    }

    .service-side {
      display: none;
    }

    .service .owl-nav {
      display: none;
    }

    .view-serv {
      right: 24px;
    }

    .service-sec-image {
      width: 100%;
      margin-left: 0;
      padding-left: 0;
    }

    .panel-text-quote {
      left: 20px;
      top: 10px;
      left: 0;
      padding: 0 20px;
      width: 100%;
      font-size: 24px;
      float: left;
    }

    .testi-logo {
      width: auto;
      top: 0;
      margin: auto;
      display: block;
      float: none;
    }

    .panel-quote img {
      top: 18px;
    }

    .msg-box {
      display: none;
    }

    .hide-mob {
      display: none;
    }

    .ml-44 {
      margin-left: 0;
    }

    .ml-66 {
      margin-left: 0;
    }

    .service .owl-next {
      position: relative;
      top: -600px;
      background: #fbfbfb !important;
      left: 0;
    }

    .service .owl-prev {
      position: relative;
      top: -600px;
      background: #fbfbfb !important;
      left: 0;
    }

    .extra-serv {
      display: none;
    }

    .service-text {
      position: relative;
      left: 0;
      width: 100%;
      top: 75px;
      float: left;
      padding: 0 30px;
    }

    .cnts-paddings {
      padding-left: 0px !important;
      padding-right: 0px !important;
    }

    .detail-area {
      left: 0;
      top: 0;
    }

    .left-area {
      left: 0;
      top: 0;
    }

    .ban-text p {
      padding: 0;
    }

    .ban-text {
      padding-top: 147px;
    }

    .join-img {
      display: flex;
      float: left;
    }

    .quality-red {
      left: 0;
    }

    .invest-btn {
      float: left !important;
    }

    .close_form {
      right: -25px;
      top: -14px;
      z-index: 100;
    }

    .links a {
      width: 49%;
    }
  }

  @media (max-width: 991px) {
    .table {
      width: 100%;
    }

    .social-hd {
      display: none;
    }

    .form-pad {
      padding: 0;
    }

    .panel-12 .ryt-pad {
      padding-right: 15px;
    }

    .panel-12 .lft-pad {
      padding-left: 15px;
    }

    .btm-icon img {
      margin: 0;
    }

    .enquire {
      float: left;
      width: 100%;
      background: #000;
    }

    .panel-sec {
      display: none;
    }
  }

  @media (min-width: 768px) {
    .slide .item {
      /*height: 100vh;*/
      position: relative;
    }

    .view-mob {
      display: none;
    }
  }

  @media (min-width: 768px) and (max-width: 1199px) {
  }

  @media (min-width: 768px) and (max-width: 991px) {
    .ftr-logo img {
      height: auto;
    }

    .service-text-new {
      position: relative;
      left: -29px;
      top: 38px;
    }

    .extra-serv-new {
      position: absolute !important;
      top: -1px;
      width: 100% !important;
      height: 500px;
      right: 0;
      background: #fbfbfb;
    }

    .service-text-new h2 {
      font-size: 26px;
      color: #131316;
      font-weight: 700;
    }

    .service-text-new p {
      font-size: 13px !important;
      line-height: 27px !important;
      margin-top: 0 !important;
    }

    .service .owl-next {
      top: -165px;
      left: -356px;
    }

    .service .owl-prev {
      top: -165px;
      left: -354px;
    }

    .service-text {
      position: relative;
      left: -53px;
      top: 25px;
    }

    .service-text p {
      font-weight: 400;
      margin-top: 2px;
      color: #070707;
      font-size: 12px;
      line-height: 26px;
    }

    .extra-serv {
      top: 85px;
    }

    .start a {
      line-height: 25px;
    }

    .join-img {
      width: 100%;
      float: left;
    }

    .detail-area {
      padding: 4% 15px;
    }

    .left-area {
      padding: 4% 15px;
    }

    .detail-area p {
      font-size: 13px;
    }

    .left-area h2 {
      font-size: 24px;
    }

    .serv-img-sec img {
      width: 100%;
      float: left;
      height: 320px;
      object-fit: cover;
    }

    .main-off p {
      padding: 7px 0 0 25px;
    }

    .main-off h2 {
      margin: 5px 25px 0;
    }

    .quote-sec img {
      float: left;
      width: 70px;
    }

    .quote-sec h6 {
      font-size: 25px;
      font-weight: 100;
      float: left;
      padding-left: 30px;
      padding-top: 28px;
      line-height: 45px;
      width: auto;
    }

    .quote-sec {
      padding: 0;
    }
  }

  @media (min-width: 992px) and (max-width: 1024px) {
    .slide .item .slide-image {
      height: 452px;
    }

    .ban-text h2 {
      font-size: 25px;
    }

    .panel-call p {
      float: left;
      font-size: 10px;
      padding: 3px 0px;
    }

    .panel-call p {
      float: left;
      font-size: 10px;
      padding: 3px 0px;
    }
  }

  @media (min-width: 576px) and (max-width: 1127px) {
  }

  .slide-image {
    /* width: 100%; */
    /* height: 630px; */
    object-fit: cover;
  }

  .header-top-area a:hover svg {
    fill: #ffe200;
  }

  .sub-menu-1 {
    position: absolute;
    top: 58px;
    padding: 5px 20px;
    left: 0;
    right: 0;
    background-color: #222222;
    overflow: hidden;
    width: 210px;
    height: 0;
    transition: 0.5s ease;
    z-index: 6000;
  }

  .sub-menu-1 li {
    float: left;
    text-align: left;
    width: 100%;
    list-style: none;
    padding: 5px 0;
  }

  .sub-menu-1 li a:hover {
    text-decoration: none;
    color: #b88c2b;
  }

  .sub-menu-1 li a {
    font-size: 14px;
    color: #fff;
  }

  .sub-menu {
    position: relative;
  }

  .sub-menu:hover .sub-menu-1 {
    height: 135px;
  }

  .slide .item .cover {
    padding: 10px 60px;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 10px;
    left: 0;
    /* background: rgba(0, 0, 0, 0.6); */
    display: flex;
    align-items: center;
  }

  .slide .item .cover .header-content {
    position: relative;
    margin-top: 40px;
    margin-left: 50px;
    /* padding: 56px; */
    overflow: hidden;
  }

  .general-h2 {
    font-size: 22px;
    text-align: center;
    font-weight: 700;
    margin: 40px 0 0;
  }

  .mt-58px {
    margin-top: 58px;
    margin-bottom: 0px;
  }

  .aboutus {
    float: left;
    width: 100%;
    margin-bottom: 50px;
  }

  .aboutus h2 {
    color: rgba(0, 0, 0, 0.85);
    font-size: 43px;
    float: left;
    width: 100%;

    line-height: 56px;
  }

  .fs40 {
    font-size: 35px !important;
  }

  .txt-center {
    text-align: center;
  }

  .aboutus p {
    float: left;
    width: 100%;
    font-size: 14px;
    line-height: 33px;
    color: rgba(0, 0, 0, 0.84);
    padding-top: 9px;
    padding-left: 0px;
    padding-right: 0px;
  }

  .vmp {
    float: left !important;
    width: 100% !important;
    padding-left: 150px !important;
    padding-right: 150px !important;
    text-align: center;
  }

  .row-dis {
    display: inherit !important;
  }

  .service-details img {
    float: left;
    margin-right: 30px;
    margin-top: 15px;
  }

  .service-details img {
    float: left;
    width: 100%;
    margin-right: 30px;
    margin-top: 15px;
  }

  .service-details {
    float: left;
    width: 100%;
    font-size: 14px;
    line-height: 33px;
    color: rgba(0, 0, 0, 0.84);
    padding-top: 9px;
    padding-left: 0px;
    padding-right: 0px;
  }

  .mb-dk {
    width: 100%;
    height: 250px;
    object-fit: cover;
    margin-top: 20px;
    border-radius: 5px;
  }

  .we-deal {
    margin-bottom: 0;
    margin-top: 0px;
    background: #f2f2f2;
    padding-top: 50px;
    padding-bottom: 0px;
  }

  .h355 {
    /* height: 355px; */
  }

  .deal-bg {
    margin-bottom: 30px;
    background: white;
    border-radius: 5px;
    /* padding: 25px; */
    float: left;
    width: 100%;
    /*height: 295px;*/
  }

  .call-action {
    float: left;
    width: 100%;
    height: 275px;
    background-image: url(../images/scroll.jpeg);
    background-size: cover;
    text-align: center;
    margin-top: 0;
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed !important;
  }

  .call-bg {
    background-color: rgba(0, 0, 0, 0.88);
    height: 275px;
    padding-top: 72px;
    padding-bottom: 70px;
  }

  .call-bg h1 {
    float: left;
    font-size: 32px;
    color: white;
    width: 100%;
    margin-bottom: 45px;
  }

  .call-nav {
    /* float: left; */
    position: relative;
    font-size: 16px;
    color: #000;
    line-height: 20px;
    font-weight: 600;
    margin-top: 14px;
    padding: 20px 45px;
    background: #ffffff;
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.05);
    border: none;
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    cursor: pointer;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
    outline: none;
  }

  .deal-50 h1 {
    float: left;
    padding: 0 15px 5px;
    width: 100%;
    margin: 0;
    color: black;
    font-size: 20px !important;
    font-weight: bold;
    padding-top: 10px;
    padding-right: 0px;
    /* line-height: 25px; */
    letter-spacing: 1px;
  }

  .deal-bg img {
    width: 100%;
    object-fit: cover;
    height: 200px;
  }

  .call-nav:hover {
    background: #b88c2b !important;
    color: black !important;
    text-decoration: none !important;
  }

  .deal-50 p {
    float: left;
    padding: 0 15px;
    width: 100%;
    font-size: 14px;
    line-height: 30px;
    color: rgb(0 0 0 / 83%);
  }

  @media (max-width: 1999px) and (min-width: 426px) {
    .mb-ls {
      display: none !important;
    }
  }

  .slide .item .cover .header-content .line {
    /* content: ""; */
    /* display: inline-block; */
    /* width: 100%; */
    /* height: 100%; */
    /* left: 0; */
    /* top: 0; */
    /* position: absolute; */
    /* border: 9px solid #fff; */
    /* -webkit-clip-path: polygon(0 0, 60% 0, 36% 100%, 0 100%); */
    /* clip-path: polygon(0 0, 60% 0, 36% 100%, 0 100%); */
  }

  .slide .item .cover .header-content h2 {
    font-weight: 300;
    font-size: 35px;
    color: #fff;
  }

  .slide .item .cover .header-content h4 {
    font-size: 24px;
    font-weight: 300;
    line-height: 36px;
    color: #fff;
  }

  .slide .owl-item.active h1 {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeInDown;
    animation-delay: 0.3s;
  }

  .slide .owl-item.active h6 {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeInDown;
    animation-delay: 0.3s;
  }

  .slide .owl-item.active a {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeInDown;
    animation-delay: 0.3s;
  }

  .slide .owl-item.active p {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeInDown;
    animation-delay: 0.3s;
  }

  .slide .owl-item.active h2 {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeInDown;
    animation-delay: 0.3s;
  }

  .slide .owl-item.active h4 {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeInUp;
    animation-delay: 0.3s;
  }

  .slide .owl-item.active .line {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeInLeft;
    animation-delay: 0.3s;
  }

  .slide .owl-nav .owl-prev {
    position: absolute;
    left: 15px;
    top: 43%;
    opacity: 0;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    background: rgba(0, 0, 0, 0.5) !important;
    width: 40px;
    cursor: pointer;
    height: 40px;
    position: absolute;
    display: block;
    z-index: 1000;
    border-radius: 0;
  }

  .slide .owl-nav .owl-prev span {
    font-size: 1.6875rem;
    color: #fff;
  }

  .slide .owl-nav .owl-prev:focus {
    outline: 0;
  }

  .slide .owl-nav .owl-prev:hover {
    background: #000 !important;
  }

  .general-img {
  }

  .general-img img {
    width: 100%;
    float: left;
    border-radius: 5px;
  }

  .general-text {
    width: 100%;

    float: left;
  }

  .general-text h2 {
    font-size: 22px;

    font-weight: 700;

    margin: 0;
  }

  .general-text p {
  }

  .slide .owl-nav .owl-next {
    position: absolute;
    right: 15px;
    top: 43%;
    opacity: 0;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    background: rgba(0, 0, 0, 0.5) !important;
    width: 40px;
    cursor: pointer;
    height: 40px;
    position: absolute;
    display: block;
    z-index: 1000;
    border-radius: 0;
  }

  .slide .owl-nav .owl-next span {
    font-size: 1.6875rem;
    color: #fff;
  }

  .slide .owl-nav .owl-next:focus {
    outline: 0;
  }

  .slide .owl-nav .owl-next:hover {
    background: #000 !important;
  }

  .header_menu_area {
    /* width: 100%; */
    float: right;
    /* top: 56px; */
    /* position: absolute; */
    z-index: 9;
    text-align: center;
  }

  .header_menu_area > .mob_nav {
    display: none;
  }

  .header_menu_area > ul {
    width: auto;
    display: inline-block;
    margin-top: 15px;
    /* padding: 0 4%; */
    float: right;
    background: transparent;
  }

  .header_menu_area > ul > li {
    width: auto;
    display: inline-block;
    vertical-align: middle;
  }

  .header_menu_area > ul > li > a {
    width: auto;
    float: left;
    border-bottom: 3px solid transparent;
    text-decoration: none;
    position: relative;
    font-size: 14px;
    font-weight: 400;
    /* font-family: 'Josefin Sans', sans-serif; */
    /* margin-top: 20px; */
    color: #fff;
    /* line-height: 66px; */
    /* text-transform: uppercase; */
    padding: 16px 3px 3px;
    /* text-transform: uppercase; */
    letter-spacing: 0px !important;
    /*padding: 44px 23px;*/
    margin: 0 19px 37px;
    z-index: 1;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
  }

  .client .owl-nav button img:hover {
    filter: brightness(11);
  }

  .active-class {
    border-radius: 2px;
    /* background: #1C1413; */
    color: #ffe200 !important;
    /* border-top: 2px solid #fff; */
    border-bottom: 3px solid #ffe200;
  }

  .header_menu_area > ul > li > a:hover {
    color: #ffe200;
    border-bottom: 3px solid #ffe200;
    /* background: #1c1413; */
    /* border-top: 2px solid #fff; */
  }

  .slide {
    /* margin-top: 109px; */
  }

  .header_menu_area > ul > li > a::after {
    content: "";
    position: absolute;
    width: 100%;
    /* border-bottom: 2px solid #fff; */
    height: 0px;
    /* background: #1c1413; */
    left: 0;
    bottom: -1px;
    z-index: -1;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
  }

  .header_menu_area > ul > li > a:hover::after {
    height: 100%;
  }

  @media (max-width: 992px) {
    .sub-menu-1 {
      width: 100%;
    }

    .head-quote {
      color: #fff !important;
      background: #a3238e;
      padding: 10px 17px 10px !important;
    }

    .header_menu_area {
      position: inherit;
    }

    .header_menu_area > .mob_nav {
      display: block;
      float: right;
      width: 28px;
      height: 28px;
      margin: 22px 10px;
      cursor: pointer;
      transform: rotate(0);
      -ms-transform: rotate(0);
      -webkit-transform: rotate(0);
      transition: all ease-in-out 0.5s;
      -o-transition: all ease-in-out 0.5s;
      -ms-transition: all ease-in-out 0.5s;
      -moz-transition: all ease-in-out 0.5s;
      -webkit-transition: all ease-in-out 0.5s;
    }

    .header_menu_area > .mob_nav > div {
      background: #ba8f17;
      border-radius: 30px;
      -moz-border-radius: 30px;
      -webkit-border-radius: 30px;
      display: block;
      height: 3px;
      left: 0;
      position: absolute;
      transform: rotate(0);
      -ms-transform: rotate(0);
      -webkit-transform: rotate(0);
      transition: all ease-in-out 0.5s;
      -o-transition: all ease-in-out 0.5s;
      -ms-transition: all ease-in-out 0.5s;
      -moz-transition: all ease-in-out 0.5s;
      -webkit-transition: all ease-in-out 0.5s;
      width: 100%;
    }

    .header_menu_area > .mob_nav > div:nth-child(1) {
      top: 2px;
    }

    .header_menu_area > .mob_nav > div:nth-child(2),
    .header_menu_area > .mob_nav > div:nth-child(3) {
      top: 13px;
    }

    .header_menu_area > .mob_nav > div:nth-child(4) {
      top: 23px;
    }

    .mob_nav.open > div:nth-child(1),
    .mob_nav.open > div:nth-child(4) {
      left: 50%;
      top: 18px;
      width: 0%;
    }

    .mob_nav.open > div:nth-child(2) {
      background: #b69252;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
    }

    .mob_nav.open > div:nth-child(3) {
      background: #ad8c51;
      -webkit-transform: rotate(-45deg);
      /* transform: rotate(-45deg); */
      -ms-transform: rotate(-45deg);
      -webkit-transform: rotate(-45deg);
    }

    .header_menu_area > ul {
      width: 100%;
      position: absolute;
      top: 100%;
      left: 0;
      background: #a3238e;
      padding: 20px 0px !important;
      min-height: 100vh;
      visibility: hidden;
      opacity: 0;
      z-index: -1;
      transition: all ease-in-out 0.5s;
      -o-transition: all ease-in-out 0.5s;
      -ms-transition: all ease-in-out 0.5s;
      -moz-transition: all ease-in-out 0.5s;
      -webkit-transition: all ease-in-out 0.5s;
    }

    .header_menu_area > ul > li {
      width: 100%;
    }

    .header_menu_area > ul > li > a {
      color: #fff !important;
      width: 100%;
      line-height: 30px;
      background: #222222;
      margin: 0;
      padding: 10px 5%;
      text-align: left;
      border-bottom: solid 1px rgb(173 139 79 / 58%);
    }

    .header_menu_area > ul > li > a::after {
      width: 0px;
      height: 100%;
      background: #ee7325;
    }

    .header_menu_area > ul > li > a:hover::after {
      width: 4px;
    }

    .header_menu_area ul.view {
      visibility: visible !important;
      opacity: 1;
      background: #222222;
      z-index: 100;
      display: block !important;
    }

    .header_user_area {
      right: calc(5% + 70px);
    }
  }

  @media (max-width: 500px) {
    .header_user_area {
      right: calc(5% + 55px);
    }

    .header_user_area .header_user {
      padding: 23px 18px 23px 0px;
    }

    .header_user_area .header_user > img {
      width: 30px;
      height: 30px;
    }

    .header_user_area .header_user > span {
      display: none;
    }

    .header_user_area > .header_login {
      margin: 0 5px 0 0;
    }
  }

  .header_menu_area > ul li ul.submenu {
    display: none;
    opacity: 0;
    margin-top: 10px;
    visibility: hidden;
    position: absolute;
    width: 210px;
    height: auto;
    overflow: hidden;
    background: #fff;
    margin-left: 25px !important;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
    transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
  }

  .main_header_block {
    width: 100%;
    float: left;
  }

  .header_logo {
    width: auto;
    float: left;
    z-index: 9999;
    position: relative;
    /* margin-top: -54px; */
  }

  .contact_full {
    width: 100%;
    float: left;
    margin-top: 60px;
  }

  .review-box h6:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    background: url("../images/quote.png");
  }

  .icon_box_05.ib5_left {
    padding-top: 0;
    padding-left: 59px;
    text-align: left;
    margin-bottom: 30px;
  }

  .icon_box_05 {
    position: relative;
    padding-top: 59px;
    text-align: center;
  }

  .icon_box_05.ib5_left i {
    left: 0;
    top: 0;
    bottom: 0;
    right: auto;
    margin: auto 0;
  }

  .icon_box_05 i {
    width: 120px;
    height: 120px;
    border: 1px solid #ecebff;
    color: #ffffff;
    text-align: center;
    line-height: 118px;
    border-radius: 50%;
    background: #a3238e;
    font-size: 36px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin: 0 auto;
  }

  .icon_box_05.ib5_left .ib5_inner {
    padding: 29px 20px 21px 90px;
  }

  .ib5_inner {
    border: 1px solid #ecebff;
    padding: 100px 25px 32px;
    background: #fbfbfb;
  }

  .ib5_inner h3 {
    font-size: 19px;
    line-height: 0.8;
    letter-spacing: -0.52px;
    text-transform: uppercase;
    margin: 0 0 26px;
  }

  .ib5_inner p {
    font-size: 14px;
    line-height: 26px;
    color: #959ba9;
    letter-spacing: 0;
    word-break: break-all;
    margin: 0 0 17px;
  }

  .ib5_inner > a {
    font-size: 14px;
    display: inline-block;
    line-height: 0.8;
    color: #a3238e;
    font-weight: 500;
    text-transform: capitolize;
  }

  .sub_title.dark_sub_title {
    color: #a3238e;
    font-weight: 600;
  }

  .sub_title {
    font-size: 16px;
    color: #c3c8d4;
    letter-spacing: 0;
    text-transform: uppercase;
    font-weight: 500;
    margin: 0 0 20px;
    line-height: 0.8;
  }

  .sec_title span {
    font-size: 39px;
    margin-bottom: 16px;
    float: left;
  }

  .cotactForm {
    position: relative;
  }

  .iconInput {
    position: relative;
    margin-bottom: 20px;
  }

  .light_form .iconInput input:not([type="submit"]),
  .light_form .iconInput textarea {
    font-weight: 400;
    font-size: 13px;
    color: #959ba9;
    border-color: #ecebff;
    margin-bottom: 30px;
  }

  .iconInput input:not([type="submit"]),
  .iconInput textarea {
    padding: 0 0 0 50px;
    background: transparent;
    border: none;
    border-bottom: 2px solid #5b6c90;
    display: block;
    width: 100%;
    color: #8b97b1;
    font-weight: 600;
    letter-spacing: 0;
    height: 57px;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms;
  }

  .header_logo img {
    max-width: 100%;
    /* height: auto; */
    display: block;
    /* margin-top: 12px; */
    float: left;
  }

  .slider_block {
    width: 100%;
    float: left;
    padding: 0;
    position: relative;
  }

  .ban1 {
    width: 100%;
    float: left;
    background: url("../images/slider1.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 655px;
    background-position: 100%;
  }

  .ban2 {
    width: 100%;
    float: left;
    background: url("../images/slider1.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 655px;
    background-position: 100%;
  }

  .header_block {
    width: 100%;
    height: 110px;
    float: left;
    position: absolute;
    left: 0;
    top: 0;
    padding: 0 4% 0 8%;
    z-index: 1000;
    background: transparent;
  }

  .view-serv {
    border: 1px solid #222222;
    border-radius: 50%;
    height: 47px;
    /* margin-top: 20px; */
    position: relative;
    bottom: 7px;
    z-index: 1000;
    width: 47px;
    color: #fff;
    float: left;
    background-color: #222222;
    left: 21px;
  }

  .view-serv:hover {
    border: 1px solid #b88c2b;
    background-color: #b88c2b;
  }

  .view-serv svg {
    padding: 12px 10px;
    width: 46px;
  }

  .enquire {
    background-color: #f36f27;
    color: #fff;
    margin-top: 20px;
    width: 144px;
    float: right;
    font-size: 14px;
    font-weight: 600;
    padding: 10px 25px 12px;
    border-radius: 5px;
  }

  .enquire:hover {
    text-decoration: none;
    color: #fff;
    background-color: #000;
  }

  .slider_block .owl-nav {
    display: none;
  }

  .slider_block .owl-dots {
    display: none;
  }

  .services_full {
    width: 100%;

    float: left;

    /* box-shadow: -1px 0 4px rgba(0, 0, 0, 0.15); */

    background: rgb(244 244 244 / 39%);

    /* margin-bottom: 20px*/

    /* margin-bottom: 20px; */

    padding-bottom: 30px;
  }

  .services_full img {
    width: 100%;

    height: 200px;

    float: left;

    object-fit: cover;

    margin-bottom: 14px;
  }

  .services_full h2 {
    font-size: 20px;

    float: left;

    width: 100%;

    margin: 0;

    padding: 10px 15px 0;

    /* font-weight: 700; */

    letter-spacing: 1px;
  }

  .services_full p {
    margin: 0 !important;

    padding: 10px 15px !important;

    line-height: 28px !important;
  }

  .service .owl-nav img {
    width: 29px;
    opacity: 0.7;
    filter: brightness(11);
  }

  .ban-text {
    padding-top: 235px;
    width: 100%;
    float: left;
  }

  .service-sec {
    width: 100%;
    float: left;
    position: relative;
    margin: 70px 0 15px;
  }

  .view-serv2 {
    border: 1px solid #ded83a;
    border-radius: 50%;
    height: 47px;
    /* margin-top: 20px; */
    position: absolute;
    bottom: -16px;
    width: 47px;
    color: #fff;
    float: left;
    background-color: #ded83a;
    left: 30px;
  }

  .view-serv2:hover {
    border: 1px solid #f8901f;
    background-color: #f8901f;
  }

  .view-serv2 svg {
    transform: rotate(180deg);
    padding: 12px 10px;
    width: 46px;
  }

  .service-sec-image {
    position: relative;
    height: 435px;
    margin-left: 17px;
    padding-left: 13px;
    /* width: 100%; */
    object-fit: cover;
    /* border-radius: 6px; */
  }

  .service-border {
    margin-left: 25px;

    float: left;

    width: auto;

    margin-bottom: 20px;
  }

  .service-sec h2 {
    font-size: 25px;

    margin-left: 25px;

    color: #131316;

    margin-top: 15px;

    font-weight: 400;
  }

  .service-sec h1 {
    font-size: 25px;

    color: #131316;

    font-weight: 700;

    margin-left: 25px;
  }

  .service-sec p {
    margin-left: 25px;

    font-size: 14px;

    float: left;

    line-height: 28px;

    color: #070707;

    margin-bottom: 0;

    padding: 5px 0;
  }

  .ban-text h1 {
    font-size: 37px;

    /* font-family: 'Oswald'; */
    position: relative;
    color: #fff !important;
    font-weight: 400;
  }

  .ban-text h1 span {
    font-weight: 700;
  }

  .abt-icons {
    position: absolute;
    /* border: 1px solid #ccc; */
    top: -22px;
    right: 15px;
    /* box-shadow: 0px 1px 0px 1px #eae4e4; */
    z-index: 99;
    padding-top: 9px;
    width: 47px;
    font-weight: 700;
    font-size: 21px;
    height: 47px;
    border-radius: 50%;
    text-align: center;
    background: #fff;
  }

  .header-content h6 {
    font-size: 48px;
    line-height: 75px;
    color: #fff;
    font-weight: lighter;
  }

  .abt-icons svg {
    margin: 12px 10px;
    width: 26px;
    fill: #310903;
    height: 24px;
  }

  .view-abt svg {
    padding: 12px 10px;
    width: 39px;
  }

  .view-abt:hover {
    border: 1px solid #222222;
    background-color: #222222;
  }

  .ban-text h1:after {
    /* position: absolute; */
    /* content: ''; */
    height: 2px;
    top: 8px;
    left: 192px;
    width: 57px;
    background-color: #ed2424;
  }

  .panel-text-quote {
    font-size: 30px;
    color: #8b8b8c;
    top: 0;
    position: relative;
    left: 130px;
    left: 120px;
  }

  .pro-overlay h5:after {
    position: absolute;
    content: "";
    height: 2px;
    top: 8px;
    left: 145px;
    width: 16px;
    background-color: #fff;
  }

  .panel-quote img {
    position: relative;
    top: 63px;
  }

  .conatct-ad-sec {
    width: 100%;
    float: left;
    margin-top: 35px;
    margin-bottom: 40px;
  }

  .location-text {
    float: left;
    width: 100%;
    text-align: center;
    text-align: -webkit-center;
    padding-bottom: 5px;
    text-align: -moz-center;
  }

  .location_titel {
    float: left;
    width: 100%;
    color: #000;
    font-weight: 700;
    padding-bottom: 11px;
    font-weight: 600;
    text-align: center;
    padding-top: 10px;
    text-transform: uppercase;
    font-size: 17px;
    /* letter-spacing: -1px; */
  }

  .slide .owl-theme .owl-dots .owl-dot:focus {
    outline: none !important;
  }

  .location_address {
    float: left;
    width: 100%;
    font-size: 15px;
    color: #000;
    font-weight: 500;
    text-align: center;
    line-height: 27px;
  }

  .ban-text h2 span {
    color: #2ba649;
    font-weight: 700;
  }

  .abt-icons:hover {
    background-color: #ded83a;
  }

  .abt-icons:hover svg {
    fill: #fff;
  }

  .ban-text p {
    float: left;
    width: 100%;
    font-size: 14px;
    line-height: 25px;
    padding: 6px 92px 0 0;
    font-weight: 400;

    color: #000;
  }

  .ban-text h2 {
    color: #000;

    font-size: 45px;
    line-height: 58px;
    padding-top: 0;
    font-weight: lighter;
  }

  .close_form {
    display: block;
    position: absolute;
    width: 40px;
    height: 40px;
    right: -50px;
    top: -35px;
    background: transparent url(../images/close.svg) no-repeat center center;
    background-size: 20px 20px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    border: none;
    cursor: pointer;
  }

  .ftr-right {
    width: 100%;
    float: left;
    padding: 73px 20px 0;
  }

  .ftr-right p {
    color: #fff;
    font-size: 19px;
    position: relative;
    font-weight: 400;
    padding: 1px 101px 47px 0;
    border-bottom: 1px solid #0f1119;
  }

  .vm .owl-theme .owl-dots,
  .owl-theme .owl-nav {
    text-align: left;
  }

  .vm .owl-theme .owl-dots .owl-dot {
    display: inline-block;
    z-index: 999;
    cursor: pointer;
    zoom: 1;
    background: transparent;
    text-align: center;
    border: none;
    top: -131px;
    left: 119px;
    position: relative;
  }

  .vm .owl-theme .owl-dots .owl-dot span {
    position: relative;
    z-index: 99;
    width: 10px;
    cursor: pointer;
    height: 10px;
    margin: 5px 0px;
    border: 2px solid #e42e24;
    background: #e42e24 !important;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity 0.2s ease;
    border-radius: 30px;
  }

  .vm .owl-theme .owl-dots .owl-dot.active span,
  .owl-theme .owl-dots .owl-dot:hover span {
    background: #f37321 !important;
    border: none;
  }

  .explore {
    background: transparent;
    color: #000;
    margin-top: 15px;
    float: left;

    /* height: 48px; */
    border-left: 2px solid #ed2424;
    border-bottom: 2px solid #ed2424;
    text-align: center;
    /* width: 143px; */
    /* border-radius: 4px; */
    font-weight: bold;
    font-size: 13px;
    padding: 0 13px 9px;
  }

  .social-hd {
    float: right;
    margin: 35px 20px;
  }

  .social-hd a {
    width: auto;
    margin: 3px 5px;
    float: right;
  }

  .social-hd a svg:hover {
    fill: #a3238e;
  }

  .quality-red a:hover {
    text-decoration: none;
    color: #fff;
  }

  .explore:hover {
    background-color: transparent;
    text-decoration: none;
    color: #fff;
  }

  .invest-btn:hover {
    text-decoration: none;
    background: #fa3b3b !important;
    color: #fff !important;
  }

  .link-ftr {
    width: 100%;
    float: left;
    text-align: center;
    padding: 30px 0;
  }

  .extra-serv {
    position: absolute !important;
    top: 104px;
    width: 100% !important;
    height: 405px;
    right: 0;
    background: #fbfbfb;
  }

  .serv-image {
    height: 582px;
    width: 100%;
    float: left;
  }

  .link-ftr a {
    color: #fff;
    opacity: 0.7;
    font-size: 12px;

    padding: 0 10px;
  }

  .panel-div {
    float: left;
    width: 100%;
    background: url("../images/join-team.jpg");
    min-height: 196px;
    background-size: cover;
    margin: 100px 0 30px;
    padding: 47px 0;
    background-color: white;
  }

  .quality-red a:after {
    position: absolute;
    content: "";
    width: 15px;
    bottom: 9px;
    left: 83px;
    height: 2px;
    background: #fff;
  }

  .inv-left {
    width: 100%;
    float: left;
  }

  .career-box {
    margin-bottom: 20px;
    background: #fff;
    padding: 25px !important;
    box-shadow: -1px 0 4px rgba(0, 0, 0, 0.15);
  }

  .inv-left h2 {
    font-size: 35px;
    color: #fff;
    font-weight: bold;
  }

  .inv-left p {
    font-size: 14px;
    color: #fff;
  }

  .join-img {
    /* float: left; */
    margin: 12px auto;
    display: block;
    /* margin-top: 12px; */
  }

  .invest-btn {
    background: #fff !important;
    color: #000 !important;

    width: 180px !important;
    font-size: 13px !important;
    float: right !important;
    margin: 20px 0 !important;
    font-weight: bold !important;
    height: 50px !important;
    text-align: center !important;
    padding: 16px 0 !important;
    border: none !important;
  }

  .mission-sec {
    width: 100%;
    float: left;
    text-align: center;
  }

  .panel-call {
    padding: 38px 0;
    border-right: 1px solid #ccc;
    text-align: center;
    float: left;
    width: 100%;
  }

  .panel-call img {
    float: left;
  }

  .panel-call p {
    float: left;
    font-size: 12px;
    padding: 3px 5px;
    font-weight: 600;
    margin-bottom: 0;
    color: #444141;
  }

  .panel-icons-rt {
    width: 100%;
    float: left;
  }

  .panel-icons-rt a img {
    margin: 0 20px;
  }

  .iconInput i {
    position: absolute;
    /* left: 20px; */
    top: 0;
    font-size: 14px;
    letter-spacing: -0.42px;
    color: #a3238e;
    height: 57px;
    line-height: 57px;
  }

  .service .owl-nav {
    float: left;
    width: 100%;
    text-align: center;
  }

  .service .owl-next {
    position: relative;
    /* top: -111px; */
    padding: 4px 0px;
    background: transparent;
    /* left: -464px; */
  }

  .service .owl-prev {
    position: relative;
    padding: 4px 0px;
    /* top: -111px; */
    background: transparent;
    /* left: -453px; */
  }

  .panel-icons-rt a {
    padding-top: 31px;
    float: left;
  }

  .dot {
    /* padding-top: 50px; */
    /* float: left; */
  }

  .bg-orange {
    background: #f36f27;
    padding: 25px 0 !important;
    float: right !important;
  }

  .panel-bar .col-md-6 {
    padding-right: 0;
  }

  .panel-form {
    width: 240px;
    float: left;
    min-height: 460px;
    top: -193px;
    z-index: 200;
    padding: 20px 15px;
    position: absolute;
    background-color: #7d7a7b;
  }

  .panel-form h2 {
    font-size: 20px;
    line-height: 28px;
    font-weight: 100;
    color: #fff;
  }

  .input-set {
    width: 100%;
    float: left;
    margin: 10px 0;
  }

  .input-set input {
    background: transparent;
    border: 1px solid #ccc;
    font-size: 300;
    color: #fff;
    padding: 8px 10px;
  }

  .panel-form p {
    font-size: 13px;
    color: #fff;
    float: left;
    line-height: 24px;
    font-weight: 300;
    padding: 5px 3px 5px 0;
  }

  .panel-form button {
    background: #b5b3b4;
    border: none;
    text-align: center;
    margin: auto;
    display: block;
    font-size: 14px;
    color: #000;
    cursor: pointer;
    padding: 10px 20px;
  }

  .panel-form button:hover {
    background-color: #f36f27;
    color: #fff;
  }

  .view-abt {
    /* border: 1px solid #fff; */
    border-radius: 50%;
    height: 40px;
    width: 40px;
    color: #fff;
    background: #b88c2b;
    float: left;
    text-transform: uppercase;
  }

  .contact-snd {
    text-transform: uppercase;
    /* border-radius: 100px; */
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 20px;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    /* letter-spacing: 1.8px; */
    width: 100%;
    /* border-radius: 5px; */
    text-align: center;
    padding: 15px 42px;
    border: none;
    background: #000;
    color: #fff;
    float: right;
    margin-top: 11px;
    /*    border: solid 2px #a3238e;
*/
    cursor: pointer;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
  }

  .contact-snd:hover {
    background-color: #b88c2b;
  }

  .investimg-new img {
    width: 100%;
    border-radius: 5px;
    height: 471px;
    width: 100%;
    float: left;
    object-fit: cover;
  }

  .investimg-new {
    width: 100%;
    float: left;
    margin-top: 0px !important;
  }

  .ftr-logo img {
    height: 200px;
    float: left;
    width: 100%;
  }

  .ftr-logo {
    width: 100%;
  }
}

.request-info-box {
  background: #232323;

  width: 95%;

  float: right;

  padding: 50px 30px;

  /* margin-left: 26px; */
}

.request-info-box h2 {
  padding-top: 0;

  padding-left: 10px;

  font-size: 30px;

  padding-bottom: 30px;

  font-weight: 400;

  color: #fff;
}

.service .owl-next:hover {
  /* background-color: #310903; */
}

.service .owl-prev:hover {
  /* background-color: #310903; */
}

.service .owl-next:hover img {
  filter: brightness(11);
}

.pro-img {
  margin-bottom: 30px;
  position: relative;
  overflow: hidden;
  width: 100%;
  border-top-right-radius: 0;
  float: left;
}

.pro-img img {
  position: relative;
  border-top-right-radius: 0;
  width: 100%;
  float: left;
  border-top-left-radius: 0;
  /* height: 250px; */
  transition: all ease-in-out 0.5s;
  object-fit: cover;
}

.pro-img img:hover {
  /* transform: scale(1.5); */
}

.pro-img h6 {
  font-size: 16px;
  font-weight: 600;
  float: left;
  color: #ffffff;
  text-align: center;
  /* margin-top: -60px; */
  background: rgba(0, 0, 0, 0.69);
  position: absolute;
  z-index: 111;
  left: 0;
  padding: 14px;
  width: 100%;
  bottom: -8px;
}

.modal-content {
  border-radius: 0 !important;
}

.modal-img {
  width: 100% !important;
  height: 186px !important;
  object-fit: cover;
}

.free_consult {
  z-index: 999;
  text-align: center;
  color: #fff;
  font-size: 20px;
  width: 100%;
  position: relative;
  bottom: 110px;
}

.modal-heads {
  font-size: 18px;
  margin-top: 0px;
  color: #ffffff;
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding-top: 13px;
  background: #aa7e14;
  padding-bottom: 13px;
}

.modal-frm input {
  width: 100%;
  padding: 10px 0px 10px 0px;
  outline: none;
  border: none;
  font-size: 13px;
  border: 1px solid #eee;
  margin-top: 20px;
  padding: 10px;
  height: 52px;
}

.modal-frm textarea {
  width: 100%;
  padding: 10px 0px 10px 0px;
  outline: none;
  border: none;
  font-size: 14px;
  border-bottom: 1px solid #eee;
  resize: none;
  margin-top: 20px;
  border: 1px solid #eee;
  margin-top: 20px;
  padding: 10px;
}

.modal-img {
  width: 100% !important;
  height: 186px !important;
  object-fit: cover;
  float: left;
  left: -1px;
  position: relative;
  top: -1px;
}

.close {
  position: absolute;
  right: -30px;
  top: 15px;
  width: 35px;
  height: 35px;
  background: rgba(0, 0, 0, 0.4);
  margin: 20px;
  cursor: pointer;
  padding: 5px;
}

.close:after,
.close:before {
  content: "";
  position: absolute;
  top: 25%;
  left: -288px;
  width: 1.5px;
  height: 65%;
  background: #e4e4e4;
}

.close:after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.close:before {
  transform: translate(-50%, -50%) rotate(45deg);
}

.modal-submit {
  padding: 14px 23px 10px 20px;
  /* float: left; */
  margin: 5px auto 24px;
  display: block;
  width: 170px !important;
  height: 47px;
  cursor: pointer;
  font-size: 13px;
  font-weight: 500;
  color: #fff;
  background: #222222;
  text-transform: uppercase;
  letter-spacing: 1px;
  border-radius: 30px;
}

.modal-submit:hover {
  background-color: #b88c2b;
}

.mt-80 {
  margin-top: 80px;
}

.pro-overlay {
  /* position: absolute; */
  /* height: 100%; */
  /* padding: 100px 51px; */
  /* width: 100%; */
  /* background-color: #ed3231e8; */
  /* left:0; */
  /* top: 0; */
  /* display: none; */
}

.pro-overlay h2 {
  font-size: 26px;
  color: #fff;
  font-weight: 500;
}

.pro-overlay h6 {
  font-size: 14px;
  font-weight: 400;
  padding-top: 16px;
  color: #fff;
  float: left;
  line-height: 25px;
}

.pro-overlay h5 {
  font-size: 14px;
  width: 100%;
  text-align: center;
  color: #fff;
  float: left;
  position: relative;
  margin-top: 20px;
}

.msg-box {
  width: 327px;
  height: auto;
  margin-top: -618px;
  z-index: 99;
  float: right;
  position: relative;
  /* background: #ffffff00; */
  right: 90px;
}

.msg-box .heads {
  width: 100%;
  padding: 12px 25px;
  float: left;
  background: #0d0d0c;
  /* height: 94px; */
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}

.msg-box .heads h2 {
  margin-bottom: 0;
  width: 100%;
  float: left;
  text-align: center;
  font-size: 18px;
  /* line-height: 24px; */
  color: #ffffff;
}

.msg-box .bodys {
  width: 100%;
  float: left;
  background: #ffffff;
  border-bottom-right-radius: 5px;
  /* height: 248px; */
  border-bottom-left-radius: 5px;
}

.form-area1 {
  width: 100%;
  float: left;
  padding: 10px 20px;
  padding: 10px 25px;
}

.form_div {
  border-bottom: 1px solid #b0aaaa;
  color: #272626;
  display: block;
  font-size: 13px;
  height: 42px;
  margin-bottom: 10px !important;
  padding: 0 20px;
  outline: none;
  background: #ffffff;
  width: 100%;
  padding-left: 0px;
  border: none;
  transition: all 500ms ease;
  border-bottom: solid 1px #e3e3e3;
  padding: 15px;
  border-radius: 5px;
  padding-top: 9px;
  float: left;
  width: 100%;
}

.titel_normal {
  /* height: 100%; */
  line-height: 26px;
  /* top: 151px; */
  position: absolute;
  width: 35px;
  /* padding-left: 8px; */
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-size: 5px;
  color: rgba(0, 0, 0, 0.88);
  text-transform: uppercase;
  border-right: solid 1px #e3e3e3;
}

/*.banner img{
  width: 100%;
  float: left;
}*/

.normal_form {
  /*color: #272626;*/
  display: block;
  font-size: 12px;
  /* height: 52px; */
  color: #18191b96;
  /* margin-bottom: 30px !important; */
  outline: none;
  background: rgba(255, 255, 255, 0);
  width: 88%;
  padding-left: 0px;
  border: none;
  transition: all 500ms ease;
  padding: 15px;
  float: left;
  /* width: 50%; */
  left: 47px;
  position: relative;
  padding: 0px;
  /* padding-left: 17px; */
  padding-top: 8px;
}

.form-bot {
  width: 100%;
  float: left;
}

.form-boto-st {
  width: 100%;
  float: left;
  background: #18191b;
  color: #fff;
  border: none;
  height: 40px;
  border-radius: 5px;
  margin-top: 15px;
  transition: all ease-in-out 0.5s;
  -o-transition: all ease-in-out 0.5s;
  -ms-transition: all ease-in-out 0.5s;
  -moz-transition: all ease-in-out 0.5s;
  -webkit-transition: all ease-in-out 0.5s;
}

.form-boto-st:hover {
  background: #a3238e;
  cursor: pointer;
}

.form-boto-st:focus,
active {
  outline: none;
}

.panel-12 .form-control {
  border-radius: unset;
  border: unset;
  border-bottom: 1px solid #888686a8;
  padding: 0;
  box-shadow: none;
  height: 45px;
}

.panel-12 .lft-pad {
  /* padding-left: 55px; */
  margin-bottom: 35px;
}

.panel-12 .margin-bot {
  margin-bottom: 35px;
  float: left;
}

.client .owl-nav button {
  background-color: transparent;
  border: none;
}

.client .owl-nav button img {
  /* filter: brightness(.5); */
  /* width: 40px; */
}

.client .owl-nav button:focus {
  outline: none !important;
}

.service-text-full {
  position: relative;

  width: 100%;

  float: left;

  background: #fbfbfb;

  padding: 30px 20px;

  box-shadow: 0px 1px 4px rgb(0 0 0 / 5%);
}

.service-text-full h3 {
  font-size: 18px;

  font-weight: 700;
}

.service-text-full p {
  font-size: 14px;

  text-align: left;

  margin: 0;
}

.btn-center {
  text-align: -webkit-center;
  width: 100%;
  float: left;
}

.submit-btn {
  text-align: center;
  width: 163px;
  height: 47px;
  background-color: #222222;
  display: flex;
  color: #fff;
  cursor: pointer;
  /* border-radius: 25px; */
  margin-top: 25px;
  float: left;
  border: 0;
}

.submit-btn span {
  margin: auto;
  font-size: 15px;
  text-transform: uppercase;
}

.line {
  width: 100%;
  float: left;
}

.serv-line {
  position: relative;
}

.serv-line::before {
  top: 20px;
  content: "";
  height: 1px;
  width: 100px;
  border: 1px solid #cccccc30;
  left: -101px;
  position: absolute;
}

.serv-line::after {
  top: 20px;
  content: "";
  height: 1px;
  width: 100px;
  border: 1px solid #cccccc30;
  right: -101px;
  position: absolute;
}

.ft-left {
  width: 100%;
  float: left;
}

.ft-left a {
  margin: 10px;
  width: auto;
  font-size: 15px;
  float: left;
  color: #fff;
}

.ft-left a:hover {
  color: #b54fa5;
  text-decoration: none;
}

.dot {
  width: 8px;

  height: 8px;

  margin: 10px;

  background: #1f6eb7;

  float: left;

  border-radius: 50%;
}

.head-quote {
  color: #fff !important;
  background: #620609;
  padding: 4px 10px 5px 4px !important;
  border-radius: 28px;
  font-size: 12px !important;
  margin-right: 12px;
  margin-top: 10px !important;
  /* width: 118px !important; */
  border: 2px solid transparent;
  margin-bottom: 0 !important;
}

.social-ft a svg:hover {
  fill: #b54fa5;
}

.ftr-quote {
  position: absolute;
  top: 56px;
  left: 18px;
  height: 106px;
  /* width: 124px; */
  opacity: 0.4;
}

.ml-44 {
  margin-left: 64px;
}

.ml-66 {
  margin-left: 90px;
}

.start {
  width: 100%;
  float: left;
  margin-top: 20px;
  height: 159px;
}

.start h2 {
  font-size: 18px;
  font-weight: 500;
  color: #f5f5f5;
  margin-bottom: 10px;
}

.start-soc a svg {
  margin-right: 8px;
  width: 44px;
  margin-top: 8px;
  height: 30px;
}

.start-soc a {
  width: auto !important;
}

.start a {
  width: 100%;
  float: left;
  font-weight: 400;
  font-size: 15px;
  line-height: 36px;
  /* margin: 0 10px; */
  opacity: 0.7;
  color: #fff !important;
}

.start a:hover {
  text-decoration: none;
  color: #fff;
  opacity: 1;
}

.client {
  float: left;
  width: 100%;
  margin: 10px 0;
  /* position: relative; */
}

.client .owl-nav {
  z-index: 999;
  background: transparent;
  margin-top: 15px;
  /* display: none; */
  text-align: right;
  top: -157px;
  position: relative;
  right: 0;
}

.quote-cook {
  position: absolute;
  top: 2px;
  right: 31px;
}

.innerban-saffron {
  width: 100%;
  background-size: cover;
  background: url(../images/haj-bg.png);
  height: 82px;
  float: left;
  height: 535px;
  position: relative;
  margin-top: 122px;
  /* text-align: center; */
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  padding: 160px 0;
  background-attachment: fixed !important;
}

.innerban {
  width: 100%;
  background-size: cover;
  background: url(../images/about-bg.png);
  height: 82px;
  float: left;
  height: 275px;
  position: relative;
  margin-top: -1px;
  /* text-align: center; */
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  padding: 80px 0%;
  background-attachment: fixed !important;
}

.innerban2 {
  width: 100%;
  background-size: cover;
  background: url(../images/slide4.jpg);
  height: 250px;
  float: left;
  margin-top: 100px;
  text-align: center;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.innerban p {
  margin-top: 123px;
  color: #fff;
  font-weight: 400;
  width: 100%;
  float: left;
  line-height: 28px;
  /* font-style: italic; */
  text-align: left;
  font-size: 15px;
  /* background: rgb(0 0 0 / 74%); */
  /* height: 250px; */
  margin-top: 0px;
  padding-top: 5px;
  padding-right: 47%;
  margin-bottom: 0;
}

.service {
  width: 100%;
  float: left;
}

.innerban2 p {
  margin-top: 123px;
  color: #ffffff;
  font-weight: 700;
  width: 100%;
  float: left;
  /* font-style: italic; */
  text-align: center;
  font-size: 28px;
  background: rgb(0 0 0 / 74%);
  height: 250px;
  margin-top: 0px;
  padding-top: 80px;
}

.margin_top {
  margin-top: 40px !important;
}

.contact-tag {
  float: left;
  width: 100%;

  font-size: 14px;
  color: rgba(0, 0, 0, 0.93);
  text-align: left;
  /* margin-top: 15px; */
  line-height: 28px;
  margin-bottom: 30px;
  padding-right: 50px;
}

.cnt-padding {
  padding-left: 0px !important;
}

.push-left {
  float: left;
}

.contact-label {
  float: left;
  width: 100%;
  text-align: left;
  font-size: 14px;
  color: #000;
  font-weight: 500;
  margin-top: 10px;
}

.mct_form {
  border-bottom: 1px solid #b0aaaa;
  color: #272626;
  display: block;
  font-size: 13px;
  /* text-transform: uppercase; */
  height: 50px;
  margin-bottom: 10px !important;
  padding: 0 20px;
  outline: none;
  background: #ffffff;
  width: 100%;
  padding-left: 0px;
  border: none;
  transition: all 500ms ease;
  border: solid 1px rgba(46, 67, 110, 0.22);
  margin-top: 3px;
  width: 100%;
  float: left;
  padding: 15px;
  margin-top: 11px;
  border-radius: 5px;
}

.cnt-padding {
  padding-left: 0px !important;
}

.info-tag {
  line-height: 29px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.93);
  margin-top: 9px;
}

.adr-section {
  float: left;
  margin-top: 35px;
  width: 100%;
  margin-bottom: 15px;
  padding-left: 30px;
}

.adr-section h1 {
  float: left;
  width: 100%;
  color: #000;
  font-size: 28px;
  font-weight: bold;
  margin-top: 0px;
  margin-top: 10px;
  border-bottom: solid 1px #e6e6e6;
  padding-bottom: 16px;
}

.cnt-icons {
  padding-right: 8px;
  font-size: 29px !important;
  color: rgb(44 50 147);
}

.india {
  float: left;

  .india span {
    float: left;
    width: 100%;
    color: #e20c18;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    /* letter-spacing: 1px; */
    margin-top: 20px;
  }

  .india p {
    float: left;
    width: 100%;
    text-align: left;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.93);
    line-height: 25px;
    margin-top: 11px;
    margin-bottom: 0px;
  }

  .map-top {
    margin-top: 1px;
  }

  width: 100%;
  margin-bottom: 4px;
}

.india span {
  float: left;
  width: 100%;
  color: #960423;
  font-size: 18px;
  font-weight: bold;
  text-align: left;
  /* letter-spacing: 1px; */
  margin-top: 20px;
  text-transform: uppercase;
}

.india p {
  float: left;
  width: 100%;
  text-align: left;
  font-size: 15px;
  color: rgba(0, 0, 0, 0.93);
  line-height: 25px;
  margin-top: 11px;
  margin-bottom: 0px;
}

.map-top {
  margin-top: 30px;
}

.input-set-ct {
  width: 100%;
  float: left;
  margin: 10px 0;
}

.input-set-ct input,
.input-set-ct textarea {
  background: transparent;
  border: 1px solid #cccccc36;
  font-size: 300;
  color: #000;
  width: 100%;
  border-radius: 10px;
  height: 50px;
  padding: 8px 10px;
}

.input-set-ct textarea {
  height: 80px !important;
}

.input-set-ct label {
  width: 100%;
  font-size: 15px;
}

.input-set-ct input,
.input-set-ct textarea:focus {
  outline: none;
}

.contact-left {
  width: 100%;
  float: left;
}

.contact-left h6 {
  font-size: 18px;
  color: #000;
  font-weight: 300;
}

.service-sec-image-new {
  position: relative;
  height: 375px;
  margin-left: 0px;
  padding-left: 0;
  width: 100%;
  object-fit: cover;
  border-radius: 6px;
}

.service-border-new {
  /* margin-left: 25px; */

  float: left;

  width: auto;

  margin-top: 10px;
}

.contact-left h1 {
  font-size: 35px;
  width: auto;
  margin-bottom: 0;
  font-weight: 700;
  padding: 5px 0;
}

.contact-left p {
  font-size: 14px;
  font-weight: 400;
  line-height: 28px;
  padding-top: 10px;
}

.ct-sub {
  background: #f36f27;
  color: #fff;
  margin-top: 10px;
  float: left;
  border: none;
  font-size: 14px;
  border-radius: 5px;
  cursor: pointer;
  padding: 10px 41px;
}

.ct-sub:hover {
  background: #000;
}

.main-off {
  width: 100%;
  float: left;
  margin: 20px 0;
}

.hv-sec {
  width: 100%;
  margin-bottom: 30px;
  float: left;
}

.hv-sec i {
  font-size: 25px;
  color: #fff;
  border: 1px solid #cccccc5e;
  background-color: #f36f27;
  float: left;
  border-radius: 100%;
  margin-top: 0px;
  padding: 20px 22px;
}

.hv-sec i:hover {
  background: transparent;
  color: #f36f27;
}

.main-off h2 {
  float: left;
  font-size: 20px;
  font-weight: 700;
  margin: 5px 0px 0;
}

.main-off p {
  float: left;
  font-size: 14px;
  margin-bottom: 0;
  width: 100%;
  padding: 7px 0;
  line-height: 27px;
}

.hv-sec .col-md-4 {
  padding: 0;
}

.about_section {
  float: left;
  width: 100%;
  padding-top: 60px;
}

.about_section h1 {
  font-size: 19px;
  color: #000000;
  /* font-family: 'Poppins', sans-serif; */
  font-weight: 700;
  text-transform: uppercase;
  line-height: 40px;
}

.about_section h1 span {
  font-weight: 600;
  color: #04113c;
}

.gypsum_section {
  float: left;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
}

.msg-panel {
  /* margin-top: 20px; */
  float: left;
  width: 100%;
  padding-top: 60px;
  margin-bottom: 30px;
  padding-bottom: 60px;
  background: url(../images/menu-bg.png);
  /* font-size: 36px; */
  color: #010101;
  background-size: cover;
  background-repeat: repeat;
  background-attachment: fixed !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  position: relative;
}

.md-msg {
  float: left;
  width: 100%;
  background: #fff;
  padding: 30px;
  border-radius: 5px;
}

.team-imgs img {
  width: 100%;
  float: left;
  height: 280px;
  object-fit: cover;
}

.teambg {
  float: left;
  width: 100%;
  text-align: center;
  height: 90px;
  margin-bottom: 20px;
  background: #310903;
  color: #fff;
  font-size: 14px;
  padding: 15px;
}

.teambg span {
  width: 100%;
  float: left;
}

.md-msg h1 {
  float: left;
  width: 100%;
  font-size: 25px;
  color: #101010;
  margin-top: 0px;
  text-align: left;
  font-weight: bold;
}

.md-msg h1 span {
  color: #ea5047;
}

.md-msg p {
  float: left;
  width: 100%;
  font-size: 14px;
  color: #101010;
  text-align: left;
  line-height: 27px;
  margin-bottom: 0px;
}

.service_titels {
  color: #000000 !important;
  text-transform: uppercase;
  font-size: 16px !important;
  font-weight: 600;
  /* font-family: 'Poppins', sans-serif !important; */
  margin-bottom: 10px !important;
  padding-left: 0px !important;
}

.gs_img {
  float: left;
  /* margin-left: 60px; */
  height: 220px;
  object-fit: cover;
  width: 100%;
}

.about_section p {
  font-size: 14px;
  float: left;
  width: 100%;
  color: #000;
  /* font-family: 'font-family: 'Baloo Paaji 2', cursive;; */
  line-height: 32px;
  margin-bottom: 17px;
}

.offer-panel {
  float: left;
  width: 100%;
  padding-top: 60px;
  padding-bottom: 30px;
}

.mb25 {
  margin-bottom: 25px;
}

.bg-brand {
  float: left;
  width: 100%;
  background: #fff;
  padding: 40px;
  text-align: center;
  border: solid 1px rgba(243, 112, 33, 0.58);
  transition: all ease-in-out 0.5s;
  -o-transition: all ease-in-out 0.5s;
  -ms-transition: all ease-in-out 0.5s;
  -moz-transition: all ease-in-out 0.5s;
  -webkit-transition: all ease-in-out 0.5s;
  margin-bottom: 30px;
}

.bg-brand img {
  object-fit: contain;
  width: 100%;
  height: 100px;
  right: 0px;
}

.bg-brand:hover {
  text-decoration: none !important;
  -webkit-box-shadow: 0px 3px 25px -9px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 3px 25px -9px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 3px 25px -9px rgba(0, 0, 0, 0.22);
  border: solid 1px #fff;
  transition: all ease-in-out 0.5s;
  -o-transition: all ease-in-out 0.5s;
  -ms-transition: all ease-in-out 0.5s;
  -moz-transition: all ease-in-out 0.5s;
  -webkit-transition: all ease-in-out 0.5s;
}

.offer-panel h1 {
  float: left;
  width: 100%;
  /* color: #020e22; */
  font-size: 19px;
  text-transform: uppercase;
  font-weight: 700;
  padding-bottom: 11px;
}

.hankook-font {
  float: left !important;
  width: 100% !important;
  /* color: #020e22; */
  font-size: 17px !important;
  text-transform: none !important;
  font-weight: 600 !important;
  padding-bottom: 8px !important;
}

.detail-list {
  float: left;
  width: 100%;
  font-size: 14px;
  line-height: 29px;
  color: #000;
  font-weight: 400;
  margin-bottom: 8px;
}

.bg-brand {
  float: left;
  width: 100%;
  background: #fff;
  padding: 40px;
  text-align: center;
  border: solid 1px rgb(163, 35, 142);
  transition: all ease-in-out 0.5s;
  -o-transition: all ease-in-out 0.5s;
  -ms-transition: all ease-in-out 0.5s;
  -moz-transition: all ease-in-out 0.5s;
  -webkit-transition: all ease-in-out 0.5s;
  margin-bottom: 30px;
}

.brand-hover {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
}

.bg-brand:hover {
  text-decoration: none !important;
  -webkit-box-shadow: 0px 3px 25px -9px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 3px 25px -9px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 3px 25px -9px rgba(0, 0, 0, 0.22);
  border: solid 1px #fff;
  transition: all ease-in-out 0.5s;
  -o-transition: all ease-in-out 0.5s;
  -ms-transition: all ease-in-out 0.5s;
  -moz-transition: all ease-in-out 0.5s;
  -webkit-transition: all ease-in-out 0.5s;
}

.ih-item.square.effect6 {
  overflow: hidden;
  margin-bottom: 0;
}

.ih-item.square {
  position: relative;
  /* width: 316px; */
  /* height: 216px; */
  /* border: 8px solid #fff; */
  /* box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3); */
}

.ih-item.square.effect6 .img {
  -webkit-transition: all 0.5s ease-in-out;
  position: relative;
  -moz-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  /* -webkit-transform: scale(1); */
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  /* transform: scale(1); */
}

.productimg {
  width: 100%;
  object-fit: cover;
  padding: 20px;
  height: 290px !important;
  border: 2px solid #f36f27;
}

.ih-item.square.effect6 .info {
  /* background: #da3140; */
  /* background: rgba(218, 49, 64, 0.55); */
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.ih-item.square .info {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.ih-item:hover {
  /* text-decoration: none !important; */
  /* -webkit-box-shadow: 0px 3px 25px -9px rgba(0,0,0,0.75); */
  -moz-box-shadow: 0px 3px 25px -9px rgba(0, 0, 0, 0.75);
  /* box-shadow: 0px 3px 25px -9px rgba(0, 0, 0, 0.22); */
  /* border: solid 1px #fff; */
  transition: all ease-in-out 0.5s;
  -o-transition: all ease-in-out 0.5s;
  -ms-transition: all ease-in-out 0.5s;
  -moz-transition: all ease-in-out 0.5s;
  -webkit-transition: all ease-in-out 0.5s;
}

.port-box {
  width: 100%;
  position: relative;
  margin-bottom: 30px;
  float: left;
  /* height: 400px; */
  /* bottom: 0; */
}

.port-box img {
  width: 100%;
  float: left;
  /* height: 300px; */
}

.port-box h6 {
  text-align: center;
  background: #444242;
  width: 100%;
  font-weight: 700;
  font-size: 17px;
  float: left;
  color: #fff;
  padding: 20px;
}

.port-box h6:hover {
  background: #f36f27;
}

.numbers {
  /* float: right !important; */
  /* width: auto !important; */
  /* height: 64px !important; */
  /* margin-top: 24px !important; */
}

.pimg {
  width: 100%;
  object-fit: cover;
  /* padding: 20px; */
  height: 400px !important;
  /* border: 2px solid #f36f27; */
}

.overlay {
}

.overlay p {
  color: #fff;
  font-size: 14px;
}

.overlay {
  /* display: none; */
  /* height: 100%; */
  opacity: 0;
}

.img:hover .overlay {
  display: block !important;
}

.port-box:hover {
  box-shadow: none;
}

.overlay h2 {
  position: absolute;
  text-align: center;
  top: 50%;
  left: 0;
  box-sizing: unset;
  text-decoration-line: none;
  height: 100%;
  text-decoration-style: none;
  width: 100%;
  color: #f36f27;
  text-decoration: none;
  font-size: 20px;
  bottom: 0;
}

.fresco .overlay h2:hover {
  text-decoration: none;
}

.head-quote:hover {
  background-color: #aa7e14;
  color: #fff !important;
}

.fh-form {
  border-bottom: 1px solid #b0aaaa;
  color: #272626;
  display: block;
  /* font-family: 'Palanquin-Regular'; */
  font-size: 13px;
  /* text-transform: uppercase; */
  height: 50px;
  margin-bottom: 15px !important;
  padding: 0 20px;
  outline: none;
  background: #ffffff;
  width: 100%;
  padding-left: 15px;
  border: none;
  transition: all 500ms ease;
  border: solid 1px rgba(0, 0, 0, 0.18);
  transition: all ease-in-out 0.5s;
  -o-transition: all ease-in-out 0.5s;
  -ms-transition: all ease-in-out 0.5s;
  -moz-transition: all ease-in-out 0.5s;
  -webkit-transition: all ease-in-out 0.5s;
  border-radius: 5px;
}

.error_msg {
  display: none;
  width: auto;
  float: left;
  padding: 5px 7px;
  font-size: 13px;
  line-height: 15px;
  background: #e31b23;
  color: #fff;
  font-weight: 300;
  text-align: left;
  position: absolute;
  bottom: -8px;
  left: 0;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  z-index: 10;
}

.light_form .iconInput input:not([type="submit"]),
.light_form .iconInput textarea:focus {
  outline: none !important;
}

.location-text img {
  width: 50px;
}

.top {
  position: relative;
  float: left;
  margin-top: 0;
  width: 100%;
  bottom: 0;
  cursor: pointer;
}

.panel-12 .form-control:focus {
  border-bottom: 1px solid #310903 !important;
  outline: none !important;
  border: none;
  box-shadow: none;
}

.panel-12 .form-control::placeholder {
  font-size: 15px;
  color: #807a7a !important;
  font-weight: 500;
}

.panel-12 .form-control:focus::placeholder {
  color: #310903 !important;
}

.btn-center a:hover {
  text-decoration: none;
  background: #2ba649;
}

.submit-btn:hover {
  background: #e42e24;
}

.verticaltexts {
  transform: rotate(-90deg);
  transform-origin: right, top;
  -ms-transform: rotate(-90deg);
  -ms-transform-origin: right, top;
  -webkit-transform: rotate(450deg);
  -webkit-transform-origin: right, top;
  position: absolute;
  bottom: 41%;
  right: -122px;
  text-transform: uppercase;
  color: #000;
  font-weight: 600;
  font-size: 12px;
}

.verticaltexts:hover {
  color: #000;
  text-decoration: none;
}

.investimg {
  width: 100%;
  float: left;
  margin-top: 50px;
}

.investimg img {
  width: 100%;
  border-radius: 5px;
  /* height: 471px; */
  width: 100%;
  float: left;
  /* object-fit: cover; */
}

.mrbot {
  margin-bottom: 50px;
}

.sec {
  width: 100%;
  float: left;
}

.left-area {
  width: 100%;
  height: 243px;
  position: relative;
  background: #f1f1f1;
  /* left: 61px; */
  right: -83px;
  top: 59px;
  z-index: 1;
  padding: 4% 37px;
  /* box-shadow: 10px 10px 21px -1px rgba(219,212,219,1); */
}

.cnct_section {
  width: 100%;
  float: left;
}

.cnct_section {
  width: 100%;
  float: left;
}

.mail {
}

.mail h2 {
  color: #fff;
  padding: 0 0 20px;
  font-size: 25px;
}

.contact_form {
  width: 100%;
  float: left;
  position: relative;
}

.field_area {
  width: 100%;
  float: left;
  position: relative;
  margin: 0 0 20px;
}

.field_area label {
  color: #000;
}

.service-side {
  position: absolute;
  left: 48px;
  width: auto;
}

.field_area input[type="email"],
.field_area inpu.t[type="number"],
.field_area input[type="text"],
.field_area textarea {
  width: 100%;
  float: left;
  position: relative;
  /* font-family: Montserrat,sans-serif; */
  font-size: 15px;
  color: #fff;
  line-height: 20px;
  border-radius: 0;
  margin: 0;
  padding: 10px 10px;
  background: 0 0;
  border: none;
  border-bottom: solid 1px rgba(255, 255, 255, 0.77);
  transition: all ease-in-out 0.5s;
  -o-transition: all ease-in-out 0.5s;
  -ms-transition: all ease-in-out 0.5s;
  -moz-transition: all ease-in-out 0.5s;
  -webkit-transition: all ease-in-out 0.5s;
}

.ct_sbt {
  border: 2px solid #fff;
  padding: 10px 30px;
  color: #fff;
  cursor: pointer;
  font-size: 13px;
  transition: all 0.5s;
}

.location_icons {
  float: left;
  width: 100%;
  text-align: center;
  text-align: -webkit-center;
  padding-bottom: 5px;
  text-align: -moz-center;
}

.location_icons img {
  display: block;
  max-width: 100%;
  height: auto;
}

.location_titel {
  float: left;
  width: 100%;
  color: #454545;
  font-weight: 700;
  padding-bottom: 11px;
  text-align: center;
  padding-top: 10px;
  text-transform: uppercase;
  font-size: 18px;
}

.location_address {
  float: left;
  width: 100%;
  font-size: 15px;
  color: #4c4a4a;
  text-align: center;
  line-height: 27px;
}

.field_area input[type="email"],
.field_area input[type="number"],
.field_area input[type="text"],
.field_area textarea {
}

.contact_head {
  margin-top: 10px;
}

.contact_head h4 {
  color: #131316;
  font-weight: 700;
  font-size: 25px;
}

.contact_head h3 {
  /* margin-top: 20px; */
  font-weight: 400;
  color: #131316;
  font-size: 15px;
  line-height: 29px;
}

.adddress {
  margin-top: 10px;
  float: left;
  width: 100%;
}

.address h1 {
  font-weight: 700;
  font-size: 20px;
  margin-top: 20px;
}

.address p {
  float: left;
  width: 100%;
  margin-top: 0;
  font-size: 14px;
  line-height: 28px;
  color: rgba(0, 0, 0, 0.87);
}

.whitebg {
  float: left;
  width: 100%;
  background: #fff;
  /* padding: 30px; */
  /* height: 555px; */
}

.whitebg h1 {
  float: left;
  width: 100%;
  font-size: 25px;
  font-weight: 100;
  color: #131316;
  line-height: 40px;
  text-align: left;
  padding-bottom: 30px;
}

.enq-btn:after {
  display: none;
}

/***********************responsive****************/
@media (min-width: 576px) {
  .footerlast p br {
    display: none;
  }

  #get-quote .modal-dialog {
    max-width: 700px !important;
  }
}

@media (max-width: 600px) {
  .header-content h1 {
    font-size: 22px !important;
    line-height: 40px;
  }
}

@media (min-width: 1400px) and (max-width: 1440px) {
  .header_menu_area > ul > li > a {
    /* padding: 45px 7px 38px !important; */
  }

  .panel8-box {
    top: 405px;
  }

  .bs .owl-dots {
    display: none;
  }
}

@media only screen and (max-width: 991px) {
  .f-w50 {
    float: left;
    width: 50%;
    min-width: 50%;
    max-width: 50%;
    text-align: center;
  }

  .border-ftr {
    border: none !important;
    padding-left: 0px !important;
  }

  .s-w100 {
    float: left;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
  }

  .hide-ds {
    display: none;
  }

  .panel8-img {
    display: none;
  }

  .panel8-curve {
    display: none;
  }

  .panel8-box {
    position: initial !important;
    text-align: center;
    margin-top: 25px;
  }

  .panel8 h6 {
    text-align: center;
    float: left;
    width: 100%;
  }

  .border-ftr {
    text-align: center;
  }

  .fb-a {
    float: none;
  }

  .footer h2:after {
    display: none;
  }
}

@media only screen and (max-width: 999px) {
  .panel8-box {
    position: initial !important;
    text-align: center;
  }
}

@media (min-width: 1201px) and (max-width: 1359px) {
  .header_menu_area {
  }
}

@media (min-width: 1440px) {
  .logo {
    /* float: left; */
    /* background: #fff; */
    /* width: 345px; */
    /* border-radius: 5px; */
    /* box-shadow: 1px -4px 3px 3px rgb(0 0 0 / 5%); */
  }

  .header_menu_area {
    /* width: 76%; */
  }
}

@media (min-width: 1151px) and (max-width: 1200px) {
  .hd-top h5 {
    font-size: 13px;
    color: #a6abb3;
    padding: 13px 0;
    width: auto;
    float: left;
    margin-left: 24%;
    margin-bottom: 0;
  }

  .header_menu_area {
    /* width: 70%; */
  }

  .mail-box1 {
    float: right;
    padding-top: 15px;
    width: 11%;
    padding-bottom: 14px;
    border-right: 1px solid #ececec;
    padding-left: 19px;
    padding-right: 0;
  }

  .mail-box1 {
    float: right;
    padding-top: 15px;
    width: 11%;
    padding-bottom: 14px;
    border-right: 1px solid #ececec;
    padding-left: 19px;
    padding-right: 0;
  }
}

@media (min-width: 1025px) and (max-width: 1150px) {
  .mail-box {
    float: right;
    padding-top: 15px;
    width: 17%;
    padding-bottom: 15px;
    border-right: 1px solid #ececec;
    padding-left: 5px;
    padding-right: 0;
  }

  .mail-box h6 {
    font-size: 12px;
  }

  .mail-box h6 span {
    font-size: 12px;
  }

  .mail-box1 {
    float: right;
    padding-top: 15px;
    width: 12%;
    padding-bottom: 14px;
    border-right: 1px solid #ececec;
    padding-left: 17px;
    padding-right: 0;
  }

  .header_menu_area {
    width: 66%;
  }

  .ban5-text {
    position: absolute;
    bottom: 0;
  }

  .header_logo img {
    /* max-width: 100%; */
    /* margin-right: 0; */
    height: auto;
    margin-top: 30px;
  }

  .ban5-text h4 {
    font-size: 26px;
    color: #000;
    font-weight: 300;
    width: 60%;
    float: left;
  }

  .box-brown h6 {
    font-size: 15px;
  }

  .innerban {
    margin-top: 0;
  }

  .abt-image h6 {
    position: absolute;
    background: #636227;
    font-size: 17px;
    color: #fff;
    max-width: 545px;
    padding: 25px;
    bottom: -47px;
    left: 49px;
    padding-left: 120px;
    line-height: 29px;
    font-weight: 400;
  }

  .slide {
    margin-top: -43px;
  }

  @media (min-width: 992px) and (max-width: 1024px) {
    .ban5-text h4 {
      font-size: 23px;
      color: #000;
      font-weight: 300;
      width: 64%;
      float: left;
    }

    .ban5-text {
      position: absolute;
      bottom: 0;
      left: 23px;
      right: 23px;
    }

    .ban5-text a {
      float: right;
      width: 132px;
      height: 46px;
      border: 2px solid;
      font-size: 13px;
      color: #000;
      font-weight: 600;
      padding: 9px 0;
      text-align: center;
      margin-top: 12px;
    }

    .box-brown h6 {
      font-size: 16px;
    }

    .footer h2 {
      float: left;
      font-size: 17px;
    }

    .slide {
      float: left;
      width: 100%;
      top: -57px;
      position: relative;
      z-index: -1;
    }

    .header_logo img {
      height: 52px;
    }

    .top-follow {
      display: none;
    }
  }

  @media (min-width: 576px) and (max-width: 767px) {
    .about-sec2 h2 {
      text-align: left;
    }

    .about-sec2 h2 span {
      text-align: left;
    }

    .about-sec2 p {
      text-align: left;
    }

    .footer p {
      text-align: left;
    }
  }

  .global-flags {
    width: 100%;

    float: left;

    padding: 50px 0;
  }

  .global-flags img {
    width: 100px;
    height: 100px;
    border-radius: 100%;
    display: block;
    margin: auto;
    border: 1px solid #cecece;
  }

  .global-flags h5 {
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    padding-top: 10px;
    margin-bottom: 40px;
    width: 100%;
    float: left;
  }

  .global-flags h2 {
    font-size: 40px;
    text-align: center;
    font-weight: 300;
  }

  .global-flags h2 span {
    font-weight: 700;
  }

  .global-flags p {
    font-size: 14px;
    text-align: center;
    margin-bottom: 65px;
    line-height: 28px;
    margin-top: 15px;
  }

  @media (min-width: 1600px) {
    .container {
      max-width: 1360px;
    }
  }

  body {
    font-family: "Source Sans Pro", sans-serif !important;
    overflow-x: hidden;
  }

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

  h1 {
    font-family: "Source Sans Pro", sans-serif;
  }

  p {
    font-family: "Source Sans Pro", sans-serif;
  }

  button:focus {
    outline: none !important;
    outline: none !important;
  }

  /* width */
  ::-webkit-scrollbar {
    width: 4px;
  }

  /* Track */
  ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 0px #000;
    border-radius: 0px;
  }

  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: #000;
    border-radius: 0px;
  }

  .push-left {
    float: left;
  }

  .owl-item.active .slide-image {
    transform: scale(1.1);
    transition: 10s;
  }

  .top-full {
    transition: all ease-in-out 0.5s;

    -webkit-transition: all ease-in-out 0.5s;

    position: relative;
  }

  .top-full:hover .req-form {
    /* display:block !important; */
    top: 45px;
    opacity: 1;
  }

  .slide-new {
    overflow: hidden;
    float: left;
    width: 100%;
  }

  .course-link a:hover img {
    margin-left: 30px;
  }

  .about-box {
    width: 100%;
    margin-top: 19px;
    border-top: 2px solid #f9f9f8;
    float: left;
    padding-top: 26px;
  }

  .p3-img {
    height: 316px;
    object-fit: cover;
  }

  .course-link h2 a {
    color: #fff;
  }

  .panel5 {
    width: 100%;

    float: left;

    padding: 80px 0;

    background: url("../images/bg1.png");

    background-position: center;

    background-size: cover;
  }

  .active-class:after {
    border-bottom: 0;
  }

  .about-full img {
    float: right;
    margin-left: 40px;
    width: 400px;
  }

  .contact-sec {
    width: 100%;
    float: left;
    padding: 50px 0%;
  }

  .contact-add {
    width: 100%;
    float: left;
    padding: 40px 0;
    text-align: center;
    background: #542374;
    border-radius: 7px;
    margin-bottom: 10px;
    height: 200px;
  }

  .contact-add svg {
    fill: #ffffff;
    width: 40px;
    height: 40px;
    transition: all ease-in-out 0.5s;
  }

  .contact-add h6 {
    padding-top: 15px;
    font-size: 23px;
    color: #fff;
    font-weight: 700;
  }

  .contact-add p {
    font-size: 14px;
    color: #fff;
    line-height: 23px;
  }

  .mail {
    width: 100%;
    float: left;
    min-height: 500px;
    background: #000537;
    padding: 62px 5% 61px 5%;
  }

  .mail-section .mail h1 {
    font-size: 28px;
    color: #ffffff;
    float: left;
    width: 100%;
    margin-top: 15px;
    text-transform: uppercase;
    margin-bottom: 40px;
  }

  .contact_form {
    width: 100%;
    float: left;
    position: relative;
  }

  .field_area {
    width: 100%;
    float: left;
    position: relative;
    margin: 0 0 20px;
  }

  .contact_form .field_area label {
    color: #fff !important;
  }

  .field_area label {
    color: #181717;
    font-weight: 600;
  }

  .field_area input[type="email"],
  .field_area input[type="number"],
  .field_area input[type="text"],
  .field_area textarea {
  }

  .contact_form button:hover {
    background: #672b8e;
    border-color: #672b8e;
    color: #ffffff;
    -webkit-transition: all ease-in-out 0.5s;
  }

  .contact_form button {
    width: auto;
    float: right;
    position: relative;
    font-size: 15px;
    font-weight: 700;
    border-radius: 30px;
    color: #672b8e;
    line-height: 20px;
    margin-top: 15px;
    padding: 13px 76px;
    background: #ffffff;
    border: 3px solid #ffffff;
    -moz-border-radius: 30px;
    -webkit-border-radius: 10px;
    cursor: pointer;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
    outline: none;
  }

  .faq-full h2 {
    font-size: 35px;
    color: black;
    font-weight: 200;
    line-height: 50px;
  }

  .faq-full h2 span {
    font-weight: 700;
  }

  .card-header a:hover {
    text-decoration: none;
  }

  .faq-full-p {
    float: left;
    width: 100%;
    font-size: 15px;
    line-height: 31px;
    color: black;
    font-weight: normal;
    padding-right: 350px;
    padding-bottom: 15px;
  }

  .faq-full {
    width: 100%;
    float: left;
    padding: 70px 0;
  }

  .accordion .card:not(.collapsed) {
    border-left: 5px solid #672b8e;
    margin-bottom: 30px;
    border-top: 0;
    box-shadow: 2px 0px 2px 2px rgb(0 0 0 / 5%);
    padding: 10px;
    border-radius: 5px;
  }

  .service-detail-sec-full .card-header {
    background: #fff !important;
  }

  .service-detail-sec-full .accordion a {
    font-size: 20px;
    color: #000;
    /* font-family: 'AvenirLTProBlack'; */
    padding: 8px;
    float: left;
    width: 100%;
  }

  .accordion a:not(.collapsed) i {
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  .card-header h5 {
    font-size: 20px;

    color: #000;

    font-weight: 700;
  }

  .accordion i {
    float: right;
    color: #878787;
  }

  .card-body p {
    float: left;
    width: 100%;
    margin-left: inherit !important;
    mso-add-space: auto;
    text-indent: 0 !important;
    font-size: 14px;
    line-height: 30px;
  }

  .about-full h2 span {
    font-weight: 700;
  }

  .mission-sec h2 span {
    font-weight: 700;
  }

  .about-full h5 {
    font-size: 15px;
    color: #0d4d98;
    font-weight: 400;
    text-transform: uppercase;
  }

  .about-full h2 {
    color: #101010;
    font-size: 40px;
    font-weight: 200;
  }

  .about-full p {
    font-size: 14px;
    line-height: 30px;
    color: #101010;
  }

  .innerban h2 {
  }

  .innerban p {
  }

  #leadership {
    float: left;
    width: 100%;
    /* padding-top: 50px; */
    /* padding-bottom: 65px; */
    background: white;
    padding: 70px 0%;
  }

  #leadership h2 {
    font-size: 35px;
    color: black;
    font-weight: 200;
    line-height: 50px;
  }

  #leadership p {
    float: left;
    width: 100%;
    font-size: 15px;
    line-height: 31px;
    color: black;
    font-weight: normal;
    padding-right: 350px;
    padding-bottom: 15px;
  }

  .leader-tech {
    float: left;
    width: 100%;
    margin-top: 15px;
  }

  .m-card {
    background: var(--u-member-bg);
    color: var(--u-member-color);
    display: flex;
    flex-direction: column;
    max-width: 17.5rem;
    overflow: hidden;
    position: relative;
    transition-property: opacity, box-shadow, background, color;
    background: #000537;
    padding-bottom: 22px;
    margin-top: 30px;
  }

  .u-member__avatar {
    background: var(--u-member-color);
    display: block;
    max-width: none;
    padding-top: 100%;
    position: relative;
    width: 100%;
  }

  .u-member__avatar > img,
  .u-member__avatar > svg {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
  }

  .m-angle {
    background: var(--block-bg);
    margin-top: calc(-1.73451 vw * var(--angle));
    padding-top: calc(2.73451% * var(--angle));
    position: relative;
    background: red;
    margin-top: 8 px;
  }

  .m-angle--shard-normal {
    -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 0);
    clip-path: polygon(0 100%, 100% 100%, 100% 0);
  }

  .m-card h3 {
    float: left;
    width: 100%;
    color: white;
    font-size: 23px;
    font-weight: 500;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
  }

  .m-card h4 {
    float: left;
    width: 100%;
    color: white;
    font-size: 14px;
    font-weight: normal;
    padding-left: 20px;
    padding-right: 20px;
  }

  #leadership h2 span {
    font-weight: 700;
  }

  .about-sec2 {
    width: 100%;
    float: left;
    background: url(../images/bg2.png);
    padding: 70px 0;
    position: relative;
    text-align: center;
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
  }

  .about-sec2 h2 {
    font-size: 50px;
    font-weight: 300;
    color: #fff;
  }

  .about-sec2 p {
    float: left;
    width: 100%;
    font-size: 14px;
    line-height: 28px;
    color: #fff;
    margin-top: 5px;
  }

  .hd-icons a {
  }

  .mission-sec {
    width: 100%;
    float: left;
    /* text-align: center; */
    padding: 50px 0%;
  }

  .mission-sec img {
  }

  .mission-sec h2 {
    font-size: 38px;
    color: #000;
    margin-bottom: 10px;
    font-weight: 300;
    margin-top: 20px;
  }

  .mission-sec p {
    font-size: 14px;
    color: #000;
    padding-right: 50px;
    line-height: 30px;
    margin: 0;
  }

  .about-full {
    float: left;

    width: 100%;

    padding: 70px 0;
  }

  .about-full img {
  }

  .about-full h5 {
  }

  .mail-box-full {
    margin-right: 9%;
  }

  .arabic {
    background: #672b8e;

    font-size: 14px;

    color: #fff;

    padding: 11px 20px;

    float: right;
  }

  .arabic:hover {
    text-decoration: none;

    background: #8c4db6;
  }

  .book-top:hover {
    text-decoration: none;

    background: #672b8e;
  }

  .book-top {
    background: #8c4db6;

    font-size: 14px;

    color: #fff;

    font-weight: 400;

    /* text-transform: uppercase; */

    padding: 10px;

    float: right;
  }

  .book-top img {
    margin-right: 10px;
  }

  .hd-icons {
    float: right;
  }

  .hd-top h5 {
    font-size: 13px;

    color: #a6abb3;

    padding: 13px 0;

    width: auto;

    float: left;

    margin-left: 17%;

    margin-bottom: 0;
  }

  .hd-icons a svg {
    width: 14px;
    height: 14px;
    fill: #c0c4cb;
    margin: 13px 15px 13px 0;
    float: left;
  }

  .hd-top {
    width: 100%;

    float: left;

    background: #f9f9f9;
  }

  .panel-carousel {
  }

  .contact-info a img:hover {
    margin-top: -5px;
  }

  .contact-info a img {
    margin-right: 10px;

    margin-top: 10px;

    transition: all ease-in-out 0.5s;

    -webkit-transition: all ease-in-out 0.5s;

    -moz-transition: all ease-in-out 0.5s;
  }

  .contact-info {
    width: 50%;
    float: left;
  }

  .contact-info h6 {
    font-size: 16px;
    color: #fff;
    font-weight: 600;
    margin-top: 64px;
    margin-bottom: 15px;
  }

  .panel6 {
    width: 100%;

    float: left;

    padding: 70px 0;
  }

  .panel6 h2 {
    font-size: 45px;

    color: #000;

    font-weight: 200;
  }

  .panel6 h2 span {
    font-weight: 700;
  }

  .panel6 p {
    font-size: 14px;

    color: #000;

    line-height: 28px;
  }

  .panel6-box {
    width: 100%;

    float: left;

    margin-top: 50px;
  }

  .panel6-img {
  }

  .panel6 h5:after {
    position: absolute;
    content: "";
    background: url("../images/quote.png");
    width: 66px;
    height: 47px;
    left: 0;
    top: -24px;
  }

  .panel6 h5 {
    position: relative;
    font-size: 27px;
    color: #000;
    font-weight: 700;
    margin-top: 30px;
    padding-left: 80px;
  }

  .panel6 h6 {
    font-size: 14px;

    color: #000;

    line-height: 30px;

    margin-top: 13px;

    width: 85%;

    padding-left: 80px;
  }

  .panel6 h3 {
    font-size: 20px;

    color: #672b8e;

    font-weight: 600;

    padding-left: 80px;
  }

  .panel6 h4 {
    font-size: 15px;

    color: #000;

    font-weight: 400;

    padding-left: 80px;
  }

  .panel6 .owl-nav {
    float: right;

    position: relative;

    top: -185px;
  }

  .panel6 .owl-nav img {
    margin-left: 10px;
  }

  .panel5 h2 {
    font-size: 50px;

    color: #000;

    font-weight: 200;

    width: 100%;

    float: left;

    margin-bottom: 15px;
  }

  .panel5 h2 span {
    font-weight: 700;

    float: left;
  }

  .panel5 p {
    font-size: 14px;

    color: #000;

    line-height: 30px;

    margin-top: 10px;
  }

  .panel5 a {
    float: left;

    width: 210px;

    height: 55px;

    background: #000537;

    text-transform: uppercase;

    text-align: center;

    font-size: 15px;

    color: #fff;

    font-weight: 400;

    /* text-transform: uppercase; */

    padding: 16px 15px 17px;

    text-align: left;

    border-radius: 10px;

    margin-top: 10px;

    box-shadow: 1px 1px 11px 4px rgb(77 27 109 / 15%);
  }

  .panel5 a:hover {
    background: #4d1b6d;

    text-decoration: none;
  }

  .panel5 a img {
    float: right;

    filter: invert(1);

    margin-top: 4px;
  }

  .panel4-box-a {
  }

  .panel4-box-a img {
    width: auto !important;
    position: absolute;
    right: 0;
    bottom: 20px;
    height: auto !important;
    right: 15px;
  }

  .panel4 {
    width: 100%;

    float: left;

    background: url("../images/bg2.png");

    background-size: cover;

    background-position: center;

    background-attachment: fixed;

    padding: 70px 0;
  }

  .panel4 h2 {
    font-size: 45px;

    color: #fff;

    font-weight: 200;

    margin-top: 50px;
  }

  .panel4 h2 span {
    font-weight: 700;
  }

  .panel4 p {
    font-size: 14px;

    color: #fff;

    line-height: 30px;

    margin-top: 15px;
  }

  .panel4-a {
    float: left;

    width: 185px;

    height: 55px;

    background: #4d1b6d;

    text-transform: uppercase;

    text-align: center;

    font-size: 15px;

    color: #fff;

    font-weight: 400;

    /* text-transform: uppercase; */

    padding: 16px 15px 17px;

    text-align: left;

    border-radius: 10px;

    margin-top: 10px;
  }

  .panel4-a:hover {
    text-decoration: none;

    background: #000537;
  }

  .panel4-a img {
    float: right;

    filter: invert(1);

    margin-top: 4px;
  }

  .panel4-box {
    width: 100%;

    float: left;

    background: #fff;

    border-radius: 10px;

    position: relative;
  }

  .panel4-box img {
    border-radius: 10px;

    width: 100%;

    object-fit: cover;

    height: 320px;
  }

  .panel4-box h4 {
    font-size: 18px;

    font-weight: 400;

    color: #000;

    padding: 10px 15px 0;
  }

  .panel4-box h5 {
  }

  .panel3 .owl-nav img {
    margin-right: 10px;
  }

  .panel3 .owl-nav {
    text-align: center;
    margin-top: 50px;
  }

  .overlay a:hover {
    text-decoration: none;

    background: #000537;
  }

  .overlay h4 {
    font-size: 14px;

    color: #fff;

    line-height: 27px;
  }

  .overlay h3 {
    font-size: 42px;

    color: #fff;

    font-weight: 300;
  }

  .panel3-box:hover .panel3-text {
    display: none;
  }

  .overlay img {
    width: auto !important;
    float: right;
    filter: invert(1);
    margin-top: 5px;
  }

  .panel3-box:hover .overlay {
    /* display: block; */
    opacity: 1;
    height: 100%;
  }

  .panel3-text h5 {
    font-size: 42px;

    color: #000;

    font-weight: 300;
  }

  .panel3-text h6 {
    font-size: 14px;

    color: #000;

    line-height: 28px;
  }

  .panel3-text {
    position: absolute;

    top: 15px;

    text-align: center;

    padding: 20px;
  }

  .panel3-box img {
    width: 100%;

    border-radius: 10px;
  }

  .panel3-box {
    width: 100%;

    float: left;

    border-radius: 10px;

    position: relative;

    transition: all ease-in-out 0.5s;

    -website-transition: all ease-in-out 0.5s;
  }

  .panel3 {
    width: 100%;

    float: left;

    padding: 40px 0 70px;
  }

  .panel3 h2 {
    font-size: 45px;

    color: #000;

    font-weight: 200;
  }

  .panel3 h2 span {
    font-weight: 700;
  }

  .panel3 p {
    font-size: 14px;

    color: #000;

    line-height: 30px;
  }

  .p3-carousel {
    margin-top: 50px;
  }

  .panel2 {
    width: 100%;

    float: left;

    padding: 70px 0;
  }

  .panel2 h2 {
    font-size: 50px;

    color: #000;

    font-weight: 300;

    float: left;

    margin-bottom: 15px;
  }

  .panel2 h2 span {
    font-weight: 700;

    float: left;

    width: 100%;
  }

  .panel2 p {
    font-size: 14px;

    color: #000;

    font-weight: 400;

    line-height: 30px;

    width: 96%;

    margin-bottom: 10px;
  }

  .panel2 a {
    float: left;

    width: 185px;

    height: 55px;

    background: #000537;

    text-transform: uppercase;

    text-align: center;

    font-size: 15px;

    color: #fff;

    font-weight: 400;

    /* text-transform: uppercase; */

    padding: 16px 15px 17px;

    text-align: left;

    border-radius: 10px;

    margin-top: 10px;

    box-shadow: 1px 1px 11px 4px rgb(77 27 109 / 15%);
  }

  .panel2 a:hover {
    text-decoration: none;

    color: #fff;

    background: #4d1b6d;
  }

  .panel2 a img {
    float: right;

    margin-top: 4px;

    filter: invert(1);
  }

  .panel2-img {
    width: 100%;
  }

  .panel1 {
    width: 100%;

    float: left;

    background: #672b8e;

    padding: 70px 0;
  }

  .panel1 h2 {
    font-size: 50px;

    color: #fff;

    font-weight: 300;
  }

  .panel1 h2 span {
    font-weight: 700;
  }

  .panel1 p {
    font-size: 14px;

    color: #fff;

    line-height: 30px;

    margin-top: 30px;

    float: right;

    width: 95%;

    margin-bottom: 0;
  }

  .panel1 h6 {
    font-size: 16px;

    color: #fff;

    font-weight: 600;

    text-transform: uppercase;
  }

  .header-content a img {
    width: auto !important;
    float: right;
    margin-top: 5px;
    filter: invert(1);
  }

  .mail-box1 img:hover {
    margin-top: -3px;
  }

  .get-admission-box h2 {
    width: 100%;
    float: left;
    text-align: center;
    margin-bottom: 30px;
    font-size: 30px;
    color: #000;
    font-weight: 600;
    text-transform: uppercase;
  }

  .get-admission-box button {
    text-transform: uppercase;
    /* border-radius: 100px; */
    font-size: 14px;
    font-weight: 700;
    /* margin-bottom: 20px; */
    font-style: normal;
    font-stretch: normal;
    border: none;
    line-height: normal;
    /* letter-spacing: 1.8px; */
    /* width: 81%; */
    border-radius: 5px;
    text-align: center;
    padding: 16px 40px;
    border: none;
    background: #960423;
    color: #ffffff;
    float: none;
    display: block;
    margin: auto;
    border: solid 2px #960423;
    cursor: pointer;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
  }

  .get-admission-box button:hover {
  }

  .get-admission-box .log_set input[type="text"],
  .get-admission-box .log_set input[type="password"],
  .get-admission-box .log_set input[type="mail"],
  .get-admission-box .log_set input[type="email"],
  .get-admission-box .log_set input[type="tel"],
  .get-admission-box .log_set textarea,
  .get-admission-box .log_set select {
    border: 1px solid #ccc !important;
    border-radius: 4px;
  }

  .get-admission-box .log_set {
    margin-bottom: 10px !important;
  }

  .get-admission-full {
    width: 100%;
    float: left;
    padding: 60px 4%;
  }

  .get-admission-box .custom-select {
    border: 1px solid #ccc !important;
    border-radius: 3px !important;
    padding: 4px !important;
    height: 51px !important;
  }

  .get-admission-box {
    max-width: 800px;
    width: 100%;
    display: flex;
    margin: auto;
    background: #fff;
    box-shadow: 1px 4px 4px 6px rgb(0 0 0 / 5%);
    padding: 60px 30px;
    clear: both;
  }

  .abt-sec3-box:hover {
    box-shadow: 11px 12px 29px 10px rgb(116 20 41 / 22%);
  }

  .custom-select {
    position: relative;
    /* font-family: Arial; */
    width: 100%;
    padding: 0px !important;
    margin: 0 0 17px;
    border: 0 !important;
    border-radius: 4px !important;
    height: 45px !important;
  }

  .custom-select select {
    display: none;
    /*hide original SELECT element:*/
  }

  .select-selected {
    background-color: white;
  }

  /*style the arrow inside the select element:*/
  .select-selected:after {
    position: absolute;
    content: "";
    top: 14px;
    right: 10px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-color: #323d88 transparent transparent transparent;
  }

  /*point the arrow upwards when the select box is open (active):*/
  .select-selected.select-arrow-active:after {
    border-color: transparent transparent #fff transparent;
    top: 7px;
  }

  /*style the items (options), including the selected item:*/
  .select-items div,
  .select-selected {
    color: #000000;
    padding: 8px 16px;
    border: 0;
    /* border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent; */
    cursor: pointer;
    user-select: none;
    font-size: 14px;
  }

  /*style items (options):*/
  .select-items {
    position: absolute;
    background-color: white;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
  }

  /*hide the items when the select box is closed:*/
  .select-hide {
    display: none;
  }

  .select-items div:hover,
  .same-as-selected {
    background-color: rgb(46 57 130);
    color: #fff !important;
  }

  .course-link h2 a:hover {
    color: #fff;
    text-decoration: none;
  }

  .course-link h3 a:hover {
    color: #fff;
    text-decoration: none;
  }

  .course-link h2 a {
    color: #fff;
    transition: all ease-in-out 0.5s;
  }

  .course-link h3 a {
    color: #fff;
    transition: all ease-in-out 0.5s;
  }

  .course-link {
    width: 100%;

    float: left;

    text-align: center;
  }

  .course-link h2 {
    background: #972941;

    margin: 0;

    font-size: 25px;

    color: #fff;

    font-weight: 300;

    padding: 20px 0;
  }

  .course-link h2 img {
    width: 40px;

    margin-left: 18px;

    transition: all ease-in-out 0.5s;

    -webkit-transition: all ease-in-out 0.5s;

    -moz-transition: all ease-in-out 0.5s;
  }

  .course-link h3 {
    background: #5a66b4;

    margin: 0;

    font-size: 25px;

    color: #fff;

    font-weight: 300;

    padding: 20px 0;
  }

  .course-link h3 img {
    width: 40px;

    margin-left: 18px;

    transition: all ease-in-out 0.5s;

    -webkit-transition: all ease-in-out 0.5s;

    -moz-transition: all ease-in-out 0.5s;
  }

  .electrical-sec-full h6 {
    font-size: 16px;
    color: #05558b;
    font-weight: 400;
    margin: 0;
    padding: 10px 0;
    float: left;
    width: 100%;
  }

  .mail-box1 h6 {
    font-size: 13px;
    color: #575252;
  }

  .form-box button {
    width: 100%;

    background: #323d88;

    font-size: 14px;

    padding: 10px;

    color: #fff;

    border: 0;

    border-radius: 4px;

    cursor: pointer;

    transition: all ease-in-out 0.5s;

    -webkit-transition: all ease-in-out 0.5s;

    -moz-transition: all ease-in-out 0.5s;
  }

  .form-box button:hover {
    background: #960423;
  }

  .abt-sec3-box img {
    float: left;
  }

  .form-box {
    width: 100%;

    float: left;

    background: #f0f0f0;
  }

  .form-box h3 {
    background: #960423;

    font-size: 22px;

    font-weight: 300;

    color: #fff;

    padding: 10px;

    text-align: center;
  }

  .form-box form {
    padding: 20px;
  }

  .form-box input {
    border: 0;

    width: 100%;

    background: #fff;

    border-radius: 5px;

    margin-bottom: 13px;

    padding: 15px;

    font-size: 14px;

    color: #000;
  }

  .form-box select {
    border: 0;

    width: 100%;

    background: #fff;

    border-radius: 5px;

    margin-bottom: 13px;

    padding: 15px;

    font-size: 14px;

    color: #000;
  }

  .form-box textarea {
    border: 0;
    width: 100%;
    background: #fff;
    border-radius: 5px;
    margin-bottom: 13px;
    padding: 15px;
    font-size: 14px;
    color: #000;
  }

  .about-text h5 {
    background: #4e0716;

    float: left;

    font-size: 15px;

    color: #fff;

    text-transform: uppercase;

    padding: 12px 40px;

    border-radius: 30px;

    font-weight: 500;
  }

  .about-text h6 {
    font-size: 14px;

    color: #fff;

    font-weight: 500;

    text-transform: uppercase;
  }

  .abt-sec2 h2 span {
    font-weight: 600;
  }

  .about-text:after {
    position: absolute;
    content: "";
    background: url("../images/quote.png");
    width: 188px;
    height: 168px;
    left: -255px;
    top: 0;
  }

  .about-text p {
    font-size: 14px;

    color: #fff;

    line-height: 30px;

    width: 85%;
  }

  .about-text {
    position: relative;
  }

  .placement-bg {
    width: 100%;

    float: left;

    background: url("../images/placement-bg.png");

    padding: 60px 4%;

    text-align: center;

    background-position: center;

    background-size: cover;
  }

  .placement-bg h2 {
    font-size: 50px;

    color: #fff;

    font-weight: 400;
  }

  .placement-bg h2 span {
    font-weight: 600;
  }

  .placement-bg p {
    font-size: 14px;

    color: #fff;

    font-weight: 400;

    padding: 10px 316px;

    line-height: 28px;
  }

  .placement-bg a {
    background: #960423;

    font-size: 14px;

    color: #fff;

    font-weight: 600;

    padding: 13px 25px 15px;

    border-radius: 5px;
  }

  .placement-bg a:hover {
    text-decoration: none;

    background: #a90a2c;
  }

  .header-content h5 {
    font-size: 14px;

    color: #960423;

    text-align: left;

    text-transform: uppercase;

    font-weight: 600;

    text-align: right;
  }

  .p4-carousel .owl-dots {
    position: relative;
    top: -148px;
    float: right;
  }

  .p4-carousel button.active {
    background: #ccc !important;
  }

  .p4-carousel button {
    width: 8px !important;
    height: 8px !important;
    background: #fff !important;
    border-radius: 100% !important;
    margin-left: 8px;
  }

  .mail-box1 {
    float: right;
    padding-top: 15px;
    width: 11%;
    padding-bottom: 14px;
    border-right: 1px solid #ececec;
    padding-left: 25px;
    padding-right: 0;
  }

  .mail-box1 img {
    margin-right: 10px;
  }

  .get-box a {
    background: #000537;
    float: left;
    padding: 18px 15px;
    font-size: 14px;
    color: #fff;
    font-weight: 400;
    border-radius: 10px;
    margin-top: 10px;
    text-align: left;
    text-transform: uppercase;
    width: 210px;
  }

  .get-admission {
    float: right;
    background: #a90a2c;
    padding: 11px 30px;
  }

  .get-admission span {
    font-size: 14px;
    color: #fff;
    margin: 0;
    font-weight: 400;
  }

  .get-admission:hover {
    text-decoration: none;
    opacity: 0.7;
  }

  .get-box a:hover {
    color: #fff !important;

    text-decoration: none;

    background: #4d1b6d;
  }

  .ftr-top h2 {
    font-size: 45px;
    color: #fff;
    font-weight: 400;
    margin: 0;
  }

  .ftr-top h2 span {
    font-weight: 600;
  }

  .p2-box span {
    font-size: 19px;
    color: #fff;
    font-weight: 300;
    width: 100%;
    float: left;
  }

  .p2-box img {
    width: auto !important;
    height: auto !important;
    clear: both;
    float: left;
  }

  .ftr-top-left {
    width: 100%;

    float: left;

    margin-top: 30px;
  }

  .ftr-top {
    width: 100%;

    float: left;

    background: #09212b;

    padding: 60px 4%;
  }

  .ftr-top-left img {
    float: left;

    margin-right: 20px;
  }

  .ftr-top h6 {
    font-size: 15px;

    color: #929fa5;

    font-weight: 700;

    text-transform: uppercase;
  }

  .ftr-top-left h5 {
    font-size: 14px;

    color: #b9c39b;

    font-weight: 600;

    line-height: 26px;

    margin: 0;
  }

  .ftr-top-left h5 span {
    color: #aab9c1;

    font-weight: 400;

    padding-top: 20px;
  }

  .ftr-top-left h4 {
    font-size: 22px;

    color: #fff;

    font-weight: 600;
  }

  .p4-carousel {
  }

  .p4-carousel img {
    /* float: left; */
    /* margin-right: 14px; */
  }

  .p4-carousel h5 {
    font-size: 13px;
    color: #878787;
    padding: 0 15px 10px;
  }

  .p4-carousel h6 {
    font-size: 16px;

    color: #000;

    font-weight: 400;

    margin: 0;
  }

  .margin-last {
    margin-top: 90px;
  }

  .margin {
    margin-top: 60px;
  }

  .contact-box:hover {
    height: 230px;
    width: 100%;
    float: left;
    padding: 30px 25px;
    border: 1px solid #1a1a2b;
  }

  .overlay a {
    font-size: 15px;
    color: #fff;
    font-weight: 400;
    text-transform: uppercase;
    background: #813dae;
    padding: 15px 21px;
    width: 206px;
    display: table;
    margin: 20px auto 0;
    text-align: left;
    border-radius: 10px;
  }

  .quick-top:hover {
    text-decoration: none;
    opacity: 0.7;
  }

  .top-social a {
    -webkit-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    transition: all ease-in-out 0.5s;
  }

  .top-social a img {
    -webkit-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    transition: all ease-in-out 0.5s;
  }

  .top-social a img:hover {
    margin-top: -4px;
  }

  .make-contact2 {
    float: left;
    background: #fff;
    font-size: 13px;
    color: #1a1a2b;
    font-weight: 700;
    padding: 10px 45px 13px;
    border-radius: 5px;
    text-transform: uppercase;
    margin-top: 50px;
  }

  .make-contact2:hover {
    background: #1a1a2b;
    color: #fff;
    text-decoration: none;
  }

  .input-area input {
    width: 100%;
    height: 52px;
    border-radius: 5px;
    background: #fff;
    border: 0;
    padding: 5px 10px;
    font-size: 14px;
  }

  .input-area {
    width: 100%;
    float: left;
    margin-bottom: 30px;
  }

  .input-area textarea {
    width: 100%;
    height: 135px;
    border-radius: 5px;
    background: #fff;
    border: 0;
    padding: 5px 10px;
    font-size: 14px;
  }

  .input-area button {
    background: #da4953;
    border: 0;
    width: 100%;
    padding: 15px 0;
    border-radius: 5px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
  }

  .input-area button:hover {
    text-decoration: none;
    background: #1a1a2b;
  }

  .contact-input img {
    position: absolute;
    left: 0;
    z-index: 99;
    height: 54px;
    width: 152px;
    object-fit: cover;
  }

  .contact-bg {
    width: 100%;
    float: left;
    background: url("../images/contact-bg.png");
    background-position: center;
    background-size: cover;
    padding: 60px 5%;
  }

  .contact-bg input {
    border: 0;
    width: 100%;
    float: left;
    margin-bottom: 30px;
    padding: 15px;
    font-size: 14px;
    color: #000;
  }

  .contact-bg h2 {
    font-size: 35px;
    font-weight: 700;
    color: #000;
    width: 100%;
  }

  .contact-bg p {
    font-size: 14px;
    color: #000;
    line-height: 28px;
    padding-top: 20px;
  }

  .contact-bg button {
    background: #1a1a2b;
    border: 0;
    font-size: 14px;
    color: #fff;
    padding: 15px 40px;
    font-weight: 600;
    cursor: pointer;
  }

  .contact-bg button:hover {
    background: #da4953;
  }

  .contact-bg textarea {
    border: 0;
    width: 100%;
    float: left;
    margin-bottom: 30px;
    padding: 15px;
    font-size: 14px;
    color: #000;
    height: 110px;
  }

  .contact-bg form {
    width: 90%;
    float: left;
    margin-top: 10px;
  }

  .innerban a {
    float: right;
    color: #fff !important;
    background: #38383d;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    padding: 12px 30px 15px;
    border-radius: 5px;
    margin-top: 30px;
  }

  .innerban a:hover {
    text-decoration: none;
    background-color: #da4953;
  }

  .contact-box h6 span {
    font-weight: 600;
  }

  .contact-box h6 {
    font-size: 15px;
    color: #000;
    font-weight: 400;
    line-height: 26px;
  }

  .contact-box img {
    position: absolute;
    right: -2px;
    top: 0;
  }

  .track-full {
    width: 100%;
    float: left;
    margin-top: 45px;
  }

  .top-social {
    width: 100%;
    text-align: center;
    padding: 16px 0;
    float: left;
  }

  .electrical-sec-full h4 {
    font-size: 15px;
    color: #9a0707;
    font-weight: 700;
    margin-top: 30px;
    float: left;
    margin-bottom: 15px;
    width: 100%;
    text-transform: uppercase;
  }

  .electrical-sec-full h5 {
    position: relative;
    font-size: 14px;
    color: #000;
    font-weight: 400;
    line-height: 28px;
    padding-left: 30px;
    float: left;
    width: 50%;
  }

  .electrical-sec-full h5:after {
    position: absolute;
    content: "";
    background: url("../images/point.png");
    width: 20px;
    height: 22px;
    border-radius: 100%;
    left: 0;
    top: 4px;
  }

  .abt3 {
  }

  .about-sec2 {
  }

  .abt-sec3 h2 {
    position: relative;
  }

  .abt-sec3 h2:after {
    position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background: #da4953;
    left: 0;
    top: 9px;
  }

  .abt-sec-box {
    width: 100%;
    float: left;
    padding: 40px 10%;
  }

  .about-sec2 h2 {
  }

  .about-sec2 h2 span {
  }

  .about-sec2 p {
  }

  .about-sec-full {
    width: 100%;
    float: left;
    padding: 60px 5%;
  }

  .about-sec-full .abt2 {
    width: 412px;
    height: 475px;
    float: left;
    margin-right: 30px;
    object-fit: cover;
  }

  .about-sec-full h2 {
    font-size: 35px;
    color: #000;
    font-weight: 300;
    margin-top: 15px;
    margin-bottom: 14px;
  }

  .about-sec-full h2 span {
    font-weight: 500;
  }

  .about-sec-full h6 {
    font-size: 15px;
    font-weight: 500;
    color: #000;
    /* background: aliceblue; */
    width: 59%;
  }

  .about-sec-full p {
    font-size: 14px;
    color: #000;
    line-height: 30px;
    margin-bottom: 10px;
  }

  .top-social a {
    margin: 0 10px;
  }

  .top-social a:hover {
  }

  .location {
    float: left;
    margin: 10px 0 28px;
  }

  .mail-box {
    float: right;
    margin-top: 17px;
    width: 16%;
    margin-bottom: 15px;
    border-right: 2px solid #ececec;
    padding-left: 24px;
    padding-right: 0;
  }

  .mail-box img {
    /* width: 42px; */
    /* height: 41px; */
    float: left;
    margin-right: 10px;
    /* object-fit: contain; */
    margin-top: 2px;
  }

  .mail-box h6 {
    font-size: 13px;
    color: #000000;
    margin: 0;
  }

  .mail-box h6 span {
    font-size: 15px;
    font-weight: 400;
    color: #000000;
    padding-top: 0px;
    float: left;
  }

  .quick-top {
    /* width: 100%; */
    /* background: #da4953; */
    /* padding: 16px 0; */
    /* float: left; */
    /* text-align: center; */
    /* font-size: 14px; */
    /* color: #fff; */
    /* font-weight: 600; */
    /* text-transform: uppercase; */
  }

  .get-box {
    width: 100%;

    float: left;

    /* border-bottom: 1px solid #313141; */

    /* margin-top: 20px; */

    padding-bottom: 20px;
  }

  .get-box img {
    float: right;

    filter: invert(1);

    margin-top: 4px;
  }

  .get-box h5 {
    font-size: 13px;
    color: #c3c3c3;
    font-weight: 400;
  }

  .get-box h5 span {
    /* width: 100%; */
    /* float: left; */
    font-size: 20px;
    font-weight: 300;
  }

  .location img {
    width: 26px;
    height: 40px;
    float: left;
    margin-right: 15px;
  }

  .location h6 {
    font-size: 13px;
    color: #c3c3c3;
    font-weight: 400;
    line-height: 22px;
  }

  .footer h2:after {
    position: absolute;
    content: "";
    background: url("../images/border.png");
  }

  .make-contact:hover {
    background: #a30e18;
    color: #fff;
    text-decoration: none;
  }

  .customer-serv {
    margin-top: 22px;
    height: 393px;
    object-fit: cover;
    border-radius: 5px;
    max-width: 100%;
    margin-bottom: 75px;
    float: left;
  }

  .service-highlight-box:hover {
    background: #533224;
  }

  .service-highlight-box:hover h5 {
  }

  .service-highlight-box:hover h6 {
    color: #fff;
  }

  .service-highlight-box:hover p {
    color: #fff;
  }

  .r-input[type="radio"]:checked + .rlabel::after {
    background: #960423;
  }

  .career-full {
    width: 100%;
    float: left;
    padding: 50px 6%;
  }

  .career-main-head {
    font-size: 25px;
    font-weight: 600;
    text-transform: uppercase;
    color: #000000;
  }

  .career-full p {
    font-size: 14px;
    line-height: 28px;
    /* margin-top: 20px; */
  }

  .career-form {
    width: 100%;
    float: left;
    margin-top: 30px;
  }

  .e-input {
    width: 100%;
    border: 0;
    border-bottom: 1px solid #b7b7b7;
    margin-bottom: 40px;
    margin-top: 30px;
    outline: none;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
    font-size: 13px;
    font-weight: 400;
    color: #000000;
    padding: 5px 0px;
  }

  .enquiry-label {
    font-size: 13px;
    font-weight: 600;
    /* font-family: 'Open Sans', sans-serif; */
    color: #000000;
    position: absolute;
    left: 15px;
    top: 0px;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
  }

  .renquiry-label {
    font-size: 13px;
    font-weight: 400;
    color: #000000;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
  }

  .r-input {
    border: 0;
    margin-bottom: 50px;
    margin-top: 50px;
    margin-left: 10px;
    margin-right: 10px;
    outline: none;
    position: relative;
    opacity: 0;
  }

  .f-input {
    width: 90%;
    border: 0;
    border-bottom: 1px solid #b7b7b7;
    margin-bottom: 40px;
    margin-top: 30px;
    outline: none;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
    font-size: 13px;
    font-weight: 400;
    color: #000000;
    padding: 5px 0px;
    position: absolute;
    overflow: hidden;
    z-index: 0;
    opacity: 0;
  }

  .f-input + label {
    width: 100%;
    font-size: 13px !important;
    font-weight: 300;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    padding: 4px 0px;
    /* width: 100%; */
    width: 150px;
    margin-top: 30px;
    float: left;
    color: #ffffff;
    text-align: center;
    /* background: #e24a30; */
    background: #960423;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    text-decoration: none !important;
    /* border: 1px solid #b7b7b7; */
    border: none;
  }

  .e-text {
    width: 100%;
    border: 0;
    resize: none;
    border-bottom: 1px solid #b7b7b7;
    margin-bottom: 40px;
    margin-top: 30px;
    outline: none;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
    font-size: 13px;
    font-weight: 400;
    color: #000000;
    padding: 5px 0px;
  }

  .enquiry-labels {
    font-size: 14px;
    font-weight: 400;
    color: #000000;
    position: absolute;
    left: 15px;
    top: 0px;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
  }

  .contact-icon {
    width: 100%;
    float: left;
    margin-top: 40px;
  }

  .contact-icon a {
    float: left;
    margin-right: 10px;
  }

  .contact-icon a img {
    background: #960423;

    height: 30px;

    width: 30px;

    border-radius: 4px;

    padding: 5px;

    transition: all ease-in-out 0.5s;

    -webkit-transition: all ease-in-out 0.5s;

    -moz-transition: all ease-in-out 0.5s;
  }

  .contact-icon a img:hover {
    background: #121212;
  }

  .border-ftr h6 {
    font-size: 14px;
    color: #fff;
    margin-top: 0px;
    font-weight: 400;
    float: left;
    line-height: 28px;
    width: 100%;
  }

  .address-box {
    width: 100%;
    float: left;
    margin-top: 30px;
  }

  .contact-full h3 {
    font-size: 30px;
    font-weight: 300;
    color: #000;
    float: left;
    width: 100%;
    margin-bottom: 30px;
  }

  .contact-full h3 span {
    width: 100%;
    float: left;
    font-weight: 600;
    color: #91903e;
  }

  .contact-full h4 {
  }

  .contact-full h5 {
    font-size: 19px;
    color: #a90914;
    font-weight: 700;
    text-transform: uppercase;
  }

  .project-full h2 span {
    width: 100%;
    float: left;
    font-weight: 600;
  }

  .business-sec3 {
    width: 100%;
    padding: 60px 5%;
    float: left;
  }

  .business-sec3 h2 {
    font-size: 39px;
    color: #000;
    text-align: center;
    font-weight: 600;
  }

  .business-sec3 p {
    font-size: 14px;
    color: #000;
    text-align: center;
    padding: 10px 300px;
    line-height: 28px;
  }

  .process-carousel {
  }

  .process-box {
    width: 100%;
    float: left;
    margin-top: 30px;
  }

  .process-carousel h5 {
    font-size: 50px;
    color: #87862b;
    font-weight: 600;
  }

  .process-carousel h6 {
    font-size: 21px;
    color: #000;
    font-weight: 700;
  }

  .process-carousel h4 {
    font-size: 14px;
    color: #000;
    font-weight: 400;
    line-height: 28px;
  }

  .process-carousel .owl-nav {
    display: block !important;
    text-align: center;
    margin-top: 50px;
  }

  .process-carousel .owl-prev {
    margin-right: 10px;
  }

  .business-sec2 {
    width: 100%;
    float: left;
    background: url("../images/ban7.png");
    background-size: cover;
    background-position: center;
    padding: 60px 5%;
  }

  .business-sec2 h2 {
    text-align: center;
    font-size: 39px;
    font-weight: 600;
    color: #fff;
  }

  .business-sec2 p {
    text-align: center;
    font-size: 14px;
    color: #fff;
    font-weight: 400;
    padding: 10px 277px;
    line-height: 28px;
  }

  .business-box {
    width: 100%;
    float: left;
    margin-top: 30px;
  }

  .business-box h5 {
    position: relative;
    font-size: 14px;
    color: #fff;
    font-weight: 400;
    line-height: 28px;
    padding-left: 55px;
  }

  .business-box h5:after {
    position: absolute;
    content: "";

    background: url("../images/icon15.png");
    width: 41px;
    height: 41px;
    left: 0;
    top: 9px;
  }

  .business-full {
    width: 100%;
    float: left;
    padding: 60px 5%;
  }

  .business-full p {
    font-size: 14px;
    color: #000;
    line-height: 28px;
    padding-top: 10px;
    margin: 0;
  }

  .business-full img {
    width: 600px;
    height: 420px;
    float: left;
    margin-right: 40px;
    margin-top: 15px;
  }

  .business-full h2 {
    font-size: 35px;
    color: #000;
    font-weight: 600;
  }

  .project-box2 {
    width: 100%;
    float: left;
    background: #f6f6f4;
    margin-top: 30px;
    padding: 30px 20px;
    vertical-align: middle;
  }

  .project-box2 h5 {
    font-size: 100px;
    color: #dfdfda;
    font-weight: 600;
    margin: 0;
  }

  .project-box2 p {
    font-size: 14px;
    color: #000;
    font-weight: 400;
    line-height: 28px;
    margin: 0;
    padding-top: 37px;
    vertical-align: middle;
  }

  .project-full {
    width: 100%;
    float: left;
    padding: 60px 5%;
  }

  .project-full h2 {
    font-size: 40px;
    color: #000;
    font-weight: 300;
    text-align: center;
  }

  .project-box {
    width: 100%;
    float: left;
    background: #dbdabf;
    margin-top: 30px;
    padding: 30px 20px;
    vertical-align: middle;
  }

  .project-box h5 {
    font-size: 100px;
    color: #b1b093;
    font-weight: 600;
    margin: 0;
  }

  .project-box p {
    font-size: 14px;
    color: #000;
    font-weight: 400;
    line-height: 28px;
    margin: 0;
    padding-top: 15px;
    vertical-align: middle;
  }

  .abt-sec4 {
    width: 100%;

    float: left;

    /* background: url('../images/ban6.png'); */

    /* background-position: center; */

    /* background-size: cover; */

    padding: 0 5% 50px;
  }

  .abt-sec4 h2 {
    font-size: 39px;
    color: #fff;
    font-weight: 600;
    text-align: center;
  }

  .abt-sec4 p {
    font-size: 14px;

    color: #000;

    /* padding: 10px 305px; */

    text-align: center;

    line-height: 28px;
  }

  .abt-sec4-box {
    width: 100%;

    float: left;

    background: #fff;

    padding: 30px 20px;

    /* margin-top: 30px; */

    text-align: center;
  }

  .abt-sec4-box img {
    height: 85px;

    object-fit: contain;
  }

  .abt-sec4-box h5 {
    font-size: 23px;

    color: #590909;

    font-weight: 600;

    padding-top: 10px;

    text-align: center;
  }

  .abt-sec4-box h6 {
    font-size: 14px;
    color: #000;
    line-height: 26px;
  }

  .abt-sec3 {
    width: 100%;
    float: left;
    padding: 60px 5%;
    /* text-align: center; */
  }

  .abt-sec3 h2 {
    font-size: 21px;
    color: #000;
    font-weight: 600;
    margin-bottom: 15px;
    padding-left: 18px;
  }

  .abt-sec3 p {
    font-size: 14px;
    color: #000;
    line-height: 28px;
    padding-left: 20px;
    margin: 0;
  }

  .abt-sec3-box {
    width: 100%;

    float: left;

    margin-top: 30px;

    background: #fff;

    box-shadow: 11px 12px 29px 10px rgb(0 0 0 / 8%);

    padding: 15px 10px;

    border-radius: 5px;

    transition: all ease-in-out 0.5s;

    -webkit-transition: all ease-in-out 0.5s;

    -moz-transition: all ease-in-out 0.5s;
  }

  .abt-sec3-box h4 {
    font-size: 40px;

    color: #2f2b2b;

    /* width: 80%; */

    font-weight: 700;

    width: auto;
  }

  .abt-sec3-box h5 {
    font-size: 21px;

    color: #000;

    font-weight: 600;

    width: 100%;
  }

  .abt-sec3-box h6 {
    font-size: 14px;
    color: #000;
    font-weight: 400;
    width: 80%;
    text-align: center;
    float: left;
    line-height: 23px;
  }

  .abt-sec2 h2 {
    font-size: 55px;
    text-align: left;
    font-weight: 400;
    color: #fff;
  }

  .abt-sec2 .owl-nav {
    float: right;
    position: relative;
  }

  .abt-sec2 .owl-prev {
    margin-right: 10px;
  }

  .abt-sec2 {
    width: 100%;

    float: left;

    background: url("../images/bg3.png");

    background-position: center;

    background-size: cover;

    padding: 50px 4%;
  }

  .sec2-p {
    font-size: 14px;
    color: #fff;
    text-align: center;
    font-weight: 400;
    padding: 10px 300px;
    line-height: 28px;
  }

  .abt-carousel {
    float: left;
    margin-top: 60px;
  }

  .founder-box {
  }

  .founder-box img {
    width: 305px !important;
    height: 410px;
    object-fit: cover;
    float: left;
    margin-right: 50px;
  }

  .founder-box h3 {
    font-size: 70px;
    -webkit-text-stroke-width: 1px;
    /* color: #fff; */
    -webkit-text-stroke-color: white;
    font-weight: 700;
    text-transform: uppercase;
    opacity: 0.7;
  }

  .founder-box p {
    color: #fff;
    font-size: 13px;
    line-height: 28px;
    padding-top: 15px;
  }

  .founder-box h5 {
    font-size: 18px;
    color: #e3e174;
    font-weight: 700;
    float: left;
    /* line-height: 30px; */
  }

  .founder-box h5 span {
    font-weight: 400;
    float: left;
    width: 80%;
    font-size: 12px;
    line-height: 22px;
  }

  .abt-image {
    position: relative;
  }

  .abt-image h6 {
    position: absolute;
    background: #636227;
    font-size: 27px;
    color: #fff;
    max-width: 545px;
    padding: 29px;
    bottom: -47px;
    left: 49px;
    padding-left: 122px;
    line-height: 39px;
    font-weight: 400;
  }

  .abt-image h6:after {
    position: absolute;
    content: "";

    background: url("../images/quote.png");
    width: 89px;
    height: 72px;
    left: 15px;
    top: 9px;
  }

  .abt-sec1 {
    width: 100%;
    float: left;
    padding: 70px 4%;
  }

  .abt-sec1 img {
    max-width: 100%;
  }

  .abt-sec1 h2 {
    font-size: 34px;
    font-weight: 300;
  }

  .abt-sec1 h2 span {
    font-weight: 600;
  }

  .abt-sec1 p {
    font-size: 14px;
    color: #000;
    font-weight: 400;
    line-height: 28px;
  }

  .innerban h6 {
    font-size: 15px;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
  }

  .innerban h3 {
    font-size: 40px;
    color: #fff;
    font-weight: 300;
  }

  .innerban h3 span {
    float: left;
    width: 100%;
    font-weight: 700;
  }

  .time-img {
    width: 33px;
    float: left;
    margin-right: 15px;
  }

  .call-us {
    float: left;
    background: #313830;
    width: 185px;
    height: 55px;
    text-align: center;
    padding: 15px 0;
    font-size: 14px;
    color: #fff;
    font-weight: 600;
  }

  .call-us:hover {
  }

  .follow {
    width: 100%;
    float: left;
  }

  .follow a img {
    height: 35px;
    transition: all ease-in-out 0.3s;
    background: #19222b;
    padding: 8px;
    border-radius: 5px;
    opacity: 0.7;
  }

  .follow a {
    margin-right: 20px;
    float: left;
  }

  .footer-top {
    width: 100%;
    float: left;
    background: #121212;
    padding: 20px 4%;
  }

  .footer-top-box {
    width: 100%;
    float: left;
    padding: 20px 0;
    border-right: 1px solid;
  }

  .footer-top-box img {
    /* width: 53px; */
    float: left;
    margin-right: 15px;
  }

  .footer-top-box h6 {
    font-size: 14px;
    color: #fff;
    font-weight: 400;
  }

  .footer-top-box h5 {
    color: #87851d;
    font-size: 15px;
    font-weight: 500;
  }

  .box-brown span {
    width: 100%;
    font-weight: 600;

    float: left;
  }

  .ban5 {
    width: 100%;
    height: 656px !important;
    object-fit: cover;
    position: relative;
    z-index: -1;
  }

  .ban5-box {
    width: 100%;
    float: left;
    position: relative;
    height: 637px;
  }

  .ban5-text {
    position: absolute;
    bottom: 175px;
    left: 23px;
    right: 23px;
  }

  .ban5-text h4 {
    font-size: 34px;
    color: #000;
    font-weight: 300;
    width: 68%;
    float: left;
  }

  .ban5-text h4 span {
    width: 100%;
    /* float: left; */
    font-weight: 600;
  }

  .ban5-text a {
    float: right;
    width: 160px;
    height: 55px;
    border: 2px solid #454416;
    font-size: 14px;
    color: #454416;
    font-weight: 600;
    padding: 15px 0;
    text-align: center;
    margin-top: 12px;
  }

  .ban5-text a:hover {
    text-decoration: none;
    background: #454416;
    color: #fff;
    border-color: #454416;
  }

  .box-brown {
    width: 100%;
    float: left;
    background: #723f08;
    text-align: center;
    padding: 30px 16px;
    margin-bottom: 25px;
  }

  .box-brown h6 {
    font-size: 24px;
    color: #fff;
    font-weight: 300;
    margin-top: 15px;
  }

  .box-bron h6 span {
  }

  .box-brown img {
    height: 84px;
  }

  .follow a img:hover {
    /* height: 40px; */
    margin-top: -4px;
  }

  .top-quick:hover .request-sec {
    display: block !important;
  }

  .quick-send {
    background: #960423;

    width: 100%;

    border: 0;

    font-size: 14px;

    font-weight: 700;

    cursor: pointer;

    color: #fff;

    padding: 10px;

    transition: all ease-in-out 0.5s;

    -webkit-transition: all ease-in-out 0.5s;

    -moz-transition: all ease-in-out 0.5s;
  }

  .quick-send:hover {
    /* background: #1a1a2b; */

    color: #fff;

    opacity: 0.7;
  }

  .request-sec {
    position: fixed;
    right: 0;
    width: 100%;
    top: -450px;
    /* z-index: 999; */
    right: 0;
    /*transition: all ease-in-out 1.5s;*/
    height: 100%;
    /*background: #0000008f;*/
    z-index: 999;
  }

  .req-form {
    width: 427px;
    float: right;
    height: auto;
    margin-right: 0;
    opacity: 1;
    /*transition: all ease-in-out 0.5s;*/
    background: #fff;
    padding: 40px;
    top: 0;
    position: relative;
    right: 0;
    height: 100%;
    z-index: 99;
  }

  .form-inner {
    display: none;
  }

  .form-block {
    opacity: 1;
  }

  .req-form h2 {
    font-size: 25px;
  }

  .req-form p {
    font-size: 14px;
    width: 87%;
    line-height: 28px;
  }

  .field_area {
    width: 100%;
    float: left;
    position: relative;
    margin: 0 0 20px;
  }

  .field_area label {
    color: #000;
    font-size: 14px;
  }

  .field_area input[type="email"],
  .field_area input[type="number"],
  .field_area input[type="text"],
  .field_area textarea {
  }

  #request-quote:hover {
    text-decoration: none;
    opacity: 0.8;
  }

  .serv-detail-img {
    border-radius: 10px;

    height: 400px;

    max-width: 100%;

    width: 100%;

    object-fit: cover;
  }

  .service-highlight {
    width: 100%;

    float: left;

    padding: 70px 0;
  }

  .service-highlight-box {
    width: 90%;

    float: left;

    background: #fff;

    box-shadow: 2px 3px 3px 3px rgba(0, 0, 0, 0.05);

    padding: 60px 30px;

    border-radius: 10px;

    margin-top: 50px;

    transition: all ease-in-out 0.5s;

    -webkit-transirion: all ease-in-out 0.5s;
  }

  .service-highlight h2 {
    font-size: 45px;

    font-weight: 300;

    color: #000;
  }

  .service-highlight h2 span {
    font-weight: 700;
  }

  .service-highlight-box h5 {
    font-size: 68px;

    -webkit-text-stroke-width: 2px;

    -webkit-text-stroke-color: #3d2116;

    -webkit-text-fill-color: white;
    /* Will override color (regardless of order) */

    font-family: "Roboto", sans-serif !important;
  }

  .service-highlight-box h6 {
    font-size: 22px;

    color: #000;

    font-weight: 600;
  }

  .service-highlight-box p {
    font-size: 14px;

    line-height: 29px;

    margin-top: 11px;

    margin-bottom: 0;
  }

  .log_set img {
    position: absolute;
    left: 7px;
    top: 39px;
    border-right: 1px solid #cd9337;
    /* right: 15px; */
    padding-right: 9px;
  }

  .contact-full {
    /* background: #f7b142; */
    width: 100%;
    float: left;
    padding: 60px 5%;
  }

  .contact-full h2 {
    font-size: 35px;
    /* text-align: center; */
    padding: 0;
    /* line-height: 60px; */
    font-weight: 700;
    width: 100%;
    float: left;
    margin-bottom: 10px;
  }

  .contact-full p {
    font-size: 14px;
    /* text-align: center; */
    /* padding: 20px 356px; */
    line-height: 30px;
    width: 100%;
    float: left;
    margin-bottom: 30px;
  }

  .contact-full form {
    /* max-width: 625px; */
    /* display: block; */
    /* margin: 30px auto; */
  }

  .log_set {
    width: 100%;
    float: left;
    position: relative;
    padding: 0 0 17px;
    margin-bottom: 15px;
  }

  .log_set label {
    width: 100%;
    float: left;
    position: relative;
    font-size: 15px;
    /* font-family: 'Open Sans', sans-serif !important; */
    font-weight: 400;
    color: #000;
    line-height: 25px;
    margin: 0 0 5px;
    text-align: left;
  }

  .log_set input[type="text"],
  .log_set input[type="password"],
  .log_set input[type="mail"],
  .log_set input[type="email"],
  .log_set input[type="tel"],
  .log_set textarea,
  .log_set select {
    width: 100%;
    float: left;
    position: relative;
    height: 50px;
    border: none;
    padding: 10px 20px;
    font-size: 14px;
    line-height: 30px;
    color: #000;
    font-weight: 300;
    /* border-radius: 4px; */
    -moz-border-radius: 4px;
    /* -webkit-border-radius: 4px; */
    /* border-radius: 3px; */
    background: transparent;
    outline: none;
    border: solid 1px #979797;
    /* padding-left: 0px; */
    /* padding-right: 0px; */
  }

  .contact-full button:hover {
    background: #121212;
    color: #000;
    border-color: #121212;
    color: #fff;
  }

  .contact-full button {
    /* background: #3d2116; */
    color: #121212;
    background: #636227;
    color: #fff;
    border-color: #636227;
    border: 2px solid;
    padding: 20px;
    border-radius: 0;
    font-size: 14px;
    /* display: block; */
    text-align: center;
    width: 100%;
    /* background: transparent; */
    font-weight: 700;
    /* margin: auto; */
    cursor: pointer;
    transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
  }

  .saffron-box {
    max-width: 900px;

    display: block;

    margin: 40px auto 0;
  }

  .fly-saffron-full {
    width: 100%;

    float: left;

    padding: 70px 0;
  }

  .fly-saffron-full img {
    margin-top: 30px;
    max-width: 100%;
  }

  .fly-saffron-full h2 {
    width: 100%;

    float: left;

    font-size: 45px;

    font-weight: 300;

    margin-bottom: 20px;
  }

  .contact-full h2 span {
    width: 100%;
    float: left;
    font-weight: 700;
    color: #91903e;
  }

  .fly-saffron-full h2 span {
    width: 100%;

    float: left;

    font-weight: 700;
  }

  .fly-saffron-full p {
    font-size: 14px;

    color: #000;

    line-height: 30px;

    margin: 0;
  }

  .innerban-saffron p {
    float: left;

    width: 100%;

    text-align: center;

    color: #fff;

    font-size: 14px;

    padding: 10px 365px;

    line-height: 30px;

    margin: 0;

    padding-bottom: 0;
  }

  .caption_area a:hover {
    background: transparent !important;
  }

  .career-box:hover h6 {
    background: #442014;

    color: #fff;
  }

  .career-box h6 {
    font-size: 19px;

    text-align: center;

    margin-top: 0;

    width: 100%;

    float: left;

    font-weight: 600;

    color: #000;

    background: #f7b142;

    padding: 17px 0;

    border-bottom-left-radius: 5px;

    border-bottom-right-radius: 5px;

    transition: all ease-in-out 0.5s;
  }

  .career-box h5 {
    font-size: 19px;

    text-align: center;

    margin-top: 10px;

    font-weight: 600;

    color: #000;
  }

  .career-box h2 {
    text-align: left;

    font-size: 27px;

    font-weight: 700;

    margin-top: 25px;

    color: #000;
  }

  .career-box p {
    font-size: 14px;

    text-align: left;

    color: #000;

    line-height: 27px;

    font-weight: 400;
  }

  .career-box span {
    color: #441f16;
  }

  .career-box-a {
    float: left;

    border: 1px solid #422014;

    padding: 11px 26px 14px;

    font-size: 14px;

    color: #000;

    font-weight: 600;

    border-radius: 5px;
  }

  .career-box-a:hover {
    background: #422014;

    color: #fff;

    text-decoration: none;
  }

  .ct-bg {
    width: 100%;

    text-align: center;

    float: left;

    background: url("../images/about-bg.png");

    padding: 100px 0;

    background-attachment: fixed;

    background-size: cover;

    background-position: center;
  }

  .ct-bg h2 {
    font-size: 50px;

    color: #fff;

    font-weight: 300;
  }

  .ct-bg h2 span {
    width: 100%;

    float: left;

    color: #f7b142;

    font-weight: 700;
  }

  .highlight-full {
    width: 100%;

    float: left;

    padding: 70px 0;
  }

  .highlight-box {
    width: 100%;

    /* float: left; */

    max-width: 950px;

    display: block;

    margin: auto;

    /* margin-bottom: 40px; */
  }

  .highlight-box h2 {
    position: relative;
    background: #ccd1d9;
    font-size: 23px;
    font-weight: 700;
    padding: 15px;
    width: 80%;
    margin-top: 35px;
  }

  .highlight-box h2:after {
    position: absolute;
    content: "";
    background: url("../images/point.png");
    width: 68px;
    height: 24px;
    right: -68px;
    top: 17px;
  }

  .highlight-box p {
    font-size: 14px;

    color: #000;

    line-height: 30px;

    text-align: justify;

    margin-bottom: 65px;
  }

  .highlight-box2 {
    width: 100%;

    /* float: left; */

    max-width: 950px;

    display: block;

    margin: auto;

    /* margin-bottom: 40px; */
  }

  .highlight-box2 h2 {
    position: relative;
    background: #ccd1d9;
    font-size: 23px;
    font-weight: 700;
    float: right;
    padding: 15px;
    width: 80%;
    margin-top: 35px;
  }

  .highlight-box2 h2:after {
    position: absolute;
    content: "";
    background: url("../images/point.png");
    width: 68px;
    height: 24px;
    left: -68px;
    top: 17px;
    transform: rotate(180deg);
  }

  .highlight-box2 p {
    font-size: 14px;

    color: #000;

    line-height: 30px;

    text-align: justify;

    margin-bottom: 65px;
  }

  .service-full {
    width: 100%;

    float: left;

    padding: 70px 0;
  }

  .service-box {
    width: 100%;

    float: left;

    margin-bottom: 85px;
  }

  .partner-logo {
    width: 100%;
    float: LEFT;
    border: 1px SOLID #cccccc73;
    padding: 15px;
    margin-top: 25px;
    border-radius: 5px;
  }

  .partner-logo img {
    height: 100px;
    object-fit: CONTAIN;
  }

  .service-box img {
    width: 100%;

    border-top-left-radius: 10px;

    border-top-right-radius: 10px;

    height: 270px;

    object-fit: cover;
  }

  .service-box p {
    font-size: 14px;

    line-height: 30px;

    padding: 0 15px;
  }

  .service-box h2 {
    font-size: 24px;

    font-weight: 700;

    width: 100%;

    float: left;

    margin-top: 30px;

    padding: 0 15px;
  }

  .active-class-about:after {
    left: 36px !important;
    bottom: -12px !important;
  }

  .vision-sec {
    width: 100%;

    float: left;

    margin-bottom: 60px;
  }

  .vision-bg {
    background: #fff;

    border-radius: 100%;

    box-shadow: 1px 5px 6px 4px rgb(0 0 0 / 7%);

    padding: 29px 0;

    width: 125px;

    height: 125px;
  }

  .about-sec3 {
    width: 100%;

    float: left;

    padding: 150px 0 0px;
  }

  .about-sec3 img {
    display: block;

    margin: auto;
  }

  .about-sec3 h2 {
    font-size: 35px;

    font-weight: 300;

    margin-top: 10px;
  }

  .about-sec3 h2 span {
    font-weight: 700;
  }

  .about-sec3 p {
    font-size: 14px;

    line-height: 30px;

    color: #000;
  }

  .about-sec2 {
    width: 100%;

    float: left;
  }

  .about-sec2 h2 {
  }

  .about-sec2 h2 span {
    float: left;

    width: 100%;

    font-weight: 700;
  }

  .about-sec2 p {
    float: left;

    width: 100%;

    font-size: 14px;

    line-height: 28px;

    color: #fff;

    margin-top: 20px;
    margin-bottom: 0;
  }

  .about-sec2 img {
    max-width: 100%;

    position: absolute;

    top: -62px;
  }

  .about-full2 {
    padding: 70px 0 !important;
  }

  .about-full2 img {
    width: 506px !important;
    border-radius: 10px;
    margin-left: 40px !important;
  }

  .innerban img {
    position: absolute;

    bottom: -2px;

    width: 100%;

    float: left;

    left: 0;
  }

  .innerban h2 span {
    color: #f7b142;

    width: 100%;

    float: left;

    font-weight: 700;
  }

  .innerban-saffron img {
    position: absolute;

    bottom: -2px;

    width: 100%;

    float: left;

    left: 0;
  }

  .innerban-saffron h2 {
    color: #fff;

    width: 100%;

    float: left;

    font-weight: 700;

    text-align: center;

    font-size: 50px;
  }

  .top-quick img {
    float: right;
  }

  .top-quick:hover img {
    filter: invert(1);
  }

  .bdr-padding {
    padding: 0 0 0 40px;
  }

  .slider-ban .owl-dots:after {
    /* content: ''; */
    position: absolute;
    height: 26px;
    width: 2px;
    background: #babdb4;
    bottom: -32px;
    right: 15px;
  }

  .slider-ban .owl-dots:before {
    /* content: ''; */
    position: absolute;
    height: 26px;
    width: 2px;
    background: #babdb4;
    top: -39px;
    right: 17px;
  }

  .slider-ban .owl-dot.active span {
    background: #000000;
  }

  .highlight-hover:hover:after {
    left: 48px !important;
  }

  .gal-hover:hover:after {
    left: 62px !important;
  }

  .branch-hover:hover:after {
    left: 0px !important;
  }

  .fly-hover:hover:after {
    left: 77px !important;
  }

  .contact-hover:hover:after {
    left: 48px !important;
  }

  .slider-ban .owl-dots button span {
    background: #603176;
    width: 8px;
    height: 8px;
    float: right;
    border-radius: 100%;
    margin-right: 13px;
    margin-bottom: 13px;
  }

  .slider-ban .owl-dots {
    float: right;
    position: absolute;
    top: 50%;
    right: 20px;
    z-index: 9999;
    /* display: none; */
  }

  .slider-ban .owl-dots button {
    float: right;
    width: 100%;
  }

  .arrow {
    width: auto !important;
    float: right;
    position: absolute;
    bottom: 28px;
    right: 0;
    background: #f7b142;
    padding: 9px;
    border-radius: 100% !important;
    height: 43px;
  }

  .arrow1 {
    width: auto !important;
    float: right;
    position: absolute;
    bottom: 28px;
    right: 19px;
    background: #c1dde8;
    filter: invert(1);
    padding: 9px;
    border-radius: 100% !important;
    height: 43px;
  }

  .arrow1:hover {
    background: #f7b142;

    filter: invert(0);
  }

  .arrow3 {
    width: auto !important;
    float: right;
    position: absolute;
    bottom: 69px;
    right: 19px;
    background: #c1dde8;
    filter: invert(1);
    padding: 9px;
    border-radius: 100% !important;
    height: 43px !important;
  }

  .arrow3:hover {
    background: #f7b142;

    filter: invert(0);
  }

  .arrow2:hover {
    background: #f7b142;

    filter: invert(0);
  }

  .arrow2 {
    width: auto !important;
    float: right;
    position: absolute;
    bottom: 28px;
    right: 19px;
    background: #c1dde8;
    filter: invert(1);
    padding: 9px;
    border-radius: 100% !important;
    height: 43px;
  }

  .dnld-profile {
    border: 1px solid #000;
    padding: 10px 20px 13px;
    font-size: 14px;
    color: #000;
    font-weight: 600;
    margin-top: 30px;
    border-radius: 5px;
    display: inline-block;
    clear: both;
    margin: 30px auto;
    width: 200px;
    text-align: center;
  }

  .dnld-profile:hover {
    background: #1a2426;

    color: #fff !important;
  }

  .border-ftr {
    width: 100%;

    float: left;

    /* border-right: 1px solid #edeceb; */

    /* height: 250px; */

    /* padding: 0 20px; */
  }

  .header-social svg {
    height: 24px;
    fill: #7f7f7f;
    margin: 0px 15px 0 0;
    position: inherit !important;
  }

  .panel8 .row {
    overflow: hidden;
    float: left;
    width: 100%;
  }

  .row-box {
    float: left;
    width: 100%;
    margin-bottom: 25px;
  }

  .panel8 h2 span {
    font-weight: 700;
  }

  .panel8-curve {
    position: absolute;

    top: -76px;

    left: 0;

    width: 100%;

    left: 0;

    z-index: 99999;

    float: left;

    /* overflow: hidden; */
  }

  .panel8 {
    float: left;

    width: 100%;

    background: #f7b142;

    padding: 40px 0 0 8%;

    position: relative;

    /* overflow-x: hidden; */
  }

  .panel8 h2 {
    font-size: 45px;

    color: #3f2317;

    font-weight: 300;

    line-height: 56px;

    margin-top: 13px;

    padding-right: 10%;
  }

  .panel h2 span {
  }

  .panel8 p {
    font-size: 14px;

    line-height: 30px;

    color: #000;

    padding-top: 10px;

    padding-right: 10%;

    margin: 0;
  }

  .panel8-img {
    width: 100%;

    float: left;

    border-radius: 10px;

    margin-bottom: 60px;
  }

  .panel8-box {
    top: 375px;

    position: absolute;

    background: #f7f6f6;

    width: 100%;

    padding: 30px 15px 0;

    border-top-left-radius: 10px;

    overflow: hidden;

    /* float: left; */

    right: 0;
  }

  .p8-icon {
  }

  .panel8 h6 {
    /*font-family: 'Roboto', sans-serif !important;*/

    font-size: 17px;

    color: #070707;

    font-weight: 700;

    float: left;

    padding-top: 11px;
  }

  .panel7-text {
    position: absolute;

    bottom: -376px;

    left: -2px;
  }

  .panel7 {
    width: 100%;

    float: left;

    background: url("../images/map-bg.png");

    background-size: cover;

    background-position: center;

    padding: 70px 6%;

    position: relative;

    z-index: 0;
  }

  .panel7 h2 span {
    font-weight: 700;
  }

  .panel7 h2 {
    font-size: 38px;

    font-weight: 300;

    color: #fff;

    margin-bottom: 30px;

    padding-left: 30px;
  }

  .panel7 h5 {
    /* position: absolute; */
    /* bottom: 0; */
    font-size: 24px;
    text-align: right;
    color: #fff;
    line-height: 32px;
    font-weight: 300;
  }

  .panel7 h5:after {
    position: absolute;
    content: "";
    background: url("../images/quote.png");
    width: 67px;
    height: 59px;
    left: -21px;
    top: -55px;
  }

  .panel7 a {
    font-size: 14px;

    border: 1px solid #ffffff;

    color: #ffffff;

    padding: 11px 20px 13px;

    float: right;

    margin-top: 20px;

    border-radius: 5px;

    font-weight: 600;
  }

  .panel7 a:hover {
    background: #fff;

    text-decoration: none;

    color: #000;
  }

  .panel7 img {
    max-width: 100%;
  }

  .explore-bg {
  }

  .explore-bg1 {
  }

  .service-text {
    position: absolute;
    bottom: 12px;
    /* padding-left: 20px; */
    left: 21px;
  }

  .service-text h5 {
    font-size: 35px;

    color: #fff;

    font-weight: 600;

    margin-bottom: 10px;
  }

  .service-text p {
    color: #fff;

    font-size: 14px;

    line-height: 25px;

    width: 72%;
  }

  .slider-curve {
    position: relative;
    bottom: 270px;
    width: 100%;
    float: left;
    display: none;
    z-index: 1;
  }

  .top-cust {
    float: right;

    background: #533224;

    padding: 11px 12px 13px;

    font-size: 14px;

    width: 148px;

    text-align: center;

    font-weight: 600;

    color: #fff;
  }

  .top-cust:hover {
    background: #f7b142;

    text-decoration: none;

    color: #000;
  }

  .top-quick {
    float: right;

    background: #f7b142;

    padding: 11px 15px 13px;

    font-size: 14px;

    width: 148px;

    /* text-align: center; */

    font-weight: 600;

    color: #000;
  }

  .top-quick:hover {
    text-decoration: none;

    background: #533224;

    color: #fff;
  }

  .top-follow {
    float: left;

    margin-left: 1%;
  }

  .top-follow h5 {
    float: left;

    color: #fff;

    font-size: 14px;

    font-weight: 300;

    margin-bottom: 0;

    padding: 0px 10px 0 0;

    margin-top: 14px;
  }

  .top-follow a {
    float: left;

    margin-top: 8px;

    margin-right: 20px;
  }

  .top-follow img {
  }

  .contact-box {
    height: 230px;
    width: 100%;

    float: left;

    padding: 30px 25px;

    border: 1px solid #ccc;
    background: #fff;

    position: relative;

    /* box-shadow: 0px 1px 1px 1px #efe8e8b3; */

    /* text-align: center; */

    margin-top: 30px;
  }

  .contact-box h4 {
    font-size: 15px;
    color: #000000;
    text-transform: uppercase;
    font-weight: 700;
    padding: 10px 0;
  }

  .contact-box p {
    margin: 0;

    line-height: 18px !important;

    width: 100%;

    float: left;
  }

  .dot-image {
    height: auto !important;

    width: auto !important;

    top: 72px;

    position: absolute;

    right: 518px;
  }

  .footerlast {
    float: left;

    width: 100%;

    text-align: center;

    margin-top: 0;

    /* background: #0a0b0d; */

    border-top: 1px solid;
  }

  .abt-panel {
    width: 100%;
    float: left;
    padding: 30px 5% 60px;
  }

  .gallery_block {
    float: left;
    width: 100%;
    padding: 50px 5%;
  }

  .gallery_area {
    margin-top: 15px;
    width: 100%;
    float: left;
    position: relative;
    /* text-align: center; */
    border-radius: 50%;
  }

  .gallery_block h3 {
    font-size: 35px;
    font-weight: 700;
  }

  .gallery_area li {
    /* width: 100%; */
    /* padding: 10px; */
    display: inline-block;
    /* overflow: hidden; */
    position: relative;
    transition: all ease-in-out 0.6s;
    -moz-transition: all ease-in-out 0.6s;
    -ms-transition: all ease-in-out 0.6s;
    -o-transition: all ease-in-out 0.6s;
    -webkit-transition: all ease-in-out 0.6s;
  }

  .gallery_area li .gal {
    width: 100%;
    /* float: left; */
    position: relative;
    overflow: hidden;
    /* border: 1px solid #ccc; */
    /* border-radius: 5px; */
    /* margin-top: 10px; */
  }

  .gal img {
    width: 100%;
    /* border-radius: 10px; */
    height: 275px;
    display: block;
    /* border-radius: 5px; */
    object-fit: cover;
  }

  .caption_area {
    float: left;
    position: absolute;
    width: 0%;
    height: 100%;
    z-index: 100;
    background-color: rgb(66 32 20 / 59%);
    top: 100%;
    left: 50%;
    overflow: hidden;
    transition: all ease-in-out 0.6s;
    -moz-transition: all ease-in-out 0.6s;
    -ms-transition: all ease-in-out 0.6s;
    -o-transition: all ease-in-out 0.6s;
    -webkit-transition: all ease-in-out 0.6s;
  }

  .caption_area a {
    width: 100%;
    height: 100%;
    /* border-radius: 100%; */
    /* background-color: #fff; */
    /* padding: 17px; */
    border: 0;
    float: left;
    position: relative;
    /* left: 50%; */
    /* top: 150%; */
    /* transform: translate(-50%,-75%); */
    -moz-transform: translate(-50%, -75%);
    -ms-transform: translate(-50%, -75%);
    -o-transform: translate(-50%, -75%);
    -webkit-transform: translate(-50%, -75%);
  }

  .caption_area a img {
    /* max-width: 100%; */
    height: auto;
    width: auto;
    display: block;
    margin: 0px auto;
    /* filter: brightness(11); */
    border-radius: 0;
  }

  .caption_area h2 {
    color: #fff;
    font-size: 17px;
    text-align: center;
    font-weight: 700;
    position: absolute;
    left: 0;
    width: 100%;
    background: #000;
    text-transform: uppercase;
    padding: 10px;
    bottom: -9px;
  }

  .gallery_area li:hover .caption_area {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 15px;
    border-radius: 5px;
  }

  .gallery_area li:hover .caption_area a {
    left: 50%;
    top: 50%;
    transition-delay: 0.5s;
    -moz-transition-delay: 0.5s;
    -ms-transition-delay: 0.5s;
    -o-transition-delay: 0.5s;
    -webkit-transition-delay: 0.5s;
  }

  .footer h2:after {
    /* content: ''; */
    position: absolute;

    width: 100px;
    height: 6px;
    left: 0;
    top: 33px;
    border-radius: 30px;
  }

  .service-page-full {
    width: 100%;
    float: left;
    padding: 70px 5%;
  }

  .abt-box {
    width: 100%;

    float: left;

    text-align: center;

    padding: 30px 15px;

    border: 1px solid transparent;

    border-radius: 5px;

    transition: all ease-in-out 0.5s;
  }

  .abt-box img {
  }

  .abt-box h2 {
    font-size: 30px;

    font-weight: 700;

    color: #000;

    margin-top: 20px;
  }

  .abt-box p {
    font-size: 14px;

    line-height: 28px;

    font-weight: 400;

    color: #000;
  }

  .abt-box:hover {
    box-shadow: -4px 13px 37px -3px rgb(44 41 106 / 19%);

    border-color: #beebf8;
  }

  .footerlast p {
    margin: 0;

    text-align: center;

    margin-top: 0;

    font-size: 13px;

    color: #aab9c1;

    padding: 15px 0;
  }

  .footerlast p a {
    color: #fff;
  }

  .footerlast p a:hover {
    color: #672b8e;

    text-decoration: none;
  }

  .fb-a {
    float: left;

    margin-right: 10px;

    margin-top: 5px;
  }

  .fb-a svg {
    width: 35px;

    height: 35px;

    fill: #fff;

    float: left;
  }

  .fb-a:hover svg {
    fill: #b7e9f7;
  }

  .ftr-link-box h5 {
    font-size: 15px;

    font-weight: 700;

    color: #000;

    margin-top: 6px;
  }

  .footer-b {
    width: 50%;
    float: left;
    color: #000;
    font-size: 14px;
    /* width: 100%; */
    /* float: left; */
    padding: 10px 0;
  }

  .icon3-box img {
    display: block;
    margin: auto;
  }

  .view-all-serv {
    width: 155px;

    height: 48px;

    margin: auto;

    display: table;

    background: #0682b5;

    padding: 13px 0;

    font-size: 14px;

    text-align: center;

    color: #fff;

    font-weight: 700;

    border-radius: 5px;
  }

  .view-all-serv:hover {
    text-decoration: none;

    background: #2c398c;
  }

  .slide {
    float: left;
    width: 100%;
    /* top: 0; */
    /* background: url('../images/slider_bg.png'); */
    background-size: cover;
    /* background-position: center; */
    position: relative;
    z-index: 1;
    /* min-height: 850px; */
    /* max-height: 1000px; */
    /* height: 548px; */
    margin-top: -13px;
  }

  .service-right h6:hover a {
    color: #fff;
    text-decoration: none;
  }

  .about1 {
    float: left;
    width: 100%;
    padding: 30px 6%;
  }

  .track1 h3 {
    font-size: 28px;
    font-weight: bold;
  }

  .track1 {
    /* float: left; */
    width: 100%;
    text-align: center;
    margin: 30px auto 50px;
    max-width: 533px;
    display: block;
    position: relative;
    /* float: left; */
    clear: both;
  }

  .track1 form {
    width: 100%;
    margin-top: 30px;
  }

  .track1 input {
    border: 1px solid #ccc;
    padding: 10px;
    border-radius: 4px;
    width: 100%;
  }

  .track1 button {
    background: #da4953;
    width: 140px;
    height: 46px;
    padding: 13px 0;
    color: #fff;
    font-size: 13px;
    border-radius: 4px;
    border: none;
    cursor: pointer;
    margin-top: 20px;
    transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
  }

  .track1 button:hover {
    background: #1a1a2b;
  }

  .service-right h6 {
    padding: 10px 10px;
    width: 100%;
    /* border-top: 1px solid #cccccc52; */
    background: #38383d;
    margin-bottom: 15px;
    height: 64px;
    float: left;
  }

  .service-right svg {
    width: 46px;
    height: 46px;
    fill: #000;
    margin-top: -14px;
    float: right;
    padding: 15px;
    background: #fff;
  }

  .service-right h6:hover svg {
    background: #ffffff;
    fill: #000 !important;
  }

  .service-right h6:hover {
    background: #da4953;
  }

  .active-serv svg {
    background: #fff !important;
    fill: #000 !important;
    /* filter: brightness(273); */
  }

  .active-serv {
    background: #da4953 !important;
  }

  .service-right h6 a {
    font-size: 15px;
    color: #fff;
    text-transform: uppercase;
    padding: 12px 5px;
    float: left;
    width: 100%;
  }

  .active-serv a {
    color: #fff !important;
  }

  .electrical-sec-full {
    width: 100%;
    float: left;
    padding: 50px 5%;
  }

  .electrical-sec-full img {
    width: 100%;
    float: left;
    height: 418px;
    object-fit: cover;
  }

  .electrical-sec-full h2, .electrical-sec-full h1 {
    font-size: 35px;
    color: #101010;
    padding-top: 20px;
    float: left;
    width: 100%;
    font-weight: 700;
  }

  .electrical-sec-full p {
    width: 100%;
    float: left;
    font-size: 14px;
    color: #101010;
    line-height: 33px;
    padding: 10px 0 0;
    margin-bottom: 30px;
  }

  .service-right {
    width: 100%;
    float: left;
    background: #38383d;
    /* box-shadow: 2px 1px 6px 7px rgb(0 0 0 / 5%); */
  }

  .ftr-social {
    width: 100%;

    float: left;

    margin-top: 10px;
  }

  .innerban h2, .innerban h1 {
    font-size: 45px;

    font-weight: 700;

    /* padding: 0 12% 0 0; */

    color: #fff;

    text-align: left;

    /* margin-top: 95px; */

    margin-bottom: 0;
  }

  .ftr-social a {
    width: auto !important;

    margin-right: 15px;
  }

  .ftr-social a img {
    border: 1px solid #555b62;

    border-radius: 100%;

    padding: 5px;
  }

  .ftr-social a:hover {
    margin-left: 0 !important;

    opacity: 1 !important;

    /* background: aliceblue; */
  }

  .ftr-social a:hover img {
    background: #2e3192;
  }

  .ftr-link-box {
    width: 100%;

    float: left;

    margin-bottom: 0;
  }

  .partner .owl-nav button img {
    border: none !important;
    background-color: transparent !important;
  }

  .partner .owl-nav {
    display: block !important;

    float: right;

    position: relative;

    top: -287px;

    right: 18px;
  }

  .client {
  }

  .client-testi {
    width: 88%;

    float: left;

    margin-top: 48px;
  }

  .client-testi img {
    width: auto !important;

    max-width: 100%;
  }

  .client-testi h5 {
    color: #090c69;

    font-size: 18px;

    font-weight: 700;
  }

  .client-testi p {
    font-size: 14px;

    color: #000;

    font-weight: 400;

    line-height: 28px;

    padding-top: 10px;
  }

  .client-testi h6 {
    font-size: 16px;

    color: #000;

    font-weight: 700;
  }

  .video-img {
    height: 483px;
    object-fit: cover;
    max-width: 100%;
  }

  .panel_3_box {
    position: absolute;
    display: block;
    margin: auto;
    right: 0;
  }

  .video-box {
    position: relative;
    float: left;
    width: 100%;
    text-align: center;
    margin-top: -90px;
  }

  .p3-h2 {
    font-size: 35px;

    color: #fff;

    font-weight: 700;

    line-height: 50px;
  }

  .p3-p {
    font-size: 14px;

    color: #fff;

    line-height: 32px;
  }

  .slide a {
    float: right;

    width: 185px;

    height: 55px;

    background: #4d1b6d;

    text-transform: uppercase;

    text-align: center;

    font-size: 15px;

    color: #fff;

    font-weight: 400;

    /* text-transform: uppercase; */

    padding: 16px 15px 17px;

    text-align: left;

    border-radius: 10px;

    margin-top: 10px;

    /* border: 1px solid #da4953; */
  }

  .slide a:hover {
    background: #000537;

    text-decoration: none;

    /* border-color: #ffffff; */

    color: #ffffff;
  }

  .slide .owl-nav {
    display: none;
  }

  .enq-sec {
    margin-left: 29px;
    float: right;
  }

  .hd-wa {
    float: right;

    width: 220px;

    margin-top: 30px;

    /* padding-left: 10px; */
  }

  .hd-wa img {
    float: left;

    height: 37px;
  }

  .hd-wa h6 {
    float: right;

    width: auto;

    font-size: 14px;

    width: 80%;

    color: #1d1c1c;

    font-weight: 300;

    padding-left: 10px;
  }

  .hd-wa h6 span {
    float: left;

    width: 100%;

    font-weight: 700;

    padding-top: 4px;
  }

  .enq-btn {
    background: #2c3293;
    color: #fff !important;
    font-size: 14px;
    font-weight: 600;
    height: 46px;
    float: right;
    width: 136px !important;
    text-align: center;
    padding: 12px 0 !important;
    margin-top: 27px;
    border-radius: 8px;
  }

  .enq-btn:hover {
    background: #12a8ef;

    text-decoration: none;
  }

  .contact-box a {
    border-radius: 30px;

    background: #1f6eb7;

    float: none;

    text-align: center;

    color: #fff;

    font-size: 15px;

    width: 165px;

    font-weight: 600;

    /* display: block; */

    padding: 10px 15px;

    margin-top: 32px;

    box-shadow: -2px 1px 3px 0px #23202538;
  }

  .contact-box a:hover {
    text-decoration: none;

    background: #000;
  }

  .flag {
    position: absolute;

    width: auto !important;

    height: auto !important;

    left: 0;

    top: -43px;
  }

  .last-p {
    margin-bottom: 35px !important;
  }

  .ct-black {
    width: 100%;

    float: left;

    background: #383636;

    margin-top: 30px;

    padding: 40px 30px;

    text-align: center;
  }

  .ct-black h4 {
    font-size: 22px;

    color: #fff;

    line-height: 30px;

    font-weight: 400;
  }

  .ct-black h4 span {
    font-weight: 700;
  }

  .ct-black p {
    color: #fff !important;
  }

  .ct-black a {
    margin: 0;
  }

  .ct-black svg {
    height: 30px !important;

    width: 30px !important;

    fill: #fff !important;

    float: none !important;

    margin: 15px 5px !important;
  }

  .ct-black svg:hover {
    fill: #1f6eb7 !important;
  }

  .business svg {
    height: 65px !important;

    width: 65px !important;

    fill: #fff;
  }

  .contact-form {
    width: 100%;

    float: left;

    text-align: center;

    background: #f2f2f2;

    padding: 50px 0;

    position: relative;

    margin-bottom: 50px;
  }

  .contact h6 {
    line-height: 30px;
  }

  .contact p {
  }

  .contact-form h2 {
    font-size: 35px;

    font-weight: 700;

    margin-bottom: 15px;
  }

  .contact-form p {
    font-size: 15px;

    line-height: 28px;

    float: left;

    width: 100%;

    margin-bottom: 40px;
  }

  .sub-ct {
    border: none;
    border-radius: 30px;
    background: #1f6eb7;
    float: none;
    text-align: center;
    color: #fff;
    font-size: 15px;
    width: 165px;
    font-weight: 600;
    /* display: block; */
    padding: 14px 15px;
    margin-top: 32px;
    box-shadow: -2px 1px 3px 0px #23202538;
    transition: all ease-in-out 0.5s;
    cursor: pointer;
  }

  .sub-ct:hover {
    background-color: #000;
  }

  .contact-form form {
    max-width: 920px;

    display: block;

    margin: 20px auto;
  }

  .contact-form input[type="email"],
  .contact-form input[type="number"],
  .contact-form input[type="text"],
  .contact-form textarea {
    background: transparent;
    border: 1px solid #ccc;
    font-size: 300;
    margin-bottom: 30px;
    color: #000;
    padding: 10px 10px;
    width: 100%;
  }

  .business h6 {
    line-height: 35px;

    font-size: 23px !important;
  }

  .business h5 {
    font-size: 20px;

    font-weight: 700;

    margin-bottom: 0;

    margin-top: 45px;
  }

  .top-header {
    float: left;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }

  .logo {
    /* float:
  left; */
    /* background: #fff; */
    /* width: 340px; */
    /* border-radius: 5px; */
    /* box-shadow: 1px -4px 3px 3px rgb(0 0 0 / 5%); */
  }

  .banner {
    float: left;
    width: 100%;
    height: 490px;
    background: black;
  }

  .header-social svg:hover {
    /* height: 20px; */
    fill: #1f6eb7;
    /* margin: 0px 10px; */
  }

  .team-img img {
    display: block;
    margin: auto;
    float: none !important;
  }

  .team-list {
    float: left;
    width: 100%;
    margin-top: 25px;
  }

  .team-img {
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
  }

  .team-list h3 {
    float: left;
    width: 100%;
    text-align: center;
    color: #1f6eb7;
    font-weight: 700;
    font-size: 18px;
  }

  .team-list h4 {
    float: left;
    width: 100%;
    text-align: center;
    font-weight: 400;
    color: #000;
    font-size: 14px;
    margin-bottom: 40px;
  }

  .vm-section {
    float: left;
    width: 235px;
    min-height: 345px;
    background: white;
    margin-right: 45px;
    margin-top: 55px;
  }

  .abt-dtl {
    /* float:left; */
    margin-top: 55px;
  }

  .abt-dtl span {
    /* float:left; */
    /* width:100%; */
    color: #010101;
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
    /* padding-bottom: 22px; */
  }

  .abt-dtl p {
    color: #000000;
    font-size: 14px;
    font-weight: 400;
    line-height: 28px;
    margin-top: 20px;
    margin-bottom: 0px;
  }

  .vm {
    float: left;
    width: 100%;
  }

  .slide .item .slide-image {
    /* height: 548px; */
    float: right;
    margin-left: 0px;
    /* position: absolute; */
    /* width: auto !important; */
    /* z-index: 9999; */
    width: 100%;
    right: 0;
    object-fit: cover;
    top: 0;
    /* max-height: 1000px; */
    /* border-top-left-radius: 5px; */
    /* border-bottom-left-radius: 7px; */
  }

  .item h1 {
    color: #000000;
    font-size: 20px;
    font-weight: 600;
    padding-right: 0px;
    line-height: 25px;
    margin-bottom: 0px;
    float: left;
    width: 100%;
    padding-top: 22px;
    margin-top: 0;
  }

  .vm-section p {
    float: left;
    font-size: 14px;
    line-height: 28px;
    padding-top: 10px;
  }

  .bread-crumb {
    width: 100%;

    float: left;

    position: relative;

    background: #f3f4f5;

    margin-top: 120px;

    padding: 15px 9%;

    border-top: 1px solid #cccccca1;
  }

  .bread-crumb a {
    font-size: 17px;

    font-weight: 600;

    float: left;

    color: #000;
  }

  .bread-crumb a:hover {
    text-decoration: none;

    color: #1f6eb7;
  }

  .bread-crumb .dot {
  }

  .count .item p {
    color: #fff !important;
    font-size: 20px !important;
    font-weight: 400 !important;
    line-height: 28px !important;
    margin-top: 0 !important;
    margin-bottom: 0px;
    float: left !important;
    width: 100%;
    padding: 0 15px;
  }

  .our-business {
    float: left;
    width: 100%;
    padding: 60px 6% 50px;
    /* padding-bottom:50px; */
    background-image: url(../images/business-bg.png);
  }

  .our-business h1 {
    float: left;
    width: 100%;
    color: white;
    font-size: 40px;
    font-weight: 600;
    /* margin-bottom: 50px; */
  }

  .our-business h1 span {
    float: left;
    width: 100%;
    color: white;
    font-size: 15px;
    font-weight: 400;
    padding-bottom: 20px;
  }

  .menu ul:after {
    bottom: 100%;
    left: 20%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 6px;
    margin-left: -6px;
  }

  .bs {
    float: left;
    width: 100%;
    margin-top: 35px;
  }

  .bs-main {
    float: left;
    width: 100%;
  }

  .vm-section .owl-dots {
    display: block;
  }

  .business-cta {
    width: 100%;

    float: left;

    text-align: center;

    background: #f2f2f2;

    padding: 50px 0;

    position: relative;

    margin-bottom: 50px;
  }

  .business-cta a {
    border-radius: 30px;

    background: #1f6eb7;

    /* float: right; */

    text-align: center;

    color: #fff;

    font-size: 15px;

    width: 165px;

    font-weight: 600;

    padding: 11px 30px;

    margin-top: 32px;

    box-shadow: -2px 1px 3px 0px #23202538;
  }

  .business-cta a:hover {
    text-decoration: none;

    background: #000;
  }

  .business-cta p {
    line-height: 28px;

    font-size: 15px;

    color: #000;

    padding: 10px 15;

    padding: 10px 15px 30px;
  }

  .business-cta h2 {
    font-size: 2;

    font-size: 27px;

    font-weight: 700;

    line-height: 40px;
  }

  .vm .owl-nav button.owl-prev,
  .vm .owl-nav button.owl-next,
  .vm button.owl-dot {
    background: none;
    color: inherit;
    /* border: none; */
    padding: 0 !important;
    font: inherit;
    background: #ccc !important;
    height: 12px !important;
    width: 12px !important;
    border: 1px solid #1f6eb7 !important;
    border-radius: 100% !important;
    margin: 0 2px;
  }

  .vm .owl-dots .active {
    background-color: #1f6eb7 !important;
  }

  .bs-main h1 {
    float: left;
    width: 100%;
    color: #ffffff;
    font-size: 25px;
    font-weight: 600;
    line-height: 33px;
  }

  .cd-main-content {
    float: left;
  }

  .accordion .card:first-of-type {
    border-radius: 0 !important;
  }

  .bs-example {
    margin: 0 !important;
    width: 332px;
  }

  .card-header button {
    font-size: 20px !important;
    color: #1f6eb7;
    background: #fff !important;
    width: 100% !important;
    float: left !important;
    text-align: left !important;
    font-weight: 600;
    padding: 0 5px !important;
  }

  .card-header {
    background-color: #fff !important;
    border: 0 !important;
  }

  .card-header .fa-minus {
    background-color: #1f6eb7;
    color: #fff;
  }

  .card-header i {
    float: right;
    font-size: 12px;
    color: #000;
    margin-top: 0;
    padding: 6px;
  }

  .collapsed {
    color: #000 !important;
  }

  .card-body h6 {
    font-size: 14px;
    color: #282a2c;
    float: left;
    font-weight: 400;
    width: 100%;
    padding: 5px 0 5px 5px;
  }

  .card-header button:hover {
    text-decoration: none;
  }

  .card {
    border-radius: 0 !important;
  }

  .count .item1:after {
    content: "+";
    position: absolute;
  }

  .count .item1 {
    color: #fff;
    font-size: 45px;
    font-weight: 900;
    float: left;
    /* width: 100%; */
    text-align: center;
    position: relative;
    margin: 15px 15px 0 !important;
  }

  .bs-main p {
    float: left;
    width: 100%;
    color: white;
    line-height: 28px;
    font-size: 14px;
    font-weight: 400;
    padding-top: 10px;
    margin-bottom: 55px;
  }

  .nav-business {
    float: left;
    width: 100%;
    padding-top: 20px;
    color: white;
    font-size: 15px;
    font-weight: 500;
  }

  .nav-business strong {
    float: left;
  }

  .nav-business span {
    float: left;
    background-color: #9ca09b;
    width: 100px;
    height: 2px;
    margin-left: 30px;
    margin-top: 10px;
  }

  .nav-business:hover {
    text-decoration: none;
    color: #9ca09b;
  }

  .menu-desktop {
    float: right;
  }

  .responsive-menu {
    display: none;
    width: 100%;
    padding: 20px 15px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
  }

  .menu {
    display: block;
  }

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

  .menu li {
    display: inline-block;
    position: relative;
    z-index: 100;
  }

  .menu li a {
  }

  .menu li:hover > ul {
    visibility: visible;
    opacity: 1;
    transform: translate(0, 0);
  }

  .menu ul {
    visibility: hidden;
    opacity: 0;
    margin: 0;
    padding: 0;
    width: 211px;
    position: absolute;
    left: 0;
    background: #fff;
    z-index: 99;
    transform: translate(0, 20px);
    transition: all 0.2s ease-out;
  }

  a.homer {
    background: #0f8034;
  }

  .menu ul {
    visibility: hidden;
    opacity: 0;
    margin: 0;
    top: 50px;
    padding: 0;
    width: 211px;
    position: absolute;
    left: 0;
    background: #fff;
    z-index: 99;
    transform: translate(0, 20px);
    transition: all 0.2s ease-out;
  }

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

  .menu ul li {
    display: block;
    float: none;
    background: 0 0;
    margin: 0;
    padding: 0;
  }

  .menu li {
    display: inline-block;
    position: relative;
    z-index: 100;
  }

  .menu ul li a {
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    padding: 10px 10px;
    display: block;
    color: #000;
    background: #fff;
    border-bottom: solid 1px rgb(99 96 96 / 10%);
  }

  .menu li a {
  }

  .menu-padding {
    /* padding: 7px !important; */
  }

  .vm img {
    width: auto !important;
    float: left;
    margin-left: 0;
  }

  @media (min-width: 576px) and (max-width: 767px) {
    .service-right h6 a {
      text-align: left;
    }

    .electrical-sec-full h5 {
      text-align: left;
    }

    .footer img {
      max-width: 100%;
    }

    .footer p {
      width: 100%;
      text-align: left !important;
    }

    .footer h2 {
      width: 100% !important;
    }

    .get-box h5 {
      text-align: left;
    }

    .follow a img {
      height: 30px;
    }

    .mail-box {
      display: none;
    }

    .hd-right {
      display: none;
    }

    .business-sec3 p {
      font-size: 14px;
      color: #000;
      text-align: center;
      padding: 10px 94px;
    }

    .project-box2 h5 {
      font-size: 65px;
    }

    .project-box h5 {
      font-size: 65px;
    }

    .ban5-box {
      display: none;
    }

    .sec2-p {
      padding: 10px 30px;
    }

    .founder-box img {
      width: 265px !important;
      height: 328px;
    }

    .founder-box h3 {
      font-size: 46px;
    }

    .abt-sec3 p {
      /* padding: 10px 98px; */
    }

    .abt-sec4 p {
      font-size: 14px;
      color: #fff;
      padding: 10px 30px;
    }

    .abt-sec1 h2 {
      font-size: 34px;
      font-weight: 300;
      margin-top: 66px;
    }

    .business-full img {
      width: 385px;
      height: 308px;
      float: left;
      margin-right: 40px;
      margin-top: 15px;
      object-fit: cover;
    }

    .business-sec2 p {
      padding: 10px 70px;
    }
  }

  @media (max-width: 575px) {
    .p4-carousel {
      right: 20px;

      bottom: -94px;
      height: 126px;
    }

    .ftr-top h2 br {
      display: none;
    }

    .ftr-top h2 {
      font-size: 30px;
      text-align: center;
    }

    .ftr-top h6 {
      text-align: center;
    }

    .ftr-top-left h5 {
      font-size: 13px;
    }

    .course-link h2 {
      font-size: 18px;
    }

    .course-link h3 {
      font-size: 18px;
    }

    .select-items div,
    .select-selected {
      text-align: left;
    }

    .about-text h5 {
      float: none;
      display: inline-block;
      margin: auto;
    }

    .offset-3 {
      margin-left: 0 !important;
      text-align: center;
      width: 100%;
      float: left;
    }

    .get-box a {
      width: auto !important;
      float: none;
      display: inline-block;
      margin: auto;
    }

    .p4-carousel h6 {
      text-align: left;
    }

    .mail-box1 {
      display: none;
    }

    .quick-top {
      display: none;
    }

    .service-right h6 a {
      text-align: left;
    }

    .electrical-sec-full h5 {
      text-align: left;
      width: 100%;
    }

    .about-sec-full .abt2 {
      width: 100%;
      height: auto;
    }

    .abt3 {
      width: 100%;
      float: left;
      margin-top: 30px;
    }

    .about-sec-full h2 {
      font-size: 26px;
      text-align: center;
      margin-top: 20px;
      float: left;
      line-height: 36px;
    }

    .about-sec-full p {
      text-align: center;
    }

    .footer p {
      width: 100% !important;
    }

    .footer h2 {
      width: 100% !important;
    }

    .get-box h5 {
      text-align: left;
    }

    .location h6 {
      text-align: left;
    }

    .make-ship {
      width: 50%;
      float: left;
      padding: 9px 0px 12px;
      text-align: center;
      border-radius: 0;
      text-transform: uppercase;
      margin-top: 15px;
    }

    .make-contact {
      width: 50%;
      padding: 8px 0px 12px;
      text-align: center;
      border-radius: 0;
    }

    .hd-right {
      display: none;
    }

    .mail-box {
      display: none;
    }

    .contact-full h3 {
      margin-bottom: 0;
      margin-top: 20px;
    }

    .abt-sec3 h2 {
      font-size: 32px;
    }

    .project-box {
      text-align: center;
    }

    .project-box2 {
      text-align: center;
    }

    .project-full h2 {
      font-size: 26px;
    }

    .innerban h3 {
      font-size: 25px;
    }

    .business-full {
      text-align: center;
    }

    .business-sec2 p {
      padding: 10px 15px;
    }

    .business-sec3 p {
      padding: 10px 15px;
    }

    .business-sec3 h2 {
      font-size: 30px;
    }

    .business-sec3 {
      text-align: center;
    }

    .business-sec2 h2 {
      text-align: center;
      font-size: 32px;
    }

    .business-full h2 {
      font-size: 34px;
      color: #000;
      font-weight: 600;
      margin-top: 20px;
      float: left;
      text-align: center;
      width: 100%;
    }

    .abt-sec3-box h4 {
      font-size: 47px;
      width: 100%;
    }

    .abt-sec3-box h5 {
      width: 100%;
      font-size: 14px;
    }

    .abt-sec3-box h6 {
      width: 100%;
    }

    .abt-sec4 p {
      padding: 10px 15px;
    }

    .about-text p {
      width: 100%;
    }

    .abt-sec2 .owl-nav {
      float: right;
      position: relative;
      width: 100%;
      text-align: center;
      margin-top: 20px;
    }

    .abt-sec2 {
      text-align: center;
    }

    .abt-sec2 h2 {
      font-size: 30px;
      text-align: center;
    }

    .abt-sec1 h2 {
      font-size: 26px;
      font-weight: 300;
      margin-top: 14px;
      text-align: center;
    }

    .abt-sec1 p {
      text-align: center;
    }

    .founder-box h5 span {
      width: 100%;
    }

    .abt-image h6 {
      position: absolute;
      background: #636227;
      font-size: 14px;
      color: #fff;
      max-width: 100%;
      padding: 10px;
      bottom: -8px;
      left: 0;
      padding-left: 113px;
      line-height: 22px;
      font-weight: 400;
    }

    .sec2-p {
      padding: 10px 15px;
    }

    .abt-sec3 p {
      padding: 10px 15px;
    }

    .founder-box h3 {
      font-size: 35px;
    }

    .ban5-box {
      display: none;
    }

    .box-brown h6 {
      font-size: 14px;
      color: #fff;
      font-weight: 300;
      margin-top: 15px;
    }

    .box-brown {
      width: 50%;
      float: left;

      text-align: center;
      padding: 30px 8px;
      margin-bottom: 0;
    }

    .follow {
      text-align: center;
      margin-top: 0;
    }

    .follow a {
      width: auto !important;
      float: none;
    }

    .call-us {
      width: auto;
      display: table;
      margin: 20px auto;
      float: none;
    }

    .footerlast {
      margin-top: 0;
    }

    .abt-sec4-box {
      text-align: center;
      padding: 15px;
    }

    .footer-top-box {
      border: 0;
    }

    .footerlast p span {
      display: none;
    }

    .cd-gallery li {
      width: 100%;
    }

    .close_form {
      right: 0px !important;
      top: 0px !important;
      z-index: 9999 !important;
      background-color: #000 !important;
    }

    .innerban {
      /* background: #b7e9f7 !important; */
    }

    .footer {
      width: 100%;
      float: left;
      padding: 30px 3% 20px !important;
      text-align: center;
    }

    .footer-a {
      /* width: 24% !important; */
    }

    .footer p {
      margin-bottom: 0;
    }

    .footer p br {
      /* display: none; */
    }

    .footer h2 {
      margin-bottom: 10px !important;
      margin-top: 30px !important;
    }

    .ftr-link-box {
      width: 100%;
      float: left;
      margin-bottom: 0px;
      margin-top: 20px;
    }

    .footer-logo {
      width: 100% !important;
    }

    .footer a {
      width: 50%;
    }

    .client .owl-nav {
      z-index: 999;
      background: transparent;
      margin-top: 15px;
      /* display: none; */
      text-align: center !important;
      top: 0 !important;
      position: relative;
      right: 0;
    }
  }

  @media (max-width: 767px) {
    .enq-sec {
      display: none;
    }

    .header_menu_area > ul > li > a:hover::after {
      display: none;
    }
  }

  .process-carousel .owl-nav img {
    height: 44px;
  }

  @media (min-width: 768px) and (max-width: 991px) {
    .about-box .col-md-6 {
      padding: 0;
    }

    .electrical-sec-full h2, .electrical-sec-full h1 {
      font-size: 26px;
    }

    .course-link h2 {
      font-size: 17px;
    }

    .course-link h3 {
      font-size: 17px;
    }

    .contact-snd {
      padding: 16px 8px !important;
    }

    .ftr-top-left h4 {
      font-size: 13px;
    }

    .placement-bg p {
      padding: 10px;
    }

    .ftr-top h2 {
      font-size: 34px;
    }

    .header_menu_area > ul {
      width: 100%;
      display: inline-block;
      vertical-align: middle;
      margin-bottom: 0px;
      padding-left: 0px;
      height: auto;
      padding-right: 0;
      float: right;
      /* border-right: 1px solid #eeeeee; */
    }

    .header_menu_area {
      width: 100% !important;
    }

    .header_menu_area > ul > li > a {
      margin: 0 20px !important;
    }

    .mail-box1 {
      display: none;
    }

    .mail-box h6 span {
      font-size: 12px;
    }

    .mail-box h6 {
      font-size: 12px;
    }

    .logo {
      width: auto;
    }

    .make-ship {
      font-size: 13px;

      padding: 8px 12px 12px;
    }

    .make-contact {
      font-size: 13px;

      padding: 8px 25px 12px;
    }

    .follow a {
      margin-left: 2px;
      float: left;
    }

    .location h6 {
      text-align: left;
    }

    .innerban h2 .innerban h1 {
      font-size: 35px;
    }

    .hd-right {
      display: none;
    }

    .mail-box {
      float: right;
      margin-top: 15px;
      width: 23%;
      font-size: 13px;
      padding-left: 5px;
      padding-top: 0;
    }

    .project-box2 h5 {
      font-size: 73px;
    }

    .contact-full h2 {
      font-size: 36px;
    }

    .contact-full h3 {
      font-size: 22px;
    }

    .contact-icon {
      width: 100%;
      float: left;
      margin-top: 0;
    }

    .project-box h5 {
      font-size: 73px;
    }

    .abt-sec3-box h6 {
      font-size: 14px;
      color: #000;
      font-weight: 400;
      width: 100%;
    }

    .abt-sec4 p {
      font-size: 14px;
      color: #fff;
      padding: 10px 85px;
    }

    .footer-top-box img {
      /* width: 53px; */
      float: left;
      margin-right: 8px;
    }

    .founder-box h3 {
      font-size: 45px;
    }

    .abt-sec1 img {
      max-width: 100%;
      margin-top: 100px;
    }

    .business-full img {
      width: 324px;
      height: 299px;
      float: left;
      margin-right: 40px;
      margin-top: 15px;
      object-fit: cover;
    }

    .business-sec2 p {
      padding: 10px 100px;
      line-height: 28px;
    }

    .business-sec3 p {
      padding: 10px 95px;
      line-height: 28px;
    }

    .abt-sec3-box h4 {
      width: 100%;
    }

    .abt-sec3-box h5 {
      width: 100%;
    }

    .abt-image h6 {
      position: absolute;
      background: #636227;
      font-size: 14px;
      color: #fff;
      max-width: 545px;
      padding: 20px 10px;
      bottom: -8px;
      left: 0;
      padding-left: 122px;
      line-height: 22px;
      font-weight: 400;
    }

    .abt-sec1 h2 {
      font-size: 27px;
      font-weight: 300;
    }

    .sec2-p {
      font-size: 14px;
      color: #fff;
      text-align: center;
      font-weight: 400;
      padding: 10px 30px;
      line-height: 28px;
    }

    .founder-box img {
      width: 271px !important;
      height: 363px;
      object-fit: cover;
      float: left;
      margin-right: 39px;
    }

    .abt-sec3 p {
      font-size: 14px;
      color: #000;
      padding: 10px 30px;
      line-height: 28px;
    }

    .border-ftr {
      text-align: left !important;
    }

    .footer p {
      text-align: left;
    }

    .footer-top-box h6 {
      font-size: 11px;
      color: #fff;
      font-weight: 400;
    }

    .footer-top-box h5 {
      color: #87851d;
      font-size: 13px;
      font-weight: 500;
    }

    .header_logo img {
      height: 53px;
    }

    .ban5-text {
      position: absolute;
      bottom: -63px;
      left: 23px;
      right: 23px;
    }

    .ban5-text h4 {
      font-size: 23px;
      color: #000;
      font-weight: 300;
      width: 100%;
      float: left;
    }

    .ban5-text a {
      float: left;
    }

    .box-brown h6 {
      font-size: 14px;
      color: #fff;
      font-weight: 300;
      margin-top: 15px;
    }

    .box-brown {
      width: 100%;
      float: left;
      background: #723f08;
      text-align: center;
      padding: 30px 9px;
      margin-bottom: 25px;
    }

    .slide {
      position: relative;
      z-index: -1;
      float: left;
      width: 100%;
      top: -83px;
      height: 420px;
    }

    .top-cust {
      display: none;
    }

    .top-full {
      display: none;
    }

    .slide .item .slide-image {
      height: 399px;
    }

    .dot-image {
      height: auto !important;
      width: auto !important;
      top: 72px;
      position: absolute;
      right: 272px !important;
    }

    .header-content h6 {
      font-size: 35px !important;
    }

    .header-content p {
      width: 83% !important;
    }

    .contact-snd {
      width: 100%;
    }

    .footer-logo img {
      max-width: 100%;
    }

    .ftr-social a {
      margin-right: 6px;
    }

    .p3-h2 {
      font-size: 31px;
    }
  }

  @media (min-width: 992px) and (max-width: 1024px) {
    .placement2 {
      margin-top: 0 !important;
    }

    .placement-bg p {
      padding: 10px 30px;
    }

    .abt-sec3-box h5 {
      font-size: 14px;
    }

    .abt-sec3-box img {
      float: left;
      width: 100px;
    }

    .slide {
      margin-top: -62px;
    }

    .about-box {
      display: none;
    }

    .mail-box {
      float: right;
      margin-top: 7px;
      width: 20%;
      padding-left: 7px;
    }

    .mail-box1 {
      padding-left: 3px;
    }

    .logo {
      width: 274px;
    }

    .header_logo img {
      /* max-width: 100%; */
      /* height: 145px; */
      /* display: block; */
      margin-top: 13px;
      float: right;
      margin-left: 0;
      /* margin-bottom: 5px; */
      /* background: #fff; */
      margin-right: 25px;
    }

    .header_menu_area {
      width: 72% !important;
    }

    .mail-box {
      float: right;
      /* margin-top: 15px; */
      width: 20%;
    }

    .slide .item .slide-image {
      height: 452px;
    }

    .dot-image {
      right: 352px;
    }
  }

  @media (min-width: 576px) and (max-width: 767px) {
    .placement-bg p {
      padding: 10px;
    }

    .mail-box1 {
      float: right;
      padding-top: 15px;
      width: 31%;
    }

    .get-admission {
      display: none;
    }

    .footer-a {
      text-align: left !important;
    }

    .ftr-link-box h5 {
      text-align: left !important;
    }

    .innerban p {
      padding: 0px 20% 0 20% !important;
      padding-right: inherit !important;
    }

    .footer-b {
      text-align: left !important;
    }

    .footer h2 {
      text-align: left !important;
    }

    .slide .item .slide-image {
      /*height: 239px !important;*/
      /*top: 28px !important;*/
    }

    .dot-image {
      right: 168px !important;
    }

    .client-testi h5 {
      text-align: left;
    }

    .client-testi p {
      text-align: left;
    }

    .client-testi h6 {
      text-align: left;
    }

    .client-testi {
      width: 90% !important;
    }
  }

  .active-class:after {
    background: url(../images/menu-active.png);
    position: absolute;
    content: "";
    bottom: -13px !important;
  }

  .active-class-track:after {
    background: url(../images/menu-active.png);
    position: absolute;
    content: "";
    left: 54px !important;
  }

  .active-class-service:after {
    background: url(../images/menu-active.png);
    position: absolute;
    content: "";
    left: 48px !important;
    bottom: -12px !important;
  }

  .active-class-about:after {
    background: url(../images/menu-active.png);
    position: absolute;
    content: "";
    left: 34px !important;
  }

  .active-class-contact:after {
    background: url(../images/menu-active.png);
    position: absolute;
    content: "";
    left: 41px !important;
    bottom: -13px !important;
  }

  .service-hover:hover:after {
    left: 48px !important;
  }

  .contact-hover:hover::after {
    right: 0 !important;
    left: inherit !important;
    /* overflow: hidden; */
  }

  .track-hover:hover::after {
    left: 31px !important;
  }

  .about-hover:hover::after {
    /* left: 36px !important; */
  }

  .service-active:after {
    left: 48px !important;
    background: url(../images/more1.png);
  }

  .contact-active:after {
    left: 43px !important;
    background: url(../images/more1.png);
  }

  .track-active:after {
    left: 31px !important;
    background: url(../images/more1.png);
  }

  .active-about:after {
    background: url(../images/more1.png);
    left: 36px !important;
  }

  @media (max-width: 767px) {
    .innerban a {
      display: inline-block;
      margin: 20px auto 0;
      float: none;
    }

    .logo {
      /* float: left; */
      /* background: #fff; */
      width: auto;
      /* border-radius: 5px; */
    }

    .request-sec {
      height: auto;
    }

    .req-form {
      width: 100%;
    }

    .branch-box {
      padding: 0 15px 50px;
    }

    .ct-bg h2 {
      font-size: 30px;
      color: #fff;
      font-weight: 300;
      padding: 0 10px;
    }

    .innerban-saffron {
      padding: 70px 0px !important;
      height: auto !important;
      margin-top: 80px !important;
    }

    .contact-full h2 {
      font-size: 30px;
    }

    .innerban-saffron h2 {
      font-size: 35px;
    }

    .fly-saffron-full h2 {
      font-size: 30px;
    }

    .innerban-saffron p {
      padding: 10px;
    }

    .service-highlight h2 {
      text-align: center;
      font-size: 30px;
    }

    .service-highlight-box {
      width: 100%;
    }

    .fly-saffron-full {
      text-align: center;
    }

    .contact-full p {
      padding: 10px;
    }

    .about-sec2 img {
      display: none;
    }

    .vision-sec {
      text-align: center;
    }

    .vision-bg {
      display: block;
      margin: auto;
    }

    .about-sec3 {
      width: 100%;
      float: left;
      padding: 50px 0 0px;
    }

    .about-sec2 h2 {
      font-size: 32px;
      font-weight: 300;
      /* color: #000; */
      text-align: center;
    }

    .about-sec2 p {
      text-align: center;
    }

    .hd-top {
      padding: 0;
    }

    .panel8-img {
      margin-bottom: 30px;
    }

    .panel8 p {
      padding-right: 0;
    }

    .arrow {
      right: 7px;
    }

    .slider-curve {
      bottom: 94px;
      z-index: 1;
    }

    .contact-full {
      /* background: #f7b142; */
      width: 100%;
      float: left;
      padding: 60px 3%;
    }

    .top-cust {
      width: 50%;
    }

    .top-quick {
      width: 50%;
    }

    .panel7 h2 {
      text-align: center;
    }

    .dnld-profile {
      width: auto !important;
    }

    .panel8-box {
      display: none;
    }

    .border-ftr {
      border: none;
      padding: 0;
      text-align: center;
      height: auto;
    }

    .panel7-text {
      position: absolute;
      bottom: -140px;
    }

    .panel8-curve {
      position: absolute;
      top: -22px;
    }

    .panel8 h2 {
      font-size: 30px;
      color: #3f2317;
      font-weight: 300;
      line-height: 45px;
      margin-top: 0;
      padding-right: 0;
      text-align: center;
    }

    .panel8 {
      float: left;
      width: 100%;
      background: #f7b142;
      padding: 43px 0 44px 0%;
      position: relative;
      /* overflow-x: hidden; */
      text-align: center;
    }

    .panel7 {
      height: 615px;
      display: none;
    }

    .top-mail-sec {
      display: none;
    }

    .top-follow {
      display: none;
    }

    .track1 h3 {
      font-size: 24px;
    }

    .electrical-sec-full p {
      margin-bottom: 40px;
    }

    .electrical-sec-full {
      text-align: center;
    }

    .electrical-sec-full img {
      height: auto;
    }

    .electrical-sec-full h2, .electrical-sec-full h1 {
      font-size: 25px;
    }

    .partner .owl-nav {
      display: block !important;
      float: right;
      position: relative;
      top: 0;
      right: inherit;
      text-align: center;
      width: 100%;
    }

    .partner img {
      width: 100% !important;
    }

    .innerban {
      text-align: center;
      margin-top: 12px !important;
    }

    .footer h2 {
      text-align: center;
      width: 100%;
    }

    .ftr-social a {
      width: 19% !important;
      float: none !important;
      padding: 10px 0;
      text-align: center;
      display: inline !important;
      margin: auto !important;
    }

    .client-testi img {
      width: auto !important;
      max-width: 100%;
      margin: auto;
    }

    .video-img {
      height: auto;
    }

    .client-testi {
      width: 100%;
      text-align: center;
    }

    .panel_3_play {
      width: 130px;
      height: 130px;
      position: absolute;
      bottom: -67px;
      left: 34px;
    }

    .footer p {
      text-align: center;
    }

    .fb-a {
      float: none !important;
      margin: 5px 10px 0;
      width: auto !important;
      display: inline-block;
    }

    .footerlast p {
      text-align: center;
      margin-top: 0px;
    }

    .footer h2:after {
      display: none;
    }

    .innerban h2, .innerban h1 {
      font-size: 34px;
      font-weight: 300;
      padding: 0 0% 0;
      color: #fff;
      /* margin-top: 50px; */
      margin-bottom: 0;
      text-align: center;
    }

    .innerban p {
      margin-top: 123px;
      color: #000;
      font-weight: 400;
      width: 100%;
      float: left;
      line-height: 28px;
      /* font-style: italic; */
      text-align: center !important;
      font-size: 14px;
      /* background: rgb(0 0 0 / 74%); */
      height: auto !important;
      margin-top: 0px;
      padding-top: 5px;
      padding-right: 0 !important;
    }

    .innerban {
      height: auto !important;
      padding-bottom: 45px;
      padding: 50px 0 !important;
      margin-top: 2px !important;
      text-align: center;
    }

    .p3-h2 {
      font-size: 26px;
      color: #fff;
      font-weight: 700;
      line-height: 42px;
    }

    .header-content h6 br {
      display: none;
    }

    .slide a {
      float: none;
      display: none;
    }

    .enq-sec {
      display: none;
    }

    .header_logo {
      height: auto !important;
      border-right: 0 !important;
    }

    .contact-form {
      margin-bottom: 0;
    }

    .curve {
      bottom: -17px !important;
    }

    .ct-black a {
      display: inline-block;
    }

    .col-md-10 {
      padding-right: 15px !important;
    }

    .business h5 {
      text-align: center;
    }

    .count .item1 {
      margin: 0 !important;
      text-align: center;
      /*    width: 100%;
*/
    }

    .cta-abt p {
      text-align: center;
    }

    .cta-abt h2 {
      text-align: center;
    }

    .cta-abt p {
      padding-bottom: 0 !important;
    }

    .cta-abt a {
      float: none !important;
      display: block;
      margin: 0 auto 20px;
    }

    .abt-final {
      text-align: center;
      margin-bottom: 0 !important;
    }

    .chairman-sec {
      text-align: center;
    }

    .chairman-sec img {
      float: none !important;
      display: block;
      margin: auto;
    }

    .header_block {
      height: auto !important;
    }

    .footer-bottom p {
      width: 100%;
      text-align: center;
    }

    .footer-bottom {
      text-align: center;
    }

    .header_logo img {
      /* max-width: 100%; */
      display: block;
      margin-top: 0;
      float: left;
      width: 161px;
    }

    .bs-example {
      width: 100%;
    }

    .slide .item .cover .header-content {
      margin-top: 115px !important;
      margin-left: 0 !important;
      background: #ffffffa1 !important;
      width: 100% !important;

      padding: 10px 0 !important;
      z-index: 99999;
    }

    .header-content p {
      display: none;
    }

    .header-content h5 {
      text-align: center;
    }

    .header-content h6 {
      /* color: #000; */
    }

    .vm img {
      width: auto !important;
      float: left;
      margin-left: 0;
      float: none !important;
      display: block;
      margin: auto !important;
    }

    .vm-section p {
      text-align: center;
    }

    .vm-section .owl-dots {
      text-align: center;
    }

    .abt-dtl span {
      text-align: center;
      width: 100%;
      float: left;
    }

    .abt-dtl p {
      text-align: center;
    }

    .our-business {
      text-align: center;
    }

    .slide .owl-dots {
      display: none;
    }

    .cta-abt p br {
      display: none;
    }

    .slide {
      /* text-align: center; */
      margin-top: -45px;
      height: auto;
      margin-bottom: 0;
      position: relative;
      z-index: -1;
    }

    .business-cta {
      margin-bottom: 0;
    }

    .header-content h6 {
      /* color: #fff !important; */
      font-size: 22px !important;
      text-align: center !important;
      margin: 0 0 0;
      padding-left: 8px;
      /* font-weight: 700 !important; */
    }

    .header-content p {
      margin-top: 6px !important;
      color: #fff !important;
      font-size: 12px !important;
      line-height: 21px !important;
      width: 100% !important;
      text-align: center !important;
      padding: 0 10px;
      margin-bottom: 0;
    }

    .slide .item .slide-image {
      height: 340px;
      top: 28px;
      object-fit: cover;
    }

    .slide .item .cover {
      top: 48px !important;
    }

    .slide .item {
      height: 332px !important;
    }

    .header-content p br {
      display: none;
    }

    .bread-crumb {
      margin-top: 0 !important;
    }

    .footer-bottom {
      padding: 15px 1% !important;
    }

    .vm-section {
      float: left;
      height: auto;
      width: 100%;
      min-height: auto !important;
    }
  }

  /********************new********************/
  .menu ul li a:hover,
  .menu ul li:hover > a {
    background: #000537;
    color: #fff;
    text-decoration: none;
  }

  .header_menu a svg {
    width: 26px;
    position: absolute;
    top: 22px;
    /* height: 24px; */
    left: 26px;
  }

  .head-quote img {
    margin-right: 6px;
  }

  .head-quote1 img {
    width: 30px;
    margin-right: 6px;
  }

  .head-quote:after {
    display: none;
    background-color: #000 !important;
    border-radius: 28px;
  }

  .head-quote1:after {
    background-color: #000 !important;
    border-radius: 28px;
    display: none;
  }

  .head-quote:hover {
    background-color: #06070a !important;
  }

  .head-quote1:hover {
    background-color: #7b0f12 !important;
  }

  .menu-sec {
    width: 100%;
    float: left;
    margin-top: 50px;
  }

  .menu-box {
    width: 100%;
    cursor: pointer;
    float: left;
  }

  .menu-name {
    width: 92%;
    cursor: pointer;
    position: relative;
    background: #fff;
    float: left;
    left: 9px;
    z-index: 9999;
    top: -31px;
    padding: 5px;
    border-radius: 50px;
  }

  .overlay-menu p {
    padding: 100px 35px;
  }

  .header-content h6 span {
    font-weight: 700;
    /* color: #f7b142; */
    width: 100%;
    /* text-align: left; */
    float: left;
  }

  .menu-name:hover a {
    color: #e43c2f;
    text-decoration: none;
  }

  .menu-name a svg:hover {
    background-color: #e43c2f;
  }

  .overlay-menu {
    position: absolute;
    bottom: 61px;
    border-radius: 15px;
    left: 14px;
    text-align: center;
    right: 0;
    background-color: #f373219c;
    overflow: hidden;
    width: 93%;
    height: 0;
    transition: 0.5s ease;
    z-index: 6000;
  }

  .menu-box:hover .overlay-menu {
    height: 83%;
  }

  .menu-name a {
    color: #000;
    font-size: 15px;
    font-weight: 500;
    float: left;
    text-overflow: ellipsis;
    padding: 15px 18px;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
  }

  .menu-name a svg {
    float: right;
    position: absolute;
    border-radius: 50%;
    padding: 8px;
    right: 19px;
    margin-top: -8px;
    width: 37px;
    fill: #fff;
    background: #f37321;
  }

  .tomato1 {
    position: absolute;
    right: 0;
    top: -132px;
  }

  .leaf1 {
    position: absolute;
    right: 82px;
    top: -45px;
  }

  .menu-box img {
    height: 294px;
    width: 100%;
    object-fit: cover;
    border-radius: 15px;
  }

  .sidenav .closebtn {
    font-size: 25px !important;
    padding: 6px 20px !important;
  }

  .sidenav .closebtn:hover {
    text-decoration: none;
  }

  .review-box h5 {
    font-size: 14px;

    color: #101010;

    padding-left: 62px;

    font-weight: bold;
  }

  .ban-name {
    font-weight: 700;

    font-size: 26px;

    color: #fff;

    float: left;

    position: relative;

    z-index: 999;

    top: 0px;

    background: #1f6eb7;

    padding: 40px 40px;
  }

  .ban-name:after {
    position: absolute;
    content: "";
    /* border-top: 1px solid #ccc; */
    right: -20px;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 20px solid #1f6eb7;
    /* border-width: 20px 0px 20px 20px; ;border-color: aliceblue;;*/
    top: 38px;
    /* height: 20px; */
    /* width: 20px; */
    /* border-color: black transparent; */
    z-index: 999;
  }

  .curve {
    position: absolute;
    bottom: -60px;
    width: 100%;
    left: 0;
    float: left;
  }

  .abt-final {
    width: 100%;

    float: left;

    background: #f2f2f2;

    padding: 50px 0 50px;

    position: relative;

    margin-bottom: 40px;
  }

  .social-media {
    margin-top: 35px;

    width: 100%;

    float: left;

    text-align: center;
  }

  .social-media a {
    margin: 0 10px;
  }

  .social-media a svg {
    width: 30px;

    fill: #fff;
  }

  .bs .owl-nav img {
    height: 25px;
    margin: 5px;
    filter: brightness(54);
  }

  .bs .owl-nav {
    background-color: #1f6eb7;
    padding: 12px 0px;
    text-align: center;
    border-radius: 50px;
    width: 190px;
    height: 60px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 770px;
    margin-bottom: -80px;
  }

  .footer-bottom span {
    color: #adadad;
    padding: 0 10px;
  }

  .bs .owl-nav button {
    background-color: transparent;
    border: none;
    padding: 0;
    cursor: pointer;
  }

  .footer-logo:hover {
    margin-left: 0 !important;
  }

  .footer h2 {
    float: left;

    font-size: 18px;

    font-weight: 700;

    color: #fff;

    margin-bottom: 19px;

    width: 100%;

    margin-top: 10px;

    position: relative;

    line-height: 30px;

    text-transform: uppercase;
  }

  .footer-bottom {
    width: 100%;

    float: left;

    padding: 15px 6%;
  }

  .footer-bottom p {
    font-size: 13px;

    color: #000;

    margin: 0;

    text-align: center;

    font-weight: 400;
  }

  .footer-bottom a {
    color: #2e2b31;
  }

  .footer-bottom svg {
    margin: 0 5px;

    width: 20px;

    fill: #adadad;
  }

  .footer-bottom svg:hover {
    fill: #1f6eb7;
  }

  .footer-bottom a:hover {
    color: #1f6eb7;
    text-decoration: none;
  }

  .footer {
    width: 100%;

    float: left;

    padding: 50px 0 0;

    /* border-bottom: 1px solid #cccccc94; */

    background: url("../images/ftr-bg.png");

    background-size: cover;

    background-position: center;
  }

  .footer-logo {
    float: left;

    /* margin-top: 60px; */

    filter: brightness(38);

    opacity: 0.9;
  }

  .footer-a {
    color: #fff;

    font-size: 14px;

    width: 50%;

    float: left;

    padding: 8px 0;

    /* font-family: 'Roboto', sans-serif !important; */
  }

  .footer a:hover {
    color: #f5f6ff;

    text-decoration: none;

    /* margin-left: 10px; */

    /* opacity: .7; */
  }

  .footer p {
    font-size: 14px;

    color: #fff;

    line-height: 30px;

    font-weight: 400;

    width: 100%;

    float: left;

    /* margin-top: 20px; */
  }

  .nav-pd {
    width: 100%;
    float: left;
    text-align: left;
    padding: 170px 70px;
  }

  .sidenav a {
    padding: 15px 71px;
    text-decoration: none;
    -moz-transition: all ease-in-out 0.5s;
    font-size: 28px;
    transition: all ease-in-out 0.5s;
    color: #fff;
    text-align: left;
    -webkit-transition: all ease-in-out 0.5s;
    /* position: relative; */
    display: block;
    font-weight: 300;
    /* transition: 0.3s; */
    /* border-bottom: 1px solid #F2F2F2; */
  }

  .slide .item {
    /* height: 100vh; */
    position: relative;
  }

  .header-content p {
    line-height: 26px;
    font-size: 14px;
    color: #fff;
  }

  .header-content h1 {
    font-size: 48px;

    width: 100%;

    padding-right: 20px;

    /* font-family: 'Oswald'; */

    position: relative;

    color: #fff !important;

    line-height: 57px;

    font-weight: 700;
  }

  .header-content h1 span {
    font-weight: 700;
  }

  .header-top-area a h6:hover {
    color: #b88c2b;
  }

  .slide .item {
    height: 575px;
    width: 100%;
    float: left;
    position: relative;
    /* background: #1a1b1c; */
    /* background: url(../images/slider_bg.png); */
    /* background-size: cover; */
    background-position: center;
    /* max-height: 800px; */
  }

  .header-content p {
    line-height: initial;
    margin-top: 12px;
    font-size: 14px;
    color: #000000;
    font-weight: 400;
    line-height: 28px;
    width: 100%;
    float: left;
    text-align: right;
  }

  .header-content h1 {
    font-size: 55px;
    width: 100%;
    padding-right: 20px;
    /* font-family: 'Oswald'; */
    position: relative;
    color: #fff !important;
    line-height: 64px;
    font-weight: bold;
  }

  .header-content h1 span {
    font-weight: 700;
  }

  .header-top-area a h6:hover {
    color: #ffe200;
  }

  .slide-image {
    float: right;
    /* margin-top: 109px; */
    width: 100%;
    height: 558px;
    /* object-fit: cover; */
  }

  .header-top-area a:hover svg {
    fill: #ffe200;
  }

  .sub-menu-1 {
    position: absolute;
    top: 58px;
    padding: 5px 20px;
    left: 0;
    right: 0;
    background-color: #222222;
    overflow: hidden;
    width: 210px;
    height: 0;
    transition: 0.5s ease;
    z-index: 6000;
  }

  .sub-menu-1 li {
    float: left;
    text-align: left;
    width: 100%;
    list-style: none;
    padding: 5px 0;
  }

  .sub-menu-1 li a:hover {
    text-decoration: none;
    color: #b88c2b;
  }

  .sub-menu-1 li a {
    font-size: 14px;
    color: #fff;
  }

  .sub-menu {
    position: relative;
  }

  .sub-menu:hover .sub-menu-1 {
    height: 135px;
  }

  .slide .item .cover {
    /* padding: 10px 60px; */
    position: absolute;
    width: 100%;
    height: 100%;
    /* top: 37px; */
    right: 0;
    /* background: rgba(0, 0, 0, 0.6); */
    display: flex;
    align-items: center;
  }

  .slide .item .cover .header-content {
    padding: 0px 80px;
    position: absolute;
    margin-top: 0;
    width: auto;
    /* margin-left: 65px; */
    /* padding: 56px; */
    overflow: hidden;
    background: transparent;
    z-index: 9999;
    text-align: center;
    width: 100%;
  }

  .general-h2 {
    font-size: 22px;
    text-align: center;
    font-weight: 700;
    margin: 40px 0 0;
  }

  .mt-58px {
    margin-top: 58px;
    margin-bottom: 0px;
  }

  .aboutus {
    float: left;
    width: 100%;
    margin-bottom: 50px;
  }

  .aboutus h2 {
    color: rgba(0, 0, 0, 0.85);
    font-size: 43px;
    float: left;
    width: 100%;

    line-height: 56px;
  }

  .fs40 {
    font-size: 35px !important;
  }

  .txt-center {
    text-align: center;
  }

  .aboutus p {
    float: left;
    width: 100%;
    font-size: 14px;
    line-height: 33px;
    color: rgba(0, 0, 0, 0.84);
    padding-top: 9px;
    padding-left: 0px;
    padding-right: 0px;
  }

  .vmp {
    float: left !important;
    width: 100% !important;
    padding-left: 150px !important;
    padding-right: 150px !important;
    text-align: center;
  }

  .row-dis {
    display: inherit !important;
  }

  .service-details img {
    float: left;
    margin-right: 30px;
    margin-top: 15px;
  }

  .service-details img {
    float: left;
    width: 100%;
    margin-right: 30px;
    margin-top: 15px;
  }

  .service-details {
    float: left;
    width: 100%;
    font-size: 14px;
    line-height: 33px;
    color: rgba(0, 0, 0, 0.84);
    padding-top: 9px;
    padding-left: 0px;
    padding-right: 0px;
  }

  .mb-dk {
    width: 100%;
    height: 250px;
    object-fit: cover;
    margin-top: 20px;
    border-radius: 5px;
  }

  .we-deal {
    margin-bottom: 0;
    margin-top: 0px;
    background: #f2f2f2;
    padding-top: 50px;
    padding-bottom: 0px;
  }

  .h355 {
    /* height: 355px; */
  }

  .deal-bg {
    margin-bottom: 30px;
    background: white;
    border-radius: 5px;
    /* padding: 25px; */
    float: left;
    width: 100%;
    /*height: 295px;*/
  }

  .deal-50 h1 {
    float: left;
    padding: 0 15px 5px;
    width: 100%;
    margin: 0;
    color: black;
    font-size: 20px !important;
    font-weight: bold;
    padding-top: 10px;
    padding-right: 0px;
    /* line-height: 25px; */
    letter-spacing: 1px;
  }

  .deal-bg img {
    width: 100%;
    object-fit: cover;
    height: 200px;
  }

  .call-nav:hover {
    background: #b88c2b !important;
    color: black !important;
    text-decoration: none !important;
  }

  .deal-50 p {
    float: left;
    padding: 0 15px;
    width: 100%;
    font-size: 14px;
    line-height: 30px;
    color: rgb(0 0 0 / 83%);
  }

  @media (max-width: 1999px) and (min-width: 426px) {
    .mb-ls {
      display: none !important;
    }
  }

  .slide .item .cover .header-content .line {
    /* content: ""; */
    /* display: inline-block; */
    /* width: 100%; */
    /* height: 100%; */
    /* left: 0; */
    /* top: 0; */
    /* position: absolute; */
    /* border: 9px solid #fff; */
    /* -webkit-clip-path: polygon(0 0, 60% 0, 36% 100%, 0 100%); */
    /* clip-path: polygon(0 0, 60% 0, 36% 100%, 0 100%); */
  }

  .slide .item .cover .header-content h2 {
    font-weight: 300;
    font-size: 35px;
    color: #fff;
  }

  .slide .item .cover .header-content h4 {
    font-size: 24px;
    font-weight: 300;
    line-height: 36px;
    color: #fff;
  }

  .slide .owl-item.active h1 {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeInDown;
    animation-delay: 0.3s;
  }

  .slide .owl-item.active h6 {
    /* -webkit-animation-duration: 1s; */
    /* animation-duration: 1s; */
    /* -webkit-animation-fill-mode: both; */
    /* animation-fill-mode: both; */
    /* animation-name: fadeInDown; */
    animation-delay: 0.3s;
  }

  .slide .owl-item.active a {
    /* background: aliceblue; */
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeInDown;
    animation-delay: 0.3s;
  }

  .slide .owl-item.active p {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeInDown;
    animation-delay: 0.3s;
  }

  .slide .owl-item.active h2 {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeInDown;
    animation-delay: 0.3s;
  }

  .slide .owl-item.active h4 {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeInUp;
    animation-delay: 0.3s;
  }

  .slide .owl-item.active .line {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeInLeft;
    animation-delay: 0.3s;
  }

  .slide .owl-nav .owl-prev {
    position: absolute !important;
    left: 76px;
    bottom: 103px;
    opacity: 1;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    /* background: rgba(0, 0, 0, 0.5) !important; */
    width: 40px;
    cursor: pointer;
    /* height: 40px; */
    position: absolute;
    display: block;
    z-index: 1000;
    border-radius: 0;
  }

  .slide .owl-nav .owl-prev span {
    font-size: 1.6875rem;
    color: #fff;
  }

  .slide .owl-nav .owl-prev:focus {
    outline: 0;
  }

  .slide .owl-nav .owl-prev:hover {
    /* background: #000 !important; */
  }

  .general-img {
  }

  .abt-left {
  }

  .abt-left p {
    margin-bottom: 30px !important;
  }

  .abt-final p {
    margin-bottom: 10px;
    padding: 0 10px;
  }

  .abt-final h2 {
    margin-bottom: 30px;
    padding: 0 10px;
  }

  .slide .owl-nav .owl-next {
    position: absolute;
    left: 121px;
    bottom: 100px;
    opacity: 1;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    /* background: rgba(0, 0, 0, 0.5) !important; */
    width: 40px;
    cursor: pointer;
    height: 40px;
    position: absolute;
    display: block;
    z-index: 1000;
    border-radius: 0;
  }

  .slide .owl-nav .owl-next span {
    font-size: 1.6875rem;
    color: #fff;
  }

  .slide .owl-nav .owl-next:focus {
    outline: 0;
  }

  .slide .owl-nav .owl-next:hover {
    /* background: #000 !important; */
  }

  .header_menu_area {
    width: 100%;
    float: right;
    position: relative;
    text-align: center;
    margin-top: 0;
    height: 45px;
    margin-right: 0;
    background: #000537;
  }

  .header_menu_area > .mob_nav {
    display: none;
  }

  .header_menu_area > ul {
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0px;
    padding-left: 0px;
    height: auto;
    /* padding-right: 5%; */
    float: right;
    /* border-right: 1px solid #eeeeee; */
  }

  .header_menu_area > ul > li {
    width: auto;
    display: inline-block;
    vertical-align: middle;
  }

  .header_menu_area > ul > li > a {
    width: auto;
    float: left;
    margin: 11px 0px;
    position: relative;
    border-bottom: 3px solid transparent;
    font-size: 14px;
    /* font-family: 'Montserrat', sans-serif !important; */
    font-weight: 400;
    border-right: 1px solid #19171a;
    color: #fff;
    text-transform: uppercase;
    padding: 21px 30px !important;
    z-index: 1;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
    /* text-transform: uppercase; */
    text-decoration: none;
  }

  .header_menu_area > ul > li > a:hover {
    color: #ffffff;
    /* border-bottom: 3px solid #ced7ff; */
  }

  .header_menu_area > ul > li > a:hover svg {
    fill: #000;
  }

  .header_menu_area > ul > li > a::after {
    content: "";
    position: absolute;
    width: 100%;
    color: #000;
    text-decoration: none !important;
    height: 0px;
    background: url("../images/menu-active.png");
    /* height: 40px; */
    background-repeat: no-repeat;
    left: 0;
    bottom: 0;
    /* transform: rotate(180deg); */
    z-index: -1;
    transition: all ease-in-out 0.5s;
    /*-o-transition: all ease-in-out 0.5s;*/
    /*-ms-transition: all ease-in-out 0.5s;*/
    /*-moz-transition: all ease-in-out 0.5s;*/
    /*-webkit-transition: all ease-in-out 0.5s;*/
    /* color: white; */
  }

  .header_menu_area > ul > li > a:hover::after {
    /* height: 100%; */
    background: #fff;
    height: 3px;
    background-repeat: no-repeat;
    left: 0;
    bottom: -13px;
  }

  @media (max-width: 767px) {
    .menu ul:after {
      bottom: 62%;
    }

    .menu li:hover > ul {
      visibility: visible;
      opacity: 1;
      position: unset;
      transform: initial;
      /* height: 122px; */
      z-index: 99999;
      margin-top: 60px;
    }

    .menu ul {
      visibility: hidden;
      opacity: 0;
      top: 0;
      left: 0;
      width: 100%;
      transform: initial;
    }

    .ham-nav {
      display: none;
    }

    .header_menu a svg {
      display: none;
    }

    .sub-menu-1 {
      position: unset !important;
      width: 100% !important;
    }

    .header_menu_area {
      position: inherit;
    }

    .header_menu_area > .mob_nav {
      display: block;
      float: right;
      width: 28px;
      height: 28px;
      margin: 24px 0px;
      cursor: pointer;
      transform: rotate(0);
      -ms-transform: rotate(0);
      -webkit-transform: rotate(0);
      transition: all ease-in-out 0.5s;
      -o-transition: all ease-in-out 0.5s;
      -ms-transition: all ease-in-out 0.5s;
      -moz-transition: all ease-in-out 0.5s;
      -webkit-transition: all ease-in-out 0.5s;
    }

    .header_menu_area > .mob_nav > div {
      background: #078c2f;
      border-radius: 30px;
      -moz-border-radius: 30px;
      -webkit-border-radius: 30px;
      display: block;
      height: 3px;
      left: 0;
      position: absolute;
      /* transform: rotate(0); */
      -ms-transform: rotate(0);
      /* -webkit-transform: rotate(0); */
      transition: all ease-in-out 0.5s;
      -o-transition: all ease-in-out 0.5s;
      -ms-transition: all ease-in-out 0.5s;
      -moz-transition: all ease-in-out 0.5s;
      -webkit-transition: all ease-in-out 0.5s;
      width: 100%;
    }

    .header_menu_area > .mob_nav > div:nth-child(1) {
      top: 2px;
    }

    .header_menu_area > .mob_nav > div:nth-child(2),
    .header_menu_area > .mob_nav > div:nth-child(3) {
      top: 13px;
    }

    .header_menu_area > .mob_nav > div:nth-child(4) {
      top: 23px;
    }

    .mob_nav.open > div:nth-child(1),
    .mob_nav.open > div:nth-child(4) {
      left: 50%;
      top: 18px;
      width: 0%;
    }

    .mob_nav.open > div:nth-child(2) {
      background: #0a0909;
      /* -webkit-transform: rotate(45deg); */
      /* transform: rotate(45deg); */
      -ms-transform: rotate(45deg);
      /* -webkit-transform: rotate(45deg); */
    }

    .mob_nav.open > div:nth-child(3) {
      background: #0a0909;
      /* -webkit-transform: rotate(-45deg); */
      /* transform: rotate(-45deg); */
      -ms-transform: rotate(-45deg);
      /* -webkit-transform: rotate(-45deg); */
    }

    .header_menu_area > ul {
      width: 100%;
      position: absolute;
      top: 100%;
      left: 0;
      background: #000000;
      padding: 20px 0px !important;
      min-height: 100vh;
      visibility: hidden;
      opacity: 0;
      z-index: 9 !important;
      transition: all ease-in-out 0.5s;
      -o-transition: all ease-in-out 0.5s;
      -ms-transition: all ease-in-out 0.5s;
      -moz-transition: all ease-in-out 0.5s;
      -webkit-transition: all ease-in-out 0.5s;
      top: 132px;
    }

    .header_menu_area > ul > li {
      width: 100%;
    }

    .header_menu_area > ul > li > a {
      color: #fff;
      width: 100%;
      line-height: 30px;
      padding: 10px 5%;
      text-align: left;
      border-bottom: solid 1px rgba(255, 255, 255, 0.1);
    }

    .header_menu_area > ul > li > a::after {
      width: 0px;
      height: 100%;
      background: #fff;
    }

    .header_menu_area > ul > li > a:hover::after {
      width: 4px;
    }

    .header_menu_area ul.view {
      visibility: visible;
      opacity: 1;
      z-index: 100;
      z-index: 11111 !important;
    }

    .header_user_area {
      right: calc(5% + 70px);
    }
  }

  .active-menu {
    background: #0a6a26;
    color: #ffffff !important;
    /* border-bottom: solid 4px #0f703a; */
  }

  @media (max-width: 767px) {
    .li-hd {
      float: left;
      margin-top: 20px !important;
    }

    .head-quote {
      /* display: none; */
      /* margin: 10px 0 0 20px !important; */
      background: transparent !important;
      border: none !important;
    }

    .sub-menu-1 {
      width: 100%;
    }

    .head-quote {
      color: #fff !important;
      background: #a3238e;
      padding: 10px 17px 10px !important;
    }

    .header_menu_area {
      position: inherit;
      height: auto;
    }

    .header_menu_area > .mob_nav {
      display: block;
      float: right;
      width: 28px;
      height: 28px;
      margin: -52px 10px 0;
      cursor: pointer;
      transform: rotate(0);
      -ms-transform: rotate(0);
      -webkit-transform: rotate(0);
      transition: all ease-in-out 0.5s;
      -o-transition: all ease-in-out 0.5s;
      -ms-transition: all ease-in-out 0.5s;
      -moz-transition: all ease-in-out 0.5s;
      -webkit-transition: all ease-in-out 0.5s;
    }

    .header_menu_area > .mob_nav > div {
      background: #a80528;
      border-radius: 30px;
      -moz-border-radius: 30px;
      -webkit-border-radius: 30px;
      display: block;
      height: 3px;
      left: 0;
      position: absolute;
      /* transform: rotate(0); */
      -ms-transform: rotate(0);
      /* -webkit-transform: rotate(0); */
      transition: all ease-in-out 0.5s;
      -o-transition: all ease-in-out 0.5s;
      -ms-transition: all ease-in-out 0.5s;
      -moz-transition: all ease-in-out 0.5s;
      -webkit-transition: all ease-in-out 0.5s;
      width: 100%;
    }

    .header_menu_area > .mob_nav > div:nth-child(1) {
      top: 2px;
    }

    .header_menu_area > .mob_nav > div:nth-child(2),
    .header_menu_area > .mob_nav > div:nth-child(3) {
      top: 13px;
    }

    .header_menu_area > .mob_nav > div:nth-child(4) {
      top: 23px;
    }

    .mob_nav.open > div:nth-child(1),
    .mob_nav.open > div:nth-child(4) {
      left: 0;
      top: 18px;
      width: 100%;
    }

    .mob_nav.open > div:nth-child(2) {
      background: #a80528;
      /* -webkit-transform: rotate(45deg); */
      /* transform: rotate(45deg); */
      -ms-transform: rotate(45deg);
      /* -webkit-transform: rotate(45deg); */
      top: 8px;
    }

    .mob_nav.open > div:nth-child(3) {
      background: #a80528;
      /* -webkit-transform: rotate(-45deg); */
      /* transform: rotate(-45deg); */
      -ms-transform: rotate(-45deg);
      /* -webkit-transform: rotate(-45deg); */
    }

    .header_menu_area > ul {
      width: 100%;
      position: absolute;
      top: 59px;
      left: 0;
      /* background: #a3238e; */
      /* padding: 20px 0px !important; */
      /* min-height: 100vh; */
      visibility: hidden;
      opacity: 0;
      z-index: -1;
      transition: all ease-in-out 0.5s;
      -o-transition: all ease-in-out 0.5s;
      -ms-transition: all ease-in-out 0.5s;
      -moz-transition: all ease-in-out 0.5s;
      -webkit-transition: all ease-in-out 0.5s;
    }

    .header_menu_area > ul > li {
      width: 100%;
    }

    .enq-btn {
      padding: 12px 7px !important;
    }

    .header_menu_area > ul > li > a {
      color: #0a0a0a !important;
      width: 100% !important;
      line-height: 30px;
      background: #ffffff;
      /* margin: 0; */
      margin: 0;
      padding: 10px 0 10px 8px;
      text-align: left;
      border-bottom: solid 1px rgb(255 255 255);
      border-radius: 0 !important;
    }

    .header_menu_area > ul > li > a::after {
      width: 0px;
      height: 100%;
      /* background: #ee7325; */
    }

    .header_menu_area > ul > li > a:hover::after {
      width: 4px;
    }

    .header_menu_area ul.view {
      visibility: visible !important;
      /* opacity: 1; */
      background: #ffffff;
      /* border-top: 1px solid #bbbbbb59; */
      z-index: 100;
      display: block !important;
    }

    .header_user_area {
      right: calc(5% + 70px);
    }
  }

  @media (min-width: 1025px) and (max-width: 1200px) {
    .slide .item .slide-image {
      /* height: 448px; */
    }

    .dot-image {
      right: 355px;
    }

    .enq-sec {
      margin-left: 0;
    }

    .header_menu_area > ul {
      padding-right: 12px;
    }

    .header_logo {
      padding-right: 0px !important;
    }

    .header_menu_area > ul > li > a {
      width: auto;
      float: left;
      margin: 0 0;
      position: relative;
      font-size: 11px;
      /* font-family: 'Montserrat', sans-serif !important; */
      font-weight: 400;
      color: #fff;
      letter-spacing: 0px !important;
      padding: 13px 24px;
    }
  }

  @media (min-width: 1201px) and (max-width: 1307px) {
    .header_menu_area > ul > li > a {
      padding-left: 9px;
      padding-right: 9px;
    }

    .header_menu a svg {
      left: 19px;
    }
  }

  @media (max-width: 500px) {
    .header_user_area {
      right: calc(5% + 55px);
    }

    .header_user_area .header_user {
      padding: 23px 18px 23px 0px;
    }

    .header_user_area .header_user > img {
      width: 30px;
      height: 30px;
    }

    .header_user_area .header_user > span {
      display: none;
    }

    .header_user_area > .header_login {
      margin: 0 5px 0 0;
    }
  }

  .header_menu_area > ul li ul.submenu {
    display: none;
    opacity: 0;
    margin-top: 10px;
    visibility: hidden;
    position: absolute;
    width: 210px;
    height: auto;
    overflow: hidden;
    background: #fff;
    margin-left: 25px !important;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
    transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
  }

  .main_header_block {
    width: 100%;
    float: left;
  }

  .header_logo {
    width: auto;
    float: left;
    position: relative;
    position: relative;
    z-index: 9999;
    /* margin-top: 10px; */
    /* padding-right: 50px; */
    /* border-right: 1px solid #eeeeee; */
    /* height: 96px; */
    /* background: #fff; */
  }

  .contact_full {
    width: 100%;
    float: left;
    margin-top: 60px;
  }

  .icon_box_05.ib5_left {
    padding-top: 0;
    padding-left: 59px;
    text-align: left;
    margin-bottom: 30px;
  }

  .chairman-sec {
    background-color: #4b514f;
    float: left;
    width: 100%;
    padding: 50px 0;
    position: relative;
  }

  .chairman-sec p {
    padding: 0 12px;

    color: #fff;

    font-size: 14px;

    line-height: 28px;
  }

  .chairman-sec h2 {
    color: #fff;

    font-size: 25px;

    font-weight: 700;

    float: left;

    width: 100%;

    margin-bottom: 30px;

    padding: 0 12px;
  }

  .chairman-sec img {
    float: left;

    position: relative;
  }

  .chairman-sec h5 {
    background: url("../images/quote.png");

    float: right;

    width: 500px;

    text-align: right;

    line-height: 30px;

    color: #fff;

    font-size: 18px;

    font-weight: 600;

    background-repeat: no-repeat;

    background-position: 0 -2%;

    padding-top: 30px;
  }

  .chairman-sec h6 {
    position: absolute;

    bottom: -23px;

    text-align: center;

    background: #1f6eb7;

    padding: 10px;

    width: 77%;

    color: #fff;

    left: 25px;

    border-radius: 30px;

    font-size: 15px;

    text-transform: capitolize;
  }

  .icon_box_05 {
    position: relative;
    padding-top: 59px;
    text-align: center;
  }

  .icon_box_05.ib5_left i {
    left: 0;
    top: 0;
    bottom: 0;
    right: auto;
    margin: auto 0;
  }

  .branch-new .owl-next {
    right: -70px;
    position: relative;
    top: 46px;
    border: 1px solid !important;
    padding: 10px;
  }

  .branch-new .owl-nav button:hover {
    background: #e1d7d7;
  }

  .branch-new .owl-nav button:hover img {
    filter: brightness(11);
  }

  .branch-new .owl-prev {
    left: -70px;
    position: relative;
    top: 46px;
    border: 1px solid !important;
    padding: 10px;
  }

  .active-class {
    color: #ffffff !important;
    /* border-bottom: 3px solid #ced7ff !important; */
  }

  .active-class svg {
    fill: #000;
  }

  .icon_box_05 i {
    width: 120px;
    height: 120px;
    border: 1px solid #ecebff;
    color: #ffffff;
    text-align: center;
    line-height: 118px;
    border-radius: 50%;
    background: #a3238e;
    font-size: 36px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin: 0 auto;
  }

  .icon_box_05.ib5_left .ib5_inner {
    padding: 29px 20px 21px 90px;
  }

  .ib5_inner {
    border: 1px solid #ecebff;
    padding: 100px 25px 32px;
    background: #fbfbfb;
  }

  .ib5_inner h3 {
    font-size: 19px;
    line-height: 0.8;
    letter-spacing: -0.52px;
    text-transform: uppercase;
    margin: 0 0 26px;
  }

  .ham-white {
    height: 100%;

    padding: 20px 80px;

    background: #fff;
  }

  .ham-right {
    height: 100%;
  }

  .ib5_inner p {
    font-size: 14px;
    line-height: 26px;
    color: #959ba9;
    letter-spacing: 0;
    word-break: break-all;
    margin: 0 0 17px;
  }

  .ib5_inner > a {
    font-size: 14px;
    display: inline-block;
    line-height: 0.8;
    color: #a3238e;
    font-weight: 500;
    text-transform: capitolize;
  }

  .sub_title.dark_sub_title {
    color: #a3238e;
    font-weight: 600;
  }

  .sub_title {
    font-size: 16px;
    color: #c3c8d4;
    letter-spacing: 0;
    text-transform: uppercase;
    font-weight: 500;
    margin: 0 0 20px;
    line-height: 0.8;
  }

  .sec_title span {
    font-size: 39px;
    margin-bottom: 16px;
    float: left;
  }

  .cotactForm {
    position: relative;
  }

  .iconInput {
    position: relative;
    margin-bottom: 20px;
  }

  .light_form .iconInput input:not([type="submit"]),
  .light_form .iconInput textarea {
    font-weight: 400;
    font-size: 13px;
    color: #959ba9;
    border-color: #ecebff;
    margin-bottom: 30px;
  }

  .iconInput input:not([type="submit"]),
  .iconInput textarea {
    padding: 0 0 0 50px;
    background: transparent;
    border: none;
    border-bottom: 2px solid #5b6c90;
    display: block;
    width: 100%;
    color: #8b97b1;
    font-weight: 600;
    letter-spacing: 0;
    height: 57px;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms;
  }

  .header_logo img {
    /* max-width: 100%; */
    /* height: 145px; */
    /* display: block; */
    margin-top: -44px;
    float: right;
    margin-left: 86px;
    /* margin-bottom: 5px; */
    /* background: #fff; */
    margin-right: 25px;
    box-shadow: 1px -4px 3px 3px rgb(0 0 0 / 5%);
  }

  .slider_block {
    width: 100%;
    float: left;
    padding: 0;
    position: relative;
  }

  .ban1 {
    width: 100%;
    float: left;
    background: url("../images/slider1.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 655px;
    background-position: 100%;
  }

  .ban2 {
    width: 100%;
    float: left;
    background: url("../images/slider1.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 655px;
    background-position: 100%;
  }

  .header_block {
    width: 100%;
    /* HEIGHT: 120px; */
    float: left;
    /* position: absolute; */
    /* left: 0; */
    /* top: 0; */
    padding: 0;
    /* z-index: 2; */
    background: #ffffff;
    /* clear: both; */
    padding-right: 0;
    margin-right: 0;
  }

  .view-serv {
    border: 1px solid #222222;
    border-radius: 50%;
    height: 47px;
    /* margin-top: 20px; */
    position: relative;
    bottom: 7px;
    z-index: 1000;
    width: 47px;
    color: #fff;
    float: left;
    background-color: #222222;
    left: 21px;
  }

  .testi-full {
    background: url("../images/aboutbg.png");

    width: 100%;

    float: left;

    background-size: cover;

    background-repeat: no-repeat;

    padding-bottom: 100px;
  }

  .view-serv:hover {
    border: 1px solid #b88c2b;
    background-color: #b88c2b;
  }

  .view-serv svg {
    padding: 12px 10px;
    width: 46px;
  }

  .enquire {
    background-color: #f36f27;
    color: #fff;
    margin-top: 20px;
    width: 144px;
    float: right;
    font-size: 14px;
    font-weight: 600;
    padding: 10px 25px 12px;
    border-radius: 5px;
  }

  .years h5 {
    width: 100%;

    float: left;

    padding: 5px 15px;

    font-size: 14px;

    color: #fff;

    line-height: 27px;

    padding-bottom: 18px;
  }

  .enquire:hover {
    text-decoration: none;
    color: #fff;
    background-color: #000;
  }

  .slider_block .owl-nav {
    display: none;
  }

  .slider_block .owl-dots {
    display: none;
  }

  .cta-abt {
    width: 100%;

    float: left;

    /* background: #000; */

    /* padding: 50px 0; */
  }

  .cta-abt h2 {
    font-size: 18px;

    line-height: 30px;

    color: #fff;

    background: #000;

    padding: 32px 20px;

    margin: 0;
  }

  .cta-abt p {
    font-size: 17px;

    color: #000;

    padding: 32px 20px;

    margin: 0;
  }

  .cta-abt a {
    border-radius: 30px;

    background: #1f6eb7;

    float: right;

    text-align: center;

    color: #fff;

    font-size: 15px;

    width: 165px;

    font-weight: 600;

    padding: 15px;

    margin-top: 32px;

    box-shadow: -2px 1px 3px 0px #23202538;
  }

  .cta-abt a:hover {
    text-decoration: none;

    background: #000;
  }

  .services_full {
    width: 100%;

    float: left;

    /* box-shadow: -1px 0 4px rgba(0, 0, 0, 0.15); */

    background: rgb(244 244 244 / 39%);

    /* margin-bottom: 20px*/

    /* margin-bottom: 20px; */

    padding-bottom: 30px;
  }

  .services_full img {
    width: 100%;

    height: 200px;

    float: left;

    object-fit: cover;

    margin-bottom: 14px;
  }

  .services_full h2 {
    font-size: 20px;

    float: left;

    width: 100%;

    margin: 0;

    padding: 10px 15px 0;

    /* font-weight: 700; */

    letter-spacing: 1px;
  }

  .services_full p {
    margin: 0 !important;

    padding: 10px 15px !important;

    line-height: 28px !important;
  }

  .service .owl-nav img {
    width: 29px;
    opacity: 0.7;
    filter: brightness(11);
  }

  .ban-text {
    padding-top: 235px;
    width: 100%;
    float: left;
  }

  .service-sec {
    width: 100%;
    float: left;
    position: relative;
    margin: 70px 0 15px;
  }

  .view-serv2 {
    border: 1px solid #ded83a;
    border-radius: 50%;
    height: 47px;
    /* margin-top: 20px; */
    position: absolute;
    bottom: -16px;
    width: 47px;
    color: #fff;
    float: left;
    background-color: #ded83a;
    left: 30px;
  }

  .view-serv2:hover {
    border: 1px solid #f8901f;
    background-color: #f8901f;
  }

  .view-serv2 svg {
    transform: rotate(180deg);
    padding: 12px 10px;
    width: 46px;
  }

  .service-sec-image {
    position: relative;
    height: 435px;
    margin-left: 17px;
    padding-left: 13px;
    /* width: 100%; */
    object-fit: cover;
    /* border-radius: 6px; */
  }

  .innerban6 p {
    margin-top: 223px;
    color: #ffffff;
    font-weight: 700;
    width: 100%;
    float: left;
    /* font-style: italic; */
    text-align: center;
    font-size: 28px;
  }

  .service-border {
    margin-left: 25px;

    float: left;

    width: auto;

    margin-bottom: 20px;
  }

  .service-sec h2 {
    font-size: 25px;

    margin-left: 25px;

    color: #131316;

    margin-top: 15px;

    font-weight: 400;
  }

  .service-sec h1 {
    font-size: 25px;

    color: #131316;

    font-weight: 700;

    margin-left: 25px;
  }

  .service-sec p {
    margin-left: 25px;

    font-size: 14px;

    float: left;

    line-height: 28px;

    color: #070707;

    margin-bottom: 0;

    padding: 5px 0;
  }

  .service-text-full h4 {
    font-size: 15px;

    font-weight: 500;
  }

  .ban-text h1 {
    font-size: 37px;
    /*    font-family: 'Baloo Paaji 2', cursive  !important; width: 100%;
*/
    /* font-family: 'Oswald'; */
    position: relative;
    color: #fff !important;
    font-weight: 400;
  }

  .ban-text h1 span {
    font-weight: 700;
  }

  .get-in-touch {
    width: 100%;

    float: left;

    margin-top: 40px;
  }

  .get-in-touch h2 {
    font-size: 35px;

    font-weight: 700;

    color: #101010;
  }

  .get-in-touch h2 span {
    color: #a31c20;
  }

  .get-in-touch h3 {
    font-size: 20px;

    font-weight: 700;

    color: #a31c20;

    margin: 10px 0;
  }

  .get-in-touch p {
    font-size: 14px;

    line-height: 26px;

    color: #101010;

    margin-bottom: 36px;
  }

  .abt-icons {
    position: absolute;
    /* border: 1px solid #ccc; */
    top: -22px;
    right: 15px;
    /* box-shadow: 0px 1px 0px 1px #eae4e4; */
    z-index: 99;
    padding-top: 9px;
    width: 47px;
    font-weight: 700;
    font-size: 21px;
    height: 47px;
    border-radius: 50%;
    text-align: center;
    background: #fff;
  }

  .header-content h6 {
    font-size: 65px;
    color: #000000;
    /* text-transform: uppercase; */
    font-weight: 300;
    /* line-height: 40px; */
    text-align: right;
  }

  .abt-icons svg {
    margin: 12px 10px;
    width: 26px;
    fill: #310903;
    height: 24px;
  }

  .view-abt svg {
    padding: 12px 10px;
    width: 39px;
  }

  .view-abt:hover {
    border: 1px solid #222222;
    background-color: #222222;
  }

  .ban-text h1:after {
    /* position: absolute; */
    /* content: ''; */
    height: 2px;
    top: 8px;
    left: 192px;
    width: 57px;
    background-color: #ed2424;
  }

  .pro-overlay h5:after {
    position: absolute;
    content: "";
    height: 2px;
    top: 8px;
    left: 145px;
    width: 16px;
    background-color: #fff;
  }

  .menu-img {
    transition: all ease-in-out 0.5s;
    width: 100%;
    border-radius: 20px;
    height: 117px;
    object-fit: cover;
  }

  .menu-img:hover {
    /* transform:scale(1.5); */
    filter: grayscale(1);
  }

  .menu-text {
    width: 100%;

    float: left;

    margin-top: 25px;
  }

  .menu-text h2 {
    font-size: 18px;

    font-weight: 700;

    margin: 0;

    color: #000;
  }

  .menu-text p {
    margin: 0 !important;

    font-size: 14px;
  }

  .menu-text span {
    font-size: 14px;

    font-weight: 600;

    color: #000;
  }

  .menu-image {
    overflow: hidden;
    transition: all ease-in-out 0.5s;
    /* border-radius: 20px; */
    margin-bottom: 30px;
    cursor: pointer;
    width: 100%;
  }

  .panel-quote img {
    position: relative;
    top: 63px;
  }

  .conatct-ad-sec {
    width: 100%;
    float: left;
    margin-top: 35px;
    margin-bottom: 40px;
  }

  .location-text {
    float: left;
    width: 100%;
    text-align: center;
    text-align: -webkit-center;
    padding-bottom: 5px;
    text-align: -moz-center;
  }

  .location_titel {
    float: left;
    width: 100%;
    color: #000;
    font-weight: 700;
    padding-bottom: 11px;
    font-weight: 600;
    text-align: center;
    padding-top: 10px;
    text-transform: uppercase;
    font-size: 17px;
    /* letter-spacing: -1px; */
  }

  .slide .owl-theme .owl-dots .owl-dot:focus {
    outline: none !important;
  }

  .location_address {
    float: left;
    width: 100%;
    font-size: 15px;
    color: #000;
    font-weight: 500;
    text-align: center;
    line-height: 27px;
  }

  .dte {
    padding: 5px 10px;

    z-index: 999;

    right: 11px;

    position: absolute;

    top: -10px;

    color: #fff;

    font-size: 13px;

    border-radius: 32px;

    background: #a31c20;
  }

  .innerban4 p {
    /* margin-top: 223px; */
    color: #ffffff;
    font-weight: 400;
    width: 100%;
    float: left;
    /* font-style: italic; */
    text-align: left;
    font-size: 18px;
  }

  .ban-text h2 span {
    color: #2ba649;
    font-weight: 700;
  }

  .abt-icons:hover {
    background-color: #ded83a;
  }

  .abt-icons:hover svg {
    fill: #fff;
  }

  .ban-text p {
    float: left;
    width: 100%;
    font-size: 14px;
    line-height: 25px;
    padding: 6px 92px 0 0;
    font-weight: 400;

    color: #000;
  }

  .ban-text h2 {
    color: #000;

    font-size: 45px;
    line-height: 58px;
    padding-top: 0;
    font-weight: lighter;
  }

  .close_form {
    display: block;
    position: absolute;
    width: 40px;
    height: 40px;
    right: 424px;
    top: 0;
    background: #960423 url(../images/close.svg) no-repeat center center;
    background-size: 20px 20px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    border: none;
    cursor: pointer;
  }

  .ftr-right {
    width: 100%;
    float: left;
    padding: 73px 20px 0;
  }

  .ftr-right p {
    color: #fff;
    font-size: 19px;
    position: relative;
    font-weight: 400;
    padding: 1px 101px 47px 0;
    border-bottom: 1px solid #0f1119;
  }

  .vm .owl-theme .owl-dots,
  .owl-theme .owl-nav {
    text-align: left;
  }

  .vm .owl-theme .owl-dots .owl-dot {
    display: inline-block;
    z-index: 999;
    cursor: pointer;
    zoom: 1;
    background: transparent;
    text-align: center;
    border: none;
    top: -179px;
    left: 85px;
    /* right: 83px; */
    position: relative;
  }

  .vm.owl-theme .owl-dots .owl-dot span {
    position: relative;
    z-index: 99;
    width: 10px;
    cursor: pointer;
    height: 10px;
    margin: 5px 0px;
    border: 2px solid #ffdb5c;
    background: #ffdb5c !important;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity 0.2s ease;
    border-radius: 30px;
  }

  .vm .owl-theme .owl-dots .owl-dot.active span,
  .owl-theme .owl-dots .owl-dot:hover span {
    background: #fff !important;
    border: none;
  }

  .explore {
    background: transparent;
    color: #000;
    margin-top: 15px;
    float: left;

    /* height: 48px; */
    border-left: 2px solid #ed2424;
    border-bottom: 2px solid #ed2424;
    text-align: center;
    /* width: 143px; */
    /* border-radius: 4px; */
    font-weight: bold;
    font-size: 13px;
    padding: 0 13px 9px;
  }

  .social-hd {
    float: right;
    margin: 35px 20px;
  }

  .social-hd a {
    width: auto;
    margin: 3px 5px;
    float: right;
  }

  .social-hd a svg:hover {
    fill: #a3238e;
  }

  .quality-red a:hover {
    text-decoration: none;
    color: #fff;
  }

  .explore:hover {
    background-color: transparent;
    text-decoration: none;
    color: #fff;
  }

  .invest-btn:hover {
    text-decoration: none;
    background: #fa3b3b !important;
    color: #fff !important;
  }

  .blink {
  }

  .blink a {
    font-size: 25px;
    color: white;
    animation: blink 1s linear infinite;
  }

  @keyframes blink {
    0% {
      opacity: 0;
    }

    50% {
      opacity: 0.5;
    }

    100% {
      opacity: 0.7;
      background: #06070aa3;
    }
  }

  .career-box {
    /* margin-bottom: 20px; */
    /* background: #fff; */
    /* padding: 25px !important; */
    /* box-shadow: -1px 0 4px rgba(0, 0, 0, 0.15); */
    /* border-radius: 5px; */
  }

  .mission-sec {
    width: 100%;
    float: left;
    /* text-align: center; */
  }

  .panel-call {
    padding: 38px 0;
    border-right: 1px solid #ccc;
    text-align: center;
    float: left;
    width: 100%;
  }

  .panel-call img {
    float: left;
  }

  .panel-call p {
    float: left;
    font-size: 12px;
    padding: 3px 5px;
    font-weight: 600;
    margin-bottom: 0;
    color: #444141;
  }

  .panel-icons-rt {
    width: 100%;
    float: left;
  }

  .panel-icons-rt a img {
    margin: 0 20px;
  }

  .iconInput i {
    position: absolute;
    /* left: 20px; */
    top: 0;
    font-size: 14px;
    letter-spacing: -0.42px;
    color: #a3238e;
    height: 57px;
    line-height: 57px;
  }

  .service .owl-nav {
    float: left;
    width: 100%;
    text-align: center;
  }

  .service .owl-next {
    position: relative;
    /* top: -111px; */
    padding: 4px 0px;
    background: transparent;
    /* left: -464px; */
  }

  .service .owl-prev {
    position: relative;
    padding: 4px 0px;
    /* top: -111px; */
    background: transparent;
    /* left: -453px; */
  }

  .panel-icons-rt a {
    padding-top: 31px;
    float: left;
  }

  .dot {
    /* padding-top: 50px; */
    /* float: left; */
  }

  .bg-orange {
    background: #f36f27;
    padding: 25px 0 !important;
    float: right !important;
  }

  .panel-bar .col-md-6 {
    padding-right: 0;
  }

  .panel-form {
    width: 240px;
    float: left;
    min-height: 460px;
    top: -193px;
    z-index: 200;
    padding: 20px 15px;
    position: absolute;
    background-color: #7d7a7b;
  }

  @media screen and (max-height: 450px) {
    .sidenav {
      padding-top: 0;
    }

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

  .ham-nav svg {
    fill: #656363;
    height: 34px;
    /*margin-top: 10px;*/
  }

  .ham-nav {
    float: right;
    font-size: 30px;
    cursor: pointer;
    padding-left: 10px;
    background: #e8e8e8;
    padding: 37px 12px;
  }

  .sidenav a {
    padding: 12px 71px;
    text-decoration: none;
    -moz-transition: all ease-in-out 0.5s;
    font-size: 27px;
    transition: all ease-in-out 0.5s;
    color: #fff;
    text-align: left;
    -webkit-transition: all ease-in-out 0.5s;
    position: relative;
    display: block;
    /* transition: 0.3s; */
    /* border-bottom: 1px solid #F2F2F2; */
  }

  .sidenav a:hover {
    text-decoration: none;
    opacity: 0.9;
  }

  .sidenav {
    height: 100%;
    /* border-top: 1px solid #ad6062; */
    width: 100%;
    position: fixed;
    height: 0;
    padding: 0;
    z-index: 9999;
    top: 0;
    right: 0;
    background-color: #1f6eb7;
    overflow-x: hidden;
    transition: 0.5s;
  }

  .panel-form h2 {
    font-size: 20px;
    line-height: 28px;
    font-weight: 100;
    color: #fff;
  }

  .head-quote1 {
    color: #fff !important;
    background: #06070a;
    padding: 4px 10px 5px 4px !important;
    border-radius: 28px;
    font-size: 11px !important;
    margin-top: 7px !important;
    margin-right: 10px;
    /* width: 118px !important; */
    border: 2px solid transparent;
    margin-bottom: 0 !important;
  }

  .input-set {
    width: 100%;
    float: left;
    margin: 10px 0;
  }

  .input-set input {
    background: transparent;
    border: 1px solid #ccc;
    font-size: 300;
    color: #fff;
    padding: 8px 10px;
  }

  .panel-form p {
    font-size: 13px;
    color: #fff;
    float: left;
    line-height: 24px;
    font-weight: 300;
    padding: 5px 3px 5px 0;
  }

  .panel-form button {
    background: #b5b3b4;
    border: none;
    text-align: center;
    margin: auto;
    display: block;
    font-size: 14px;
    color: #000;
    cursor: pointer;
    padding: 10px 20px;
  }

  .view-abt {
    /* border: 1px solid #fff; */
    border-radius: 50%;
    height: 40px;
    width: 40px;
    color: #fff;
    background: #b88c2b;
    float: left;
    text-transform: uppercase;
  }

  .table {
    animation: rotate 5s infinite linear;
  }

  .contact-snd {
    text-transform: uppercase;
    /* border-radius: 100px; */
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 20px;
    font-style: normal;
    font-stretch: normal;
    border: none;
    line-height: normal;
    /* letter-spacing: 1.8px; */
    /* width: 81%; */
    border-radius: 5px;
    text-align: center;
    padding: 16px 30px;
    border: none;
    background: #960423;
    color: #ffffff;
    float: right;
    margin-top: 11px;
    border: solid 2px #960423;
    cursor: pointer;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
  }

  .contact-snd:hover {
    background-color: #a90a2c;
    border-color: #a90a2c;
    color: #fff;
  }

  .investimg-new img {
    width: 100%;
    border-radius: 5px;
    height: 471px;
    width: 100%;
    float: left;
    object-fit: cover;
  }

  .investimg-new {
    width: 100%;
    float: left;
    margin-top: 0px !important;
  }

  .pro-img {
    margin-bottom: 30px;
    position: relative;
    overflow: hidden;
    width: 100%;
    border-top-right-radius: 4px;
    float: left;
  }

  .pro-img img {
    position: relative;
    border-top-right-radius: 5px;
    width: 100%;
    float: left;
    border-top-left-radius: 5px;
    height: 270px;
    transition: all ease-in-out 0.5s;
    object-fit: cover;
  }

  .pro-img img:hover {
    /* transform: scale(1.5); */
  }

  .pro-img h6 {
    font-size: 16px;
    font-weight: 600;
    float: left;
    color: #ffffff;
    text-align: center;
    /* margin-top: -60px; */
    background: rgba(0, 0, 0, 0.69);
    position: absolute;
    z-index: 111;
    left: 0;
    padding: 14px;
    width: 100%;
    bottom: -8px;
  }

  .modal-content {
    border-radius: 0 !important;
  }
}

.modal-img {
  width: 100% !important;
  height: 186px !important;
  object-fit: cover;
}

.free_consult {
  z-index: 999;
  text-align: center;
  color: #fff;
  font-size: 20px;
  width: 100%;
  position: relative;
  bottom: 110px;
}

.modal-heads {
  font-size: 18px;
  margin-top: 0px;
  color: #ffffff;
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding-top: 13px;
  background: #aa7e14;
  padding-bottom: 13px;
}

.modal-frm input {
  width: 100%;
  padding: 10px 0px 10px 0px;
  outline: none;
  border: none;
  font-size: 13px;
  border: 1px solid #eee;
  margin-top: 20px;
  padding: 10px;
  height: 52px;
}

.modal-frm textarea {
  width: 100%;
  padding: 10px 0px 10px 0px;
  outline: none;
  border: none;
  font-size: 14px;
  border-bottom: 1px solid #eee;
  resize: none;
  margin-top: 20px;
  border: 1px solid #eee;
  margin-top: 20px;
  padding: 10px;
}

.modal-img {
  width: 100% !important;
  height: 186px !important;
  object-fit: cover;
  float: left;
  left: -1px;
  position: relative;
  top: -1px;
}

.close {
  position: absolute;
  right: -30px;
  top: 15px;
  width: 35px;
  height: 35px;
  background: rgba(0, 0, 0, 0.4);
  margin: 20px;
  cursor: pointer;
  padding: 5px;
}

.close:after,
.close:before {
  content: "";
  position: absolute;
  top: 25%;
  left: -288px;
  width: 1.5px;
  height: 65%;
  background: #e4e4e4;
}

.close:after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.close:before {
  transform: translate(-50%, -50%) rotate(45deg);
}

.modal-submit {
  padding: 14px 23px 10px 20px;
  /* float: left; */
  margin: 5px auto 24px;
  display: block;
  width: 170px !important;
  height: 47px;
  cursor: pointer;
  font-size: 13px;
  font-weight: 500;
  color: #fff;
  background: #222222;
  text-transform: uppercase;
  letter-spacing: 1px;
  border-radius: 30px;
}

.modal-submit:hover {
  background-color: #b88c2b;
}

.mt-80 {
  margin-top: 80px;
}

.pro-overlay {
  /* position: absolute; */
  /* height: 100%; */
  /* padding: 100px 51px; */
  /* width: 100%; */
  /* background-color: #ed3231e8; */
  /* left:0; */
  /* top: 0; */
  /* display: none; */
}

.pro-overlay h2 {
  font-size: 26px;
  color: #fff;
  font-weight: 500;
}

.pro-overlay h6 {
  font-size: 14px;
  font-weight: 400;
  padding-top: 16px;
  color: #fff;
  float: left;
  line-height: 25px;
}

.pro-overlay h5 {
  font-size: 14px;
  width: 100%;
  text-align: center;
  color: #fff;
  float: left;
  position: relative;
  margin-top: 20px;
}

.abt-mission {
  width: 100%;

  float: left;

  margin: 50px 0;

  text-align: center;
}

.mission-sec-new .col-md-6 {
  padding: 0;
}

.mission-sec-new {
  width: 100%;

  display: inline-block;

  vertical-align: middle;

  max-width: 1145px;

  margin: 0px 0px 0px 27px;
}

.mission1 {
  background: #222222;

  padding: 40px 30px;

  text-align: left;

  box-shadow: -1px 0 4px rgba(0, 0, 0, 0.15);

  -moz-box-shadow: -1px 0 4px rgba(0, 0, 0, 0.15);

  -webkit-box-shadow: -1px 0 4px rgba(0, 0, 0, 0.15);
}

.mission1 h2 {
  color: #fff;

  font-size: 22px;

  font-weight: 700;
}

.mission1 p {
  font-size: 14px;

  line-height: 26px;

  color: #fff;

  text-align: justify;
}

.vision1 {
  background: #b88c2b;

  padding: 40px 30px;

  text-align: left;

  box-shadow: -1px 0 4px rgba(0, 0, 0, 0.15);

  -moz-box-shadow: -1px 0 4px rgba(0, 0, 0, 0.15);

  -webkit-box-shadow: -1px 0 4px rgba(0, 0, 0, 0.15);
}

.vision1 h2 {
  font-size: 22px;

  font-weight: 700;

  color: #fff;
}

.vision1 p {
  font-size: 14px;

  line-height: 26px;

  color: #fff;

  text-align: justify;
}

.panel-12 {
  background: url("../images/aboutbg.png");
  width: 100%;
  float: left;
  /* padding: 50px 0 20px; */
  background-size: cover;
  position: relative;
  overflow: hidden;
}

.panel-12 h1 {
  width: 100%;
  float: left;
  font-size: 25px;
  /* font-weight: 100; */

  /* line-height: 40px; */
  color: #131316;
  /* text-align: center; */
  margin-bottom: 0;
}

.panel-12 h1 span {
  font-weight: 700;
  color: #131316;
}

.panel-12 p {
  width: 100%;
  float: left;
  font-size: 14px;
  font-weight: 400;
  line-height: 30px;
  color: rgb(0 0 0 / 74%);
  /* text-align: justify; */
  /* padding: 5px 19%; */
  margin-bottom: 0;
  margin-top: 15px;
}

.form-pad {
  width: 100%;
  float: left;
  /* padding: 0 139px; */
}

.panel-12 .ryt-pad {
  /* padding-right: 55px; */
  margin-bottom: 35px;
}

.msg-box {
  width: 327px;
  height: auto;
  margin-top: -618px;
  z-index: 99;
  float: right;
  position: relative;
  /* background: #ffffff00; */
  right: 90px;
}

.msg-box .heads {
  width: 100%;
  padding: 12px 25px;
  float: left;
  background: #0d0d0c;
  /* height: 94px; */
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}

.msg-box .heads h2 {
  margin-bottom: 0;
  width: 100%;
  float: left;
  text-align: center;
  font-size: 18px;
  /* line-height: 24px; */
  color: #ffffff;
}

.msg-box .bodys {
  width: 100%;
  float: left;
  background: #ffffff;
  border-bottom-right-radius: 5px;
  /* height: 248px; */
  border-bottom-left-radius: 5px;
}

.form-area1 {
  width: 100%;
  float: left;
  padding: 10px 20px;
  padding: 10px 25px;
}

.form_div {
  border-bottom: 1px solid #b0aaaa;
  color: #272626;
  display: block;
  font-size: 13px;
  height: 42px;
  margin-bottom: 10px !important;
  padding: 0 20px;
  outline: none;
  background: #ffffff;
  width: 100%;
  padding-left: 0px;
  border: none;
  transition: all 500ms ease;
  border-bottom: solid 1px #e3e3e3;
  padding: 15px;
  border-radius: 5px;
  padding-top: 9px;
  float: left;
  width: 100%;
}

.titel_normal {
  /* height: 100%; */
  line-height: 26px;
  /* top: 151px; */
  position: absolute;
  width: 35px;
  /* padding-left: 8px; */
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-size: 5px;
  color: rgba(0, 0, 0, 0.88);
  text-transform: uppercase;
  border-right: solid 1px #e3e3e3;
}

/*.banner img{
  width: 100%;
  float: left;
}*/

.normal_form {
  /*color: #272626;*/
  display: block;
  font-size: 12px;
  /* height: 52px; */
  color: #18191b96;
  /* margin-bottom: 30px !important; */
  outline: none;
  background: rgba(255, 255, 255, 0);
  width: 88%;
  padding-left: 0px;
  border: none;
  transition: all 500ms ease;
  padding: 15px;
  float: left;
  /* width: 50%; */
  left: 47px;
  position: relative;
  padding: 0px;
  /* padding-left: 17px; */
  padding-top: 8px;
}

.form-bot {
  width: 100%;
  float: left;
}

.form-boto-st {
  width: 100%;
  float: left;
  background: #18191b;
  color: #fff;
  border: none;
  height: 40px;
  border-radius: 5px;
  margin-top: 15px;
  transition: all ease-in-out 0.5s;
  -o-transition: all ease-in-out 0.5s;
  -ms-transition: all ease-in-out 0.5s;
  -moz-transition: all ease-in-out 0.5s;
  -webkit-transition: all ease-in-out 0.5s;
}

.form-boto-st:hover {
  background: #a3238e;
  cursor: pointer;
}

.form-boto-st:focus,
active {
  outline: none;
}

.panel-12 .form-control {
  border-radius: unset;
  border: unset;
  border-bottom: 1px solid #888686a8;
  padding: 0;
  box-shadow: none;
  height: 45px;
}

.panel-12 .lft-pad {
  /* padding-left: 55px; */
  margin-bottom: 35px;
}

.panel-12 .margin-bot {
  margin-bottom: 35px;
  float: left;
}

.client .owl-nav button {
  background-color: transparent;
  border: none;
}

.client .owl-nav button img {
  /* filter: brightness(.5); */
  /* width: 40px; */
}

.client .owl-nav button:focus {
  outline: none !important;
}

.service-text-full {
  position: relative;

  width: 100%;

  float: left;

  padding: 30px 20px;
}

.service-text-full h3 {
  font-size: 18px;

  font-weight: 700;
}

.service-text-full p {
  font-size: 14px;

  text-align: left;

  margin: 0;
}

.btn-center {
  text-align: -webkit-center;
  width: 100%;
  float: left;
}

.submit-btn {
  text-align: center;
  width: 163px;
  height: 47px;
  background-color: #222222;
  display: flex;
  color: #fff;
  cursor: pointer;
  /* border-radius: 25px; */
  margin-top: 25px;
  float: left;
  border: 0;
}

.submit-btn span {
  margin: auto;
  font-size: 15px;
  text-transform: uppercase;
}

.branches-ht {
  height: 400px !important;
  /*        margin-bottom: 0 !important;
*/
}

.branch-new-name1 {
  float: left;
  width: 100%;
  text-align: center;
}

.line {
  width: 100%;
  float: left;
}

.serv-line {
  position: relative;
}

.img-branch {
  height: 400px !important;
}

.serv-line::before {
  top: 20px;
  content: "";
  height: 1px;
  width: 100px;
  border: 1px solid #cccccc30;
  left: -101px;
  position: absolute;
}

.serv-line::after {
  top: 20px;
  content: "";
  height: 1px;
  width: 100px;
  border: 1px solid #cccccc30;
  right: -101px;
  position: absolute;
}

.ft-left {
  width: 100%;
  float: left;
}

.ft-left a {
  margin: 10px;
  width: auto;
  font-size: 15px;
  float: left;
  color: #fff;
}

.ft-left a:hover {
  color: #b54fa5;
  text-decoration: none;
}

.dot {
  width: 8px;

  height: 8px;

  margin: 10px;

  background: #cecece;

  float: right;

  border-radius: 50%;
}

.extra-sec a:hover {
  margin-left: 15px;
  text-decoration: none;
  color: #ffd847 !important;
}

.head-quote {
  color: #fff !important;
  background: #620609;
  padding: 4px 18px 7px !important;
  border-radius: 5px;
  margin-top: -17px !important;
  border: 2px solid transparent;
  margin-bottom: 0 !important;
}

.social-ft a svg:hover {
  fill: #b54fa5;
}

.ftr-quote {
  position: absolute;
  top: 56px;
  left: 18px;
  height: 106px;
  /* width: 124px; */
  opacity: 0.4;
}

.ml-44 {
  margin-left: 64px;
}

.ml-66 {
  margin-left: 90px;
}

.start {
  width: 100%;
  float: left;
  margin-top: 20px;
  height: 159px;
}

.start h2 {
  font-size: 18px;
  font-weight: 500;
  color: #f5f5f5;
  margin-bottom: 10px;
}

.start-soc a svg {
  margin-right: 8px;
  width: 44px;
  margin-top: 8px;
  height: 30px;
}

.start-soc a {
  width: auto !important;
}

.start a {
  width: 100%;
  float: left;
  font-weight: 400;
  font-size: 15px;
  line-height: 36px;
  /* margin: 0 10px; */
  opacity: 0.7;
  color: #fff !important;
}

.start a:hover {
  text-decoration: none;
  color: #fff;
  opacity: 1;
}

.client {
  float: left;
  width: 100%;
  margin: 10px 0;
  /* position: relative; */
}

.client .owl-nav {
  z-index: -14;
  background: transparent;
  margin-top: 15px;
  /* display: none; */
  text-align: center;
}

.quote-cook {
  position: absolute;
  top: 2px;
  right: 31px;
}

.innerban2 {
  width: 100%;
  background-size: cover;
  background: url(../images/slide4.jpg);
  height: 250px;
  float: left;
  margin-top: 100px;
  text-align: center;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.innerban p {
  margin-top: 123px;
  color: #fff;
  font-weight: 700;
  width: 100%;
  float: left;
  /* font-style: italic; */
  text-align: center;
  font-size: 28px;
  /* background: rgb(0 0 0 / 74%); */
  height: 250px;
  margin-top: 0px;
  padding-top: 80px;
}

.service {
  width: 100%;
  float: left;
}

.innerban2 p {
  margin-top: 123px;
  color: #ffffff;
  font-weight: 700;
  width: 100%;
  float: left;
  /* font-style: italic; */
  text-align: center;
  font-size: 28px;
  background: rgb(0 0 0 / 74%);
  height: 250px;
  margin-top: 0px;
  padding-top: 80px;
}

.bc {
  /* border-top-right-radius: 4px; */
  /* background: #e42e24; */
  /* border-top-left-radius: 4px; */
  width: 100%;
  text-align: center;
  color: #ffffff;
  float: left;
  /* display: inline-block; */
  margin: 0 auto 0;
  /* text-align: center; */
  padding: 10px;
}

.bc a {
  color: #ffffff;
  padding: 0 5px;
  font-size: 15px;
}

.bc a:hover {
  color: #fff !important;
  text-decoration: none;
}

.abt-panel h1 {
  /* float: left; */
  /* width: 100%; */
  color: #101010;
  font-size: 35px;
  font-weight: 700;
  margin-bottom: 21px;
  text-align: left;
  margin: 0px;
  margin-bottom: 10px;
  margin-top: 25px;
}

.abt-panel h1 span {
  color: #000000;
  font-weight: 700;
}

.contact-tag {
  float: left;
  width: 100%;

  font-size: 14px;
  color: rgba(0, 0, 0, 0.93);
  text-align: left;
  /* margin-top: 15px; */
  line-height: 28px;
  margin-bottom: 30px;
  padding-right: 50px;
}

.cnt-padding {
  padding-left: 0px !important;
}

.push-left {
  float: left;
}

.contact-label {
  float: left;
  width: 100%;
  text-align: left;
  font-size: 14px;
  color: #000;
  font-weight: 500;
}

.mct_form {
  border-bottom: 1px solid #b0aaaa;
  color: #272626;
  display: block;
  font-size: 13px;
  /* text-transform: uppercase; */
  height: 50px;
  margin-bottom: 10px !important;
  padding: 0 20px;
  outline: none;
  background: #ffffff;
  width: 100%;
  padding-left: 0px;
  border: none;
  transition: all 500ms ease;
  border: solid 1px rgba(46, 67, 110, 0.22);
  margin-top: 3px;
  width: 100%;
  float: left;
  padding: 15px;
  margin-top: 17px;
  /* border-radius: 5px; */
}

.cnt-padding {
  padding-left: 0px !important;
}

.info-tag {
  line-height: 29px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.93);
  margin-top: 9px;
}

.adr-section {
  float: left;
  width: 100%;
  margin-bottom: 15px;
  padding-left: 30px;
}

.adr-section h1 {
  float: left;
  width: 100%;
  color: #000;
  font-size: 30px;
  font-weight: bold;
  margin-top: 0px;
  margin-top: 10px;
  border-bottom: solid 1px #e6e6e6;
  padding-bottom: 16px;
}

.cnt-icons {
  padding-right: 8px;
  font-size: 29px !important;
  color: rgb(43, 166, 73);
}

.india {
  float: left;

  .india span {
    float: left;
    width: 100%;
    color: #e20c18;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    /* letter-spacing: 1px; */
    margin-top: 20px;
  }

  .india p {
    float: left;
    width: 100%;
    text-align: left;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.93);
    line-height: 25px;
    margin-top: 11px;
    margin-bottom: 0px;
  }

  .map-top {
    margin-top: 1px;
  }

  .india span {
    float: left;
    width: 100%;
    color: #2ba649;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    /* letter-spacing: 1px; */
    margin-top: 20px;
  }

  .india p {
    float: left;
    width: 100%;
    text-align: left;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.93);
    line-height: 25px;
    margin-top: 11px;
    margin-bottom: 0px;
  }

  .map-top {
    margin-top: 30px;
  }

  .input-set-ct {
    width: 100%;
    float: left;
    margin: 10px 0;
  }

  .input-set-ct input,
  .input-set-ct textarea {
    background: transparent;
    border: 1px solid #cccccc36;
    font-size: 300;
    color: #000;
    width: 100%;
    border-radius: 10px;
    height: 50px;
    padding: 8px 10px;
  }

  .input-set-ct textarea {
    height: 80px !important;
  }

  .input-set-ct label {
    width: 100%;
    font-size: 15px;
  }

  .input-set-ct input,
  .input-set-ct textarea:focus {
    outline: none;
  }

  .contact-left {
    width: 100%;
    float: left;
  }

  .contact-left h6 {
    font-size: 18px;
    color: #000;
    font-weight: 300;
  }

  .contact-left h1 {
    font-size: 35px;
    width: auto;
    margin-bottom: 0;
    font-weight: 700;
    padding: 5px 0;
  }

  .contact-left p {
    font-size: 14px;
    font-weight: 400;
    line-height: 28px;
    padding-top: 10px;
  }

  .ct-sub {
    background: #f36f27;
    color: #fff;
    margin-top: 10px;
    float: left;
    border: none;
    font-size: 14px;
    border-radius: 5px;
    cursor: pointer;
    padding: 10px 41px;
  }

  .ct-sub:hover {
    background: #000;
  }

  .main-off {
    width: 100%;
    float: left;
    margin: 20px 0;
  }

  .hv-sec {
    width: 100%;
    margin-bottom: 30px;
    float: left;
  }

  .hv-sec i {
    font-size: 25px;
    color: #fff;
    border: 1px solid #cccccc5e;
    background-color: #f36f27;
    float: left;
    border-radius: 100%;
    margin-top: 0px;
    padding: 20px 22px;
  }

  .hv-sec i:hover {
    background: transparent;
    color: #f36f27;
  }

  .main-off h2 {
    float: left;
    font-size: 20px;
    font-weight: 700;
    margin: 5px 0px 0;
  }

  .main-off p {
    float: left;
    font-size: 14px;
    margin-bottom: 0;
    width: 100%;
    padding: 7px 0;
    line-height: 27px;
  }

  .hv-sec .col-md-4 {
    padding: 0;
  }

  .about_section {
    float: left;
    width: 100%;
    padding-top: 60px;
  }

  .about_section h1 {
    font-size: 19px;
    color: #000000;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 40px;
  }

  .about_section h1 span {
    font-weight: 600;
    color: #04113c;
  }

  .msg-panel {
    margin-top: 20px;
    float: left;
    width: 100%;
    padding-top: 60px;
    padding-bottom: 60px;
    background: url(../images/menu-bg.png);
    /* font-size: 36px; */
    color: #010101;
    background-size: cover;
    background-repeat: repeat;
    background-attachment: fixed !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    position: relative;
  }

  .md-msg {
    float: left;
    width: 100%;
    /* background: #fff; */
    padding: 29px 0;
    /* border-radius: 5px; */
  }

  .team-imgs img {
    width: 100%;
    float: left;
    height: 280px;
    object-fit: cover;
  }

  .teambg {
    float: left;
    width: 100%;
    text-align: center;
    height: 90px;
    margin-bottom: 20px;
    background: #310903;
    color: #fff;
    font-size: 14px;
    padding: 15px;
  }

  .teambg span {
    width: 100%;
    float: left;
  }

  .md-msg h1 {
    float: left;
    width: 100%;
    font-size: 25px;
    color: #fff;
    margin-top: 0px;
    text-align: left;
    font-weight: bold;
  }

  .md-msg h1 span {
    /* color: #f41428; */
  }

  .md-msg p {
    float: left;
    width: 100%;
    font-size: 15px;
    color: #fff;
    text-align: left;
    line-height: 27px;
    margin-bottom: 0px;
  }

  .service_titels {
    color: #000000 !important;
    text-transform: uppercase;
    font-size: 16px !important;
    font-weight: 600;
    margin-bottom: 10px !important;
    padding-left: 0px !important;
  }

  .gs_img {
    float: left;
    /* margin-left: 60px; */
    height: 220px;
    object-fit: cover;
    width: 100%;
  }

  .about_section p {
    font-size: 14px;
    float: left;
    width: 100%;
    color: #000;
    /* font-family: 'font-family: 'Baloo Paaji 2', cursive;; */
    line-height: 32px;
    margin-bottom: 17px;
  }

  .offer-panel {
    float: left;
    width: 100%;
    padding-top: 60px;
    padding-bottom: 30px;
  }

  .mb25 {
    margin-bottom: 25px;
  }

  .bg-brand {
    float: left;
    width: 100%;
    background: #fff;
    padding: 40px;
    text-align: center;
    border: solid 1px rgba(243, 112, 33, 0.58);
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
    margin-bottom: 30px;
  }

  .bg-brand img {
    object-fit: contain;
    width: 100%;
    height: 100px;
    right: 0px;
  }

  .bg-brand:hover {
    text-decoration: none !important;
    -webkit-box-shadow: 0px 3px 25px -9px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 3px 25px -9px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 3px 25px -9px rgba(0, 0, 0, 0.22);
    border: solid 1px #fff;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
  }

  .offer-panel h1 {
    float: left;
    width: 100%;
    /* color: #020e22; */
    font-size: 19px;
    text-transform: uppercase;
    font-weight: 700;
    padding-bottom: 11px;
  }

  .hankook-font {
    float: left !important;
    width: 100% !important;
    /* color: #020e22; */
    font-size: 17px !important;
    text-transform: none !important;
    font-weight: 600 !important;
    padding-bottom: 8px !important;
  }

  .detail-list {
    float: left;
    width: 100%;
    font-size: 14px;
    line-height: 29px;
    color: #000;
    font-weight: 400;
    margin-bottom: 8px;
  }

  .bg-brand {
    float: left;
    width: 100%;
    background: #fff;
    padding: 40px;
    text-align: center;
    border: solid 1px rgb(163, 35, 142);
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
    margin-bottom: 30px;
  }

  .brand-hover {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
  }

  .bg-brand:hover {
    text-decoration: none !important;
    -webkit-box-shadow: 0px 3px 25px -9px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 3px 25px -9px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 3px 25px -9px rgba(0, 0, 0, 0.22);
    border: solid 1px #fff;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
  }

  .ih-item.square.effect6 {
    overflow: hidden;
    margin-bottom: 30px;
  }

  .ih-item.square {
    position: relative;
    /* width: 316px; */
    /* height: 216px; */
    /* border: 8px solid #fff; */
    /* box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3); */
  }

  .ih-item.square.effect6 .img {
    -webkit-transition: all 0.35s ease-in-out;
    position: relative;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }

  .productimg {
    width: 100%;
    object-fit: cover;
    padding: 20px;
    height: 290px !important;
    border: 2px solid #f36f27;
  }

  .ih-item.square.effect6 .info {
    /* background: #da3140; */
    /* background: rgba(218, 49, 64, 0.55); */
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
  }

  .ih-item.square .info {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }

  .ih-item:hover {
    text-decoration: none !important;
    -webkit-box-shadow: 0px 3px 25px -9px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 3px 25px -9px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 3px 25px -9px rgba(0, 0, 0, 0.22);
    border: solid 1px #fff;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
  }

  .port-box {
    width: 100%;
    position: relative;
    margin-bottom: 30px;
    float: left;
    /* height: 400px; */
    /* bottom: 0; */
  }

  .port-box img {
    width: 100%;
    float: left;
    /* height: 300px; */
  }

  .port-box h6 {
    text-align: center;
    background: #444242;
    width: 100%;
    font-weight: 700;
    font-size: 17px;
    float: left;
    color: #fff;
    padding: 20px;
  }

  .port-box h6:hover {
    background: #f36f27;
  }

  .numbers {
    /* float: right !important; */
    /* width: auto !important; */
    /* height: 64px !important; */
    /* margin-top: 24px !important; */
  }

  .pimg {
    width: 100%;
    object-fit: cover;
    /* padding: 20px; */
    height: 400px !important;
    /* border: 2px solid #f36f27; */
  }

  .overlay {
    position: relative;
    border-left: 5px solid #f36f27;
    border-top: 5px solid #f36f27;
    top: 0;
    width: 100%;
    z-index: 99999;
    padding: 42px;
    height: 400px;
    top: 0;
    left: 0;
    background: #0000007d;
  }

  .overlay {
    display: none;
  }

  .img:hover .overlay {
    display: block !important;
  }

  .port-box:hover {
    box-shadow: none;
  }

  .overlay h2 {
    position: absolute;
    text-align: center;
    top: 50%;
    left: 0;
    box-sizing: unset;
    text-decoration-line: none;
    height: 100%;
    text-decoration-style: none;
    width: 100%;
    color: #f36f27;
    text-decoration: none;
    font-size: 20px;
    bottom: 0;
  }

  .fresco .overlay h2:hover {
    text-decoration: none;
  }

  .head-quote:hover {
    background-color: #aa7e14;
    color: #fff !important;
  }

  .fh-form {
    border-bottom: 1px solid #b0aaaa;
    color: #272626;
    display: block;
    /* font-family: 'Palanquin-Regular'; */
    font-size: 13px;
    /* text-transform: uppercase; */
    height: 50px;
    margin-bottom: 15px !important;
    padding: 0 20px;
    outline: none;
    background: #ffffff;
    width: 100%;
    padding-left: 15px;
    border: none;
    transition: all 500ms ease;
    border: solid 1px rgba(0, 0, 0, 0.18);
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
    border-radius: 5px;
  }

  .error_msg {
    display: none;
    width: auto;
    float: left;
    padding: 5px 7px;
    font-size: 13px;
    line-height: 15px;
    background: #e31b23;
    color: #fff;
    font-weight: 300;
    text-align: left;
    position: absolute;
    bottom: -8px;
    left: 0;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    z-index: 10;
  }

  .light_form .iconInput input:not([type="submit"]),
  .light_form .iconInput textarea:focus {
    outline: none !important;
  }

  .location-text img {
    width: 50px;
  }

  .top {
    position: relative;
    float: left;
    margin-top: 0;
    width: 100%;
    bottom: 0;
    cursor: pointer;
  }

  .panel-12 .form-control:focus {
    border-bottom: 1px solid #310903 !important;
    outline: none !important;
    border: none;
    box-shadow: none;
  }

  .panel-12 .form-control::placeholder {
    font-size: 15px;
    color: #807a7a !important;
    font-weight: 500;
  }

  .panel-12 .form-control:focus::placeholder {
    color: #310903 !important;
  }

  .btn-center a:hover {
    text-decoration: none;
    background: #2ba649;
  }

  .submit-btn:hover {
    background: #b88c2b;
  }

  .verticaltexts {
    transform: rotate(-90deg);
    transform-origin: right, top;
    -ms-transform: rotate(-90deg);
    -ms-transform-origin: right, top;
    -webkit-transform: rotate(450deg);
    -webkit-transform-origin: right, top;
    position: absolute;
    bottom: 41%;
    right: -122px;
    text-transform: uppercase;
    color: #000;
    font-weight: 600;
    font-size: 12px;
  }

  .verticaltexts:hover {
    color: #000;
    text-decoration: none;
  }

  .investimg {
    width: 100%;
    float: left;
    margin-top: 50px;
  }

  .investimg img {
    width: 100%;
    border-radius: 5px;
    /* height: 471px; */
    width: 100%;
    float: left;
    /* object-fit: cover; */
  }

  .mrbot {
    margin-bottom: 50px;
  }

  .sec {
    width: 100%;
    float: left;
  }

  .left-area {
    width: 100%;
    height: 243px;
    position: relative;
    background: #f1f1f1;
    /* left: 61px; */
    right: -83px;
    top: 59px;
    z-index: 1;
    padding: 4% 37px;
    /* box-shadow: 10px 10px 21px -1px rgba(219,212,219,1); */
  }

  .cnct_section {
    width: 100%;
    float: left;
  }

  .cnct_section {
    width: 100%;
    float: left;
  }

  .mail {
    width: 100%;
    float: left;
    min-height: 500px;
    background: #301d0f;
    padding: 60px 5% 60px 5%;
  }

  .mail h2 {
    color: #fff;
    padding: 0 0 20px;
    font-size: 25px;
  }

  .contact_form {
    width: 100%;
    float: left;
    position: relative;
  }

  .field_area {
    width: 100%;
    float: left;
    position: relative;
    margin: 0 0 20px;
  }

  .field_area label {
    color: #fff;
  }

  .service-side {
    position: absolute;
    left: 48px;
    width: auto;
  }

  .field_area input[type="email"],
  .field_area input[type="number"],
  .field_area input[type="text"],
  .field_area textarea {
    width: 100%;
    float: left;
    position: relative;
    /* font-family: Montserrat,sans-serif; */
    font-size: 15px;
    color: #fff;
    line-height: 20px;
    margin: 0;
    padding: 10px 10px;
    background: 0 0;
    border: none;
    border-bottom: solid 1px rgba(255, 255, 255, 0.77);
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
  }

  .ct_sbt {
    border: 2px solid #fff;
    padding: 10px 30px;
    color: #fff;
    cursor: pointer;
    font-size: 13px;
    transition: all 0.5s;
  }

  .location_icons {
    float: left;
    width: 100%;
    text-align: center;
    text-align: -webkit-center;
    padding-bottom: 5px;
    text-align: -moz-center;
  }

  .location_icons img {
    display: block;
    max-width: 100%;
    height: auto;
  }

  .location_titel {
    float: left;
    width: 100%;
    color: #454545;
    font-weight: 700;
    padding-bottom: 11px;
    text-align: center;
    padding-top: 10px;
    text-transform: uppercase;
    font-size: 18px;
  }

  .location_address {
    float: left;
    width: 100%;
    font-size: 15px;
    color: #4c4a4a;
    text-align: center;
    line-height: 27px;
  }

  .field_area input[type="email"],
  .field_area input[type="number"],
  .field_area input[type="text"],
  .field_area textarea {
    width: 100%;
    float: left;
    /* position: relative; */
    font-size: 15px;
    color: #fff;
    line-height: 20px;
    margin: 0;
    padding: 10px 10px;
    background: 0 0;
    border: none;
    border-bottom: solid 1px rgba(255, 255, 255, 0.77);
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
  }

  .contact_head {
    margin-top: 10px;
  }

  .contact_head h4 {
    color: #131316;
    font-weight: 700;
    font-size: 25px;
  }

  .contact_head h3 {
    /* margin-top: 20px; */
    font-weight: 400;
    color: #131316;
    font-size: 15px;
    line-height: 29px;
  }

  .adddress {
    margin-top: 10px;
    float: left;
    width: 100%;
  }

  .address h1 {
    font-weight: 700;
    font-size: 20px;
    margin-top: 20px;
  }

  .address p {
    float: left;
    width: 100%;
    margin-top: 0;
    font-size: 14px;
    line-height: 28px;
    color: rgba(0, 0, 0, 0.87);
  }

  .whitebg {
    float: left;
    width: 100%;
    background: #fff;
    /* padding: 30px; */
    /* height: 555px; */
  }

  .whitebg h1 {
    float: left;
    width: 100%;
    font-size: 25px;
    font-weight: 100;
    color: #131316;
    line-height: 40px;
    text-align: left;
    padding-bottom: 30px;
  }

  .log_set {
    width: 100%;
    float: left;
    position: relative;
    padding: 0 0 17px;
    margin-bottom: 15px;
  }

  .log_set label {
    width: 100%;
    float: left;
    position: relative;
    font-size: 13px;
    font-weight: 400;
    color: #fff;
    line-height: 25px;
    margin: 0 0 5px;
    text-align: left;
  }

  .log_set input[type="text"],
  .log_set input[type="password"],
  .log_set input[type="mail"],
  .log_set input[type="email"],
  .log_set input[type="tel"],
  .log_set textarea,
  .log_set select {
    width: 100%;
    float: left;
    position: relative;
    height: 50px !important;
    border: none;
    padding: 10px 10px !important;
    font-size: 14px;
    line-height: 30px;
    color: #fff;
    font-weight: 300;
    /* border-radius: 4px; */
    -moz-border-radius: 4px;
    /* -webkit-border-radius: 4px; */
    border-radius: 4px;
    background: transparent;
    outline: none;
    border: solid 1px #fff;
    padding-left: 0px;
    padding-right: 0px;
  }

  .log_set_nav {
    float: left;
    height: 50px;
    text-align: center;
    color: #000;
    width: 180px;
    background: #ecc46d;
    border: none;
    margin-top: 10px;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    cursor: pointer;
    border: none !important;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
  }

  .log_set_nav:hover {
    background: #ba9441;
    cursor: pointer;
    text-decoration: none;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
  }

  .whitebg form {
    float: left;
    width: 100%;
  }

  .left-area h2 {
    width: 100%;
    float: left;
    font-size: 28px;
    color: #000;

    text-align: left;
    line-height: 35px;
  }

  .left-area p {
    width: 100%;
    float: left;
    text-align: left;
    font-size: 14px;

    line-height: 28px;
    color: #000;
    font-weight: normal;
  }

  .left-area h2 span {
    font-weight: bold;
  }

  .serv-img-sec {
    width: 100%;
    float: left;
  }

  .serv-img-sec img {
    width: 100%;
    float: left;
  }

  .detail-area {
    width: 100%;
    height: 233px;
    position: relative;
    background: #f1f1f1;
    left: -68px;
    top: 56px;
    padding: 4% 37px;
    /* box-shadow: 10px 10px 21px -1px rgba(219,212,219,1); */
  }

  .detail-area h2 {
    width: 100%;
    float: left;
    font-size: 28px;
    color: #000;

    text-align: left;
    line-height: 35px;
  }

  .detail-area p {
    width: 100%;
    float: left;
    text-align: left;
    font-size: 14px;

    line-height: 28px;
    color: #000;
    font-weight: normal;
  }

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

  .testi-logo {
    position: relative;

    top: 65px;

    width: 100%;

    float: left;
  }

  .service-text-new {
    position: relative;
    left: -81px;
    top: 39px;
  }

  .service .owl-stage-outer {
    overflow: inherit !important;
  }

  .extra-serv-new {
    position: absolute !important;
    top: 39px;
    width: 100% !important;
    height: 393px;
    right: 0;
    background: #fbfbfb;
  }

  .ft-detail {
    width: 100%;

    float: left;

    margin-top: 60px;
  }

  .ft-detail a {
    width: 100%;

    padding-bottom: 15px;

    font-size: 15px;

    float: left;

    color: #fff !important;
  }

  .ft-detail a:hover {
    color: #ca8a09;
    text-decoration: none;
  }

  .ft-detail p {
    float: left;

    font-size: 15px;

    color: #fff;

    font-weight: 400;
  }

  .service-text-new h2 {
    font-size: 26px;
    color: #131316;
    font-weight: 700;
  }

  .mb-20 {
    margin-bottom: 40px;
  }

  .serv-image-new {
    width: 100%;
    float: left;
    object-fit: cover;
    height: 433px;
  }

  .ftr-left {
    float: left;
  }

  .header-top-area {
    width: 100%;
    margin-top: 18px;
    margin-right: 1%;
    float: right;
  }

  .header-top-area a h6 {
    float: right;

    width: auto;

    color: #ededed;

    border-right: 1px solid #fff;

    font-size: 13px;

    padding: 0 10px;
  }

  .header-top-area a {
    float: right;

    /* position: relative; */

    /* top: -4px; */
  }

  .header-top-area a svg {
    margin: 0 8px;

    width: 20px;

    fill: #e0d9d9;

    position: relative;

    top: -5px;
  }

  .chairman {
    float: left;

    /* width: 100%; */

    margin-top: 15px;
  }

  .chairman img {
    width: 100%;
    float: left;
  }

  /***********************responsive****************/

  @media (min-width: 576px) {
    #get-quote .modal-dialog {
      max-width: 700px !important;
    }
  }

  @media (max-width: 600px) {
    .header-content h1 {
      font-size: 22px !important;
      line-height: 40px;
    }
  }

  @media (min-width: 768px) and (max-width: 1070px) {
    .branch-new-box .branch-name {
      width: 100% !important;
    }
  }

  @media (min-width: 320px) and (max-width: 410px) {
    .left-area {
      height: 318px;
    }

    .detail-area {
      min-height: 396px;
    }
  }

  @media (max-width: 575px) {
    .footerlast p span {
      display: none;
    }

    .cd-gallery li {
      width: 100%;
    }

    .header_logo img {
      max-width: 100%;
      height: 78px;
    }

    .footer p {
      margin-bottom: 0;
    }

    .innerban p {
      padding-right: 0 !important;
    }

    .client .owl-nav {
      z-index: 999;
      background: transparent;
      margin-top: 15px;
      /* display: none; */
      text-align: center;
      top: 0;
      position: relative;
      right: 0;
    }

    .slide .item .cover .header-content {
      margin-left: 32px;
    }

    /* .head-quote{
        display:none;
    }*/

    .slide {
      max-height: 600px;
    }

    .slide .owl-dots {
      display: none;
    }

    .request-info-box {
      width: 100%;
      margin-top: 20px;
    }

    .header_logo img {
      height: 54px;
      margin-top: 16px;
    }

    .client img {
      display: block;
      margin: auto;
    }
  }

  @media (max-width: 767px) {
    .slide .item .cover {
      padding: 0;
      top: -17px;
    }

    .service-side {
      display: none;
    }

    .service .owl-nav {
      display: none;
    }

    .view-serv {
      right: 24px;
    }

    .service-sec-image {
      width: 100%;
      margin-left: 0;
      padding-left: 0;
    }

    .panel-text-quote {
      left: 20px;
      top: 10px;
      left: 0;
      padding: 0 20px;
      width: 100%;
      font-size: 24px;
      float: left;
    }

    .testi-logo {
      width: auto;
      top: 0;
      margin: auto;
      display: block;
      float: none;
    }

    .panel-quote img {
      top: 18px;
    }

    .msg-box {
      display: none;
    }

    .hide-mob {
      display: none;
    }

    .ml-44 {
      margin-left: 0;
    }

    .ml-66 {
      margin-left: 0;
    }

    .service .owl-next {
      position: relative;
      top: -600px;
      background: #fbfbfb !important;
      left: 0;
    }

    .service .owl-prev {
      position: relative;
      top: -600px;
      background: #fbfbfb !important;
      left: 0;
    }

    .extra-serv {
      display: none;
    }

    .service-text {
      position: relative;
      left: 0;
      width: 100%;
      top: 75px;
      float: left;
      padding: 0 30px;
    }

    .cnts-paddings {
      padding-left: 0px !important;
      padding-right: 0px !important;
    }

    .detail-area {
      left: 0;
      top: 0;
    }

    .left-area {
      left: 0;
      top: 0;
    }

    .ban-text p {
      padding: 0;
    }

    .ban-text {
      padding-top: 147px;
    }

    .join-img {
      display: flex;
      float: left;
    }

    .quality-red {
      left: 0;
    }

    .invest-btn {
      float: left !important;
    }

    .close_form {
      right: -25px;
      top: -14px;
      z-index: 100;
    }

    .links a {
      width: 49%;
    }
  }

  @media (max-width: 991px) {
    .table {
      width: 100%;
    }

    .social-hd {
      display: none;
    }

    .form-pad {
      padding: 0;
    }

    .panel-12 .ryt-pad {
      padding-right: 15px;
    }

    .panel-12 .lft-pad {
      padding-left: 15px;
    }

    .btm-icon img {
      margin: 0;
    }

    .enquire {
      float: left;
      width: 100%;
      background: #000;
    }

    .panel-sec {
      display: none;
    }
  }

  @media (min-width: 768px) {
    .slide .item {
      /*height: 100vh;*/
      position: relative;
    }

    .view-mob {
      display: none;
    }
  }

  @media (min-width: 768px) and (max-width: 1199px) {
  }

  @media (min-width: 768px) and (max-width: 991px) {
    .ftr-logo img {
      height: auto;
    }

    .service-text-new {
      position: relative;
      left: -29px;
      top: 38px;
    }

    .extra-serv-new {
      position: absolute !important;
      top: -1px;
      width: 100% !important;
      height: 500px;
      right: 0;
      background: #fbfbfb;
    }

    .service-text-new h2 {
      font-size: 26px;
      color: #131316;
      font-weight: 700;
    }

    .service-text-new p {
      font-size: 13px !important;
      line-height: 27px !important;
      margin-top: 0 !important;
    }

    .service .owl-next {
      top: -165px;
      left: -356px;
    }

    .service .owl-prev {
      top: -165px;
      left: -354px;
    }

    .service-text {
      position: relative;
      left: -53px;
      top: 25px;
    }

    .service-text p {
      font-weight: 400;
      margin-top: 2px;
      color: #070707;
      font-size: 12px;
      line-height: 26px;
    }

    .extra-serv {
      top: 85px;
    }

    .start a {
      line-height: 25px;
    }

    .join-img {
      width: 100%;
      float: left;
    }

    .detail-area {
      padding: 4% 15px;
    }

    .left-area {
      padding: 4% 15px;
    }

    .detail-area p {
      font-size: 13px;
    }

    .left-area h2 {
      font-size: 24px;
    }

    .serv-img-sec img {
      width: 100%;
      float: left;
      height: 320px;
      object-fit: cover;
    }

    .main-off p {
      padding: 7px 0 0 25px;
    }

    .main-off h2 {
      margin: 5px 25px 0;
    }

    .quote-sec img {
      float: left;
      width: 70px;
    }

    .quote-sec h6 {
      font-size: 25px;
      font-weight: 100;
      float: left;
      padding-left: 30px;
      padding-top: 28px;
      line-height: 45px;
      width: auto;
    }

    .quote-sec {
      padding: 0;
    }
  }

  @media (min-width: 992px) and (max-width: 1024px) {
    .slide .item .slide-image {
      height: 452px;
    }

    .ban-text h2 {
      font-size: 25px;
    }

    .panel-call p {
      float: left;
      font-size: 10px;
      padding: 3px 0px;
    }

    .panel-call p {
      float: left;
      font-size: 10px;
      padding: 3px 0px;
    }
  }

  @media (min-width: 576px) and (max-width: 1127px) {
  }

  .slide-image {
    /* width: 100%; */
    /* height: 630px; */
    object-fit: cover;
  }

  .header-top-area a:hover svg {
    fill: #ffe200;
  }

  .sub-menu-1 {
    position: absolute;
    top: 58px;
    padding: 5px 20px;
    left: 0;
    right: 0;
    background-color: #222222;
    overflow: hidden;
    width: 210px;
    height: 0;
    transition: 0.5s ease;
    z-index: 6000;
  }

  .sub-menu-1 li {
    float: left;
    text-align: left;
    width: 100%;
    list-style: none;
    padding: 5px 0;
  }

  .sub-menu-1 li a:hover {
    text-decoration: none;
    color: #b88c2b;
  }

  .sub-menu-1 li a {
    font-size: 14px;
    color: #fff;
  }

  .sub-menu {
    position: relative;
  }

  .sub-menu:hover .sub-menu-1 {
    height: 135px;
  }

  .slide .item .cover {
    padding: 10px 60px;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 10px;
    left: 0;
    /* background: rgba(0, 0, 0, 0.6); */
    display: flex;
    align-items: center;
  }

  .slide .item .cover .header-content {
    position: relative;
    margin-top: 40px;
    margin-left: 50px;
    /* padding: 56px; */
    overflow: hidden;
  }

  .general-h2 {
    font-size: 22px;
    text-align: center;
    font-weight: 700;
    margin: 40px 0 0;
  }

  .mt-58px {
    margin-top: 58px;
    margin-bottom: 0px;
  }

  .aboutus {
    float: left;
    width: 100%;
    margin-bottom: 50px;
  }

  .aboutus h2 {
    color: rgba(0, 0, 0, 0.85);
    font-size: 43px;
    float: left;
    width: 100%;

    line-height: 56px;
  }

  .fs40 {
    font-size: 35px !important;
  }

  .txt-center {
    text-align: center;
  }

  .aboutus p {
    float: left;
    width: 100%;
    font-size: 14px;
    line-height: 33px;
    color: rgba(0, 0, 0, 0.84);
    padding-top: 9px;
    padding-left: 0px;
    padding-right: 0px;
  }

  .vmp {
    float: left !important;
    width: 100% !important;
    padding-left: 150px !important;
    padding-right: 150px !important;
    text-align: center;
  }

  .row-dis {
    display: inherit !important;
  }

  .service-details img {
    float: left;
    margin-right: 30px;
    margin-top: 15px;
  }

  .service-details img {
    float: left;
    width: 100%;
    margin-right: 30px;
    margin-top: 15px;
  }

  .service-details {
    float: left;
    width: 100%;
    font-size: 14px;
    line-height: 33px;
    color: rgba(0, 0, 0, 0.84);
    padding-top: 9px;
    padding-left: 0px;
    padding-right: 0px;
  }

  .mb-dk {
    width: 100%;
    height: 250px;
    object-fit: cover;
    margin-top: 20px;
    border-radius: 5px;
  }

  .we-deal {
    margin-bottom: 0;
    margin-top: 0px;
    background: #f2f2f2;
    padding-top: 50px;
    padding-bottom: 0px;
  }

  .h355 {
    /* height: 355px; */
  }

  .deal-bg {
    margin-bottom: 30px;
    background: white;
    border-radius: 5px;
    /* padding: 25px; */
    float: left;
    width: 100%;
    /*height: 295px;*/
  }

  .call-action {
    float: left;
    width: 100%;
    height: 275px;
    background-image: url(../images/scroll.jpeg);
    background-size: cover;
    text-align: center;
    margin-top: 0;
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed !important;
  }

  .call-bg {
    background-color: rgba(0, 0, 0, 0.88);
    height: 275px;
    padding-top: 72px;
    padding-bottom: 70px;
  }

  .call-bg h1 {
    float: left;
    font-size: 32px;
    color: white;
    width: 100%;
    margin-bottom: 45px;
  }

  .call-nav {
    /* float: left; */
    position: relative;
    font-size: 16px;
    color: #000;
    line-height: 20px;
    font-weight: 600;
    margin-top: 14px;
    padding: 20px 45px;
    background: #ffffff;
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.05);
    border: none;
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    cursor: pointer;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
    outline: none;
  }

  .deal-50 h1 {
    float: left;
    padding: 0 15px 5px;
    width: 100%;
    margin: 0;
    color: black;
    font-size: 20px !important;
    font-weight: bold;
    padding-top: 10px;
    padding-right: 0px;
    /* line-height: 25px; */
    letter-spacing: 1px;
  }

  .deal-bg img {
    width: 100%;
    object-fit: cover;
    height: 200px;
  }

  .call-nav:hover {
    background: #b88c2b !important;
    color: black !important;
    text-decoration: none !important;
  }

  .deal-50 p {
    float: left;
    padding: 0 15px;
    width: 100%;
    font-size: 14px;
    line-height: 30px;
    color: rgb(0 0 0 / 83%);
  }

  @media (max-width: 1999px) and (min-width: 426px) {
    .mb-ls {
      display: none !important;
    }
  }

  .slide .item .cover .header-content .line {
    /* content: ""; */
    /* display: inline-block; */
    /* width: 100%; */
    /* height: 100%; */
    /* left: 0; */
    /* top: 0; */
    /* position: absolute; */
    /* border: 9px solid #fff; */
    /* -webkit-clip-path: polygon(0 0, 60% 0, 36% 100%, 0 100%); */
    /* clip-path: polygon(0 0, 60% 0, 36% 100%, 0 100%); */
  }

  .slide .item .cover .header-content h2 {
    font-weight: 300;
    font-size: 35px;
    color: #fff;
  }

  .slide .item .cover .header-content h4 {
    font-size: 24px;
    font-weight: 300;
    line-height: 36px;
    color: #fff;
  }

  .slide .owl-item.active h1 {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeInDown;
    animation-delay: 0.3s;
  }

  .slide .owl-item.active h6 {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeInDown;
    animation-delay: 0.3s;
  }

  .slide .owl-item.active a {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeInDown;
    animation-delay: 0.3s;
  }

  .slide .owl-item.active p {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeInDown;
    animation-delay: 0.3s;
  }

  .slide .owl-item.active h2 {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeInDown;
    animation-delay: 0.3s;
  }

  .slide .owl-item.active h4 {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeInUp;
    animation-delay: 0.3s;
  }

  .slide .owl-item.active .line {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeInLeft;
    animation-delay: 0.3s;
  }

  .slide .owl-nav .owl-prev {
    position: absolute;
    left: 15px;
    top: 43%;
    opacity: 0;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    background: rgba(0, 0, 0, 0.5) !important;
    width: 40px;
    cursor: pointer;
    height: 40px;
    position: absolute;
    display: block;
    z-index: 1000;
    border-radius: 0;
  }

  .slide .owl-nav .owl-prev span {
    font-size: 1.6875rem;
    color: #fff;
  }

  .slide .owl-nav .owl-prev:focus {
    outline: 0;
  }

  .slide .owl-nav .owl-prev:hover {
    background: #000 !important;
  }

  .general-img {
  }

  .general-img img {
    width: 100%;
    float: left;
    border-radius: 5px;
  }

  .general-text {
    width: 100%;

    float: left;
  }

  .general-text h2 {
    font-size: 22px;

    font-weight: 700;

    margin: 0;
  }

  .general-text p {
  }

  .slide .owl-nav .owl-next {
    position: absolute;
    right: 15px;
    top: 43%;
    opacity: 0;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    background: rgba(0, 0, 0, 0.5) !important;
    width: 40px;
    cursor: pointer;
    height: 40px;
    position: absolute;
    display: block;
    z-index: 1000;
    border-radius: 0;
  }

  .slide .owl-nav .owl-next span {
    font-size: 1.6875rem;
    color: #fff;
  }

  .slide .owl-nav .owl-next:focus {
    outline: 0;
  }

  .slide .owl-nav .owl-next:hover {
    background: #000 !important;
  }

  .header_menu_area {
    /* width: 100%; */
    float: right;
    /* top: 56px; */
    /* position: absolute; */
    z-index: 9;
    text-align: center;
  }

  .header_menu_area > .mob_nav {
    display: none;
  }

  .header_menu_area > ul {
    width: auto;
    display: inline-block;
    margin-top: 15px;
    /* padding: 0 4%; */
    float: right;
    background: transparent;
  }

  .header_menu_area > ul > li {
    width: auto;
    display: inline-block;
    vertical-align: middle;
  }

  .header_menu_area > ul > li > a {
    width: auto;
    float: left;
    border-bottom: 3px solid transparent;
    text-decoration: none;
    position: relative;
    font-size: 14px;
    font-weight: 400;
    /* font-family: 'Josefin Sans', sans-serif; */
    /* margin-top: 20px; */
    color: #fff;
    /* line-height: 66px; */
    /* text-transform: uppercase; */
    padding: 16px 3px 3px;
    /* text-transform: uppercase; */
    letter-spacing: 0px !important;
    /*padding: 44px 23px;*/
    margin: 0 19px 37px;
    z-index: 1;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
  }

  .client .owl-nav button img:hover {
    filter: brightness(11);
  }

  .active-class {
    border-radius: 2px;
    /* background: #1C1413; */
    color: #ffe200 !important;
    /* border-top: 2px solid #fff; */
    border-bottom: 3px solid #ffe200;
  }

  .header_menu_area > ul > li > a:hover {
    color: #ffe200;
    border-bottom: 3px solid #ffe200;
    /* background: #1c1413; */
    /* border-top: 2px solid #fff; */
  }

  .slide {
    /* margin-top: 109px; */
  }

  .header_menu_area > ul > li > a::after {
    content: "";
    position: absolute;
    width: 100%;
    /* border-bottom: 2px solid #fff; */
    height: 0px;
    /* background: #1c1413; */
    left: 0;
    bottom: -1px;
    z-index: -1;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
  }

  .header_menu_area > ul > li > a:hover::after {
    height: 100%;
  }

  @media (max-width: 992px) {
    .sub-menu-1 {
      width: 100%;
    }

    .head-quote {
      color: #fff !important;
      background: #a3238e;
      padding: 10px 17px 10px !important;
    }

    .header_menu_area {
      position: inherit;
    }

    .header_menu_area > .mob_nav {
      display: block;
      float: right;
      width: 28px;
      height: 28px;
      margin: 22px 10px;
      cursor: pointer;
      transform: rotate(0);
      -ms-transform: rotate(0);
      -webkit-transform: rotate(0);
      transition: all ease-in-out 0.5s;
      -o-transition: all ease-in-out 0.5s;
      -ms-transition: all ease-in-out 0.5s;
      -moz-transition: all ease-in-out 0.5s;
      -webkit-transition: all ease-in-out 0.5s;
    }

    .header_menu_area > .mob_nav > div {
      background: #ba8f17;
      border-radius: 30px;
      -moz-border-radius: 30px;
      -webkit-border-radius: 30px;
      display: block;
      height: 3px;
      left: 0;
      position: absolute;
      transform: rotate(0);
      -ms-transform: rotate(0);
      -webkit-transform: rotate(0);
      transition: all ease-in-out 0.5s;
      -o-transition: all ease-in-out 0.5s;
      -ms-transition: all ease-in-out 0.5s;
      -moz-transition: all ease-in-out 0.5s;
      -webkit-transition: all ease-in-out 0.5s;
      width: 100%;
    }

    .header_menu_area > .mob_nav > div:nth-child(1) {
      top: 2px;
    }

    .header_menu_area > .mob_nav > div:nth-child(2),
    .header_menu_area > .mob_nav > div:nth-child(3) {
      top: 13px;
    }

    .header_menu_area > .mob_nav > div:nth-child(4) {
      top: 23px;
    }

    .mob_nav.open > div:nth-child(1),
    .mob_nav.open > div:nth-child(4) {
      left: 50%;
      top: 18px;
      width: 0%;
    }

    .mob_nav.open > div:nth-child(2) {
      background: #b69252;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
    }

    .mob_nav.open > div:nth-child(3) {
      background: #ad8c51;
      -webkit-transform: rotate(-45deg);
      /* transform: rotate(-45deg); */
      -ms-transform: rotate(-45deg);
      -webkit-transform: rotate(-45deg);
    }

    .header_menu_area > ul {
      width: 100%;
      position: absolute;
      top: 100%;
      left: 0;
      background: #a3238e;
      padding: 20px 0px !important;
      min-height: 100vh;
      visibility: hidden;
      opacity: 0;
      z-index: -1;
      transition: all ease-in-out 0.5s;
      -o-transition: all ease-in-out 0.5s;
      -ms-transition: all ease-in-out 0.5s;
      -moz-transition: all ease-in-out 0.5s;
      -webkit-transition: all ease-in-out 0.5s;
    }

    .header_menu_area > ul > li {
      width: 100%;
    }

    .header_menu_area > ul > li > a {
      color: #fff !important;
      width: 100%;
      line-height: 30px;
      background: #222222;
      margin: 0;
      padding: 10px 5%;
      text-align: left;
      border-bottom: solid 1px rgb(173 139 79 / 58%);
    }

    .header_menu_area > ul > li > a::after {
      width: 0px;
      height: 100%;
      background: #ee7325;
    }

    .header_menu_area > ul > li > a:hover::after {
      width: 4px;
    }

    .header_menu_area ul.view {
      visibility: visible !important;
      opacity: 1;
      background: #222222;
      z-index: 100;
      display: block !important;
    }

    .header_user_area {
      right: calc(5% + 70px);
    }
  }

  @media (max-width: 500px) {
    .header_user_area {
      right: calc(5% + 55px);
    }

    .header_user_area .header_user {
      padding: 23px 18px 23px 0px;
    }

    .header_user_area .header_user > img {
      width: 30px;
      height: 30px;
    }

    .header_user_area .header_user > span {
      display: none;
    }

    .header_user_area > .header_login {
      margin: 0 5px 0 0;
    }
  }

  .header_menu_area > ul li ul.submenu {
    display: none;
    opacity: 0;
    margin-top: 10px;
    visibility: hidden;
    position: absolute;
    width: 210px;
    height: auto;
    overflow: hidden;
    background: #fff;
    margin-left: 25px !important;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
    transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
  }

  .main_header_block {
    width: 100%;
    float: left;
  }

  .header_logo {
    width: auto;
    float: left;
    z-index: 9999;
    position: relative;
    /* margin-top: -54px; */
  }

  .contact_full {
    width: 100%;
    float: left;
    margin-top: 60px;
  }

  .review-box h6:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    background: url("../images/quote.png");
  }

  .icon_box_05.ib5_left {
    padding-top: 0;
    padding-left: 59px;
    text-align: left;
    margin-bottom: 30px;
  }

  .icon_box_05 {
    position: relative;
    padding-top: 59px;
    text-align: center;
  }

  .icon_box_05.ib5_left i {
    left: 0;
    top: 0;
    bottom: 0;
    right: auto;
    margin: auto 0;
  }

  .icon_box_05 i {
    width: 120px;
    height: 120px;
    border: 1px solid #ecebff;
    color: #ffffff;
    text-align: center;
    line-height: 118px;
    border-radius: 50%;
    background: #a3238e;
    font-size: 36px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin: 0 auto;
  }

  .icon_box_05.ib5_left .ib5_inner {
    padding: 29px 20px 21px 90px;
  }

  .ib5_inner {
    border: 1px solid #ecebff;
    padding: 100px 25px 32px;
    background: #fbfbfb;
  }

  .ib5_inner h3 {
    font-size: 19px;
    line-height: 0.8;
    letter-spacing: -0.52px;
    text-transform: uppercase;
    margin: 0 0 26px;
  }

  .ib5_inner p {
    font-size: 14px;
    line-height: 26px;
    color: #959ba9;
    letter-spacing: 0;
    word-break: break-all;
    margin: 0 0 17px;
  }

  .ib5_inner > a {
    font-size: 14px;
    display: inline-block;
    line-height: 0.8;
    color: #a3238e;
    font-weight: 500;
    text-transform: capitolize;
  }

  .sub_title.dark_sub_title {
    color: #a3238e;
    font-weight: 600;
  }

  .sub_title {
    font-size: 16px;
    color: #c3c8d4;
    letter-spacing: 0;
    text-transform: uppercase;
    font-weight: 500;
    margin: 0 0 20px;
    line-height: 0.8;
  }

  .sec_title span {
    font-size: 39px;
    margin-bottom: 16px;
    float: left;
  }

  .cotactForm {
    position: relative;
  }

  .iconInput {
    position: relative;
    margin-bottom: 20px;
  }

  .light_form .iconInput input:not([type="submit"]),
  .light_form .iconInput textarea {
    font-weight: 400;
    font-size: 13px;
    color: #959ba9;
    border-color: #ecebff;
    margin-bottom: 30px;
  }

  .iconInput input:not([type="submit"]),
  .iconInput textarea {
    padding: 0 0 0 50px;
    background: transparent;
    border: none;
    border-bottom: 2px solid #5b6c90;
    display: block;
    width: 100%;
    color: #8b97b1;
    font-weight: 600;
    letter-spacing: 0;
    height: 57px;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms;
  }

  .header_logo img {
    max-width: 100%;
    /* height: auto; */
    display: block;
    /* margin-top: 12px; */
    float: left;
  }

  .slider_block {
    width: 100%;
    float: left;
    padding: 0;
    position: relative;
  }

  .ban1 {
    width: 100%;
    float: left;
    background: url("../images/slider1.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 655px;
    background-position: 100%;
  }

  .ban2 {
    width: 100%;
    float: left;
    background: url("../images/slider1.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 655px;
    background-position: 100%;
  }

  .header_block {
    width: 100%;
    height: 110px;
    float: left;
    position: absolute;
    left: 0;
    top: 0;
    padding: 0 4% 0 8%;
    z-index: 1000;
    background: transparent;
  }

  .view-serv {
    border: 1px solid #222222;
    border-radius: 50%;
    height: 47px;
    /* margin-top: 20px; */
    position: relative;
    bottom: 7px;
    z-index: 1000;
    width: 47px;
    color: #fff;
    float: left;
    background-color: #222222;
    left: 21px;
  }

  .view-serv:hover {
    border: 1px solid #b88c2b;
    background-color: #b88c2b;
  }

  .view-serv svg {
    padding: 12px 10px;
    width: 46px;
  }

  .enquire {
    background-color: #f36f27;
    color: #fff;
    margin-top: 20px;
    width: 144px;
    float: right;
    font-size: 14px;
    font-weight: 600;
    padding: 10px 25px 12px;
    border-radius: 5px;
  }

  .enquire:hover {
    text-decoration: none;
    color: #fff;
    background-color: #000;
  }

  .slider_block .owl-nav {
    display: none;
  }

  .slider_block .owl-dots {
    display: none;
  }

  .services_full {
    width: 100%;

    float: left;

    /* box-shadow: -1px 0 4px rgba(0, 0, 0, 0.15); */

    background: rgb(244 244 244 / 39%);

    /* margin-bottom: 20px*/

    /* margin-bottom: 20px; */

    padding-bottom: 30px;
  }

  .services_full img {
    width: 100%;

    height: 200px;

    float: left;

    object-fit: cover;

    margin-bottom: 14px;
  }

  .services_full h2 {
    font-size: 20px;

    float: left;

    width: 100%;

    margin: 0;

    padding: 10px 15px 0;

    /* font-weight: 700; */

    letter-spacing: 1px;
  }

  .services_full p {
    margin: 0 !important;

    padding: 10px 15px !important;

    line-height: 28px !important;
  }

  .service .owl-nav img {
    width: 29px;
    opacity: 0.7;
    filter: brightness(11);
  }

  .ban-text {
    padding-top: 235px;
    width: 100%;
    float: left;
  }

  .service-sec {
    width: 100%;
    float: left;
    position: relative;
    margin: 70px 0 15px;
  }

  .view-serv2 {
    border: 1px solid #ded83a;
    border-radius: 50%;
    height: 47px;
    /* margin-top: 20px; */
    position: absolute;
    bottom: -16px;
    width: 47px;
    color: #fff;
    float: left;
    background-color: #ded83a;
    left: 30px;
  }

  .view-serv2:hover {
    border: 1px solid #f8901f;
    background-color: #f8901f;
  }

  .view-serv2 svg {
    transform: rotate(180deg);
    padding: 12px 10px;
    width: 46px;
  }

  .service-sec-image {
    position: relative;
    height: 435px;
    margin-left: 17px;
    padding-left: 13px;
    /* width: 100%; */
    object-fit: cover;
    /* border-radius: 6px; */
  }

  .service-border {
    margin-left: 25px;

    float: left;

    width: auto;

    margin-bottom: 20px;
  }

  .service-sec h2 {
    font-size: 25px;

    margin-left: 25px;

    color: #131316;

    margin-top: 15px;

    font-weight: 400;
  }

  .service-sec h1 {
    font-size: 25px;

    color: #131316;

    font-weight: 700;

    margin-left: 25px;
  }

  .service-sec p {
    margin-left: 25px;

    font-size: 14px;

    float: left;

    line-height: 28px;

    color: #070707;

    margin-bottom: 0;

    padding: 5px 0;
  }

  .ban-text h1 {
    font-size: 37px;

    /* font-family: 'Oswald'; */
    position: relative;
    color: #fff !important;
    font-weight: 400;
  }

  .ban-text h1 span {
    font-weight: 700;
  }

  .abt-icons {
    position: absolute;
    /* border: 1px solid #ccc; */
    top: -22px;
    right: 15px;
    /* box-shadow: 0px 1px 0px 1px #eae4e4; */
    z-index: 99;
    padding-top: 9px;
    width: 47px;
    font-weight: 700;
    font-size: 21px;
    height: 47px;
    border-radius: 50%;
    text-align: center;
    background: #fff;
  }

  .header-content h6 {
    font-size: 48px;
    line-height: 75px;
    color: #fff;
    font-weight: lighter;
  }

  .abt-icons svg {
    margin: 12px 10px;
    width: 26px;
    fill: #310903;
    height: 24px;
  }

  .view-abt svg {
    padding: 12px 10px;
    width: 39px;
  }

  .view-abt:hover {
    border: 1px solid #222222;
    background-color: #222222;
  }

  .ban-text h1:after {
    /* position: absolute; */
    /* content: ''; */
    height: 2px;
    top: 8px;
    left: 192px;
    width: 57px;
    background-color: #ed2424;
  }

  .panel-text-quote {
    font-size: 30px;
    color: #8b8b8c;
    top: 0;
    position: relative;
    left: 130px;
    left: 120px;
  }

  .pro-overlay h5:after {
    position: absolute;
    content: "";
    height: 2px;
    top: 8px;
    left: 145px;
    width: 16px;
    background-color: #fff;
  }

  .panel-quote img {
    position: relative;
    top: 63px;
  }

  .conatct-ad-sec {
    width: 100%;
    float: left;
    margin-top: 35px;
    margin-bottom: 40px;
  }

  .location-text {
    float: left;
    width: 100%;
    text-align: center;
    text-align: -webkit-center;
    padding-bottom: 5px;
    text-align: -moz-center;
  }

  .location_titel {
    float: left;
    width: 100%;
    color: #000;
    font-weight: 700;
    padding-bottom: 11px;
    font-weight: 600;
    text-align: center;
    padding-top: 10px;
    text-transform: uppercase;
    font-size: 17px;
    /* letter-spacing: -1px; */
  }

  .slide .owl-theme .owl-dots .owl-dot:focus {
    outline: none !important;
  }

  .location_address {
    float: left;
    width: 100%;
    font-size: 15px;
    color: #000;
    font-weight: 500;
    text-align: center;
    line-height: 27px;
  }

  .ban-text h2 span {
    color: #2ba649;
    font-weight: 700;
  }

  .abt-icons:hover {
    background-color: #ded83a;
  }

  .abt-icons:hover svg {
    fill: #fff;
  }

  .ban-text p {
    float: left;
    width: 100%;
    font-size: 14px;
    line-height: 25px;
    padding: 6px 92px 0 0;
    font-weight: 400;

    color: #000;
  }

  .ban-text h2 {
    color: #000;

    font-size: 45px;
    line-height: 58px;
    padding-top: 0;
    font-weight: lighter;
  }

  .close_form {
    display: block;
    position: absolute;
    width: 40px;
    height: 40px;
    right: -50px;
    top: -35px;
    background: transparent url(../images/close.svg) no-repeat center center;
    background-size: 20px 20px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    border: none;
    cursor: pointer;
  }

  .ftr-right {
    width: 100%;
    float: left;
    padding: 73px 20px 0;
  }

  .ftr-right p {
    color: #fff;
    font-size: 19px;
    position: relative;
    font-weight: 400;
    padding: 1px 101px 47px 0;
    border-bottom: 1px solid #0f1119;
  }

  .vm .owl-theme .owl-dots,
  .owl-theme .owl-nav {
    text-align: left;
  }

  .vm .owl-theme .owl-dots .owl-dot {
    display: inline-block;
    z-index: 999;
    cursor: pointer;
    zoom: 1;
    background: transparent;
    text-align: center;
    border: none;
    top: -131px;
    left: 119px;
    position: relative;
  }

  .vm .owl-theme .owl-dots .owl-dot span {
    position: relative;
    z-index: 99;
    width: 10px;
    cursor: pointer;
    height: 10px;
    margin: 5px 0px;
    border: 2px solid #e42e24;
    background: #e42e24 !important;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity 0.2s ease;
    border-radius: 30px;
  }

  .vm .owl-theme .owl-dots .owl-dot.active span,
  .owl-theme .owl-dots .owl-dot:hover span {
    background: #f37321 !important;
    border: none;
  }

  .explore {
    background: transparent;
    color: #000;
    margin-top: 15px;
    float: left;

    /* height: 48px; */
    border-left: 2px solid #ed2424;
    border-bottom: 2px solid #ed2424;
    text-align: center;
    /* width: 143px; */
    /* border-radius: 4px; */
    font-weight: bold;
    font-size: 13px;
    padding: 0 13px 9px;
  }

  .social-hd {
    float: right;
    margin: 35px 20px;
  }

  .social-hd a {
    width: auto;
    margin: 3px 5px;
    float: right;
  }

  .social-hd a svg:hover {
    fill: #a3238e;
  }

  .quality-red a:hover {
    text-decoration: none;
    color: #fff;
  }

  .explore:hover {
    background-color: transparent;
    text-decoration: none;
    color: #fff;
  }

  .invest-btn:hover {
    text-decoration: none;
    background: #fa3b3b !important;
    color: #fff !important;
  }

  .link-ftr {
    width: 100%;
    float: left;
    text-align: center;
    padding: 30px 0;
  }

  .extra-serv {
    position: absolute !important;
    top: 104px;
    width: 100% !important;
    height: 405px;
    right: 0;
    background: #fbfbfb;
  }

  .serv-image {
    height: 582px;
    width: 100%;
    float: left;
  }

  .link-ftr a {
    color: #fff;
    opacity: 0.7;
    font-size: 12px;

    padding: 0 10px;
  }

  .panel-div {
    float: left;
    width: 100%;
    background: url("../images/join-team.jpg");
    min-height: 196px;
    background-size: cover;
    margin: 100px 0 30px;
    padding: 47px 0;
    background-color: white;
  }

  .quality-red a:after {
    position: absolute;
    content: "";
    width: 15px;
    bottom: 9px;
    left: 83px;
    height: 2px;
    background: #fff;
  }

  .inv-left {
    width: 100%;
    float: left;
  }

  .career-box {
    margin-bottom: 20px;
    background: #fff;
    padding: 25px !important;
    box-shadow: -1px 0 4px rgba(0, 0, 0, 0.15);
  }

  .inv-left h2 {
    font-size: 35px;
    color: #fff;
    font-weight: bold;
  }

  .inv-left p {
    font-size: 14px;
    color: #fff;
  }

  .join-img {
    /* float: left; */
    margin: 12px auto;
    display: block;
    /* margin-top: 12px; */
  }

  .invest-btn {
    background: #fff !important;
    color: #000 !important;
    width: 180px !important;
    font-size: 13px !important;
    float: right !important;
    margin: 20px 0 !important;
    font-weight: bold !important;
    height: 50px !important;
    text-align: center !important;
    padding: 16px 0 !important;
    border: none !important;
  }

  .mission-sec {
    width: 100%;
    float: left;
    text-align: center;
  }

  .panel-call {
    padding: 38px 0;
    border-right: 1px solid #ccc;
    text-align: center;
    float: left;
    width: 100%;
  }

  .panel-call img {
    float: left;
  }

  .panel-call p {
    float: left;
    font-size: 12px;
    padding: 3px 5px;
    font-weight: 600;
    margin-bottom: 0;
    color: #444141;
  }

  .panel-icons-rt {
    width: 100%;
    float: left;
  }

  .panel-icons-rt a img {
    margin: 0 20px;
  }

  .iconInput i {
    position: absolute;
    /* left: 20px; */
    top: 0;
    font-size: 14px;
    letter-spacing: -0.42px;
    color: #a3238e;
    height: 57px;
    line-height: 57px;
  }

  .service .owl-nav {
    float: left;
    width: 100%;
    text-align: center;
  }

  .service .owl-next {
    position: relative;
    /* top: -111px; */
    padding: 4px 0px;
    background: transparent;
    /* left: -464px; */
  }

  .service .owl-prev {
    position: relative;
    padding: 4px 0px;
    /* top: -111px; */
    background: transparent;
    /* left: -453px; */
  }

  .panel-icons-rt a {
    padding-top: 31px;
    float: left;
  }

  .dot {
    /* padding-top: 50px; */
    /* float: left; */
  }

  .bg-orange {
    background: #f36f27;
    padding: 25px 0 !important;
    float: right !important;
  }

  .panel-bar .col-md-6 {
    padding-right: 0;
  }

  .panel-form {
    width: 240px;
    float: left;
    min-height: 460px;
    top: -193px;
    z-index: 200;
    padding: 20px 15px;
    position: absolute;
    background-color: #7d7a7b;
  }

  .panel-form h2 {
    font-size: 20px;
    line-height: 28px;
    font-weight: 100;
    color: #fff;
  }

  .input-set {
    width: 100%;
    float: left;
    margin: 10px 0;
  }

  .input-set input {
    background: transparent;
    border: 1px solid #ccc;
    font-size: 300;
    color: #fff;
    padding: 8px 10px;
  }

  .panel-form p {
    font-size: 13px;
    color: #fff;
    float: left;
    line-height: 24px;
    font-weight: 300;
    padding: 5px 3px 5px 0;
  }

  .panel-form button {
    background: #b5b3b4;
    border: none;
    text-align: center;
    margin: auto;
    display: block;
    font-size: 14px;
    color: #000;
    cursor: pointer;
    padding: 10px 20px;
  }

  .panel-form button:hover {
    background-color: #f36f27;
    color: #fff;
  }

  .view-abt {
    /* border: 1px solid #fff; */
    border-radius: 50%;
    height: 40px;
    width: 40px;
    color: #fff;
    background: #b88c2b;
    float: left;
    text-transform: uppercase;
  }

  .contact-snd {
    text-transform: uppercase;
    /* border-radius: 100px; */
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 20px;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    /* letter-spacing: 1.8px; */
    width: 100%;
    /* border-radius: 5px; */
    text-align: center;
    padding: 15px 42px;
    border: none;
    background: #000;
    color: #fff;
    float: right;
    margin-top: 11px;
    /*    border: solid 2px #a3238e;
*/
    cursor: pointer;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
  }

  .contact-snd:hover {
    background-color: #b88c2b;
  }

  .investimg-new img {
    width: 100%;
    border-radius: 5px;
    height: 471px;
    width: 100%;
    float: left;
    object-fit: cover;
  }

  .investimg-new {
    width: 100%;
    float: left;
    margin-top: 0px !important;
  }

  .ftr-logo img {
    height: 200px;
    float: left;
    width: 100%;
  }

  .ftr-logo {
    width: 100%;
  }
}

.request-info-box {
  background: #232323;

  width: 95%;

  float: right;

  padding: 50px 30px;

  /* margin-left: 26px; */
}

.request-info-box h2 {
  padding-top: 0;

  padding-left: 10px;

  font-size: 30px;

  padding-bottom: 30px;

  font-weight: 400;

  color: #fff;
}

.service .owl-next:hover {
  /* background-color: #310903; */
}

.service .owl-prev:hover {
  /* background-color: #310903; */
}

.service .owl-next:hover img {
  filter: brightness(11);
}

.pro-img {
  margin-bottom: 30px;
  position: relative;
  overflow: hidden;
  width: 100%;
  border-top-right-radius: 0;
  float: left;
}

.pro-img img {
  position: relative;
  border-top-right-radius: 0;
  width: 100%;
  float: left;
  border-top-left-radius: 0;
  /* height: 250px; */
  transition: all ease-in-out 0.5s;
  object-fit: cover;
}

.pro-img img:hover {
  /* transform: scale(1.5); */
}

.pro-img h6 {
  font-size: 16px;
  font-weight: 600;
  float: left;
  color: #ffffff;
  text-align: center;
  /* margin-top: -60px; */
  background: rgba(0, 0, 0, 0.69);
  position: absolute;
  z-index: 111;
  left: 0;
  padding: 14px;
  width: 100%;
  bottom: -8px;
}

.modal-content {
  border-radius: 0 !important;
}

.modal-img {
  width: 100% !important;
  height: 186px !important;
  object-fit: cover;
}

.free_consult {
  z-index: 999;
  text-align: center;
  color: #fff;
  font-size: 20px;
  width: 100%;
  position: relative;
  bottom: 110px;
}

.modal-heads {
  font-size: 18px;
  margin-top: 0px;
  color: #ffffff;
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding-top: 13px;
  background: #aa7e14;
  padding-bottom: 13px;
}

.modal-frm input {
  width: 100%;
  padding: 10px 0px 10px 0px;
  outline: none;
  border: none;
  font-size: 13px;
  border: 1px solid #eee;
  margin-top: 20px;
  padding: 10px;
  height: 52px;
}

.modal-frm textarea {
  width: 100%;
  padding: 10px 0px 10px 0px;
  outline: none;
  border: none;
  font-size: 14px;
  border-bottom: 1px solid #eee;
  resize: none;
  margin-top: 20px;
  border: 1px solid #eee;
  margin-top: 20px;
  padding: 10px;
}

.modal-img {
  width: 100% !important;
  height: 186px !important;
  object-fit: cover;
  float: left;
  left: -1px;
  position: relative;
  top: -1px;
}

.close {
  position: absolute;
  right: -30px;
  top: 15px;
  width: 35px;
  height: 35px;
  background: rgba(0, 0, 0, 0.4);
  margin: 20px;
  cursor: pointer;
  padding: 5px;
}

.close:after,
.close:before {
  content: "";
  position: absolute;
  top: 25%;
  left: -288px;
  width: 1.5px;
  height: 65%;
  background: #e4e4e4;
}

.close:after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.close:before {
  transform: translate(-50%, -50%) rotate(45deg);
}

.modal-submit {
  padding: 14px 23px 10px 20px;
  /* float: left; */
  margin: 5px auto 24px;
  display: block;
  width: 170px !important;
  height: 47px;
  cursor: pointer;
  font-size: 13px;
  font-weight: 500;
  color: #fff;
  background: #222222;
  text-transform: uppercase;
  letter-spacing: 1px;
  border-radius: 30px;
}

.modal-submit:hover {
  background-color: #b88c2b;
}

.mt-80 {
  margin-top: 80px;
}

.pro-overlay {
  /* position: absolute; */
  /* height: 100%; */
  /* padding: 100px 51px; */
  /* width: 100%; */
  /* background-color: #ed3231e8; */
  /* left:0; */
  /* top: 0; */
  /* display: none; */
}

.pro-overlay h2 {
  font-size: 26px;
  color: #fff;
  font-weight: 500;
}

.pro-overlay h6 {
  font-size: 14px;
  font-weight: 400;
  padding-top: 16px;
  color: #fff;
  float: left;
  line-height: 25px;
}

.pro-overlay h5 {
  font-size: 14px;
  width: 100%;
  text-align: center;
  color: #fff;
  float: left;
  position: relative;
  margin-top: 20px;
}

.msg-box {
  width: 327px;
  height: auto;
  margin-top: -618px;
  z-index: 99;
  float: right;
  position: relative;
  /* background: #ffffff00; */
  right: 90px;
}

.msg-box .heads {
  width: 100%;
  padding: 12px 25px;
  float: left;
  background: #0d0d0c;
  /* height: 94px; */
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}

.msg-box .heads h2 {
  margin-bottom: 0;
  width: 100%;
  float: left;
  text-align: center;
  font-size: 18px;
  /* line-height: 24px; */
  color: #ffffff;
}

.msg-box .bodys {
  width: 100%;
  float: left;
  background: #ffffff;
  border-bottom-right-radius: 5px;
  /* height: 248px; */
  border-bottom-left-radius: 5px;
}

.form-area1 {
  width: 100%;
  float: left;
  padding: 10px 20px;
  padding: 10px 25px;
}

.form_div {
  border-bottom: 1px solid #b0aaaa;
  color: #272626;
  display: block;
  font-size: 13px;
  height: 42px;
  margin-bottom: 10px !important;
  padding: 0 20px;
  outline: none;
  background: #ffffff;
  width: 100%;
  padding-left: 0px;
  border: none;
  transition: all 500ms ease;
  border-bottom: solid 1px #e3e3e3;
  padding: 15px;
  border-radius: 5px;
  padding-top: 9px;
  float: left;
  width: 100%;
}

.titel_normal {
  /* height: 100%; */
  line-height: 26px;
  /* top: 151px; */
  position: absolute;
  width: 35px;
  /* padding-left: 8px; */
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-size: 5px;
  color: rgba(0, 0, 0, 0.88);
  text-transform: uppercase;
  border-right: solid 1px #e3e3e3;
}

/*.banner img{
  width: 100%;
  float: left;
}*/

.normal_form {
  /*color: #272626;*/
  display: block;
  font-size: 12px;
  /* height: 52px; */
  color: #18191b96;
  /* margin-bottom: 30px !important; */
  outline: none;
  background: rgba(255, 255, 255, 0);
  width: 88%;
  padding-left: 0px;
  border: none;
  transition: all 500ms ease;
  padding: 15px;
  float: left;
  /* width: 50%; */
  left: 47px;
  position: relative;
  padding: 0px;
  /* padding-left: 17px; */
  padding-top: 8px;
}

.form-bot {
  width: 100%;
  float: left;
}

.form-boto-st {
  width: 100%;
  float: left;
  background: #18191b;
  color: #fff;
  border: none;
  height: 40px;
  border-radius: 5px;
  margin-top: 15px;
  transition: all ease-in-out 0.5s;
  -o-transition: all ease-in-out 0.5s;
  -ms-transition: all ease-in-out 0.5s;
  -moz-transition: all ease-in-out 0.5s;
  -webkit-transition: all ease-in-out 0.5s;
}

.form-boto-st:hover {
  background: #a3238e;
  cursor: pointer;
}

.form-boto-st:focus,
active {
  outline: none;
}

.panel-12 .form-control {
  border-radius: unset;
  border: unset;
  border-bottom: 1px solid #888686a8;
  padding: 0;
  box-shadow: none;
  height: 45px;
}

.panel-12 .lft-pad {
  /* padding-left: 55px; */
  margin-bottom: 35px;
}

.panel-12 .margin-bot {
  margin-bottom: 35px;
  float: left;
}

.client .owl-nav button {
  background-color: transparent;
  border: none;
}

.client .owl-nav button img {
  /* filter: brightness(.5); */
  /* width: 40px; */
}

.client .owl-nav button:focus {
  outline: none !important;
}

.service-text-full {
  position: relative;

  width: 100%;

  float: left;

  background: #fbfbfb;

  padding: 30px 20px;

  box-shadow: 0px 1px 4px rgb(0 0 0 / 5%);
}

.service-text-full h3 {
  font-size: 18px;

  font-weight: 700;
}

.service-text-full p {
  font-size: 14px;

  text-align: left;

  margin: 0;
}

.btn-center {
  text-align: -webkit-center;
  width: 100%;
  float: left;
}

.submit-btn {
  text-align: center;
  width: 163px;
  height: 47px;
  background-color: #222222;
  display: flex;
  color: #fff;
  cursor: pointer;
  /* border-radius: 25px; */
  margin-top: 25px;
  float: left;
  border: 0;
}

.submit-btn span {
  margin: auto;
  font-size: 15px;
  text-transform: uppercase;
}

.line {
  width: 100%;
  float: left;
}

.serv-line {
  position: relative;
}

.serv-line::before {
  top: 20px;
  content: "";
  height: 1px;
  width: 100px;
  border: 1px solid #cccccc30;
  left: -101px;
  position: absolute;
}

.serv-line::after {
  top: 20px;
  content: "";
  height: 1px;
  width: 100px;
  border: 1px solid #cccccc30;
  right: -101px;
  position: absolute;
}

.ft-left {
  width: 100%;
  float: left;
}

.ft-left a {
  margin: 10px;
  width: auto;
  font-size: 15px;
  float: left;
  color: #fff;
}

.ft-left a:hover {
  color: #b54fa5;
  text-decoration: none;
}

.dot {
  width: 8px;

  height: 8px;

  margin: 10px;

  background: #1f6eb7;

  float: left;

  border-radius: 50%;
}

.head-quote {
  color: #fff !important;
  background: #620609;
  padding: 4px 10px 5px 4px !important;
  border-radius: 28px;
  font-size: 12px !important;
  margin-right: 12px;
  margin-top: 10px !important;
  /* width: 118px !important; */
  border: 2px solid transparent;
  margin-bottom: 0 !important;
}

.social-ft a svg:hover {
  fill: #b54fa5;
}

.ftr-quote {
  position: absolute;
  top: 56px;
  left: 18px;
  height: 106px;
  /* width: 124px; */
  opacity: 0.4;
}

.ml-44 {
  margin-left: 64px;
}

.ml-66 {
  margin-left: 90px;
}

.start {
  width: 100%;
  float: left;
  margin-top: 20px;
  height: 159px;
}

.start h2 {
  font-size: 18px;
  font-weight: 500;
  color: #f5f5f5;
  margin-bottom: 10px;
}

.start-soc a svg {
  margin-right: 8px;
  width: 44px;
  margin-top: 8px;
  height: 30px;
}

.start-soc a {
  width: auto !important;
}

.start a {
  width: 100%;
  float: left;
  font-weight: 400;
  font-size: 15px;
  line-height: 36px;
  /* margin: 0 10px; */
  opacity: 0.7;
  color: #fff !important;
}

.start a:hover {
  text-decoration: none;
  color: #fff;
  opacity: 1;
}

.client {
  float: left;
  width: 100%;
  margin: 10px 0;
  /* position: relative; */
}

.client .owl-nav {
  z-index: 999;
  background: transparent;
  margin-top: 15px;
  /* display: none; */
  text-align: right;
  top: -157px;
  position: relative;
  right: 0;
}

.quote-cook {
  position: absolute;
  top: 2px;
  right: 31px;
}

.innerban-saffron {
  width: 100%;
  background-size: cover;
  background: url(../images/haj-bg.png);
  height: 82px;
  float: left;
  height: 535px;
  position: relative;
  margin-top: 122px;
  /* text-align: center; */
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  padding: 160px 0;
  background-attachment: fixed !important;
}

.innerban {
  width: 100%;
  background-size: cover;
  background: url(../images/about-bg.png);
  height: 82px;
  float: left;
  height: 275px;
  position: relative;
  margin-top: -1px;
  /* text-align: center; */
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  padding: 80px 0%;
  background-attachment: fixed !important;
}

.innerban2 {
  width: 100%;
  background-size: cover;
  background: url(../images/slide4.jpg);
  height: 250px;
  float: left;
  margin-top: 100px;
  text-align: center;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.innerban p {
  margin-top: 123px;
  color: #fff;
  font-weight: 400;
  width: 100%;
  float: left;
  line-height: 28px;
  /* font-style: italic; */
  text-align: left;
  font-size: 15px;
  /* background: rgb(0 0 0 / 74%); */
  /* height: 250px; */
  margin-top: 0px;
  padding-top: 5px;
  padding-right: 47%;
  margin-bottom: 0;
}

.service {
  width: 100%;
  float: left;
}

.innerban2 p {
  margin-top: 123px;
  color: #ffffff;
  font-weight: 700;
  width: 100%;
  float: left;
  /* font-style: italic; */
  text-align: center;
  font-size: 28px;
  background: rgb(0 0 0 / 74%);
  height: 250px;
  margin-top: 0px;
  padding-top: 80px;
}

.margin_top {
  margin-top: 40px !important;
}

.contact-tag {
  float: left;
  width: 100%;

  font-size: 14px;
  color: rgba(0, 0, 0, 0.93);
  text-align: left;
  /* margin-top: 15px; */
  line-height: 28px;
  margin-bottom: 30px;
  padding-right: 50px;
}

.cnt-padding {
  padding-left: 0px !important;
}

.push-left {
  float: left;
}

.contact-label {
  float: left;
  width: 100%;
  text-align: left;
  font-size: 14px;
  color: #000;
  font-weight: 500;
  margin-top: 10px;
}

.mct_form {
  border-bottom: 1px solid #b0aaaa;
  color: #272626;
  display: block;
  font-size: 13px;
  /* text-transform: uppercase; */
  height: 50px;
  margin-bottom: 10px !important;
  padding: 0 20px;
  outline: none;
  background: #ffffff;
  width: 100%;
  padding-left: 0px;
  border: none;
  transition: all 500ms ease;
  border: solid 1px rgba(46, 67, 110, 0.22);
  margin-top: 3px;
  width: 100%;
  float: left;
  padding: 15px;
  margin-top: 11px;
  border-radius: 5px;
}

.cnt-padding {
  padding-left: 0px !important;
}

.info-tag {
  line-height: 29px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.93);
  margin-top: 9px;
}

.adr-section {
  float: left;
  margin-top: 35px;
  width: 100%;
  margin-bottom: 15px;
  padding-left: 30px;
}

.adr-section h1 {
  float: left;
  width: 100%;
  color: #000;
  font-size: 28px;
  font-weight: bold;
  margin-top: 0px;
  margin-top: 10px;
  border-bottom: solid 1px #e6e6e6;
  padding-bottom: 16px;
}

.cnt-icons {
  padding-right: 8px;
  font-size: 29px !important;
  color: rgb(44 50 147);
}

.india {
  float: left;

  .india span {
    float: left;
    width: 100%;
    color: #e20c18;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    /* letter-spacing: 1px; */
    margin-top: 20px;
  }

  .india p {
    float: left;
    width: 100%;
    text-align: left;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.93);
    line-height: 25px;
    margin-top: 11px;
    margin-bottom: 0px;
  }

  .map-top {
    margin-top: 1px;
  }

  width: 100%;
  margin-bottom: 4px;
}

.india span {
  float: left;
  width: 100%;
  color: #960423;
  font-size: 18px;
  font-weight: bold;
  text-align: left;
  /* letter-spacing: 1px; */
  margin-top: 20px;
  text-transform: uppercase;
}

.india p {
  float: left;
  width: 100%;
  text-align: left;
  font-size: 15px;
  color: rgba(0, 0, 0, 0.93);
  line-height: 25px;
  margin-top: 11px;
  margin-bottom: 0px;
}

.map-top {
  margin-top: 30px;
}

.input-set-ct {
  width: 100%;
  float: left;
  margin: 10px 0;
}

.input-set-ct input,
.input-set-ct textarea {
  background: transparent;
  border: 1px solid #cccccc36;
  font-size: 300;
  color: #000;
  width: 100%;
  border-radius: 10px;
  height: 50px;
  padding: 8px 10px;
}

.input-set-ct textarea {
  height: 80px !important;
}

.input-set-ct label {
  width: 100%;
  font-size: 15px;
}

.input-set-ct input,
.input-set-ct textarea:focus {
  outline: none;
}

.contact-left {
  width: 100%;
  float: left;
}

.contact-left h6 {
  font-size: 18px;
  color: #000;
  font-weight: 300;
}

.service-sec-image-new {
  position: relative;
  height: 375px;
  margin-left: 0px;
  padding-left: 0;
  width: 100%;
  object-fit: cover;
  border-radius: 6px;
}

.service-border-new {
  /* margin-left: 25px; */

  float: left;

  width: auto;

  margin-top: 10px;
}

.contact-left h1 {
  font-size: 35px;
  width: auto;
  margin-bottom: 0;
  font-weight: 700;
  padding: 5px 0;
}

.contact-left p {
  font-size: 14px;
  font-weight: 400;
  line-height: 28px;
  padding-top: 10px;
}

.ct-sub {
  background: #f36f27;
  color: #fff;
  margin-top: 10px;
  float: left;
  border: none;
  font-size: 14px;
  border-radius: 5px;
  cursor: pointer;
  padding: 10px 41px;
}

.ct-sub:hover {
  background: #000;
}

.main-off {
  width: 100%;
  float: left;
  margin: 20px 0;
}

.hv-sec {
  width: 100%;
  margin-bottom: 30px;
  float: left;
}

.hv-sec i {
  font-size: 25px;
  color: #fff;
  border: 1px solid #cccccc5e;
  background-color: #f36f27;
  float: left;
  border-radius: 100%;
  margin-top: 0px;
  padding: 20px 22px;
}

.hv-sec i:hover {
  background: transparent;
  color: #f36f27;
}

.main-off h2 {
  float: left;
  font-size: 20px;
  font-weight: 700;
  margin: 5px 0px 0;
}

.main-off p {
  float: left;
  font-size: 14px;
  margin-bottom: 0;
  width: 100%;
  padding: 7px 0;
  line-height: 27px;
}

.hv-sec .col-md-4 {
  padding: 0;
}

.about_section {
  float: left;
  width: 100%;
  padding-top: 60px;
}

.about_section h1 {
  font-size: 19px;
  color: #000000;
  /* font-family: 'Poppins', sans-serif; */
  font-weight: 700;
  text-transform: uppercase;
  line-height: 40px;
}

.about_section h1 span {
  font-weight: 600;
  color: #04113c;
}

.gypsum_section {
  float: left;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
}

.msg-panel {
  /* margin-top: 20px; */
  float: left;
  width: 100%;
  padding-top: 60px;
  margin-bottom: 30px;
  padding-bottom: 60px;
  background: url(../images/menu-bg.png);
  /* font-size: 36px; */
  color: #010101;
  background-size: cover;
  background-repeat: repeat;
  background-attachment: fixed !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  position: relative;
}

.md-msg {
  float: left;
  width: 100%;
  background: #fff;
  padding: 30px;
  border-radius: 5px;
}

.team-imgs img {
  width: 100%;
  float: left;
  height: 280px;
  object-fit: cover;
}

.teambg {
  float: left;
  width: 100%;
  text-align: center;
  height: 90px;
  margin-bottom: 20px;
  background: #310903;
  color: #fff;
  font-size: 14px;
  padding: 15px;
}

.teambg span {
  width: 100%;
  float: left;
}

.md-msg h1 {
  float: left;
  width: 100%;
  font-size: 25px;
  color: #101010;
  margin-top: 0px;
  text-align: left;
  font-weight: bold;
}

.md-msg h1 span {
  color: #ea5047;
}

.md-msg p {
  float: left;
  width: 100%;
  font-size: 14px;
  color: #101010;
  text-align: left;
  line-height: 27px;
  margin-bottom: 0px;
}

.service_titels {
  color: #000000 !important;
  text-transform: uppercase;
  font-size: 16px !important;
  font-weight: 600;
  /* font-family: 'Poppins', sans-serif !important; */
  margin-bottom: 10px !important;
  padding-left: 0px !important;
}

.gs_img {
  float: left;
  /* margin-left: 60px; */
  height: 220px;
  object-fit: cover;
  width: 100%;
}

.about_section p {
  font-size: 14px;
  float: left;
  width: 100%;
  color: #000;
  /* font-family: 'font-family: 'Baloo Paaji 2', cursive;; */
  line-height: 32px;
  margin-bottom: 17px;
}

.offer-panel {
  float: left;
  width: 100%;
  padding-top: 60px;
  padding-bottom: 30px;
}

.mb25 {
  margin-bottom: 25px;
}

.bg-brand {
  float: left;
  width: 100%;
  background: #fff;
  padding: 40px;
  text-align: center;
  border: solid 1px rgba(243, 112, 33, 0.58);
  transition: all ease-in-out 0.5s;
  -o-transition: all ease-in-out 0.5s;
  -ms-transition: all ease-in-out 0.5s;
  -moz-transition: all ease-in-out 0.5s;
  -webkit-transition: all ease-in-out 0.5s;
  margin-bottom: 30px;
}

.bg-brand img {
  object-fit: contain;
  width: 100%;
  height: 100px;
  right: 0px;
}

.bg-brand:hover {
  text-decoration: none !important;
  -webkit-box-shadow: 0px 3px 25px -9px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 3px 25px -9px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 3px 25px -9px rgba(0, 0, 0, 0.22);
  border: solid 1px #fff;
  transition: all ease-in-out 0.5s;
  -o-transition: all ease-in-out 0.5s;
  -ms-transition: all ease-in-out 0.5s;
  -moz-transition: all ease-in-out 0.5s;
  -webkit-transition: all ease-in-out 0.5s;
}

.offer-panel h1 {
  float: left;
  width: 100%;
  /* color: #020e22; */
  font-size: 19px;
  text-transform: uppercase;
  font-weight: 700;
  padding-bottom: 11px;
}

.hankook-font {
  float: left !important;
  width: 100% !important;
  /* color: #020e22; */
  font-size: 17px !important;
  text-transform: none !important;
  font-weight: 600 !important;
  padding-bottom: 8px !important;
}

.detail-list {
  float: left;
  width: 100%;
  font-size: 14px;
  line-height: 29px;
  color: #000;
  font-weight: 400;
  margin-bottom: 8px;
}

.bg-brand {
  float: left;
  width: 100%;
  background: #fff;
  padding: 40px;
  text-align: center;
  border: solid 1px rgb(163, 35, 142);
  transition: all ease-in-out 0.5s;
  -o-transition: all ease-in-out 0.5s;
  -ms-transition: all ease-in-out 0.5s;
  -moz-transition: all ease-in-out 0.5s;
  -webkit-transition: all ease-in-out 0.5s;
  margin-bottom: 30px;
}

.brand-hover {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
}

.bg-brand:hover {
  text-decoration: none !important;
  -webkit-box-shadow: 0px 3px 25px -9px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 3px 25px -9px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 3px 25px -9px rgba(0, 0, 0, 0.22);
  border: solid 1px #fff;
  transition: all ease-in-out 0.5s;
  -o-transition: all ease-in-out 0.5s;
  -ms-transition: all ease-in-out 0.5s;
  -moz-transition: all ease-in-out 0.5s;
  -webkit-transition: all ease-in-out 0.5s;
}

.ih-item.square.effect6 {
  overflow: hidden;
  margin-bottom: 0;
}

.ih-item.square {
  position: relative;
  /* width: 316px; */
  /* height: 216px; */
  /* border: 8px solid #fff; */
  /* box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3); */
}

.ih-item.square.effect6 .img {
  -webkit-transition: all 0.5s ease-in-out;
  position: relative;
  -moz-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  /* -webkit-transform: scale(1); */
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  /* transform: scale(1); */
}

.productimg {
  width: 100%;
  object-fit: cover;
  padding: 20px;
  height: 290px !important;
  border: 2px solid #f36f27;
}

.ih-item.square.effect6 .info {
  /* background: #da3140; */
  /* background: rgba(218, 49, 64, 0.55); */
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.ih-item.square .info {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.ih-item:hover {
  /* text-decoration: none !important; */
  /* -webkit-box-shadow: 0px 3px 25px -9px rgba(0,0,0,0.75); */
  -moz-box-shadow: 0px 3px 25px -9px rgba(0, 0, 0, 0.75);
  /* box-shadow: 0px 3px 25px -9px rgba(0, 0, 0, 0.22); */
  /* border: solid 1px #fff; */
  transition: all ease-in-out 0.5s;
  -o-transition: all ease-in-out 0.5s;
  -ms-transition: all ease-in-out 0.5s;
  -moz-transition: all ease-in-out 0.5s;
  -webkit-transition: all ease-in-out 0.5s;
}

.port-box {
  width: 100%;
  position: relative;
  margin-bottom: 30px;
  float: left;
  /* height: 400px; */
  /* bottom: 0; */
}

.port-box img {
  width: 100%;
  float: left;
  /* height: 300px; */
}

.port-box h6 {
  text-align: center;
  background: #444242;
  width: 100%;
  font-weight: 700;
  font-size: 17px;
  float: left;
  color: #fff;
  padding: 20px;
}

.port-box h6:hover {
  background: #f36f27;
}

.numbers {
  /* float: right !important; */
  /* width: auto !important; */
  /* height: 64px !important; */
  /* margin-top: 24px !important; */
}

.pimg {
  width: 100%;
  object-fit: cover;
  /* padding: 20px; */
  height: 400px !important;
  /* border: 2px solid #f36f27; */
}

.overlay {
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 99999;
  padding: 150px 25px;
  opacity: 0;
  height: 0;
  border-radius: 10px;
  top: 0;
  text-align: center;
  left: 0;
  background: linear-gradient(
    125deg,
    rgb(133 72 174 / 91%) 22%,
    rgb(63 27 75 / 93%) 74%
  );
  transition: all ease-in-out 0.5s;
  -webkit-transition: all ease-in-out 0.5s;
  -moz-transition: all ease-in-out 0.5s;
}

.overlay p {
  color: #fff;
  font-size: 14px;
}

.overlay {
}

.img:hover .overlay {
  display: block !important;
}

.port-box:hover {
  box-shadow: none;
}

.overlay h2 {
  position: absolute;
  text-align: center;
  top: 50%;
  left: 0;
  box-sizing: unset;
  text-decoration-line: none;
  height: 100%;
  text-decoration-style: none;
  width: 100%;
  color: #f36f27;
  text-decoration: none;
  font-size: 20px;
  bottom: 0;
}

.fresco .overlay h2:hover {
  text-decoration: none;
}

.head-quote:hover {
  background-color: #aa7e14;
  color: #fff !important;
}

.fh-form {
  border-bottom: 1px solid #b0aaaa;
  color: #272626;
  display: block;
  /* font-family: 'Palanquin-Regular'; */
  font-size: 13px;
  /* text-transform: uppercase; */
  height: 50px;
  margin-bottom: 15px !important;
  padding: 0 20px;
  outline: none;
  background: #ffffff;
  width: 100%;
  padding-left: 15px;
  border: none;
  transition: all 500ms ease;
  border: solid 1px rgba(0, 0, 0, 0.18);
  transition: all ease-in-out 0.5s;
  -o-transition: all ease-in-out 0.5s;
  -ms-transition: all ease-in-out 0.5s;
  -moz-transition: all ease-in-out 0.5s;
  -webkit-transition: all ease-in-out 0.5s;
  border-radius: 5px;
}

.error_msg {
  display: none;
  width: auto;
  float: left;
  padding: 5px 7px;
  font-size: 13px;
  line-height: 15px;
  background: #e31b23;
  color: #fff;
  font-weight: 300;
  text-align: left;
  position: absolute;
  bottom: -8px;
  left: 0;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  z-index: 10;
}

.light_form .iconInput input:not([type="submit"]),
.light_form .iconInput textarea:focus {
  outline: none !important;
}

.location-text img {
  width: 50px;
}

.top {
  position: relative;
  float: left;
  margin-top: 0;
  width: 100%;
  bottom: 0;
  cursor: pointer;
}

.panel-12 .form-control:focus {
  border-bottom: 1px solid #310903 !important;
  outline: none !important;
  border: none;
  box-shadow: none;
}

.panel-12 .form-control::placeholder {
  font-size: 15px;
  color: #807a7a !important;
  font-weight: 500;
}

.panel-12 .form-control:focus::placeholder {
  color: #310903 !important;
}

.btn-center a:hover {
  text-decoration: none;
  background: #2ba649;
}

.submit-btn:hover {
  background: #e42e24;
}

.verticaltexts {
  transform: rotate(-90deg);
  transform-origin: right, top;
  -ms-transform: rotate(-90deg);
  -ms-transform-origin: right, top;
  -webkit-transform: rotate(450deg);
  -webkit-transform-origin: right, top;
  position: absolute;
  bottom: 41%;
  right: -122px;
  text-transform: uppercase;
  color: #000;
  font-weight: 600;
  font-size: 12px;
}

.verticaltexts:hover {
  color: #000;
  text-decoration: none;
}

.investimg {
  width: 100%;
  float: left;
  margin-top: 50px;
}

.investimg img {
  width: 100%;
  border-radius: 5px;
  /* height: 471px; */
  width: 100%;
  float: left;
  /* object-fit: cover; */
}

.mrbot {
  margin-bottom: 50px;
}

.sec {
  width: 100%;
  float: left;
}

.left-area {
  width: 100%;
  height: 243px;
  position: relative;
  background: #f1f1f1;
  /* left: 61px; */
  right: -83px;
  top: 59px;
  z-index: 1;
  padding: 4% 37px;
  /* box-shadow: 10px 10px 21px -1px rgba(219,212,219,1); */
}

.cnct_section {
  width: 100%;
  float: left;
}

.cnct_section {
  width: 100%;
  float: left;
}

.mail {
}

.mail h2 {
  color: #fff;
  padding: 0 0 20px;
  font-size: 25px;
}

.contact_form {
  width: 100%;
  float: left;
  position: relative;
}

.field_area {
  width: 100%;
  float: left;
  position: relative;
  margin: 0 0 20px;
}

.field_area label {
  color: #000;
}

.service-side {
  position: absolute;
  left: 48px;
  width: auto;
}

.field_area input[type="email"],
.field_area inpu.t[type="number"],
.field_area input[type="text"],
.field_area textarea {
  width: 100%;
  float: left;
  position: relative;
  /* font-family: Montserrat,sans-serif; */
  font-size: 15px;
  color: #fff;
  line-height: 20px;
  border-radius: 0;
  margin: 0;
  padding: 10px 10px;
  background: 0 0;
  border: none;
  border-bottom: solid 1px rgba(255, 255, 255, 0.77);
  transition: all ease-in-out 0.5s;
  -o-transition: all ease-in-out 0.5s;
  -ms-transition: all ease-in-out 0.5s;
  -moz-transition: all ease-in-out 0.5s;
  -webkit-transition: all ease-in-out 0.5s;
}

.ct_sbt {
  border: 2px solid #fff;
  padding: 10px 30px;
  color: #fff;
  cursor: pointer;
  font-size: 13px;
  transition: all 0.5s;
}

.location_icons {
  float: left;
  width: 100%;
  text-align: center;
  text-align: -webkit-center;
  padding-bottom: 5px;
  text-align: -moz-center;
}

.location_icons img {
  display: block;
  max-width: 100%;
  height: auto;
}

.location_titel {
  float: left;
  width: 100%;
  color: #454545;
  font-weight: 700;
  padding-bottom: 11px;
  text-align: center;
  padding-top: 10px;
  text-transform: uppercase;
  font-size: 18px;
}

.location_address {
  float: left;
  width: 100%;
  font-size: 15px;
  color: #4c4a4a;
  text-align: center;
  line-height: 27px;
}

.field_area input[type="email"],
.field_area input[type="number"],
.field_area input[type="text"],
.field_area textarea {
}

.contact_head {
  margin-top: 10px;
}

.contact_head h4 {
  color: #131316;
  font-weight: 700;
  font-size: 25px;
}

.contact_head h3 {
  /* margin-top: 20px; */
  font-weight: 400;
  color: #131316;
  font-size: 15px;
  line-height: 29px;
}

.adddress {
  margin-top: 10px;
  float: left;
  width: 100%;
}

.address h1 {
  font-weight: 700;
  font-size: 20px;
  margin-top: 20px;
}

.address p {
  float: left;
  width: 100%;
  margin-top: 0;
  font-size: 14px;
  line-height: 28px;
  color: rgba(0, 0, 0, 0.87);
}

.whitebg {
  float: left;
  width: 100%;
  background: #fff;
  /* padding: 30px; */
  /* height: 555px; */
}

.whitebg h1 {
  float: left;
  width: 100%;
  font-size: 25px;
  font-weight: 100;
  color: #131316;
  line-height: 40px;
  text-align: left;
  padding-bottom: 30px;
}

.enq-btn:after {
  display: none;
}

/***********************responsive****************/
@media (min-width: 576px) {
  .footerlast p br {
    display: none;
  }

  #get-quote .modal-dialog {
    max-width: 700px !important;
  }
}

@media (max-width: 600px) {
  .header-content h1 {
    font-size: 22px !important;
    line-height: 40px;
  }
}

@media (min-width: 1400px) and (max-width: 1440px) {
  .header_menu_area > ul > li > a {
    /* padding: 45px 7px 38px !important; */
  }

  .panel8-box {
    top: 405px;
  }

  .bs .owl-dots {
    display: none;
  }
}

@media only screen and (max-width: 991px) {
  .f-w50 {
    float: left;
    width: 50%;
    min-width: 50%;
    max-width: 50%;
    text-align: center;
  }

  .border-ftr {
    border: none !important;
    padding-left: 0px !important;
  }

  .s-w100 {
    float: left;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
  }

  .hide-ds {
    display: none;
  }

  .panel8-img {
    display: none;
  }

  .panel8-curve {
    display: none;
  }

  .panel8-box {
    position: initial !important;
    text-align: center;
    margin-top: 25px;
  }

  .panel8 h6 {
    text-align: center;
    float: left;
    width: 100%;
  }

  .border-ftr {
    text-align: center;
  }

  .fb-a {
    float: none;
  }

  .footer h2:after {
    display: none;
  }
}

@media only screen and (max-width: 999px) {
  .panel8-box {
    position: initial !important;
    text-align: center;
  }
}

@media (min-width: 1201px) and (max-width: 1359px) {
  .header_menu_area {
  }
}

@media (min-width: 1440px) {
  .logo {
    /* float: left; */
    /* background: #fff; */
    /* width: 345px; */
    /* border-radius: 5px; */
    /* box-shadow: 1px -4px 3px 3px rgb(0 0 0 / 5%); */
  }

  .header_menu_area {
    /* width: 76%; */
  }
}

@media (min-width: 1151px) and (max-width: 1200px) {
  .header_menu_area {
    /* width: 70%; */
  }

  .mail-box1 {
    float: right;
    padding-top: 15px;
    width: 11%;
    padding-bottom: 14px;
    border-right: 1px solid #ececec;
    padding-left: 19px;
    padding-right: 0;
  }

  .mail-box1 {
    float: right;
    padding-top: 15px;
    width: 11%;
    padding-bottom: 14px;
    border-right: 1px solid #ececec;
    padding-left: 19px;
    padding-right: 0;
  }
}

@media (min-width: 1025px) and (max-width: 1150px) {
  .mail-box {
    float: right;
    padding-top: 15px;
    width: 17%;
    padding-bottom: 15px;
    border-right: 1px solid #ececec;
    padding-left: 5px;
    padding-right: 0;
  }

  .mail-box h6 {
    font-size: 12px;
  }

  .mail-box h6 span {
    font-size: 12px;
  }

  .mail-box1 {
    float: right;
    padding-top: 15px;
    width: 12%;
    padding-bottom: 14px;
    border-right: 1px solid #ececec;
    padding-left: 17px;
    padding-right: 0;
  }

  .header_menu_area {
    /* width: 66%; */
  }

  .ban5-text {
    position: absolute;
    bottom: 0;
  }

  .header_logo img {
    /* max-width: 100%; */
    /* margin-right: 0; */
    height: auto;
    margin-top: 0;
  }

  .ban5-text h4 {
    font-size: 26px;
    color: #000;
    font-weight: 300;
    width: 60%;
    float: left;
  }

  .box-brown h6 {
    font-size: 15px;
  }

  .innerban {
    margin-top: 0;
  }

  .abt-image h6 {
    position: absolute;
    background: #636227;
    font-size: 17px;
    color: #fff;
    max-width: 545px;
    padding: 25px;
    bottom: -47px;
    left: 49px;
    padding-left: 120px;
    line-height: 29px;
    font-weight: 400;
  }

  .slide {
    margin-top: 0;
  }
}
@media (min-width: 992px) and (max-width: 1024px) {
  .ban5-text h4 {
    font-size: 23px;
    color: #000;
    font-weight: 300;
    width: 64%;
    float: left;
  }

  .ban5-text {
    position: absolute;
    bottom: 0;
    left: 23px;
    right: 23px;
  }

  .ban5-text a {
    float: right;
    width: 132px;
    height: 46px;
    border: 2px solid;
    font-size: 13px;
    color: #000;
    font-weight: 600;
    padding: 9px 0;
    text-align: center;
    margin-top: 12px;
  }

  .box-brown h6 {
    font-size: 16px;
  }

  .footer h2 {
    float: left;
    font-size: 17px;
  }

  .slide {
    float: left;
    width: 100%;
    top: -57px;
    position: relative;
    z-index: -1;
  }

  .header_logo img {
    height: 52px;
  }

  .top-follow {
    display: none;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .about-sec2 h2 {
    text-align: left;
  }

  .about-sec2 h2 span {
    text-align: left;
  }

  .about-sec2 p {
    text-align: left;
  }

  .footer p {
    text-align: left;
  }
}

.global-flags {
  width: 100%;

  float: left;

  padding: 50px 0;
}

.global-flags img {
  width: 100px;
  height: 100px;
  border-radius: 100%;
  display: block;
  margin: auto;
  border: 1px solid #cecece;
}

.global-flags h5 {
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  padding-top: 10px;
  margin-bottom: 40px;
  width: 100%;
  float: left;
}

.global-flags h2 {
  font-size: 40px;
  text-align: center;
  font-weight: 300;
}

.global-flags h2 span {
  font-weight: 700;
}

.global-flags p {
  font-size: 14px;
  text-align: center;
  margin-bottom: 65px;
  line-height: 28px;
  margin-top: 15px;
}

@media (min-width: 1600px) {
  .container {
    max-width: 1360px;
  }
}