* {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
  font-family: "Open Sans", sans-serif;
  scroll-behavior: smooth;
}
:root {
  --light-black: #4c5253;
  --white-color: #ffff;
  --navbar-bg: #ffff;
  --Gray-black-color: #101218;
  --FAQ-br-color: #b4b5b6;
  --blue-light-color: #e6f1f8;
  --black-color: #101218;
  --sky-Rush-color: #007ee9;
}
body {
  margin: 0px;
  padding: 0px;
  background-color: var(--white-color);
}
h1,
h2,
h3,
h5 {
  font-family: "poppins", sans-serif !important;
}
a:focus,
a:hover {
  text-decoration: none !important;
}

/*common css...............*/
.contain {
  max-width: 1140px;
  margin-right: auto;
  margin-left: auto;
  padding: 0px 20px;
}
.width--100 {
  width: 100%;
}
.height--100 {
  height: 100%;
}
.color-p {
  color: var(--light-black);
}
.color-h5 {
  color: var(--Gray-black-color);
}
.color-white {
  color: var(--white-color);
}
.color-black {
  color: var(--black-color);
}
.font-size--12 {
  font-size: 12px;
}
.font-size--13 {
  font-size: 13px;
}
.font-size--15 {
  font-size: 15px;
}
.font-size--16 {
  font-size: 16px;
}
.font-size--18 {
  font-size: 18px;
}
.font-size--20 {
  font-size: 20px;
}
.font-size--25 {
  font-size: 25px;
}
.font-size--30 {
  font-size: 30px;
}
.font-size--45 {
  font-size: 45px;
}
.font-size--60 {
  font-size: 60px;
}
.font-weight--400 {
  font-weight: 400;
}
.font-weight--500 {
  font-weight: 500;
}
.font-weight--600 {
  font-weight: 600;
}
.font-weight--700 {
  font-weight: 700;
}
.padding--16 {
  padding: 0px 16px;
}
.text-decoration--none {
  text-decoration: none;
}
.text-transform--uppercase {
  text-transform: uppercase;
}
.text-transform--capitalize {
  text-transform: capitalize;
}
.line-height--30 {
  line-height: 30px;
}
.letter-space--2 {
  letter-spacing: 2px;
}
.btn-read-more {
  padding: 15px 30px;
  display: inline-block;
  color: var(--white-color) !important;
  background-color: var(--sky-Rush-color);
}
.d-flex {
  display: flex;
}
.justify-between {
  justify-content: space-between;
}
.flex-column {
  flex-direction: row !important;
}
.web-heading {
  line-height: 63px;
  text-transform: capitalize;
  font-weight: 700;
  font-size: 38px;
  color: var(--black-color);
  margin-bottom: 25px;
  margin-top: 0px !important;
}
.padding-bottom-90 {
  padding-bottom: 90px;
}
.padding-top-90 {
  padding-top: 90px;
}
/* common css end */

/* navbar css */
.main-navbar {
  position: relative;
  z-index: 10;
  background-color: var(--white-color);
}
.headnavbar {
  display: flex !important;
  justify-content: space-between;
  width: 100% !important;
  align-items: center;
  height: 75px;
  position: fixed !important;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
  background-color: var(--navbar-bg);
}
nav.headnavbar.padding--16.contain {
  max-width: 1922px;
  padding-left: 34px;
  padding-right: 33px;
}
.logo-img {
  display: block;
  width: 235px;
}
.logo-img img {
  display: flex;
  width: 100%;
}
.headnavbar .navbar-wrap {
  display: flex;
}
.nav-link {
  text-decoration: none;
  margin: auto 7px;
  position: relative;
  padding: 10px 0px;
  font-size: 16px;
}
.navbar-wrap.text-transform div {
  padding: 10px;
  cursor: pointer;
}
nav.headnavbar.padding--16.contain .nav-link {
  color: var(--black-color) !important;
  display: block;
}
.nav-wrap.text-transform.change .nav-link,
nav.headnavbar.padding--16.contain.sticky .nav-link {
  color: var(--black-color) !important;
}
.nav-wrap.text-transform {
  width: 0;
  right: -25%;
  position: absolute;
  top: 0px;
}
.nav-wrap.text-transform .mobile-nav-name {
  display: none;
}

.nav-link::after {
  content: "";
  position: absolute;
  background: linear-gradient(
    90deg,
    rgba(0, 126, 233, 1) 37%,
    rgba(0, 72, 213, 1) 67%,
    rgba(0, 12, 191, 1) 100%
  );
  height: 3px;
  width: 0;
  left: 0;
  bottom: 0;
  transition: 0.5s;
}
.nav-link:hover::after {
  width: 100%;
}
.headnavbar .menubutton {
  display: none;
  flex-direction: column;
  align-items: flex-end;
}
.headnavbar .menubutton .menuline1 {
  height: 4px;
  width: 28px;
  background-color: var(--black-color);
  transition: all 0.5s linear;
}

.nav-button {
  display: none;
}

.headnavbar .menubutton .menuline2 {
  transition: all 0.5s linear;
  height: 4px;
  width: 20px;
  margin-top: 5px;
  margin-bottom: 5px;
  background-color: var(--black-color);
}
.headnavbar .menubutton .menuline3 {
  transition: all 0.5s linear;
  height: 4px;
  width: 28px;
  background-color: var(--black-color);
}

/* new */

.nav-wrap.text-transform.mobile-nav .close-button {
  display: none;
}
.nav-wrap.text-transform.mobile-nav.change .close-button {
  display: block !important;
  width: 100%;
  height: 40px;
  margin-left: auto;
  border: none;
  max-width: 50px;
}
.nav-wrap.text-transform.mobile-nav .close-button .close1 {
  transform: translate(16px, 5px) rotate(-45deg);
  width: 3px;
  height: 28px;
  background: black;
  border: none;
}
.nav-wrap.text-transform.mobile-nav .close-button .close2 {
  transform: translate(15px, -24px) rotate(45deg);
  width: 3px;
  height: 28px;
  background: black;
  border: none;
}

/* end */
.nav-wrap.text-transform.change {
  text-decoration: none;
  color: var(--black-color);
  padding: 10px;
  position: fixed;
  top: 0px;
  z-index: 15;
  height: 100vh;
  background-color: var(--white-color);
  box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px,
    rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
  transition: all 0.5s linear;
}
.nav-wrap.text-transform.change div {
  border-bottom: 1px solid black;
  transition: all 0.9s linear;
  display: flex !important;
  justify-content: space-between;
  align-items: center;
}
.headnavbar-wrap.text-transform div {
  padding: 10px;
  cursor: pointer;
}
.service-nav {
  position: relative;
  transition: all 0.9s linear;
}
.service-nav .service-hover {
  position: absolute;
  top: 25px;
  width: max-content;
  display: none;
  transition: all 0.9s linear;
}
.service-nav:hover .service-hover {
  display: block;
  background-color: var(--white-color);
  text-decoration: none;
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0 10px 20px rgba(71, 96, 156, 0.2);
  z-index: 14;
  transition: all 0.5s linear;
  top: 56px;
}
.service-nav .service-hover a {
  padding: 10px 0px;
  text-decoration: none;
  display: block;
  font-weight: 500;
  color: var(--black-color);
}
.nav-wrap.text-transform.mobile-nav div.service-wrap {
  display: none !important;
  border-bottom: none;
}

/* home page css start............ */

/* home section css start............ */

.index-page {
  background-image: url("/assets/images/home-bg.svg");
  background-size: cover;
  background-repeat: no-repeat;
}
.home-section {
  background: linear-gradient(180deg, #ffffff0f 0%, #0000004d 40%),
    url("/assets/images/home-section-bg.jpg");
  background-size: cover, cover;
  background-position: center, center;
  background-attachment: fixed;
}
.home-section .home-wrap {
  padding: 389px 30% 280px 0px;
}
.home-section .home-wrap h1 {
  margin: 20px 0px 40px;
  line-height: 1.3;
}

/* home section css end............ */

/* about us section css start.......... */

.about-contain {
  max-width: 1920px;
  margin: auto;
  height: 694px;
}
.about-contain .about-side-image,
.about-contain .about-side-contain {
  width: 50%;
  position: relative;
}
.about-contain .about-side-image .about-bg {
  position: absolute;
  background: linear-gradient(180deg, #000000b5 0%, #0000004d 40%);
  background-repeat: no-repeat;
  background-size: cover;
}
.about-contain .about-side-contain {
  margin: auto;
}
.about-contain .about-side-contain .about-wrap {
  padding: 2% 13%;
}
.about-contain .about-side-contain .about-wrap h2 {
  margin: 25px 0px;
}
.about-contain .about-side-contain .about-wrap p {
  margin-bottom: 40px;
}

/* about us section css start.......... */

/* what we do section css start.......... */

.what-we-do-contain .consulting-services {
  flex-wrap: wrap;
}
.what-we-do-contain .consulting-services .services-wrap {
  width: 33.33%;
  margin-bottom: 70px;
  padding-right: 5%;
}
.what-we-do-contain .consulting-services .services-wrap .services-img {
  width: 105px;
  padding: 15px 17px;
  border: 2px solid #007ee9;
  border-radius: 50%;
}
.what-we-do-contain .consulting-services .services-wrap .services-img img {
  width: 100%;
}
.what-we-do-contain .consulting-services .services-wrap h5 {
  margin: 15px 0px !important;
}
.services-wrap:nth-child(4) {
  margin-bottom: 0px !important;
}
.services-wrap:nth-child(5) {
  margin-bottom: 0px !important;
}
.services-wrap:nth-child(6) {
  margin-bottom: 0px !important;
}

/* what we do section css start.......... */

/* Frequently Asked Questions section css start..........  */

.faq-contain .faq-wrap .faq-accordian {
  border: 1px solid var(--FAQ-br-color);
  border-bottom: none;
}
.faq-contain .faq-wrap .faq-accordian .faq-accordian-contain .accordian-header {
  display: flex;
  background-color: var(--blue-light-color);
  align-items: center;
  position: relative;
  justify-content: space-between;
  padding: 13px;
  border-bottom: 1px solid var(--FAQ-br-color);
  z-index: 2;
}
.faq-contain .faq-wrap {
  margin-top: 90px;
}
.faq-accordian-contain.is-open .accordian-header {
  color: var(--sky-Rush-color);
}

.accordian-header-description {
  visibility: hidden;
  height: 0px;
  border-bottom: 1px solid var(--FAQ-br-color);
  transition: all 0.3s linear;
}

.accordian-header-description span {
  padding: 0px 15px;
  display: inline-block;
}
.faq-contain .faq-wrap .faq-header h2 {
  margin: 15px 0px 35px;
}
.faq-contain
  .faq-wrap
  .faq-accordian
  .faq-accordian-contain
  .accordian-header
  i {
  padding-left: 8px;
}

/* Frequently Asked Questions section css end..........  */

/* form section css start.......... */

.form-contain h2 {
  border-bottom: 2px solid var(--sky-Rush-color);
}
.form-contain .form-wrap {
  margin-top: 25px;
  gap: 5%;
}
.form-contain .form-wrap .form-text {
  width: 50%;
}
.form-contain .form-wrap .form-text img {
  width: 100%;
  height: 100%;
}
.form-contain .form-wrap .form-field {
  width: 50%;
}
.form-contain .form-wrap .form-field h3 {
  margin-bottom: 15px;
}
.form-contain .form-wrap .form-field form .form-detail {
  margin-bottom: 20px;
}
.form-contain .form-wrap .form-field form .form-detail,
.form-contain .form-wrap .form-field form .form-detail .form-name {
  display: flex;
  flex-direction: column;
}
.form-contain .form-wrap .form-field form .form-detail .form-name {
  width: 50%;
}
.form-contain .form-wrap .form-field form .form-detail.name-field {
  display: flex;
  flex-direction: row;
  gap: 4%;
}
.form-contain .form-wrap .form-field form .form-detail input {
  margin-top: 5px;
  padding: 10px 8px;
  outline: none;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
}
.form-contain .form-wrap .form-field form .form-detail textarea {
  margin-top: 5px;
  outline: none;
  padding: 10px 8px;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
}
.form-contain .form-wrap .form-field form .submit-btn {
  padding: 15px 30px;
  background-color: var(--sky-Rush-color);
  border: none;
}

/* form section css end..........  */

/* map section css start..........  */

.map-view {
  padding-top: 95px;
}
.map-view iframe {
  width: 100%;
  height: 350px;
}

/* map section css end..........  */

/* clients review section css start............ */

.truncated {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-bottom: 10px;
}
.client-review-contain {
  margin-top: 90px;
}
.client-review-wrap {
  overflow: hidden;
  margin-top: 30px;
  padding: 40px 12px;
}
.client-review-content {
  width: 100%;
  text-align: center;
  padding: 0px 20px 20px 20px;
  box-shadow: 0 0 7px rgba(0, 0, 0, 0.25);
  border-radius: 10px;
}
.client-review-content .client-star {
  margin-top: -23px;
  margin-bottom: 10px;
}
.client-review-content .client-star i {
  color: #f0ad4e;
}
.client-review-content .client-info {
  display: flex;
  align-items: center;
  margin-top: 20px;
}
.modal.in .modal-dialog {
  transform: translate(0, 14%) !important;
}
.modal {
  top: 10% !important;
  right: 10% !important;
  bottom: 10% !important;
  left: 10% !important;
}
.carousel-inner .client-review-content p.truncated.color-p.font-size--20 {
  display: -webkit-box;
  -webkit-line-clamp: unset;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.client-review-content .client-img {
  width: 70px;
  height: 70px;
  display: block;
  margin: auto;
  transform: translateY(-37px);
}
.carousel-inner .client-review-content {
  margin-top: 50px;
}
a.left.carousel-control {
  position: absolute;
  top: 50%;
  bottom: 50%;
  left: -45px;
  width: 15%;
  font-size: 20px;
  color: var(--black-color);
}
a.right.carousel-control {
  position: absolute;
  top: 50%;
  bottom: 50%;
  right: -45px;
  width: 15%;
  font-size: 20px;
  color: var(--black-color);
}
.client-review-content .client-img img {
  width: 100%;
  border-radius: 50%;
}

/* clients review section css end............ */

/* client logo section css start..........  */

.client-logo {
  padding-top: 90px;
}
.client-logo .client-logo-slider {
  overflow: hidden;
  pointer-events: none;
  margin-top: 20px;
}
.client-logo-image {
  max-width: 150px;
  height: 150px;
  margin: auto;
}
.swiper-slide img {
  width: 100%;
  height: 100%;
}

/* client logo section css end..........  */

/* footer section css start..........  */

.footer-contain {
  background-color: var(--blue-light-color);
  padding: 50px 0px;
  margin-top: 90px;
}
.footer-wrap {
  gap: 2%;
}
.footer-data h3 {
  margin-bottom: 25px;
}
.footer-sub-data a {
  display: flex;
  margin-bottom: 10px;
  color: var(--black-color) !important;
}
.footer-sub-data a span {
  color: var(--black-color) !important;
}
.media-tag {
  flex-direction: column;
}
.media-tag a .footer-span-icon {
  text-align: center;
  margin-right: 15px;
  width: 20px;
}
.media-tag a .footer-span-icon i {
  font-size: 20px;
}
.media-icon a {
  display: inline-block;
  margin-right: 15px;
}
.footer-sub-data form {
  position: relative;
}
.footer-form-control {
  margin-top: 5px;
  padding: 15px 128px 15px 8px;
  height: 55px;
  outline: none;
  width: 100%;
  border-radius: 30px;
  border: none;
}
.subscribe-btn {
  background-color: var(--black-color);
  padding: 13px 15px;
  outline: none;
  border: none;
  position: absolute;
  right: 5px;
  top: 10px;
  border-radius: 30px;
}
.media-icon {
  margin-top: 15px;
  position: relative;
  left: -2px;
}
.footer-data.contact-detail {
  width: 30%;
}
.footer-data.company-detail,
.footer-data.resources-detail {
  width: 18%;
}
.footer-data.newslater-detail {
  width: 34%;
}

/* footer section css end..........  */

/* home page css end...................*******************............ */

/* about page css start............***************............... */

/* who we are section css start............ */

.who-we-are-contain {
  margin-top: 130px;
}

/* who we are section css end............ */

/* Vision Mission ,value section css start............ */

.vmv-contain {
  background: var(--blue-light-color);
}
.vmv-wrap {
  gap: 3%;
}
.vmv-wrap .vmv-data {
  width: 33%;
  padding: 20px;
  border-style: solid;
  border-width: 3px 1px 1px;
  border-color: rgb(206 239 255);
  box-shadow: 0 20px 40px -20px rgb(206 239 255);
  background-color: var(--white-color);
  position: relative;
  z-index: 1;
}
.vmv-wrap .vmv-data::before {
  content: "";
  position: absolute;
  height: 0%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: rgb(206 239 255);
  transition: all 0.3s linear;
}
.vmv-wrap .vmv-data:hover::before {
  height: 100%;
}
.vmv-wrap .vmv-data p {
  margin: 20px 0px;
}

/* Vision Mission ,value section css end............ */

/* Why Consult with us? section css start............ */

.about-contain.consulting-contain .about-side-contain .about-wrap p {
  margin-bottom: 0px;
}

/* Why Consult with us? section css end............ */

/* our team meet section css start............ */

.our-team-meet-contain {
  background-color: var(--blue-light-color);
}
.team-profile-wrap {
  gap: 5%;
  margin-top: 30px;
}
.team-member-profile {
  width: 25%;
}
.team-member-profile .team-image,
.team-member-profile .team-image img {
  width: 100%;
  margin-bottom: 5px;
  transition: all 0.4s linear;
}
.team-member-profile .team-image img {
  height: 100%;
}
.team-member-profile .team-image {
  overflow: hidden;
  height: 80%;
}
.team-member-profile .team-image img:hover {
  transform: scale(1.1);
}

/* our team meet section css end............ */

/* about page css end............***************............... */

/* Services css start............***************............... */

/* services section css start............ */
.services-body {
  background-image: url("/assets/images/services-bg.svg");
  background-size: cover;
  background-repeat: no-repeat;
}
.service-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.services-image,
.service-info {
  width: 45%;
}
.services-image img {
  width: 100%;
  border-radius: 30px;
  border: 16px solid #aed2ee;
}
.service-info h2 {
  margin-bottom: 25px;
}
.service-point {
  margin-left: 20px;
}
.service-point li {
  margin-bottom: 10px;
}

/* services section css end............ */

@media screen and (max-width: 1465px) {
  .about-contain {
    height: auto;
  }
}
@media screen and (max-width: 1400px) {
  .contain {
    max-width: 1200px;
  }
}
@media screen and (max-width: 1200px) {
  .about-contain .about-side-contain .about-wrap {
    padding: 2% 5%;
  }
}
@media screen and (max-width: 992px) {
  .main-navbar .headnavbar .logo-img {
    width: 215px;
  }
  .home-section .home-wrap {
    padding-right: 25%;
  }
  .about-contain {
    flex-direction: column-reverse;
  }
  .about-contain .about-side-image,
  .about-contain .about-side-contain {
    width: 100%;
  }
  .about-contain .about-side-contain .about-wrap {
    padding: 90px 20px;
  }
  .footer-data.contact-detail {
    width: 25%;
  }
  .footer-data.company-detail,
  .footer-data.resources-detail {
    width: 14%;
  }
  .footer-data.newslater-detail {
    width: 40%;
  }
  .about-contain.consulting-contain {
    flex-direction: column;
  }
}
@media screen and (max-width: 922px) {
  .font-size--60 {
    font-size: 55px;
  }
  .web-heading {
    line-height: 45px;
    font-size: 35px;
  }
  .font-size--45 {
    font-size: 35px;
  }
  .line-height--63 {
    line-height: 45px;
  }
  /* navbar new....... */
  .nav-button {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .headnavbar .menu-icon {
    display: block;
  }

  .headnavbar .navbar-wrap {
    display: none;
  }
  .nav-link::after {
    height: 0px;
  }
  .nav-wrap.text-transform.change {
    right: 0%;
    width: 100%;
  }
  .home_contain .nav-wrap.text-transform.mobile-nav {
    width: 35%;
  }
  .headnavbar .menubutton {
    display: flex;
    cursor: pointer;
  }
  .nav-wrap.text-transform.change div.service-wrap {
    display: none !important;
    border-bottom: none;
  }
  .nav-wrap.text-transform.change div.service-wrap.change {
    display: block !important;
    border-bottom: none;
  }
  .nav-wrap.text-transform.change div.service-wrap div {
    display: block !important;
    padding: 10px 0px;
  }
  /* navbar ....... */
}
@media screen and (max-width: 830px) {
  .footer-wrap {
    flex-wrap: wrap;
  }
  .footer-data.company-detail,
  .footer-data.resources-detail {
    width: 35%;
  }
  .footer-data.contact-detail {
    width: 50%;
  }
  .footer-data.resources-detail {
    order: 4;
  }
  .footer-data.newslater-detail {
    width: 50%;
  }
  .footer-data {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 768px) {
  .font-size--20 {
    font-size: 18px;
  }
  .flex-column {
    flex-direction: column !important;
  }
  .home-section .home-wrap {
    padding-right: 0%;
  }
  .services-wrap:nth-child(4) {
    margin-bottom: 50px !important;
  }
  .services-wrap:nth-child(5) {
    margin-bottom: 50px !important;
  }
  .about-contain .about-side-contain .about-wrap {
    padding: 60px 20px;
  }
  .about-contain .about-side-contain .about-wrap h2 {
    margin-top: 0px;
  }
  .what-we-do-contain .consulting-services .services-wrap {
    width: 100%;
    padding-right: 0%;
    margin-bottom: 50px;
  }
  .form-contain .form-wrap {
    margin-top: 10px;
  }
  .form-contain .form-wrap .form-text,
  .form-contain .form-wrap .form-field {
    width: 100%;
  }
  .form-contain .form-wrap .form-text {
    margin-top: 50px;
  }
  .form-contain .form-wrap .form-field {
    padding-top: 40px;
  }
  .form-contain {
    padding-bottom: 0px;
  }

  .vmv-wrap .vmv-data {
    width: 100%;
    margin-bottom: 20px;
  }
  .team-member-profile {
    width: 100%;
    max-width: 305px;
    margin: auto auto 30px auto;
  }
  .client-review-content {
    width: 100%;
  }
  a.left.carousel-control {
    left: -37px;
  }
  a.right.carousel-control {
    right: -34px;
  }
  .service-item {
    flex-direction: column;
  }
  .service-contain-bg-left .service-item {
    flex-direction: column-reverse;
  }
  .services-image {
    margin-bottom: 20px;
  }
  .service-info {
    padding: 0% 10%;
  }
  .services-image,
  .service-info {
    width: 100%;
    max-width: 500px;
  }
  .team-member-profile .team-image {
    height: 350px;
  }
}
@media screen and (max-width: 650px) {
  .footer-data.company-detail,
  .footer-data.resources-detail {
    width: 100%;
  }
  .footer-data.contact-detail {
    width: 100%;
  }
  .footer-data.resources-detail {
    order: 3;
  }
  .footer-data.newslater-detail {
    max-width: 325px;
    width: 100%;
    order: 4;
  }
  .footer-data h3 {
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 576px) {
  .font-size--60 {
    font-size: 33px;
  }
  .web-heading {
    line-height: 40px;
    font-size: 27px;
  }
  .font-size--45 {
    font-size: 27px;
  }
  .font-size--30 {
    font-size: 24px;
  }
  .line-height--63 {
    line-height: 40px;
  }
}
@media screen and (max-width: 430px) {
  nav.headnavbar.padding--16.contain {
    padding-left: 20px;
    padding-right: 20px;
  }
  .padding-bottom-90 {
    padding-bottom: 60px;
  }
  .padding-top-90 {
    padding-top: 60px;
  }
  .home-section .home-wrap {
    padding: 235px 0% 200px;
  }
  .main-navbar .headnavbar .logo-img {
    width: 165px;
  }
  .form-contain .form-wrap .form-field form .form-detail.name-field {
    flex-direction: column;
  }
  .form-contain .form-wrap .form-field form .form-detail .form-name {
    width: 100%;
  }
  .form-contain .form-wrap .form-field form .form-detail input#fname {
    margin-bottom: 20px;
  }
  a.right.carousel-control {
    right: -21px;
  }
  a.left.carousel-control {
    left: -22px;
  }
}