.w3l-header-4 .navbar-expand-lg .navbar-nav .nav-link:hover, .w3l-header-4 .navbar-light .navbar-nav .show > .nav-link:hover {
  color: #fff; }

.w3l-header-4 header.nav-fixed {
  padding: 10px 15px;
  background-color: #262d4e;
  background-color: #272727; }

.w3l-header-4 header.nav-fixed .navbar-brand img {
  max-width: 102px; }

.w3l-header-4 .dropdown-toggle::after {
  margin-left: 0.15rem;
  vertical-align: middle; }

.w3l-header-4 .dropdown-menu {
  background: #333;
  border: 1.5px solid #424242; }

.w3l-header-4 .absolute-top {
  padding: 25px 0px 25px;
  background: #7B55FF;
  border-bottom: none; }

.w3l-header-4 li a.search-search {
  background: #fff;
  padding: 5px 15px;
  font-weight: 700;
  border-radius: 4px;
  font-size: 14px;
  line-height: 25px;
  color: #7B55FF;
  display: inline-block;
  border: 1.5px solid #fff; }

.w3l-header-4 li a.search-search:hover {
  background: #7B55FF;
  color: #fff; }

.w3l-header-4 ul.navbar-nav.search-righ {
  margin-left: auto; }

.w3l-header-4 .navbar-light .navbar-nav .show > .nav-link {
  color: #ddd; }

.w3l-header-4 .popup form input[type="search"] {
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
  color: #000;
  height: 40px;
  padding-left: 15px;
  width: 100%;
  border: 1px solid #d6d6d6;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  border-right: none; }

.w3l-header-4 .popup form button {
  font-size: 17px;
  line-height: 25px;
  text-align: center;
  color: #F5F9FC;
  border: none;
  background: #7B55FF;
  min-width: 103px;
  cursor: pointer;
  border-left: none;
  border-radius: initial;
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px; }

.w3l-header-4 .popup form button:hover {
  opacity: .8; }

.w3l-header-4 .popup form input:focus {
  outline: none; }

.w3l-header-4 .pop-overlay {
  position: fixed;
  top: 0px;
  left: 0;
  right: 0;
  transition: opacity 0ms;
  visibility: hidden;
  opacity: 0;
  z-index: 99;
  background: #000000ba;
  box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.1);
  height: 100%;
  width: 100%; }

.w3l-header-4 .pop-overlay:target {
  visibility: visible;
  opacity: 1; }

.w3l-header-4 .popup {
  background: #fff;
  position: relative;
  margin: 0rem auto;
  padding: 15px;
  max-width: 700px;
  top: 50%;
  max-width: 500px; }

.w3l-header-4 .popup .close {
  position: absolute;
  right: 0px;
  top: -50px;
  transition: all 200ms;
  font-size: 30px;
  text-decoration: none;
  color: #fff;
  opacity: 0.6; }

.w3l-header-4 .popup .close:hover {
  opacity: 1; }

@media (max-width: 991px) {
  .w3l-header-4 .absolute-top {
    padding: 20px 0px 20px; }
  .w3l-header-4 div#navbarNav {
    margin-left: 0px; }
  .w3l-header-4 .navbar-toggler {
    background: #fff;
    padding: 2px 6px;
    margin-top: 0px;
    outline: none;
    margin-right: 0px;
    cursor: pointer;
    border-radius: 5px;
    border: 1px solid #7B55FF;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all; }
  .w3l-header-4 div#navbarSupportedContent {
    background: #000;
    padding: 15px; }
  .w3l-header-4 .navbar-toggler:hover {
    background: #7B55FF;
    border: 1px solid #fff; }
  .w3l-header-4 header .navbar-collapse {
    background: var(--bg-color);
    padding: 10px;
    max-height: calc(100vh - 70px);
    overflow-y: auto; } }

@media (max-width: 767px) {
  .w3l-header-4 h1 a.navbar-brand {
    font-size: 30px;
    line-height: 40px; } }

@media (max-width: 568px) {
  .w3l-header-4 .popup {
    max-width: 400px; } }

@media (max-width: 480px) {
  .w3l-header-4 a.navbar-brand {
    font-size: 30px;
    line-height: 40px; } }

@media (max-width: 384px) {
  .w3l-header-4 .popup {
    max-width: 345px; } }

.w3l-hero-headers-9 {
  /*--responsive--*/
  /*--//responsive--*/ }
  .w3l-hero-headers-9 .header-outs {
    position: relative; }
  .w3l-hero-headers-9 .header-most-top {
    position: absolute;
    width: 100%;
    /* top: 0px; */
    z-index: 99; }
  .w3l-hero-headers-9 .banner-text p {
    font-size: 20px;
    line-height: 30px;
    max-width: 340px;
    margin: 35px 0px 30px;
    color: #ddd; }
  .w3l-hero-headers-9 .banner-text h5 {
    font-size: 55px;
    line-height: 65px;
    color: #fff;
    font-weight: 700; }
  .w3l-hero-headers-9 .banner-text h6 {
    font-size: 15px;
    line-height: 25px;
    color: #b7b7b7;
    margin-top: 15px; }
  .w3l-hero-headers-9 .banner-text h6 strong {
    color: #fff; }
  .w3l-hero-headers-9 .css-slider {
    width: 100%;
    position: relative;
    overflow: hidden;
    background: #120103;
    color: #fff;
    text-align: center; }
  .w3l-hero-headers-9 label {
    cursor: pointer;
    display: inline-block; }
  .w3l-hero-headers-9 header {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 900;
    width: 100%; }
  .w3l-hero-headers-9 .slide {
    background-color: #0049b1;
    height: 650px;
    display: grid;
    /* border-bottom-right-radius: 12%; */
    align-items: center;
    position: relative;
    }
  .w3l-hero-headers-9 .banner-images {
    border-radius: 15px; }
  @media (max-width: 1080px) {
    .w3l-hero-headers-9 .css-slider {
      height: 550px; }
    .w3l-hero-headers-9 .slide, .w3l-hero-headers-9 .css-slider {
      height: 600px; }
    .w3l-hero-headers-9 .banner-text h2 {
      font-size: 70px;
      line-height: 80px; }
    .w3l-hero-headers-9 .banner-images {
      height: 450px; }
    .w3l-hero-headers-9 .banner-text h5 {
      font-size: 49px;
      line-height: 60px; } }
  @media (max-width: 991px) {
    .w3l-hero-headers-9 .banner-text h2 {
      font-size: 65px;
      line-height: 75px; }
    .w3l-hero-headers-9 .image-postion {
      display: none; } }
  @media (max-width: 768px) {
    .w3l-hero-headers-9 .banner-text h2 {
      font-size: 55px;
      line-height: 65px; }
    .w3l-hero-headers-9 .slide, .w3l-hero-headers-9 .css-slider {
      height: 550px; } }
  @media (max-width: 736px) {
    .w3l-hero-headers-9 .banner-text h5 {
      font-size: 45px;
      line-height: 55px; } }
  @media (max-width: 568px) {
    .w3l-hero-headers-9 .banner-text h2 {
      font-size: 45px;
      line-height: 55px; } }
  @media (max-width: 568px) {
    .w3l-hero-headers-9 .banner-text p {
      margin: 25px 0px 20px; }
    .w3l-hero-headers-9 .slide, .w3l-hero-headers-9 .css-slider {
      height: 500px; } }
  @media (max-width: 440px) {
    .w3l-hero-headers-9 .banner-text h2 {
      font-size: 40px;
      line-height: 50px; }
    .w3l-hero-headers-9 .banner-text p {
      font-size: 16px;
      line-height: 25px; } }
  @media (max-width: 384px) {
    .w3l-hero-headers-9 .banner-text h5 {
      font-size: 40px;
      line-height: 50px; }
    .w3l-hero-headers-9 .slide, .w3l-hero-headers-9 .css-slider {
      height: 450px; } }

/*team-15 */
.w3l-teams-15 {
  /*team-15 */ }
  .w3l-teams-15 .team-single-main {
    padding: 70px 0px; }
  .w3l-teams-15 h3.team-head {
    color: var(--header-title-color);
    line-height: 50px;
    font-size: 40px;
    margin-bottom: 20px; }
  .w3l-teams-15 .team-para a:hover {
    color: var(--border-color); }
  .w3l-teams-15 .teams15 {
    background: #F5F9FC; }
  .w3l-teams-15 .column2 {
    align-self: center; }
  .w3l-teams-15 .my-work h4 {
    font-size: 25px;
    line-height: 35px;
    margin: 20px 0px 0px; }
  .w3l-teams-15 p.team-para:nth-last-child(1) {
    margin-bottom: 0; }
  @media (max-width: 1080px) {
    .w3l-teams-15 h3.team-head {
      line-height: 45px;
      font-size: 35px; }
    .w3l-teams-15 p.dis-none {
      display: none; } }
  @media (max-width: 991px) {
    .w3l-teams-15 .column1 {
      order: 1; }
    .w3l-teams-15 .column2 {
      order: 2;
      margin-top: 20px; }
    .w3l-teams-15 .team-single-main {
      padding: 60px 0px; }
    .w3l-teams-15 .recent-work {
      padding: 50px 0px 0px; }
    .w3l-teams-15 .team-head {
      line-height: 35px;
      font-size: 25px;
      margin-bottom: 15px; }
    .w3l-teams-15 .main-tatile-txt {
      margin-bottom: 40px; }
    .w3l-teams-15 .my-work h4 {
      font-size: 20px;
      line-height: 30px;
      margin: 15px 0px 0px; } }
  @media (max-width: 900px) {
    .w3l-teams-15 .grid-column-2 {
      grid-column-gap: 25px; } }
  @media (max-width: 800px) {
    .w3l-teams-15 .grid-column-2 {
      grid-column-gap: 20px; } }
  @media (max-width: 480px) {
    .w3l-teams-15 h3.team-head {
      line-height: 40px;
      font-size: 30px; }
    .w3l-teams-15 .column2 {
      margin-top: 30px; }
    .w3l-teams-15 .team-head {
      line-height: 40px;
      font-size: 30px; } }
  @media (max-width: 440px) {
    .w3l-teams-15 .teams-15 .recent-work {
      padding: 40px 0px 0px; }
    .w3l-teams-15 .team-single-main {
      padding: 40px 0px; } }
  @media (max-width: 375px) {
    .w3l-teams-15 .left-text h3 {
      font-size: 35px;
      line-height: 45px; } }

.w3l-call-to-action_9 .call-w3 {
  padding: 70px 0px 70px; }

.w3l-call-to-action_9 .grids-effect-2 h4 {
  color: var(--logo-color);
  font-size: 22px;
  line-height: 30px;
  font-weight: 500;
  text-transform: capitalize; }

.w3l-call-to-action_9 .call-grids-w3 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-gap: 20px; }

.w3l-call-to-action_9 .button-effe {
  background: var(--button-bg-color);
  border: none;
  color: #F5F9FC;
  padding: 10px 32px;
  font-size: 16px;
  cursor: pointer;
  font-weight: 600; }

.w3l-call-to-action_9 .button-effe:hover {
  opacity: .8; }

.w3l-call-to-action_9 .grids-1.grids-effect-2 {
  margin-bottom: 20px; }

.w3l-call-to-action_9 .buttons-top {
  margin-top: 40px; }

@media (max-width: 1366px) {
  .w3l-call-to-action_9 .text-para {
    margin: 18px 0 30px; } }

@media (max-width: 991px) {
  .w3l-call-to-action_9 .call-w3 {
    padding: 60px 0px 60px; }
  .w3l-call-to-action_9 .right-call-wthree {
    margin-top: 45px; } }

@media (max-width: 767px) {
  .w3l-call-to-action_9 .call-grids-w3 {
    grid-template-columns: 1fr 1fr 1fr; } }

@media (max-width: 667px) {
  .w3l-call-to-action_9 .h3.ban-text-2 {
    font-size: 32px; }
  .w3l-call-to-action_9 .text-para {
    margin: 14px 0 26px;
    font-size: 16px; }
  .w3l-call-to-action_9 .h4 a.title-head {
    font-size: 21px; }
  .w3l-call-to-action_9 .call-grid-sub-2 {
    margin-top: 1.5em; }
  .w3l-call-to-action_9 .buttons-top {
    margin-top: 2em; } }

@media (max-width: 668px) {
  .w3l-call-to-action_9 h3.ban-text-2 {
    color: var(--header-title-color);
    font-size: 32px;
    line-height: 42px; } }

@media (max-width: 600px) {
  .w3l-call-to-action_9 .call-w3 {
    padding: 60px 0px 60px; } }

@media (max-width: 568px) {
  .w3l-call-to-action_9 .h3.ban-text-2 {
    font-size: 30px;
    line-height: 40px; }
  .w3l-call-to-action_9 .text-para {
    margin: 10px 0 26px; }
  .w3l-call-to-action_9 .h4 a.title-head {
    margin-bottom: 7px; }
  .w3l-call-to-action_9 .call-grid-sub-2 {
    margin-top: 1em; } }

@media (max-width: 440px) {
  .w3l-call-to-action_9 .text-para {
    font-size: 15px; }
  .w3l-call-to-action_9 .call-w3 {
    padding: 40px 0px 40px; } }

@media (max-width: 414px) {
  .w3l-call-to-action_9 .h3.ban-text-2 {
    font-size: 26px;
    line-height: 26px; } }

@media (max-width: 384px) {
  .w3l-call-to-action_9 .h4 a.title-head {
    font-size: 20px; }
  .w3l-call-to-action_9 .call-grids-w3 {
    grid-template-columns: 1fr 1fr; } }

/* customers-7 */
.w3l-grids-7 .grids4-block {
  padding: 70px 0px; }

.w3l-grids-7 h3.team-head {
  color: var(--header-title-color);
  line-height: 50px;
  font-size: 40px;
  margin-bottom: 20px; }

.w3l-grids-7 h4 a.title-head {
  color: var(--logo-color);
  font-size: 20px;
  line-height: 30px;
  font-weight: 600;
  margin-bottom: 10px;
  text-transform: capitalize;
  display: inline-block; }

.w3l-grids-7 .call-grids-w3 {
  display: grid;
  grid-gap: 30px;
  grid-template-columns: 1fr 1fr;
  margin-top: 30px; }

.w3l-grids-7 .grids-1:hover h4 a {
  color: #7B55FF; }

@media all and (max-width: 991px) {
  .w3l-grids-7 .grids4-block {
    padding: 60px 0px; }
  .w3l-grids-7 .column-text {
    order: 2; } }

@media all and (max-width: 480px) {
  .w3l-grids-7 h3.team-head {
    line-height: 45px;
    font-size: 35px; } }

@media all and (max-width: 440px) {
  .w3l-grids-7 .grids4-block {
    padding: 40px 0px; } }

@media all and (max-width: 384px) {
  .w3l-grids-7 h4 a.title-head {
    font-size: 19px;
    line-height: 30px; } }

.w3l-specification-6 .specification-layout {
  padding: 70px 0; }

.w3l-specification-6 .specification-layout h2 {
  font-size: 40px;
  line-height: 50px;
  color: var(--header-title-color);
  margin-bottom: 30px; }

.w3l-specification-6 .specify-gd:hover img {
  opacity: 0.8; }

.w3l-specification-6 h4 a.title-head {
  color: var(--logo-color);
  font-size: 20px;
  line-height: 30px;
  font-weight: 600;
  margin-bottom: 15px;
  text-transform: capitalize;
  display: inline-block; }

.w3l-specification-6 .back-color {
  background: var(--back-color);
  padding: 25px 25px;
  border-radius: 10px; }

.w3l-specification-6 h4 a.title-head:hover {
  color: #7B55FF; }

.w3l-specification-6 .grids-effect-2 span {
  font-size: 40px;
  line-height: 50px;
  color: #49c0b6;
  margin-bottom: 25px; }

@media (max-width: 1366px) {
  .w3l-specification-6 .specification-inn {
    width: 100%; } }

@media (max-width: 1080px) {
  .w3l-specification-6 .specification-layout h6 {
    font-size: 15px;
    line-height: 25px;
    margin-bottom: 12px; }
  .w3l-specification-6 .specification-layout h2 {
    font-size: 45px;
    line-height: 60px; }
  .w3l-specification-6 .specify-gd h3 {
    font-size: 30px;
    line-height: 40px; } }

@media (max-width: 1024px) {
  .w3l-specification-6 h4 a.title-head {
    font-size: 23px; } }

@media (max-width: 991px) {
  .w3l-specification-6 .grids-effect-2:nth-child(3) {
    margin-top: 30px; }
  .w3l-specification-6 .specification-layout {
    padding: 60px 0px 60px; } }

@media (max-width: 800px) {
  .w3l-specification-6 .specification-layout h2 {
    font-size: 40px;
    line-height: 50px; } }

@media (max-width: 568px) {
  .w3l-specification-6 .column {
    width: 50%; } }

@media (max-width: 568px) {
  .w3l-specification-6 .grids-effect-2:nth-child(2) {
    margin-top: 30px; } }

@media (max-width: 480px) {
  .w3l-specification-6 .specification-layout {
    padding: 30px 0; } }

@media (max-width: 440px) {
  .w3l-specification-6 .column {
    width: 100%; }
  .w3l-specification-6 .column:nth-child(2) {
    margin-top: 30px; }
  .w3l-specification-6 .specification-layout {
    padding: 40px 0px 40px; }
  .w3l-specification-6 .specification-layout h2 {
    font-size: 35px;
    line-height: 45px; }
  .w3l-specification-6 .specification-layout h2 {
    margin-bottom: 20px; }
  .w3l-specification-6 .specify-gd p {
    font-size: 18px; }
  .w3l-specification-6 .specification-layout p {
    margin-bottom: 10px; }
  .w3l-specification-6 .specification-layout h6 {
    margin-bottom: 7px; } }

@media (max-width: 384px) {
  .w3l-specification-6 .specification-layout h2 {
    font-size: 30px;
    line-height: 40px; } }

.w3l-clients .main-w3 {
  padding: 70px 0;
  background: #f4f7fc; }

.w3l-clients .hh14-info img {
  width: 19%;
  border-radius: 50%;
  padding: 5px;
  border: 1.5px solid #f35d5d; }

.w3l-clients .hh14-info h4 {
  color: var(--logo-color);
  font-size: 20px;
  line-height: 30px;
  font-weight: 600;
  margin-top: 15px;
  text-transform: capitalize; }

.w3l-clients .hh14-info {
  background: #fff;
  padding: 25px 25px;
  border-radius: 10px; }

@media (max-width: 991px) {
  .w3l-clients .main-w3 {
    padding: 60px 0; } }

@media all and (max-width: 767px) {
  .w3l-clients .hh14-text:nth-child(1) {
    margin-bottom: 35px; } }

@media (max-width: 440px) {
  .w3l-clients .main-w3 {
    padding: 40px 0; } }

.w3l-footers-20 .footers20 {
  padding: 60px 0;
  background: #1a1a1a; }

.w3l-footers-20 h2 a.footer-logo {
  font-size: 27px;
  color: #fff;
  font-weight: 700;
  letter-spacing: 2px;
  line-height: 37px;
  display: inline-block;
  margin-bottom: 30px; }

.w3l-footers-20 .grid-col h3 {
  color: var(--back-color);
  font-size: 45px;
  line-height: 55px;
  text-transform: capitalize;
  font-weight: 700; }

.w3l-footers-20 .footer-nav a {
  display: block;
  padding-bottom: 10px;
  color: #fff;
  font-size: 16px;
  line-height: 25px; }

.w3l-footers-20 .input-button {
  display: flex; }

.w3l-footers-20 .input-button input {
  background: #fff;
  border: none;
  padding: 14px 16px;
  font-size: 16px;
  height: unset;
  line-height: 30px;
  color: #777777;
  width: 100%;
  outline: none;
  border-radius: 10px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px; }

.w3l-footers-20 button.footer-button {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  color: #fff; }

.w3l-footers-20 .footer-bottom-two {
  text-align: right;
  display: grid;
  align-items: end; }

.w3l-footers-20 .border-line-bottom {
  border-bottom: 2px solid #3c3c3c;
  padding-bottom: 50px;
  margin-bottom: 48px; }

.w3l-footers-20 .grids-content h4 {
  font-size: 20px;
  line-height: 35px;
  color: var(--para-sub-color);
  margin-bottom: 30px; }

.w3l-footers-20 .contact-text-sub {
  color: var(--para-color);
  line-height: 25px;
  font-size: 17px;
  margin-bottom: 10px; }

.w3l-footers-20 p.contact-para3, .w3l-footers-20 a.contact-para3 {
  color: #797979; }

.w3l-footers-20 .copyright-grid {
  display: grid;
  text-align: right;
  align-items: end; }

.w3l-footers-20 .copyright-grid p {
  font-size: 16px;
  line-height: 25px;
  color: #999; }

.w3l-footers-20 .buttons-teams a span {
  font-size: 16px;
  margin-right: 5px;
  color: var(--para-color); }

.w3l-footers-20 a .contact-text-sub:hover, .w3l-footers-20 .footer-nav a:hover, .w3l-footers-20 .buttons-teams a span:hover {
  color: #7B55FF; }

.w3l-footers-20 .copyright-grid p a {
  color: #fff; }

.w3l-footers-20 .footer-button:hover {
  opacity: .8; }

@media (max-width: 991px) {
  .w3l-footers-20 .grid-col h3 {
    font-size: 40px;
    line-height: 50px; } }

@media (max-width: 767px) {
  .w3l-footers-20 .footer-bottom-two {
    text-align: left;
    margin-top: 40px; }
  .w3l-footers-20 .footer-bottom-two ul li {
    display: inline-block; }
  .w3l-footers-20 .copyright-grid {
    display: initial;
    text-align: center;
    align-items: initial;
    margin-top: 30px; } }

@media (max-width: 568px) {
  .w3l-footers-20 .grids-content:nth-child(2) {
    margin-top: 25px; } }

@media (max-width: 480px) {
  .w3l-footers-20 .grid-col h3 {
    font-size: 35px;
    line-height: 45px; } }

@media (max-width: 440px) {
  .w3l-footers-20 .footers20 {
    padding: 40px 0px; } }

@media (max-width: 384px) {
  .w3l-footers-20 a.top-margin {
    margin-top: 15px; } }

.w3l-footers-20 .grids-content h4 {
  margin-bottom: 20px; }

.w3l-recent-work-hobbies .recent-work {
  padding: 70px 0; }

.w3l-recent-work-hobbies .left-text h3 {
  color: var(--header-title-color);
  line-height: 50px;
  font-size: 40px;
  margin-bottom: 20px; }

.w3l-recent-work-hobbies .about-grids {
  background: var(--back-color);
  padding: 25px 25px;
  border-radius: 10px; }

.w3l-recent-work-hobbies .about-grids h4 {
  color: var(--logo-color);
  font-size: 20px;
  line-height: 30px;
  font-weight: 600;
  margin-bottom: 15px;
  text-transform: capitalize;
  display: inline-block; }

.w3l-recent-work-hobbies .about-list ul li span {
  display: inline-block;
  font-size: 15px;
  line-height: 26px;
  padding-right: 5px;
  color: #49c0b6;
  vertical-align: middle; }

.w3l-recent-work-hobbies .about-about {
  margin-top: 40px; }

.w3l-recent-work-hobbies .about-list ul li p {
  display: inline-block; }

@media (max-width: 991px) {
  .w3l-recent-work-hobbies .recent-work {
    padding: 50px 0px 50px; }
  .w3l-recent-work-hobbies .about-line-top:nth-child(3) {
    margin-top: 30px; } }

@media (max-width: 767px) {
  .w3l-recent-work-hobbies .about-line-top:nth-child(2) {
    margin-top: 30px; }
  .w3l-recent-work-hobbies .left-text h3 {
    line-height: 45px;
    font-size: 35px; } }

@media (max-width: 440px) {
  .w3l-recent-work-hobbies .recent-work {
    padding: 40px 0px 40px; } }

/*-- content-with-photo4 block --*/
.w3l-content-with-photo-4 .content-with-photo4-block {
  padding: 70px 0px; }

.w3l-content-with-photo-4 .cwp4-text h4 {
  color: var(--header-title-color);
  line-height: 50px;
  margin-bottom: 20px;
  font-size: 40px; }

.w3l-content-with-photo-4 .icon-text h5 a {
  color: var(--logo-color);
  font-size: 20px;
  line-height: 30px;
  display: inline-block;
  font-weight: 600;
  margin-bottom: 10px; }

.w3l-content-with-photo-4 .icon-text:nth-child(2) {
  margin-top: 15px; }

.w3l-content-with-photo-4 .icon-text h5 a:hover {
  color: #7B55FF; }

.w3l-content-with-photo-4 .cwp4-image {
  display: grid;
  align-items: center; }

@media all and (max-width: 1080px) {
  .w3l-content-with-photo-4 .jst-two-coloums.mt-4 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px; }
  .w3l-content-with-photo-4 .icon-text:nth-child(2) {
    margin-top: 0px; }
  .w3l-content-with-photo-4 .cwp4-text {
    margin-top: 30px; } }

@media all and (max-width: 1024px) {
  .w3l-content-with-photo-4 .cwp4-two {
    grid-gap: 2rem; } }

@media all and (max-width: 991px) {
  .w3l-content-with-photo-4 .content-with-photo4-block {
    padding: 70px 0px; } }

@media (max-width: 800px) {
  .w3l-content-with-photo-4 .cwp4-two {
    grid-template-columns: 1fr; } }

@media (max-width: 767px) {
  .w3l-content-with-photo-4 .cwp4-text h4 {
    line-height: 45px;
    font-size: 35px; } }

@media all and (max-width: 480px) {
  .w3l-content-with-photo-4 .jst-two-coloums.mt-4 {
    grid-template-columns: 1fr; }
  .w3l-content-with-photo-4 .cwp4-text h4 {
    line-height: 40px;
    font-size: 30px; } }

@media all and (max-width: 440px) {
  .w3l-content-with-photo-4 .content-with-photo4-block {
    padding: 40px 0px; }
  .w3l-content-with-photo-4 .inner2 {
    min-height: 120px; } }

@media all and (max-width: 320px) {
  .w3l-content-with-photo-4 .inner2 {
    min-height: 120px; } }

.w3l-about .skills-bars {
  padding: 70px 0px;
  background: var(--back-color); }

.w3l-about .counter-counter h4 {
  font-size: 20px;
  line-height: 30px;
  margin-bottom: 10px;
  color: var(--logo-color); }

.w3l-about .counter-counter span {
  font-size: 50px;
  color: #f35d5d;
  line-height: 60px;
  font-weight: 700; }

@media (max-width: 991px) {
  .w3l-about .skills-bars {
    padding: 60px 0px; } }

@media (max-width: 767px) {
  .w3l-about .counter-counter span {
    font-size: 40px;
    line-height: 50px; }
  .w3l-about .counter-counter:nth-child(3), .w3l-about .counter-counter:nth-child(4) {
    margin-top: 20px; } }

@media (max-width: 568px) {
  .w3l-about .counter-counter span {
    font-size: 35px;
    line-height: 45px; }
  .w3l-about .counter-width {
    display: grid;
    grid-template-columns: 1fr 1fr; } }

@media (max-width: 440px) {
  .w3l-about .skills-bars {
    padding: 40px 0px; } }

.w3l-team-main-6 {
  /*team-15 */
  /*--team-single--*/
  /*-- //team--*/ }
  .w3l-team-main-6 .team-content {
    padding: 70px 0; }
  .w3l-team-main-6 .team-main-6 {
    position: relative; }
  .w3l-team-main-6 h6 {
    margin-top: 20px; }
  .w3l-team-main-6 a.title-team-32 {
    color: var(--logo-color);
    font-size: 20px;
    line-height: 30px;
    font-weight: 600; }
  .w3l-team-main-6 p.sm-text-32 {
    font-weight: normal;
    font-size: 15px;
    line-height: 20px;
    color: #49c0b6;
    margin-top: 5px; }
  .w3l-team-main-6 span.list {
    width: 200px;
    display: inline-block;
    color: #3B5266;
    line-height: 25px;
    font-size: 17px;
    font-weight: normal;
    font-style: normal; }
  .w3l-team-main-6 .team-head {
    color: var(--theme-title);
    line-height: 50px;
    font-size: 45px;
    margin-bottom: 5px; }
  .w3l-team-main-6 .text {
    color: var(--theme-color);
    font-size: 18px;
    line-height: 25px;
    font-weight: normal;
    font-style: normal;
    margin-right: auto;
    max-width: 580px;
    margin-bottom: 20px; }
  .w3l-team-main-6 .right-team-9 {
    background: var(--back-color);
    padding: 25px 25px;
    border-radius: 10px; }
  .w3l-team-main-6 .buttons-teams a span {
    text-align: center;
    display: inline-block;
    margin: 10px 5px 0px;
    font-size: 16px;
    line-height: 30px;
    color: var(--para-color); }
  .w3l-team-main-6 .buttons-teams a span:hover {
    color: #7B55FF; }
  .w3l-team-main-6 .team-para {
    margin-bottom: 25px;
    color: var(--theme-para);
    line-height: 25px;
    font-size: 17px;
    font-weight: 600; }
  .w3l-team-main-6 p.sub-paragraph {
    margin-top: 10px; }
  .w3l-team-main-6 .team-para a {
    color: var(--theme-para); }
  .w3l-team-main-6 .team-para a:hover {
    color: var(--theme-color);
    text-decoration: underline;
    transition: 0.3s ease; }
  .w3l-team-main-6 .details-about {
    margin-top: 30px; }
  .w3l-team-main-6 img:hover {
    transition: 0.3s ease;
    opacity: 0.8; }
  .w3l-team-main-6 .details-page {
    margin: 0 auto;
    width: 85%; }
  .w3l-team-main-6 .team-info h3 {
    color: var(--theme-title);
    font-size: 36px;
    line-height: 38px;
    margin-bottom: 16px; }
  .w3l-team-main-6 .progress-bar-striped {
    background-image: none;
    background-size: 0.5rem 0.5rem; }
  .w3l-team-main-6 h4.progress-vj {
    color: var(--theme-title);
    line-height: 28px;
    font-size: 16px;
    /* margin-bottom: 10px; */
    font-weight: 400;
    margin: 20px 0 10px 0; }
  .w3l-team-main-6 .progress-one .progress {
    height: 0.3rem;
    background: var(--theme-title);
    border-radius: 0px; }
  .w3l-team-main-6 .progress-bar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #fff;
    text-align: center;
    background-color: var(--theme-color);
    transition: width 0.6s ease;
    height: 0.3rem; }
  .w3l-team-main-6 .gd-bottom.process-1 {
    margin-top: 3em; }
  .w3l-team-main-6 .detail-para {
    color: var(--theme-para);
    line-height: 28px; }
  .w3l-team-main-6 .detail-para a {
    color: var(--theme-para);
    line-height: 28px; }
  .w3l-team-main-6 h4.count-title {
    font-size: 17px;
    font-weight: 600;
    color: var(--theme-title);
    line-height: 28px; }
  .w3l-team-main-6 h5.team-sub {
    font-size: 24px;
    color: var(--theme-title);
    font-weight: 600;
    margin-bottom: 10px;
    line-height: 26px; }
  .w3l-team-main-6 p {
    line-height: 28px;
    font-size: 15px; }
  .w3l-team-main-6 .details-page {
    margin: 0 auto;
    width: 95%; }
  .w3l-team-main-6 span.fa.fa-facebook {
    color: #3b5998; }
  .w3l-team-main-6 span.fa.fa-twitter {
    color: #1da1f2; }
  .w3l-team-main-6 span.fa.fa-instagram {
    color: #c13584; }
  @media (max-width: 1200px) {
    .w3l-team-main-6 .details-page {
      margin: 0 auto;
      width: 100%; }
    .w3l-team-main-6 .team-content {
      padding: 70px 0; } }
  @media (max-width: 992px) {
    .w3l-team-main-6 .team-content {
      padding: 60px 0; }
    .w3l-team-main-6 .team-colomn:nth-child(1),
    .w3l-team-main-6 .team-colomn:nth-child(2) {
      margin-bottom: 30px; }
    .w3l-team-main-6 .team-head {
      line-height: 40px;
      font-size: 35px; }
    .w3l-team-main-6 .team-para {
      margin-bottom: 15px; } }
  @media (max-width: 768px) {
    .w3l-team-main-6 .grid-column-2 {
      grid-template-columns: 1fr; }
    .w3l-team-main-6 .team-content {
      padding: 65px 0; } }
  @media (max-width: 684px) {
    .w3l-team-main-6 span.list {
      width: 112px;
      font-size: 14px; }
    .w3l-team-main-6 .team-info h3 {
      font-size: 30px;
      line-height: 38px; }
    .w3l-team-main-6 .team-content {
      padding: 60px 0; } }
  @media (max-width: 568px) {
    .w3l-team-main-6 .text {
      margin-bottom: 40px; }
    .w3l-team-main-6 .grid-col-4 {
      display: grid;
      grid-template-columns: 1fr 1fr; }
    .w3l-team-main-6 .text {
      margin-bottom: 30px; }
    .w3l-team-main-6 .team-content {
      padding: 50px 0; } }
  @media (max-width: 480px) {
    .w3l-team-main-6 .team-content {
      padding: 45px 0; }
    .w3l-team-main-6 a.title-team-32 {
      font-size: 18px; } }
  @media (max-width: 440px) {
    .w3l-team-main-6 .team-content {
      padding: 40px 0; } }
  @media (max-width: 414px) {
    .w3l-team-main-6 .team-head {
      line-height: 48px;
      font-size: 42px;
      margin-bottom: 20px; }
    .w3l-team-main-6 .text {
      margin-bottom: 40px; }
    .w3l-team-main-6 .text {
      line-height: 33px;
      font-size: 21px; }
    .w3l-team-main-6 .grid-col-4 {
      grid-template-columns: 1fr; }
    .w3l-team-main-6 .team-colomn:nth-child(3) {
      margin-bottom: 30px; } }
  @media (max-width: 384px) {
    .w3l-team-main-6 .text {
      margin-bottom: 30px; } }
  @media (max-width: 375px) {
    .w3l-team-main-6 .team-head {
      font-size: 35px;
      margin-bottom: 10px;
      margin-right: auto;
      width: 215px;
      line-height: 40px; }
    .w3l-team-main-6 .text {
      font-size: 22px;
      margin-bottom: 20px; } }

.w3l-contact-info-main .contact-sec {
  padding: 70px 0px; }

.w3l-contact-info-main p.sub-wthree {
  max-width: 700px;
  margin: 0 auto 3em;
  text-align: center; }

.w3l-contact-info-main .contact-w3pvt-form {
  max-width: 900px;
  margin: 0 auto; }

.w3l-contact-info-main .input-gap {
  margin-bottom: 30px; }

.w3l-contact-info-main .form-group input,
.w3l-contact-info-main .form-group textarea {
  outline: none;
  padding: 14px 14px;
  border: 1px solid #ddd;
  width: 100%;
  font-size: 16px;
  color: #777777;
  margin-bottom: 1rem;
  background: transparent;
  line-height: 24px;
  height: 50px;
  border-radius: 10px; }

.w3l-contact-info-main .form-group textarea {
  min-height: 13.5em;
  margin-bottom: 0em;
  resize: none; }

.w3l-contact-info-main .contact-gtids {
  background: var(--back-color);
  padding: 25px 25px;
  border-radius: 10px; }

.w3l-contact-info-main .contact-gtids h4 {
  color: var(--logo-color);
  font-size: 20px;
  line-height: 30px;
  font-weight: 600;
  margin-bottom: 20px; }

.w3l-contact-info-main .contact-gtids span {
  font-size: 40px;
  line-height: 50px;
  color: #49c0b6;
  margin-bottom: 25px; }

.w3l-contact-info-main .contact {
  margin-bottom: 60px; }

.w3l-contact-info-main .form-group input::-webkit-input-placeholder {
  /* Edge */
  color: var(--header-title-color); }

.w3l-contact-info-main .form-group input:-ms-input-placeholder {
  /* Internet Explorer */
  color: var(--header-title-color); }

.w3l-contact-info-main .form-group input::-moz-placeholder {
  color: var(--header-title-color); }

.w3l-contact-info-main .form-group input::-ms-input-placeholder {
  color: var(--header-title-color); }

.w3l-contact-info-main .form-group input::placeholder {
  color: var(--header-title-color); }

.w3l-contact-info-main .form-group textarea::-webkit-input-placeholder {
  /* Edge */
  color: var(--header-title-color); }

.w3l-contact-info-main .form-group textarea:-ms-input-placeholder {
  /* Internet Explorer */
  color: var(--header-title-color); }

.w3l-contact-info-main .form-group textarea::-moz-placeholder {
  color: var(--header-title-color); }

.w3l-contact-info-main .form-group textarea::-ms-input-placeholder {
  color: var(--header-title-color); }

.w3l-contact-info-main .form-group textarea::placeholder {
  color: var(--header-title-color); }

.w3l-contact-info-main iframe {
  min-height: 20em;
  width: 100%; }

.w3l-contact-info-main .contact-map {
  margin-top: 3em; }

.w3l-contact-info-main .contact-text-sub {
  color: var(--para-color);
  line-height: 25px;
  font-size: 15px;
  margin-bottom: 5px; }

.w3l-contact-info-main a .contact-text-sub:hover {
  color: #7B55FF; }

.w3l-contact-info-main .buttons-teams {
  margin-top: 2.5em; }

.w3l-contact-info-main .buttons-teams a span {
  font-size: 16px;
  margin: 0 5px;
  color: var(--para-color); }

.w3l-contact-info-main .buttons-teams a span:hover {
  color: #7B55FF; }

.w3l-contact-info-main .contact {
  align-self: center;
  text-align: center; }

.w3l-contact-info-main .form-group-2 {
  text-align: right; }

@media screen and (max-width: 991px) {
  .w3l-contact-info-main .contact-sec {
    padding: 60px 0px; }
  .w3l-contact-info-main .form-group input,
  .w3l-contact-info-main .form-group textarea {
    height: 42px; }
  .w3l-contact-info-main .form-group textarea {
    min-height: 180px; }
  .w3l-contact-info-main .contact-grids:nth-child(3), .w3l-contact-info-main .contact-grids:nth-child(4) {
    margin-top: 30px; } }

@media screen and (max-width: 768px) {
  .w3l-contact-info-main iframe.map-w3layouts {
    margin-top: 2em; } }

@media screen and (max-width: 767px) {
  .w3l-contact-info-main iframe {
    min-height: 16em; }
  .w3l-contact-info-main .contact {
    margin-top: 35px; }
  .w3l-contact-info-main .buttons-teams {
    margin-top: 2em; } }

@media screen and (max-width: 568px) {
  .w3l-contact-info-main p.sub-wthree {
    margin: 0 auto 2em; }
  .w3l-contact-info-main .main-cont-sec {
    grid-template-columns: 1fr;
    grid-gap: 0px; }
  .w3l-contact-info-main .contact-grids:nth-child(2) {
    margin-top: 30px; } }

@media screen and (max-width: 440px) {
  .w3l-contact-info-main .contact-sec {
    padding: 40px 0px; }
  .w3l-contact-info-main .form-group textarea {
    min-height: 150px; } }

@media screen and (max-width: 414px) {
  .w3l-contact-info-main .contact-map {
    margin-top: 2em; }
  .w3l-contact-info-main iframe.map-w3layouts {
    min-height: 15em; } }

.w3l-services-6 {
  /* Zoom In css starts here */
  /* Zoom In css ends here */ }
  .w3l-services-6 .services-layout {
    padding: 70px 0; }
  .w3l-services-6 .services-gd {
    background: #fff;
    border: 2px solid #dcdcdc;
    padding: 15px;
    border-radius: 5px; }
  .w3l-services-6 .services-gd:hover {
    border: 2px solid #7B55FF; }
  .w3l-services-6 .serve-info span {
    text-transform: capitalize;
    font-size: 16px;
    line-height: 20px;
    color: var(--para-color);
    margin-bottom: 30px;
    display: inline-block; }
  .w3l-services-6 .blog-post {
    background: var(--back-color);
    padding: 25px 25px;
    border-radius: 10px; }
  .w3l-services-6 .blog-grids {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center; }
  .w3l-services-6 .adimn-data ul {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 10px;
    align-items: center; }
  .w3l-services-6 .adimn-data ul li img {
    width: 100%;
    border-radius: 50%;
    padding: 5px;
    border: 1.5px solid #f35d5d; }
  .w3l-services-6 .social-icon {
    text-align: right; }
  .w3l-services-6 .blog-post:nth-child(4) {
    margin-bottom: 0px; }
  .w3l-services-6 ul.admin-list {
    margin-top: 20px; }
  .w3l-services-6 .social-icon ul li {
    display: inline-block;
    margin-left: 10px; }
  .w3l-services-6 .serve-info span.fa {
    width: 20px;
    color: var(--theme-color);
    margin: 0; }
  .w3l-services-6 .services-gd h3 a {
    font-size: 20px;
    line-height: 25px;
    margin: 20px 0px;
    display: inherit;
    font-weight: 600;
    color: var(--title-color); }
  .w3l-services-6 .admin-list li a {
    display: block;
    font-size: 15px;
    color: var(--para-color); }
  .w3l-services-6 .admin-list li a:hover {
    color: #7B55FF; }
  .w3l-services-6 .admin-list li {
    display: inline-block;
    margin: 0 20px 0 0;
    list-style-type: none; }
  .w3l-services-6 .admin-list li:last-child {
    margin: 0 0 0 0; }
  .w3l-services-6 .button {
    margin: 1.5em auto 0;
    text-align: center; }
  .w3l-services-6 .btn.read {
    background: #304659;
    border: 2px solid #304659;
    color: #fff;
    padding: 12px 40px;
    display: inline-block;
    font-size: 15px;
    border-radius: 0px;
    font-weight: 600; }
  .w3l-services-6 .blog-post h3 a {
    font-size: 20px;
    line-height: 30px;
    color: var(--header-title-color);
    margin: 20px 0px 15px;
    display: block; }
  .w3l-services-6 .blog-post:hover.blog-post h3 a {
    color: #7B55FF; }
  .w3l-services-6 .read {
    text-align: right; }
  .w3l-services-6 .page-item.disabled .page-link {
    background-color: #fff; }
  .w3l-services-6 a.admin {
    font-size: 16px;
    color: var(--para-color);
    line-height: 25px;
    font-weight: 500; }
  .w3l-services-6 a.read {
    font-size: 16px;
    color: var(--theme-color);
    line-height: 25px;
    font-weight: 500; }
  .w3l-services-6 .w3l-services-6 .admin-list li a figure {
    overflow: hidden; }
  .w3l-services-6 .column-img img {
    display: block;
    width: 100%; }
  .w3l-services-6 .column-img:nth-child(6),
  .w3l-services-6 .column-img:nth-child(4),
  .w3l-services-6 .column-img:nth-child(5) {
    margin: 30px 0px; }
  .w3l-services-6 .adimn-data ul li h6 a {
    font-size: 15px;
    line-height: 25px;
    color: var(--logo-color);
    font-weight: 700; }
  .w3l-services-6 .social-icon ul li a {
    font-size: 15px;
    line-height: 25px;
    color: var(--bg-color);
    font-weight: 600; }
  .w3l-services-6 .blog-grids {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    border-top: 1px solid #ddd;
    padding-top: 15px;
    margin-top: 30px; }
  .w3l-services-6 .social-icon ul li span {
    font-size: 15px;
    line-height: 25px;
    color: #f58080; }
  .w3l-services-6 .blog-col-grid {
    margin-top: 30px; }
  .w3l-services-6 .social-icon ul li a:hover,
  .w3l-services-6 .social-icon ul li a span:hover,
  .w3l-services-6 .adimn-data ul li h6 a:hover {
    color: #7B55FF; }
  .w3l-services-6 .page-link {
    border-radius: 0px; }
  .w3l-services-6 li.page-item.active a.page-link {
    background: #49c0b6;
    border-color: #49c0b6; }
  .w3l-services-6 .page-link {
    color: #000; }
  .w3l-services-6 ul.pagination {
    margin-left: 15px; }
  @media (max-width: 1080px) {
    .w3l-services-6 .grid-column-2 {
      grid-gap: 10px; }
    .w3l-services-6 .admin-list li a {
      font-size: 14px; }
    .w3l-services-6 .services-gd {
      padding: 1em; }
    .w3l-services-6 .admin-list li {
      margin: 0 10px 0 0; } }
  @media (max-width: 991px) {
    .w3l-services-6 .blog-col-grid2:nth-child(3) {
      margin-top: 30px; }
    .w3l-services-6 .services-layout {
      padding: 60px 0; }
    .w3l-services-6 .column-img:nth-child(2),
    .w3l-services-6 .column-img:nth-child(3),
    .w3l-services-6 .column-img:nth-child(4),
    .w3l-services-6 .column-img:nth-child(5),
    .w3l-services-6 .column-img:nth-child(6) {
      margin: 0px 0px 30px; }
    .w3l-services-6 .column-img:nth-child(9) {
      margin: 30px 0px 0px; } }
  @media (max-width: 769px) {
    .w3l-services-6 .column-img:nth-child(2) {
      margin: 30px 0px 30px; } }
  @media (max-width: 767px) {
    .w3l-services-6 .blog-col-grid2:nth-child(2) {
      margin-top: 30px; } }
  @media (max-width: 736px) {
    .w3l-services-6 h3.date {
      margin-bottom: 20px; }
    .w3l-services-6 .column {
      padding: 0 15px; } }
  @media (max-width: 440px) {
    .w3l-services-6 .services-layout {
      padding: 40px 0; } }