@charset "UTF-8";
/*
Template Name: Miles - Multipurpose Creative HTML Template
Template URI: https://themeforest.net/item/miles-multipurpose-creative-html-template/30544590
Author: Tortoizthemes
Author URI: https://tortoizthemes.com
Description: It is a Multipurpose HTML5 Template. Which is a unique feature and user competitive feature.
Version: 1.0
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Typography
    ## typography
    ## headings
    ## copy
# Elements
 ## elements
  ## lists
  ## tables
  ## Basic elements
# Media
 ## Captions
# modules
 ## clearings
# navigation
 ## Links
 ## Menus
 ## Pagination
 ## Navigation responsive
# layout
    ## Header
    ## Header v2
    ## Header v3
    ## Header v4
    ## Header v5
    ## Header v6
    ## Header v7
    ## Header v8
    ## Slider
    ## About us
        ## About us v2
        ## Works
        ## Clients
        ## Partners
        ## Stories
        ## Projects
    ## Portfolio
     ## Call To Us
     ## Team
     ## What we do
    ## Testimonial
    ## Blog
        ## Blog Single
        ## Blog Sidebar
        ## Blog v2
        ## Blog v7
        ## Blog v10
# others
 ## Blog Single
# site content
 ## About Page
    ## About Me
    ## Resume details
    ## About v4
    ## Why us
 ## Contact Page
 ## 404 Page
 ## Service Page
    ## Pricing
    ## Services v9
 ## Posts and pages
 ## Comments
    ## Popular Post
    ## Post
        # Single Post
        # Featured Post
    ## Comments Container
    ## Comments Form
 ## Widgets
 ## Widgets Content
 ## Coming Soon
# Footer
    # Footer v2
    # Footer v3
    # Footer v5
    # Footer v6
    # Footer v7
    # Footer v9
 */

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  font-family: DM Sans, sans-serif;
  color: #aeb4b6;
  font-size: 16px;
  font-weight: 400;
  overflow-x: hidden;
  position: relative;
}

  body.no-scroll {
    overflow-y: hidden;
  }

button {
  cursor: pointer;
  border: 0;
}

  button:focus {
    outline: none;
  }

img {
  vertical-align: middle;
  height: auto;
}

a:focus,
a:hover {
  text-decoration: none;
}

ul {
  padding: 0;
  margin: 0;
}

li {
  list-style: none;
}

h1,
h2,
h3 {
  font-weight: 700;
}

p {
  font-size: 16px;
  line-height: 27px;
  color: #5d6978;
}

section {
  display: block;
  position: relative;
}

select:focus {
  outline: none;
  box-shadow: none;
}

input:focus,
textarea:focus {
  outline: none;
  box-shadow: inherit;
}

a,
a:hover {
  color: inherit;
}

a {
  text-decoration: none;
}

.sec-block {
  padding: 140px 0;
}

.sec-block-large {
  padding: 155px 0;
}

a {
  transition: all 0.4s ease-in-out;
}

.container {
  max-width: 1230px;
  padding: 0 15px;
}

.btn-default {
  display: inline-block;
  color: #fff;
  font-size: 20px;
  font-weight: 500;
  background-color: #f59e31;
  height: 62px;
  line-height: 62px;
  padding: 0 42px;
  border-radius: 30px;
  -ms-box-shadow: 0 20px 50px hsla(33, 62%, 63%, 0.35);
  box-shadow: 0 20px 50px hsla(33, 62%, 63%, 0.35);
}

  .btn-default:hover {
/*    color: #fff;*/
  }

  .btn-default.no-bg {
    background-color: transparent;
    color: #f59e31;
    border: 1px solid #f59e31;
    -ms-box-shadow: inherit;
    box-shadow: inherit;
  }

    .btn-default.no-bg:hover {
      background-color: #f59e31;
      border-color: transparent;
      color: #fff;
    }

  .btn-default i {
    margin-left: 7px;
    display: inline-block;
    position: relative;
    top: 2px;
  }

p {
  color: #666;
  font-size: 18px;
  line-height: 30px;
}

a,
button {
  transition: all 0.4s ease-in-out;
}

.fixed-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: -1;
}

.bg1 {
  background-image: url(../img/bg1.png);
  background-size: contain;
  background-position: -91px 0;
}

.bg2 {
  background-image: url(../img/bg2.jpg);
  background-position: 50%;
}
/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
header,
header.pb {
  padding: 60px 0;
}

  header.pb {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99;
  }

  header .container-fluid,
  header .container-lg,
  header .container-md,
  header .container-sm,
  header .container-xl {
    padding: 0 100px;
  }

  header .header-content .menu-btn {
    display: inline-block;
    color: #000;
    font-size: 18px;
    font-weight: 500;
    margin-right: 101px;
  }

    header .header-content .menu-btn:hover {
      color: #f59e31;
    }

    header .header-content .menu-btn.white {
      color: #fff;
    }

    header .header-content .menu-btn i {
      margin-left: 19px;
      position: relative;
      top: 3px;
    }

  header .header-content .btn-default {
    height: 52px;
    line-height: 52px;
    font-size: 18px;
    padding: 0 32px;
    margin-left: 0;
  }

    header .header-content .btn-default i {
      margin-left: 10px;
      position: relative;
      top: 3px;
    }

.btn-default {
  text-transform: capitalize;
}

.mile-right.v5 {
  display: none;
}

  .mile-right.v5 a {
    color: #000;
  }

    .mile-right.v5 a i {
      margin-left: 10px;
    }

.promo-primary-content {
  position: relative;
}

  .promo-primary-content > span {
    color: #ee9a30;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 62px;
    display: block;
  }

  .promo-primary-content > h2 {
    color: #000;
    font-size: 64px;
    line-height: 72px;
    margin-bottom: 28px;
  }

  .promo-primary-content p {
    color: #999;
    font-size: 18px;
    line-height: 34px;
    margin-bottom: 72px;
  }

.promo-primary-container {
  min-height: 150vh;
  position: relative;
}

.promo-primary {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100vh;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-top: 30vh;
}

  .promo-primary .container {
    margin-top: auto;
    margin-bottom: auto;
  }

.square {
  width: 28.5rem;
  height: 28.5rem;
  background: #5169fb;
  border-radius: 5rem;
  position: absolute;
  left: 0;
  bottom: 0;
  transform: rotate(20deg) translate(-45%, 60%);
}

.promo-primary .square {
  width: 32.125rem;
  height: 32.125rem;
  left: 88.95833333%;
  top: 63.88888889%;
  z-index: -1;
  border-radius: 5.875rem;
  transform: rotate(-20deg);
}

.promo-primary-container .step-position {
  position: absolute;
  top: 35%;
  left: 0;
  width: 1px;
  height: 1px;
}

.promo-primary-title {
  margin-bottom: 1.75rem;
}

.promo-primary-btn {
  margin-top: 4.5rem;
}

@media (max-width: 900px) {
  .promo-primary-bg {
    background-position: 0 50% !important;
  }
}

@media (min-width: 768px) {
  .promo-primary {
    padding-top: 2.5rem;
  }

  .promo-primary-bg {
    width: 52.39583333%;
    left: 0;
    top: 0;
  }

  .promo-primary-content {
    position: relative;
    left: 58%;
    width: 42%;
  }
}

@media (min-width: 992px) {
  .promo-primary-content {
    width: 37.60683761%;
  }
}
/*--------------------------------------------------------------
# Partners
--------------------------------------------------------------*/
.partners-section {
  padding: 240px 0 47px;
}

  .partners-section.v-2 {
    background-color: #e3eaf6;
    padding: 100px 0;
  }

    .partners-section.v-2 .pt-logo {
      margin-bottom: 0;
    }

  .partners-section.v3 {
    padding: 115px 0 111px;
  }

    .partners-section.v3 .pt-logo {
      margin-bottom: 0;
    }

    .partners-section.v3:before {
      content: "";
      position: absolute;
      bottom: 0;
      left: 50%;
      width: 170px;
      height: 1px;
      border-bottom: 1px dashed #bfbfbf;
      transform: translateX(-50%);
    }

.pt-logos .pt-logo {
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%;
  margin-bottom: 80px;
}

  .pt-logos .pt-logo img {
    filter: grayscale(100%);
    transition: all 0.4s ease-in-out;
    opacity: 0.5;
  }

  .pt-logos .pt-logo:hover img {
    filter: grayscale(0);
    opacity: 1;
  }
/*--------------------------------------------------------------
# Service
--------------------------------------------------------------*/
.services-home {
  padding: 100px 0 174px;
}

  .services-home .services-content .service-text > span {
    color: #ee9a30;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 62px;
    display: block;
  }

  .services-home .services-content .service-text > h2 {
    color: #000;
    font-size: 64px;
    line-height: 72px;
    margin-bottom: 20px;
  }

  .services-home .services-content .service-text > h3 {
    color: #000;
    font-size: 24px;
    line-height: 34px;
    font-style: italic;
    margin-bottom: 39px;
    font-weight: 400;
    padding-right: 70px;
  }

  .services-home .services-content .service-text p {
    margin-bottom: 51px;
    padding-right: 70px;
  }

  .services-home .services-content .services-card-list {
    max-width: 500px;
  }

    .services-home .services-content .services-card-list .service-card {
      background-color: #fff;
      padding: 31px 30px 29px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      border-radius: 15px;
      -ms-box-shadow: hsla(203, 7%, 56%, 0.35) 0 2.5rem 5rem;
      box-shadow: 0 2.5rem 5rem hsla(203, 7%, 56%, 0.35);
      margin-bottom: 55px;
      position: relative;
      overflow: hidden;
    }

      .services-home .services-content .services-card-list .service-card:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 4px;
        height: 100%;
        border-radius: 15px;
      }

      .services-home .services-content .services-card-list .service-card.clr1:before {
        background-color: #f49d31;
      }

      .services-home .services-content .services-card-list .service-card.clr2:before {
        background-color: #6ccf96;
      }

      .services-home .services-content .services-card-list .service-card.clr3:before {
        background-color: #5169fb;
      }

      .services-home .services-content .services-card-list .service-card:last-child {
        margin-bottom: 0;
      }

      .services-home .services-content .services-card-list .service-card:nth-child(2n) {
        left: 200px;
        -ms-box-shadow: hsla(203, 7%, 56%, 0.35) 0 2.5rem 5rem;
        box-shadow: 0 2.5rem 5rem hsla(203, 7%, 56%, 0.35);
      }

      .services-home .services-content .services-card-list .service-card:first-child {
        left: 100px;
      }

      .services-home .services-content .services-card-list .service-card .service-info {
        width: 300px;
        padding-left: 20px;
      }

        .services-home .services-content .services-card-list .service-card .service-info > h3 {
          color: #000;
          font-size: 24px;
          margin-bottom: 10px;
        }

        .services-home .services-content .services-card-list .service-card .service-info p {
          color: #999;
          font-size: 16px;
          line-height: 26px;
        }

.vector-bg {
  position: absolute;
  top: 3px;
  right: 0;
  width: 834px;
  height: 985px;
  background-image: url(../img/vector-bg1.png);
  background-repeat: no-repeat;
  z-index: -1;
}
/*--------------------------------------------------------------
# Projects
--------------------------------------------------------------*/
.projects-sec {
  padding: 100px 0 117px;
}

.projects-sec-content .mile-projects {
  max-width: 402px;
}

  .projects-sec-content .mile-projects.v1 {
    margin-top: 207px;
  }

  .projects-sec-content .mile-projects.v2 {
    max-width: 600px;
  }

    .projects-sec-content .mile-projects.v2 .mile-project {
      margin-bottom: 131px;
    }

.projects-sec-content .mile-project {
  margin-bottom: 140px;
}

  .projects-sec-content .mile-project .project-thumb {
    margin-bottom: 50px;
    border-radius: 1.25rem;
    overflow: hidden;
  }

    .projects-sec-content .mile-project .project-thumb > img {
      width: 100%;
      transition: all 0.75s ease-in-out;
    }

    .projects-sec-content .mile-project .project-thumb:hover > img {
      transform: scale(1.2) rotate(10deg);
    }

  .projects-sec-content .mile-project .project-info > span {
    display: block;
    color: #999;
    font-size: 16px;
    margin-bottom: 13px;
  }

  .projects-sec-content .mile-project .project-info > h2 {
    color: #000;
    font-size: 30px;
  }

    .projects-sec-content .mile-project .project-info > h2 a {
      display: inline-block;
      position: relative;
    }

      .projects-sec-content .mile-project .project-info > h2 a:before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 0;
        height: 2px;
        background-color: #000;
        transition: all 0.4s ease-in-out;
      }

    .projects-sec-content .mile-project .project-info > h2:hover a:before {
      width: 100%;
    }

  .projects-sec-content .mile-project:last-child {
    margin-bottom: 0;
  }

.section-title {
  margin-bottom: 100px;
}

  .section-title > span {
    display: block;
    color: #ee9a30;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 45px;
    letter-spacing: 1px;
  }

  .section-title h2 {
    color: #000;
    font-size: 54px;
    line-height: 62px;
  }
/*--------------------------------------------------------------
# Testimonial
--------------------------------------------------------------*/
.testimonial-sec {
  padding: 100px 0 273px;
  background-image: url(../img/vector-bg3.png);
  background-repeat: no-repeat;
  background-position: 0 100%;
}

  .testimonial-sec .section-title {
    margin-bottom: 62px;
  }

    .testimonial-sec .section-title > span {
      margin-bottom: 45px;
    }

.slick-slide.slick-cloned {
  opacity: 0;
}
/*--------------------------------------------------------------
# Slider
--------------------------------------------------------------*/
.slick-next,
.slick-prev {
  z-index: 999999999;
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  border-radius: 50%;
  border: 1px solid #f5a035;
  top: -98px;
  text-transform: inherit;
  transition: all 0.4s ease-in-out;
}

  .slick-next:before,
  .slick-prev:before {
    font-family: lineicons;
    color: #f59e31;
    font-size: 24px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    line-height: 60px;
    transition: all 0.4s ease-in-out;
  }

  .slick-next:hover,
  .slick-prev:hover {
    background-color: #f59e31;
    -ms-box-shadow: hsla(33, 62%, 63%, 0.35) 0 1.25rem 3.125rem;
    box-shadow: 0 1.25rem 3.125rem hsla(33, 62%, 63%, 0.35);
  }

    .slick-next:hover:before,
    .slick-prev:hover:before {
      color: #fff;
    }

.slick-prev {
  left: auto;
  right: 70px;
}

  .slick-prev:before {
    content: "\ea5a";
  }

.slick-next {
  right: 0;
}

  .slick-next:before {
    content: "\ea5c";
  }

/*--------------------------------------------------------------
# Testimonial
--------------------------------------------------------------*/
.testimonial-sec .testimonial-slider .testimo-slider {
  margin: 0 -50px;
}

  .testimonial-sec .testimonial-slider .testimo-slider .col-lg-6 {
    padding: 0 50px;
  }

  .testimonial-sec .testimonial-slider .testimo-slider .slick-list {
    overflow: inherit;
  }

  .testimonial-sec .testimonial-slider .testimo-slider .testimonial-slide {
    background-color: #fff;
    -ms-box-shadow: hsla(203, 7%, 56%, 0.4) 2.125rem 2.125rem 5rem;
    box-shadow: 2.125rem 2.125rem 5rem hsla(203, 7%, 56%, 0.4);
    padding: 41px 50px 48px;
    border-radius: 10px;
    position: relative;
    margin-bottom: 20px;
    margin-top: 20px;
  }

    .testimonial-sec .testimonial-slider .testimo-slider .testimonial-slide:before {
      content: "\eb65";
      font-family: lineicons;
      position: absolute;
      bottom: 59px;
      right: 60px;
      color: #f59e31;
      font-size: 47px;
    }

    .testimonial-sec .testimonial-slider .testimo-slider .testimonial-slide p {
      color: #666;
      font-size: 20px;
      line-height: 32px;
      font-style: italic;
      margin-bottom: 34px;
      max-width: 400px;
    }

    .testimonial-sec .testimonial-slider .testimo-slider .testimonial-slide .thmb-row {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -ms-flex-align: center;
      align-items: center;
    }

      .testimonial-sec .testimonial-slider .testimo-slider .testimonial-slide .thmb-row .thmb-info {
        padding-left: 20px;
      }

@media only screen and (max-width: 991px) {
  .testimonial-sec .testimonial-slider .testimo-slider .testimonial-slide .thmb-row .thmb-info {
    padding-left: 0;
    margin-top: 15px;
  }
}

.testimonial-sec .testimonial-slider .testimo-slider .testimonial-slide .thmb-row .thmb-info > h3 {
  color: #000;
  font-size: 18px;
  text-transform: capitalize;
  margin-bottom: 2px;
}

.testimonial-sec .testimonial-slider .testimo-slider .testimonial-slide .thmb-row .thmb-info span {
  display: block;
  color: #999;
  font-size: 16px;
}

  .testimonial-sec .testimonial-slider .testimo-slider .testimonial-slide .thmb-row .thmb-info span em {
    font-style: italic;
    color: #06c;
  }

@media only screen and (max-width: 991px) {
  .testimo-slider {
    overflow: hidden;
  }

  .testimonial-sec .testimonial-slider .testimo-slider .col-lg-6 {
    padding: 0 15px;
  }

  .testimonial-sec .testimonial-slider .testimo-slider {
    margin: 0 -15px;
  }
}

/*--------------------------------------------------------------
# Team
--------------------------------------------------------------*/
.team-sec {
  padding-bottom: 188px;
}

  .team-sec .team-sec-content .team-thumb {
    position: relative;
  }

    .team-sec .team-sec-content .team-thumb:before {
      content: "";
      position: absolute;
      top: 30px;
      left: -20px;
      width: 620px;
      height: 504px;
      background-image: url(../img/circle-bg.png);
      background-repeat: no-repeat;
      z-index: -1;
    }

  .team-sec .team-sec-content .team-info {
    padding-left: 40px;
  }

    .team-sec .team-sec-content .team-info .section-title {
      margin-bottom: 39px;
    }

    .team-sec .team-sec-content .team-info p {
      margin-bottom: 72px;
      padding-right: 20px;
    }
/*--------------------------------------------------------------
# Featured Post
--------------------------------------------------------------*/
.featured-post-sec {
  margin-bottom: 150px;
}

  .featured-post-sec .featured-post {
    background-color: #fbe9ec;
    padding: 82px 100px 78px;
    margin-bottom: 70px;
    border-radius: 30px;
  }

    .featured-post-sec .featured-post .featured-post-text {
      max-width: 420px;
    }

      .featured-post-sec .featured-post .featured-post-text > span {
        display: block;
        color: #999;
        font-size: 14px;
        font-weight: 700;
        text-transform: uppercase;
        margin-bottom: 26px;
      }

      .featured-post-sec .featured-post .featured-post-text > h2 {
        color: #000;
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 24px;
      }

      .featured-post-sec .featured-post .featured-post-text p {
        color: #000;
        font-size: 18px;
        line-height: 30px;
        margin-bottom: 50px;
      }

      .featured-post-sec .featured-post .featured-post-text .btn-default {
        background-color: #fff;
        color: #f59e31;
      }

        .featured-post-sec .featured-post .featured-post-text .btn-default:hover {
          background-color: #f59e31;
          color: #fff;
        }

    .featured-post-sec .featured-post .vector-img img {
      max-width: 100%;
    }

  .featured-post-sec .mile-post {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 70px;
  }

    .featured-post-sec .mile-post:last-child {
      margin-bottom: 0;
    }

    .featured-post-sec .mile-post .mile-thumb {
      width: 152px;
    }

      .featured-post-sec .mile-post .mile-thumb > img {
        width: 100%;
        border-radius: 10px;
      }

    .featured-post-sec .mile-post .mile-info {
      width: calc(100% - 152px);
      padding-left: 30px;
    }

      .featured-post-sec .mile-post .mile-info > span {
        display: block;
        color: #999;
        font-size: 16px;
        margin-bottom: 11px;
      }

      .featured-post-sec .mile-post .mile-info > h2 {
        color: #000;
        font-size: 22px;
        line-height: 30px;
      }

        .featured-post-sec .mile-post .mile-info > h2 a {
          display: inline-block;
        }

          .featured-post-sec .mile-post .mile-info > h2 a:hover {
            text-decoration: underline;
          }

.sec-title {
  margin-bottom: 80px;
  margin-top: -14px;
}

  .sec-title > h2 {
    color: #000;
    font-size: 64px;
    margin-bottom: 31px;
  }

  .sec-title > span {
    display: block;
    color: #666;
    font-size: 18px;
  }

  .sec-title.v2 > h2 {
    font-size: 48px;
    margin-bottom: 20px;
  }
/*--------------------------------------------------------------
# Contact
--------------------------------------------------------------*/
.contact-sec {
  padding: 100px 0 355px;
  border-bottom: 1px solid #ccc;
  position: relative;
}

  .contact-sec:before {
    bottom: -2px;
    left: 0;
    width: 216px;
    height: 303px;
    background-image: url(../img/contact-bg.jpg);
  }

  .contact-sec:after,
  .contact-sec:before {
    content: "";
    position: absolute;
    background-repeat: no-repeat;
  }

  .contact-sec:after {
    bottom: 0;
    right: 0;
    width: 869px;
    height: 340px;
    background-image: url(../img/contact-bg1.jpg);
  }

  .contact-sec .contact-form .row {
    margin: 0 -30px;
  }

    .contact-sec .contact-form .row .col-md-4,
    .contact-sec .contact-form .row .col-md-12 {
      padding: 0 30px;
    }

  .contact-sec .contact-form .form-group {
    position: relative;
    margin-bottom: 64px;
  }

    .contact-sec .contact-form .form-group input,
    .contact-sec .contact-form .form-group textarea {
      width: 100%;
      color: #000;
      font-size: 18px;
      border: 0;
      border-bottom: 1px solid #ccc;
      padding-bottom: 10px;
      border-radius: 0;
      outline: none;
    }

      .contact-sec .contact-form .form-group input:focus ~ label,
      .contact-sec .contact-form .form-group textarea:focus ~ label {
        top: -20px;
        font-size: 14px;
      }

      .contact-sec .contact-form .form-group input:focus,
      .contact-sec .contact-form .form-group textarea:focus {
        border-bottom-color: #000;
      }

    .contact-sec .contact-form .form-group textarea {
      height: 200px;
      padding-bottom: 10px;
      vertical-align: middle;
    }

    .contact-sec .contact-form .form-group label {
      position: absolute;
      top: 0;
      left: 0;
      color: #999;
      font-size: 18px;
      transition: all 0.4s ease-in-out;
    }

      .contact-sec .contact-form .form-group label span {
        display: inline-block;
        color: red;
      }

      .contact-sec .contact-form .form-group label:focus {
        top: -20px;
        font-size: 14px;
      }

/*--------------------------------------------------------------
# Footer Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Footer-block
--------------------------------------------------------------*/
footer .top-footer {
  padding: 156px 0 111px;
}

  footer .top-footer .footer-content .ft-text {
    max-width: 500px;
    margin-top: -5px;
  }

    footer .top-footer .footer-content .ft-text p {
      color: #000;
      margin-bottom: 81px;
    }

    footer .top-footer .footer-content .ft-text .ft-form h4 {
      color: #000;
      font-size: 16px;
      margin-bottom: 23px;
    }

    footer .top-footer .footer-content .ft-text .ft-form form {
      position: relative;
    }

      footer .top-footer .footer-content .ft-text .ft-form form .input--makiko {
        background: #f2f4fa;
        border-radius: 30px;
        width: 100%;
      }

      footer .top-footer .footer-content .ft-text .ft-form form input {
        width: 100%;
        height: 60px;
        padding: 0 30px;
        border-radius: 30px;
        color: #666;
        font-size: 16px;
        border: 0;
      }

      footer .top-footer .footer-content .ft-text .ft-form form button {
        color: #f93;
        font-size: 16px;
        font-weight: 700;
        text-transform: uppercase;
        text-align: right;
        padding-top: 0;
        background: transparent;
      }

        footer .top-footer .footer-content .ft-text .ft-form form button i {
          margin-left: 3px;
        }

  footer .top-footer .footer-content .get-touch-txt {
    max-width: 380px;
  }

    footer .top-footer .footer-content .get-touch-txt > span {
      display: block;
      color: #999;
      font-size: 14px;
      text-transform: uppercase;
      margin-bottom: 29px;
    }

    footer .top-footer .footer-content .get-touch-txt h3 {
      color: #000;
      font-size: 24px;
      line-height: 36px;
      margin-bottom: 47px;
    }

      footer .top-footer .footer-content .get-touch-txt h3 a {
        display: block;
      }

    footer .top-footer .footer-content .get-touch-txt ul li {
      margin-bottom: 15px;
    }

      footer .top-footer .footer-content .get-touch-txt ul li:last-child {
        margin-bottom: 0;
      }

      footer .top-footer .footer-content .get-touch-txt ul li a {
        display: block;
        color: #000;
        font-size: 16px;
      }

        footer .top-footer .footer-content .get-touch-txt ul li a:hover {
          color: #f59e31;
        }

footer .bottom-footer {
  padding-bottom: 90px;
}

  footer .bottom-footer .cp-mile > img {
    display: inline-block;
  }

  footer .bottom-footer .cp-mile > p {
    display: inline-block;
    color: #999;
    font-size: 16px;
    line-height: 16px;
    margin-left: 21px;
    position: relative;
    top: 3px;
  }
/*--------------------------------------------------------------
# Links
--------------------------------------------------------------*/
.social-links li {
  display: inline-block;
  margin-right: 23px;
}

  .social-links li:last-child {
    margin-right: 0;
  }

  .social-links li a {
    display: inline-block;
    color: #999;
    font-size: 22px;
  }

    .social-links li a:hover {
      color: #f59e31;
    }

.social-links.v2 li a:hover {
  color: #fe2525;
}
/*--------------------------------------------------------------
# Header v2
--------------------------------------------------------------*/
header.v2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  padding: 0;
}

  header.v2 .container-fluid,
  header.v2 .container-lg,
  header.v2 .container-md,
  header.v2 .container-sm,
  header.v2 .container-xl {
    padding: 0 70px;
  }

  header.v2 .header-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
  }

    header.v2 .header-content nav {
      margin-left: auto;
    }

      header.v2 .header-content nav ul li {
        padding: 64px 25px;
        display: inline-block;
        position: relative;
      }

        header.v2 .header-content nav ul li:before {
          content: "";
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 4px;
          background-color: #ea2339;
          opacity: 0;
          visibility: hidden;
          transition: all 0.4s ease-in-out;
        }

        header.v2 .header-content nav ul li.active:before,
        header.v2 .header-content nav ul li:hover:before {
          opacity: 1;
          visibility: visible;
        }

        header.v2 .header-content nav ul li > a {
          display: inline-block;
          color: #000;
          font-size: 16px;
          font-weight: 700;
          text-transform: uppercase;
          position: relative;
          transition: color 0.3s cubic-bezier(0.82, 0, 0.21, 1);
          overflow: hidden;
        }

          header.v2 .header-content nav ul li > a:after {
            content: attr(data-text);
            position: absolute;
            width: 0;
            transition: width 0.3s cubic-bezier(0.82, 0, 0.21, 1);
            color: #ea2339;
            z-index: 2;
            overflow: hidden;
            top: 0;
            font-weight: 700;
            left: 0;
          }

          header.v2 .header-content nav ul li > a:hover:after {
            width: 100%;
          }

          header.v2 .header-content nav ul li > a.active {
            color: #ea2339;
          }

            header.v2 .header-content nav ul li > a.active:before {
              opacity: 1;
              visibility: visible;
            }

        header.v2 .header-content nav ul li:last-child {
          padding-right: 0;
        }

        header.v2 .header-content nav ul li:hover > ul {
          opacity: 1;
          visibility: visible;
          margin-top: -40px;
        }

      header.v2 .header-content nav ul ul {
        position: absolute;
        top: 100%;
        left: 0;
        width: 240px;
        margin-top: -60px;
        background-color: #fff;
        -ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
        text-align: left;
        opacity: 0;
        visibility: hidden;
        transition: all 0.4s ease-in-out;
      }

        header.v2 .header-content nav ul ul ul {
          left: 100%;
          top: 0;
          margin: 0 !important;
        }

        header.v2 .header-content nav ul ul li {
          display: block;
          border-bottom: 1px solid #ccc;
          padding: 15px 10px;
        }

          header.v2 .header-content nav ul ul li:before {
            display: none;
          }

          header.v2 .header-content nav ul ul li:last-child {
            border-bottom: 0;
          }

          header.v2 .header-content nav ul ul li a {
            display: block;
            font-size: 14px;
          }

    header.v2 .header-content .nav-toggle-btn {
      margin-left: auto;
      margin-right: inherit;
      color: #000;
      margin-left: 187px;
    }

.title-studio {
  color: #000;
  font-size: 60px;
  line-height: 60px;
  font-weight: 400;
  text-transform: uppercase;
  max-width: 495px;
  font-weight: 700;
}

.banner-text {
  max-width: 375px;
  margin-left: auto;
}

  .banner-text > h3 {
    color: #000;
    font-size: 24px;
    line-height: 36px;
    font-style: italic;
    font-family: Libre Baskerville, serif;
    margin-bottom: 38px;
  }

  .banner-text p {
    color: #666;
    font-size: 16px;
    margin-bottom: 30px;
    margin-bottom: 59px;
  }

  .banner-text > a {
    display: inline-block;
    color: #fe2525;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    position: relative;
  }

    .banner-text > a:before {
      content: "";
      position: absolute;
      bottom: 0;
      left: 0;
      width: 0;
      height: 1px;
      background-color: #fe2525;
      opacity: 0;
      visibility: hidden;
      transition: all 0.4s ease-in-out;
    }

    .banner-text > a:hover:before {
      opacity: 1;
      visibility: visible;
      width: 100%;
    }

/*--------------------------------------------------------------
## About us v2
--------------------------------------------------------------*/
.about-us-v2 {
  padding: 211px 0 160px;
}

  .about-us-v2 .abt-nfo {
    margin-top: 96px;
  }

    .about-us-v2 .abt-nfo .abt-img {
      width: 372px;
    }

      .about-us-v2 .abt-nfo .abt-img > img {
        width: 100%;
        object-fit: cover;
      }

    .about-us-v2 .abt-nfo .abt-info {
      padding-left: 130px;
    }

      .about-us-v2 .abt-nfo .abt-info h3 {
        color: #000;
        font-size: 20px;
        text-transform: uppercase;
        margin-bottom: 9px;
        max-width: 140px;
        line-height: 28px;
      }

      .about-us-v2 .abt-nfo .abt-info > span {
        text-transform: uppercase;
        color: #999;
        font-size: 18px;
        text-transform: capitalize;
        margin-bottom: 36px;
        display: block;
      }

  .about-us-v2 .abot-text > h2 {
    color: #000;
    font-size: 60px;
    line-height: 60px;
    text-transform: uppercase;
    margin-bottom: 74px;
    max-width: 210px;
  }

  .about-us-v2 .abot-text p {
    color: #666;
    font-size: 20px;
    line-height: 34px;
    margin-bottom: 45px;
  }

  .about-us-v2 .abot-text .link2 {
    border-bottom: 1px solid #fe2525;
  }

  .about-us-v2 .abot-text .link2,
  .link3 {
    display: inline-block;
    color: #fe2525;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
  }

.abt-v3-sec {
  padding-bottom: 150px;
}

  .abt-v3-sec .abt-v3-content .abt-v-text {
    width: 300px;
    padding-left: 100px;
    padding-right: 40px;
  }

    .abt-v3-sec .abt-v3-content .abt-v-text > h3 {
      color: #000;
      font-size: 20px;
      margin-bottom: 9px;
      line-height: 28px;
      text-transform: uppercase;
      max-width: 100%;
    }

    .abt-v3-sec .abt-v3-content .abt-v-text > span {
      text-transform: uppercase;
      display: block;
      color: #999;
      font-size: 18px;
      text-transform: capitalize;
    }

.section-title-v2 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 107px;
}

  .section-title-v2.w-100 h2 {
    width: 700px;
  }

  .section-title-v2 > h2 {
    color: #000;
    font-size: 60px;
    line-height: 60px;
    width: 510px;
    text-transform: uppercase;
    padding-right: 100px;
  }

  .section-title-v2 p {
    width: calc(100% - 510px);
    color: #666;
    font-size: 18px;
    line-height: 34px;
  }

    .section-title-v2 p span {
      color: #fe2525;
      display: inline-block;
      position: relative;
      font-weight: 500;
    }

      .section-title-v2 p span:before {
        content: "";
        position: absolute;
        bottom: 6px;
        left: 0;
        width: 100%;
        height: 1px;
        background-color: #fe2525;
      }
/*--------------------------------------------------------------
# What we do
--------------------------------------------------------------*/
.what-we-do-v2 {
  padding: 90px 0 160px;
}

  .what-we-do-v2 .what-we-do-content .wed-img {
    width: 370px;
    margin-top: 89px;
  }

    .what-we-do-v2 .what-we-do-content .wed-img img {
      width: 100%;
      -ms-box-shadow: -50px 20px 80px rgba(0, 0, 0, 0.2);
      box-shadow: -50px 20px 80px rgba(0, 0, 0, 0.2);
    }

  .what-we-do-v2 .what-we-do-content .mile-sz {
    padding-left: 91px;
  }

  .what-we-do-v2 .what-we-do-content .sz-list {
    margin-bottom: 72px;
  }

    .what-we-do-v2 .what-we-do-content .sz-list h3 {
      color: #000;
      font-size: 20px;
      line-height: 28px;
      margin-bottom: 30px;
      max-width: 190px;
      text-transform: uppercase;
    }

    .what-we-do-v2 .what-we-do-content .sz-list ul li {
      display: block;
      margin-bottom: 11px;
      position: relative;
      padding-left: 16px;
      transition: all 0.4s ease-in-out;
    }

      .what-we-do-v2 .what-we-do-content .sz-list ul li a {
        text-transform: capitalize;
        display: block;
        font-weight: 500;
        color: #000;
        font-size: 18px;
      }

        .what-we-do-v2 .what-we-do-content .sz-list ul li a:hover {
          color: #fe2525;
        }

      .what-we-do-v2 .what-we-do-content .sz-list ul li:before {
        content: "+";
        position: absolute;
        top: 0;
        left: 0;
        font-size: 18px;
        color: #000;
      }

      .what-we-do-v2 .what-we-do-content .sz-list ul li:last-child {
        margin-bottom: 0;
      }

.link-btn {
  display: inline-block;
  color: #000;
  font-size: 18px;
  text-transform: uppercase;
  letter-spacing: 2px;
  position: relative;
  transition: color 0.3s cubic-bezier(0.82, 0, 0.21, 1);
}

  .link-btn,
  .link-btn:after {
    font-weight: 700;
    overflow: hidden;
  }

    .link-btn:after {
      content: attr(data-text);
      position: absolute;
      width: 0;
      transition: width 0.3s cubic-bezier(0.82, 0, 0.21, 1);
      color: #fe2525;
      z-index: 2;
      top: 0;
      left: 0;
    }

    .link-btn:hover:after {
      width: 100%;
    }

.latest-projects-v2 {
  padding-bottom: 201px;
}

  .latest-projects-v2 .section-title-v2 {
    -ms-flex-align: start;
    align-items: flex-start;
  }

    .latest-projects-v2 .section-title-v2 p {
      width: 500px;
      margin-left: auto;
      color: #000;
    }
  /*--------------------------------------------------------------
# Slider
--------------------------------------------------------------*/
  .latest-projects-v2 .projects-slider .project-slide .project-thumb {
    margin-bottom: 42px;
    position: relative;
  }

    .latest-projects-v2 .projects-slider .project-slide .project-thumb > img {
      width: 100%;
    }

  .latest-projects-v2 .projects-slider .project-slide .project-info > span {
    display: block;
    color: #999;
    font-size: 16px;
    margin-bottom: 6px;
  }

  .latest-projects-v2 .projects-slider .project-slide .project-info > h2 {
    color: #000;
    text-transform: uppercase;
    font-size: 30px;
  }

    .latest-projects-v2 .projects-slider .project-slide .project-info > h2:hover {
      color: #fe2525;
    }

.pls-btn {
  position: absolute;
  bottom: 30px;
  right: 30px;
  width: 70px;
  height: 70px;
  line-height: 70px;
  background-color: #fe2525;
  font-size: 30px;
  text-align: center;
}

  .pls-btn,
  .pls-btn:hover {
    color: #fff;
  }
/*--------------------------------------------------------------
# Stories
--------------------------------------------------------------*/
.stories-sec-v2 {
  height: 1270px;
  background-image: url(../img/large-bg.jpg);
  background-repeat: no-repeat;
  position: relative;
}

  .stories-sec-v2 .testi-sec-v2 {
    max-width: 1140px;
    background-color: #fff;
    padding-bottom: 194px;
  }

    .stories-sec-v2 .testi-sec-v2 .mile-slider-sec {
      max-width: 680px;
    }

    .stories-sec-v2 .testi-sec-v2 .testi-slider-v2 {
      max-width: 370px;
      margin-left: auto;
    }

      .stories-sec-v2 .testi-sec-v2 .testi-slider-v2 .testi-slide-v2 > img {
        margin-bottom: 37px;
      }

      .stories-sec-v2 .testi-sec-v2 .testi-slider-v2 .testi-slide-v2 p {
        color: #000;
        font-size: 20px;
        line-height: 34px;
        margin-bottom: 31px;
      }

      .stories-sec-v2 .testi-sec-v2 .testi-slider-v2 .testi-slide-v2 h3 {
        color: #000;
        font-size: 20px;
        line-height: 28px;
        margin-bottom: 6px;
        text-transform: capitalize;
      }

      .stories-sec-v2 .testi-sec-v2 .testi-slider-v2 .testi-slide-v2 > span {
        display: block;
        color: #999;
        font-size: 18px;
      }

        .stories-sec-v2 .testi-sec-v2 .testi-slider-v2 .testi-slide-v2 > span a {
          display: inline-block;
          color: #fe2525;
        }

      .stories-sec-v2 .testi-sec-v2 .testi-slider-v2 .slick-next,
      .stories-sec-v2 .testi-sec-v2 .testi-slider-v2 .slick-prev {
        width: auto;
        height: auto;
        bottom: -99px;
        left: 0;
        border: 0;
        top: auto;
        transform: inherit;
      }

        .stories-sec-v2 .testi-sec-v2 .testi-slider-v2 .slick-next:before,
        .stories-sec-v2 .testi-sec-v2 .testi-slider-v2 .slick-prev:before {
          font-family: lineicons;
          color: #999;
          font-size: 24px;
        }

        .stories-sec-v2 .testi-sec-v2 .testi-slider-v2 .slick-next:hover:before,
        .stories-sec-v2 .testi-sec-v2 .testi-slider-v2 .slick-prev:hover:before {
          color: #222;
        }

      .stories-sec-v2 .testi-sec-v2 .testi-slider-v2 .slick-next {
        left: 42px;
      }

        .stories-sec-v2 .testi-sec-v2 .testi-slider-v2 .slick-next:before {
          content: "\ea1e";
        }

      .stories-sec-v2 .testi-sec-v2 .testi-slider-v2 .slick-prev {
        left: 0;
      }

        .stories-sec-v2 .testi-sec-v2 .testi-slider-v2 .slick-prev:before {
          content: "\ea1c";
        }

  .stories-sec-v2 .vid-sec {
    position: absolute;
    bottom: -175px;
    right: 0;
    width: 100%;
  }

    .stories-sec-v2 .vid-sec .video-sec {
      float: right;
      position: relative;
    }

      .stories-sec-v2 .vid-sec .video-sec .play-btnn {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        transition: all 0.4s ease-in-out;
      }

        .stories-sec-v2 .vid-sec .video-sec .play-btnn:hover {
          transform: scale(1.1) translate(-50%, -50%);
        }
/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clearfix {
  clear: both;
}
/*--------------------------------------------------------------
# Partners
--------------------------------------------------------------*/
.partners-sec-v2 {
  padding: 291px 0 217px;
}

  .partners-sec-v2 .section-title-v2 {
    margin-bottom: 163px;
  }

  .partners-sec-v2 .partner-row1 p {
    max-width: 460px;
    font-size: 20px;
    line-height: 34px;
  }

  .partners-sec-v2 .partner-row1 .mile-quote {
    max-width: 370px;
    margin-left: auto;
  }

    .partners-sec-v2 .partner-row1 .mile-quote p {
      color: #000;
      font-size: 18px;
      line-height: 30px;
      font-weight: 500;
      font-style: italic;
      margin-bottom: 22px;
    }

    .partners-sec-v2 .partner-row1 .mile-quote h4 {
      color: #999;
      font-size: 18px;
    }

      .partners-sec-v2 .partner-row1 .mile-quote h4 span {
        display: inline-block;
        color: #fe2525;
      }

  .partners-sec-v2 .partner-row1 .pt-list {
    margin-top: 140px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: -60px;
  }

    .partners-sec-v2 .partner-row1 .pt-list li {
      margin-bottom: 60px;
      -ms-flex: 0 0 20%;
      flex: 0 0 20%;
      max-width: 20%;
      text-align: center;
    }

      .partners-sec-v2 .partner-row1 .pt-list li img {
        filter: grayscale(100%);
        opacity: 0.5;
        transition: all 0.4s ease-in-out;
      }

      .partners-sec-v2 .partner-row1 .pt-list li:hover img {
        opacity: 1;
        filter: grayscale(0);
      }

.mega-title {
  margin-bottom: 69px;
}

  .mega-title h2 {
    color: #f4f7fd;
    font-size: 130px;
    text-transform: uppercase;
    line-height: 130px;
  }

  .mega-title.v2 {
    margin-bottom: 39px;
  }

    .mega-title.v2 h2 {
      max-width: 880px;
      float: right;
    }
/*--------------------------------------------------------------
# Blog v2
--------------------------------------------------------------*/
.blog-v2-section {
  padding: 0 0 100px;
}

  .blog-v2-section .blog-v2-items .link3 {
    margin-top: 148px;
  }

  .blog-v2-section .blog-v2-items .row {
    margin: 0 -40px;
  }

    .blog-v2-section .blog-v2-items .row .col-lg-4 {
      padding: 0 40px;
    }

  .blog-v2-section .blog-v2-items .blog-v2-item.active-center {
    margin-top: 215px;
  }

  .blog-v2-section .blog-v2-items .blog-v2-item .blog-v2-thumbnail {
    margin-bottom: 42px;
    position: relative;
  }

    .blog-v2-section .blog-v2-items .blog-v2-item .blog-v2-thumbnail .pls-btn {
      opacity: 0;
      visibility: hidden;
      transform: scale(0.8);
    }

  .blog-v2-section .blog-v2-items .blog-v2-item:hover .blog-v2-thumbnail .pls-btn {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
  }

  .blog-v2-section .blog-v2-items .blog-v2-item .blog-v2-info > h2 {
    color: #000;
    font-size: 22px;
    line-height: 32px;
    text-transform: uppercase;
    margin-bottom: 20px;
    font-weight: 400;
  }

    .blog-v2-section .blog-v2-items .blog-v2-item .blog-v2-info > h2:hover {
      color: #fe2525;
    }

  .blog-v2-section .blog-v2-items .blog-v2-item .blog-v2-info .meta li {
    display: inline-block;
    margin-right: 15px;
  }

    .blog-v2-section .blog-v2-items .blog-v2-item .blog-v2-info .meta li:last-child {
      margin-right: 0;
    }

    .blog-v2-section .blog-v2-items .blog-v2-item .blog-v2-info .meta li .category {
      display: inline-block;
      color: #000;
      font-size: 18px;
      position: relative;
    }

      .blog-v2-section .blog-v2-items .blog-v2-item .blog-v2-info .meta li .category:before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1px;
        background-color: #101010;
      }

    .blog-v2-section .blog-v2-items .blog-v2-item .blog-v2-info .meta li a {
      display: inline-block;
      color: #999;
      font-size: 16px;
    }

.custom-container {
  max-width: 1670px;
  margin: 0 auto;
  padding: 0 15px;
}
/*--------------------------------------------------------------
# Contact
--------------------------------------------------------------*/
.contact-v2-sec {
  padding: 181px 0 200px;
}

  .contact-v2-sec .contact-v2-content {
    max-width: 970px;
    margin: 0 auto;
  }

    .contact-v2-sec .contact-v2-content > h2 {
      color: #000;
      font-size: 52px;
      line-height: auto;
      margin-bottom: 77px;
      text-transform: uppercase;
      line-height: 65px;
    }

    .contact-v2-sec .contact-v2-content p {
      color: #000;
      font-size: 20px;
      line-height: 34px;
      max-width: 780px;
      margin: 0 auto;
      margin-bottom: 43px;
    }

    .contact-v2-sec .contact-v2-content .contact-ddd > strong {
      display: inline-block;
      color: #fe2525;
      font-size: 24px;
      margin-right: 45px;
    }

    .contact-v2-sec .contact-v2-content .contact-ddd > a {
      display: inline-block;
      color: #000;
      font-size: 18px;
      font-weight: 700;
      position: relative;
      top: -6px;
    }

      .contact-v2-sec .contact-v2-content .contact-ddd > a:before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1px;
        background-color: #000;
      }

/*--------------------------------------------------------------
# Footer v2
--------------------------------------------------------------*/
.footer-v2 .ft-widget-one {
  background-color: #f4f7fd;
  padding: 120px 0 100px;
}

  .footer-v2 .ft-widget-one .ft-widget-one-content {
    max-width: 600px;
    margin-left: auto;
    padding-right: 130px;
  }

    .footer-v2 .ft-widget-one .ft-widget-one-content .ft-logo {
      margin-bottom: 126px;
    }

    .footer-v2 .ft-widget-one .ft-widget-one-content .ft-newsletter > span {
      display: block;
      color: #000;
      font-size: 18px;
      margin-bottom: 19px;
    }

    .footer-v2 .ft-widget-one .ft-widget-one-content .ft-newsletter form {
      position: relative;
      margin-bottom: 175px;
    }

      .footer-v2 .ft-widget-one .ft-widget-one-content .ft-newsletter form input {
        width: 100%;
        color: #999;
        font-size: 18px;
        height: 60px;
        padding: 0 80px 0 30px;
        background-color: #fff;
        border: 0;
      }

      .footer-v2 .ft-widget-one .ft-widget-one-content .ft-newsletter form button {
        width: 50px;
        height: 50px;
        line-height: 50px;
        background-color: #fe2525;
        text-align: center;
        position: absolute;
        top: 5px;
        right: 6px;
        color: #fff;
      }

    .footer-v2 .ft-widget-one .ft-widget-one-content .ft-newsletter .copyright-text {
      color: #999;
      font-size: 16px;
    }

      .footer-v2 .ft-widget-one .ft-widget-one-content .ft-newsletter .copyright-text strong {
        font-weight: 700;
        color: #000;
      }

.footer-v2 .fl-widget-two {
  background-color: #fff;
  padding: 120px 0 0;
  height: 100%;
}

  .footer-v2 .fl-widget-two .fl-widget-two-content {
    max-width: 600px;
    padding-left: 170px;
  }

    .footer-v2 .fl-widget-two .fl-widget-two-content > span {
      display: block;
      color: #999;
      font-size: 14px;
      text-transform: uppercase;
      margin-bottom: 29px;
    }

    .footer-v2 .fl-widget-two .fl-widget-two-content > h2 {
      color: #000;
      font-size: 24px;
      line-height: 36px;
      margin-bottom: 45px;
    }
    /*--------------------------------------------------------------
# Links
--------------------------------------------------------------*/
    .footer-v2 .fl-widget-two .fl-widget-two-content .ft-links-mile {
      margin-bottom: 102px;
    }

      .footer-v2 .fl-widget-two .fl-widget-two-content .ft-links-mile li {
        margin-bottom: 11px;
      }

        .footer-v2 .fl-widget-two .fl-widget-two-content .ft-links-mile li:last-child {
          margin-bottom: 0;
        }

        .footer-v2 .fl-widget-two .fl-widget-two-content .ft-links-mile li a {
          display: block;
          color: #000;
          font-size: 18px;
          text-transform: capitalize;
        }

          .footer-v2 .fl-widget-two .fl-widget-two-content .ft-links-mile li a:hover {
            color: #fe2525;
          }
/*--------------------------------------------------------------
# Header v3
--------------------------------------------------------------*/
.header-v3 {
  padding: 55px 0;
}

  .header-v3 .container {
    max-width: 100%;
    padding: 0 70px;
  }

  .header-v3 .header-content {
    -ms-flex-align: center;
    align-items: center;
  }

    .header-v3 .header-content .logo {
      width: 305px;
      position: relative;
      top: -2px;
    }

    .header-v3 .header-content .head-cat {
      width: 300px;
      position: relative;
      top: -4px;
    }

      .header-v3 .header-content .head-cat > span {
        display: inline-block;
        color: #999;
        font-size: 14px;
        font-weight: 700;
        text-transform: uppercase;
      }

    .header-v3 .header-content .hd-links {
      position: relative;
      top: -6px;
    }

      .header-v3 .header-content .hd-links li {
        display: inline-block;
        color: #000;
        font-size: 14px;
        font-weight: 700;
        text-transform: uppercase;
        padding: 0 27px;
        position: relative;
      }

        .header-v3 .header-content .hd-links li:before {
          content: "/";
          position: absolute;
          top: 0;
          left: 100%;
          color: #ccc;
          font-size: 14px;
        }

        .header-v3 .header-content .hd-links li:last-child {
          padding-right: 0;
        }

          .header-v3 .header-content .hd-links li:last-child:before {
            display: none;
          }

    .header-v3 .header-content .nav-toggle-btn {
      margin-left: auto;
      cursor: pointer;
    }

.main-banner-v3 {
  padding: 30px 0;
}

  .main-banner-v3 .container {
    max-width: 1370px;
    margin: 0 auto;
  }

  .main-banner-v3 .banner-txt > h2 {
    color: #000;
    font-size: 80px;
    line-height: 80px;
    margin-bottom: 32px;
    text-transform: capitalize;
  }

  .main-banner-v3 .banner-txt > span {
    display: block;
    color: #000;
    font-size: 22px;
    text-transform: uppercase;
    margin-bottom: 47px;
  }

  .main-banner-v3 .banner-txt p {
    color: #999;
    max-width: 380px;
    margin-bottom: 102px;
  }

.btn-default3 {
  display: inline-block;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  background-color: #3b394a;
  border-radius: 15px;
  padding: 0 30px;
  height: 60px;
  line-height: 60px;
  text-transform: uppercase;
  border: 1px solid transparent;
}

  .btn-default3:hover {
    color: #3b394a;
    background-color: inherit;
    border-color: #3b394a;
  }

.vls-sections {
  padding: 119px 0 172px;
}

  .vls-sections .mile-vl-sec {
    margin-bottom: 100px;
    position: relative;
  }

    .vls-sections .mile-vl-sec:nth-child(2n) {
      left: -8%;
    }

    .vls-sections .mile-vl-sec:last-child {
      margin-bottom: 0;
    }

    .vls-sections .mile-vl-sec .container {
      max-width: 1500px;
      padding: 0 15px;
    }

    .vls-sections .mile-vl-sec .mile-vl-sec-details {
      background: url(../img/bg3.jpg);
      background-repeat: no-repeat;
      background-size: cover;
      padding: 100px 150px 107px;
      border-radius: 30px;
    }

      .vls-sections .mile-vl-sec .mile-vl-sec-details .mile-vl-dt {
        max-width: 310px;
      }

        .vls-sections .mile-vl-sec .mile-vl-sec-details .mile-vl-dt > .vl-icon {
          display: inline-block;
          width: 70px;
          height: 70px;
          line-height: 84px;
          border-radius: 50%;
          text-align: center;
          margin-bottom: 37px;
        }

          .vls-sections .mile-vl-sec .mile-vl-sec-details .mile-vl-dt > .vl-icon.clr1 {
            background-color: #f8d9b3;
          }

          .vls-sections .mile-vl-sec .mile-vl-sec-details .mile-vl-dt > .vl-icon.clr2 {
            background-color: #d8f2f9;
          }

          .vls-sections .mile-vl-sec .mile-vl-sec-details .mile-vl-dt > .vl-icon.clr3 {
            background-color: #d5e1ff;
          }

          .vls-sections .mile-vl-sec .mile-vl-sec-details .mile-vl-dt > .vl-icon i {
            color: #000;
            font-size: 32px;
          }

        .vls-sections .mile-vl-sec .mile-vl-sec-details .mile-vl-dt > h3 {
          color: #000;
          font-size: 40px;
          font-weight: 700;
          margin-bottom: 13px;
        }

        .vls-sections .mile-vl-sec .mile-vl-sec-details .mile-vl-dt p {
          color: #666;
          margin-bottom: 60px;
        }

        .vls-sections .mile-vl-sec .mile-vl-sec-details .mile-vl-dt > a {
          display: inline-block;
          color: #000;
          font-size: 16px;
          font-weight: 700;
          text-transform: uppercase;
        }

      .vls-sections .mile-vl-sec .mile-vl-sec-details.v2 {
        background-image: url(../img/bg4.jpg);
        position: relative;
        left: -9%;
      }

        .vls-sections .mile-vl-sec .mile-vl-sec-details.v2 .mile-vl-dt {
          float: right;
        }

      .vls-sections .mile-vl-sec .mile-vl-sec-details.v3 {
        background-image: url(../img/bg5.jpg);
      }

.section-title-v3 {
  margin-bottom: 77px;
}

  .section-title-v3 > h2 {
    font-size: 60px;
    text-transform: capitalize;
    margin-bottom: 22px;
    color: #000;
  }

  .section-title-v3 > span {
    display: block;
    color: #999;
    font-size: 18px;
  }
/*--------------------------------------------------------------
# Clients
--------------------------------------------------------------*/
.clients-sec-v3 {
  padding-bottom: 164px;
}

  .clients-sec-v3 .client-works {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -25px 100px;
  }

    .clients-sec-v3 .client-works .col-m-2 {
      -ms-flex: 0 0 20%;
      flex: 0 0 20%;
      max-width: 20%;
      padding: 0 25px;
    }

      .clients-sec-v3 .client-works .col-m-2 .cl-imag > img {
        width: 100%;
      }

  .clients-sec-v3 .counter-sec {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

    .clients-sec-v3 .counter-sec li {
      margin-right: 78px;
    }

      .clients-sec-v3 .counter-sec li:last-child {
        margin-right: 0;
      }

      .clients-sec-v3 .counter-sec li .count-dv {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-align: center;
        align-items: center;
      }

        .clients-sec-v3 .counter-sec li .count-dv > h2 {
          color: #000;
          font-size: 60px;
        }

        .clients-sec-v3 .counter-sec li .count-dv > span {
          display: inline-block;
          color: #999;
          font-size: 18px;
          line-height: 24px;
          max-width: 100px;
          padding-left: 22px;
          max-width: calc(100% - 108px);
        }
/*--------------------------------------------------------------
# Works
--------------------------------------------------------------*/
.works-v3-sec .work-projects .container {
  max-width: 1810px;
  padding: 0 15px;
}

.works-v3-sec .work-projects .work-slide {
  position: relative;
}

  .works-v3-sec .work-projects .work-slide > img {
    width: 100%;
    border-radius: 20px;
  }

  .works-v3-sec .work-projects .work-slide .wkr-txt {
    position: absolute;
    top: 30px;
    left: 0;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    z-index: 99;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 100px;
  }

    .works-v3-sec .work-projects .work-slide .wkr-txt > h3 {
      display: inline-block;
      color: #000;
      font-size: 40px;
      text-transform: capitalize;
    }

    .works-v3-sec .work-projects .work-slide .wkr-txt > span {
      margin-left: auto;
      display: inline-block;
      color: #666;
      font-size: 16px;
    }
/*--------------------------------------------------------------
# Slider
--------------------------------------------------------------*/
.works-v3-sec .work-projects .work-slider {
  margin: 0 -35px;
}

  .works-v3-sec .work-projects .work-slider .slick-dots {
    display: none !important;
  }

  .works-v3-sec .work-projects .work-slider .col-lg-6 {
    padding: 0 35px;
  }

  .works-v3-sec .work-projects .work-slider .slick-next,
  .works-v3-sec .work-projects .work-slider .slick-prev {
    width: 45px;
    height: 45px;
    line-height: 45px;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    top: -112px;
    border-radius: 10px;
  }

    .works-v3-sec .work-projects .work-slider .slick-next:hover,
    .works-v3-sec .work-projects .work-slider .slick-prev:hover {
      background-color: #f2f5f7;
      -ms-box-shadow: inherit;
      box-shadow: inherit;
      border-color: transparent;
    }

      .works-v3-sec .work-projects .work-slider .slick-next:hover:before,
      .works-v3-sec .work-projects .work-slider .slick-prev:hover:before {
        color: #000;
      }

    .works-v3-sec .work-projects .work-slider .slick-next:before,
    .works-v3-sec .work-projects .work-slider .slick-prev:before {
      color: #ccc;
      font-size: 18px;
      line-height: 45px;
    }

  .works-v3-sec .work-projects .work-slider .slick-prev {
    right: 95px;
  }

  .works-v3-sec .work-projects .work-slider .slick-next {
    right: 35px;
  }

.testi-v3-sec {
  padding: 174px 0 150px;
}

  .testi-v3-sec .testi-v3-slider .testi-v3-slide .t-icon {
    display: block;
    color: #ccc;
    font-size: 86px;
    margin-bottom: 13px;
  }

  .testi-v3-sec .testi-v3-slider .testi-v3-slide p {
    color: #000;
    font-size: 30px;
    line-height: 42px;
    margin-bottom: 60px;
  }

  .testi-v3-sec .testi-v3-slider .testi-v3-slide > h3 {
    color: #000;
    font-size: 20px;
    text-transform: capitalize;
    margin-bottom: 5px;
  }

  .testi-v3-sec .testi-v3-slider .testi-v3-slide > span {
    display: block;
    color: #999;
    font-size: 14px;
  }

.work-inquiry-sec {
  padding: 58px 0 100px;
}

  .work-inquiry-sec .work-inquery {
    background-image: url(../img/bg6.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 84px 100px 96px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 30px;
    position: relative;
  }

    .work-inquiry-sec .work-inquery:before {
      content: "";
      position: absolute;
      top: -120px;
      left: 100px;
      width: 140px;
      height: 130px;
      background-image: url(../img/shape.png);
      background-repeat: no-repeat;
    }

    .work-inquiry-sec .work-inquery .inqu-text > h3 {
      color: #000;
      font-size: 60px;
      text-transform: capitalize;
      margin-bottom: 22px;
    }

    .work-inquiry-sec .work-inquery .inqu-text > span {
      display: block;
      color: #666;
      font-size: 18px;
    }

    .work-inquiry-sec .work-inquery .inq-btn {
      margin-left: auto;
      position: relative;
      top: -6px;
    }

      .work-inquiry-sec .work-inquery .inq-btn .btn-default3 {
        background-color: #ed5a42;
      }

        .work-inquiry-sec .work-inquery .inq-btn .btn-default3:hover {
          background-color: #3b394a;
          color: #fff;
          border-color: transparent;
        }

.stay-touch-sec {
  padding: 82px 0;
}

  .stay-touch-sec .txh-text > h3 {
    color: #000;
    font-size: 26px;
    text-transform: capitalize;
    margin-bottom: 48px;
  }

  .stay-touch-sec .txh-text > h4 {
    color: #999;
    font-size: 20px;
    margin-bottom: 3px;
  }

  .stay-touch-sec .txh-text > h2 {
    color: #000;
    font-size: 40px;
    font-weight: 400;
    margin-bottom: 10px;
  }

  .stay-touch-sec .txh-text > span {
    display: block;
    color: #000;
    font-size: 20px;
  }
  /*--------------------------------------------------------------
# Links
--------------------------------------------------------------*/
  .stay-touch-sec .txh-text .social-linkss {
    margin-top: 81px;
  }

    .stay-touch-sec .txh-text .social-linkss li {
      display: inline-block;
      margin-right: 33px;
    }

      .stay-touch-sec .txh-text .social-linkss li:last-child {
        margin-right: 0;
      }

      .stay-touch-sec .txh-text .social-linkss li a {
        width: 75px;
        height: 75px;
        border-radius: 50%;
        text-align: center;
        display: inline-block;
        font-size: 36px;
        line-height: 78px;
      }

        .stay-touch-sec .txh-text .social-linkss li a.dribble {
          background-color: #fbeff4;
          color: #ef357c;
        }

        .stay-touch-sec .txh-text .social-linkss li a.behance {
          background-color: #eff4fb;
          color: #0055e2;
        }

        .stay-touch-sec .txh-text .social-linkss li a.instagram {
          background-color: #f4eefb;
          color: #8805d4;
        }

/*--------------------------------------------------------------
# Footer v3
--------------------------------------------------------------*/
.footer-v3 {
  padding: 49px 0 0;
}

  .footer-v3 .container {
    max-width: 100%;
    padding: 0 70px;
  }

  .footer-v3 .footer-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 67px;
  }

    .footer-v3 .footer-content .ft-logo {
      -ms-flex: 0 0 25%;
      flex: 0 0 25%;
      max-width: 25%;
    }
    /*--------------------------------------------------------------
# Links
--------------------------------------------------------------*/
    .footer-v3 .footer-content .nav-btm-links {
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%;
      text-align: center;
    }

      .footer-v3 .footer-content .nav-btm-links li {
        display: inline-block;
        margin-right: 30px;
      }

        .footer-v3 .footer-content .nav-btm-links li:last-child {
          margin-right: 0;
        }

        .footer-v3 .footer-content .nav-btm-links li a {
          display: inline-block;
          color: #999;
          font-size: 14px;
          text-transform: uppercase;
          font-weight: 700;
        }

          .footer-v3 .footer-content .nav-btm-links li a:hover {
            color: #000;
          }

    .footer-v3 .footer-content .cpy-text {
      margin-left: auto;
    }

      .footer-v3 .footer-content .cpy-text p {
        color: #000;
        font-size: 14px;
        line-height: 14px;
        text-align: right;
        text-transform: uppercase;
      }

  .footer-v3 .btm-shape > img {
    width: 100%;
  }

/*--------------------------------------------------------------
# Header v5
--------------------------------------------------------------*/
.header-v5 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99;
  padding: 44px 0;
}

  .header-v5 .container {
    max-width: 100%;
    padding: 0 15px;
  }

  .header-v5 .header-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
  }

    .header-v5 .header-content .logo {
      -ms-flex: 0 0 250px;
      flex: 0 0 250px;
      max-width: 250px;
    }

    .header-v5 .header-content .cate-lg {
      -ms-flex: 0 0 160px;
      flex: 0 0 160px;
      max-width: 160px;
      margin-top: 7px;
    }

      .header-v5 .header-content .cate-lg span {
        display: block;
        color: #666;
        font-size: 14px;
        line-height: 20px;
        text-transform: uppercase;
      }

    .header-v5 .header-content nav {
      padding-left: 78px;
      margin-top: 7px;
    }

      .header-v5 .header-content nav ul li {
        display: inline-block;
        padding: 0 26px;
        position: relative;
      }

        .header-v5 .header-content nav ul li:before {
          content: "";
          position: absolute;
          top: 50%;
          left: 100%;
          width: 6px;
          height: 6px;
          background-color: #ccc;
          border-radius: 50%;
          transform: translateY(-50%);
        }

        .header-v5 .header-content nav ul li:hover > ul {
          opacity: 1;
          visibility: visible;
          margin-top: 0;
        }

        .header-v5 .header-content nav ul li:last-child {
          padding-right: 0;
        }

          .header-v5 .header-content nav ul li:last-child:before {
            display: none;
          }

        .header-v5 .header-content nav ul li a {
          display: inline-block;
          color: #000;
          font-size: 14px;
          text-transform: uppercase;
        }

          .header-v5 .header-content nav ul li a.active,
          .header-v5 .header-content nav ul li a:hover {
            color: #000;
            font-weight: 700;
          }

        .header-v5 .header-content nav ul li ul {
          position: absolute;
          top: 100%;
          left: 0;
          width: 240px;
          background-color: #fff;
          text-align: left;
          opacity: 0;
          visibility: hidden;
          transition: all 0.4s ease-in-out;
          margin-top: 25px;
          z-index: 9999;
        }

          .header-v5 .header-content nav ul li ul ul {
            left: 100%;
            top: 0;
          }

          .header-v5 .header-content nav ul li ul li {
            display: block;
            padding: 0;
            border-bottom: 1px solid hsla(0, 0%, 100%, 0.1);
          }

            .header-v5 .header-content nav ul li ul li:before {
              display: none;
            }

            .header-v5 .header-content nav ul li ul li:last-child {
              border-bottom: 0;
            }

            .header-v5 .header-content nav ul li ul li a {
              padding: 15px;
            }

              .header-v5 .header-content nav ul li ul li a:after,
              .header-v5 .header-content nav ul li ul li a:before {
                display: none;
              }

    .header-v5 .header-content .search-hd {
      margin-left: 100px;
    }

      .header-v5 .header-content .search-hd > a {
        display: inline-block;
        color: #000;
        font-size: 14px;
        text-transform: uppercase;
      }

        .header-v5 .header-content .search-hd > a:hover {
          color: #ee534f;
        }

        .header-v5 .header-content .search-hd > a i {
          margin-left: 13px;
          font-size: 24px;
          position: relative;
          top: 1px;
        }

.social-header {
  margin-left: auto;
  margin-top: 7px;
}

  .social-header li {
    display: inline-block;
    margin-right: 26px;
  }

    .social-header li:last-child {
      margin-right: 0;
    }

    .social-header li a {
      display: inline-block;
      color: #666;
      font-size: 18px;
    }

      .social-header li a:hover {
        color: #000;
      }

.main-banner-v5 {
  background-color: #e8ecef;
  padding: 148px 0 0;
}

  .main-banner-v5 .container {
    max-width: 1290px;
  }

  .main-banner-v5 .main-banner-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

    .main-banner-v5 .main-banner-content .main-banner-txt {
      max-width: 670px;
      margin-top: 96px;
    }

      .main-banner-v5 .main-banner-content .main-banner-txt > h2 {
        color: #000;
        font-size: 60px;
        line-height: 72px;
        font-weight: 400;
        margin-bottom: 47px;
      }

        .main-banner-v5 .main-banner-content .main-banner-txt > h2 span {
          display: inline-block;
          color: #ee534f;
          position: relative;
        }

          .main-banner-v5 .main-banner-content .main-banner-txt > h2 span:before {
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 1px;
            background-color: #ee534f;
          }

        .main-banner-v5 .main-banner-content .main-banner-txt > h2 > b {
          position: relative;
          display: inline-block;
        }

          .main-banner-v5 .main-banner-content .main-banner-txt > h2 > b:before {
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 1px;
            background-color: #000;
          }

      .main-banner-v5 .main-banner-content .main-banner-txt p {
        color: #000;
        max-width: 520px;
        margin-bottom: 61px;
      }

      .main-banner-v5 .main-banner-content .main-banner-txt > a {
        display: inline-block;
        color: #000;
        font-size: 20px;
        font-weight: 400;
        border-bottom: 1px solid #1d1d20;
        padding-bottom: 10px;
      }

        .main-banner-v5 .main-banner-content .main-banner-txt > a i {
          margin-right: 12px;
          position: relative;
          top: 2px;
          font-weight: 400;
        }

        .main-banner-v5 .main-banner-content .main-banner-txt > a:hover {
          color: #ee534f;
          border-color: #ee534f;
        }

    .main-banner-v5 .main-banner-content .ban-img {
      margin-left: auto;
    }

.main-content-v5 .container-fluid,
.main-content-v5 .container-lg,
.main-content-v5 .container-md,
.main-content-v5 .container-sm,
.main-content-v5 .container-xl {
  max-width: 1550px;
  padding: 0 15px;
}

.main-content-v5 .main-content-v5-sections {
  background-color: #fff;
}

  .main-content-v5 .main-content-v5-sections .container {
    max-width: 1200px;
    padding: 0 15px;
  }
/*--------------------------------------------------------------
# Posts
--------------------------------------------------------------*/
.featured-posts-sec-v5 {
  padding: 140px 0 100px;
  border-bottom: 1px solid #ececec;
}

  .featured-posts-sec-v5 .sc-title {
    color: #000;
    font-size: 18px;
    text-transform: uppercase;
    position: relative;
    border-bottom: 1px solid #ececec;
    padding-bottom: 20px;
    margin-bottom: 75px;
  }

    .featured-posts-sec-v5 .sc-title:before {
      content: "";
      position: absolute;
      bottom: -1px;
      left: 0;
      width: 40px;
      height: 2px;
      background-color: #000;
    }

  .featured-posts-sec-v5 .featured-products-sec .row {
    margin: 0 -45px;
  }

    .featured-posts-sec-v5 .featured-products-sec .row .col-lg-4 {
      padding: 0 45px;
    }

  .featured-posts-sec-v5 .featured-products-sec .featured-product .featured-thumbnail {
    margin-bottom: 37px;
  }

  .featured-posts-sec-v5 .featured-products-sec .featured-product .featured-info > span {
    display: block;
    color: #ee534f;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 9px;
  }

  .featured-posts-sec-v5 .featured-products-sec .featured-product .featured-info > h2 {
    font-size: 30px;
    line-height: 37px;
    color: #000;
    margin-bottom: 27px;
    font-weight: 500;
  }

    .featured-posts-sec-v5 .featured-products-sec .featured-product .featured-info > h2:hover {
      color: #ee534f;
    }

  .featured-posts-sec-v5 .featured-products-sec .featured-product .featured-info .meta li {
    display: inline-block;
    color: #666;
    font-size: 14px;
    margin-right: 26px;
  }

    .featured-posts-sec-v5 .featured-products-sec .featured-product .featured-info .meta li:last-child {
      margin-right: 0;
    }

    .featured-posts-sec-v5 .featured-products-sec .featured-product .featured-info .meta li i {
      font-size: 18px;
      margin-right: 6px;
      position: relative;
      top: 2px;
    }

.mile-posts-content {
  padding: 120px 0 160px;
}

.mile-pst-collection {
  max-width: 770px;
  padding-bottom: 120px;
}

  .mile-pst-collection .mile-post {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #ececec;
    padding: 10px 0;
    position: relative;
  }

    .mile-pst-collection .mile-post.v2 > .mile-post-info {
      position: absolute;
      bottom: 50%;
      left: 0;
      width: 100%;
      z-index: 9;
      transform: translateY(50%);
    }

    .mile-pst-collection .mile-post.v2 .mile-post-info-v2 {
      position: absolute;
      top: 50%;
      left: 0;
      width: 100%;
      transform: translateY(-50%);
      padding: 0 45px;
      max-width: 340px;
    }

      .mile-pst-collection .mile-post.v2 .mile-post-info-v2 > h2 {
        color: #666;
        font-size: 26px;
        font-weight: 400;
        line-height: 34px;
        margin-bottom: 27px;
      }

        .mile-pst-collection .mile-post.v2 .mile-post-info-v2 > h2 strong {
          font-weight: 700;
          color: #000;
        }

      .mile-pst-collection .mile-post.v2 .mile-post-info-v2 > span {
        display: block;
        color: #000;
        font-size: 16px;
      }

        .mile-pst-collection .mile-post.v2 .mile-post-info-v2 > span strong {
          color: #ee534f;
          font-size: 20px;
          display: inline-block;
          font-weight: 700;
        }

    .mile-pst-collection .mile-post:first-child {
      padding-top: 0;
    }

    .mile-pst-collection .mile-post:last-child {
      border-bottom: 0;
      padding-bottom: 0;
    }

    .mile-pst-collection .mile-post .mile-post-thumbnail {
      max-width: 270px;
    }

    .mile-pst-collection .mile-post .mile-post-info {
      max-width: calc(100% - 270px);
      padding-left: 60px;
      padding-right: 60px;
    }

      .mile-pst-collection .mile-post .mile-post-info .category,
      .mile-pst-collection .mile-post .mile-post-info .posted-on {
        display: block;
        color: #666;
        font-size: 14px;
      }

      .mile-pst-collection .mile-post .mile-post-info .category {
        text-transform: uppercase;
        margin-bottom: 6px;
      }

      .mile-pst-collection .mile-post .mile-post-info h2 {
        color: #000;
        font-size: 36px;
        line-height: 45px;
        margin-bottom: 20px;
        font-weight: 500;
        margin-top: 21px;
        margin-bottom: 36px;
      }

        .mile-pst-collection .mile-post .mile-post-info h2:hover {
          color: #ee534f;
        }

      .mile-pst-collection .mile-post .mile-post-info > a {
        display: inline-block;
        color: #000;
        font-size: 14px;
      }

        .mile-pst-collection .mile-post .mile-post-info > a:hover {
          color: #ee534f;
        }

        .mile-pst-collection .mile-post .mile-post-info > a i {
          margin-right: 10px;
          position: relative;
          top: -2px;
        }
/*--------------------------------------------------------------
# Pagination
--------------------------------------------------------------*/
.mile-pagination {
  padding: 25px 0 0;
}

  .mile-pagination ul {
    -ms-flex-pack: center;
    justify-content: center;
  }

    .mile-pagination ul li {
      display: inline-block;
      border: 0;
      margin-right: 23px;
      border-radius: 0;
    }

      .mile-pagination ul li:last-child {
        margin-right: 0;
      }

      .mile-pagination ul li.active .page-link,
      .mile-pagination ul li:hover .page-link {
        border-color: inherit;
        border-bottom-color: #ee534f;
        color: #ee534f;
        background-color: inherit;
      }

      .mile-pagination ul li a {
        border-radius: 0 !important;
        display: inline-block;
        color: #000;
        font-size: 16px;
        padding: 0;
        padding: 0 4px;
        font-weight: 700;
        border: 0;
        border-bottom: 2px solid transparent;
        padding-bottom: 10px;
      }

        .mile-pagination ul li a span {
          display: inline-block;
          color: #999;
        }

.mile-sidedar {
  max-width: 300px;
  margin-left: auto;
}
  /*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
  .mile-sidedar .widget-search form {
    position: relative;
  }

    .mile-sidedar .widget-search form input {
      width: 100%;
      border: 0;
      border-bottom: 1px solid #ccc;
      padding-bottom: 11px;
      color: #999;
      font-size: 16px;
    }

    .mile-sidedar .widget-search form button {
      position: absolute;
      bottom: 10px;
      right: 0;
      background-color: inherit;
      border: 0;
      color: #000;
      font-size: 24px;
    }

  .mile-sidedar .widget {
    margin-bottom: 80px;
  }

  .mile-sidedar .widget-title {
    color: #666;
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 26px;
  }

  .mile-sidedar .widget-follow .wd-follow {
    margin-bottom: -16px;
  }

    .mile-sidedar .widget-follow .wd-follow li {
      display: inline-block;
      margin-right: 33px;
      margin-bottom: 15px;
    }

      .mile-sidedar .widget-follow .wd-follow li:last-child {
        margin-right: 0;
        margin-bottom: 0;
      }

      .mile-sidedar .widget-follow .wd-follow li a {
        display: inline-block;
        color: #000;
        font-size: 14px;
      }

        .mile-sidedar .widget-follow .wd-follow li a i {
          margin-right: 10px;
          font-size: 18px;
          position: relative;
          top: 2px;
        }
  /*--------------------------------------------------------------
# Comments Popular Post
--------------------------------------------------------------*/
  .mile-sidedar .widget-popular-posts ul .wd-post {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-bottom: 1px solid #ececec;
    padding: 18px 0 17px;
  }

    .mile-sidedar .widget-popular-posts ul .wd-post:hover a,
    .mile-sidedar .widget-popular-posts ul .wd-post:hover span {
      color: #ee534f;
    }

    .mile-sidedar .widget-popular-posts ul .wd-post:first-child {
      padding-top: 0;
    }

    .mile-sidedar .widget-popular-posts ul .wd-post > span {
      display: inline-block;
      color: #000;
      font-size: 14px;
      font-weight: 700;
      width: 50px;
      margin-top: 4px;
      transition: all 0.4s ease-in-out;
    }

    .mile-sidedar .widget-popular-posts ul .wd-post > a {
      margin-left: auto;
      width: calc(100% - 50px);
      color: #000;
      font-size: 22px;
      line-height: 30px;
      font-weight: 400;
    }

    .mile-sidedar .widget-popular-posts ul .wd-post:last-child {
      border-bottom: 0;
      padding-bottom: 0;
    }

  .mile-sidedar .widget-categories ul {
    margin-bottom: -4px;
  }

    .mile-sidedar .widget-categories ul li {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin-bottom: 14px;
    }

      .mile-sidedar .widget-categories ul li:hover a,
      .mile-sidedar .widget-categories ul li:hover span {
        font-weight: 700;
        color: #000;
      }

      .mile-sidedar .widget-categories ul li:last-child {
        margin-bottom: 0;
      }

      .mile-sidedar .widget-categories ul li a {
        display: inline-block;
        color: #000;
        font-size: 14px;
        text-transform: uppercase;
      }

      .mile-sidedar .widget-categories ul li > span {
        margin-left: auto;
        color: #666;
        font-size: 14px;
        transition: all 0.4s ease-in-out;
      }

  .mile-sidedar .widget-instagram .insta-head {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    margin-bottom: 13px;
  }

    .mile-sidedar .widget-instagram .insta-head .insta-info {
      padding-left: 14px;
    }

      .mile-sidedar .widget-instagram .insta-head .insta-info > h3 {
        color: #000;
        font-size: 22px;
        font-weight: 400;
        margin-bottom: -1px;
      }

      .mile-sidedar .widget-instagram .insta-head .insta-info > span {
        display: block;
        color: #999;
        font-size: 14px;
      }

    .mile-sidedar .widget-instagram .insta-head .follow {
      position: absolute;
      top: 0;
      right: 0;
      display: inline-block;
      color: #ee534f;
      font-size: 12px;
      border-bottom: 1px solid #f38886;
      font-weight: 700;
      text-transform: uppercase;
      margin-top: 7px;
    }

  .mile-sidedar .widget-instagram .insta-count {
    margin-bottom: 25px;
  }

    .mile-sidedar .widget-instagram .insta-count li {
      display: inline-block;
      color: #666;
      font-size: 14px;
      margin-right: 18px;
    }

      .mile-sidedar .widget-instagram .insta-count li:last-child {
        margin-right: 0;
      }

      .mile-sidedar .widget-instagram .insta-count li strong {
        font-weight: 700;
        color: #000;
      }

  .mile-sidedar .widget-instagram .inst-imgs {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

    .mile-sidedar .widget-instagram .inst-imgs li {
      max-width: calc(100% / 3 - 3px);
      margin-right: 3px;
      margin-bottom: 3px;
    }

      .mile-sidedar .widget-instagram .inst-imgs li a img {
        width: 100%;
      }

  .mile-sidedar .widget-advertisement {
    position: relative;
    padding-top: 1px;
  }

    .mile-sidedar .widget-advertisement .wid-info {
      position: absolute;
      top: 45px;
      left: 0;
      width: 100%;
      padding: 0 45px;
    }

      .mile-sidedar .widget-advertisement .wid-info > span {
        display: block;
        color: #747f85;
        font-size: 14px;
        text-transform: uppercase;
        margin-bottom: 13px;
        font-weight: 700;
      }

      .mile-sidedar .widget-advertisement .wid-info > h2 {
        color: #2b3338;
        font-size: 42px;
        text-transform: capitalize;
        line-height: 42px;
        margin-bottom: 30px;
      }

      .mile-sidedar .widget-advertisement .wid-info .limited-offer {
        display: block;
        color: #b2c1c8;
        font-size: 12px;
        text-transform: inherit;
        font-weight: 400;
        margin-bottom: 4px;
      }

        .mile-sidedar .widget-advertisement .wid-info .limited-offer small {
          color: #2b3338;
        }

      .mile-sidedar .widget-advertisement .wid-info strong {
        display: block;
        color: #a5afb5;
        font-size: 12px;
        font-weight: 700;
        text-transform: uppercase;
      }

        .mile-sidedar .widget-advertisement .wid-info strong span {
          display: inline-block;
          color: #ee534f;
        }

/*--------------------------------------------------------------
# Footer v5
--------------------------------------------------------------*/
.footer-v5 {
  background-color: #f5f8f9;
  padding: 160px 0 85px;
}

  .footer-v5 .widget-title {
    color: #999;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 400;
    margin-bottom: 39px;
    margin-top: -4px;
  }

  .footer-v5 .container {
    max-width: 1500px;
    padding: 0 15px;
  }

  .footer-v5 .widget-about > h2 {
    color: #000;
    font-size: 30px;
    line-height: 40px;
    font-weight: 400;
    margin-bottom: 60px;
    margin-top: -6px;
  }

  .footer-v5 .widget-about .wid-newslettter > h4 {
    color: #999;
    font-size: 14px;
    margin-bottom: 40px;
    text-transform: uppercase;
  }

  .footer-v5 .widget-about .wid-newslettter form {
    position: relative;
  }

    .footer-v5 .widget-about .wid-newslettter form input {
      width: 100%;
      color: #666;
      font-size: 16px;
      background-color: inherit;
      border: 0;
      border-bottom: 1px solid #ccc;
      padding-bottom: 15px;
    }

    .footer-v5 .widget-about .wid-newslettter form button {
      position: absolute;
      top: 1px;
      right: 0;
      color: #ee534f;
      font-size: 18px;
      background-color: inherit;
      border: 0;
    }

      .footer-v5 .widget-about .wid-newslettter form button i {
        margin-right: 10px;
      }

  .footer-v5 .widget-tags {
    max-width: 280px;
    margin: 0 auto;
  }

    .footer-v5 .widget-tags ul li {
      display: inline-block;
      margin-right: 20px;
      margin-bottom: 15px;
    }

      .footer-v5 .widget-tags ul li a {
        display: inline-block;
        color: #000;
        font-size: 16px;
      }

        .footer-v5 .widget-tags ul li a:hover {
          color: #ee534f;
        }
  /*--------------------------------------------------------------
# Contact
--------------------------------------------------------------*/
  .footer-v5 .widget-contact > h2 {
    color: #000;
    font-size: 24px;
    line-height: 36px;
    margin-bottom: 47px;
    font-weight: 400;
    margin-top: -10px;
  }

    .footer-v5 .widget-contact > h2 a {
      display: block;
    }

  .footer-v5 .widget-contact ul li {
    margin-bottom: 15px;
  }

    .footer-v5 .widget-contact ul li:last-child {
      margin-bottom: 0;
    }

    .footer-v5 .widget-contact ul li a {
      display: block;
      color: #000;
      font-size: 16px;
    }

      .footer-v5 .widget-contact ul li a:hover {
        color: #ee534f;
      }

.mile-bottom-footer {
  margin-top: 102px;
}

  .mile-bottom-footer .btm-copy img {
    display: inline-block;
  }

  .mile-bottom-footer .btm-copy p {
    display: inline-block;
    color: #666;
    font-size: 16px;
    padding-left: 43px;
  }

  .mile-bottom-footer .social-header {
    text-align: right;
  }

    .mile-bottom-footer .social-header li a {
      color: #999;
      font-size: 18px;
    }

      .mile-bottom-footer .social-header li a:hover {
        color: #000;
      }
/*--------------------------------------------------------------
# Header v6
--------------------------------------------------------------*/
.header-v6 {
  background-color: #e3eaf6;
  padding: 60px 0;
}

  .header-v6 .container {
    max-width: 1410px;
    padding: 0 15px;
  }

  .header-v6 .header-content-v6 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
  }

    .header-v6 .header-content-v6 nav {
      padding-left: 78px;
    }

      .header-v6 .header-content-v6 nav ul li {
        display: inline-block;
        padding: 0 26px;
        position: relative;
      }

        .header-v6 .header-content-v6 nav ul li:before {
          content: "";
          position: absolute;
          top: 50%;
          left: 100%;
          width: 6px;
          height: 6px;
          background-color: #ccc;
          border-radius: 50%;
          transform: translateY(-50%);
        }

        .header-v6 .header-content-v6 nav ul li:hover > ul {
          opacity: 1;
          visibility: visible;
          margin-top: 0;
        }

        .header-v6 .header-content-v6 nav ul li:last-child {
          padding-right: 0;
        }

          .header-v6 .header-content-v6 nav ul li:last-child:before {
            display: none;
          }

        .header-v6 .header-content-v6 nav ul li a {
          display: inline-block;
          color: #000;
          font-size: 14px;
          font-weight: 700;
          text-transform: uppercase;
        }

          .header-v6 .header-content-v6 nav ul li a:hover {
            color: #00b4ff;
          }

        .header-v6 .header-content-v6 nav ul li ul {
          position: absolute;
          top: 100%;
          left: 0;
          width: 240px;
          background-color: #fff;
          text-align: left;
          opacity: 0;
          visibility: hidden;
          transition: all 0.4s ease-in-out;
          margin-top: 25px;
          z-index: 9999;
        }

          .header-v6 .header-content-v6 nav ul li ul ul {
            left: 100%;
            top: 0;
          }

          .header-v6 .header-content-v6 nav ul li ul li {
            display: block;
            padding: 0;
            border-bottom: 1px solid hsla(0, 0%, 100%, 0.1);
          }

            .header-v6 .header-content-v6 nav ul li ul li:before {
              display: none;
            }

            .header-v6 .header-content-v6 nav ul li ul li:last-child {
              border-bottom: 0;
            }

            .header-v6 .header-content-v6 nav ul li ul li a {
              padding: 15px;
            }

              .header-v6 .header-content-v6 nav ul li ul li a:after,
              .header-v6 .header-content-v6 nav ul li ul li a:before {
                display: none;
              }

    .header-v6 .header-content-v6 .hd-btn {
      display: inline-block;
      color: #000;
      font-size: 14px;
      background-color: #fff;
      height: 45px;
      line-height: 45px;
      text-transform: uppercase;
      font-weight: 700;
      padding: 0 25px;
      margin-left: auto;
      background-color: #00b4ff;
      color: #fff;
      border-radius: 5px;
    }

      .header-v6 .header-content-v6 .hd-btn i {
        margin-left: 13px;
      }

.main-banner-v6 {
  background-color: #e3eaf6;
  padding: 71px 0 0;
}

  .main-banner-v6 .main-banner-content {
    border-bottom: 1px solid #c9cfd9;
    padding-bottom: 125px;
  }

  .main-banner-v6 .banner-v6-text {
    max-width: 480px;
    border-bottom: 1px solid #c9cfd9;
    padding-bottom: 110px;
    margin-top: -11px;
  }

    .main-banner-v6 .banner-v6-text > h2 {
      color: #000;
      font-size: 48px;
      line-height: 60px;
      margin-bottom: 35px;
    }

    .main-banner-v6 .banner-v6-text p {
      color: #333;
      margin-bottom: 69px;
    }

    .main-banner-v6 .banner-v6-text .btns li {
      display: inline-block;
      margin-right: 5px;
    }

      .main-banner-v6 .banner-v6-text .btns li:last-child {
        margin-right: 0;
      }

      .main-banner-v6 .banner-v6-text .btns li a {
        display: inline-block;
        color: #000;
        font-size: 18px;
        font-weight: 700;
        background-color: #fff;
        height: 58px;
        text-transform: uppercase;
        line-height: 58px;
        padding: 0 30px;
        border-radius: 5px;
      }

        .main-banner-v6 .banner-v6-text .btns li a.active,
        .main-banner-v6 .banner-v6-text .btns li a:hover {
          background-color: #00b4ff;
          color: #fff;
        }

  .main-banner-v6 .banner-btm-info {
    padding-top: 58px;
    max-width: 380px;
  }

    .main-banner-v6 .banner-btm-info p {
      color: #000;
      font-size: 14px;
      line-height: 24px;
      margin-bottom: 54px;
    }

    .main-banner-v6 .banner-btm-info .btm-hd-info {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
    }

      .main-banner-v6 .banner-btm-info .btm-hd-info .bt-icon {
        display: inline-block;
        width: 50px;
        height: 50px;
        line-height: 50px;
        text-align: center;
        background-color: #fff;
        border-radius: 50px;
        font-size: 18px;
        color: #000;
      }

      .main-banner-v6 .banner-btm-info .btm-hd-info .bt-para {
        max-width: calc(100% - 50px);
        padding-left: 20px;
      }

        .main-banner-v6 .banner-btm-info .btm-hd-info .bt-para > span {
          display: block;
          color: #666;
          font-size: 12px;
          text-transform: uppercase;
          margin-bottom: 1px;
        }

        .main-banner-v6 .banner-btm-info .btm-hd-info .bt-para > h3 {
          color: #000;
          font-size: 24px;
          font-weight: 700;
        }

  .main-banner-v6 .ban-img {
    padding-left: 15px;
  }

    .main-banner-v6 .ban-img img {
      border-radius: 5px;
      -ms-box-shadow: 0 150px 200px rgba(55, 67, 84, 0.35);
      box-shadow: 0 150px 200px rgba(55, 67, 84, 0.35);
    }

  .main-banner-v6 .vl-list {
    padding-left: 15px;
    margin-top: 120px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

    .main-banner-v6 .vl-list li {
      width: 33.33333%;
      color: #999;
      font-size: 16px;
      text-transform: uppercase;
      font-weight: 700;
      transition: all 0.4s ease-in-out;
    }

      .main-banner-v6 .vl-list li.active {
        color: #000;
      }

      .main-banner-v6 .vl-list li:last-child {
        margin-right: 0;
      }
/*--------------------------------------------------------------
# Service
--------------------------------------------------------------*/
.our-services-sec {
  padding: 100px 0;
  background-color: #e3eaf6;
}

  .our-services-sec.v2 {
    padding: 0 0 181px;
    background-color: #f2f5fa;
  }

    .our-services-sec.v2 .our-services-content .counter-sec-v6 li .counter-cont > span {
      max-width: 215px;
    }

  .our-services-sec .mile-title {
    margin-bottom: 87px;
  }
  /*--------------------------------------------------------------
# Service Slider
--------------------------------------------------------------*/
  .our-services-sec .our-services-content .svs-slider .slick-list {
    overflow: hidden;
  }

  .our-services-sec .our-services-content .svs-slider .slick-next,
  .our-services-sec .our-services-content .svs-slider .slick-prev {
    top: -95px;
    border: 0;
  }

    .our-services-sec .our-services-content .svs-slider .slick-next:hover,
    .our-services-sec .our-services-content .svs-slider .slick-prev:hover {
      background-color: inherit;
      -ms-box-shadow: inherit;
      box-shadow: inherit;
      border-color: transparent;
    }

      .our-services-sec .our-services-content .svs-slider .slick-next:hover:before,
      .our-services-sec .our-services-content .svs-slider .slick-prev:hover:before {
        color: #000;
      }

    .our-services-sec .our-services-content .svs-slider .slick-next:before,
    .our-services-sec .our-services-content .svs-slider .slick-prev:before {
      color: #b4bac3;
      font-size: 18px;
      line-height: 45px;
      opacity: 1;
    }

  .our-services-sec .our-services-content .svs-slider .slick-prev {
    right: 60px;
    z-index: 1;
  }

  .our-services-sec .our-services-content .svs-slider .slick-next {
    right: 0;
    z-index: 1;
  }

  .our-services-sec .our-services-content .svs-slider .col-lg-5 {
    height: 100%;
  }

  .our-services-sec .our-services-content .service-card-mile {
    background-color: #fff;
    padding: 50px 70px 66px;
    position: relative;
    margin-bottom: 60px;
    height: 100%;
    transition: all 0.4s ease-in-out;
  }

    .our-services-sec .our-services-content .service-card-mile .cat-up {
      display: inline-block;
      position: absolute;
      top: 64px;
      right: 70px;
      color: #999;
      text-transform: uppercase;
      font-size: 14px;
      font-weight: 700;
    }

      .our-services-sec .our-services-content .service-card-mile .cat-up:before {
        content: "";
        position: absolute;
        bottom: -2px;
        left: 0;
        width: 0;
        height: 1px;
        background-color: #7f7f7f;
        opacity: 0;
        visibility: hidden;
        transition: all 0.4s ease-in-out;
      }

      .our-services-sec .our-services-content .service-card-mile .cat-up:hover {
        color: #000;
      }

        .our-services-sec .our-services-content .service-card-mile .cat-up:hover:before {
          opacity: 1;
          visibility: visible;
          width: 100%;
        }

    .our-services-sec .our-services-content .service-card-mile > img {
      margin-bottom: 48px;
    }

    .our-services-sec .our-services-content .service-card-mile > h2 {
      color: #000;
      font-size: 36px;
      margin-bottom: 20px;
    }

      .our-services-sec .our-services-content .service-card-mile > h2:hover a {
        text-decoration: underline;
      }

    .our-services-sec .our-services-content .service-card-mile p {
      color: #999;
      font-size: 16px;
      line-height: 26px;
    }

.counter-sec-v6 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 38px;
}

  .counter-sec-v6 li {
    -ms-flex: 0 0 33.33%;
    flex: 0 0 33.33%;
    max-width: 33.33%;
  }

    .counter-sec-v6 li:last-child {
      margin-right: 0;
    }

    .counter-sec-v6 li .counter-cont {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -ms-flex-align: center;
      align-items: center;
    }

      .counter-sec-v6 li .counter-cont > h2 {
        color: #a5b0c5;
        font-size: 60px;
        display: inline-block;
      }

      .counter-sec-v6 li .counter-cont > span {
        display: inline-block;
        color: #000;
        font-size: 16px;
        line-height: 26px;
        text-transform: uppercase;
        padding-left: 25px;
        font-weight: 700;
        max-width: 213px;
      }

.mile-title {
  margin-bottom: 40px;
}

  .mile-title h3 {
    color: #000;
    font-size: 24px;
    text-transform: uppercase;
  }

  .mile-title p {
    color: #666;
    font-size: 18px;
    line-height: 32px;
    margin-top: 39px;
    max-width: 1020px;
  }

.recent-works-v6-sec {
  padding: 220px 0 93px;
}

  .recent-works-v6-sec .mile-title {
    margin-bottom: 122px;
    margin-top: -6px;
  }

  .recent-works-v6-sec .rc-work-content {
    position: relative;
  }

    .recent-works-v6-sec .rc-work-content .btn-deafult-v6 {
      position: absolute;
      bottom: 151px;
      left: 0;
    }

    .recent-works-v6-sec .rc-work-content .row .col-lg-7 {
      padding-right: 117px;
    }

    .recent-works-v6-sec .rc-work-content .rc-posts.v-2 {
      max-width: 403px;
      margin-left: auto;
    }

    .recent-works-v6-sec .rc-work-content .rc-work-post {
      margin-bottom: 90px;
    }

      .recent-works-v6-sec .rc-work-content .rc-work-post:last-child {
        margin-bottom: 0;
      }

      .recent-works-v6-sec .rc-work-content .rc-work-post .rc-thumbnail {
        margin-bottom: 43px;
      }

        .recent-works-v6-sec .rc-work-content .rc-work-post .rc-thumbnail > img {
          border-radius: 5px;
        }

      .recent-works-v6-sec .rc-work-content .rc-work-post .rc-info > span {
        display: block;
        color: #999;
        font-size: 16px;
        font-weight: 500;
        margin-bottom: 6px;
      }

      .recent-works-v6-sec .rc-work-content .rc-work-post .rc-info > h3 {
        color: #000;
        font-size: 30px;
        text-transform: uppercase;
        margin-bottom: 20px;
      }

        .recent-works-v6-sec .rc-work-content .rc-work-post .rc-info > h3 a {
          position: relative;
          display: inline-block;
        }

          .recent-works-v6-sec .rc-work-content .rc-work-post .rc-info > h3 a:before {
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            width: 0;
            height: 1px;
            background-color: #000;
            opacity: 0;
            visibility: hidden;
            transition: all 0.4s ease-in-out;
          }

        .recent-works-v6-sec .rc-work-content .rc-work-post .rc-info > h3:hover a:before {
          opacity: 1;
          visibility: visible;
          width: 100%;
        }

      .recent-works-v6-sec .rc-work-content .rc-work-post .rc-info p {
        color: #666;
        font-size: 16px;
        line-height: 30px;
      }

      .recent-works-v6-sec .rc-work-content .rc-work-post.v-2 .rc-info p {
        max-width: 420px;
      }

.btn-deafult-v6 {
  display: inline-block;
  color: #fff;
  font-size: 18px;
  text-transform: uppercase;
  background-color: #00b4ff;
  border-radius: 5px;
  padding: 0 30px;
  height: 58px;
  line-height: 58px;
  font-weight: 700;
}

  .btn-deafult-v6:hover {
    color: #fff;
  }

.about-sec-v6 {
  padding: 120px 0 150px;
}

  .about-sec-v6 .mile-large-abt {
    margin-bottom: 91px;
    padding-right: 375px;
  }

    .about-sec-v6 .mile-large-abt .lrg-col {
      height: 100%;
      position: relative;
    }

      .about-sec-v6 .mile-large-abt .lrg-col .play-video-btn {
        display: inline-block;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        color: #fff;
        font-size: 16px;
        font-weight: 700;
        border: 1px solid #fff;
        border-radius: 50%;
        width: 115px;
        height: 115px;
        text-transform: uppercase;
        text-align: center;
        padding-top: 37px;
      }

      .about-sec-v6 .mile-large-abt .lrg-col > img {
        height: 100%;
        object-fit: cover;
      }

  .about-sec-v6 .abtt-para {
    margin-bottom: 100px;
  }

.certicications-sec .certificate-details {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border-bottom: 1px solid #dfdfdf;
  padding-bottom: 51px;
  padding-top: 57px;
}

  .certicications-sec .certificate-details:first-child {
    padding-top: 0;
  }

  .certicications-sec .certificate-details:last-child {
    padding-bottom: 0;
    border-bottom: 0;
  }

  .certicications-sec .certificate-details .date {
    color: #999;
    font-size: 16px;
    -ms-flex: 0 0 100px;
    flex: 0 0 100px;
    max-width: 100px;
  }

  .certicications-sec .certificate-details .awd-logo {
    -ms-flex: 0 0 270px;
    flex: 0 0 270px;
    max-width: 270px;
  }

  .certicications-sec .certificate-details .awd-list {
    -ms-flex: 0 0 calc(100% - 370px);
    flex: 0 0 calc(100% - 370px);
    max-width: calc(100% - 370px);
  }

    .certicications-sec .certificate-details .awd-list .row {
      margin-bottom: 30px;
    }

      .certicications-sec .certificate-details .awd-list .row:last-child {
        margin-bottom: 0;
      }

    .certicications-sec .certificate-details .awd-list .awd-info > h3 {
      color: #000;
      font-size: 24px;
      text-transform: capitalize;
      margin-bottom: 5px;
    }

    .certicications-sec .certificate-details .awd-list .awd-info > span {
      display: block;
      color: #666;
      font-size: 18px;
    }

    .certicications-sec .certificate-details .awd-list .web-link {
      display: inline-block;
      color: #000;
      font-size: 16px;
      position: relative;
      margin-top: 10px;
    }

      .certicications-sec .certificate-details .awd-list .web-link:hover {
        color: #0081fa;
      }

        .certicications-sec .certificate-details .awd-list .web-link:hover:before {
          opacity: 1;
          visibility: visible;
          width: 100%;
        }

      .certicications-sec .certificate-details .awd-list .web-link:before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 0;
        height: 1px;
        background-color: #0081fa;
        transition: all 0.4s ease-in-out;
      }
/*--------------------------------------------------------------
# Testimonial
--------------------------------------------------------------*/
.testimonial-v6-sec {
  padding: 170px 0;
  background-color: #e3eaf6;
}

  .testimonial-v6-sec .testi-sec-v6 {
    background-color: #fff;
    padding: 84px 100px 37px;
  }
    /*--------------------------------------------------------------
# Slider
--------------------------------------------------------------*/
    .testimonial-v6-sec .testi-sec-v6 .testi-slider-v6 .slick-next,
    .testimonial-v6-sec .testi-sec-v6 .testi-slider-v6 .slick-prev {
      width: 45px;
      height: 45px;
      line-height: 45px;
      background-color: #fff;
      border: 1px solid #e5e5e5;
      top: auto;
      bottom: -131px;
      z-index: 999;
      border-radius: 10px;
    }

      .testimonial-v6-sec .testi-sec-v6 .testi-slider-v6 .slick-next:hover,
      .testimonial-v6-sec .testi-sec-v6 .testi-slider-v6 .slick-prev:hover {
        background-color: #f2f5f7;
        -ms-box-shadow: inherit;
        box-shadow: inherit;
        border-color: transparent;
      }

        .testimonial-v6-sec .testi-sec-v6 .testi-slider-v6 .slick-next:hover:before,
        .testimonial-v6-sec .testi-sec-v6 .testi-slider-v6 .slick-prev:hover:before {
          color: #000;
        }

      .testimonial-v6-sec .testi-sec-v6 .testi-slider-v6 .slick-next:before,
      .testimonial-v6-sec .testi-sec-v6 .testi-slider-v6 .slick-prev:before {
        color: #ccc;
        font-size: 18px;
        line-height: 45px;
        opacity: 1;
      }

    .testimonial-v6-sec .testi-sec-v6 .testi-slider-v6 .slick-prev {
      right: 75px;
    }

    .testimonial-v6-sec .testi-sec-v6 .testi-slider-v6 .slick-next {
      right: 15px;
    }

    .testimonial-v6-sec .testi-sec-v6 .testi-slide-v6 {
      position: relative;
    }

      .testimonial-v6-sec .testi-sec-v6 .testi-slide-v6:before {
        content: "\eb65";
        font-family: lineicons;
        position: absolute;
        top: 0;
        right: 0;
        color: #00b4ff;
        font-size: 60px;
      }

      .testimonial-v6-sec .testi-sec-v6 .testi-slide-v6 > h3 {
        color: #000;
        font-size: 20px;
        text-transform: capitalize;
        margin-bottom: 5px;
      }

      .testimonial-v6-sec .testi-sec-v6 .testi-slide-v6 > span {
        display: block;
        color: #999;
        font-size: 14px;
        margin-bottom: 48px;
      }

      .testimonial-v6-sec .testi-sec-v6 .testi-slide-v6 p {
        color: #000;
        font-size: 30px;
        line-height: 48px;
      }

    .testimonial-v6-sec .testi-sec-v6 .slider-thumb {
      margin-top: 42px;
    }

      .testimonial-v6-sec .testi-sec-v6 .slider-thumb li {
        display: inline-block;
        margin-right: -7px;
        margin-bottom: 40px;
        width: auto !important;
        cursor: pointer;
        position: relative;
        transition: all 0.4s ease-in-out;
      }

        .testimonial-v6-sec .testi-sec-v6 .slider-thumb li:last-child {
          margin-right: 0;
        }

        .testimonial-v6-sec .testi-sec-v6 .slider-thumb li img {
          width: 85px;
          height: 85px;
          object-fit: cover;
          transition: all 0.4s ease-in-out;
          border-radius: 50%;
          transform: scale(0.7);
        }

        .testimonial-v6-sec .testi-sec-v6 .slider-thumb li.slick-active img,
        .testimonial-v6-sec .testi-sec-v6 .slider-thumb li:hover img {
          transform: scale(1);
        }

        .testimonial-v6-sec .testi-sec-v6 .slider-thumb li.slick-active {
          margin-right: 10px;
        }

  .testimonial-v6-sec .mile-rtz-sec {
    border-top: 1px solid #d2d7df;
    margin-top: 130px;
    padding-top: 105px;
  }

    .testimonial-v6-sec .mile-rtz-sec .mile-post {
      background-color: #fff;
    }

      .testimonial-v6-sec .mile-rtz-sec .mile-post .mile-post-info > a:hover,
      .testimonial-v6-sec .mile-rtz-sec .mile-post .mile-post-info > h2:hover {
        color: #00b4ff;
      }

  .testimonial-v6-sec .newsletter-sc {
    background-color: #fff;
    padding: 60px 60px 0;
    height: 100%;
  }

    .testimonial-v6-sec .newsletter-sc > h3 {
      text-transform: uppercase;
      color: #000;
      font-size: 24px;
      margin-bottom: 27px;
    }

    .testimonial-v6-sec .newsletter-sc p {
      color: #000;
      font-size: 16px;
      line-height: 30px;
      margin-bottom: 55px;
    }

    .testimonial-v6-sec .newsletter-sc form {
      position: relative;
    }

      .testimonial-v6-sec .newsletter-sc form input {
        width: 100%;
        color: #bbb;
        font-size: 14px;
        border: 0;
        padding-bottom: 18px;
        border-bottom: 1px solid #ccc;
      }

      .testimonial-v6-sec .newsletter-sc form button {
        position: absolute;
        top: -7px;
        right: 0;
        background-color: inherit;
        border: 0;
        color: #000;
        font-size: 24px;
      }

/*--------------------------------------------------------------
# Footer v6
--------------------------------------------------------------*/
.footer-v6 {
  padding: 150px 0 100px;
}

  .footer-v6.dark-v {
    background-color: #252629;
  }

    .footer-v6.dark-v .footer-content-v6 .widget-abt > h2 {
      color: #fff;
      font-weight: 400;
    }

      .footer-v6.dark-v .footer-content-v6 .widget-abt > h2 a {
        color: #64f4ab;
        margin-left: 20px;
      }

        .footer-v6.dark-v .footer-content-v6 .widget-abt > h2 a:before {
          background-color: #64f4ab;
        }

    .footer-v6.dark-v .footer-content-v6 .get-touch-txt > h5 {
      color: #8b8d90;
      text-transform: capitalize;
      font-weight: 400;
    }

    .footer-v6.dark-v .footer-content-v6 .get-touch-txt > h4 {
      color: #8b8d90;
      font-size: 24px;
    }

    .footer-v6.dark-v .footer-content-v6 .get-touch-txt > a {
      color: #fff;
    }

      .footer-v6.dark-v .footer-content-v6 .get-touch-txt > a:hover {
        color: #64f4ab;
      }

    .footer-v6.dark-v .footer-content-v6 .get-touch-txt ul li a {
      color: #fff;
      font-size: 16px;
      text-transform: capitalize;
      font-weight: 500;
      position: relative;
      display: inline-block;
    }

      .footer-v6.dark-v .footer-content-v6 .get-touch-txt ul li a:before {
        content: ">";
        position: absolute;
        top: 0;
        right: -40px;
        color: #fff;
        opacity: 0;
        visibility: hidden;
        transition: all 0.4s ease-in-out;
      }

      .footer-v6.dark-v .footer-content-v6 .get-touch-txt ul li a:after {
        content: "<";
        position: absolute;
        top: 0;
        left: -40px;
        color: #fff;
        opacity: 0;
        visibility: hidden;
        transition: all 0.4s ease-in-out;
      }

      .footer-v6.dark-v .footer-content-v6 .get-touch-txt ul li a:hover {
        color: #64f4ab;
      }

        .footer-v6.dark-v .footer-content-v6 .get-touch-txt ul li a:hover:before {
          opacity: 1;
          visibility: visible;
          right: -20px;
          color: #64f4ab;
        }

        .footer-v6.dark-v .footer-content-v6 .get-touch-txt ul li a:hover:after {
          opacity: 1;
          visibility: visible;
          left: -20px;
          color: #64f4ab;
        }

    .footer-v6.dark-v .footer-content-v6 .mile-bottom-footer .social-header li a {
      color: #fff;
    }

      .footer-v6.dark-v .footer-content-v6 .mile-bottom-footer .social-header li a:hover {
        color: #64f4ab;
      }

    .footer-v6.dark-v .footer-content-v6 .mile-bottom-footer {
      margin-top: 163px;
    }

  .footer-v6 .container {
    max-width: 1410px;
    padding: 0 15px;
  }

  .footer-v6 .footer-content-v6 .widget-abt > h2 {
    color: #000;
    font-size: 48px;
    margin-bottom: 81px;
  }

    .footer-v6 .footer-content-v6 .widget-abt > h2 a {
      display: inline-block;
      color: #00b4ff;
      position: relative;
    }

      .footer-v6 .footer-content-v6 .widget-abt > h2 a:before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1px;
        background-color: #00b4ff;
      }

    .footer-v6 .footer-content-v6 .widget-abt > h2:last-child {
      margin-bottom: 0;
    }

  .footer-v6 .footer-content-v6 .get-touch-txt {
    padding-left: 96px;
    max-width: 380px;
    margin-top: 15px;
  }

    .footer-v6 .footer-content-v6 .get-touch-txt > h5 {
      color: #000;
      font-size: 14px;
      text-transform: uppercase;
      font-weight: 700;
      margin-bottom: 41px;
    }

    .footer-v6 .footer-content-v6 .get-touch-txt > h4 {
      color: #666;
      font-size: 24px;
      margin-bottom: 21px;
    }

    .footer-v6 .footer-content-v6 .get-touch-txt > a {
      display: block;
      color: #000;
      font-size: 40px;
      line-height: 36px;
      margin-bottom: 88px;
    }

    .footer-v6 .footer-content-v6 .get-touch-txt ul li {
      margin-bottom: 30px;
    }

      .footer-v6 .footer-content-v6 .get-touch-txt ul li:last-child {
        margin-bottom: 0;
      }

      .footer-v6 .footer-content-v6 .get-touch-txt ul li a {
        display: block;
        color: #000;
        font-size: 14px;
        text-transform: uppercase;
        font-weight: 700;
      }

        .footer-v6 .footer-content-v6 .get-touch-txt ul li a:hover {
          color: #00b4ff;
        }

  .footer-v6 .footer-content-v6 .mile-bottom-footer {
    margin-top: 146px;
  }

    .footer-v6 .footer-content-v6 .mile-bottom-footer .social-header li a {
      color: #010101;
    }
/*--------------------------------------------------------------
# Header v4
--------------------------------------------------------------*/
.header-v4 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99;
  padding: 50px 0;
}

  .header-v4 .container {
    max-width: 1410px;
    padding: 0 15px;
  }

  .header-v4 .header-content-v4 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
  }

    .header-v4 .header-content-v4 nav {
      padding-left: 165px;
    }

      .header-v4 .header-content-v4 nav ul li {
        display: inline-block;
        padding: 0 30px;
        position: relative;
      }

        .header-v4 .header-content-v4 nav ul li a {
          display: inline-block;
          color: #fff;
          font-size: 14px;
          font-weight: 500;
          text-transform: capitalize;
          position: relative;
        }

          .header-v4 .header-content-v4 nav ul li a:before {
            content: "<";
            position: absolute;
            top: 0;
            left: -37px;
            color: #64f4ab;
            opacity: 0;
            visibility: hidden;
            transition: all 0.4s ease-in-out;
          }

          .header-v4 .header-content-v4 nav ul li a:after {
            content: ">";
            position: absolute;
            top: 0;
            right: -37px;
            color: #64f4ab;
            opacity: 0;
            visibility: hidden;
            transition: all 0.4s ease-in-out;
          }

          .header-v4 .header-content-v4 nav ul li a:hover {
            color: #64f4ab;
          }

            .header-v4 .header-content-v4 nav ul li a:hover:before {
              opacity: 1;
              visibility: visible;
              left: -17px;
            }

            .header-v4 .header-content-v4 nav ul li a:hover:after {
              opacity: 1;
              visibility: visible;
              right: -17px;
            }

        .header-v4 .header-content-v4 nav ul li:hover > ul {
          opacity: 1;
          visibility: visible;
          margin-top: 0;
        }

      .header-v4 .header-content-v4 nav ul ul {
        position: absolute;
        top: 100%;
        left: 0;
        width: 240px;
        background-color: #000;
        text-align: left;
        opacity: 0;
        visibility: hidden;
        transition: all 0.4s ease-in-out;
        margin-top: 25px;
        z-index: 9999;
      }

        .header-v4 .header-content-v4 nav ul ul ul {
          left: 100%;
          top: 0;
        }

        .header-v4 .header-content-v4 nav ul ul li {
          display: block;
          padding: 0;
          border-bottom: 1px solid hsla(0, 0%, 100%, 0.1);
        }

          .header-v4 .header-content-v4 nav ul ul li:last-child {
            border-bottom: 0;
          }

          .header-v4 .header-content-v4 nav ul ul li a {
            padding: 15px;
          }

            .header-v4 .header-content-v4 nav ul ul li a:after,
            .header-v4 .header-content-v4 nav ul ul li a:before {
              display: none;
            }

    .header-v4 .header-content-v4 .right-hd {
      margin-left: auto;
    }
    /*--------------------------------------------------------------
# Links
--------------------------------------------------------------*/
    .header-v4 .header-content-v4 .sociz-links {
      display: inline-block;
    }

      .header-v4 .header-content-v4 .sociz-links li {
        display: inline-block;
        margin-right: 49px;
      }

        .header-v4 .header-content-v4 .sociz-links li:last-child {
          margin-right: 0;
        }

        .header-v4 .header-content-v4 .sociz-links li a {
          display: inline-block;
          color: #999;
          font-size: 14px;
        }

          .header-v4 .header-content-v4 .sociz-links li a:hover {
            color: #fff;
          }

          .header-v4 .header-content-v4 .sociz-links li a i {
            color: #fff;
            margin-right: 5px;
          }

    .header-v4 .header-content-v4 .en-icon {
      margin-left: 70px;
      display: inline-block;
      color: #64f4ab;
      font-size: 26px;
      width: 60px;
      height: 60px;
      line-height: 60px;
      text-align: center;
      border-radius: 50%;
      background-color: #333438;
      position: relative;
      z-index: 99;
    }

      .header-v4 .header-content-v4 .en-icon:before {
        content: "";
        position: absolute;
        top: -10px;
        left: -10px;
        width: 80px;
        height: 80px;
        background: #333438;
        border-radius: 50%;
        opacity: 0;
        visibility: visible;
        transition: all 0.4s ease-in-out;
        transform: scale(0.8);
        z-index: -1;
      }

      .header-v4 .header-content-v4 .en-icon:hover:before {
        opacity: 1;
        visibility: visible;
        transform: scale(1);
      }

.main-banner-v4 {
  background-image: url(../img/banner-bg4.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 200px 0 0;
  background-position: top;
}

  .main-banner-v4 .container {
    max-width: 1390px;
    padding: 0 15px;
  }

  .main-banner-v4 .banner-content-v4 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .main-banner-v4 .banner-txt-v4 {
    max-width: 540px;
  }

    .main-banner-v4 .banner-txt-v4 > span {
      display: inline-block;
      color: #000;
      font-size: 14px;
      background-color: #64f4ab;
      padding: 5px 10px 6px;
      margin-bottom: 37px;
      border-radius: 3px;
    }

    .main-banner-v4 .banner-txt-v4 > h2 {
      color: #fff;
      font-size: 56px;
      line-height: 70px;
      font-weight: 400;
      margin-bottom: 38px;
    }

    .main-banner-v4 .banner-txt-v4 p {
      color: #9698a0;
      font-size: 16px;
      line-height: 30px;
      max-width: 430px;
      margin-bottom: 101px;
    }

    .main-banner-v4 .banner-txt-v4 > a {
      display: inline-block;
      color: #64f4ab;
      font-size: 20px;
      font-weight: 700;
      text-transform: uppercase;
      border-bottom: 1px solid #64f4ab;
    }

  .main-banner-v4 .banner-img-v4 {
    max-width: 754px;
    position: relative;
    margin-left: auto;
  }

    .main-banner-v4 .banner-img-v4 > img {
      width: 100%;
    }

    .main-banner-v4 .banner-img-v4 .col-icon {
      position: absolute;
    }

      .main-banner-v4 .banner-img-v4 .col-icon.v1 {
        bottom: 185px;
        left: -75px;
      }

      .main-banner-v4 .banner-img-v4 .col-icon.v2 {
        top: 105px;
        right: 15px;
      }

      .main-banner-v4 .banner-img-v4 .col-icon.v3 {
        bottom: 73px;
        right: -65px;
      }

  .main-banner-v4 .baner-count {
    position: absolute;
    bottom: 85px;
    left: 200px;
  }

    .main-banner-v4 .baner-count,
    .main-banner-v4 .baner-count li {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
    }

      .main-banner-v4 .baner-count li {
        -ms-flex-align: center;
        align-items: center;
        margin-right: 80px;
      }

        .main-banner-v4 .baner-count li:last-child {
          margin-right: 0;
        }

        .main-banner-v4 .baner-count li > h2 {
          color: #fff;
          font-size: 54px;
          margin-right: 25px;
        }

        .main-banner-v4 .baner-count li > span {
          color: #8b8d90;
          font-size: 14px;
          line-height: 26px;
          text-transform: uppercase;
          max-width: 160px;
        }
/*--------------------------------------------------------------
# About
--------------------------------------------------------------*/
.about-v4-sec {
  padding: 200px 0 195px;
  background-color: #252629;
}

  .about-v4-sec .container {
    max-width: 1390px;
    padding: 0 15px;
  }

  .about-v4-sec .about-v4-content .abt-list .abt-content {
    position: relative;
    background-color: #2d2e31;
    padding: 50px 60px;
    margin-bottom: 10px;
    border-radius: 10px;
    transition: all 0.4s ease-in-out;
  }

    .about-v4-sec .about-v4-content .abt-list .abt-content:hover {
      -ms-box-shadow: 0 101px 151px rgba(0, 0, 0, 0.3);
      box-shadow: 0 101px 151px rgba(0, 0, 0, 0.3);
    }

    .about-v4-sec .about-v4-content .abt-list .abt-content:last-child {
      margin-bottom: 0;
    }

    .about-v4-sec .about-v4-content .abt-list .abt-content .iconn {
      position: absolute;
      top: 60px;
      right: 55px;
      color: #64f4ab;
      font-size: 30px;
    }

    .about-v4-sec .about-v4-content .abt-list .abt-content > h3 {
      color: #fff;
      font-size: 30px;
      font-weight: 400;
      text-transform: capitalize;
    }

      .about-v4-sec .about-v4-content .abt-list .abt-content > h3:hover {
        color: #64f4ab;
      }

    .about-v4-sec .about-v4-content .abt-list .abt-content p {
      color: #8b8d90;
      font-size: 14px;
      margin-bottom: 23px;
    }

    .about-v4-sec .about-v4-content .abt-list .abt-content > a {
      display: inline-block;
      color: #fff;
      font-size: 12px;
      text-transform: uppercase;
      position: relative;
    }

      .about-v4-sec .about-v4-content .abt-list .abt-content > a:before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 0;
        height: 1px;
        background-color: #fff;
        transition: all 0.4s ease-in-out;
      }

      .about-v4-sec .about-v4-content .abt-list .abt-content > a:hover:before {
        opacity: 1;
        visibility: visible;
        width: 100%;
      }

  .about-v4-sec .about-v4-content .abt-col-text {
    max-width: 515px;
    margin-left: auto;
  }

    .about-v4-sec .about-v4-content .abt-col-text > span {
      display: block;
      color: #8b8d90;
      font-size: 14px;
      margin-bottom: 33px;
    }

    .about-v4-sec .about-v4-content .abt-col-text > h2 {
      color: #fff;
      font-size: 48px;
      line-height: 60px;
      font-weight: 400;
      margin-bottom: 52px;
    }

    .about-v4-sec .about-v4-content .abt-col-text h3 {
      color: #fff;
      font-size: 26px;
      line-height: 40px;
      font-weight: 400;
      font-style: italic;
      margin-bottom: 32px;
    }

    .about-v4-sec .about-v4-content .abt-col-text p {
      color: #8b8d90;
      font-size: 16px;
      line-height: 30px;
      padding-right: 30px;
    }

body.dark-v {
  background-color: #252629;
}

  body.dark-v .section {
    background: #252629;
  }

  body.dark-v #pp-nav {
    display: none !important;
  }

  body.dark-v .about-v4-sec {
    padding: 0;
  }

  body.dark-v .slide-container {
    padding-top: 13rem;
  }

.section .main-banner-v4 {
  width: 100%;
}

.section .about-v4-sec .container,
.section .about-v4-sec .container .about-v4-content {
  height: 100%;
}

  .section .about-v4-sec .container .about-v4-content > .row {
    height: 100%;
    -ms-flex-align: center;
    align-items: center;
  }

.sec-title-v4 {
  margin-bottom: 176px;
  position: relative;
  left: 175px;
}

  .sec-title-v4 > h2 {
    color: #fff;
    font-size: 48px;
    text-transform: capitalize;
    margin-bottom: 18px;
    font-weight: 400;
  }

  .sec-title-v4 > span {
    display: block;
    color: #8b8d90;
    font-size: 16px;
  }

.latest-works-v4-sec {
  padding: 110px 0 240px;
}

  .latest-works-v4-sec .sec-title-v4 {
    margin-top: 15px;
  }

  .latest-works-v4-sec .container {
    max-width: 1550px;
    padding: 0 15px;
  }

  .latest-works-v4-sec .row {
    margin: 0 -45px;
  }

    .latest-works-v4-sec .row .col-lg-6 {
      padding: 0 45px;
    }

  .latest-works-v4-sec .item-work {
    position: relative;
    margin-bottom: 100px;
    max-width: 710px;
  }

    .latest-works-v4-sec .item-work:last-child {
      margin-bottom: 0;
    }

    .latest-works-v4-sec .item-work.v1 {
      margin-bottom: 168px;
    }

    .latest-works-v4-sec .item-work > img {
      border-radius: 20px;
    }

    .latest-works-v4-sec .item-work .item-caption {
      position: absolute;
      top: 65px;
      left: 0;
      width: 100%;
      z-index: 99;
      padding: 0 85px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -ms-flex-align: center;
      align-items: center;
    }
      /*--------------------------------------------------------------
# Caption
--------------------------------------------------------------*/
      .latest-works-v4-sec .item-work .item-caption > h2 {
        color: #fff;
        font-size: 36px;
        font-weight: 400;
      }

        .latest-works-v4-sec .item-work .item-caption > h2:hover {
          color: #64f4ab;
        }

      .latest-works-v4-sec .item-work .item-caption ul {
        margin-left: auto;
      }

        .latest-works-v4-sec .item-work .item-caption ul li {
          display: inline-block;
          color: #c0c1c3;
          font-size: 14px;
          background-color: #4d4e52;
          padding: 2px 8px 4px;
          border-radius: 5px;
          font-family: DM Sans, sans-serif;
          margin-right: -5px;
        }

          .latest-works-v4-sec .item-work .item-caption ul li:last-child {
            margin: 0;
          }

  .latest-works-v4-sec .all-projects {
    padding-left: 170px;
  }

    .latest-works-v4-sec .all-projects .btn-default-v4 {
      margin-bottom: 101px;
    }

    .latest-works-v4-sec .all-projects > p {
      color: #8b8d90;
      font-size: 16px;
      line-height: 30px;
      max-width: 405px;
    }

      .latest-works-v4-sec .all-projects > p a {
        font-size: 16px;
      }

      .btn-default-v4,
      .latest-works-v4-sec .all-projects > p a {
        display: inline-block;
        color: #64f4ab;
        border-bottom: 1px solid #64f4ab;
      }

.btn-default-v4 {
  text-transform: uppercase;
  font-size: 30px;
  font-weight: 700;
}

  .btn-default-v4:hover {
    color: #64f4ab;
  }

.testimonial-v4-sec {
  padding: 100px 0;
}
  /*--------------------------------------------------------------
# Testimonial
--------------------------------------------------------------*/
  /*--------------------------------------------------------------
# Slider
--------------------------------------------------------------*/
  .testimonial-v4-sec .cl-slider-v4 {
    margin-bottom: 55px;
    background-color: #252629;
    padding: 77px 100px 82px;
    border-radius: 20px;
  }

    .testimonial-v4-sec .cl-slider-v4 .cl-slide {
      position: relative;
    }

      .testimonial-v4-sec .cl-slider-v4 .cl-slide:before {
        content: "\eb65";
        font-family: lineicons;
        position: absolute;
        top: -17px;
        right: 0;
        color: #353639;
        font-size: 90px;
      }

      .testimonial-v4-sec .cl-slider-v4 .cl-slide .rating {
        display: inline-block;
        margin-bottom: 32px;
      }

        .testimonial-v4-sec .cl-slider-v4 .cl-slide .rating li {
          display: inline-block;
          color: #64f4ab;
          font-size: 20px;
          margin-right: -7px;
        }

          .testimonial-v4-sec .cl-slider-v4 .cl-slide .rating li:last-child {
            margin: 0;
          }

      .testimonial-v4-sec .cl-slider-v4 .cl-slide > span {
        display: inline-block;
        color: #8b8d90;
        margin-bottom: 32px;
        padding-left: 4px;
      }

      .testimonial-v4-sec .cl-slider-v4 .cl-slide > p {
        color: #fff;
        font-size: 30px;
        line-height: 46px;
        font-family: DM Sans, sans-serif;
        max-width: 900px;
      }

  .testimonial-v4-sec .cl-slide-thumbs {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-bottom: 1px solid #404145;
  }

    .testimonial-v4-sec .cl-slide-thumbs .slick-list,
    .testimonial-v4-sec .cl-slide-thumbs .slick-track {
      width: 100% !important;
    }

    .testimonial-v4-sec .cl-slide-thumbs .cli-thumb {
      cursor: pointer;
      -ms-flex: 0 0 33.33%;
      flex: 0 0 33.33%;
      max-width: 33.33%;
      width: 33.33% !important;
      display: -ms-flexbox;
      display: flex;
      padding-bottom: 40px;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -ms-flex-align: center;
      align-items: center;
      position: relative;
    }

      .testimonial-v4-sec .cl-slide-thumbs .cli-thumb:before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 0;
        height: 1px;
        background-color: #64f4ab;
        opacity: 0;
        visibility: hidden;
        transition: all 0.4s ease-in-out;
      }

      .testimonial-v4-sec .cl-slide-thumbs .cli-thumb.slick-active:before,
      .testimonial-v4-sec .cl-slide-thumbs .cli-thumb:hover:before {
        opacity: 1;
        visibility: visible;
        width: 100%;
      }

      .testimonial-v4-sec .cl-slide-thumbs .cli-thumb > img {
        border-radius: 50%;
      }

      .testimonial-v4-sec .cl-slide-thumbs .cli-thumb .col-info {
        max-width: calc(100% - 73px);
        padding-left: 25px;
      }

        .testimonial-v4-sec .cl-slide-thumbs .cli-thumb .col-info > h3 {
          color: #fff;
          font-size: 20px;
          text-transform: capitalize;
          margin-bottom: 9px;
          font-weight: 400;
        }

        .testimonial-v4-sec .cl-slide-thumbs .cli-thumb .col-info > span {
          display: block;
          color: #8b8d90;
          font-family: DM Sans, sans-serif;
          font-size: 16px;
        }

          .testimonial-v4-sec .cl-slide-thumbs .cli-thumb .col-info > span strong {
            font-weight: 700;
            color: #64f4ab;
          }

.sec-head {
  margin-bottom: 87px;
}

  .sec-head > h2 {
    color: #fff;
    font-size: 48px;
    font-weight: 400;
    display: inline-block;
  }

  .sec-head > span {
    display: inline-block;
    color: #8b8d90;
    font-size: 16px;
    padding-left: 127px;
  }

.awards-v4-sec {
  padding: 84px 0;
}

  .awards-v4-sec .awards-v4-content-sec .year-hd {
    display: inline-block;
    color: #64f4ab;
  }

  .awards-v4-sec .awards-v4-content-sec .award-v4-content {
    margin-bottom: 95px;
  }

    .awards-v4-sec .awards-v4-content-sec .award-v4-content:last-child {
      margin-bottom: 0;
    }

  .awards-v4-sec .awards-v4-content-sec .awd-infoo li {
    margin-bottom: 38px;
  }

    .awards-v4-sec .awards-v4-content-sec .awd-infoo li:last-child {
      margin-bottom: 0;
    }

    .awards-v4-sec .awards-v4-content-sec .awd-infoo li > h4 {
      color: #fff;
      font-size: 18px;
      font-family: DM Sans, sans-serif;
      margin-bottom: 4px;
    }

    .awards-v4-sec .awards-v4-content-sec .awd-infoo li > span {
      display: block;
      color: #666;
      font-size: 36px;
    }

      .awards-v4-sec .awards-v4-content-sec .awd-infoo li > span a {
        display: inline-block;
        color: #fff;
        font-size: 36px;
        text-transform: capitalize;
        position: relative;
      }

        .awards-v4-sec .awards-v4-content-sec .awd-infoo li > span a:before {
          content: "";
          position: absolute;
          bottom: 0;
          left: 0;
          width: 0;
          height: 1px;
          opacity: 0;
          visibility: hidden;
          background-color: #64f4ab;
          transition: all 0.4s ease-in-out;
        }

        .awards-v4-sec .awards-v4-content-sec .awd-infoo li > span a:hover {
          color: #64f4ab;
        }

          .awards-v4-sec .awards-v4-content-sec .awd-infoo li > span a:hover:before {
            opacity: 1;
            visibility: visible;
            width: 100%;
          }
/*--------------------------------------------------------------
# Header v7
--------------------------------------------------------------*/
.header-v7 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99;
  text-align: center;
  padding: 61px 0 0;
}

  .header-v7 .header-v7-top {
    margin-bottom: 53px;
  }

  .header-v7 .header-v7-btm {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
  }
    /*--------------------------------------------------------------
# Header v7
--------------------------------------------------------------*/
    .header-v7 .header-v7-btm .social-links {
      max-width: 25%;
      -ms-flex: 0 0 25%;
      flex: 0 0 25%;
    }

      .header-v7 .header-v7-btm .social-links li a {
        display: inline-block;
        color: #999;
        font-size: 18px;
      }

        .header-v7 .header-v7-btm .social-links li a:hover {
          color: #000;
        }

    .header-v7 .header-v7-btm nav {
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%;
      text-align: center;
    }

      .header-v7 .header-v7-btm nav ul li {
        display: inline-block;
        position: relative;
        padding: 0 26px;
      }

        .header-v7 .header-v7-btm nav ul li:hover > ul {
          opacity: 1;
          visibility: visible;
          margin-top: 0;
        }

        .header-v7 .header-v7-btm nav ul li:first-child {
          padding-left: 0;
        }

        .header-v7 .header-v7-btm nav ul li:last-child {
          padding-right: 0;
        }

        .header-v7 .header-v7-btm nav ul li:before {
          content: "";
          position: absolute;
          top: 50%;
          left: 100%;
          width: 5px;
          height: 5px;
          background-color: #ccc;
          border-radius: 50%;
          transform: translateY(-50%);
        }

        .header-v7 .header-v7-btm nav ul li a {
          display: inline-block;
          color: #000;
          font-size: 14px;
          text-transform: uppercase;
        }

          .header-v7 .header-v7-btm nav ul li a:hover {
            font-weight: 700;
          }

      .header-v7 .header-v7-btm nav ul ul {
        position: absolute;
        top: 100%;
        left: 0;
        width: 240px;
        background-color: #fff;
        text-align: left;
        opacity: 0;
        visibility: hidden;
        transition: all 0.4s ease-in-out;
        margin-top: 25px;
        z-index: 9999;
      }

        .header-v7 .header-v7-btm nav ul ul ul {
          left: 100%;
          top: 0;
        }

        .header-v7 .header-v7-btm nav ul ul li {
          display: block;
          padding: 0;
          border-bottom: 1px solid hsla(0, 0%, 100%, 0.1);
        }

          .header-v7 .header-v7-btm nav ul ul li:after,
          .header-v7 .header-v7-btm nav ul ul li:before {
            display: none;
          }

          .header-v7 .header-v7-btm nav ul ul li:last-child {
            border-bottom: 0;
          }

          .header-v7 .header-v7-btm nav ul ul li a {
            padding: 15px;
          }

            .header-v7 .header-v7-btm nav ul ul li a:after,
            .header-v7 .header-v7-btm nav ul ul li a:before {
              display: none;
            }
    /*--------------------------------------------------------------
# Header v7
--------------------------------------------------------------*/
    .header-v7 .header-v7-btm .links-rt {
      -ms-flex: 0 0 25%;
      flex: 0 0 25%;
      max-width: 25%;
      margin-left: auto;
    }

      .header-v7 .header-v7-btm .links-rt li {
        display: inline-block;
        position: relative;
        margin-right: 41px;
      }

        .header-v7 .header-v7-btm .links-rt li:last-child {
          margin-right: 0;
        }

        .header-v7 .header-v7-btm .links-rt li a {
          display: inline-block;
          color: #000;
          font-size: 14px;
          text-transform: uppercase;
          position: relative;
        }

          .header-v7 .header-v7-btm .links-rt li a.searchh {
            position: relative;
          }

            .header-v7 .header-v7-btm .links-rt li a.searchh i {
              font-size: 18px;
              margin-left: 13px;
            }

          .header-v7 .header-v7-btm .links-rt li a i {
            font-size: 24px;
          }

        .header-v7 .header-v7-btm .links-rt li .cart-count {
          position: absolute;
          top: -2px;
          right: -2px;
          color: #000;
          font-size: 10px;
          font-weight: 700;
          background-color: #ffd760;
          border-radius: 50%;
          text-align: center;
          display: inline-block;
          width: 15px;
          height: 15px;
          line-height: 15px;
        }

.search-hd {
  position: relative;
}

.search-form-field {
  position: absolute;
  top: 100%;
  right: 0;
  width: 350px;
  background-color: #fff;
  padding: 20px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  margin-top: 20px;
  display: none;
}

  .search-form-field input {
    width: 100%;
    height: 50px;
    border: 1px solid #eee;
    padding: 0 15px;
  }

.tab-btns {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 45px;
}

  .tab-btns:before {
    position: absolute;
    top: 0;
    left: 50%;
    width: 60px;
    height: 30px;
    transform: translateX(-50%);
    background: #f59e31;
    border: 1px solid #e7e7ec;
    box-sizing: border-box;
    box-shadow: 0 8px 15px rgba(140, 152, 164, 0.1);
    border-radius: 30px;
    content: "";
    transition: all 0.3s linear;
  }

  .tab-btns li {
    position: relative;
    font-size: 14px;
    line-height: 30px;
    color: #999;
    cursor: pointer;
    z-index: 8;
    margin: 0 48px;
    min-width: 100px;
    transition: all 0.3s ease;
  }

    .tab-btns li:before {
      position: absolute;
      right: -73px;
      height: 20px;
      width: 20px;
      top: 5px;
      background: #fff;
      content: "";
      border-radius: 50%;
      transition: all 0.3s ease;
    }

    .tab-btns li.active-btn:before {
      right: -43px;
    }

    .tab-btns li:last-child:before {
      display: none;
    }

    .tab-btns li.active-btn {
      color: #000;
    }

.tab-data {
  display: none;
}

  .tab-data.active {
    display: block;
  }

.main-banner-v7 {
  background-color: #f2f5fa;
  padding: 300px 0 0;
}

  .main-banner-v7 .banner-content-v7 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
  }

    .main-banner-v7 .banner-content-v7 .en-img {
      margin-left: auto;
    }

    .main-banner-v7 .banner-content-v7 .en-info {
      position: absolute;
      top: 0;
      left: 0;
    }

      .main-banner-v7 .banner-content-v7 .en-info .play-video-btn {
        display: inline-block;
        position: absolute;
        top: 110px;
        right: -120px;
        width: 115px;
        height: 115px;
        border: 1px solid #000;
        text-align: center;
        color: #000;
        font-size: 16px;
        font-weight: 700;
        border-radius: 50%;
        text-transform: uppercase;
        padding-top: 37px;
      }

.about-us-v7-sec {
  padding: 116px 0 200px;
}

  .about-us-v7-sec .about-v7-content {
    text-align: center;
    max-width: 1060px;
    margin: 0 auto;
    margin-bottom: 100px;
  }

    .about-us-v7-sec .about-v7-content > h2 {
      color: #000;
      font-size: 36px;
      line-height: 48px;
      margin-bottom: 41px;
      padding: 0 100px;
    }

    .about-us-v7-sec .about-v7-content p {
      color: #666;
      font-size: 20px;
      line-height: 36px;
      font-weight: 400;
      margin-bottom: 79px;
    }

      .about-us-v7-sec .about-v7-content p > span {
        display: inline-block;
        font-weight: 700;
        color: #000;
      }
    /*--------------------------------------------------------------
# About us
--------------------------------------------------------------*/
    .about-us-v7-sec .about-v7-content .lnz-links li {
      display: inline-block;
      margin-right: 63px;
    }

      .about-us-v7-sec .about-v7-content .lnz-links li:last-child {
        margin-right: 0;
      }

      .about-us-v7-sec .about-v7-content .lnz-links li a {
        display: inline-block;
        color: #000;
        font-size: 20px;
        text-transform: uppercase;
        position: relative;
        z-index: 1;
        padding: 0 2px;
        font-weight: 700;
      }

        .about-us-v7-sec .about-v7-content .lnz-links li a:before {
          content: "";
          position: absolute;
          bottom: 0;
          left: 0;
          width: 0;
          height: 10px;
          background-color: #ffd760;
          z-index: -1;
          opacity: 0;
          visibility: hidden;
          transition: all 0.4s ease-in-out;
        }

        .about-us-v7-sec .about-v7-content .lnz-links li a:hover:before {
          opacity: 1;
          visibility: visible;
          width: 100%;
        }

.mission-sec {
  margin-top: 229px;
}

  .mission-sec .crlce-misz {
    /*width: 557px;*/
    height: 557px;
  }

    .mission-sec .crlce-misz:before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 557px;
      height: 557px;
      background-image: url(../img/circle-img.png);
      background-repeat: no-repeat;
    }

    .mission-sec .crlce-misz .crlce-list {
      position: relative;
      width: 100%;
      height: 100%;
    }

      .mission-sec .crlce-misz .crlce-list li {
        display: inline-block;
        overflow: hidden;
        z-index: 999;
      }

        .mission-sec .crlce-misz .crlce-list li .crlce-info {
          text-align: center;
          position: relative;
        }

          .mission-sec .crlce-misz .crlce-list li .crlce-info > h3 {
            color: #000;
            text-transform: capitalize;
            margin-top: 12px;
          }

        .mission-sec .crlce-misz .crlce-list li .crlce-img {
          position: absolute;
          top: 50%;
          left: 0;
          width: 100%;
          height: 50%;
          overflow: hidden;
          opacity: 0;
          visibility: hidden;
          transition: all 0.4s ease-in-out;
        }

          .mission-sec .crlce-misz .crlce-list li .crlce-img > img {
            border-radius: 50%;
          }

        .mission-sec .crlce-misz .crlce-list li:hover .crlce-img {
          opacity: 1;
          visibility: visible;
          height: 100%;
          top: 0;
        }

        .mission-sec .crlce-misz .crlce-list li.v1 {
          position: absolute;
          top: -107px;
          left: -50px;
          width: 330px;
          height: 330px;
          background-color: #f1f6f8;
          border-radius: 50%;
          text-align: center;
        }

          .mission-sec .crlce-misz .crlce-list li.v1 .crlce-info {
            position: absolute;
            top: 50%;
            left: 0;
            text-align: center;
            width: 100%;
            transform: translateY(-50%);
          }

            .mission-sec .crlce-misz .crlce-list li.v1 .crlce-info > i {
              color: #3f85a1;
              font-size: 120px;
            }

            .mission-sec .crlce-misz .crlce-list li.v1 .crlce-info > h3 {
              font-size: 24px;
            }

        .mission-sec .crlce-misz .crlce-list li.v2 {
          position: absolute;
          top: 194px;
          right: -11px;
          width: 280px;
          height: 280px;
          background-color: #f4f1f8;
          border-radius: 50%;
          text-align: center;
          margin-top: -70px;
        }

          .mission-sec .crlce-misz .crlce-list li.v2 .crlce-info {
            position: absolute;
            top: 50%;
            left: 0;
            text-align: center;
            width: 100%;
            transform: translateY(-50%);
          }

            .mission-sec .crlce-misz .crlce-list li.v2 .crlce-info > i {
              color: #654492;
              font-size: 100px;
            }

            .mission-sec .crlce-misz .crlce-list li.v2 .crlce-info > h3 {
              font-size: 20px;
            }

        .mission-sec .crlce-misz .crlce-list li.v3 {
          position: absolute;
          bottom: 12px;
          left: -6px;
          width: 220px;
          height: 220px;
          background-color: #f8f6f1;
          border-radius: 50%;
          text-align: center;
        }

          .mission-sec .crlce-misz .crlce-list li.v3 .crlce-info {
            position: absolute;
            top: 50%;
            left: 0;
            text-align: center;
            width: 100%;
            transform: translateY(-50%);
          }

            .mission-sec .crlce-misz .crlce-list li.v3 .crlce-info > i {
              color: #927b43;
              font-size: 72px;
            }

            .mission-sec .crlce-misz .crlce-list li.v3 .crlce-info > h3 {
              font-size: 16px;
            }

  .mission-sec .vlm-text {
    padding-left: 90px;
    margin-top: 45px;
  }

    .mission-sec .vlm-text > h2 {
      color: #000;
      font-size: 36px;
      text-transform: capitalize;
      margin-bottom: 25px;
    }

    .mission-sec .vlm-text span {
      display: block;
      color: #010101;
      font-size: 22px;
      line-height: 32px;
      font-style: italic;
      margin-bottom: 30px;
    }

    .mission-sec .vlm-text p {
      color: #666;
      font-size: 16px;
      line-height: 30px;
    }

.book-v7-sec {
  background-color: #f2f5fa;
}

  .book-v7-sec .book-form {
    padding: 120px 0 0;
    max-width: 400px;
  }

    .book-v7-sec .book-form > h2 {
      color: #000;
      font-size: 36px;
      text-transform: capitalize;
      margin-bottom: 20px;
    }

    .book-v7-sec .book-form > span {
      display: block;
      color: #000;
      font-size: 16px;
      margin-bottom: 69px;
    }

    .book-v7-sec .book-form .bk-form input {
      width: 100%;
      color: #999;
      font-size: 16px;
      background-color: inherit;
      border: 0;
      border-bottom: 1px solid #ccc;
      padding-bottom: 11px;
      margin-bottom: 25px;
    }

    .book-v7-sec .book-form .bk-form .form_submit {
      position: relative;
      display: inline-block;
      z-index: 1;
      margin-top: 38px;
    }

      .book-v7-sec .book-form .bk-form .form_submit:before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 10px;
        background-color: #ffd760;
        z-index: -1;
      }

    .book-v7-sec .book-form .bk-form button {
      display: inline-block;
      color: #000;
      font-size: 20px;
      font-weight: 700;
      text-transform: uppercase;
      background-color: inherit;
      border: 0;
    }

  .book-v7-sec .book-img {
    position: relative;
    margin-top: -143px;
  }

.testi-v3-sec.v7 {
  padding: 145px 0 100px;
}

  .testi-v3-sec.v7 .container {
    max-width: 1360px;
  }

  .testi-v3-sec.v7 .testi-thumbs li.v6 {
    bottom: auto;
    top: 30px;
    right: 120px;
  }

  .testi-v3-sec.v7 .testi-thumbs li.v4 {
    right: 36%;
  }

  .testi-v3-sec.v7 .testi-thumbs li.v5 {
    right: 30%;
  }

.sec-title-v7 {
  margin-bottom: 92px;
}

  .sec-title-v7 h2 {
    color: #000;
    font-size: 36px;
    font-weight: 700;
    text-transform: capitalize;
  }

.upcoming-events-sec {
  padding: 100px 0 151px;
  border-bottom: 1px solid #e3e3e3;
  margin-bottom: 150px;
}

.solu-upcoming {
  margin-bottom: 100px;
  background-image: url(../img/up-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 83px 115px 47px;
}

  .solu-upcoming > h2 {
    color: #000;
    font-size: 56px;
    line-height: 62px;
    max-width: 470px;
    margin-bottom: 16px;
  }

  .solu-upcoming > span {
    display: block;
    color: #666;
    font-size: 18px;
    line-height: 26px;
    max-width: 270px;
    margin-bottom: 57px;
  }

  .solu-upcoming .uo-com-row,
  .solu-upcoming .uo-com-row .us-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
  }

    .solu-upcoming .uo-com-row .us-row > h3 {
      color: #000;
      font-size: 14px;
      line-height: 24px;
      font-weight: 700;
      text-transform: uppercase;
      padding-left: 22px;
      max-width: 140px;
    }

    .solu-upcoming .uo-com-row .ll-list {
      padding-left: 60px;
    }

      .solu-upcoming .uo-com-row .ll-list li {
        display: inline-block;
        margin-right: 59px;
      }

        .solu-upcoming .uo-com-row .ll-list li:last-child {
          margin-right: 0;
        }

        .solu-upcoming .uo-com-row .ll-list li > span {
          display: block;
          color: #999;
          font-size: 14px;
          margin-bottom: 4px;
        }

        .solu-upcoming .uo-com-row .ll-list li > h4 {
          color: #000;
          font-size: 16px;
        }

.events-list {
  max-width: 1200px;
  padding: 0 15px;
  padding-bottom: 121px;
}

  .events-list li {
    border-bottom: 1px solid #e3e3e3;
    padding: 25px 0;
  }

    .events-list li:first-child {
      padding-top: 0;
    }

    .events-list li:last-child {
      padding-bottom: 0;
      border-bottom: 0;
    }

  .events-list .event-details {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
  }

    .events-list .event-details .event-date {
      max-width: 125px;
      -ms-flex: 0 0 125px;
      flex: 0 0 125px;
    }

      .events-list .event-details .event-date > span {
        display: block;
        color: #666;
        font-size: 14px;
        font-weight: 500;
        text-transform: uppercase;
      }

      .events-list .event-details .event-date > h3 {
        display: block;
        color: #000;
        font-size: 42px;
        font-weight: 700;
      }

    .events-list .event-details .ms-project {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -ms-flex-align: center;
      align-items: center;
      max-width: 580px;
      -ms-flex: 0 0 580px;
      flex: 0 0 580px;
    }

      .events-list .event-details .ms-project > img {
        max-width: 75px;
        border-radius: 50%;
      }

      .events-list .event-details .ms-project .ms-info {
        max-width: calc(100% - 75px);
        padding-left: 24px;
        max-width: 330px;
      }

        .events-list .event-details .ms-project .ms-info > h3 {
          color: #000;
          font-size: 24px;
        }

          .events-list .event-details .ms-project .ms-info > h3 a:hover {
            text-decoration: underline;
          }

    .events-list .event-details .event-location > span {
      display: block;
      color: #666;
      font-size: 14px;
      margin-bottom: 9px;
    }

    .events-list .event-details .event-location > h4 {
      color: #000;
      font-size: 18px;
    }

    .events-list .event-details .get-ticket {
      margin-left: auto;
    }

      .events-list .event-details .get-ticket > a {
        display: inline-block;
        color: #000;
        font-size: 20px;
        font-weight: 700;
        text-transform: uppercase;
        position: relative;
      }

        .events-list .event-details .get-ticket > a:before {
          content: "";
          position: absolute;
          bottom: 0;
          left: 0;
          width: 0;
          height: 10px;
          background-color: #ffd760;
          z-index: -1;
          transition: all 0.4s ease-in-out;
        }

        .events-list .event-details .get-ticket > a.active:before,
        .events-list .event-details .get-ticket > a:hover:before {
          width: 100%;
        }

.blog-post-v7 .blog-info > h2:hover a {
  color: #ffd760;
}

.footer-v7 .widget-language ul li a:hover {
  color: #000;
}

.all-events p {
  color: #666;
  font-size: 18px;
}

  .all-events p a {
    display: inline-block;
    color: #000;
    font-weight: 700;
  }
/*--------------------------------------------------------------
# Blog v7
--------------------------------------------------------------*/
.blog-section-v7 {
  padding: 100px 0;
}

  .blog-section-v7 .row {
    margin: 0 -45px;
  }

    .blog-section-v7 .row .col-lg-4 {
      padding: 0 45px;
    }

.blog-post-v7 .blog-info {
  padding: 30px 0 0;
}

  .blog-post-v7 .blog-info .meta {
    margin-bottom: 8px;
  }

    .blog-post-v7 .blog-info .meta li {
      display: inline-block;
      position: relative;
      padding: 0 15px;
    }

      .blog-post-v7 .blog-info .meta li:first-child {
        padding-left: 0;
      }

      .blog-post-v7 .blog-info .meta li:before {
        content: "";
        position: absolute;
        top: 50%;
        left: 100%;
        width: 4px;
        height: 4px;
        background-color: #999;
        border-radius: 50%;
        transform: translateY(-50%);
      }

      .blog-post-v7 .blog-info .meta li:last-child {
        padding-right: 0;
      }

        .blog-post-v7 .blog-info .meta li:last-child:before {
          display: none;
        }

      .blog-post-v7 .blog-info .meta li a {
        display: inline-block;
        color: #999;
        font-size: 12px;
        font-weight: 700;
        text-transform: uppercase;
      }

  .blog-post-v7 .blog-info > h2 {
    color: #000;
    font-size: 30px;
    line-height: 36px;
    margin-bottom: 24px;
  }

    .blog-post-v7 .blog-info > h2:hover {
      color: #ff4800;
    }

  .blog-post-v7 .blog-info .meta2 li {
    display: inline-block;
    color: #666;
    font-size: 14px;
    margin-right: 25px;
  }

    .blog-post-v7 .blog-info .meta2 li:last-child {
      margin-right: 0;
    }

    .blog-post-v7 .blog-info .meta2 li i {
      margin-right: 6px;
    }

.newslettter-sec-v7 {
  padding: 44px 0 100px;
}

.news-letter-v7 .newsletter-text > h2 {
  color: #000;
  font-size: 36px;
  margin-bottom: 4px;
  text-transform: capitalize;
}

.news-letter-v7 .newsletter-text > span {
  display: block;
  color: #666;
  font-size: 16px;
}

.news-letter-v7 .newsletter-form-v7 {
  max-width: 670px;
  margin-left: auto;
  position: relative;
}

  .news-letter-v7 .newsletter-form-v7 > i {
    position: absolute;
    top: -3px;
    left: 0;
    color: #000;
    font-size: 24px;
  }

  .news-letter-v7 .newsletter-form-v7 input {
    width: 100%;
    color: #bbb;
    font-size: 16px;
    border: 0;
    border-bottom: 1px solid #ccc;
    padding: 0 45px 17px;
  }

  .news-letter-v7 .newsletter-form-v7 button {
    position: absolute;
    top: -3px;
    right: 0;
    background: inherit;
    border: 0;
    color: #ff4800;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
  }
/*--------------------------------------------------------------
# Footer v7
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Links
--------------------------------------------------------------*/
.footer-v7 {
  background-color: #f2f5fa;
  padding: 94px 0 90px;
}

  .footer-v7 .menu-links {
    text-align: center;
    margin-bottom: 90px;
  }

    .footer-v7 .menu-links li {
      display: inline-block;
      padding: 0 30px;
      position: relative;
    }

      .footer-v7 .menu-links li:before {
        content: "";
        position: absolute;
        top: 50%;
        left: 100%;
        width: 4px;
        height: 4px;
        border-radius: 50%;
        transform: translateY(-50%);
        background-color: #ccc;
      }

      .footer-v7 .menu-links li:first-child {
        padding-left: 0;
      }

      .footer-v7 .menu-links li:last-child {
        padding-right: 0;
      }

        .footer-v7 .menu-links li:last-child:before {
          display: none;
        }

      .footer-v7 .menu-links li a {
        display: inline-block;
        color: #000;
        font-size: 14px;
        text-transform: uppercase;
        font-weight: 400;
      }

        .footer-v7 .menu-links li a:hover {
          font-weight: 700;
        }

  .footer-v7 .widget-about > img {
    margin-bottom: 43px;
  }

  .footer-v7 .widget-about ul li {
    display: block;
    color: #666;
    font-size: 16px;
    margin-bottom: 9px;
  }

    .footer-v7 .widget-about ul li:last-child {
      margin-bottom: 0;
    }

    .footer-v7 .widget-about ul li a {
      display: block;
      color: #666;
    }

  .footer-v7 .copy-tzt {
    color: #666;
    font-size: 16px;
    margin-top: 79px;
  }

    .footer-v7 .copy-tzt a {
      display: inline-block;
      color: #000;
      font-weight: 700;
    }

.widget-follow > h3 {
  text-transform: uppercase;
  color: #000;
  font-size: 14px;
  margin-bottom: 20px;
}

.widget-follow .social-links li a {
  font-size: 18px;
}

.widget-language {
  text-align: right;
}

  .widget-language > h3 {
    color: #000;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 24px;
    text-transform: uppercase;
  }

  .widget-language ul li {
    display: inline-block;
    margin-right: 21px;
  }

    .widget-language ul li:last-child {
      margin-right: 0;
    }

    .widget-language ul li a {
      display: inline-block;
      color: #999;
      font-size: 16px;
    }
/*--------------------------------------------------------------
# Header v8
--------------------------------------------------------------*/
.header-v8 {
  padding: 47px 0;
  position: relative;
}

  .header-v8.v9 {
    background-color: inherit;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99;
    padding: 40px 0;
  }

    .header-v8.v9 .header-content-v8 nav ul li a.active,
    .header-v8.v9 .header-content-v8 nav ul li a:hover {
      color: #e7cca9;
    }

    .header-v8.v9 .header-content-v8 nav ul ul li a {
      color: #000;
    }

      .header-v8.v9 .header-content-v8 nav ul ul li a.active,
      .header-v8.v9 .header-content-v8 nav ul ul li a:hover {
        color: #e7cca9;
      }

    .header-v8.v9 .container {
      max-width: 100%;
      padding: 0 80px;
    }

    .header-v8.v9 .header-content-v8 nav ul li a {
      color: #fff;
    }

    .header-v8.v9 .header-content-v8 .menu-btn {
      margin-left: 225px;
    }

    .header-v8.v9:before {
      display: none;
    }

  .header-v8:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 10px;
    background-image: url(../img/line.png);
    background-repeat: no-repeat;
    background-size: cover;
  }

  .header-v8 .container {
    max-width: 1230px;
    padding: 0 15px;
  }

.header-content-v8 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
}

  .header-content-v8 .logo-v8 {
    max-width: 370px;
    -ms-flex: 0 0 370px;
    flex: 0 0 370px;
  }

  .header-content-v8 nav ul li {
    display: inline-block;
    padding: 0 20px;
    position: relative;
  }

    .header-content-v8 nav ul li:hover > ul {
      opacity: 1;
      visibility: visible;
      margin-top: 0;
    }

    .header-content-v8 nav ul li:before {
      content: "";
      position: absolute;
      top: 50%;
      left: 100%;
      width: 5px;
      height: 5px;
      background-color: #ccc;
      transform: translateY(-50%);
      border-radius: 50%;
    }

    .header-content-v8 nav ul li:first-child {
      padding-left: 0;
    }

    .header-content-v8 nav ul li:last-child {
      padding-right: 0;
    }

      .header-content-v8 nav ul li:last-child:before {
        display: none;
      }

    .header-content-v8 nav ul li a {
      display: inline-block;
      color: #000;
      font-size: 14px;
      font-weight: 700;
      text-transform: uppercase;
    }

      .header-content-v8 nav ul li a:hover {
        color: #ff4800;
      }

  .header-content-v8 nav ul ul {
    position: absolute;
    top: 100%;
    left: 0;
    width: 240px;
    background-color: #fff;
    text-align: left;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease-in-out;
    margin-top: 25px;
    padding: 20px;
    border-radius: 5px;
    z-index: 999999;
    -ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  }

    .header-content-v8 nav ul ul ul {
      left: 100%;
      top: 0;
    }

    .header-content-v8 nav ul ul li {
      display: block;
      padding: 0;
      margin-bottom: 10px;
    }

      .header-content-v8 nav ul ul li:last-child {
        margin-bottom: 0;
      }

      .header-content-v8 nav ul ul li:after,
      .header-content-v8 nav ul ul li:before {
        display: none;
      }

      .header-content-v8 nav ul ul li:last-child {
        border-bottom: 0;
      }

      .header-content-v8 nav ul ul li a:after,
      .header-content-v8 nav ul ul li a:before {
        display: none;
      }

  .header-content-v8 .chat-btn {
    display: inline-block;
    margin-left: auto;
    color: #000;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    padding-bottom: 11px;
    border-bottom: 1px solid #000;
  }

    .header-content-v8 .chat-btn i {
      margin-left: 10px;
      font-size: 16px;
    }

  .header-content-v8 .menu-btn {
    display: inline-block;
    color: #000;
    font-size: 30px;
    margin-left: 100px;
  }

.banner-v8 {
  padding: 49px 0 100px;
}

.banner-v8-content .banner-txt-v8 {
  border-bottom: 1px solid #dbdbdb;
  padding-bottom: 84px;
  margin-top: 67px;
}

  .banner-v8-content .banner-txt-v8 > h2 {
    color: #000;
    font-size: 64px;
    line-height: 72px;
    margin-bottom: 28px;
  }

  .banner-v8-content .banner-txt-v8 p {
    color: #999;
    font-size: 18px;
    line-height: 34px;
    margin-bottom: 54px;
    padding-right: 30px;
  }

.banner-v8-content .banner-wid {
  padding-top: 46px;
}

  .banner-v8-content .banner-wid p {
    color: #000;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 46px;
    padding-right: 100px;
  }

.wd-inz {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

  .wd-inz .cinon {
    display: inline-block;
    width: 50px;
    height: 50px;
    background-color: #2f2e42;
    line-height: 50px;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    font-size: 18px;
  }

  .wd-inz .wl-info {
    padding-left: 20px;
  }

    .wd-inz .wl-info > span {
      display: block;
      color: #666;
      font-size: 12px;
      text-transform: uppercase;
      margin-bottom: 1px;
    }

    .wd-inz .wl-info > h3 {
      color: #000;
      font-size: 24px;
    }

.btn-default-v8 {
  display: inline-block;
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  background-color: #ff4800;
  height: 58px;
  line-height: 58px;
  padding: 0 35px;
  border-radius: 7px;
  text-transform: capitalize;
}

  .btn-default-v8:hover {
    color: #fff;
  }

  .btn-default-v8.v2 {
    height: 46px;
    line-height: 46px;
    margin-top: 60px;
    background-color: inherit;
    border: 1px solid #ff4800;
    color: #ff4800;
    font-size: 16px;
    text-transform: capitalize;
  }

    .btn-default-v8.v2:hover {
      background-color: #ff4800;
      color: #fff;
    }

.misson-section-v8 .mission-sec {
  margin-top: 209px;
}

  .misson-section-v8 .mission-sec .crlce-misz:after {
    content: "";
    position: absolute;
    top: 90px;
    left: -80px;
    width: 580px;
    height: 483px;
    background-image: url(../img/bubble.png);
    background-repeat: no-repeat;
  }

  .misson-section-v8 .mission-sec .crlce-misz .crlce-list li.v1 {
    background-color: #ff4800;
  }

    .misson-section-v8 .mission-sec .crlce-misz .crlce-list li.v1 .crlce-info > i {
      color: #fff;
      font-size: 100px;
      margin-bottom: 20px;
    }

    .misson-section-v8 .mission-sec .crlce-misz .crlce-list li.v1 .crlce-info > h3 {
      color: #fff;
    }

  .misson-section-v8 .mission-sec .crlce-misz .crlce-list li.v2 .crlce-info > i {
    color: #000;
    font-size: 100px;
  }

  .misson-section-v8 .mission-sec .crlce-misz .crlce-list li.v3 .crlce-info > i {
    color: #fff;
    font-size: 70px;
    margin-bottom: 10px;
  }

  .misson-section-v8 .mission-sec .crlce-misz .crlce-list li.v3 .crlce-info > h3 {
    color: #fff;
  }

  .misson-section-v8 .mission-sec .crlce-misz .crlce-list li.v2 {
    background-color: #ffba00;
  }

  .misson-section-v8 .mission-sec .crlce-misz .crlce-list li.v3 {
    background-color: #2f2e42;
  }

  .misson-section-v8 .mission-sec .crlce-misz .crlce-list li .crlce-info > h3 {
    padding: 0 50px;
  }

.grow-business-v8 {
  padding: 149px 0 69px;
}

  .grow-business-v8 .counter-sec-v6 {
    border-bottom: 1px solid #dbdbdb;
    padding-bottom: 110px;
  }

    .grow-business-v8 .counter-sec-v6 li {
      max-width: 33.33%;
      margin-right: 0;
      -ms-flex: 0 0 33.33%;
      flex: 0 0 33.33%;
    }

      .grow-business-v8 .counter-sec-v6 li .counter-cont > h2.clr1 {
        color: #ff4800;
      }

      .grow-business-v8 .counter-sec-v6 li .counter-cont > h2.clr2 {
        color: #ffba00;
      }

      .grow-business-v8 .counter-sec-v6 li .counter-cont > h2.clr3 {
        color: #2f2e42;
      }

.grw-content-v8 {
  margin-bottom: 138px;
}

  .grw-content-v8 .gr-text {
    max-width: 420px;
  }

    .grw-content-v8 .gr-text > h2 {
      color: #000;
      font-size: 40px;
      line-height: 50px;
      margin-bottom: 28px;
    }

    .grw-content-v8 .gr-text h4 {
      color: #010101;
      font-size: 24px;
      line-height: 32px;
      font-style: italic;
      margin-bottom: 34px;
      display: block;
    }

    .grw-content-v8 .gr-text p {
      color: #666;
      font-size: 16px;
      line-height: 30px;
      margin-bottom: 50px;
    }

    .grw-content-v8 .gr-text .btn-default-v8.v2 {
      margin-top: 0;
    }

    .grw-content-v8 .gr-text .view-btn .pl-btn {
      background-color: #ff4800;
      color: #fff;
    }

      .grw-content-v8 .gr-text .view-btn .pl-btn:before {
        background: #ff4800;
      }

    .grw-content-v8 .gr-text .view-btn:hover .vt {
      color: #ff4800;
    }

  .grw-content-v8 .gw-img {
    position: relative;
  }

    .grw-content-v8 .gw-img:before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 773px;
      height: 778px;
      background-image: url(../img/overlay-gw.png);
      background-repeat: no-repeat;
      opacity: 0.8;
    }

    .grw-content-v8 .gw-img .gw-text {
      position: absolute;
      bottom: 140px;
      left: 95px;
      width: 100%;
      max-width: 470px;
    }

      .grw-content-v8 .gw-img .gw-text > h1 {
        color: #fff;
        font-size: 150px;
        line-height: 150px;
        font-weight: 800;
        display: inline-block;
        margin-bottom: 27px;
      }

      .grw-content-v8 .gw-img .gw-text > h2 {
        color: #fff;
        font-size: 30px;
        font-weight: 500;
        display: inline-block;
        line-height: 32px;
        text-transform: uppercase;
      }

      .grw-content-v8 .gw-img .gw-text > h3 {
        color: #fff;
        font-size: 30px;
        line-height: 48px;
      }

.view-story-btn {
  display: inline-block;
  color: #000;
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  text-transform: uppercase;
  position: relative;
  padding-left: 65px;
  margin-left: 26px;
  top: 9px;
  text-align: left;
}

  .view-story-btn:before {
    content: "\eb51";
    font-family: lineicons;
    position: absolute;
    top: -5px;
    left: 0;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 50%;
    background-color: #ff4800;
    color: #fff;
    font-size: 18px;
  }

.projects-v8 {
  padding: 69px 0 100px;
}

  .projects-v8 .container {
    max-width: 1550px;
    padding: 0 15px;
  }

.title-v8 {
  margin-bottom: 30px;
}

  .title-v8 > h2 {
    color: #000;
    font-size: 40px;
    text-transform: capitalize;
  }

  .title-v8 > p {
    color: #666;
    font-size: 16px;
    line-height: 30px;
    max-width: 520px;
    margin: 0 auto;
    margin-top: 18px;
  }

.projects-tab-sec .nav-tabs {
  margin-bottom: 50px;
  display: block;
  text-align: center;
  border-bottom: 0;
}

  .projects-tab-sec .nav-tabs li {
    display: inline-block;
    padding: 0;
    border: 0;
  }

    .projects-tab-sec .nav-tabs li a {
      border: 0;
      background-color: inherit;
      border-radius: 0;
      padding: 0 24px;
      display: inline-block;
      color: #000;
      font-size: 16px;
      text-transform: uppercase;
    }

      .projects-tab-sec .nav-tabs li a.active {
        color: #ff4800;
        font-weight: 700;
      }

.container {
  margin: 0 auto;
}
/*--------------------------------------------------------------
# Slider
--------------------------------------------------------------*/
.projects-sliders .project-slide {
  position: relative;
  margin-bottom: 75px;
}

  .projects-sliders .project-slide:before {
    content: "";
    top: 0;
    height: 100%;
    background-color: #ff4800;
  }

  .projects-sliders .project-slide .project-slide-info,
  .projects-sliders .project-slide:before {
    position: absolute;
    left: 0;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease-in-out;
  }

  .projects-sliders .project-slide .project-slide-info {
    bottom: 42px;
    padding: 0 50px;
  }

    .projects-sliders .project-slide .project-slide-info > h3 {
      color: #fff;
      font-size: 30px;
      text-transform: capitalize;
      margin-bottom: 27px;
    }

      .projects-sliders .project-slide .project-slide-info > h3:hover {
        text-decoration: underline;
      }

    .projects-sliders .project-slide .project-slide-info p {
      color: #fff;
      font-size: 16px;
      line-height: 26px;
    }

  .projects-sliders .project-slide .category {
    top: 53px;
    left: 50px;
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
  }

  .projects-sliders .project-slide .category,
  .projects-sliders .project-slide .share {
    position: absolute;
    color: #fff;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease-in-out;
  }

  .projects-sliders .project-slide .share {
    display: inline-block;
    top: 47px;
    right: 50px;
    font-size: 24px;
  }

  .projects-sliders .project-slide:hover .category,
  .projects-sliders .project-slide:hover .project-slide-info,
  .projects-sliders .project-slide:hover .share,
  .projects-sliders .project-slide:hover:before {
    opacity: 1;
    visibility: visible;
  }

.projects-sliders .slick-dots li {
  position: relative;
}

  .projects-sliders .slick-dots li:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10px;
    height: 10px;
    margin-top: 1px;
    background-color: #ccc;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.4s ease-in-out;
  }

  .projects-sliders .slick-dots li button {
    width: 25px;
    height: 25px;
    border: 1px solid transparent;
    border-radius: 50%;
    background-color: #fff;
  }

  .projects-sliders .slick-dots li.slick-active:before {
    background-color: #ff4800;
  }

  .projects-sliders .slick-dots li.slick-active button {
    background-color: #fff;
    border-color: #ff530f;
  }

.projects-sliders .slick-next,
.projects-sliders .slick-prev {
  width: auto;
  height: auto;
  line-height: inherit;
  border: 0;
  width: 50px;
  height: 50px;
  top: 50%;
  transform: translateY(-50%);
  margin-top: -37px;
}

  .projects-sliders .slick-next:before,
  .projects-sliders .slick-prev:before {
    color: #ccc;
    font-size: 36px;
  }

  .projects-sliders .slick-next:hover,
  .projects-sliders .slick-prev:hover {
    background-color: inherit;
    -ms-box-shadow: inherit;
    box-shadow: inherit;
  }

    .projects-sliders .slick-next:hover:before,
    .projects-sliders .slick-prev:hover:before {
      color: #ff4800;
    }

  .projects-sliders .slick-next.slick-disabled,
  .projects-sliders .slick-prev.slick-disabled {
    opacity: 0;
  }

.projects-sliders .slick-prev {
  right: auto;
  /*left: -75px;*/
}

/*.projects-sliders .slick-next {*/
/*    right: -75px;*/
/*}*/

.why-us-v8 {
  padding: 49px 0 16px;
}

  .why-us-v8 .title-v8 {
    margin-bottom: 67px;
  }

.fzt-row {
  margin: 0;
}

  .fzt-row .col-lg-3 {
    padding: 0;
  }

.our-fzt {
  background-color: #fff;
  border: 1px solid #eaeaea;
  padding: 33px 25px 95px;
  position: relative;
  height: 100%;
}

  .our-fzt:before {
    content: "";
    position: absolute;
    bottom: 40px;
    left: 25px;
    width: 20px;
    height: 1px;
    background-color: #000;
  }

  .our-fzt:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 4px;
    background-color: #ff4800;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease-in-out;
  }

  .our-fzt:hover:after {
    opacity: 1;
    visibility: visible;
    width: 100%;
  }

  .our-fzt > h3 {
    color: #000;
    font-size: 24px;
    line-height: 30px;
    text-transform: capitalize;
    margin-bottom: 16px;
  }

    .our-fzt > h3:hover {
      color: #ff4800;
    }

  .our-fzt p {
    color: #666;
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 27px;
  }

  .our-fzt .fzt-icon {
    display: inline-block;
    width: 100px;
    position: relative;
    z-index: 1;
  }

    .our-fzt .fzt-icon:before {
      content: "";
      position: absolute;
      top: -5px;
      left: 0;
      width: 71px;
      height: 71px;
      background-repeat: no-repeat;
      z-index: -1;
    }

    .our-fzt .fzt-icon.v1:before {
      background-image: url(../img/hx1.png);
    }

    .our-fzt .fzt-icon.v2:before {
      background-image: url(../img/hx2.png);
    }

    .our-fzt .fzt-icon.v3 {
      margin-top: 30px;
    }

      .our-fzt .fzt-icon.v3:before {
        background-image: url(../img/hx3.png);
      }

    .our-fzt .fzt-icon.v4:before {
      background-image: url(../img/hx4.png);
    }

    .our-fzt .fzt-icon i {
      color: #000;
      font-size: 60px;
      position: relative;
      left: 26px;
    }

.partners-v8-sec {
  padding-bottom: 48px;
}

  .partners-v8-sec .title-v8 {
    margin-bottom: 67px;
  }

.pt-logos-v8 {
  margin: 0;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
}

  .pt-logos-v8 .col-lg-2 {
    padding: 0;
    max-width: 20%;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
  }

  .pt-logos-v8 .pt-logo-v8 {
    text-align: center;
    border: 1px solid #e2e2e2;
    padding: 0 20px;
    height: 150px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

    .pt-logos-v8 .pt-logo-v8 > img {
      max-width: 60%;
      filter: grayscale(100%);
      transition: all 0.4s ease-in-out;
    }

    .pt-logos-v8 .pt-logo-v8:hover > img {
      filter: grayscale(0);
    }

.blog-section-v7.v8 .title-v8 {
  margin-bottom: 72px;
}
/*--------------------------------------------------------------
# Footer v6.v8
--------------------------------------------------------------*/
.footer-v6.v8 {
  background-color: #f2f5fa;
  padding: 150px 0 100px;
}

  .footer-v6.v8 .mile-bottom-footer .social-header {
    text-align: center;
  }

  .footer-v6.v8 .widget-abt {
    max-width: 550px;
  }

  .footer-v6.v8 .get-touch-txt {
    padding-left: 0;
    margin-top: 0;
  }

    .footer-v6.v8 .get-touch-txt h5 {
      font-size: 25px;
      font-weight: 700;
      text-transform: capitalize;
    }

  .footer-v6.v8 .container {
    max-width: 1230px;
    padding: 0 15px;
  }

  .footer-v6.v8 .footer-content-v6 .widget-abt > h2 a {
    color: #ff4800;
  }

    .footer-v6.v8 .footer-content-v6 .widget-abt > h2 a:before {
      background-color: #ff4800;
    }

  .footer-v6.v8 .widget-ft-services > h3 {
    color: #000;
    font-size: 25px;
    margin-bottom: 47px;
  }

  .footer-v6.v8 .widget-ft-services ul li {
    margin-bottom: 30px;
  }

    .footer-v6.v8 .widget-ft-services ul li:last-child {
      margin-bottom: 0;
    }

    .footer-v6.v8 .widget-ft-services ul li a {
      display: block;
      color: #000;
      font-size: 14px;
      font-weight: 700;
      text-transform: uppercase;
    }

.main-banner-v9 {
  background-image: url(../img/banner-img9.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  padding: 287px 0 322px;
  overflow: hidden;
}

  .main-banner-v9:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 1920px;
    height: 1500px;
    background-image: url(../img/bg-shape1.png);
    background-repeat: no-repeat;
  }
/*--------------------------------------------------------------
# Slider
--------------------------------------------------------------*/
.banner-slider-v9 {
  max-width: 650px;
  position: relative;
  z-index: 99;
}

  .banner-slider-v9 .slick-dots {
    left: 0;
    text-align: left;
    bottom: -231px;
  }

    .banner-slider-v9 .slick-dots li {
      width: 25px;
      height: 25px;
      line-height: 25px;
      text-align: center;
      border: 1px solid transparent;
      transition: all 0.4s ease-in-out;
      border-radius: 50%;
    }

      .banner-slider-v9 .slick-dots li button {
        margin: 0 auto;
        transition: all 0.4s ease-in-out;
        margin-top: 7px;
        background-color: #516e9e;
      }

      .banner-slider-v9 .slick-dots li.slick-active {
        border-color: #e7cca9;
      }

        .banner-slider-v9 .slick-dots li.slick-active button {
          background-color: #e7cca9;
        }

  .banner-slider-v9 .banner-slide-v9 > span {
    display: block;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 21px;
  }

  .banner-slider-v9 .banner-slide-v9 > h2 {
    color: #fff;
    font-size: 72px;
    line-height: 84px;
    margin-bottom: 57px;
  }

    .banner-slider-v9 .banner-slide-v9 > h2 > span {
      display: inline-block;
      color: #e7cca9;
    }

  .banner-slider-v9 .banner-slide-v9 p {
    color: #fff;
    font-size: 18px;
    line-height: 34px;
    margin-bottom: 76px;
    max-width: 420px;
  }

.btn-default-v9 {
  background-color: #e7cca9;
  color: #0f2f65;
  font-size: 20px;
  height: 60px;
  line-height: 60px;
  padding: 0 36px;
  border-radius: 30px;
  display: inline-block;
  font-weight: 700;
}

  .btn-default-v9:hover {
    color: #0f2f65;
  }

  .btn-default-v9.v2 {
    background-color: #0f2f65;
    color: #e7cca9;
  }

    .btn-default-v9.v2:hover {
      background-color: #e7cca9;
      color: #0f2f65;
    }

.abt-v9-cntr {
  border-bottom: 1px solid #d2d6dd;
  padding: 49px 0;
}
  /*--------------------------------------------------------------
# Call To Us
--------------------------------------------------------------*/
  .abt-v9-cntr .call-us-v9 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
  }

    .abt-v9-cntr .call-us-v9 .icon-v9 {
      display: inline-block;
      width: 45px;
      height: 45px;
      line-height: 48px;
      background-color: #0f2f65;
      border-radius: 50%;
      text-align: center;
      color: #e7cca9;
      font-size: 18px;
    }

    .abt-v9-cntr .call-us-v9 h4 {
      color: #0f2f65;
      font-size: 14px;
      text-transform: uppercase;
      line-height: 20px;
      padding-left: 20px;
      font-weight: 700;
      max-width: 80px;
    }

    .abt-v9-cntr .call-us-v9 h3 {
      color: #0f2f65;
      font-size: 30px;
      padding-left: 40px;
    }

  .abt-v9-cntr .cl-ordr {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

    .abt-v9-cntr .cl-ordr li {
      margin-right: 80px;
    }

      .abt-v9-cntr .cl-ordr li:last-child {
        margin-right: 0;
      }

      .abt-v9-cntr .cl-ordr li > h3 {
        color: #0f2f65;
        font-size: 40px;
        margin-bottom: -2px;
      }

      .abt-v9-cntr .cl-ordr li > span {
        display: block;
        color: #666;
        font-size: 16px;
      }

.about-v9-content {
  padding: 135px 0 0;
  margin-bottom: -20px;
}

  .about-v9-content .container-fluid,
  .about-v9-content .container-lg,
  .about-v9-content .container-md,
  .about-v9-content .container-sm,
  .about-v9-content .container-xl {
    padding: 0 130px;
  }

  .about-v9-content .about-v9-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
  }

  .about-v9-content .ban-img-v9 {
    position: relative;
    z-index: 1;
  }

    .about-v9-content .ban-img-v9:before {
      content: "";
      position: absolute;
      top: 85px;
      left: 0;
      width: 707px;
      height: 707px;
      background-image: url(../img/ban-shape.png);
      background-repeat: no-repeat;
      z-index: -1;
    }

  .about-v9-content .about-v9-txt {
    max-width: 670px;
    padding-left: 125px;
  }

    .about-v9-content .about-v9-txt.w-100 {
      max-width: 100%;
      padding-left: 0px;
    }

    .about-v9-content .about-v9-txt > span {
      color: #0f2f65;
      font-size: 16px;
      text-transform: uppercase;
      font-weight: 500;
    }

    .about-v9-content .about-v9-txt > h2 {
      color: #0f2f65;
      font-size: 60px;
      line-height: 64px;
      margin-top: 25px;
      margin-bottom: 39px;
    }

      .about-v9-content .about-v9-txt > h2 > span {
        display: inline-block;
        color: #e7cca9;
      }

    .about-v9-content .about-v9-txt p {
      color: #666;
      font-size: 18px;
      line-height: 34px;
      margin-bottom: 63px;
    }

    .about-v9-content .about-v9-txt.w-100 p {
      margin-bottom: 14px;
    }

.view-btn {
  display: inline-block;
  margin-left: 20px;
}

  .view-btn .pl-btn {
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 50%;
    background-color: #e7cca9;
    font-size: 18px;
    color: #0f2f65;
    margin-right: 11px;
    text-align: center;
    position: relative;
    z-index: 99;
  }

    .view-btn .pl-btn:before {
      content: "";
      position: absolute;
      top: -4px;
      left: -4px;
      width: 56px;
      height: 56px;
      background-color: #e7cca9;
      opacity: 0.5;
      visibility: hidden;
      transform: scale(0.8);
      z-index: -1;
      border-radius: 50%;
      transition: all 0.4s ease-in-out;
    }

    .view-btn .pl-btn:hover:before {
      opacity: 0.5;
      visibility: visible;
      transform: scale(1.2);
    }

    .view-btn .pl-btn i {
      position: relative;
      top: 1px;
    }

  .view-btn .vt {
    display: inline-block;
    color: #0f2f65;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    max-width: 80px;
    position: relative;
    top: 8px;
    transition: all 0.4s ease-in-out;
  }

    .view-btn .vt:hover {
      color: #e7cca9;
    }

.business-txt .view-btn.yellow .pl-btn:before {
  background-color: #f59e31;
}

.business-txt .view-btn.yellow .vt {
  text-align: left;
}

.business-txt .view-btn.yellow:hover .vt {
  color: #f59e31;
}

.title-v9 {
  margin-bottom: 85px;
}

  .title-v9 > span {
    display: block;
    color: #0f2f65;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 17px;
    text-transform: uppercase;
  }

  .title-v9 > h2 {
    color: #0f2f65;
    line-height: 64px;
    font-size: 60px;
  }

    .title-v9 > h2 > span {
      display: inline-block;
      color: #e7cca9;
    }
/*--------------------------------------------------------------
# Service v9
--------------------------------------------------------------*/
.services-v9 {
  background-color: #f0f3f9;
  padding: 220px 0 200px;
}

.services_v9 {
  margin-bottom: -30px;
}

  .services_v9 .service-v9 {
    background-color: #fff;
    padding: 50px 50px 42px;
    border-radius: 10px;
    position: relative;
    margin-bottom: 30px;
    transition: all 0.4s ease-in-out;
  }

    .services_v9 .service-v9 .s-category {
      position: absolute;
      top: 52px;
      right: 47px;
      text-transform: uppercase;
      color: #000;
      font-size: 14px;
      font-weight: 700;
      padding-bottom: 3px;
    }

      .services_v9 .service-v9 .s-category:before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1px;
        background-color: #a3a3a3;
      }

    .services_v9 .service-v9 .s-icon {
      display: inline-block;
      width: 95px;
      height: 95px;
      background-color: #e6cba9;
      border-radius: 50%;
      text-align: center;
      line-height: 100px;
      color: #0f2f65;
      font-size: 42px;
      margin-bottom: 50px;
      transition: all 0.4s ease-in-out;
    }

    .services_v9 .service-v9 > h3 {
      color: #0f2f65;
      font-size: 30px;
      margin-bottom: 14px;
    }

    .services_v9 .service-v9 p {
      font-size: 16px;
      line-height: 26px;
    }

    .services_v9 .service-v9:hover {
      -ms-box-shadow: 0 150px 200px rgba(55, 67, 84, 0.25);
      box-shadow: 0 150px 200px rgba(55, 67, 84, 0.25);
    }

      .services_v9 .service-v9:hover .s-icon {
        background-color: #0f2f65;
        color: #e6cba9;
      }

  .services_v9 .sv-text-v9 {
    padding: 50px 50px 0;
  }

    .services_v9 .sv-text-v9 > h2 {
      color: #0f2f65;
      font-size: 30px;
      line-height: 36px;
      font-weight: 700;
      margin-bottom: 41px;
    }

    .services_v9 .sv-text-v9 > img {
      margin-bottom: 11px;
    }

    .services_v9 .sv-text-v9 > span {
      display: block;
      color: #999;
      font-size: 14px;
    }

.why-us-v9 {
  padding: 140px 0 119px;
}

.why-txt-v9 ul li {
  margin-bottom: 49px;
}

  .why-txt-v9 ul li:last-child {
    margin-bottom: 0;
  }

.why-txt-v9 .us-svs {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

  .why-txt-v9 .us-svs .svs-icon {
    -ms-flex: 0 0 100px;
    flex: 0 0 100px;
    max-width: 100px;
    position: relative;
    top: 6px;
  }

    .why-txt-v9 .us-svs .svs-icon i {
      color: #0f2f65;
      font-size: 60px;
    }

  .why-txt-v9 .us-svs .svs-info {
    -ms-flex: 0 0 calc(100% - 100px);
    flex: 0 0 calc(100% - 100px);
    max-width: calc(100% - 100px);
    padding-right: 80px;
  }

    .why-txt-v9 .us-svs .svs-info > h3 {
      color: #0f2f65;
      font-size: 24px;
      text-transform: capitalize;
      margin-bottom: 11px;
    }

    .why-txt-v9 .us-svs .svs-info p {
      font-size: 16px;
      line-height: 26px;
    }

.wy-img {
  position: relative;
}

  .wy-img:before {
    content: "";
    position: absolute;
    top: 125px;
    left: -50px;
    width: 664px;
    height: 664px;
    background-image: url(../img/ban-shape2.png);
    background-repeat: no-repeat;
    z-index: -1;
  }
/*--------------------------------------------------------------
# Testimonial
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Slider
--------------------------------------------------------------*/
.testimonial-v4-sec.v9 {
  background-color: #fff;
}

  .testimonial-v4-sec.v9 .cl-slider-v4 {
    background-color: #f0f3f9;
  }

    .testimonial-v4-sec.v9 .cl-slider-v4 .cl-slide .rating li {
      color: #e6cba9;
      margin-right: 3px;
    }

    .testimonial-v4-sec.v9 .cl-slider-v4 .cl-slide > p {
      color: #0f2f65;
      font-size: 30px;
      font-weight: 600;
      line-height: 46px;
    }

  .testimonial-v4-sec.v9 .cl-slide:before {
    color: #e5caa8;
  }

  .testimonial-v4-sec.v9 .cl-slide-thumbs .cli-thumb .col-info > h3 {
    color: #0f2f65;
  }

  .testimonial-v4-sec.v9 .cl-slide-thumbs .cli-thumb .col-info > span strong {
    color: #e5caa8;
  }

  .testimonial-v4-sec.v9 .cl-slide-thumbs .cli-thumb:before {
    background-color: #0f2f65;
  }

  .testimonial-v4-sec.v9 .cl-slide-thumbs {
    border-bottom-color: #d2d6dd;
  }
/*--------------------------------------------------------------
# Team
--------------------------------------------------------------*/
.team-sec.v9 {
  padding: 45px 0 5px;
}

  .team-sec.v9 .team-thumb:before {
    background-image: url(../img/circle-bg2.png);
  }

  .team-sec.v9 .title-v9 {
    margin-bottom: 52px;
  }

    .team-sec.v9 .title-v9 > h2 {
      font-size: 52px;
      line-height: 56px;
    }

.blog-section-v7.v9 {
  padding-bottom: 140px;
}

  .blog-section-v7.v9 .blog-post-v7 .blog-info > h2:hover {
    color: #e5caa8;
  }
/*--------------------------------------------------------------
# Footer v9
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.footer-v9 {
  background-color: #0f2f65;
  padding: 140px 0 95px;
}

  .footer-v9 .container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
  }

.footer-content-v9 .widget-title {
  color: #e7cca9;
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 40px;
}

.footer-content-v9 .widget-about {
  max-width: 220px;
}

  .footer-content-v9 .widget-about > img {
    margin-bottom: 49px;
  }

  .footer-content-v9 .widget-about ul li {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 6px;
  }

    .footer-content-v9 .widget-about ul li:last-child {
      margin-bottom: 0;
    }

    .footer-content-v9 .widget-about ul li .wz-icon {
      -ms-flex: 0 0 30px;
      flex: 0 0 30px;
      max-width: 30px;
      display: inline-block;
      color: #fff;
      font-size: 16px;
      position: relative;
      top: 3px;
    }

    .footer-content-v9 .widget-about ul li p {
      -ms-flex: 0 0 calc(100% - 30px);
      flex: 0 0 calc(100% - 30px);
      max-width: calc(100% - 30px);
      color: #fff;
      font-size: 14px;
      line-height: 24px;
    }

      .footer-content-v9 .widget-about ul li p a {
        display: inline-block;
      }
/*--------------------------------------------------------------
# Links
--------------------------------------------------------------*/
.footer-content-v9 .widget-links {
  max-width: calc(100% - 30px);
  padding-top: 43px;
  border-top: 1px solid #e7cca9;
  margin-top: 3px;
}

  .footer-content-v9 .widget-links .wd-links li {
    margin-bottom: 12px;
  }

    .footer-content-v9 .widget-links .wd-links li:last-child {
      margin-bottom: 0;
    }

    .footer-content-v9 .widget-links .wd-links li a {
      display: block;
      color: #fff;
      font-size: 14px;
      text-transform: capitalize;
    }

      .footer-content-v9 .widget-links .wd-links li a:hover {
        color: #e7cca9;
      }

.footer-content-v9 .widget-newsletter {
  padding-top: 43px;
  border-top: 1px solid #e7cca9;
  margin-top: 3px;
}

  .footer-content-v9 .widget-newsletter p {
    color: #fff;
    font-size: 14px;
    line-height: 30px;
    margin-bottom: 30px;
    max-width: 250px;
  }

.footer-content-v9 .newz-form {
  position: relative;
}

  .footer-content-v9 .newz-form .input--makiko {
    width: 100%;
    background: #f0f3f9;
    height: 50px;
  }

  .footer-content-v9 .newz-form .input__label--makiko {
    height: 100%;
    top: 0;
  }

  .footer-content-v9 .newz-form .input__label-content--makiko {
    text-align: right;
    font-size: 24px;
    height: 100%;
    padding: 0;
  }

  .footer-content-v9 .newz-form .input__field--makiko {
    font-size: 16px;
    color: #999;
    font-weight: 400;
  }

.btm-footer {
  -ms-flex-align: center;
  align-items: center;
  margin-top: 120px;
}
  /*--------------------------------------------------------------
# Links
--------------------------------------------------------------*/
  .btm-footer .social-links li {
    margin-right: 27px;
  }

    .btm-footer .social-links li a {
      color: #fff;
      font-size: 20px;
    }

  .btm-footer .cp-txt {
    color: #fff;
    font-size: 16px;
  }

  .btm-footer .widget-language ul li a {
    color: #7f8a9c;
  }

    .btm-footer .widget-language ul li a:hover {
      color: #fff;
    }

.header-v6.v10 {
  background-color: inherit;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99;
}

  .header-v6.v10 .container {
    max-width: 1410px;
    padding: 0 15px;
  }

  .header-v6.v10 .header-content-v6 {
    -ms-flex-align: center;
    align-items: center;
  }

    .header-v6.v10 .header-content-v6 nav {
      margin: 0;
    }

    .header-v6.v10 .header-content-v6 .hd-btn {
      background-color: #4c0ee9;
      color: #fff;
    }

    .header-v6.v10 .header-content-v6 .social-header {
      margin-left: auto;
    }

      .header-v6.v10 .header-content-v6 .social-header li a {
        font-size: 16px;
      }

.header-v6.v11 .header-content-v6 nav ul ul li {
  border-bottom: 1px solid #ccc;
}

  .header-v6.v11 .header-content-v6 nav ul ul li a {
    color: #000;
  }

.banner-v10 {
  background-color: #eceff5;
  padding: 260px 0 325px;
}

  .banner-v10 .banner-content-v10 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
  }

    .banner-v10 .banner-content-v10 .banner-txt-v10 {
      max-width: 50%;
    }

      .banner-v10 .banner-content-v10 .banner-txt-v10 > span {
        display: block;
        color: #000;
        font-size: 16px;
        text-transform: uppercase;
        font-weight: 700;
        margin-bottom: 19px;
      }

      .banner-v10 .banner-content-v10 .banner-txt-v10 > h2 {
        color: #000;
        font-size: 72px;
        line-height: 72px;
        margin-bottom: 54px;
      }

      .banner-v10 .banner-content-v10 .banner-txt-v10 p {
        color: #000;
        font-size: 18px;
        line-height: 34px;
        margin-bottom: 76px;
        max-width: 430px;
      }

    .banner-v10 .banner-content-v10 .ban-img-v10 {
      max-width: 48%;
    }

.btn-default-v10 {
  display: inline-block;
  color: #fff;
  font-size: 20px;
  background-color: #4c0ee9;
  height: 60px;
  line-height: 60px;
  padding: 0 40px;
  border-radius: 5px;
  text-transform: capitalize;
  font-weight: 700;
}

  .btn-default-v10.v2 {
    background-color: inherit;
    border: 1px solid #4c0ee9;
    color: #4c0ee9;
  }

    .btn-default-v10.v2:hover {
      background-color: #4c0ee9;
      color: #fff;
      border-color: transparent;
    }

  .btn-default-v10:hover {
    color: #fff;
  }

.footer-content-v9 .newz-form .input__label-content--makiko {
  background: transparent;
}

.input--makiko {
  width: 100%;
}

.our-services-sec.v10 {
  margin-top: -140px;
  padding: 0;
  background-color: inherit;
}

  .our-services-sec.v10 .container {
    max-width: 1500px;
    padding: 0 15px;
  }

  .our-services-sec.v10 .our-services-content .service-card-mile {
    height: auto;
  }

    .our-services-sec.v10 .our-services-content .service-card-mile:hover {
      -ms-box-shadow: 0 25px 150px rgba(55, 67, 84, 0.25);
      box-shadow: 0 25px 150px rgba(55, 67, 84, 0.25);
    }

.title-v10 {
  margin-bottom: 89px;
}

  .title-v10 > span {
    font-weight: 700;
    color: #4c0ee9;
    font-size: 16px;
    text-transform: uppercase;
    display: block;
    margin-bottom: 19px;
  }

  .title-v10 > h2 {
    color: #000;
    font-size: 60px;
    line-height: 72px;
    text-transform: capitalize;
    margin-bottom: 26px;
  }

.about-v10 {
  padding: 120px 0 103px;
}

  .about-v10 .counter-sec-v6 {
    border-top: 1px solid #ddd;
    padding-top: 56px;
    margin-top: 89px;
  }

.abt-v10-txt {
  margin-top: 32px;
}

  .abt-v10-txt .title-v10 {
    margin-bottom: 0;
  }

  .abt-v10-txt > span {
    display: block;
    color: #000;
    font-size: 24px;
    line-height: 36px;
    margin-bottom: 62px;
  }

  .abt-v10-txt p {
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 82px;
    color: #999;
  }

  .abt-v10-txt .pl-btn {
    background-color: #4c0ee9;
    color: #fff;
  }

    .abt-v10-txt .pl-btn:before {
      background-color: #4c0ee9;
      opacity: 0.3;
    }

  .abt-v10-txt .view-btn .vt {
    font-size: 16px;
  }

    .abt-v10-txt .view-btn .vt:hover {
      color: #4c0ee9;
    }

.works-v3-sec {
  padding-bottom: 180px;
}

  .works-v3-sec.v10 {
    padding-bottom: 205px;
  }

    .works-v3-sec.v10 .work-projects .work-slide .wkr-txt > h3:hover {
      color: #4c0ee9;
    }
    /*--------------------------------------------------------------
# Slider
--------------------------------------------------------------*/
    .works-v3-sec.v10 .work-projects .work-slider .slick-next {
      right: -100px;
      left: auto;
    }

    .works-v3-sec.v10 .work-projects .work-slider .slick-prev {
      right: auto;
      left: -100px;
    }

    .works-v3-sec.v10 .work-projects .work-slider .slick-next,
    .works-v3-sec.v10 .work-projects .work-slider .slick-prev {
      border: 0;
      top: 50%;
      transform: translateY(-50%);
    }

      .works-v3-sec.v10 .work-projects .work-slider .slick-next:before,
      .works-v3-sec.v10 .work-projects .work-slider .slick-prev:before {
        font-size: 36px;
      }

      .works-v3-sec.v10 .work-projects .work-slider .slick-next:hover,
      .works-v3-sec.v10 .work-projects .work-slider .slick-prev:hover {
        background-color: inherit;
      }

    .works-v3-sec.v10 .work-projects .work-slider .slick-dots {
      display: block !important;
    }

      .works-v3-sec.v10 .work-projects .work-slider .slick-dots li {
        position: relative;
      }

        .works-v3-sec.v10 .work-projects .work-slider .slick-dots li:before {
          content: "";
          position: absolute;
          top: 50%;
          left: 50%;
          width: 10px;
          height: 10px;
          background-color: #ccc;
          border-radius: 50%;
          transform: translate(-50%, -50%);
          transition: all 0.4s ease-in-out;
        }

        .works-v3-sec.v10 .work-projects .work-slider .slick-dots li button {
          width: 25px;
          height: 25px;
          border: 1px solid transparent;
          border-radius: 50%;
          background-color: #fff;
        }

        .works-v3-sec.v10 .work-projects .work-slider .slick-dots li.slick-active:before {
          background-color: #4c0ee9;
        }

        .works-v3-sec.v10 .work-projects .work-slider .slick-dots li.slick-active button {
          background-color: #fff;
          border-color: #4c0ee9;
        }

    .works-v3-sec.v10 .work-slide {
      margin-bottom: 85px;
    }

.pricing-v10 {
  background-color: #eff1f6;
  padding: 165px 0 45px;
}

.prices-v10 .price-v10 {
  background-color: #fff;
  padding: 80px 50px 70px;
  height: 100%;
  text-align: center;
  position: relative;
  transition: all 0.4s ease-in-out;
}

  .prices-v10 .price-v10:hover {
    -ms-box-shadow: 0 150px 200px rgba(55, 67, 84, 0.25);
    box-shadow: 0 150px 200px rgba(55, 67, 84, 0.25);
  }

  .prices-v10 .price-v10 .recommended {
    position: absolute;
    top: 15px;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
  }

    .prices-v10 .price-v10 .recommended > span {
      display: inline-block;
      color: #690;
      font-size: 12px;
      font-weight: 700;
      background-color: #f2f9e4;
      padding: 2px 5px;
      text-transform: uppercase;
    }

  .prices-v10 .price-v10 > img {
    margin-bottom: 43px;
  }

  .prices-v10 .price-v10 h4 {
    color: #000;
    font-size: 20px;
    text-transform: uppercase;
    margin-bottom: 6px;
  }

  .prices-v10 .price-v10 > span {
    display: block;
    color: #999;
    font-size: 14px;
    margin-bottom: 21px;
  }

  .prices-v10 .price-v10 h2 {
    color: #4c0ee9;
    font-size: 48px;
    margin-bottom: 30px;
  }

    .prices-v10 .price-v10 h2 sup {
      font-size: 16px;
      vertical-align: top;
      position: relative;
      top: 10px;
      left: 5px;
    }

    .prices-v10 .price-v10 h2 > span {
      display: inline-block;
      color: #999;
      font-size: 18px;
      font-weight: 400;
    }

  .prices-v10 .price-v10 ul {
    border-top: 1px solid #dfdfdf;
    margin-bottom: 130px;
  }

    .prices-v10 .price-v10 ul li {
      color: #000;
      font-size: 14px;
      border-bottom: 1px solid #dfdfdf;
      padding: 14px 0 11px;
      text-transform: uppercase;
    }

      .prices-v10 .price-v10 ul li:last-child {
        padding-bottom: 0;
        border-bottom: transparent;
      }

  .prices-v10 .price-v10 .btn-default-v10 {
    text-transform: uppercase;
    position: absolute;
    bottom: 70px;
    border-radius: 0;
    left: 50px;
    width: calc(100% - 100px);
  }

.pl-btm {
  margin-top: 81px;
  color: #000;
  font-size: 16px;
  border-bottom: 1px solid #d2d2d2;
  padding-bottom: 131px;
}

  .pl-btm a {
    display: inline-block;
    color: #4c0ee9;
    text-decoration: underline;
  }

.testimonial-sec.v10 {
  background-color: #eef0f5;
  background-image: inherit;
  background-position: inherit;
  padding-bottom: 180px;
}
  /*--------------------------------------------------------------
# Testimonial
--------------------------------------------------------------*/
  /*--------------------------------------------------------------
# Slider
--------------------------------------------------------------*/
  .testimonial-sec.v10 .testimonial-slider .testimo-slider .slick-list {
    overflow: hidden;
  }

  .testimonial-sec.v10 .testimonial-slider .testimo-slider .testimonial-slide {
    -ms-box-shadow: inherit;
    box-shadow: inherit;
  }

  .testimonial-sec.v10 .testimonial-slider .testimo-slider .row {
    margin: 0 -15px;
  }

  .testimonial-sec.v10 .testimonial-slider .testimo-slider .col-lg-6 {
    padding: 0 15px;
  }

  .testimonial-sec.v10 .testimonial-slider .testimo-slider {
    margin: 0 -15px;
  }

    .testimonial-sec.v10 .testimonial-slider .testimo-slider .testimonial-slide {
      margin-top: 0;
    }

    .testimonial-sec.v10 .testimonial-slider .testimo-slider .slick-next,
    .testimonial-sec.v10 .testimonial-slider .testimo-slider .slick-prev {
      width: 45px;
      height: 45px;
      line-height: 45px;
      background-color: #fff;
      border: 1px solid #e5e5e5;
      top: -112px;
      border-radius: 10px;
      z-index: 1;
    }

      .testimonial-sec.v10 .testimonial-slider .testimo-slider .slick-next:hover,
      .testimonial-sec.v10 .testimonial-slider .testimo-slider .slick-prev:hover {
        background-color: #4c0ee9;
        -ms-box-shadow: inherit;
        box-shadow: inherit;
        border-color: transparent;
      }

        .testimonial-sec.v10 .testimonial-slider .testimo-slider .slick-next:hover:before,
        .testimonial-sec.v10 .testimonial-slider .testimo-slider .slick-prev:hover:before {
          color: #fff;
        }

      .testimonial-sec.v10 .testimonial-slider .testimo-slider .slick-next:before,
      .testimonial-sec.v10 .testimonial-slider .testimo-slider .slick-prev:before {
        color: #ccc;
        font-size: 18px;
        line-height: 45px;
      }

    .testimonial-sec.v10 .testimonial-slider .testimo-slider .slick-prev {
      right: 75px;
    }

    .testimonial-sec.v10 .testimonial-slider .testimo-slider .slick-next {
      right: 15px;
    }

    .testimonial-sec.v10 .testimonial-slider .testimo-slider .testimonial-slide:before {
      color: #d7dbe5;
    }

.partners-section.v10 {
  padding: 95px 0 0;
}

  .partners-section.v10 .pt-logos .pt-logo {
    margin-bottom: 0;
  }
/*--------------------------------------------------------------
# Blog v10
--------------------------------------------------------------*/
.blogs-v10 {
  padding: 155px 0 156px;
}

  .blogs-v10 .row {
    margin: 0 -35px;
  }

    .blogs-v10 .row .col-lg-4 {
      padding: 0 35px;
    }

  .blogs-v10 .blog-posts-v10 .post-v10 {
    margin-bottom: 0;
  }

.post-v10 .post-info {
  padding: 29px 0 0;
}

  .post-v10 .post-info .category {
    display: inline-block;
    color: #4c0ee9;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 12px;
  }

  .post-v10 .post-info > h2 {
    color: #000;
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 25px;
  }

    .post-v10 .post-info > h2:hover {
      color: #4c0ee9;
    }

  .post-v10 .post-info p {
    color: #666;
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 28px;
  }

  .post-v10 .post-info .posted-on {
    display: block;
    color: #999;
    font-size: 14px;
  }

    .post-v10 .post-info .posted-on > a {
      display: inline-block;
      color: #000;
      font-weight: 700;
      text-transform: capitalize;
    }
/*--------------------------------------------------------------
# Footer Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Footer-block
--------------------------------------------------------------*/
.footer-v6.v10 {
  background-color: #f1f3f8;
  padding: 174px 0 115px;
}

  .footer-v6.v10 .footer-content-v6 .widget-abt > h2 a {
    color: #4c0ee9;
  }

    .footer-v6.v10 .footer-content-v6 .widget-abt > h2 a:before {
      background-color: #4c0ee9;
    }

  .footer-v6.v10 .footer-content-v6 .get-touch-txt ul li a:hover {
    color: #4c0ee9;
  }

  .footer-v6.v10 .social-header {
    position: relative;
    left: -21px;
  }

    .footer-v6.v10 .social-header li a:hover {
      color: #4c0ee9;
    }

  .footer-v6.v10 .mile-bottom-footer .btm-copy p {
    padding-left: 86px;
  }

.page-content {
  padding: 90px 0 140px;
  border-bottom: 1px solid #ccc;
}

  .page-content .container.v-3 {
    max-width: 1400px;
    padding: 0 15px;
  }

  .page-content .featured-post-sec {
    margin-bottom: 121px;
  }

    .page-content .featured-post-sec .featured-post {
      margin-bottom: 0;
      padding-bottom: 147px;
    }

  .page-content .featured-post-slider .slick-dots {
    bottom: 55px;
  }

    .page-content .featured-post-slider .slick-dots li {
      position: relative;
    }

      .page-content .featured-post-slider .slick-dots li:before {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        width: 10px;
        height: 10px;
        background-color: #ccc;
        border-radius: 50%;
        transform: translate(-50%, -50%);
        transition: all 0.4s ease-in-out;
      }

      .page-content .featured-post-slider .slick-dots li button {
        width: 25px;
        height: 25px;
        background-color: transparent;
        border: 1px solid transparent;
        border-radius: 50%;
      }

      .page-content .featured-post-slider .slick-dots li.slick-active:before {
        background-color: #f59e31;
      }

      .page-content .featured-post-slider .slick-dots li.slick-active button {
        background-color: transparent;
        border-color: #f59e31;
      }

.page-sec-title {
  margin-bottom: 70px;
  max-width: 950px;
  margin: 0 auto;
  margin-bottom: 133px;
}

  .page-sec-title > span {
    display: block;
    color: #999;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 47px;
  }

  .page-sec-title > h2 {
    color: #000;
    font-size: 60px;
    line-height: 76px;
  }
/*--------------------------------------------------------------
# Blog Posts
--------------------------------------------------------------*/
.blog-posts-v10 .post-v10 {
  margin-bottom: 96px;
}

.blog-posts-v10.blog-layout1 {
  margin-bottom: -96px;
}

.blog-posts-v10 .post-v10 .post-info .category,
.blog-posts-v10 .post-v10 .post-info > h2:hover {
  color: #f59e31;
}
/*--------------------------------------------------------------
# Pagination
--------------------------------------------------------------*/
.mile_pagination {
  text-align: center;
  margin-top: 75px;
}

  .mile_pagination .pagination {
    display: block;
  }

    .mile_pagination .pagination li {
      display: inline-block;
      margin-right: 20px;
    }

      .mile_pagination .pagination li.next a,
      .mile_pagination .pagination li.prev a {
        width: auto;
        height: auto;
        border: 0;
      }

      .mile_pagination .pagination li:last-child {
        margin-right: 0;
      }

      .mile_pagination .pagination li a {
        display: inline-block;
        color: #999;
        font-size: 16px;
        text-align: center;
        border: 0;
        font-weight: 400;
        padding: 0;
        height: 45px;
        text-transform: uppercase;
        width: 45px;
        line-height: 45px;
        border: 1px dashed transparent;
        border-radius: 0;
        border-radius: 50%;
      }

        .mile_pagination .pagination li a:hover {
          background-color: inherit;
          color: #000;
        }

      .mile_pagination .pagination li.active a {
        border-color: #000;
        background-color: inherit;
        color: #000;
        font-weight: 700;
      }

.pg-title {
  color: #000;
  font-size: 30px;
  text-transform: capitalize;
  margin-bottom: 45px;
}

.lt-news {
  border-bottom: 1px solid #e2e2e2;
  padding-bottom: 136px;
}
  /*--------------------------------------------------------------
# Posts
--------------------------------------------------------------*/
  /*--------------------------------------------------------------
# Blog v10
--------------------------------------------------------------*/
  .lt-news .blog-posts-v10 {
    margin: 0 -35px;
  }

    .lt-news .blog-posts-v10 .col-12,
    .lt-news .blog-posts-v10 .col-lg-4 {
      padding: 0 35px;
    }

    .lt-news .blog-posts-v10 .post-thumb > img {
      border-radius: 5px;
    }

    .lt-news .blog-posts-v10 .post-v10 {
      margin-bottom: 0;
    }

      .lt-news .blog-posts-v10 .post-v10 .post-info .category {
        color: #999;
      }

.blog-main-content {
  padding: 130px 0 0;
}

.blog-posts-layout2 {
  max-width: 740px;
}

  .blog-posts-layout2 .bg-post {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 70px;
  }

    .blog-posts-layout2 .bg-post:last-child {
      margin-bottom: 0;
    }

    .blog-posts-layout2 .bg-post .bg-post-thumb {
      -ms-flex: 0 0 270px;
      flex: 0 0 270px;
      max-width: 270px;
    }

      .blog-posts-layout2 .bg-post .bg-post-thumb > img {
        width: 100%;
        border-radius: 7px;
      }

    .blog-posts-layout2 .bg-post .bg-post-info {
      -ms-flex: 0 0 calc(100% - 270px);
      flex: 0 0 calc(100% - 270px);
      max-width: calc(100% - 270px);
      padding-left: 30px;
    }

      .blog-posts-layout2 .bg-post .bg-post-info .meta {
        margin-bottom: 11px;
      }

        .blog-posts-layout2 .bg-post .bg-post-info .meta li {
          display: inline-block;
          font-size: 14px;
          position: relative;
          padding: 0 15px;
        }

          .blog-posts-layout2 .bg-post .bg-post-info .meta li:first-child {
            padding-left: 0;
          }

          .blog-posts-layout2 .bg-post .bg-post-info .meta li:last-child {
            padding-right: 0;
          }

            .blog-posts-layout2 .bg-post .bg-post-info .meta li:last-child:before {
              display: none;
            }

          .blog-posts-layout2 .bg-post .bg-post-info .meta li:before {
            content: "";
            position: absolute;
            top: 50%;
            left: 100%;
            width: 4px;
            height: 4px;
            background-color: #999;
            border-radius: 50%;
            transform: translateY(-50%);
          }

          .blog-posts-layout2 .bg-post .bg-post-info .meta li a {
            color: #000;
            display: inline-block;
          }

            .blog-posts-layout2 .bg-post .bg-post-info .meta li a.category {
              text-transform: uppercase;
              color: #f59e31;
              font-weight: 700;
            }

      .blog-posts-layout2 .bg-post .bg-post-info > h2 {
        color: #000;
        font-size: 22px;
        line-height: 30px;
        margin-bottom: 26px;
        position: relative;
      }

        .blog-posts-layout2 .bg-post .bg-post-info > h2 a:hover {
          text-decoration: underline;
        }

      .blog-posts-layout2 .bg-post .bg-post-info p {
        font-size: 16px;
        line-height: 26px;
      }
/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Blog Sidebar
--------------------------------------------------------------*/
.blog-sidebar .widget {
  margin-bottom: 63px;
}

  .blog-sidebar .widget:last-child {
    margin-bottom: 0;
  }

.blog-sidebar .widget-search form {
  position: relative;
  width: 100%;
}

  .blog-sidebar .widget-search form input {
    width: 100%;
    color: #999;
    font-size: 16px;
    padding: 0 30px;
    height: 60px;
    border: 1px solid #ddd;
    border-radius: 30px;
  }

  .blog-sidebar .widget-search form button {
    position: absolute;
    top: 50%;
    right: 24px;
    transform: translateY(-50%);
    border: 0;
    background-color: inherit;
    color: #000;
    font-size: 24px;
  }

.blog-sidebar .widget-title {
  color: #000;
  font-size: 22px;
  text-transform: capitalize;
  margin-bottom: 45px;
}

.blog-sidebar .widget-categories ul li {
  border-bottom: 1px solid #e7ebf6;
  padding: 15px 0;
  color: #999;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 14px;
}

  .blog-sidebar .widget-categories ul li:first-child {
    padding-top: 0;
  }

  .blog-sidebar .widget-categories ul li a {
    margin-right: auto;
    display: inline-block;
    color: #999;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
  }

  .blog-sidebar .widget-categories ul li > span {
    margin-left: auto;
    display: inline-block;
    color: #999;
    font-size: 14px;
  }

  .blog-sidebar .widget-categories ul li:hover a,
  .blog-sidebar .widget-categories ul li:hover span {
    color: #f59e31;
  }

.blog-sidebar .wd-posts li {
  margin-bottom: 32px;
}

  .blog-sidebar .wd-posts li:last-child {
    margin-bottom: 0;
  }

.blog-sidebar .wd-posts .pp-post > h3 {
  color: #000;
  font-size: 18px;
  line-height: 26px;
  margin-bottom: 13px;
}

  .blog-sidebar .wd-posts .pp-post > h3 a:hover {
    text-decoration: underline;
  }

.blog-sidebar .wd-posts .pp-post > span {
  display: block;
  color: #999;
  font-size: 14px;
}

.blog-sidebar .widget-tags {
  margin-bottom: 95px;
}

  .blog-sidebar .widget-tags .tags-link {
    margin-bottom: -10px;
  }

  .blog-sidebar .widget-tags li {
    display: inline-block;
    margin-bottom: 10px;
    margin-right: 7px;
  }

    .blog-sidebar .widget-tags li a {
      display: inline-block;
      color: #999;
      font-size: 14px;
      border: 1px solid #dbdbdb;
      border-radius: 30px;
      padding: 5px 10px;
    }

      .blog-sidebar .widget-tags li a:hover {
        background-color: #f59e31;
        color: #fff;
        border-color: transparent;
      }

.blog-sidebar .widget-adver > img {
  border-radius: 10px;
}
/*--------------------------------------------------------------
# Single Post
--------------------------------------------------------------*/
.single-post-layout1 .blog-posts-layout2 {
  max-width: 770px;
}

  .single-post-layout1 .blog-posts-layout2 .bg-post {
    display: block;
    margin-bottom: 50px;
  }

    .single-post-layout1 .blog-posts-layout2 .bg-post .bg-post-info {
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
      padding-left: 0;
      border-bottom: 1px solid #e5e5e5;
      padding-bottom: 70px;
    }

      .single-post-layout1 .blog-posts-layout2 .bg-post .bg-post-info .meta {
        margin-bottom: 56px;
      }

      .single-post-layout1 .blog-posts-layout2 .bg-post .bg-post-info > h2 {
        font-size: 40px;
        line-height: 50px;
        margin-bottom: 87px;
      }

      .single-post-layout1 .blog-posts-layout2 .bg-post .bg-post-info p {
        font-size: 18px;
        line-height: 30px;
        margin-bottom: 10px;
      }

        .single-post-layout1 .blog-posts-layout2 .bg-post .bg-post-info p strong {
          display: inline-block;
          color: #000;
          font-size: 60px;
          font-weight: 700;
          margin-right: 15px;
        }

      .single-post-layout1 .blog-posts-layout2 .bg-post .bg-post-info .pst-large {
        margin-bottom: 14px;
        text-align: center;
        margin-top: 57px;
      }

        .single-post-layout1 .blog-posts-layout2 .bg-post .bg-post-info .pst-large > img {
          border-radius: 8px;
        }

        .single-post-layout1 .blog-posts-layout2 .bg-post .bg-post-info .pst-large span {
          color: #999;
          font-size: 16px;
          margin-top: 19px;
          display: block;
        }

      .single-post-layout1 .blog-posts-layout2 .bg-post .bg-post-info > h3 {
        color: #000;
        font-size: 24px;
        margin-bottom: 28px;
        margin-top: 47px;
      }

      .single-post-layout1 .blog-posts-layout2 .bg-post .bg-post-info h3 + p {
        margin-bottom: 30px;
      }

      .single-post-layout1 .blog-posts-layout2 .bg-post .bg-post-info blockquote {
        margin-top: 79px;
        padding: 0 70px;
        position: relative;
        margin-bottom: 84px;
      }

        .single-post-layout1 .blog-posts-layout2 .bg-post .bg-post-info blockquote:before {
          content: "\eb65";
          font-family: lineicons;
          position: absolute;
          top: 0;
          right: 0;
          color: #f59e31;
          font-size: 48px;
        }

        .single-post-layout1 .blog-posts-layout2 .bg-post .bg-post-info blockquote p {
          color: #16171e;
          font-size: 30px;
          line-height: 42px;
          font-weight: 700;
          margin-bottom: 38px;
        }

        .single-post-layout1 .blog-posts-layout2 .bg-post .bg-post-info blockquote > span {
          display: block;
          font-size: 16px;
          color: #999;
          font-style: italic;
        }

          .single-post-layout1 .blog-posts-layout2 .bg-post .bg-post-info blockquote > span strong {
            display: inline-block;
            color: #000;
            font-size: 18px;
            font-weight: 500;
            font-style: inherit;
          }

      .single-post-layout1 .blog-posts-layout2 .bg-post .bg-post-info iframe {
        width: 100%;
        height: 430px;
        margin-bottom: 17px;
      }

      .single-post-layout1 .blog-posts-layout2 .bg-post .bg-post-info .post-cont {
        margin-top: 66px;
      }

        .single-post-layout1 .blog-posts-layout2 .bg-post .bg-post-info .post-cont .post-tags li {
          display: inline-block;
          margin-right: 5px;
        }

          .single-post-layout1 .blog-posts-layout2 .bg-post .bg-post-info .post-cont .post-tags li:last-child {
            margin-right: 0;
          }

          .single-post-layout1 .blog-posts-layout2 .bg-post .bg-post-info .post-cont .post-tags li a {
            display: inline-block;
            color: #999;
            font-size: 14px;
            border: 1px solid #dbdbdb;
            border-radius: 30px;
            padding: 0 10px;
            height: 30px;
            line-height: 28px;
          }

            .single-post-layout1 .blog-posts-layout2 .bg-post .bg-post-info .post-cont .post-tags li a:hover {
              background-color: #f59e31;
              color: #fff;
              border-color: transparent;
            }

        .single-post-layout1 .blog-posts-layout2 .bg-post .bg-post-info .post-cont .share-on {
          text-align: right;
        }

          .single-post-layout1 .blog-posts-layout2 .bg-post .bg-post-info .post-cont .share-on > h3 {
            display: inline-block;
            color: #000;
            font-size: 14px;
            margin-right: 15px;
            text-transform: uppercase;
          }

          .single-post-layout1 .blog-posts-layout2 .bg-post .bg-post-info .post-cont .share-on .social-circle {
            display: inline-block;
          }

            .single-post-layout1 .blog-posts-layout2 .bg-post .bg-post-info .post-cont .share-on .social-circle li {
              display: inline-block;
              margin-right: 3px;
            }

              .single-post-layout1 .blog-posts-layout2 .bg-post .bg-post-info .post-cont .share-on .social-circle li:last-child {
                margin-right: 0;
              }

              .single-post-layout1 .blog-posts-layout2 .bg-post .bg-post-info .post-cont .share-on .social-circle li a {
                display: inline-block;
                color: #fff;
                font-size: 16px;
                width: 30px;
                height: 30px;
                line-height: 30px;
                border-radius: 30px;
                text-align: center;
              }

                .single-post-layout1 .blog-posts-layout2 .bg-post .bg-post-info .post-cont .share-on .social-circle li a.facebook {
                  background-color: #3b5999;
                }

                .single-post-layout1 .blog-posts-layout2 .bg-post .bg-post-info .post-cont .share-on .social-circle li a.twitter {
                  background-color: #55acee;
                }

                .single-post-layout1 .blog-posts-layout2 .bg-post .bg-post-info .post-cont .share-on .social-circle li a.google {
                  background-color: #dd4b39;
                }

                .single-post-layout1 .blog-posts-layout2 .bg-post .bg-post-info .post-cont .share-on .social-circle li a.tumblr {
                  background-color: #2b4b6a;
                }

                .single-post-layout1 .blog-posts-layout2 .bg-post .bg-post-info .post-cont .share-on .social-circle li a.rss {
                  background-color: #fb7000;
                }

  .single-post-layout1 .blog-posts-layout2 .bg-posted-author {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 44px;
    margin-bottom: 76px;
  }

    .single-post-layout1 .blog-posts-layout2 .bg-posted-author .author-img {
      max-width: 80px;
    }

      .single-post-layout1 .blog-posts-layout2 .bg-posted-author .author-img > img {
        border-radius: 50%;
      }

    .single-post-layout1 .blog-posts-layout2 .bg-posted-author .author-info {
      width: calc(100% - 80px);
      padding-left: 20px;
    }

      .single-post-layout1 .blog-posts-layout2 .bg-posted-author .author-info > h3 {
        color: #181b31;
        font-size: 20px;
        text-transform: capitalize;
        margin-bottom: 4px;
      }

      .single-post-layout1 .blog-posts-layout2 .bg-posted-author .author-info > span {
        display: block;
        color: #999;
        font-size: 14px;
        margin-bottom: 12px;
      }

      .single-post-layout1 .blog-posts-layout2 .bg-posted-author .author-info p {
        font-size: 16px;
        line-height: 26px;
      }

.related-posts-ly > h3 {
  text-transform: capitalize;
  margin-bottom: 43px;
  color: #000;
  font-size: 22px;
}

.related-posts-ly .blog-posts-v10 .post-v10 {
  margin-bottom: 0;
}

.container.v2 {
  max-width: 1200px;
  padding: 0 15px;
}

.bb-0 {
  border-bottom: 0 !important;
}
/*--------------------------------------------------------------
# Comments Post
--------------------------------------------------------------*/
.commented-sec {
  background-color: #f3f4f9;
  padding: 130px 0;
}

.posted-comments {
  max-width: 850px;
  margin-bottom: 79px;
}

  .posted-comments > h3 {
    color: #16171e;
    font-size: 36px;
    margin-bottom: 53px;
  }

.post-comments-list .post-comment {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 34px;
}

  .post-comments-list .post-comment .comment-thumb {
    max-width: 70px;
  }

    .post-comments-list .post-comment .comment-thumb > img {
      max-width: 100%;
      border-radius: 50%;
    }

  .post-comments-list .post-comment .comment-info {
    max-width: calc(100% - 80px);
    padding-left: 20px;
  }

    .post-comments-list .post-comment .comment-info > h3 {
      display: inline-block;
      color: #000;
      font-size: 18px;
      margin-bottom: 7px;
    }

    .post-comments-list .post-comment .comment-info > span {
      display: inline-block;
      color: #999;
      font-size: 14px;
      margin-left: 15px;
    }

    .post-comments-list .post-comment .comment-info p {
      font-size: 14px;
      line-height: 24px;
      margin-bottom: 18px;
      max-width: 700px;
    }

    .post-comments-list .post-comment .comment-info .reply-btn {
      text-transform: uppercase;
      display: inline-block;
      color: #666;
      font-size: 12px;
      font-weight: 500;
      background-color: #fff;
      border: 1px solid #d1d3d9;
      height: 28px;
      line-height: 28px;
      padding: 0 13px;
      border-radius: 30px;
    }

      .post-comments-list .post-comment .comment-info .reply-btn:hover {
        background-color: #f59e31;
        color: #fff;
        border-color: transparent;
      }

.post-comments-list li {
  margin-bottom: 14px;
}

  .post-comments-list li:last-child {
    margin-bottom: 0;
  }

.post-comments-list ul {
  padding-left: 90px;
}

.post-comment-form {
  max-width: 770px;
}

  .post-comment-form > h3 {
    color: #16171e;
    font-size: 22px;
    margin-bottom: 45px;
  }

  .post-comment-form .form-group {
    margin-bottom: 30px;
  }

    .post-comment-form .form-group input {
      background-color: #fff;
      padding: 0 20px;
      height: 46px;
    }

    .post-comment-form .form-group input,
    .post-comment-form .form-group textarea {
      width: 100%;
      color: #999;
      font-size: 16px;
      border: 1px solid #d4d4d4;
      border-radius: 5px;
    }

    .post-comment-form .form-group textarea {
      padding: 20px;
      height: 150px;
    }

  .post-comment-form .form-submit button {
    font-weight: 700;
    height: 52px;
    line-height: 52px;
    padding: 0 38px;
    font-size: 16px;
    -ms-box-shadow: inherit;
    box-shadow: inherit;
  }

.container.v4 {
  max-width: 100%;
  padding: 0 100px;
}

.featured-post-sec.v2 .featured-post {
  padding: 0;
  border-radius: 0;
}
/*--------------------------------------------------------------
# Single Post
--------------------------------------------------------------*/
.single-post-meta {
  max-width: 750px;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 110px;
}

  .single-post-meta > h2 {
    color: #000;
    font-size: 48px;
    line-height: 60px;
    margin-bottom: 45px;
  }

  .single-post-meta .meta {
    margin-bottom: 11px;
  }

    .single-post-meta .meta li {
      display: inline-block;
      font-size: 14px;
      position: relative;
      padding: 0 15px;
    }

      .single-post-meta .meta li:first-child {
        padding-left: 0;
      }

      .single-post-meta .meta li:last-child {
        padding-right: 0;
      }

        .single-post-meta .meta li:last-child:before {
          display: none;
        }

      .single-post-meta .meta li:before {
        content: "";
        position: absolute;
        top: 50%;
        left: 100%;
        width: 4px;
        height: 4px;
        background-color: #999;
        border-radius: 50%;
        transform: translateY(-50%);
      }

      .single-post-meta .meta li a {
        color: #000;
        display: inline-block;
      }

        .single-post-meta .meta li a.category {
          text-transform: uppercase;
          color: #f59e31;
          font-weight: 700;
        }

.single-post-layout2 {
  padding: 110px 0 0;
}

  .single-post-layout2 .container {
    max-width: 1000px;
    padding: 0 15px;
  }

  .single-post-layout2 .blog-ppt {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .single-post-layout2 .shared-col {
    width: 200px;
  }

    .single-post-layout2 .shared-col > h4 {
      color: #000;
      font-size: 18px;
      font-weight: 700;
      margin-bottom: 4px;
    }

    .single-post-layout2 .shared-col > span {
      display: block;
      color: #999;
      font-size: 14px;
      margin-bottom: 38px;
    }

    .single-post-layout2 .shared-col .social-count li {
      margin-bottom: 20px;
    }

      .single-post-layout2 .shared-col .social-count li:last-child {
        margin-bottom: 0;
      }

      .single-post-layout2 .shared-col .social-count li a {
        display: inline-block;
        width: 50px;
        height: 50px;
        line-height: 54px;
        border-radius: 50%;
        font-size: 26px;
        background-color: #fff;
        border: 1px solid #e0e0e0;
        text-align: center;
      }

        .single-post-layout2 .shared-col .social-count li a:hover {
          border-color: transparent;
          color: #fff;
        }

        .single-post-layout2 .shared-col .social-count li a.twitter {
          color: #55acee;
        }

          .single-post-layout2 .shared-col .social-count li a.twitter:hover {
            background-color: #55acee;
          }

        .single-post-layout2 .shared-col .social-count li a.facebook {
          color: #55acee;
        }

          .single-post-layout2 .shared-col .social-count li a.facebook:hover {
            background-color: #3b5999;
          }

        .single-post-layout2 .shared-col .social-count li a.rss {
          color: #fb7000;
          line-height: 50px;
        }

          .single-post-layout2 .shared-col .social-count li a.rss:hover {
            background-color: #fb7000;
          }

      .single-post-layout2 .shared-col .social-count li > span {
        display: inline-block;
        color: #999;
        font-size: 14px;
        position: relative;
        top: -6px;
        margin-left: 6px;
      }

      .single-post-layout2 .shared-col .social-count li:hover > span {
        color: #000;
      }

  .single-post-layout2 .single-post-layout1 {
    width: calc(100% - 200px);
    max-width: 100%;
  }

    .single-post-layout2 .single-post-layout1 .blog-posts-layout2 {
      max-width: 100%;
    }

    .single-post-layout2 .single-post-layout1 .bg-post .bg-post-info {
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
    }

.page-content .single-layout-featured .featured-post-sec {
  margin-bottom: 0;
}
/*--------------------------------------------------------------
# Comments Container
--------------------------------------------------------------*/
.commented-v2 .container-fluid,
.commented-v2 .container-lg,
.commented-v2 .container-md,
.commented-v2 .container-sm,
.commented-v2 .container-xl {
  padding: 0 100px;
}
/*--------------------------------------------------------------
# About Page
--------------------------------------------------------------*/
.about-v1-page {
  padding: 54px 0 171px;
}

.about-agency-content {
  max-width: calc(100% - 380px);
  margin-left: auto;
}

.about-v-title {
  max-width: 100%;
  margin-bottom: 141px;
}

  .about-v-title > span {
    display: block;
    color: #999;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 51px;
  }

  .about-v-title > h2 {
    color: #000;
    font-size: 48px;
    font-weight: 400;
  }

    .about-v-title > h2 > strong {
      font-weight: 700;
      display: block;
    }

.abt-agency-banner {
  margin-bottom: 87px;
}

.agency-banner-info {
  max-width: 880px;
}

  .agency-banner-info > p {
    color: #666;
    font-size: 20px;
    line-height: 36px;
    margin-bottom: 83px;
  }

  .agency-banner-info blockquote p {
    color: #000;
    font-size: 30px;
    line-height: 48px;
    margin-bottom: 40px;
  }

  .agency-banner-info blockquote > h3 {
    color: #000;
    font-size: 18px;
    text-transform: capitalize;
    margin-bottom: 4px;
  }

  .agency-banner-info blockquote > span {
    display: block;
    color: #999;
    font-size: 14px;
  }

.our-services-sec.bg2 {
  background: #f2f5fa;
}

.agy-team-sec {
  padding: 143px 0 139px;
}

.ag-title {
  max-width: 870px;
  margin-bottom: 110px;
}

  .ag-title > h3 {
    color: #000;
    font-size: 24px;
    text-transform: capitalize;
    margin-bottom: 30px;
  }

  .ag-title p {
    color: #666;
    font-size: 18px;
    line-height: 32px;
  }
/*--------------------------------------------------------------
# Team
--------------------------------------------------------------*/
.ag-teams {
  margin-bottom: -96px;
}

  .ag-teams .ag-team {
    text-align: center;
    margin-bottom: 96px;
  }

    .ag-teams .ag-team > img {
      border-radius: 50%;
      margin-bottom: 21px;
    }

    .ag-teams .ag-team > h3 {
      color: #000;
      font-size: 18px;
      text-transform: capitalize;
      margin-bottom: 4px;
    }

    .ag-teams .ag-team > span {
      display: block;
      color: #999;
      font-size: 14px;
    }

  .ag-teams .join-team {
    display: inline-block;
    width: 150px;
    height: 150px;
    margin: 0 auto;
    background-color: #f2f5fa;
    border-radius: 50%;
    padding: 0 15px;
    text-align: center;
    padding-top: 32px;
  }

    .ag-teams .join-team > i {
      color: #999;
      font-size: 48px;
      margin-bottom: 9px;
    }

    .ag-teams .join-team > h3 {
      color: #000;
      font-size: 14px;
      text-transform: uppercase;
    }

.office-imgs {
  overflow: hidden;
  max-width: 1545px;
  margin: 0;
}

  .office-imgs .col-lg-4,
  .office-imgs .col-lg-8 {
    padding: 0;
  }

  .office-imgs .of-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

    .office-imgs .of-img.v2 {
      margin-left: 30px;
    }

.ag-partners {
  padding: 153px 0 0;
}

  .ag-partners .pt-logos {
    padding-bottom: 46px;
    border-bottom: 1px solid #eaeaea;
  }

.lets-sec {
  padding: 145px 0;
  border-bottom: 1px solid #eaeaea;
}

  .lets-sec .lets-content > h2 {
    color: #000;
    font-size: 52px;
    font-weight: 400;
  }

    .lets-sec .lets-content > h2 strong {
      display: inline-block;
      font-weight: 700;
    }

      .lets-sec .lets-content > h2 strong a {
        display: inline-block;
        color: #f59e31;
        position: relative;
      }

        .lets-sec .lets-content > h2 strong a:before {
          content: "";
          position: absolute;
          bottom: 1px;
          left: 0;
          width: 100%;
          height: 1px;
          background-color: #f59e31;
        }

.business-banner {
  background-image: url(../images/business-banner.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 325px 0 240px;
}

.business-txt {
  max-width: 900px;
  margin: 0 auto;
}

  .business-txt > span {
    display: inline-block;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 19px;
    letter-spacing: 2px;
    text-transform: uppercase;
  }

  .business-txt > h2 {
    color: #fff;
    font-size: 72px;
    line-height: 72px;
    margin-bottom: 54px;
  }

    .business-txt > h2 span {
      display: inline-block;
      color: #f59e31;
    }

  .business-txt p {
    color: #fff;
    font-size: 18px;
    line-height: 34px;
    max-width: 430px;
    margin: 0 auto;
    margin-bottom: 77px;
  }

  .business-txt .view-btn .pl-btn {
    background-color: transparent;
    color: #fff;
    border: 1px solid #fff;
  }

    .business-txt .view-btn .pl-btn:before {
      background-color: #ff4800;
    }

  .business-txt .view-btn .vt {
    color: #fff;
  }

    .business-txt .view-btn .vt:hover {
      color: #ff4800;
    }

.about-v9-content.v2 .about-v9-txt > span {
  color: #999;
}

.about-v9-content.v2 .about-v9-txt > h2 {
  font-size: 48px;
  color: #000;
}

  .about-v9-content.v2 .about-v9-txt > h2 > span {
    color: #f59e31;
  }

.about-v9-content.v2 .cinon {
  background-color: #f59e31;
  color: #fff;
}

.about-v9-content.v2 .ban-img-v9:before {
  background-image: url(../img/ban-shape3.png);
}

.clr-yeloow {
  color: #f59e31 !important;
}

.clr-yeloow-bg {
  background-color: #f59e31 !important;
}
/*--------------------------------------------------------------
# Services v9
--------------------------------------------------------------*/
.services-v9.v2 {
  padding: 220px 0 61px;
}

  .services-v9.v2 .service-v9 .s-icon {
    background-color: #fff7ee;
  }

  .services-v9.v2 .service-v9:hover .s-icon.clr-yeloow {
    background-color: #f59e31;
    color: #fff !important;
  }

  .services-v9.v2 .service-v9 > h3 {
    color: #000;
  }

.black-clr {
  color: #000 !important;
}

.gray-color {
  color: #999 !important;
}

.counter-sec-v6.br-top {
  border-top: 1px solid #ddd;
  padding-top: 96px;
  margin-top: 140px;
}

  .counter-sec-v6.br-top li .counter-cont > h2 {
    color: #ccc;
  }

.wy-img.v2:before {
  background-image: url(../img/ban-shape4.png);
}

.why-txt-v9.v2 {
  margin-top: 63px;
}

.title-v9 > h2.black-clr {
  font-size: 48px;
  line-height: 54px;
}

.why-us-v9.v2 {
  padding: 140px 0 188px;
}

.testimonial-sec.v10 {
  padding-bottom: 140px;
}

.bz-certificate {
  background-color: #f0f3f9;
  padding: 129px 0 272px;
}

  .bz-certificate .certicications-sec .certificate-details .awd-list .web-link:hover {
    color: #f59e31;
  }

    .bz-certificate .certicications-sec .certificate-details .awd-list .web-link:hover:before {
      background-color: #f59e31;
    }
  /*--------------------------------------------------------------
# Testimonial
--------------------------------------------------------------*/
  .bz-certificate .testimonial-sec.v10 {
    background-color: transparent;
    padding-top: 176px;
  }

    .bz-certificate .testimonial-sec.v10 .testimonial-slider.style2 .slick-dots {
      bottom: -69px;
    }

      .bz-certificate .testimonial-sec.v10 .testimonial-slider.style2 .slick-dots li {
        position: relative;
      }

        .bz-certificate .testimonial-sec.v10 .testimonial-slider.style2 .slick-dots li:before {
          content: "";
          position: absolute;
          top: 50%;
          left: 50%;
          width: 10px;
          height: 10px;
          background-color: #ccc;
          border-radius: 50%;
          transform: translate(-50%, -50%);
          transition: all 0.4s ease-in-out;
        }

        .bz-certificate .testimonial-sec.v10 .testimonial-slider.style2 .slick-dots li button {
          width: 25px;
          height: 25px;
          border: 1px solid transparent;
          border-radius: 50%;
          background-color: transparent;
        }

        .bz-certificate .testimonial-sec.v10 .testimonial-slider.style2 .slick-dots li.slick-active:before {
          background-color: #f59e31;
        }

        .bz-certificate .testimonial-sec.v10 .testimonial-slider.style2 .slick-dots li.slick-active button {
          border-color: #f59e31;
        }

    .bz-certificate .testimonial-sec.v10 .testimonial-slider.style2 .slick-next,
    .bz-certificate .testimonial-sec.v10 .testimonial-slider.style2 .slick-prev {
      line-height: inherit;
      border: 0;
      background-color: transparent;
      height: auto;
      top: 50%;
      transform: translateY(-50%);
      margin-top: -37px;
    }

      .bz-certificate .testimonial-sec.v10 .testimonial-slider.style2 .slick-next:before,
      .bz-certificate .testimonial-sec.v10 .testimonial-slider.style2 .slick-prev:before {
        color: #ccc;
        font-size: 36px;
      }

      .bz-certificate .testimonial-sec.v10 .testimonial-slider.style2 .slick-next:hover,
      .bz-certificate .testimonial-sec.v10 .testimonial-slider.style2 .slick-prev:hover {
        background-color: inherit;
        -ms-box-shadow: inherit;
        box-shadow: inherit;
      }

        .bz-certificate .testimonial-sec.v10 .testimonial-slider.style2 .slick-next:hover:before,
        .bz-certificate .testimonial-sec.v10 .testimonial-slider.style2 .slick-prev:hover:before {
          color: #000;
        }

      .bz-certificate .testimonial-sec.v10 .testimonial-slider.style2 .slick-next.slick-disabled,
      .bz-certificate .testimonial-sec.v10 .testimonial-slider.style2 .slick-prev.slick-disabled {
        opacity: 0;
      }

    .bz-certificate .testimonial-sec.v10 .testimonial-slider.style2 .slick-prev {
      right: auto;
      left: -75px;
    }

    .bz-certificate .testimonial-sec.v10 .testimonial-slider.style2 .slick-next {
      right: -75px;
    }

.partners-v8-sec.v2 {
  padding-bottom: 180px;
}
/*--------------------------------------------------------------
# About me
--------------------------------------------------------------*/
.about_me_sec {
  padding: 100px 0 0;
  background-image: url(../img/about_bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}

  .about_me_sec .container {
    max-width: 1360px;
  }

.about_me_content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

  .about_me_content .about_txt {
    max-width: 590px;
    margin-top: 148px;
  }

    .about_me_content .about_txt > span {
      display: inline-block;
      color: #999;
      font-size: 18px;
      line-height: 24px;
      margin-bottom: 47px;
      text-transform: uppercase;
    }

    .about_me_content .about_txt > h2 {
      color: #000;
      font-size: 60px;
      line-height: 64px;
      margin-bottom: 50px;
    }

    .about_me_content .about_txt > p {
      color: #999;
      font-size: 18px;
      line-height: 30px;
      margin-bottom: 80px;
    }

    .about_me_content .about_txt > a {
      display: inline-block;
      color: #999;
      font-size: 48px;
    }

.about_v1_content {
  padding: 110px 0 120px;
  border-bottom: 1px solid #eaeaea;
}

  .about_v1_content > p {
    color: #000;
    font-size: 32px;
    line-height: 52px;
    margin-bottom: 60px;
    max-width: 100%;
  }

    .about_v1_content > p > span {
      display: inline-block;
      color: #f59e31;
    }

  .about_v1_content > h4 {
    color: #000;
    font-size: 24px;
    font-weight: 700;
  }
/*--------------------------------------------------------------
# Resume details
--------------------------------------------------------------*/
.resume_details {
  padding: 100px 0 140px;
}

  .resume_details .resume_mile {
    padding-bottom: 131px;
  }

    .resume_details .resume_mile:last-child {
      padding-bottom: 0;
    }

    .resume_details .resume_mile .rs-heading {
      color: #000;
      font-size: 20px;
      text-transform: uppercase;
    }

    .resume_details .resume_mile .rs_info > p {
      color: #666;
      font-size: 18px;
      line-height: 30px;
      margin-bottom: 56px;
    }

    .resume_details .resume_mile .rs_info .lniks li {
      display: block;
      color: #000;
      font-size: 14px;
      text-transform: uppercase;
      margin-bottom: 22px;
      font-weight: 700;
      transition: all 0.4s ease-in-out;
    }

      .resume_details .resume_mile .rs_info .lniks li:hover {
        color: #f59e31;
      }

      .resume_details .resume_mile .rs_info .lniks li:last-child {
        margin-bottom: 0;
      }

    .resume_details .resume_mile .edu-exp ul li {
      margin-bottom: 37px;
    }

      .resume_details .resume_mile .edu-exp ul li:last-child {
        margin-bottom: 0;
      }

    .resume_details .resume_mile .edu-exp > h3 {
      color: #000;
      font-size: 16px;
      margin-bottom: 39px;
      text-transform: capitalize;
      font-weight: 400;
    }

    .resume_details .resume_mile .edu-exp .edu-knw > h3 {
      color: #000;
      font-size: 18px;
      line-height: 24px;
      margin-bottom: 16px;
      max-width: 220px;
    }

    .resume_details .resume_mile .edu-exp .edu-knw > span {
      display: block;
      color: #999;
      font-size: 14px;
    }

    .resume_details .resume_mile .exp-div > h3 {
      color: #000;
      font-size: 16px;
      margin-bottom: 39px;
      text-transform: capitalize;
      font-weight: 400;
    }

    .resume_details .resume_mile .exp-div > ul li {
      margin-bottom: 37px;
    }

      .resume_details .resume_mile .exp-div > ul li:last-child {
        margin-bottom: 0;
      }

      .resume_details .resume_mile .exp-div > ul li > h4 {
        color: #000;
        font-size: 18px;
        text-transform: capitalize;
        margin-bottom: 4px;
      }

      .resume_details .resume_mile .exp-div > ul li > span {
        display: block;
        color: #999;
        font-size: 14px;
      }

        .resume_details .resume_mile .exp-div > ul li > span b {
          display: inline-block;
          font-weight: 700;
        }

          .resume_details .resume_mile .exp-div > ul li > span b.red {
            color: #e43652;
          }

          .resume_details .resume_mile .exp-div > ul li > span b.black {
            color: #000;
          }

          .resume_details .resume_mile .exp-div > ul li > span b.green {
            color: #4eae08;
          }

          .resume_details .resume_mile .exp-div > ul li > span b.fb {
            color: #235aca;
          }

    .resume_details .resume_mile .awrds-info > p {
      font-size: 666666;
      font-size: 18px;
      line-height: 30px;
      margin-bottom: 60px;
    }

    .resume_details .resume_mile .awrds-info > ul li {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin-bottom: 45px;
    }

      .resume_details .resume_mile .awrds-info > ul li:last-child {
        margin-bottom: 0;
      }

      .resume_details .resume_mile .awrds-info > ul li > span {
        width: 100px;
        color: #999;
        font-size: 16px;
      }

      .resume_details .resume_mile .awrds-info > ul li > h3 {
        color: #000;
        font-size: 18px;
        margin-left: auto;
      }

#more-arrows {
  width: 75px;
  height: 65px;
}

  #more-arrows:hover polygon {
    fill: #999;
    transition: all 0.2s ease-out;
  }

    #more-arrows:hover polygon.arrow-bottom {
      transform: translateY(-18px);
    }

    #more-arrows:hover polygon.arrow-top {
      transform: translateY(18px);
    }

polygon {
  fill: #999;
  transition: all 0.2s ease-out;
}

  polygon.arrow-middle {
    opacity: 0.75;
  }

  polygon.arrow-top {
    opacity: 0.5;
  }

.testi_about_v1 {
  background-color: #f2f5fa;
}

  .testi_about_v1 .lets-sec {
    padding: 110px 0 185px;
    border-bottom: 0;
  }

.testi-v-sec {
  padding: 130px 0;
  border-bottom: 1px solid #d5d9de;
}

  .testi-v-sec .tv-col {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
  }

    .testi-v-sec .tv-col .tv-col-thumb {
      max-width: 60px;
    }

      .testi-v-sec .tv-col .tv-col-thumb > img {
        border-radius: 50%;
      }

    .testi-v-sec .tv-col .tv-col-info {
      padding-left: 20px;
    }

      .testi-v-sec .tv-col .tv-col-info > h3 {
        color: #000;
        font-size: 18px;
        text-transform: capitalize;
        margin-bottom: 2px;
      }

      .testi-v-sec .tv-col .tv-col-info > span {
        display: block;
        color: #999;
        font-size: 16px;
      }

        .testi-v-sec .tv-col .tv-col-info > span i {
          font-style: italic;
          color: #06c;
        }

  .testi-v-sec .testi-content {
    padding-left: 60px;
  }

    .testi-v-sec .testi-content > p {
      color: #000;
      font-size: 36px;
      line-height: 48px;
    }

.border-top {
  border-top: 1px solid #eaeaea;
  padding-top: 28px;
}
/*--------------------------------------------------------------
# Service
--------------------------------------------------------------*/
.service_v1_page {
  padding: 54px 0 150px;
}

.sv-title {
  margin-bottom: 234px;
}

  .sv-title > span {
    display: block;
    text-transform: uppercase;
    color: #999;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 47px;
  }

  .sv-title > h2 {
    color: #000;
    font-size: 48px;
    line-height: 60px;
    margin-bottom: 51px;
  }

  .sv-title p {
    font-size: 20px;
    line-height: 36px;
    max-width: 430px;
  }

  .sv-title.v2 {
    margin-bottom: 64px;
  }

.services_items.style2 {
  margin-top: 351px;
}

.service-item {
  margin-bottom: 184px;
  max-width: 500px;
}

  .service-item:last-child {
    margin-bottom: 0;
  }

  .service-item .service-thumb {
    margin-bottom: 52px;
  }

    .service-item .service-thumb > img {
      border-radius: 20px;
    }

  .service-item .service-info > h3 {
    color: #000;
    font-size: 36px;
    margin-bottom: 18px;
  }

  .service-item .service-info p {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 49px;
  }

  .service-item .service-info .sk-col > h4 {
    text-transform: capitalize;
    color: #000;
    font-size: 16px;
    margin-bottom: 38px;
  }

  .service-item .service-info .sk-col ul li {
    margin-bottom: 12px;
  }

    .service-item .service-info .sk-col ul li:last-child {
      margin-bottom: 0;
    }

    .service-item .service-info .sk-col ul li a {
      display: inline-block;
      font-size: 18px;
      color: #000;
      font-weight: 500;
      text-transform: capitalize;
      position: relative;
    }

      .service-item .service-info .sk-col ul li a:before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 0;
        height: 1px;
        background-color: #f59e31;
        opacity: 0;
        visibility: hidden;
        transition: all 0.4s ease-in-out;
      }

      .service-item .service-info .sk-col ul li a:after {
        content: ",";
        position: absolute;
        bottom: 2px;
        left: 100%;
        font-size: 17px;
      }

      .service-item .service-info .sk-col ul li a:hover {
        color: #f59e31;
      }

        .service-item .service-info .sk-col ul li a:hover:before {
          opacity: 1;
          visibility: visible;
          width: 100%;
        }

  .service-item .service-info .sk-col.pol > ul li {
    display: inline-block;
  }
/*--------------------------------------------------------------
# Pricing
--------------------------------------------------------------*/
.pricing-v10.service-v {
  padding: 166px 0 201px;
}

  .pricing-v10.service-v .pl-btm {
    margin-top: 71px;
    padding-bottom: 0;
    border-bottom: 0;
  }

    .pricing-v10.service-v .pl-btm p {
      color: #999;
      font-size: 18px;
    }

      .pricing-v10.service-v .pl-btm p a {
        display: inline-block;
        color: #000;
      }

  /*.pricing-v10.service-v .row {*/
  /*    margin: 0;*/
  /*}*/

  .pricing-v10.service-v .row .col-lg-4 {
    padding: 0;
    border-right: 1px solid #ebeff1;
  }

    .pricing-v10.service-v .row .col-lg-4:last-child {
      border-right: 0;
    }

  .pricing-v10.service-v .title-v10 > h2 {
    font-size: 48px;
    line-height: 54px;
  }

  .pricing-v10.service-v .prices-v10 .price-v10 {
    padding: 80px 50px 110px;
  }

    .pricing-v10.service-v .prices-v10 .price-v10 h2 {
      color: #000;
    }

    .pricing-v10.service-v .prices-v10 .price-v10 .btn-default-v10 {
      border-color: #f59e31;
      color: #f59e31;
      border-radius: 30px;
      display: inline-block;
      position: static;
      padding: 0 25px;
      width: 70%;
      position: absolute;
      bottom: 40px;
      left: 50%;
      transform: translateX(-50%);
    }

      .pricing-v10.service-v .prices-v10 .price-v10 .btn-default-v10 i {
        font-size: 18px;
        margin-left: 10px;
      }

      .pricing-v10.service-v .prices-v10 .price-v10 .btn-default-v10:hover {
        background-color: #f59e31;
        color: #fff;
      }

    .pricing-v10.service-v .prices-v10 .price-v10 ul li {
      font-size: 14px;
      line-height: 24px;
      padding-left: 40px;
      padding-right: 40px;
    }

    .pricing-v10.service-v .prices-v10 .price-v10 ul {
      margin-bottom: 42px;
    }

    .pricing-v10.service-v .prices-v10 .price-v10 h4 {
      margin-bottom: 16px;
    }

    .pricing-v10.service-v .prices-v10 .price-v10 h2 {
      margin-bottom: 42px;
    }

.vls-sections.service-v2 {
  padding: 65px 0 165px;
}

  .vls-sections.service-v2 .mile-vl-sec:nth-child(2n) {
    left: 0;
  }

.vls-sections .sv-title {
  margin-bottom: 175px;
}

  .vls-sections .sv-title > h2,
  .vls-sections .sv-title > span {
    margin-bottom: 38px;
  }

.counter-sec.border-bottom {
  border-bottom: 1px solid #e4e4e4;
  padding-bottom: 97px;
}

.testi-v3-sec.v2-page {
  padding: 118px 0;
}

.contact-sec.sv-page {
  background: #f0f3f9;
  padding: 148px 0 200px;
}

  .contact-sec.sv-page:after,
  .contact-sec.sv-page:before {
    display: none;
  }

  .contact-sec.sv-page .contact-form .form-group input,
  .contact-sec.sv-page .contact-form .form-group textarea {
    background-color: inherit;
  }

.contact-sec.pf-single {
  background: #f0f3f9;
  padding: 130px 0;
}

  .contact-sec.pf-single:after,
  .contact-sec.pf-single:before {
    display: none;
  }

  .contact-sec.pf-single .contact-form .form-group input,
  .contact-sec.pf-single .contact-form .form-group textarea {
    background-color: inherit;
  }

  .contact-sec.pf-single .btn-default.no-bg {
    color: #000;
    border-color: #000;
  }

    .contact-sec.pf-single .btn-default.no-bg:hover {
      border-color: transparent;
      color: #fff;
    }

.service-page-banner {
  background-color: #eceff5;
  padding: 265px 0 458px;
}

  .service-page-banner .sv-title {
    margin-bottom: 0;
  }

    .service-page-banner .sv-title > span {
      margin-bottom: 38px;
    }

    .service-page-banner .sv-title > h2 {
      margin-bottom: 48px;
    }

.services_03_content {
  margin-top: -340px;
}

  .services_03_content .container {
    max-width: 1550px;
  }

  .services_03_content .svs-03-styles {
    padding: 165px 175px;
    background-color: #fff;
  }

    .services_03_content .svs-03-styles .services-v9 {
      background-color: #fff;
      padding: 0;
      margin-top: 142px;
    }

      .services_03_content .svs-03-styles .services-v9 .title-v9 {
        margin-bottom: 64px;
      }

        .services_03_content .svs-03-styles .services-v9 .title-v9 > h2 {
          color: #000;
          font-size: 48px;
          line-height: 56px;
        }

      .services_03_content .svs-03-styles .services-v9 .services_v9 .service-v9 {
        border: 1px solid #dbdbdb;
        border-radius: 5px;
      }

        .services_03_content .svs-03-styles .services-v9 .services_v9 .service-v9 > h3 {
          color: #000;
        }

        .services_03_content .svs-03-styles .services-v9 .services_v9 .service-v9 .s-icon.clr-1 {
          background-color: rgba(245, 158, 49, 0.2);
          color: rgba(245, 158, 49, 0.9);
        }

        .services_03_content .svs-03-styles .services-v9 .services_v9 .service-v9 .s-icon.clr-2 {
          background-color: #fdf3f2;
          color: #f54331;
        }

        .services_03_content .svs-03-styles .services-v9 .services_v9 .service-v9 .s-icon.clr-3 {
          background-color: #e6fdf8;
          color: #4ad2d0;
        }

        .services_03_content .svs-03-styles .services-v9 .services_v9 .service-v9 .s-icon.clr-4 {
          background-color: #f4e9fd;
          color: #9928e0;
        }

        .services_03_content .svs-03-styles .services-v9 .services_v9 .service-v9 .s-icon.clr-5 {
          background-color: #edfbe9;
          color: #78bc1f;
        }
/*--------------------------------------------------------------
# Testimonial
--------------------------------------------------------------*/
.testimonial-sec.v10.svs-page {
  padding: 145px 0 176px;
}

  .testimonial-sec.v10.svs-page .title-v10 h2 {
    font-size: 48px;
    margin-bottom: 0;
  }

  .testimonial-sec.v10.svs-page .title-v10 {
    margin-bottom: 60px;
  }

  .testimonial-sec.v10.svs-page .testimonial-slider .testimo-slider .slick-dots {
    display: none !important;
  }

  .testimonial-sec.v10.svs-page .testimonial-slider .testimo-slider .slick-next,
  .testimonial-sec.v10.svs-page .testimonial-slider .testimo-slider .slick-prev {
    top: -90px;
    z-index: 99;
  }

    .testimonial-sec.v10.svs-page .testimonial-slider .testimo-slider .slick-next:hover,
    .testimonial-sec.v10.svs-page .testimonial-slider .testimo-slider .slick-prev:hover {
      background-color: #f59e31;
    }

  .testimonial-sec.v10.svs-page .partners-section {
    border-bottom: 1px solid #d2d2d2;
    padding-bottom: 110px;
  }

  .testimonial-sec.v10.svs-page .prices-v10 .price-v10 h2 {
    color: #f59e31;
  }

  .testimonial-sec.v10.svs-page .prices-v10 .price-v10 .btn-default-v10 {
    border-color: #f59e31;
    color: #f59e31;
    font-size: 17px;
    padding: 0 30px;
    left: 50%;
    transform: translateX(-50%);
  }

    .testimonial-sec.v10.svs-page .prices-v10 .price-v10 .btn-default-v10:hover {
      background-color: #f59e31;
      border-color: transparent;
      color: #fff;
    }

  .testimonial-sec.v10.svs-page .pl-btm {
    border-bottom: 0;
    padding-bottom: 0;
  }

  .testimonial-sec.v10.svs-page .price-section-v {
    padding: 128px 0 0;
  }

.contact-v1-map .container-fluid,
.contact-v1-map .container-lg,
.contact-v1-map .container-md,
.contact-v1-map .container-sm,
.contact-v1-map .container-xl {
  padding: 0 100px;
}

  .contact-v1-map .container-fluid .gmap_canvas iframe,
  .contact-v1-map .container-lg .gmap_canvas iframe,
  .contact-v1-map .container-md .gmap_canvas iframe,
  .contact-v1-map .container-sm .gmap_canvas iframe,
  .contact-v1-map .container-xl .gmap_canvas iframe {
    width: 100%;
    height: 880px;
  }

  .contact-v1-map .container-fluid .mapouter,
  .contact-v1-map .container-lg .mapouter,
  .contact-v1-map .container-md .mapouter,
  .contact-v1-map .container-sm .mapouter,
  .contact-v1-map .container-xl .mapouter {
    position: relative;
  }

.map-address {
  position: absolute;
  top: 50%;
  right: 80px;
  max-width: 590px;
  background-color: #fff;
  border-radius: 25px;
  transform: translateY(-50%);
  padding: 100px;
}

  .map-address > h3 {
    color: #000;
    font-size: 30px;
    text-transform: capitalize;
    margin-bottom: 17px;
    margin-top: -9px;
  }

    .map-address > h3 > span {
      display: inline-block;
      color: #999;
      font-weight: 400;
    }

  .map-address p {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 52px;
  }

  .map-address .mail {
    display: block;
    font-size: 14px;
    color: #000;
    font-weight: 700;
    margin-bottom: 34px;
    text-transform: uppercase;
  }

    .map-address .mail a {
      display: inline-block;
      color: #666;
      font-size: 16px;
      text-transform: inherit;
      font-weight: 400;
    }

  .map-address .call-dir {
    display: block;
    color: #999;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 10px;
  }

  .map-address .phone {
    font-size: 36px;
    color: #000;
    margin-bottom: 60px;
  }

  .map-address .office-addrs {
    margin-bottom: 66px;
  }

    .map-address .office-addrs > h3 {
      color: #000;
      font-size: 14px;
      font-weight: 700;
      margin-bottom: 20px;
      text-transform: uppercase;
      margin-bottom: 16px;
    }

    .map-address .office-addrs ul {
      position: relative;
      left: -10px;
    }

      .map-address .office-addrs ul li {
        display: inline-block;
        position: relative;
        margin-bottom: 9px;
      }

        .map-address .office-addrs ul li:first-child {
          padding-left: 0;
        }

        .map-address .office-addrs ul li:before {
          content: "|";
          position: absolute;
          top: 0;
          left: 100%;
          color: #666;
          font-size: 16px;
        }

        .map-address .office-addrs ul li:last-child:before {
          display: none;
        }

        .map-address .office-addrs ul li a {
          padding: 0 10px;
          display: inline-block;
          color: #666;
          font-size: 16px;
          position: relative;
        }

          .map-address .office-addrs ul li a:before {
            content: "";
            position: absolute;
            bottom: 0;
            left: 50%;
            width: calc(100% - 20px);
            height: 1px;
            background-color: #666;
            transform: translateX(-50%);
            transition: all 0.4s ease-in-out;
            opacity: 0;
            visibility: hidden;
          }

          .map-address .office-addrs ul li a:hover:before {
            opacity: 1;
            visibility: visible;
          }

.contact-sec.no-bg {
  padding: 175px 0 230px;
}

  .contact-sec.no-bg:after,
  .contact-sec.no-bg:before {
    display: none;
  }

  .contact-sec.no-bg .sec-title {
    margin-bottom: 117px;
  }

    .contact-sec.no-bg .sec-title > h2 {
      font-size: 48px;
      margin-bottom: 22px;
    }

.box-shadow-none {
  -ms-box-shadow: inherit !important;
  box-shadow: inherit !important;
}

.contact-v2-map {
  padding: 65px 0 124px;
}

  .contact-v2-map .container-fluid,
  .contact-v2-map .container-lg,
  .contact-v2-map .container-md,
  .contact-v2-map .container-sm,
  .contact-v2-map .container-xl {
    max-width: calc(100% - 380px);
    padding: 0 15px;
    margin-left: auto;
  }

  .contact-v2-map .sv-title {
    max-width: 690px;
    margin-bottom: 130px;
  }

  .contact-v2-map .mapouter .gmap_canvas iframe {
    width: 100%;
    height: 640px;
  }

.map-oth {
  padding: 105px 0 0;
}

  .map-oth .map-address {
    position: static;
    background-color: #fff;
    transform: inherit;
    padding: 0;
  }

    .map-oth .map-address > h3 {
      color: #000;
      font-size: 30px;
      text-transform: capitalize;
      margin-bottom: 17px;
      margin-top: -9px;
    }

      .map-oth .map-address > h3 > span {
        display: inline-block;
        color: #999;
        font-weight: 400;
      }

    .map-oth .map-address p {
      font-size: 16px;
      line-height: 26px;
      margin-bottom: 52px;
    }

    .map-oth .map-address .mail {
      display: block;
      font-size: 14px;
      color: #000;
      font-weight: 700;
      margin-bottom: 34px;
      text-transform: uppercase;
    }

      .map-oth .map-address .mail a {
        display: inline-block;
        color: #666;
        font-size: 16px;
        text-transform: inherit;
        font-weight: 400;
      }

    .map-oth .map-address .call-dir {
      display: block;
      color: #999;
      font-size: 12px;
      text-transform: uppercase;
      font-weight: 700;
      margin-bottom: 10px;
    }

    .map-oth .map-address .phone {
      font-size: 36px;
      color: #000;
      margin-bottom: 0;
    }

.contact-v2-map .office-addrs {
  margin-bottom: 66px;
  max-width: 440px;
}

  .contact-v2-map .office-addrs > h3 {
    color: #000;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 20px;
    text-transform: uppercase;
    margin-bottom: 16px;
  }

  .contact-v2-map .office-addrs ul {
    position: relative;
    left: -10px;
  }

    .contact-v2-map .office-addrs ul li {
      display: inline-block;
      position: relative;
      margin-bottom: 9px;
    }

      .contact-v2-map .office-addrs ul li:first-child {
        padding-left: 0;
      }

      .contact-v2-map .office-addrs ul li:before {
        content: "|";
        position: absolute;
        top: 0;
        left: 100%;
        color: #666;
        font-size: 16px;
      }

      .contact-v2-map .office-addrs ul li:last-child:before {
        display: none;
      }

      .contact-v2-map .office-addrs ul li a {
        display: inline-block;
        color: #666;
        font-size: 16px;
        padding: 0 10px;
      }

.contact-sec.gray-bg {
  background-color: #f0f3f9;
  padding: 130px 0;
}

  .contact-sec.gray-bg .contact-form .form-group input,
  .contact-sec.gray-bg .contact-form .form-group textarea {
    background-color: inherit;
  }

.career-single .cr-single-content .btn-default {
  width: auto !important;
}
/*--------------------------------------------------------------
# Team
--------------------------------------------------------------*/
.team-page {
  padding: 65px 0 160px;
  border-bottom: 1px solid #e5e5e5;
}

  .team-page .sv-title {
    margin-bottom: 144px;
  }

.teams .team-cl {
  position: relative;
  transition: all 0.4s ease-in-out;
  margin-bottom: 30px;
}

  .teams .team-cl:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease-in-out;
  }

  .teams .team-cl > img {
    width: 100%;
  }

  .teams .team-cl .social-ic {
    position: absolute;
    top: 0;
    right: 37px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease-in-out;
  }

    .teams .team-cl .social-ic li {
      display: inline-block;
      margin-right: 22px;
    }

      .teams .team-cl .social-ic li:last-child {
        margin-right: 0;
      }

      .teams .team-cl .social-ic li a {
        display: inline-block;
        color: #000;
        font-size: 18px;
      }

        .teams .team-cl .social-ic li a:hover {
          color: #f59e31;
        }

  .teams .team-cl .team-fig {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0 40px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease-in-out;
  }

    .teams .team-cl .team-fig > h3 {
      color: #000;
      font-size: 30px;
      line-height: 30px;
      margin-bottom: 12px;
    }

    .teams .team-cl .team-fig > span {
      display: block;
      color: #999;
      font-size: 14px;
    }

  .teams .team-cl:hover {
    -ms-box-shadow: 0 100px 150px rgba(89, 102, 128, 0.3);
    box-shadow: 0 100px 150px rgba(89, 102, 128, 0.3);
  }

    .teams .team-cl:hover .social-ic,
    .teams .team-cl:hover .team-fig,
    .teams .team-cl:hover:before {
      opacity: 1;
      visibility: visible;
    }

    .teams .team-cl:hover .social-ic {
      top: 39px;
    }

    .teams .team-cl:hover .team-fig {
      bottom: 35px;
    }

.teams .become-member {
  border: 1px solid #e4e4e4;
  text-align: center;
  height: calc(100% - 30px);
  padding: 85px 50px 0;
}

  .teams .become-member > i {
    color: #f59e31;
    font-size: 72px;
    margin-bottom: 28px;
  }

  .teams .become-member > h3 {
    color: #000;
    font-size: 24px;
    line-height: 30px;
  }

.filters-nav {
  margin-bottom: 70px;
}

  .filters-nav li {
    display: inline-block;
    margin-right: 8px;
  }

    .filters-nav li:last-child {
      margin-right: 0;
    }

    .filters-nav li a {
      display: inline-block;
      color: #999;
      font-size: 16px;
      font-weight: 500;
      height: 40px;
      line-height: 40px;
      padding: 0 24px;
      cursor: pointer;
      border-radius: 30px;
    }

      .filters-nav li a.selected {
        background-color: #faf2e9;
        color: #f93;
      }

.career-page {
  border-bottom: 1px solid #e5e5e5;
  padding: 65px 0 180px;
}

  .career-page .container {
    max-width: 1200px;
    padding: 0 15px;
  }

.masonary {
  width: 100%;
  margin-bottom: -81px;
  display: flex;
}

.ms-row {
  margin: 0 -50px;
}

  .ms-row .col-lg-6 {
    padding: 0 50px;
  }

.career-item {
  margin-bottom: 81px;
}

  .career-item .career-thumb {
    margin-bottom: 29px;
  }

  .career-item .career-info > h2 {
    color: #000;
    font-size: 30px;
    line-height: 37px;
    margin-bottom: 14px;
    position: relative;
    display: inline-block;
  }

    .career-item .career-info > h2:before {
      content: "";
      position: absolute;
      bottom: 0;
      left: 0;
      width: 0;
      height: 2px;
      background-color: #000;
      transition: all 0.4s ease-in-out;
    }

    .career-item .career-info > h2:hover:before {
      opacity: 1;
      visibility: visible;
      width: 100%;
    }

  .career-item .career-info p {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 29px;
  }

  .career-item .career-info > span {
    display: block;
    color: #000;
    font-size: 16px;
    text-transform: capitalize;
  }

.career-single .job-type {
  display: block;
  color: #000;
  font-size: 16px;
  margin-bottom: 30px;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 80px;
}

.career-single .cr-single-content {
  max-width: 850px;
  margin: 0 auto;
  margin-top: 95px;
}

  .career-single .cr-single-content p {
    font-size: 20px;
    line-height: 36px;
    margin-bottom: 35px;
    color: #000;
  }

  .career-single .cr-single-content > h3 {
    color: #000;
    font-size: 30px;
    margin-bottom: 48px;
    margin-top: 80px;
  }

  .career-single .cr-single-content ul li {
    display: block;
    font-size: 18px;
    line-height: 30px;
    color: #000;
    margin-bottom: 18px;
    position: relative;
    padding-left: 30px;
  }

    .career-single .cr-single-content ul li:before {
      content: "";
      position: absolute;
      top: 50%;
      left: 0;
      width: 5px;
      height: 5px;
      border-radius: 50%;
      background-color: #000;
      transform: translateY(-50%);
    }

    .career-single .cr-single-content ul li:last-child {
      margin-bottom: 0;
    }

  .career-single .cr-single-content .btn-default {
    margin-top: 121px;
  }
/*--------------------------------------------------------------
# 404 Page
--------------------------------------------------------------*/
.error-page {
  background-color: #f0f3f9;
  padding: 210px 0 155px;
}

.error-content {
  max-width: 480px;
  margin: 0 auto;
  text-align: center;
}

  .error-content > img {
    margin-bottom: 102px;
  }

  .error-content > h3 {
    color: #000;
    font-size: 36px;
    margin-bottom: 10px;
  }

  .error-content > p {
    font-size: 18px;
    margin-bottom: 42px;
  }

.testimonial-sec.v10.clr-default .testimo-slider .slick-dots {
  display: none !important;
}

.testimonial-sec.v10.clr-default .testimonial-slider .testimo-slider .slick-next:hover,
.testimonial-sec.v10.clr-default .testimonial-slider .testimo-slider .slick-prev:hover {
  background-color: #f59e31;
}

.pricing-v10.clr-default {
  padding: 225px 0 45px;
}

  .pricing-v10.clr-default .title-v10 > h2 {
    font-size: 48px;
  }

  .pricing-v10.clr-default .prices-v10 .price-v10 .btn-default-v10,
  .pricing-v10.clr-default .prices-v10 .price-v10 h2 {
    color: #f59e31;
    border-color: #f59e31;
  }

    .pricing-v10.clr-default .prices-v10 .price-v10 .btn-default-v10:hover {
      background-color: #f59e31;
      color: #fff;
      border-color: transparent;
    }
/*--------------------------------------------------------------
# Coming Soon
--------------------------------------------------------------*/
.coming-soon-page {
  background-color: #f0f3f9;
  padding: 187px 0 150px;
}

  .coming-soon-page .cm-content {
    max-width: 850px;
    margin: 0 auto;
    text-align: center;
  }

    .coming-soon-page .cm-content > h2 {
      color: #000;
      font-size: 36px;
      text-transform: capitalize;
      margin-bottom: 105px;
    }

    .coming-soon-page .cm-content > img {
      max-width: 100%;
      margin-bottom: 112px;
    }

    .coming-soon-page .cm-content > h3 {
      color: #000;
      font-size: 16px;
      text-transform: uppercase;
      margin-bottom: 31px;
    }

  .coming-soon-page .time-counter {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 55px;
  }

    .coming-soon-page .time-counter li {
      display: inline-block;
      width: 125px;
      height: 125px;
      background-color: #fff;
      text-align: center;
      border-radius: 50%;
      padding-top: 23px;
      margin-right: 18px;
    }

      .coming-soon-page .time-counter li:last-child {
        margin-right: 0;
      }

      .coming-soon-page .time-counter li > h2 {
        color: #000;
        font-size: 48px;
        margin-bottom: -8px;
        font-weight: 400;
      }

      .coming-soon-page .time-counter li > span {
        display: block;
        color: #666;
        font-size: 16px;
        font-weight: 600;
      }

.btn-default.white-bg {
  background-color: #fff;
  color: #f59e31;
  border: 1px solid #f59e31;
}

.sv-title.v3 {
  margin-bottom: 115px;
}
/*--------------------------------------------------------------
# Portfolio
--------------------------------------------------------------*/
.portfolio-ms-page {
  padding: 65px 0 160px;
  border-bottom: 1px solid #ccc;
}

  .portfolio-ms-page .container-fluid,
  .portfolio-ms-page .container-lg,
  .portfolio-ms-page .container-md,
  .portfolio-ms-page .container-sm,
  .portfolio-ms-page .container-xl {
    max-width: 100%;
    padding: 0 100px;
  }

  .portfolio-ms-page .ms-row .masonary {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
  }

  .portfolio-ms-page .ms-row .col-lg-4 {
    padding: 0 85px;
  }

  .portfolio-ms-page .ms-row .pt-item {
    text-align: center;
    margin-bottom: 210px;
  }

    .portfolio-ms-page .ms-row .pt-item > a img {
      max-width: 100%;
    }

.more-items {
  padding-top: 80px;
}

  .more-items .more-item {
    display: inline-block;
    color: #000;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 700;
    border: 1px solid #cfcfcf;
    width: 180px;
    height: 180px;
    line-height: 180px;
    text-align: center;
    border-radius: 50%;
  }

    .more-items .more-item:hover {
      border-color: transparent;
      text-decoration: underline;
    }

.zoom-img {
  position: relative;
  overflow: hidden;
}

  .zoom-img img {
    transition: all 0.4s ease-in-out;
  }

  .zoom-img:hover img {
    transform: scale(1.2);
  }

.pf-single-banner {
  background-color: #f1445a;
  padding: 223px 0 0;
}

  .pf-single-banner .pf-banner {
    text-align: center;
  }

    .pf-single-banner .pf-banner > img {
      max-width: 100%;
    }

.btn-default.white {
  color: #fff;
  border-color: #fff;
}

.project-content-v1 {
  padding: 190px 0 0;
}

.project-v1-info .project-dt {
  max-width: 520px;
}

  .project-v1-info .project-dt > h2 {
    color: #000;
    font-size: 48px;
    line-height: 60px;
    margin-bottom: 70px;
    max-width: 370px;
  }

  .project-v1-info .project-dt .dd-tinfo {
    margin-bottom: 33px;
  }

    .project-v1-info .project-dt .dd-tinfo > h3 {
      color: #000;
      font-size: 16px;
      text-transform: uppercase;
      margin-bottom: 22px;
    }

    .project-v1-info .project-dt .dd-tinfo > span {
      display: block;
      color: #666;
      font-size: 16px;
      line-height: 26px;
    }

.txt-content {
  padding: 130px 0;
  border-bottom: 1px solid #eaeaea;
}

  .txt-content p {
    padding: 0 150px;
    color: #333;
    font-size: 24px;
    line-height: 40px;
    font-weight: 500;
  }

.ppr-sldr {
  background-color: #f1f6fa;
  padding: 64px 70px;
  border-radius: 10px;
}

  .ppr-sldr p {
    color: #000;
    font-size: 22px;
    line-height: 36px;
    margin-bottom: 43px;
    font-style: italic;
  }

  .ppr-sldr .pp-info {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
  }

    .ppr-sldr .pp-info .pp-img {
      max-width: 60px;
    }

      .ppr-sldr .pp-info .pp-img > img {
        max-width: 100%;
      }

    .ppr-sldr .pp-info .pp-dt {
      padding-left: 20px;
    }

      .ppr-sldr .pp-info .pp-dt > h3 {
        color: #000;
        font-size: 18px;
        text-transform: capitalize;
        margin-bottom: 2px;
      }

      .ppr-sldr .pp-info .pp-dt > span {
        display: block;
        color: #999;
        font-size: 16px;
      }

        .ppr-sldr .pp-info .pp-dt > span a {
          display: inline-block;
          color: #06c;
          font-style: italic;
        }

.challenge-sec {
  padding: 124px 0 150px;
}

  .challenge-sec .mv-title {
    max-width: 440px;
  }

  .challenge-sec .container-fluid,
  .challenge-sec .container-lg,
  .challenge-sec .container-md,
  .challenge-sec .container-sm,
  .challenge-sec .container-xl {
    padding: 0 100px;
  }

.mv-title > span {
  display: block;
  color: #ee9a30;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 31px;
  letter-spacing: 2px;
}

.mv-title > h2 {
  color: #000;
  font-size: 40px;
  line-height: 50px;
}

.mv-para p {
  font-size: 18px;
  line-height: 32px;
}

  .mv-para p strong {
    display: inline-block;
    color: #000;
    font-size: 18px;
    font-weight: 700;
    text-transform: capitalize;
  }

.sl-sec {
  margin-top: 120px;
}

.op-row {
  padding: 170px 0 0;
}

.op-details {
  max-width: 420px;
  margin-top: 72px;
}

  .op-details .mv-title {
    margin-bottom: 50px;
  }

  .op-details p {
    font-size: 18px;
    line-height: 32px;
  }

.vl-img {
  position: relative;
}

  .vl-img:before {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 399px;
    height: 399px;
    background-image: url(../img/vl-shape.png);
    z-index: -1;
    background-repeat: no-repeat;
  }

.pp-tabs-sec .nav-tabs {
  margin-top: 110px;
  display: inline-block;
  background-color: #f1f6fa;
  border: 0;
  height: 40px;
  line-height: 40px;
  border-radius: 30px;
}

  .pp-tabs-sec .nav-tabs li {
    display: inline-block;
    border: 0;
  }

    .pp-tabs-sec .nav-tabs li:first-child a,
    .pp-tabs-sec .nav-tabs li:last-child a {
      border-radius: 0;
    }

    .pp-tabs-sec .nav-tabs li a {
      border-radius: 0;
      display: inline-block;
      color: #666;
      font-size: 18px;
      font-weight: 500;
      border: 0;
      padding: 0 30px;
      text-transform: capitalize;
    }

      .pp-tabs-sec .nav-tabs li a:focus,
      .pp-tabs-sec .nav-tabs li a:hover {
        outline: none;
        border: 0;
      }

      .pp-tabs-sec .nav-tabs li a.active,
      .pp-tabs-sec .nav-tabs li a:hover {
        border: 0;
        background-color: #f93;
        border-radius: 30px;
        color: #fff;
        font-weight: 500;
      }

.showcase-sec {
  background-color: #e8eff5;
  padding: 146px 0 270px;
}

  .showcase-sec .container-fluid,
  .showcase-sec .container-lg,
  .showcase-sec .container-md,
  .showcase-sec .container-sm,
  .showcase-sec .container-xl {
    padding: 0 100px;
  }

.showcase-slider {
  margin: 0 -35px;
  padding-top: 116px;
}

  .showcase-slider .col-lg-3 {
    padding: 0 35px;
  }

  .showcase-slider .screen-slide > img {
    max-width: 100%;
    border-radius: 20px;
  }

  .showcase-slider .slick-dots {
    bottom: -117px;
  }

    .showcase-slider .slick-dots li {
      margin-right: 13px;
    }

      .showcase-slider .slick-dots li:last-child {
        margin-right: 0;
      }

      .showcase-slider .slick-dots li button {
        width: 12px;
        height: 12px;
        background-color: #889aaa;
      }

      .showcase-slider .slick-dots li.slick-active button {
        background-color: #f93;
      }

.avl-sec {
  padding: 140px 0;
  border-bottom: 1px solid #eaeaea;
}

.avl-content {
  max-width: 600px;
  margin: 0 auto;
  text-align: center;
}

  .avl-content > img {
    margin-bottom: 74px;
  }

  .avl-content p {
    font-size: 18px;
    line-height: 32px;
    margin-bottom: 67px;
  }

  .avl-content > h3 {
    color: #000;
    font-size: 18px;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 39px;
  }
  /*--------------------------------------------------------------
# Links
--------------------------------------------------------------*/
  .avl-content .download-links li {
    display: inline-block;
    margin-right: 10px;
  }

    .avl-content .download-links li:last-child {
      margin-right: 0;
    }

.avl-btm {
  margin-top: 170px;
  border-top: 1px solid #eaeaea;
  padding: 70px 0 0;
}

  .avl-btm .shareon > h3 {
    color: #000;
    display: inline-block;
    font-size: 16px;
    text-transform: uppercase;
    margin-right: 18px;
  }

  .avl-btm .shareon ul {
    display: inline-block;
  }

    .avl-btm .shareon ul li {
      display: inline-block;
      margin-right: 11px;
    }

      .avl-btm .shareon ul li:last-child {
        margin-right: 0;
      }

      .avl-btm .shareon ul li a {
        border-radius: 50%;
        display: inline-block;
        width: 40px;
        height: 40px;
        line-height: 40px;
        border: 1px solid #ebebeb;
        font-size: 19px;
        color: #999;
        font-size: 16px;
        text-align: center;
      }

        .avl-btm .shareon ul li a:hover {
          background-color: #f93;
          color: #fff;
          border-color: transparent;
        }

  .avl-btm .liked-dv {
    text-align: right;
  }

    .avl-btm .liked-dv .liked {
      display: inline-block;
      color: #ff3600;
      width: 40px;
      height: 40px;
      line-height: 42px;
      border-radius: 50%;
      text-align: center;
      font-size: 18px;
      background-color: #ebeff0;
      margin-right: 11px;
    }

    .avl-btm .liked-dv > span {
      display: inline-block;
      color: #666;
      font-size: 16px;
    }

.pft-slide .pft-details {
  max-width: 585px;
  padding-right: 185px;
  margin-left: auto;
  padding-bottom: 80px;
}

.pft-slide .pft-txt {
  margin-top: 202px;
}

  .pft-slide .pft-txt > h2 {
    color: #000;
    font-size: 48px;
    text-transform: capitalize;
    margin-bottom: 29px;
  }

  .pft-slide .pft-txt > p {
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 44px;
  }

  .pft-slide .pft-txt .pft-task {
    margin-bottom: 74px;
  }

    .pft-slide .pft-txt .pft-task > h3 {
      color: #f93;
      font-size: 14px;
      text-transform: capitalize;
      margin-bottom: 16px;
      text-transform: uppercase;
      letter-spacing: 2px;
    }

    .pft-slide .pft-txt .pft-task > p {
      color: #000;
      font-size: 16px;
      font-weight: 500;
      line-height: 26px;
    }

  .pft-slide .pft-txt .pp-list {
    margin-bottom: 73px;
  }

    .pft-slide .pft-txt .pp-list li {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      border-bottom: 1px solid #eaeaea;
      padding: 20px 0;
    }

      .pft-slide .pft-txt .pp-list li > h3 {
        color: #000;
        font-size: 16px;
        text-transform: uppercase;
        width: 130px;
      }

      .pft-slide .pft-txt .pp-list li > span {
        display: inline-block;
        color: #666;
        font-size: 16px;
      }

  .pft-slide .pft-txt .scl-links li {
    display: inline-block;
    margin-right: 11px;
  }

    .pft-slide .pft-txt .scl-links li:last-child {
      margin-right: 0;
    }

    .pft-slide .pft-txt .scl-links li a {
      display: inline-block;
      width: 40px;
      height: 40px;
      line-height: 40px;
      text-align: center;
      border-radius: 50%;
      color: #999;
      border: 1px solid #eaeaea;
      font-size: 16px;
    }

      .pft-slide .pft-txt .scl-links li a:hover {
        background-color: #f93;
        color: #fff;
        border-color: transparent;
      }

.pft-slider .slick-next,
.pft-slider .slick-prev {
  font-size: 14px;
  color: #000;
  font-weight: 700;
  text-transform: uppercase;
  background-color: #fff;
  border: 0;
  width: auto;
  height: 42px;
  line-height: 42px;
  top: 50%;
  transform: translateY(-50%);
  padding: 0 24px;
  border-radius: 0;
  letter-spacing: 2px;
  transform: rotate(-90deg);
}

  .pft-slider .slick-next:before,
  .pft-slider .slick-prev:before {
    display: none;
  }

  .pft-slider .slick-next:hover,
  .pft-slider .slick-prev:hover {
    -ms-box-shadow: inherit;
    box-shadow: inherit;
    background-color: #f93;
    color: #fff;
  }

.pft-slider .slick-prev {
  left: 76px;
  right: auto;
}

.pft-slider .slick-next {
  right: 76px;
  left: auto;
  transform: rotate(90deg);
}

.bg-2 {
  background-color: #e4edf0;
}

.pf-single-layout3 {
  padding: 44px 0 122px;
}

  .pf-single-layout3 .pf-head-v3 {
    margin-bottom: 49px;
  }

  .pf-single-layout3 .pf-head-content-v3 > h2 {
    color: #000;
    font-size: 60px;
    text-transform: capitalize;
    margin-bottom: 50px;
  }

  .pf-single-layout3 .pf-head-content-v3 .prp-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

    .pf-single-layout3 .pf-head-content-v3 .prp-list li {
      -ms-flex: 0 0 25%;
      flex: 0 0 25%;
      max-width: 25%;
    }

      .pf-single-layout3 .pf-head-content-v3 .prp-list li > h3 {
        color: #000;
        font-size: 16px;
        margin-bottom: 10px;
        text-transform: uppercase;
      }

      .pf-single-layout3 .pf-head-content-v3 .prp-list li > span {
        display: block;
        color: #666;
        font-size: 16px;
      }

  .pf-single-layout3 .pf-banner-v3 > img {
    max-width: 100%;
  }

.border-bottom {
  border-bottom: 1px solid #eaeaea;
}

.chal-sec-v3 .mv-title {
  max-width: 420px;
}

.txt-content.v2 {
  padding: 91px 0 125px;
}
/*--------------------------------------------------------------
# Slider
--------------------------------------------------------------*/
.pl-v3-slider-sec {
  margin-top: 124px;
}

  .pl-v3-slider-sec .row {
    margin: 0 -50px;
  }

  .pl-v3-slider-sec .col-lg-4 {
    padding: 0 50px;
  }

  .pl-v3-slider-sec .pf-slide-v3 {
    height: 100%;
  }

    .pl-v3-slider-sec .pf-slide-v3 > img {
      height: 100%;
      height: 514px;
      object-fit: cover;
      width: 100%;
      max-width: 100%;
    }

.vd-frame-sec {
  padding: 164px 0 0;
}

.ms-title {
  max-width: 700px;
  margin: 0 auto;
  margin-bottom: 148px;
}

  .ms-title > h2 {
    color: #000;
    font-size: 36px;
    line-height: 48px;
  }

.yt-frame iframe {
  width: 100%;
  height: 600px;
}

.post-control-sec {
  padding: 140px 0 160px;
}

  .post-control-sec h2 {
    font-size: 60px;
    color: #000;
  }

  .post-control-sec .avl-btm {
    padding-top: 0;
    margin-top: 100px;
  }

    .post-control-sec .avl-btm .shareon ul li a {
      background-color: #fff;
    }

      .post-control-sec .avl-btm .shareon ul li a:hover {
        background-color: #f93;
        color: #fff;
      }

    .post-control-sec .avl-btm .liked-dv .liked,
    footer.bg-white {
      background-color: #fff;
    }

.pf-hr-slide .pfr-thumb {
  margin-bottom: 35px;
}

.pf-hr-slide .pfr-info > h3 {
  font-size: 24px;
  color: #000;
  line-height: 30px;
  max-width: 190px;
}

  .pf-hr-slide .pfr-info > h3:hover a {
    text-decoration: underline;
  }

.portfolio-horizontol {
  padding-top: 60px;
}

  .portfolio-horizontol .pagee-title {
    position: absolute;
    bottom: 0;
    left: 153px;
    color: #efefef;
    font-size: 120px;
    line-height: 120px;
    transform: rotate(-90deg);
    transform-origin: left;
    text-transform: uppercase;
    z-index: 99;
  }

.no-scroll {
  overflow: hidden;
}

.pf-hr-slider {
  padding-left: 370px;
}
/*--------------------------------------------------------------
# Header v6
--------------------------------------------------------------*/
.header-v6.v11 {
  background-color: inherit;
}

  .header-v6.v11 .header-content-v6 nav ul li:before {
    background-color: #999;
  }

  .header-v6.v11 .header-content-v6 nav ul li a,
  .header-v6.v11 .social-header li a {
    color: #fff;
  }

  .header-v6.v11 .header-content-v6 .hd-btn {
    margin-left: 84px;
    background-color: inherit;
    border: 1px solid #fff;
    color: #fff;
  }

.main-banner-v11 {
  background-image: url(../img/banner11.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 330px 0 235px;
}

  .main-banner-v11 .content-v11 {
    text-align: center;
    max-width: 600px;
    margin: 0 auto;
  }

    .main-banner-v11 .content-v11 > span {
      display: block;
      color: #fff;
      text-transform: uppercase;
      margin-bottom: 19px;
      font-weight: 700;
      letter-spacing: 1px;
    }

    .main-banner-v11 .content-v11 > h2 {
      color: #fff;
      font-size: 72px;
      line-height: 72px;
      margin-bottom: 54px;
    }

    .main-banner-v11 .content-v11 p {
      color: #fff;
      font-size: 18px;
      line-height: 34px;
      margin-bottom: 74px;
      padding: 0 70px;
    }

    .main-banner-v11 .content-v11 .view-btn .pl-btn {
      background-color: inherit;
      border: 1px solid #fff;
      color: #fff;
      width: 62px;
      height: 62px;
      line-height: 62px;
      font-size: 24px;
    }

      .main-banner-v11 .content-v11 .view-btn .pl-btn:before {
        background-color: #4c0ee9;
        width: 82px;
        height: 82px;
        top: -10px;
        left: -10px;
      }

      .main-banner-v11 .content-v11 .view-btn .pl-btn:hover:before {
        opacity: 1;
        transform: scale(0.9);
      }

    .main-banner-v11 .content-v11 .view-btn .vt {
      text-align: left;
      color: #fff;
      line-height: 24px;
      font-size: 16px;
    }

      .main-banner-v11 .content-v11 .view-btn .vt:hover {
        color: hsla(0, 0%, 100%, 0.5);
      }

.btn-default.v11 {
  background-color: #4c0ee9;
  border-radius: 5px;
}

.gray-bg {
  background-color: #f0f3f9 !important;
}

.partners-section.v11 {
  padding: 115px 0 86px;
}
/*--------------------------------------------------------------
# About v4
--------------------------------------------------------------*/
.about-v4-sec.v11 {
  background-color: #fff;
  font-family: DM Sans, sans-serif;
  padding: 0 0 180px;
}

  .about-v4-sec.v11 .container {
    max-width: 1560px;
    padding: 0 15px;
  }

  .about-v4-sec.v11 .abt-list {
    padding-right: 75px;
  }

  .about-v4-sec.v11 .about-v4-content .abt-list .abt-content {
    background-color: #fff;
  }

    .about-v4-sec.v11 .about-v4-content .abt-list .abt-content > h3 {
      color: #000;
      font-weight: 700;
    }

      .about-v4-sec.v11 .about-v4-content .abt-list .abt-content > h3:hover {
        color: #4c0ee9;
      }

    .about-v4-sec.v11 .about-v4-content .abt-list .abt-content p {
      color: #666;
    }

    .about-v4-sec.v11 .about-v4-content .abt-list .abt-content > a {
      color: #000;
    }

      .about-v4-sec.v11 .about-v4-content .abt-list .abt-content > a:before {
        background-color: #000;
      }

    .about-v4-sec.v11 .about-v4-content .abt-list .abt-content .iconn {
      color: #4c0ee9;
      font-size: 48px;
    }

  .about-v4-sec.v11 .about-v4-content .abt-col-text > span {
    text-transform: uppercase;
    color: #4c0ee9;
    letter-spacing: 2px;
    font-weight: 700;
  }

  .about-v4-sec.v11 .about-v4-content .abt-col-text > h2 {
    font-weight: 700;
    color: #000;
    margin-bottom: 19px;
  }

  .about-v4-sec.v11 .about-v4-content .abt-col-text h3 {
    color: #000;
    margin-bottom: 44px;
  }

  .about-v4-sec.v11 .about-v4-content .abt-col-text p {
    font-size: 18px;
    line-height: 32px;
    margin-bottom: 79px;
  }

  .about-v4-sec.v11 .about-v4-content .abt-col-text {
    max-width: 100%;
    margin-left: inherit;
    padding-left: 65px;
  }

.title-v8.v11 > span {
  display: inline-block;
  color: #4c0ee9;
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 3px;
  font-weight: 700;
  margin-bottom: 37px;
}

.title-v8.v11 > p {
  margin-top: 22px;
}
/*--------------------------------------------------------------
# Why us
--------------------------------------------------------------*/
.why-us-v8.v11 {
  padding: 140px 0 0;
}

  .why-us-v8.v11 .our-fzt .fzt-icon i {
    color: #4c0ee9;
  }

  .why-us-v8.v11 .our-fzt .fzt-icon:before {
    background-image: url(../img/hx-icon.png);
  }

  .why-us-v8.v11 .our-fzt > h3:hover {
    color: #4c0ee9;
  }

  .why-us-v8.v11 .our-fzt:after {
    background-color: #4c0ee9;
  }

  .why-us-v8.v11 .counter-sec-v6 {
    margin-top: 99px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 85px;
  }

    .why-us-v8.v11 .counter-sec-v6 li .counter-cont > h2 {
      color: #ccc;
    }

.works-v3-sec.v11 {
  padding: 120px 0 150px;
}

  .works-v3-sec.v11 .work-projects .container {
    max-width: 1550px;
  }

.award-certificate-sec {
  padding: 125px 0 130px;
  background-color: #f0f3f9;
}

  .award-certificate-sec .title-v8.v11 {
    margin-bottom: 104px;
  }
/*--------------------------------------------------------------
# Team
--------------------------------------------------------------*/
.team-sec-v11 {
  padding: 120px 0 125px;
}

  .team-sec-v11 .title-v8.v11 {
    margin-bottom: 76px;
  }

  .team-sec-v11 .btn-default.v11 {
    background-color: transparent;
    font-weight: 700;
    border: 1px solid #4c0ee9;
    border-radius: 5px;
    color: #4c0ee9;
    -ms-box-shadow: inherit;
    box-shadow: inherit;
  }

    .team-sec-v11 .btn-default.v11:hover {
      background-color: #4c0ee9;
      color: #fff;
      border-color: transparent;
    }

  .team-sec-v11 .teams-slider .slick-next:hover,
  .team-sec-v11 .teams-slider .slick-prev:hover {
    background-color: #4c0ee9;
  }

    .team-sec-v11 .teams-slider .slick-next:hover:before,
    .team-sec-v11 .teams-slider .slick-prev:hover:before {
      color: #fff;
    }

.teams-slider {
  margin-bottom: 108px;
}

  .teams-slider .team-cl {
    margin-bottom: 0;
  }

  .teams-slider .slick-next,
  .teams-slider .slick-prev {
    border: 0;
    line-height: inherit;
    top: 50%;
    transform: translateY(-50%);
    right: auto;
  }

    .teams-slider .slick-next:before,
    .teams-slider .slick-prev:before {
      color: #ccc;
    }

  .teams-slider .slick-prev {
    left: 0;
    right: auto;
  }

  .teams-slider .slick-next {
    right: 0;
    left: auto;
  }

.blog-section-v7.v11 {
  padding: 0 0 150px;
}

  .blog-section-v7.v11 .blog-posts-v7 {
    border-top: 1px solid #ddd;
    padding-top: 155px;
  }

.testimonial-sec.v10.v11 {
  padding: 120px 0;
  background-color: #f0f3f9;
}

  .testimonial-sec.v10.v11 .title-v8.v11 {
    margin-bottom: 75px;
  }
  /*--------------------------------------------------------------
# Slider Testimonial
--------------------------------------------------------------*/
  .testimonial-sec.v10.v11 .testimonial-slider .testimo-slider .testimonial-slide {
    border-radius: 0;
  }

  .testimonial-sec.v10.v11 .testimonial-slider .slick-next,
  .testimonial-sec.v10.v11 .testimonial-slider .slick-prev {
    border: 0;
    line-height: inherit;
    top: 50%;
    transform: translateY(-50%);
    background-color: transparent;
    right: auto;
  }

    .testimonial-sec.v10.v11 .testimonial-slider .slick-next:before,
    .testimonial-sec.v10.v11 .testimonial-slider .slick-prev:before {
      color: #ccc;
    }

  .testimonial-sec.v10.v11 .testimonial-slider .slick-prev {
    left: -95px;
    right: auto;
  }

  .testimonial-sec.v10.v11 .testimonial-slider .slick-next {
    right: -99px;
    left: auto;
  }

  .testimonial-sec.v10.v11 .testimonial-slider .slick-dots {
    bottom: -69px;
  }

    .testimonial-sec.v10.v11 .testimonial-slider .slick-dots li {
      position: relative;
    }

      .testimonial-sec.v10.v11 .testimonial-slider .slick-dots li:before {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        width: 10px;
        height: 10px;
        background-color: #ccc;
        border-radius: 50%;
        transform: translate(-50%, -50%);
        transition: all 0.4s ease-in-out;
      }

      .testimonial-sec.v10.v11 .testimonial-slider .slick-dots li button {
        width: 25px;
        height: 25px;
        border: 1px solid transparent;
        border-radius: 50%;
        background-color: transparent;
      }

      .testimonial-sec.v10.v11 .testimonial-slider .slick-dots li.slick-active:before {
        background-color: #4c0ee9;
      }

      .testimonial-sec.v10.v11 .testimonial-slider .slick-dots li.slick-active button {
        border-color: #4c0ee9;
      }

.contact-sec.v11.pf-single {
  background-color: #f0f3f9;
  padding: 40px 0 155px;
  border-bottom: 0;
}

  .contact-sec.v11.pf-single .title-v8 {
    margin-bottom: 75px;
  }

  .contact-sec.v11.pf-single .contact-form .form-group input,
  .contact-sec.v11.pf-single .contact-form .form-group textarea {
    background-color: #fff;
    border: 0;
  }

  .contact-sec.v11.pf-single .contact-form .form-group input {
    height: 60px;
    padding: 0 30px;
  }

  .contact-sec.v11.pf-single .contact-form .form-group textarea {
    padding: 30px;
    height: 270px;
  }

  .contact-sec.v11.pf-single .contact-form .form-group label {
    top: 17px;
    left: 30px;
  }

  .contact-sec.v11.pf-single .contact-form .form-group textarea + label {
    top: 30px;
  }

  .contact-sec.v11.pf-single .contact-form .form-group input:focus + label,
  .contact-sec.v11.pf-single .contact-form .form-group textarea:focus + label {
    top: 0;
    left: 0;
  }

  .contact-sec.v11.pf-single .btn-default.v11 {
    color: #fff;
    margin-top: 45px;
    border: 0;
  }

    .contact-sec.v11.pf-single .btn-default.v11:hover {
      background-color: #4c0ee9;
      color: #fff;
    }

  .contact-sec.v11.pf-single .contact-form .form-group {
    margin-bottom: 30px;
  }

  .contact-sec.v11.pf-single .contact-form .row .col-md-4,
  .contact-sec.v11.pf-single .contact-form .row .col-md-12 {
    padding: 0 15px;
  }

.border-top-content {
  border-top: 1px solid #ddd;
  padding-top: 103px;
}
/*--------------------------------------------------------------
# Footer v10
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Footer-block
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Links
--------------------------------------------------------------*/
footer.footer-v9.v11 {
  background-color: #fff;
}

  footer.footer-v9.v11 .footer-content-v9 .widget-links {
    border-top-color: #ddd;
  }

    footer.footer-v9.v11 .footer-content-v9 .widget-links .wd-links li a {
      color: #666;
    }

      footer.footer-v9.v11 .footer-content-v9 .widget-links .wd-links li a:hover {
        color: #4c0ee9;
      }

  footer.footer-v9.v11 .footer-content-v9 .widget-newsletter p {
    color: #666;
  }

  footer.footer-v9.v11 .footer-content-v9 .newz-form .input--makiko {
    background-color: #f0f3f9;
    color: #999;
  }

  footer.footer-v9.v11 .footer-content-v9 .newz-form .input__label-content--makiko {
    background: transparent;
  }

  footer.footer-v9.v11 .footer-content-v9 .widget-title {
    color: #191111;
  }

  footer.footer-v9.v11 .footer-content-v9 .widget-about ul li p {
    color: #666;
  }

  footer.footer-v9.v11 .footer-content-v9 .widget-about ul li .wz-icon {
    color: #191111;
  }

  footer.footer-v9.v11 .btm-footer .social-links li a {
    color: #000;
  }

    footer.footer-v9.v11 .btm-footer .social-links li a:hover {
      color: #4c0ee9;
    }

  footer.footer-v9.v11 .btm-footer .cp-txt {
    color: #191111;
  }

  footer.footer-v9.v11 .btm-footer .widget-language ul li a {
    color: #999;
  }

    footer.footer-v9.v11 .btm-footer .widget-language ul li a:hover {
      color: #191111;
      font-weight: 700;
    }

.mile-right a {
  font-size: 20px;
  color: #000;
}

  .mile-right a i {
    font-size: 24px;
    margin-left: 10px;
  }

.header-v7 .header-v7-top .mile-right,
.header-v7-btm .mile-right {
  display: none;
}

.testimonial-sec.v10 .testimonial-slider .testimo-slider .slick-dots {
  display: none !important;
}

.contact-sec.v11 .contact-form .row {
  margin: 0 -15px;
}

.bz-certificate .testimonial-sec.v10 .testimonial-slider.style2 .testimo-slider .slick-dots {
  display: inline-block !important;
}
/*--------------------------------------------------------------
# Comments Form
--------------------------------------------------------------*/
.commented-v2 .commented-sec .post-comment-form,
.commented-v2 .commented-sec .posted-comments {
  margin: 0 auto;
  max-width: 850px;
  padding: 20px;
}

.commented-v2 .commented-sec .post-comment-form {
  margin-top: 79px;
}

.pft-img {
  height: 100%;
}

  .pft-img > img {
    height: 100%;
    object-fit: cover;
  }

.section .slide-container,
.section .slide-container .about-v4-sec,
.section .slide-container .awards-v4-sec,
.section .slide-container .footer-v6,
.section .slide-container .latest-works-v4-sec,
.section .slide-container .main-banner-v4,
.section .slide-container .partners-section,
.section .slide-container .testimonial-v4-sec {
  width: 100%;
}

.slide-container {
  width: 100%;
  min-height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 7.75rem;
  padding-bottom: 3.25rem;
  position: relative;
}

  .slide-container .testi-v3-sec.v7 {
    padding-top: 0;
  }

body.hp13.pp-viewing-about .social-vertical.v2 li a {
  color: #fff;
}

#pagepiling {
  height: 100vh;
}

.sl-text > h2 {
  color: #000;
  font-size: 4.5rem;
  line-height: 4.5rem;
  margin-bottom: 2.62rem;
}

.sl-text > span {
  display: block;
  color: #000;
  font-size: 1.37rem;
  line-height: 2rem;
  margin-bottom: 2.93rem;
  text-transform: uppercase;
}

.sl-text p {
  color: #666;
  font-size: 1.12rem;
  line-height: 1.87rem;
  margin-bottom: 5.87rem;
  max-width: 420px;
}

.btn-default-v12 {
  display: inline-block;
  color: #fff;
  background-color: #00b4ff;
  border-radius: 30px;
  height: 3.75rem;
  line-height: 3.75rem;
  padding: 0 2.68rem;
  font-size: 1.125rem;
  font-weight: 700;
  text-transform: uppercase;
}

  .btn-default-v12:hover {
    color: #fff;
  }

  .btn-default-v12.no-bg {
    background-color: inherit;
    border: 1px solid #00b4ff;
    color: #00b4ff;
  }

    .btn-default-v12.no-bg:hover {
      background-color: #00b4ff;
      border-color: transparent;
      color: #fff;
    }

.bg-1 {
  background-image: url(../img/bg-1.jpg);
}

.bg-white {
  background: #fff;
}

.bg-gray {
  background: url(../img/bg-2.jpg);
}

.bnm-img {
  position: relative;
}

  .bnm-img .viz-btn {
    display: inline-block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 10.62rem;
    height: 10.62rem;
    text-align: center;
    background-color: #fff;
    border-radius: 50%;
    padding-top: 2rem;
  }

    .bnm-img .viz-btn > i {
      font-size: 3rem;
      color: #333;
      margin-bottom: 1.15rem;
    }

    .bnm-img .viz-btn > i,
    .bnm-img .viz-btn > span {
      display: block;
      transition: all 0.4s ease-in-out;
    }

    .bnm-img .viz-btn > span {
      text-transform: uppercase;
      color: #000;
      font-size: 0.875rem;
      font-weight: 700;
      max-width: 100px;
      margin: 0 auto;
    }

    .bnm-img .viz-btn:hover i,
    .bnm-img .viz-btn:hover span {
      color: #00b4ff;
    }
/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
header.header-v12 {
  background-color: transparent;
  padding: 0;
  top: 53px;
}

  header.header-v12 .container {
    max-width: 100%;
    padding: 0 4.375rem;
  }

  header.header-v12 .header-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
  }

  header.header-v12 nav {
    margin-left: auto;
  }

    header.header-v12 nav li {
      display: inline-block;
      margin-right: 50px;
      position: relative;
    }

      header.header-v12 nav li:last-child {
        margin-right: 0;
      }

      header.header-v12 nav li a {
        display: inline-block;
        color: #666;
        font-size: 14px;
        text-transform: uppercase;
        position: relative;
        font-weight: 400;
      }

        header.header-v12 nav li a:before {
          content: "";
          position: absolute;
          bottom: 0;
          left: 0;
          width: 0;
          height: 1px;
          background-color: #000;
          opacity: 0;
          visibility: hidden;
          transition: all 0.4s ease-in-out;
        }

        header.header-v12 nav li a:hover {
          color: #000;
        }

          header.header-v12 nav li a:hover:before {
            opacity: 1;
            visibility: visible;
            width: 100%;
          }

      header.header-v12 nav li:hover > ul {
        opacity: 1;
        visibility: visible;
        margin-top: 0;
      }

    header.header-v12 nav ul ul {
      position: absolute;
      top: 100%;
      left: 0;
      width: 240px;
      background-color: #fff;
      text-align: left;
      opacity: 0;
      visibility: hidden;
      transition: all 0.4s ease-in-out;
      margin-top: 25px;
      z-index: 9999;
    }

      header.header-v12 nav ul ul ul {
        left: 100%;
        top: 0;
      }

      header.header-v12 nav ul ul li {
        display: block;
        margin: 0;
        padding: 0;
        border-bottom: 1px solid #ccc;
      }

        header.header-v12 nav ul ul li:last-child {
          border-bottom: 0;
        }

        header.header-v12 nav ul ul li a {
          padding: 15px;
          color: #000;
        }

          header.header-v12 nav ul ul li a:after,
          header.header-v12 nav ul ul li a:before {
            display: none;
          }

          header.header-v12 nav ul ul li a:hover {
            font-weight: 400;
          }

  header.header-v12.v13 .menu-btn-v2 {
    margin-left: auto;
  }

    header.header-v12.v13 .menu-btn-v2 > span {
      background-color: #000;
    }
/*--------------------------------------------------------------
# Menu
--------------------------------------------------------------*/
.menu-btn-v2 {
  margin-left: 12.5rem;
  width: 34px;
}

  .menu-btn-v2 > span {
    display: block;
    width: 100%;
    height: 2px;
    background-color: #000;
    margin-bottom: 10px;
  }

    .menu-btn-v2 > span:last-child {
      margin-bottom: 0;
    }

.menuuu {
  margin-left: auto;
  cursor: pointer;
}

  .menuuu > span {
    display: inline-block;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    color: #000;
    margin-right: 10px;
  }

  .menuuu .menu-btn-v2 {
    display: inline-block;
    margin-left: auto;
  }

  .menuuu.white > span {
    color: #fff;
    font-size: 18px;
    text-transform: capitalize;
    font-weight: 500;
  }

  .menuuu.white .menu-btn-v2 > span {
    background-color: #fff;
  }

.social-vertical {
  position: fixed;
  bottom: 4rem;
  left: 4.375rem;
  z-index: 99;
}

  .social-vertical li {
    display: block;
    margin-bottom: 1.563rem;
  }

    .social-vertical li:last-child {
      margin-bottom: 0;
    }

    .social-vertical li a {
      display: block;
      color: #999;
      font-size: 1.5rem;
    }

  .social-vertical.v2 {
    left: auto;
    right: 4.375rem;
  }

    .social-vertical.v2 li a {
      color: #000;
    }

.py-text {
  position: fixed;
  bottom: 4rem;
  right: 4.375rem;
  color: #999;
  font-size: 0.875rem;
  line-height: 1.25;
  text-align: right;
  z-index: 99;
}

.page-num,
.py-text {
  text-transform: uppercase;
}

.page-num {
  display: inline-block;
  position: absolute;
  top: 18rem;
  left: 4.375rem;
  color: #000;
  font-size: 14px;
  font-weight: 700;
  transform: rotate(-90deg);
  transform-origin: left;
}

/*::selection {
  background-color: #b99e64;
  color: #fff;
  text-shadow: none;
}*/

-webkit-::-moz-selection {
  background-color: #b99e64;
  color: #fff;
  text-shadow: none;
}

-webkit-::selection {
  background-color: #b99e64;
  color: #fff;
  text-shadow: none;
}

::-moz-selection {
  background-color: #b99e64;
  color: #fff;
  text-shadow: none;
}

::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

::-webkit-scrollbar-thumb {
  cursor: pointer;
  background: #b99e64;
}

.slide-container .misson-section-v8 {
  width: 100%;
  padding: 0;
  margin-top: 0;
}

  .slide-container .misson-section-v8 .mission-sec {
    margin-top: 0;
  }

    .slide-container .misson-section-v8 .mission-sec .crlce-misz {
      margin-top: 100px;
    }

    .slide-container .misson-section-v8 .mission-sec .vlm-text p {
      margin-bottom: 60px;
    }

    .slide-container .misson-section-v8 .mission-sec .ps-txt {
      display: block;
      color: #000;
      font-size: 14px;
      margin-bottom: 25px;
      font-style: inherit;
      margin-top: 40px;
      margin-bottom: 37px;
    }

    .slide-container .misson-section-v8 .mission-sec .vlm-text span.cinon {
      background-color: #fbd152;
      line-height: 50px;
      color: #fff;
    }

    .slide-container .misson-section-v8 .mission-sec .wd-inz .wl-info > span {
      font-style: inherit;
      margin-bottom: 0;
    }

    .slide-container .misson-section-v8 .mission-sec .wd-inz .wl-info {
      margin-top: -10px;
    }

.slide-container .clients-sec-v3 {
  width: 100%;
}

  .slide-container .clients-sec-v3 .section-title-v3 > h2 {
    font-size: 40px;
  }

  .slide-container .clients-sec-v3 .counter-sec.border-bottom {
    padding-bottom: 0;
    border-bottom: 0 !important;
  }

.slide-container .testi-v3-sec {
  width: 100%;
  padding: 0;
  margin: 0;
}

.slide-container .testi-title {
  color: #000;
  font-size: 40px;
  font-weight: 700;
  margin-bottom: 30px;
}

.slide-container .certicications-sec {
  width: 100%;
  height: 500px;
  overflow: hidden;
  overflow-y: auto;
}

.slide-container .slide-number {
  position: absolute;
  bottom: 4rem;
  left: 4.375rem;
  color: #000;
  font-size: 48px;
  font-weight: 700;
}

.slide-container .about-v4-sec {
  width: 100%;
}

  .slide-container .about-v4-sec.about-v4-sec.v11 {
    padding: 0;
  }

  .slide-container .about-v4-sec.v11 .about-v4-content .abt-col-text {
    max-width: 520px;
  }

  .slide-container .about-v4-sec.v11 .about-v4-content .abt-list .abt-content .iconn,
  .slide-container .about-v4-sec.v11 .about-v4-content .abt-list .abt-content > h3:hover {
    color: #ff4800;
  }

  .slide-container .about-v4-sec.v11 .about-v4-content .abt-col-text p {
    padding-right: 0;
  }

.slide-container .grow-business-v8 {
  width: 100%;
  padding: 0;
  margin: 0;
}

.slide-container .grw-content-v8 .gw-img:before {
  display: none;
}

.slide-container .why-txt-v9 .us-svs .svs-info p {
  margin-bottom: 0;
}

.slide-container .why-txt-v9 .us-svs .svs-info {
  padding-right: 0;
}

.slide-container .about-v4-sec.v11 .container {
  max-width: 1390px;
}

.slide-container .grow-business-v8 .container {
  max-width: 1430px;
}

.slide-container .grw-content-v8 .gr-text {
  max-width: 500px;
}

.slide-container .why-txt-v9 .us-svs .svs-icon i {
  color: #ff4800;
}

.slide-container .grw-content-v8 .gr-text > h2 {
  margin-bottom: 90px;
}

.slide-container .why-txt-v9 .us-svs .svs-info > h3 {
  color: #000;
}

.slide-container .testimonial-sec.v10 {
  width: 100%;
  padding: 0;
  margin: 0;
  background: inherit;
}

.slide-container .title-v10 > h2 {
  font-size: 48px;
  line-height: 60px;
}

.slide-container .testimonial-sec .testimonial-slider .testimo-slider .testimonial-slide {
  background-color: #f0f3f9;
}

.slide-container .title-v10 {
  margin-bottom: 74px;
}

.slide-container .testimonial-sec.v10 .testimonial-slider .testimo-slider .slick-next,
.slide-container .testimonial-sec.v10 .testimonial-slider .testimo-slider .slick-prev {
  top: 50%;
  transform: translateY(-50%);
  border: 0;
  background: transparent;
}

  .slide-container .testimonial-sec.v10 .testimonial-slider .testimo-slider .slick-next:before,
  .slide-container .testimonial-sec.v10 .testimonial-slider .testimo-slider .slick-prev:before {
    color: #ccc;
    font-size: 36px;
  }

  .slide-container .testimonial-sec.v10 .testimonial-slider .testimo-slider .slick-next:hover:before,
  .slide-container .testimonial-sec.v10 .testimonial-slider .testimo-slider .slick-prev:hover:before {
    color: #000;
  }

.slide-container .testimonial-sec.v10 .testimonial-slider .testimo-slider .slick-next {
  right: -80px;
  margin: 0;
}

.slide-container .testimonial-sec.v10 .testimonial-slider .testimo-slider .slick-prev {
  left: -80px;
  right: auto;
}

.slide-container .slide-container .testimonial-sec .testimonial-slider .testimo-slider .testimonial-slide {
  margin-bottom: 0;
}

.sec-title-v5 {
  text-align: left;
  margin-bottom: 88px;
}

  .sec-title-v5 > h2 {
    color: #000;
    font-size: 40px;
    margin-bottom: 29px;
  }

  .sec-title-v5 > span {
    display: block;
    color: #666;
    font-size: 16px;
  }

.client-slider .slick-next,
.client-slider .slick-prev {
  top: 50%;
  transform: translateY(-50%);
  border: 0;
}

  .client-slider .slick-next:hover,
  .client-slider .slick-prev:hover {
    background-color: inherit;
    border: 0;
    -ms-box-shadow: inherit;
    box-shadow: inherit;
  }

    .client-slider .slick-next:hover:before,
    .client-slider .slick-prev:hover:before {
      border: 0;
      background-color: inherit;
    }

  .client-slider .slick-next:before,
  .client-slider .slick-prev:before {
    color: #ccc;
    font-size: 36px;
    border: 0;
  }

  .client-slider .slick-next:hover:before,
  .client-slider .slick-prev:hover:before {
    color: #000;
  }

.client-slider .slick-prev {
  right: auto;
  left: -50px;
}

.client-slider .slick-next {
  right: -50px;
  left: auto;
}

.contact-piling {
  width: 100%;
}

  .contact-piling .map-address {
    background-color: inherit;
    padding: 0;
    position: static;
    transform: inherit;
    max-width: 380px;
  }

.mile-contect-form > h2 {
  color: #000;
  font-size: 40px;
  margin-bottom: 59px;
  margin-top: -12px;
}

.mile-contect-form form input {
  height: 60px;
  margin-bottom: 15px;
  padding: 0 30px;
}

.mile-contect-form form input,
.mile-contect-form form textarea {
  width: 100%;
  background-color: #fff;
  border: 0;
  color: #999;
  font-size: 16px;
  border-radius: 3px;
}

.mile-contect-form form textarea {
  height: 220px;
  padding: 15px 30px;
  resize: none;
}

.mile-contect-form form .btn-default-v12 {
  margin-top: 60px;
}

.misson-section-v8 .mission-sec .crlce-misz .crlce-list li.v1.clr-v1 {
  background-color: #00b4ff;
}

.misson-section-v8 .mission-sec .crlce-misz .crlce-list li.v2.clr-v2 {
  background-color: #fbd152;
}

.misson-section-v8 .mission-sec .crlce-misz .crlce-list li.v3.clr-v3 {
  background-color: #e75c18;
}

.misson-section-v8 .mission-sec .crlce-misz .crlce-list li.v2 .crlce-info > i {
  font-size: 80px;
  margin-bottom: 15px;
}

#pp-nav.right {
  right: 70px;
}

#pp-nav li {
  width: 10px;
  height: 10px;
  margin: 0 0 20px;
}

  #pp-nav li:last-child {
    margin-bottom: 0;
  }

  #pp-nav li span {
    width: 100%;
    display: block;
    height: 100%;
    background-color: #ccc;
    border: 0;
  }

  #pp-nav li a.active span {
    background-color: #00b4ff;
  }

.pp-viewing-about header.header-v12.v13.pb .menu-btn-v2 > span,
header.header-v12.v13.pb.active .menu-btn-v2 > span {
  background-color: #fff;
}

.pp-viewing-about header.header-v12.v13.pb .menuuu > span,
header.header-v12.v13.pb.active .menuuu > span {
  color: #fff;
}

.pp-viewing-about header.header-v12.v13.pb .light-logo,
header.header-v12.v13.pb.active .light-logo {
  display: inline-block;
}

header.header-v12.v13.pb .light-logo {
  display: none;
}

.list-menu.active {
  border-top: 1px solid hsla(0, 0%, 100%, 0.4);
}

  .list-menu.active ul li a {
    color: #fff;
  }

    .list-menu.active ul li a:before {
      background-color: #fff;
    }

.pp-viewing-about .list-menu {
  border-top: 1px solid hsla(0, 0%, 100%, 0.4);
}

  .pp-viewing-about .list-menu ul li a {
    color: #fff;
  }

    .pp-viewing-about .list-menu ul li a:before {
      background-color: #fff;
    }

.bg-3 {
  background-image: url(../img/banner-bg13.jpg);
}

.slide-container .business-txt {
  margin: 0;
  max-width: 800px;
}

  .slide-container .business-txt h2 {
    font-size: 70px;
    line-height: 78px;
    margin-bottom: 34px;
  }

  .slide-container .business-txt p {
    max-width: 415px;
    margin-left: inherit;
    margin-bottom: 64px;
  }

.btn-default.v13 {
  background-color: #ff4800;
  border-radius: 5px;
  -ms-box-shadow: inherit;
  box-shadow: inherit;
}

.bd-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 100px;
}

  .bd-list li {
    margin-right: 26px;
  }

    .bd-list li:last-child {
      margin-right: 0;
    }

    .bd-list li > h3 {
      color: #fff;
      font-size: 30px;
      font-weight: 700;
      line-height: 36px;
      text-transform: uppercase;
      max-width: 270px;
    }

.tsk-text {
  max-width: 650px;
  margin-left: auto;
  padding-right: 190px;
}

  .tsk-text > h2 {
    color: #000;
    font-size: 48px;
    line-height: 60px;
    margin-bottom: 35px;
  }

  .tsk-text > span {
    display: block;
    margin-bottom: 50px;
    color: #000;
    font-size: 24px;
  }

  .tsk-text p {
    font-size: 18px;
    line-height: 32px;
    margin-bottom: 88px;
  }

.task-section {
  width: 100%;
}

  .task-section .container {
    max-width: 100%;
    padding: 0;
  }

  .task-section .tsk-img {
    text-align: right;
  }

    .task-section .tsk-img > img {
      max-width: 100%;
      border-radius: 30px;
    }

.task-slider .task-slide {
  margin-bottom: 80px;
}

.task-slider .slick-dots li {
  position: relative;
}

  .task-slider .slick-dots li:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10px;
    height: 10px;
    background-color: #ccc;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.4s ease-in-out;
  }

  .task-slider .slick-dots li button {
    width: 25px;
    height: 25px;
    border: 1px solid transparent;
    border-radius: 50%;
    background-color: transparent;
  }

  .task-slider .slick-dots li.slick-active:before {
    background-color: #ff4800;
  }

  .task-slider .slick-dots li.slick-active button {
    border-color: #ff530f;
  }

.contact-pp-content {
  width: 100%;
}

  .contact-pp-content .pp-map {
    margin-bottom: 112px;
  }

    .contact-pp-content .pp-map iframe {
      width: 100%;
      height: 320px;
    }

.pp-text .row {
  margin: 0 -35px;
}

  .pp-text .row .col-lg-4 {
    padding: 0 35px;
  }

.pp-text > h2 {
  color: #000;
  font-size: 30px;
  line-height: 40px;
  margin-bottom: 78px;
}

.pp-text .pp-head {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border-bottom: 1px solid #ccc;
  padding-bottom: 4px;
  margin-bottom: 26px;
}

  .pp-text .pp-head > h3 {
    display: inline-block;
    color: #000;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
  }

  .pp-text .pp-head > span {
    margin-left: auto;
    color: #000;
    font-size: 22px;
  }

.pp-text .pp-content > span {
  display: block;
  color: #000;
  font-size: 16px;
  margin-bottom: 5px;
}

  .pp-text .pp-content > span:last-child {
    margin-bottom: 0;
  }

.list-menu {
  position: fixed;
  top: 70%;
  left: 70px;
  z-index: 99;
  transform: rotate(-90deg);
  transform-origin: left;
  border-top: 1px solid #d8dae0;
  padding-top: 20px;
}

  .list-menu ul li {
    display: inline-block;
  }

    .list-menu ul li a {
      display: inline-block;
      color: #000;
      font-size: 14px;
      font-weight: 700;
      text-transform: uppercase;
      position: relative;
      opacity: 0;
      visibility: hidden;
    }

      .list-menu ul li a:before {
        content: "";
        position: absolute;
        top: -23px;
        left: 0;
        width: 100%;
        height: 1px;
        background-color: #000;
        opacity: 0;
        visibility: hidden;
      }

    .list-menu ul li.active a,
    .list-menu ul li.active a:before {
      opacity: 1;
      visibility: visible;
    }

body.hp13 #pp-nav {
  display: none !important;
}

.gb-1 {
  background: #f1445a;
}

.gb-2 {
  background: url(../img/gb-2.jpg);
}

.gb-3 {
  background: url(../img/gb-3.jpg);
}

.enter-btn {
  position: absolute;
  top: 50%;
  left: 46%;
  transform: translate(-50%, -50%);
  border: 1px solid #fff;
  width: 270px;
  height: 270px;
  text-align: center;
  z-index: 999;
  line-height: 270px;
  border-radius: 50%;
}

  .enter-btn a {
    color: #fff;
    font-size: 24.3px;
    font-weight: 500;
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: 2px;
  }

  .enter-btn:hover a {
    transform: scale(1.2);
  }

.gb-content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.gb-title {
  position: absolute;
  bottom: -20px;
  left: 20%;
  transform: rotate(-90deg);
  transform-origin: left;
}

  .gb-title h2 {
    display: inline-block;
    color: #fff;
    font-size: 120px;
    font-weight: 700;
    margin-right: 200px;
    text-transform: uppercase;
  }

    .gb-title h2:last-child {
      margin-right: 0;
    }

.gb-img {
  margin-left: auto;
  text-align: right;
  position: relative;
  top: 33px;
}

  .gb-img > img {
    max-width: 96%;
  }

.pt-linkss {
  position: fixed;
  bottom: 4rem;
  left: 70px;
  z-index: 999;
}

  .pt-linkss li {
    display: block;
    margin-bottom: 10px;
  }

    .pt-linkss li:last-child {
      margin-bottom: 0;
    }

    .pt-linkss li a {
      display: block;
      color: #fff;
      opacity: 1;
      visibility: visible;
      font-size: 18px;
      text-transform: capitalize;
    }

      .pt-linkss li.active a,
      .pt-linkss li a:hover {
        padding-left: 10px;
      }

.pager-count {
  display: inline-block;
  position: absolute;
  bottom: 4rem;
  right: 70px;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 14px;
}

.sc-slide1 .slide-container {
  padding-bottom: 0;
}

.portfolio-scrolling .container {
  max-width: 1400px;
}

.menu-btn.white {
  color: #fff;
}

.header-v6.v14 {
  background-color: inherit;
}

  .header-v6.v14 .container {
    max-width: 100%;
    padding: 0 70px;
  }

  .header-v6.v14 .btn-default.v14 {
    margin-left: 105px;
  }

    .header-v6.v14 .btn-default.v14:hover {
      background-color: #f1445a;
      color: #fff;
    }

.btn-default.v14 {
  border-color: #fff;
  color: #fff;
}

.testimonial-slider.dots-hide .slick-dots {
  display: none !important;
}
/*--------------------------------------------------------------
# Navigation responsive
--------------------------------------------------------------*/
.responsive-menu {
  position: fixed;
  top: 0;
  right: 0;
  width: 480px;
  z-index: 999999999999;
  background-color: #fff;
  height: 100%;
  overflow-y: scroll;
  opacity: 0;
  visibility: hidden;
  transform: translateX(100%);
  transition: all 0.4s ease-in-out;
  padding-left: 10px;
}

  .responsive-menu:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 10px;
    height: 100%;
    background-image: url(../img/menu-border.png);
    background-repeat: no-repeat;
    background-size: cover;
  }

  .responsive-menu.active {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
  }

    .responsive-menu.active .mobile-menu,
    .responsive-menu.active .search-box {
      opacity: 1;
      visibility: visible;
      transform: translateY(0);
    }

  .responsive-menu .rep-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 20px 15px;
    border-bottom: 1px solid #ccc;
    -ms-flex-align: center;
    align-items: center;
  }

  .responsive-menu .close-menu {
    margin-left: auto;
    color: #000;
    font-size: 30px;
  }

.search-box {
  border-bottom: 1px solid #ccc;
  padding: 10px 15px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s ease-in-out;
  transition-delay: 0.2s;
  transform: translateY(3rem);
}

  .search-box form {
    width: 100%;
    position: relative;
  }

    .search-box form input {
      width: 100%;
      height: 50px;
      color: #666;
      font-size: 24px;
      border: 0;
    }

    .search-box form button {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      right: 0;
      border: 0;
      background: inherit;
      color: #666;
      font-size: 24px;
    }
/*--------------------------------------------------------------
# Menu
--------------------------------------------------------------*/
.mobile-menu {
  margin-top: 40px;
  transition: all 0.5s ease-in-out;
  transition-delay: 0.4s;
  transform: translateY(3rem);
}

  .mobile-menu > li {
    display: block;
    border-bottom: 1px solid #eee;
    color: #999;
    font-size: 20px;
    position: relative;
  }

    .mobile-menu > li a {
      padding: 15px;
      display: block;
      position: relative;
      transition: color 0.3s cubic-bezier(0.82, 0, 0.21, 1);
      overflow: hidden;
      color: #343a40;
      font-weight: 700;
    }

      .mobile-menu > li a:after {
        content: attr(data-text);
        position: absolute;
        width: 0;
        transition: width 0.3s cubic-bezier(0.82, 0, 0.21, 1);
        color: #d5892d;
        z-index: 2;
        overflow: hidden;
        top: 0;
        left: 0;
      }

      .mobile-menu > li a:hover:after {
        width: 100%;
      }

      .mobile-menu > li a:before {
        content: "+";
        position: absolute;
        top: 50%;
        right: 20px;
        color: #999;
        font-size: 36px;
        font-family: lineicons;
        transform: translateY(-50%);
        opacity: 0;
        visibility: hidden;
      }

    .mobile-menu > li.menu-item-has-children > a:before {
      opacity: 1;
      visibility: visible;
    }

    .mobile-menu > li.menu-item-has-children.active > a {
      color: #f59e31;
    }

      .mobile-menu > li.menu-item-has-children.active > a:before {
        content: "-";
        font-size: 50px;
        margin-top: -5px;
      }

  .mobile-menu ul {
    display: none;
    padding: 25px 30px 30px;
  }

    .mobile-menu ul li {
      display: block;
      margin-bottom: 10px;
    }

      .mobile-menu ul li:last-child {
        margin-bottom: 0;
      }

      .mobile-menu ul li a {
        display: block;
        color: #555;
        font-size: 18px;
        padding: 0;
        font-weight: 400;
        text-transform: capitalize;
      }

        .mobile-menu ul li a.active,
        .mobile-menu ul li a:hover {
          color: #d5892d;
        }

.projects-tab-sec .tab-content > .tab-pane {
  display: block;
  height: 0;
}

.projects-tab-sec .tab-content > .active {
  height: auto;
}

.nav-toggle-btn {
  background: 0 0;
  border: none;
  padding: 0;
  border-radius: 0;
  outline: none;
  position: relative;
  z-index: 995;
  font-weight: 700;
  text-transform: uppercase;
  color: inherit;
  display: inline-block;
  margin-left: 70px;
}

  .nav-toggle-btn:focus {
    outline: none;
  }

.nav-toggle-title {
  display: inline-block;
  margin-left: auto;
  margin-right: 20px;
  transition: all 0.4s ease-in-out;
}

.nav-toggle,
.nav-toggle-title {
  vertical-align: middle;
  color: #000;
}

.nav-toggle {
  width: 29px;
  height: 29px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: auto;
  cursor: pointer;
}

.stick {
  width: 29px;
  height: 3px;
  margin-bottom: 5px;
  background-color: #000;
  display: inline-block;
  transition: all 0.4s ease-in-out;
}

.nav-toggle-btn.white .stick {
  background-color: #fff;
}

.nav-toggle-btn.white .nav-toggle-title {
  color: #fff;
  margin-right: 20px;
}

.body-menu-opened .nav-toggle-btn {
  color: #000;
}

  .body-menu-opened .nav-toggle-btn .stick {
    background-color: #000;
  }

.stick:last-child {
  margin-bottom: 0;
}

.nav-toggle:hover .stick-2 {
  width: 29px;
}

.body-menu-opened .stick-1 {
  animation: Bc 0.85s ease-out forwards;
}

.body-menu-opened .stick-2 {
  animation: Cc 0.85s linear forwards;
  width: 29px;
  margin-left: 0;
}

.body-menu-opened .stick-3 {
  animation: Dc 0.85s linear forwards;
}

@keyframes Bc {
  0% {
    width: 29px;
  }

  30% {
    width: 3px;
    transform: translate(14px);
  }

  65% {
    width: 3px;
    transform: translate(14px, -29px);
    animation-timing-function: cubic-bezier(0, 1, 1, 1);
  }

  to {
    width: 2px;
    transform: translate(9px, 17px);
  }
}

@keyframes Cc {
  65% {
    width: 29px;
    transform: translate(0) rotate(0deg);
  }

  to {
    width: 29px;
    transform: translate(0) rotate(45deg);
  }
}

@keyframes Dc {
  65% {
    transform: translate(0) rotate(0deg);
  }

  to {
    transform: translateY(-8px) rotate(-45deg);
  }
}

.body-menu-close .stick-1 {
  width: 3px;
  animation: Ec 0.85s ease-out forwards;
}

.body-menu-close .stick-2 {
  animation: Fc 0.85s ease-out forwards;
  margin-left: 0;
}

.body-menu-close .stick-3 {
  animation: Gc 0.85s ease-out forwards;
}

@keyframes Ec {

  0%, 70% {
    width: 0;
    transform: translate(0);
  }

  to {
    width: 29px;
    transform: translate(0);
  }
}

@keyframes Fc {
  0% {
    width: 29px;
    transform: translate(0) rotate(45deg);
  }

  20% {
    width: 3px;
    transform: translate(0) rotate(45deg);
  }

  40% {
    width: 0;
  }

  65% {
    transform: translateY(-26px);
    animation-timing-function: cubic-bezier(0, 1, 1, 1);
  }

  80% {
    width: 0;
  }

  to {
    width: 29px;
    transform: translate(0);
  }
}

@keyframes Gc {
  0% {
    width: 29px;
    transform: translateY(-8px) rotate(-45deg);
  }

  20% {
    width: 3px;
    transform: translateY(-8px) rotate(-45deg);
  }

  65% {
    transform: translateY(-35px);
    animation-timing-function: cubic-bezier(0, 1, 1, 1);
  }

  90% {
    width: 3px;
  }

  to {
    width: 29px;
    transform: translate(0);
  }
}

.nav-toggle-btn.desktop-hide {
  display: none;
}

.body-menu-opened .nav-toggle-btn.white .stick {
  background-color: #fff;
}

.promo-primary-bg {
  width: 68%;
  height: 100%;
  background-image: url(../img/bg1.jpg);
  background-position: 0 50%;
  position: fixed;
  top: -20%;
  right: auto;
  bottom: auto;
}

  .promo-primary-bg,
  .promo-primary-bg > .inside {
    background-repeat: no-repeat;
    background-size: cover;
    left: 0;
  }

    .promo-primary-bg > .inside {
      position: absolute;
      top: 0;
      right: -1px;
      bottom: 0;
      background-image: url(../img/bg-agency-promo-mask.png);
      background-position: 100% 50%;
    }

@media (min-width: 768px) {
  .promo-primary {
    padding-top: 2.5rem;
  }

  .promo-primary-bg {
    width: 52.39583333%;
    left: 0;
    top: 0;
  }
}

.promo-studio-container {
  min-height: 100vh;
  margin-bottom: 20vmin;
  position: relative;
  overflow: hidden;
  z-index: 99;
}

.promo-studio {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  transition: opacity 0.4s linear;
}

.step-animate-nav {
  top: 5%;
}

.step-animate-nav,
.step-animate-nav-hidden {
  position: absolute;
  left: 0;
  width: 1px;
  height: 1px;
}

.step-animate-nav-hidden {
  top: 20%;
}

.step-animate-opacity {
  top: 70%;
}

.step-about-animate,
.step-animate-opacity {
  position: absolute;
  width: 1px;
  height: 1px;
  left: 0;
}

.step-about-animate {
  top: 0;
}

.promo-studio-bg {
  right: 0;
  bottom: 0;
  z-index: 10;
  background-image: url(../img/bg-studio-promo.jpg);
  background-position: 50% 50%;
}

.promo-studio-bg,
.promo-studio-man {
  position: absolute;
  left: 0;
  top: 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.promo-studio-man {
  width: 100%;
  height: 100%;
  z-index: 20;
  background-image: url(../img/bg-studio-promo-man.png);
  background-position: 50% 80%;
}

.promo-studio-content {
  padding-top: 22.03703704vmin;
  padding-bottom: 22.03703704vmin;
  position: relative;
  z-index: 100;
}

.vertical-text-left {
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 1rem;
  font-size: 1.125rem;
  color: #000;
  line-height: 1.55555556;
}

@media (min-width: 576px) {
  .vertical-text-left {
    position: absolute;
    left: auto;
    right: 100%;
    margin-right: -10px;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 0;
    top: 23.14814815vmin;
    transform: rotate(-90deg);
    transform-origin: top right;
    white-space: nowrap;
    text-align: right;
    font-size: 1.125rem;
    line-height: 1.55555556;
  }

  .vertical-text-block {
    display: inline;
  }
}

@media (min-width: 1300px) {
  .vertical-text-block {
    display: block;
  }
}

@media (min-width: 1600px) {
  .vertical-text-left {
    margin-right: -63px;
  }
}

.section-about-studio {
  padding-top: 40vmin;
  position: relative;
}

.mask-solid {
  position: relative;
  overflow: hidden;
}

.mask {
  position: absolute;
  left: 100%;
  top: 0;
  z-index: 100;
  width: 100%;
  height: 100%;
  background-color: #fff;
}

.testi-bg {
  position: relative;
}

.testi-v3-slider .testi-v3-slide {
  display: none;
}

  .testi-v3-slider .testi-v3-slide.current {
    display: block;
  }

.testi-thumbs {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

  .testi-thumbs li {
    position: absolute;
    cursor: pointer;
    transition: all 0.4s ease-in-out;
  }

    .testi-thumbs li.current,
    .testi-thumbs li:hover {
      transform: scale(1.2);
    }

    .testi-thumbs li > img {
      max-width: 100%;
      height: 100%;
      width: 100%;
      transition: all 0.4s ease-in-out;
      object-fit: cover;
      border-radius: 50%;
    }

    .testi-thumbs li.v1 {
      top: -30px;
      left: 200px;
      width: 100px;
      height: 100px;
    }

    .testi-thumbs li.v2 {
      width: 60px;
      height: 60px;
      bottom: 150px;
      left: 150px;
    }

    .testi-thumbs li.v3 {
      width: 100px;
      height: 100px;
      bottom: 50%;
      left: 200px;
    }

    .testi-thumbs li.v4 {
      width: 124px;
      height: 124px;
      bottom: 40%;
      right: 90px;
    }

    .testi-thumbs li.v5 {
      width: 75px;
      height: 75px;
      bottom: 10%;
      right: 70px;
    }

    .testi-thumbs li.v6 {
      width: 84px;
      height: 84px;
      bottom: 60%;
      right: -80px;
    }

#about {
  background: #252629;
}

#testimonial {
  background: #2d2e31;
}

#footer,
#footer .footer-v6.dark-v {
  background: #252629;
}

#awards {
  background: #2d2e31;
}

.testimonial-slider.dots-hide .slick-next,
.testimonial-slider.dots-hide .slick-next.active,
.testimonial-slider.dots-hide .slick-prev.active {
  background-color: #f59e31;
}

  .testimonial-slider.dots-hide .slick-next.active:before,
  .testimonial-slider.dots-hide .slick-next:before,
  .testimonial-slider.dots-hide .slick-prev.active:before {
    color: #fff;
  }

  .testimonial-slider.dots-hide .slick-next.not-active {
    border-color: #f5a035;
    background-color: transparent;
  }

    .testimonial-slider.dots-hide .slick-next.not-active:before {
      color: #f59e31;
    }

#html5-close {
  background-image: url(../img/lightbox-close.png);
  width: 32px;
  height: 32px;
}

  #html5-close img {
    display: none;
  }

div#html5-watermark {
  display: none !important;
}
/*--------------------------------------------------------------
# Footer Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Footer-block
--------------------------------------------------------------*/
.footer-v6.v10 .footer-content-v6 .widget-abt > h2 a {
  display: inline-block;
  margin-left: 12px;
}

.blog-section-v7.v11 .blog-post-v7 .blog-info > h2:hover {
  color: #4c0ee9;
}

.book-v7-sec .book-form .bk-form input {
  color: #000;
}

  .book-v7-sec .book-form .bk-form input:focus {
    border-bottom-color: #000;
  }

.related-posts-ly .post-v10 .post-info > h2:hover {
  color: #000;
}

  .related-posts-ly .post-v10 .post-info > h2:hover a {
    color: inherit;
    text-decoration: underline;
  }

.btn-default.v14 {
  height: 52px;
  line-height: 52px;
  padding: 0 32px;
}

.project-single-slider .slick-next,
.project-single-slider .slick-prev {
  font-size: 14px;
  color: #000;
  height: 42px;
  line-height: 42px;
  padding: 0 23px;
  font-weight: 700;
  letter-spacing: 3px;
  text-transform: uppercase;
  top: 56%;
  margin: 0;
  border: 0;
  margin-top: 10px;
  border-radius: 0;
  width: auto;
  /*z-index: -1;*/
}

  .project-single-slider .slick-next:before,
  .project-single-slider .slick-prev:before {
    display: none;
  }

  .project-single-slider .slick-next:hover,
  .project-single-slider .slick-prev:hover {
    background-color: #f93;
    color: #fff;
  }

.project-single-slider .slick-prev {
  left: 100px;
  transform: rotate(90deg);
  transform-origin: top left;
}

.project-single-slider .slick-next {
  transform: rotate(-90deg);
  transform-origin: top right;
  right: 100px;
}

.blog-section-v7.v11 .blog-post-v7 .blog-info > h2:hover a,
.main-banner-v11 .content-v11 .view-btn .vt:hover {
  color: #4c0ee9;
}

.social-vertical.v12 li a:hover {
  color: #00b4ff;
}
/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
header.sticky {
  position: fixed !important;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999999999 !important;
  background: #fff !important;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  padding: 10px 0;
}

.dark-logo {
  display: none;
}

header.v2.sticky {
  padding: 15px 0;
}

  header.v2.sticky .header-content nav > ul > li {
    padding: 25px;
  }

  header.v2.sticky .header-content nav ul li:hover > ul,
  header.v2.sticky .header-content nav ul ul {
    margin: 0;
  }

.header-v7.sticky .header-v7-top {
  margin-bottom: 20px;
}

.header-v8.v9.sticky {
  background-color: #0f2f65 !important;
}

  .header-v8.v9.sticky .header-content-v8 .chat-btn {
    color: #fff;
    border-bottom-color: #fff;
  }

  .header-v8.v9.sticky .stick {
    background-color: #fff;
  }

.header-v6.v11.sticky .header-content-v6 nav ul li a,
.header-v6.v11.sticky .social-header li a {
  color: #000;
}

.header-v6.v11.sticky .header-content-v6 .hd-btn {
  border-color: #000;
  color: #000;
}

.hp13.pp-viewing-cases .nav-toggle-btn.white .nav-toggle-title,
.hp13.pp-viewing-clients .nav-toggle-btn.white .nav-toggle-title,
.hp13.pp-viewing-contact .nav-toggle-btn.white .nav-toggle-title,
.hp13.pp-viewing-services .nav-toggle-btn.white .nav-toggle-title,
.hp13.pp-viewing-why-choose-us .nav-toggle-btn.white .nav-toggle-title {
  color: #000;
}

.hp13.pp-viewing-cases .nav-toggle-btn.white .stick,
.hp13.pp-viewing-clients .nav-toggle-btn.white .stick,
.hp13.pp-viewing-contact .nav-toggle-btn.white .stick,
.hp13.pp-viewing-services .nav-toggle-btn.white .stick,
.hp13.pp-viewing-why-choose-us .nav-toggle-btn.white .stick {
  background-color: #000;
}

  .hp13.pp-viewing-cases .nav-toggle-btn.white .stick:hover,
  .hp13.pp-viewing-clients .nav-toggle-btn.white .stick:hover,
  .hp13.pp-viewing-contact .nav-toggle-btn.white .stick:hover,
  .hp13.pp-viewing-services .nav-toggle-btn.white .stick:hover,
  .hp13.pp-viewing-why-choose-us .nav-toggle-btn.white .stick:hover {
    background-color: #ff4800;
  }

header.sticky .nav-toggle-btn.stick,
header.sticky .nav-toggle-btn.white .stick {
  background-color: #000;
}

header.sticky .nav-toggle-btn.white .nav-toggle-title {
  color: #000;
}

header.sticky .header-content .btn-default {
  color: #000;
  border-color: #000;
}

  header.sticky .header-content .btn-default:hover {
    border-color: transparent;
    color: #fff;
  }

.input {
  position: relative;
  z-index: 1;
  display: inline-block;
  vertical-align: top;
}

.input--makiko {
  overflow: hidden;
  background: #cbcbcb;
}

.input__field {
  position: relative;
  display: block;
  float: none;
  padding: 0.8em;
  width: 60%;
  border: none;
  border-radius: 0;
  background: #f0f0f0;
  color: #aaa;
  font-weight: 400;
  -webkit-appearance: none;
}

.input__label {
  display: inline-block;
  float: right;
  padding: 0 1em;
  width: 40%;
  color: #696969;
  font-weight: 700;
  font-size: 70.25%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.input__field--makiko {
  width: 100%;
  background: transparent;
  color: #797693;
  z-index: 10;
  font-weight: 500;
}

.input__label--makiko {
  position: absolute;
  width: 100%;
  text-align: left;
  pointer-events: none;
  color: #fff;
  top: 20px;
  right: 0;
  padding: 0 25px;
}

  .input__label--makiko:before {
    content: "";
    position: absolute;
    width: 30px;
    height: 30px;
    top: 0;
    left: -30px;
    background: url(../img/search.svg) no-repeat 50%;
    background-size: 100%;
    transition: transform 0.4s cubic-bezier(0.7, 0, 0.3, 1);
  }

.input__label-content {
  position: relative;
  display: block;
  padding: 1.6em 0;
  width: 100%;
}

.input__label-content--makiko {
  display: block;
  padding: 1.5em 0 0 2.75em;
  transition: transform 0.4s cubic-bezier(0.7, 0, 0.3, 1);
}

.input--filled .input__label--makiko:before,
.input__field--makiko:focus + .input__label--makiko:before {
  transform: scale3d(38, 38, 1);
}

.pft-thumb > img {
  max-width: 100%;
}

header.header-v12.v13.pb .light-logo {
  display: inline-block;
}

.pf-horizontol #pp-nav {
  display: none !important;
}

.latest-projects-v12 {
  width: 100%;
}

  .latest-projects-v12 .ld-head {
    color: #000;
    font-size: 22px;
    text-transform: uppercase;
    margin-bottom: 80px;
    font-weight: 400;
  }

  .latest-projects-v12 .projects-head-top {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .latest-projects-v12 .projectt-info {
    position: relative;
    margin-bottom: 120px;
  }

    .latest-projects-v12 .projectt-info.v3 {
      margin-left: 150px;
    }

    .latest-projects-v12 .projectt-info h2 {
      color: #000;
      font-size: 66px;
      text-transform: capitalize;
      line-height: 70px;
      margin-bottom: 21px;
    }

      .latest-projects-v12 .projectt-info h2 a:hover {
        text-decoration: underline;
      }

    .latest-projects-v12 .projectt-info > span {
      display: block;
      color: #000;
      font-size: 14px;
      text-transform: uppercase;
    }

    .latest-projects-v12 .projectt-info:hover .project-thumbnail {
      opacity: 1;
      visibility: visible;
      margin-left: 100px;
    }

    .latest-projects-v12 .projectt-info .project-thumbnail {
      position: absolute;
      top: 0;
      left: 100%;
      margin-left: 150px;
      transition: all 0.4s ease-in-out;
      transform: translateY(-50%);
      opacity: 0;
      visibility: hidden;
      z-index: 999;
    }

    .latest-projects-v12 .projectt-info.v2 .project-thumbnail {
      right: 100%;
      left: auto;
      margin-left: 0;
      margin-right: 150px;
    }

    .latest-projects-v12 .projectt-info.v2:hover .project-thumbnail {
      margin-right: 100px;
      margin-left: 0;
    }

  .latest-projects-v12 .more-projects {
    margin-left: 200px;
    margin-top: 60px;
  }

    .latest-projects-v12 .more-projects > a {
      display: inline-block;
      color: #000;
      font-size: 22px;
      font-weight: 700;
      text-decoration: underline;
      text-transform: uppercase;
    }

.contact-sec.v11.pf-single .contact-form .form-group input:focus + label {
  top: -30px;
  left: 0;
}

.contact-sec.v11.pf-single .contact-form .form-group textarea:focus + label {
  top: -28px;
  left: 0;
}

.contact-sec.pf-single {
  border-bottom: 0;
}

.pricing-v10.service-v {
  padding: 150px 0;
}

@media only screen and (max-width: 1800px) {
  .bg1 {
    width: 63%;
  }

  .banner-sec {
    padding: 298px 0 200px;
  }

  .vls-sections .mile-vl-sec:nth-child(2n) {
    left: 0;
  }

  .main-banner-v4 .baner-count {
    left: 30px;
  }

  .vls-sections .mile-vl-sec .mile-vl-sec-details.v2 {
    left: -4%;
  }
}

.ban-img-v9 > img {
    border-radius: 16px;
}

@media only screen and (max-width: 1700px) {
  .banner-img > img {
    width: 100%;
  }
}

@media only screen and (max-width: 1620px) {
  .main-banner-style2 .ban-capz {
    left: 20px;
  }

  .about-v9-content .ban-img-v9 {
    max-width: 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }

  .about-v9-content .about-v9-txt {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 100%;
  }

  .ban-img-v9 > img {
    max-width: 100%;
  }

  .about-v9-content .ban-img-v9:before {
    display: none;
  }

  .about-v9-content .container-fluid,
  .about-v9-content .container-lg,
  .about-v9-content .container-md,
  .about-v9-content .container-sm,
  .about-v9-content .container-xl {
    padding: 0 15px;
    max-width: 1200px;
  }

  .about-v9-content .about-v9-txt > h2 {
    font-size: 48px;
    line-height: 57px;
  }

  .about-v9-content {
    margin-bottom: 0;
    padding: 130px 0 120px;
  }

  .about-agency-content {
    max-width: calc(100% - 180px);
  }

  .office-imgs {
    max-width: 100%;
  }

  header .container-fluid,
  header .container-lg,
  header .container-md,
  header .container-sm,
  header .container-xl {
    padding: 0 15px;
  }

  .svss-img > img {
    max-width: 100%;
  }

  .service-page-banner .row {
    -ms-flex-align: center;
    align-items: center;
  }

  .services_03_content .svs-03-styles {
    padding: 165px 100px;
  }

  .contact-v1-map .container-fluid,
  .contact-v1-map .container-lg,
  .contact-v1-map .container-md,
  .contact-v1-map .container-sm,
  .contact-v1-map .container-xl {
    padding: 0 15px;
  }

  .bnm-img > img {
    max-width: 100%;
  }

  .vls-sections .mile-vl-sec .mile-vl-sec-details.v2 {
    left: 0;
  }

  .project-single-slider .slick-next,
  .project-single-slider .slick-prev {
    top: 49%;
  }
}

@media only screen and (max-width: 1520px) {
  .banner-sec {
    padding: 298px 0 80px;
  }

  .header-v3 .header-content .logo {
    width: 220px;
  }

  .main-banner-v4 .banner-img-v4 .col-icon.v3 {
    right: 0;
  }

  .header-v8.v9 .header-content-v8 .menu-btn {
    margin-left: 50px;
  }

  .main-banner-v9:before {
    display: none;
  }

  .main-banner-v9:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
  }

  .header-content-v8 .chat-btn {
    color: #fff;
    border-bottom-color: #fff;
  }

  .header-v8.v9 .header-content-v8 .menu-btn {
    color: #fff;
  }

  .pft-slider .slick-prev {
    left: 10px;
  }

  .pft-slider .slick-next {
    right: 10px;
  }

  .challenge-sec .container-fluid,
  .challenge-sec .container-lg,
  .challenge-sec .container-md,
  .challenge-sec .container-sm,
  .challenge-sec .container-xl {
    padding: 0 30px;
  }

  .post-control .next-post,
  .post-control .prev-post {
    top: 100px;
  }

  .post-control .next-post {
    right: 0;
  }

  .post-control .prev-post {
    left: 0;
  }

  .page-num {
    display: none;
  }

  .tsk-text {
    max-width: 550px;
    padding-right: 100px;
  }

  .slide-container .testimonial-sec.v10 .testimonial-slider .testimo-slider .slick-prev {
    left: -40px;
  }

  .slide-container .testimonial-sec.v10 .testimonial-slider .testimo-slider .slick-next {
    right: -40px;
  }

  .list-menu {
    left: 30px;
  }

  .gb-title {
    bottom: 60px;
  }

  .header-v8.v9 .stick {
    background-color: #fff !important;
  }
}

@media only screen and (max-width: 1366px) {

  header .container-fluid,
  header .container-lg,
  header .container-md,
  header .container-sm,
  header .container-xl {
    padding: 0 15px;
  }

  .partners-section {
    padding: 150px 0 47px;
  }

  .main-banner-style2 .ban-capz {
    display: none;
  }

  .blog-v2-section .blog-v2-items .blog-v2-item .blog-v2-info > h2 {
    font-size: 18px;
    line-height: 30px;
  }

  .footer-v2 .ft-widget-one {
    padding: 120px 20px 100px;
  }

  .footer-v2 .fl-widget-two .fl-widget-two-content {
    padding-right: 30px;
    padding-left: 100px;
  }

  .header-v3 .container {
    padding: 0 15px;
  }

  .works-v3-sec .work-projects .work-slide .wkr-txt {
    padding: 0 30px;
  }

  .social-header {
    display: none;
  }

  .footer-v6.dark-v .social-header {
    display: block;
  }

  .main-banner-v5 .main-banner-content .ban-img {
    max-width: calc(100% - 670px);
  }

  .our-services-sec .our-services-content .counter-sec-v6 li {
    margin-right: 100px;
  }

  .header-v4 .header-content-v4 nav {
    padding-left: 70px;
  }

  .header-v4 .header-content-v4 .en-icon {
    margin-left: 40px;
  }

  .main-banner-v4 .banner-img-v4 {
    max-width: 535px;
  }

  .main-banner-v4 .banner-txt-v4 p {
    margin-bottom: 50px;
  }

  .main-banner-v4 .baner-count {
    bottom: 30px;
  }

  .main-banner-v4 {
    padding: 260px 0 0;
  }

  .latest-works-v4-sec .sec-title-v4 {
    left: 0;
  }

  .latest-works-v4-sec .all-projects {
    padding-left: 0;
  }

  .latest-works-v4-sec .item-work .item-caption {
    padding: 0 25px;
  }

  .our-services-sec .our-services-content .counter-sec-v6 li {
    margin-right: 0;
  }

  .header-v8.v9 .container {
    padding: 0 30px;
  }

  .services-v9 {
    padding: 130px 0;
  }

  .team-sec .team-sec-content .team-thumb:before {
    left: 30px;
  }

  .footer-v6 .social-header {
    display: block !important;
  }

  .header-v6.v11 .header-content-v6 .hd-btn {
    margin-left: auto;
  }

  .about-v4-sec.v11 .about-v4-content .abt-col-text {
    padding-left: 0;
  }

  .about-agency-content {
    max-width: 100%;
    padding: 0 15px;
  }

  .about_img > img {
    max-width: 100%;
  }

  .about_img {
    max-width: 45%;
    margin-left: auto;
  }

  .about_me_content .about_txt > h2,
  .about_me_content .about_txt > p {
    margin-bottom: 60px;
  }

  .services_03_content .svs-03-styles {
    padding: 100px 15px;
  }

  .contact-v1-map .container-fluid .gmap_canvas iframe,
  .contact-v1-map .container-lg .gmap_canvas iframe,
  .contact-v1-map .container-md .gmap_canvas iframe,
  .contact-v1-map .container-sm .gmap_canvas iframe,
  .contact-v1-map .container-xl .gmap_canvas iframe {
    height: 700px;
  }

  .contact-sec.no-bg {
    padding: 150px 0;
  }

  .contact-v2-map .container-fluid,
  .contact-v2-map .container-lg,
  .contact-v2-map .container-md,
  .contact-v2-map .container-sm,
  .contact-v2-map .container-xl {
    max-width: 100%;
    padding: 0 15px;
  }
  /*--------------------------------------------------------------
    # Team
    --------------------------------------------------------------*/
  .team-page {
    padding: 65px 0 150px;
  }

  .mile_pagination {
    margin-top: 100px;
  }

  header .header-content .menu-btn {
    margin-right: 30px;
  }

  .commented-sec {
    padding: 110px 0 160px;
  }

  .pft-slide .pft-details {
    max-width: 500px;
    padding-right: 100px;
    margin-left: auto;
  }

  .showcase-sec .container-fluid,
  .showcase-sec .container-lg,
  .showcase-sec .container-md,
  .showcase-sec .container-sm,
  .showcase-sec .container-xl {
    padding: 0 30px;
  }

  .showcase-slider .col-lg-3 {
    padding: 0 15px;
  }

  .showcase-slider {
    margin: 0 -15px;
  }

  .pf-hr-slider {
    padding-left: 240px;
  }

  .footer-v12 .container,
  header.header-v12 .container {
    padding: 0 15px;
  }

  .sl-text > h2 {
    font-size: 3.5rem;
    line-height: 4rem;
  }

  .sl-text p {
    margin-bottom: 3rem;
  }

  .clients-sec-v3 .client-works {
    margin: 0 -15px 100px;
  }

  .client-slider .slick-next,
  .client-slider .slick-prev {
    display: none !important;
  }

  .slide-container .testi-v3-sec .testi-v3-slider .testi-v3-slide p {
    font-size: 24px;
    line-height: 36px;
  }

  .slide-container .business-txt h2 {
    font-size: 60px;
    line-height: 64px;
  }

  .bd-list li > h3 {
    font-size: 24px;
    line-height: 30px;
    max-width: 220px;
  }

  .slide-container .slide-number {
    left: 15px;
  }

  .tsk-text > h2 {
    font-size: 40px;
    line-height: 50px;
    margin-bottom: 20px;
  }

  .tsk-text > span {
    margin-bottom: 30px;
  }

  .tsk-text p {
    margin-bottom: 50px;
  }

  .grw-content-v8 .gw-img {
    max-width: 100%;
  }

  .slide-container .testimonial-sec.v10 .testimonial-slider .testimo-slider .slick-prev {
    left: 0;
  }

  .slide-container .testimonial-sec.v10 .testimonial-slider .testimo-slider .slick-next {
    right: 0;
  }

  .pp-text .row {
    margin: 0 -15px;
  }

    .pp-text .row .col-lg-4 {
      padding: 0 15px;
    }

  .list-menu {
    display: none;
  }

  .gb-img > img {
    max-width: 70%;
  }

  header.v2 .container-fluid,
  header.v2 .container-lg,
  header.v2 .container-md,
  header.v2 .container-sm,
  header.v2 .container-xl {
    padding: 0 15px;
  }

  .project-single-slider .slick-prev {
    left: 50px;
  }

  .project-single-slider .slick-next {
    right: 50px;
  }

  .pt-linkss {
    left: 15px;
  }

  .latest-projects-v12 .projectt-info .project-thumbnail {
    margin-left: 70px;
  }

  .latest-projects-v12 .projectt-info:hover .project-thumbnail {
    margin-left: 50px;
  }

  .header-v5 .header-content .search-hd {
    margin-left: auto;
  }
}

@media only screen and (max-width: 1200px) {
  .bg1 {
    width: 83%;
  }

  .services-home .services-content .service-text > h2 {
    font-size: 52px;
    line-height: 64px;
  }

  .services-home .services-content .service-text > h3 {
    font-size: 24px;
    line-height: 36px;
  }

  .services-home .services-content .services-card-list .service-card:first-child,
  .services-home .services-content .services-card-list .service-card:nth-child(2n) {
    left: 0;
  }

  .services-home .services-content .services-card-list .service-card .service-info {
    width: 265px;
  }

  .section-title h2 {
    font-size: 46px;
  }

  .testimonial-sec .section-title,
  .testimonial-sec .section-title > span {
    margin-bottom: 40px;
  }

  .section-title {
    position: relative;
    z-index: 99;
  }

  .testimo-slider .slick-next {
    right: 60px;
  }

  .testimo-slider .slick-prev {
    right: 130px;
  }

  .team-thumb > img {
    width: 100%;
  }

  .featured-post-sec {
    margin-bottom: 70px;
  }

  .sec-title > h2 {
    font-size: 48px;
    margin-bottom: 20px;
  }

  footer .top-footer {
    padding: 100px 0;
  }

  .contact-sec:before {
    display: none;
  }

  header .header-content .menu-btn {
    margin-right: 30px;
  }

  header.v2 .container-fluid,
  header.v2 .container-lg,
  header.v2 .container-md,
  header.v2 .container-sm,
  header.v2 .container-xl {
    padding: 0 15px;
  }

  .title-studio {
    font-size: 52px;
  }

  .about-us-v2 .abt-nfo .abt-info {
    padding-left: 50px;
  }

  .abt-v3-sec .abt-v3-content .abt-v-text {
    width: auto;
  }

  .abt-v3-sec {
    padding-bottom: 50px;
  }

  .section-title-v2 p br {
    display: none;
  }

  .latest-projects-v2 .section-title-v2 p {
    width: 45%;
  }

  .latest-projects-v2 {
    padding-bottom: 100px;
  }

  .mega-title.v2 h2 {
    font-size: 100px;
    line-height: 100px;
  }

  .abt-v3-sec .abt-v3-content .abt-v-text {
    padding-left: 50px;
  }

  .abt-v-img {
    margin-left: auto;
  }

  .stories-sec-v2 .testi-sec-v2 {
    max-width: 60%;
  }

    .stories-sec-v2 .testi-sec-v2 .testi-slider-v2 {
      margin-left: inherit;
      padding: 0 30px;
    }

      .stories-sec-v2 .testi-sec-v2 .testi-slider-v2 .slick-prev {
        left: 30px;
      }

      .stories-sec-v2 .testi-sec-v2 .testi-slider-v2 .slick-next {
        left: 72px;
      }

  .partners-sec-v2 {
    padding: 291px 0 130px;
  }

  .blog-v2-section .blog-v2-items .blog-v2-item .blog-v2-info > h2 {
    font-size: 16px;
    line-height: 28px;
  }

  .blog-v2-section .blog-v2-items .row .col-lg-4 {
    padding: 0 20px;
  }

  .blog-v2-section .blog-v2-items .row {
    margin: 0 -20px;
  }

  .blog-v2-section .blog-v2-items .blog-v2-item .blog-v2-info .meta li .category {
    font-size: 16px;
  }

  .blog-v2-section .blog-v2-items .link3 {
    margin-top: 100px;
  }

  .contact-v2-sec {
    padding: 100px 0 150px;
  }

  .footer-v2 .fl-widget-two .fl-widget-two-content {
    padding-left: 0;
    padding-right: 0;
  }

  .footer-v2 .ft-widget-one .ft-widget-one-content {
    padding-right: 0;
  }

  .header-v3 .header-content .head-cat {
    width: 150px;
  }

  .main-banner-v3 .banner-txt > h2 {
    font-size: 60px;
    line-height: 60px;
  }

  .main-banner-v3 .banner-txt > span {
    font-size: 20px;
  }

  .main-banner-v3 .banner-txt p {
    margin-bottom: 70px;
  }

  .vls-sections .mile-vl-sec .mile-vl-sec-details {
    padding: 100px 50px 107px;
  }

  .clients-sec-v3 .counter-sec li {
    margin-right: 50px;
  }

  .testi-v3-sec .testi-v3-slider .testi-v3-slide p {
    font-size: 26px;
    line-height: 36px;
    margin-bottom: 40px;
  }

  .footer-v3 .container {
    padding: 0 15px;
  }

  .works-v3-sec .work-projects .work-slide .wkr-txt > h3 {
    font-size: 32px;
  }

  .header-v5 .header-content nav {
    display: none;
  }

  .main-banner-v5 .main-banner-content .ban-img,
  .main-banner-v5 .main-banner-content .main-banner-txt {
    width: 50%;
    max-width: 100%;
  }

  .main-banner-v5 .ban-img > img {
    width: 100%;
  }

  .main-banner-v5 .main-banner-content .main-banner-txt > h2 {
    font-size: 55px;
    line-height: 60px;
  }

  .mile-right.v5 {
    display: block;
  }

  .header-v5 .header-content .search-hd {
    display: none;
  }

  .header-v5 .header-content {
    -ms-flex-align: center;
    align-items: center;
  }

  .main-banner-v5 .main-banner-content .main-banner-txt p {
    margin-bottom: 40px;
  }

  .featured-posts-sec-v5 .featured-products-sec .row .col-lg-4 {
    padding: 0 25px;
  }

  .featured-posts-sec-v5 .featured-products-sec .row {
    margin: 0 -25px;
  }

  .featured-posts-sec-v5 {
    padding: 100px 0;
  }

  .mile-pst-collection .mile-post .mile-post-info {
    padding-left: 40px;
    padding-right: 15px;
  }

    .mile-pst-collection .mile-post .mile-post-info h2 {
      font-size: 40px;
      line-height: 40px;
    }

  .mile-pst-collection {
    padding-bottom: 70px;
  }

  .mile-posts-content {
    padding-bottom: 120px;
  }

  .footer-v5 {
    padding: 120px 0 85px;
  }

    .footer-v5 .widget-contact > h2 {
      font-size: 21px;
    }

  .header-v6 .header-content-v6 .hd-btn,
  .header-v6 .header-content-v6 nav {
    display: none;
  }

  .header-v6 .header-content-v6 {
    -ms-flex-align: center;
    align-items: center;
  }

  .header-v6 {
    padding: 40px 0 0;
  }

  .main-banner-v6 {
    padding: 100px 0 0;
  }

  .recent-works-v6-sec {
    padding: 120px 0 93px;
  }

  .about-sec-v6 .mile-large-abt {
    padding-right: 0;
  }

  .about-sec-v6 .certicications-sec .certificate-details .awd-list .awd-info > h3 {
    font-size: 20px;
  }

  .about-sec-v6 .certicications-sec .certificate-details .awd-list .awd-info > span {
    font-size: 16px;
  }

  .about-sec-v6 {
    padding-bottom: 120px;
  }

  .testimonial-v6-sec .newsletter-sc {
    padding: 60px 30px 0;
  }

  .testimonial-v6-sec {
    padding-bottom: 120px;
  }

  .footer-v6 {
    padding: 120px 0 100px;
  }

  .header-v4 .header-content-v4 .right-hd,
  .header-v4 .header-content-v4 nav {
    display: none;
  }

  .header-content-v4 .mile-right.v5 a {
    color: #fff;
  }

  .header-v4 {
    padding: 35px 0 0;
  }

  .main-banner-v4 .banner-img-v4,
  .main-banner-v4 .banner-txt-v4 {
    max-width: 50%;
  }

    .main-banner-v4 .banner-txt-v4 > h2 {
      font-size: 40px;
      line-height: 58px;
    }

    .main-banner-v4 .banner-img-v4 .col-icon img {
      max-width: 60%;
      text-align: right;
    }

    .main-banner-v4 .banner-img-v4 .col-icon.v1 {
      left: 0;
    }

  .main-banner-v4 {
    padding: 180px 0 0;
  }

  .about-v4-sec {
    padding: 130px 0;
  }

    .about-v4-sec .about-v4-content .abt-list .abt-content {
      padding: 50px 25px;
    }

      .about-v4-sec .about-v4-content .abt-list .abt-content .iconn {
        right: 25px;
      }

  .latest-works-v4-sec .item-work.v1 {
    margin-bottom: 100px;
  }

  .latest-works-v4-sec .all-projects .btn-default-v4 {
    margin-bottom: 50px;
  }

  .latest-works-v4-sec {
    padding-bottom: 170px;
  }

    .latest-works-v4-sec .sec-title-v4 {
      margin-bottom: 100px;
    }

  .testimonial-v4-sec .cl-slide-thumbs .cli-thumb .col-info > span {
    font-size: 13px;
  }

  .awards-v4-sec {
    padding-top: 0;
  }

  .footer-v6 .footer-content-v6 .widget-abt > h2 {
    font-size: 36px;
  }

  .footer-v6.dark-v .footer-content-v6 .get-touch-txt > h4 {
    font-size: 20px;
  }

  .footer-v6 .footer-content-v6 .get-touch-txt > a {
    font-size: 28px;
  }

  .awards-v4-sec {
    padding-bottom: 120px;
  }

  .header-v7 .header-v7-btm nav {
    display: none;
  }

  .header-v7-btm .mile-right {
    display: inline-block;
  }

  .about-us-v7-sec {
    padding: 0 0 200px;
  }

  .mission-sec .crlce-misz {
    margin: 0 auto;
  }

  .mission-sec .vlm-text {
    padding-left: 0;
    margin-top: 100px;
  }

  .book-img > img {
    max-width: 100%;
  }

  .book-v7-sec .book-form {
    margin-bottom: 120px;
  }

  .counter-sec-v6 li .counter-cont > h2 {
    font-size: 41px;
  }

  .our-services-sec.v2 {
    padding-bottom: 120px;
  }

  .upcoming-events-sec {
    padding: 30px 0 151px;
  }

  .solu-upcoming {
    padding: 83px 60px 47px;
  }

  .events-list .event-details .ms-project {
    -ms-flex: 0 0 430px;
    flex: 0 0 430px;
    max-width: 430px;
  }

    .events-list .event-details .ms-project .ms-info > h3 {
      font-size: 20px;
      line-height: 28px;
    }

  .testi-v3-sec.v7 + .upcoming-events-sec {
    margin-bottom: 0;
  }

  .blog-post-v7 .blog-info > h2 {
    font-size: 24px;
    line-height: 32px;
  }

  .mission-sec .crlce-misz:before {
    left: 15px;
  }

  .main-banner-v7 .banner-content-v7 .en-img img {
    width: 100%;
  }

  .header-content-v8 nav {
    display: none;
  }

  .banner-img-v8 > img,
  .grw-content-v8 .gw-img > img {
    max-width: 100%;
  }

  .grw-content-v8 .gw-img:before {
    display: none;
  }

  .header-v8.v9 .container {
    padding: 0 15px;
  }

  .main-banner-v9 {
    padding: 220px 0 140px;
  }

  .banner-slider-v9 .slick-dots {
    bottom: -100px;
  }

  .abt-v9-cntr .cl-ordr li {
    max-width: 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    margin-right: 0;
  }

  .about-v9-content .about-v9-txt {
    padding-left: 50px;
  }

  .about-v9-content {
    padding: 120px 0;
  }

  .title-v9 > h2 {
    font-size: 50px;
    line-height: 64px;
  }

  .services_v9 .service-v9 {
    padding: 50px 25px 42px;
  }

  .wy-img > img {
    max-width: 100%;
  }

  .wy-img:before {
    display: none;
  }

  .why-us-v9 {
    padding: 140px 0 50px;
  }

  .title-v9 > h2 {
    font-size: 42px;
    line-height: 56px;
  }

  .testimonial-v4-sec .cl-slider-v4 {
    padding: 77px 50px 82px;
  }

  .blog-section-v7 .row .col-lg-4 {
    padding: 0 20px;
  }

  .blog-section-v7 .row {
    margin: 0 -20px;
  }

  .blog-section-v7.v9 {
    padding-bottom: 120px;
  }

  .our-services-sec .our-services-content .service-card-mile {
    padding: 50px 30px 66px;
  }

  .title-v10 > h2 {
    font-size: 48px;
    line-height: 60px;
  }

  .about-v10 {
    padding: 60px 0 103px;
  }

  .works-v3-sec .work-projects .work-slider .col-lg-6 {
    padding: 0 15px;
  }

  .works-v3-sec .work-projects .work-slider {
    margin: 0 -15px;
  }

  .works-v3-sec.v10 {
    padding-bottom: 150px;
  }

  .pricing-v10 {
    padding: 120px 0 45px;
  }

  .prices-v10 .price-v10 .btn-default-v10 {
    padding: 0;
    font-size: 14px;
  }

  .prices-v10 .price-v10 {
    padding: 80px 20px 70px;
  }

  .testimonial-sec.v10 {
    padding-bottom: 120px;
    padding-top: 60px;
  }

  .blogs-v10 .row .col-lg-4 {
    padding: 0 15px;
  }

  .blogs-v10 .row {
    margin: 0 -15px;
  }

  .footer-v6.v10 {
    padding: 140px 0 115px;
  }

  .header-v6.v11 .mile-right.v5 a {
    color: #fff;
  }

  .about-v4-sec.v11 .abt-list {
    padding-right: 0;
  }

  .about-v4-sec.v11 .about-v4-content .abt-col-text > h2 {
    font-size: 40px;
    line-height: 50px;
  }

  .about-v4-sec.v11 {
    padding-bottom: 120px;
  }

  .about_me_content .about_txt {
    max-width: 50%;
  }

    .about_me_content .about_txt > h2 {
      font-size: 48px;
      line-height: 54px;
      margin-bottom: 30px;
    }

    .about_me_content .about_txt > p {
      margin-bottom: 30px;
    }

  .about_img {
    padding-top: 100px;
  }

  .sv-title {
    margin-bottom: 100px;
  }

  .service_v1_page {
    padding: 54px 0 150px;
  }

  .pricing-v10.service-v {
    padding: 150px 0;
  }

  .vls-sections .sv-title {
    margin-bottom: 100px;
  }

  .counter-sec-v6 li .counter-cont > span {
    max-width: 185px;
  }

  .testimonial-sec.v10.svs-page .title-v10 h2 {
    font-size: 40px;
  }

  .contact-v2-map {
    padding: 65px 0 60px;
  }

  .sv-title > h2 {
    font-size: 40px;
  }

  .sv-title > span {
    margin-bottom: 30px;
  }

  .team-page .sv-title {
    margin-bottom: 85px;
  }

  .teams .become-member {
    padding: 40px 20px 0;
  }

    .teams .become-member > h3 {
      font-size: 20px;
      line-height: 25px;
    }

  .mile_pagination {
    margin-top: 100px;
  }

  .page-content {
    padding: 90px 0 140px;
  }

  .page-sec-title > h2 {
    font-size: 50px;
    line-height: 66px;
  }

  .commented-v2 .container-fluid,
  .commented-v2 .container-lg,
  .commented-v2 .container-md,
  .commented-v2 .container-sm,
  .commented-v2 .container-xl,
  .container.v4,
  .pl-v3-slider-sec .col-lg-4 {
    padding: 0 15px;
  }

  .post-control-sec .avl-btm {
    margin-top: 150px;
  }

  .post-control-sec {
    padding: 140px 0;
  }

  .contact-sec.pf-single {
    padding: 130px 0;
  }

  .pft-slide .pft-details {
    padding-right: 0;
    max-width: 400px;
  }

  .pft-slider .slick-next {
    right: 0;
  }

  .pft-slider .slick-prev {
    left: 0;
  }

  .ppr-sldr {
    padding: 64px 40px;
  }

    .ppr-sldr p {
      font-size: 23px;
      line-height: 40px;
    }

  .txt-content {
    padding: 130px 0;
  }

  .pp-tabs-sec .nav-tabs li a {
    padding: 0 18px;
  }

  .portfolio-ms-page .ms-row .col-lg-4 {
    padding: 0 20px;
  }

  .portfolio-ms-page .ms-row {
    margin: 0 -20px;
  }

  .portfolio-ms-page .container-fluid,
  .portfolio-ms-page .container-lg,
  .portfolio-ms-page .container-md,
  .portfolio-ms-page .container-sm,
  .portfolio-ms-page .container-xl {
    padding: 0 15px;
  }

  .more-items {
    padding-top: 0;
  }

  .portfolio-ms-page {
    padding: 65px 0 120px;
  }

  .sl-text > h2 {
    font-size: 3.2rem;
    line-height: 3.5rem;
  }

  .sl-text p {
    margin-bottom: 3rem;
  }

  .sl-text > h2 {
    font-size: 2.9rem;
    line-height: 3.3rem;
    margin-bottom: 2rem;
  }

  .sl-text > span {
    font-size: 1.4rem;
    line-height: 1.8rem;
    margin-bottom: 1.6rem;
  }

  header.header-v12 {
    top: 30px;
  }

  .footer-v12 {
    bottom: 2rem;
  }

  .mile-contect-form > h2 {
    font-size: 32px;
    line-height: 40px;
  }

  .slide-container .business-txt h2 {
    font-size: 50px;
    line-height: 54px;
  }

  .slide-container .grw-content-v8 .gr-text > h2 {
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 40px;
  }

  .grw-content-v8 .gw-img .gw-text > h3 {
    font-size: 24px;
    line-height: 35px;
    max-width: 350px;
  }

  .grw-content-v8 .gw-img .gw-text {
    left: 0;
    padding-left: 90px;
  }

  .slide-container .slide-number {
    bottom: 15px;
    left: 15px;
  }

  .tsk-text {
    padding-right: 0;
    padding-left: 15px;
  }

  .slide-container .slide-number,
  .social-vertical.v2 {
    display: none;
  }

  .header-v6.v14 .container {
    padding: 0 15px;
  }

  .pt-links {
    left: 15px;
  }

  .gb-img {
    top: 60px;
  }

  .gb-title h2 {
    font-size: 70px;
  }

  .nav-toggle-btn.desktop-hide.mobile-show {
    display: inline-block;
  }

  .promo-primary-content {
    padding-top: 200px;
  }

    .promo-primary-content > h2 {
      font-size: 50px;
      line-height: 60px;
    }

  .testimonial-v4-sec .cl-slider-v4 {
    padding: 77px 0 82px;
  }

  .testimonial-v4-sec .sec-head {
    margin-bottom: 20px;
  }

  body.dark-v .slide-container {
    padding-top: 10rem;
  }

  .testi-bg > img {
    max-width: 100%;
  }

  .testi-thumbs li.v2 {
    bottom: 60px;
    left: 50px;
  }

  .testi-thumbs li.v1 {
    top: -30px;
    left: 80px;
  }

  .testi-thumbs li.v3 {
    bottom: 35%;
    left: 130px;
    width: 70px;
    height: 70px;
  }

  .testi-thumbs li.v4 {
    width: 70px;
    height: 70px;
    right: 140px;
  }

  .testi-thumbs li.v6 {
    bottom: auto;
    top: 0;
    right: 40px;
  }

  .container-fluid .container,
  .container-lg .container,
  .container-md .container,
  .container-sm .container,
  .container-xl .container {
    padding: 0;
  }

  .latest-projects-v12 .projectt-info h2 {
    font-size: 50px;
    line-height: 60px;
  }

  .latest-projects-v12 .projectt-info .project-thumbnail {
    left: 0;
  }

  .projectt-info.v2.ml-auto {
    padding-right: 100px;
  }
}

@media only screen and (max-width: 991px) {
  .banner-sec .banner-text {
    margin: 0 auto;
    text-align: center;
  }

  .bg1 {
    width: 100%;
  }

  .pt-logos .pt-logo {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }

  .partners-section {
    padding: 95px 0 45px;
  }

  .vector-bg {
    display: none;
  }

  .services-home .services-content .services-card-list {
    max-width: 100%;
  }

    .services-home .services-content .services-card-list .service-card .service-info {
      width: calc(100% - 160px);
    }

  .services-home {
    padding: 0;
  }

  .projects-sec {
    padding: 120px 0 117px;
  }

  .projects-sec-content .mile-projects.v1 {
    margin-top: 0;
  }

  .team-thumb > img {
    width: auto;
  }

  .team-sec .team-sec-content .team-thumb {
    margin-bottom: 50px;
  }

  .team-sec .team-sec-content .team-info {
    padding-left: 0;
  }

  .section-title > span {
    margin-bottom: 25px;
  }

  .team-sec .team-sec-content .team-info p {
    margin-bottom: 50px;
  }

  .team-sec {
    padding-bottom: 120px;
  }

  .featured-post-sec .featured-post {
    padding: 82px 40px 78px;
  }

  .vector-img {
    display: none;
  }

  .featured-post-sec .mile-post,
  .featured-post-sec .mile-post:last-child {
    margin-bottom: 20px;
  }

  .contact-sec {
    padding: 50px 0 355px;
  }

  footer .top-footer .footer-content .get-touch-txt h3 {
    font-size: 22px;
  }

  .featured-post-sec .featured-post .featured-post-text,
  .testimonial-sec .testimonial-slider .testimo-slider .testimonial-slide p {
    max-width: 100%;
  }

  .testimonial-sec .section-title,
  .testimonial-sec .section-title > span {
    margin-bottom: 20px;
  }

  .projects-sec {
    padding: 120px 0 30px;
  }

  .testimonial-sec {
    background: inherit;
    padding-bottom: 115px;
  }

  .team-sec .team-sec-content .team-thumb:before {
    left: 0;
  }

  .services-home .services-content .service-text > span {
    margin-bottom: 25px;
  }

  header.v2 .header-content nav {
    display: none;
  }

  header.v2 .header-content .menu-btn {
    margin-left: auto;
  }

  header.v2 {
    padding: 20px 0 0;
  }

  .title-studio {
    font-size: 40px;
    line-height: 60px;
  }

  .main-banner-style2 {
    padding: 160px 0 260px;
  }

  .bg2 {
    background-position: 100%;
  }

  .about-us-v2 {
    padding: 120px 0;
  }

    .about-us-v2 .abt-nfo {
      margin-top: 0;
      margin-bottom: 60px;
    }

  .abt-v-img {
    max-width: calc(100% - 250px);
  }

    .abt-v-img img {
      width: 100%;
    }

  .what-we-do-v2 {
    padding: 60px 0;
  }

  .section-title-v2 {
    margin-bottom: 60px;
  }

  .abt-v3-sec .abt-v3-content .abt-v-text {
    padding: 0 15px;
  }

  .about-us-v2 .abot-text > h2 {
    max-width: 100%;
    margin-bottom: 40px;
  }

  .section-title-v2 p {
    width: 100%;
    margin-top: 40px;
  }

  .section-title-v2 {
    margin-bottom: 30px;
  }

  .about-us-v2 .abot-text > h2 {
    font-size: 42px;
    margin-bottom: 25px;
  }

  .section-title-v2 > h2 {
    width: 100%;
    font-size: 42px;
  }

  .what-we-do-v2 .what-we-do-content .wed-img {
    width: 100%;
    margin-top: 0;
  }

  .what-we-do-v2 .what-we-do-content .mile-sz {
    padding-left: 0;
  }

  .section-title-v2 p {
    margin-top: 20px;
  }

  .section-title-v2 {
    margin-bottom: 70px;
  }

    .section-title-v2 > h2 {
      padding-right: 0;
    }

  .latest-projects-v2 .section-title-v2 p {
    width: 100%;
  }

  .partners-sec-v2 .section-title-v2 {
    margin-bottom: 60px;
  }

  .partners-sec-v2 .partner-row1 .pt-list {
    margin-top: 100px;
  }

    .partners-sec-v2 .partner-row1 .pt-list li {
      max-width: 33.33%;
      -ms-flex: 0 0 33.33%;
      flex: 0 0 33.33%;
    }

  .mega-title h2 {
    font-size: 80px;
    line-height: 80px;
  }

  .blog-v2-section .blog-v2-items .blog-v2-item.active-center {
    margin-top: 0;
  }

  .blog-v2-section .blog-v2-items .blog-v2-item .blog-v2-thumbnail {
    margin-bottom: 25px;
  }

  .blog-v2-item {
    margin-bottom: 50px;
  }

  .blog-v2-section .blog-v2-items .link3 {
    margin-top: 60px;
  }

  .contact-v2-sec .contact-v2-content > h2 {
    font-size: 40px;
    line-height: 54px;
  }

  .footer-v2 .ft-widget-one .ft-widget-one-content .ft-logo {
    margin-bottom: 50px;
  }

  .footer-v2 .ft-widget-one .ft-widget-one-content {
    margin-left: inherit;
  }

  .footer-v2 .ft-widget-one {
    padding: 60px 15px;
  }

  .footer-v2 .row .col-lg-6:nth-child(2n) {
    -ms-flex-order: -1;
    order: -1;
  }

  .footer-v2 .fl-widget-two .fl-widget-two-content {
    max-width: 100%;
    padding: 0 15px;
  }

  .footer-v2 {
    text-align: center;
  }

    .footer-v2 .ft-widget-one .ft-widget-one-content {
      max-width: 100%;
    }

    .footer-v2 .fl-widget-two {
      padding: 0 15px 70px;
    }

    .footer-v2 .ft-widget-one .ft-widget-one-content .ft-newsletter form {
      margin-bottom: 50px;
    }

  .contact-v2-sec {
    padding-top: 0;
  }

  .section-title-v2 > h2 {
    font-size: 36px;
    line-height: 50px;
  }

  .mega-title.v2 h2 {
    font-size: 72px;
    line-height: 72px;
  }

  .latest-projects-v2 {
    padding-top: 50px;
  }

  .header-v3 .header-content .hd-links,
  .header-v3 .header-content .head-cat {
    display: none;
  }

  .header-v3 {
    padding: 45px 0 0;
  }

  .main-banner-v3 {
    padding: 100px 0 0;
  }

  .vls-sections .mile-vl-sec .mile-vl-sec-details.v2 .mile-vl-dt {
    float: none;
  }

  .vls-sections {
    padding: 120px 0;
  }

  .section-title-v3 > h2 {
    font-size: 40px;
  }

  .clients-sec-v3 .client-works {
    margin: 0 -15px 70px;
  }

    .clients-sec-v3 .client-works .col-m-2 {
      padding: 0 15px;
    }

  .section-title-v3 {
    margin-bottom: 50px;
  }

  .clients-sec-v3 .counter-sec li {
    margin-right: 0;
    max-width: 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    margin-bottom: 30px;
  }

  .clients-sec-v3 {
    padding-bottom: 70px;
  }

  .works-v3-sec .work-projects .work-slide .wkr-txt > span {
    display: block;
    margin-left: inherit;
    margin-top: 10px;
  }

  .testi-v3-sec {
    padding: 120px 0 150px;
  }

  .work-inquiry-sec .work-inquery {
    padding: 60px 50px;
  }

    .work-inquiry-sec .work-inquery .inqu-text > h3 {
      font-size: 40px;
    }

  .work-inquiry-sec {
    padding-bottom: 0;
  }

  .footer-v3 .footer-content {
    display: block;
    text-align: center;
  }

    .footer-v3 .footer-content .ft-logo,
    .footer-v3 .footer-content .nav-btm-links {
      width: 100%;
      max-width: 100%;
      margin-bottom: 25px;
    }

    .footer-v3 .footer-content .cpy-text {
      margin-left: inherit;
    }

      .footer-v3 .footer-content .cpy-text p {
        text-align: center;
      }

  .ban-img {
    display: none;
  }

  .main-banner-v5 .main-banner-content .main-banner-txt {
    width: 100%;
    margin-top: 0;
  }

  .main-banner-v5 {
    padding: 180px 0 80px;
  }

  .featured-posts-sec-v5 .featured-products-sec .featured-product .featured-info > h2 {
    font-size: 28px;
    line-height: 36px;
  }

  .featured-posts-sec-v5 .featured-products-sec .row .col-lg-4 {
    padding: 0 15px;
  }

  .featured-posts-sec-v5 .featured-products-sec .row {
    margin: 0 -15px;
  }

  .mile-posts-content {
    padding: 100px 0 50px;
  }

  .mile-sidedar {
    max-width: 100%;
    margin-top: 60px;
  }

    .mile-sidedar .widget-advertisement {
      max-width: 302px;
    }

  .footer-v5 .widget {
    margin-bottom: 60px;
  }

  .mile-bottom-footer {
    margin-top: 52px;
  }

  .main-banner-v6 .banner-v6-text {
    padding-bottom: 75px;
  }

  .main-banner-v6 .banner-btm-info,
  .main-banner-v6 .banner-v6-text {
    max-width: 100%;
    text-align: center;
  }

    .main-banner-v6 .banner-btm-info .btm-hd-info {
      -ms-flex-pack: center;
      justify-content: center;
    }

      .main-banner-v6 .banner-btm-info .btm-hd-info .bt-para {
        text-align: left;
      }

  .main-banner-v6 .vl-list {
    text-align: center;
    margin-top: 75px;
  }

  .main-banner-v6 .main-banner-content {
    padding-bottom: 75px;
  }

  .main-banner-v6 .banner-v6-text p {
    max-width: 450px;
    margin: 0 auto;
    margin-bottom: 50px;
  }

  .partners-section.v-2 .pt-logo {
    margin-bottom: 50px;
  }

  .pt-logos {
    margin-bottom: -50px;
  }

  .partners-section.v-2 {
    padding: 100px 0 50px;
  }

  .our-services-sec .our-services-content .service-card-mile {
    padding: 50px 25px 66px;
  }

  .our-services-sec .our-services-content .counter-sec-v6 li {
    margin-right: 50px;
  }

  .recent-works-v6-sec .mile-title {
    margin-bottom: 60px;
  }

  .recent-works-v6-sec .rc-work-content .row .col-lg-7 {
    padding-right: 50px;
  }

  .about-sec-v6 {
    padding-top: 60px;
  }

  .testimonial-v6-sec .testi-sec-v6 {
    padding: 84px 50px 37px;
  }

  .col-lg-8.mile-pst-collection.p-0.mw-100 {
    padding: 0 15px !important;
  }

  .testimonial-v6-sec .newsletter-sc {
    margin-top: 30px;
  }

  .footer-v6 {
    text-align: center;
  }

    .footer-v6 .footer-content-v6 .get-touch-txt {
      padding-left: 0;
      margin-top: 70px;
    }

    .footer-v6 .footer-content-v6 .mile-bottom-footer {
      margin-top: 90px;
    }

    .footer-v6 .footer-content-v6 .widget-abt > h2 {
      font-size: 40px;
      line-height: 52px;
    }

  .testimonial-v6-sec .mile-rtz-sec {
    margin-top: 105px;
  }

  .our-services-sec {
    padding-top: 70px;
  }

    .our-services-sec .our-services-content .service-card-mile > h2 {
      font-size: 30px;
      margin-bottom: 12px;
    }

  .main-banner-v4 .banner-img-v4 {
    display: none;
  }

  .main-banner-v4 .baner-count {
    position: static;
    margin-top: 50px;
  }

  .main-banner-v4 .banner-txt-v4 {
    max-width: 100%;
    text-align: center;
  }

    .main-banner-v4 .banner-txt-v4 p {
      margin: 0 auto;
      margin-bottom: 50px;
    }

  .main-banner-v4 {
    padding-bottom: 100px;
  }

    .main-banner-v4 .baner-count {
      -ms-flex-pack: center;
      justify-content: center;
    }

  .about-v4-sec .about-v4-content .abt-col-text {
    max-width: 100%;
    margin-top: 60px;
  }

  .about-v4-sec {
    padding: 100px 0;
  }

  .latest-works-v4-sec {
    padding-top: 80px;
  }

    .latest-works-v4-sec .sec-title-v4 {
      margin-bottom: 60px;
    }

    .latest-works-v4-sec .item-work .item-caption {
      display: block;
      top: 30px;
    }

      .latest-works-v4-sec .item-work .item-caption ul {
        margin-left: inherit;
        margin-top: 20px;
      }

    .latest-works-v4-sec .row .col-lg-6 {
      padding: 0 15px;
    }

    .latest-works-v4-sec .row {
      margin: 0 -15px;
    }

  .sec-title-v4 > h2 {
    font-size: 36px;
  }

  .latest-works-v4-sec .all-projects > p {
    font-size: 14px;
  }

  .latest-works-v4-sec {
    padding-bottom: 100px;
  }

  .sec-head > span {
    padding-left: 40px;
  }

  .sec-head > h2 {
    font-size: 36px;
  }

  .testimonial-v4-sec .cl-slider-v4 {
    padding: 77px 50px 82px;
  }

    .testimonial-v4-sec .cl-slider-v4 .cl-slide > p {
      font-size: 24px;
      line-height: 40px;
    }

  .testimonial-v4-sec .cl-slide-thumbs .cli-thumb .col-info {
    display: none;
  }

  .testimonial-v4-sec .cl-slide-thumbs .cli-thumb {
    width: auto !important;
    max-width: auto;
  }

    .testimonial-v4-sec .cl-slide-thumbs .cli-thumb:before {
      display: none;
    }

  .footer-v6.dark-v .btm-copy {
    text-align: left;
  }

  .footer-v6.dark-v .mile-bottom-footer .btm-copy p {
    font-size: 13px;
  }

  .footer-v6.dark-v .footer-content-v6 .mile-bottom-footer {
    margin-top: 120px;
  }

  .partners-section.v3 .pt-logo {
    margin-bottom: 50px;
  }

  .partners-section.v3 {
    padding: 115px 0 65px;
  }

  .about-us-v7-sec {
    padding: 80px 0 120px;
  }

  .book-v7-sec .book-form {
    max-width: 100%;
  }

  .book-v7-sec .book-img {
    margin-top: -50px;
  }

  .counter-sec-v6 li {
    max-width: 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    margin-right: 0;
  }

  .our-services-sec .our-services-content .counter-sec-v6 li {
    margin-right: 0;
    margin-bottom: 50px;
  }

  .counter-sec-v6 {
    margin-bottom: -50px;
  }

  .testi-v3-sec.v7 {
    padding: 90px 0 45px;
  }

  .solu-upcoming > h2 {
    max-width: 100%;
  }

  .solu-upcoming .uo-com-row .ll-list {
    width: 100%;
    padding-left: 0;
    margin-top: 30px;
  }

  .events-list .event-details {
    display: block;
    text-align: center;
  }

    .events-list .event-details .event-date {
      max-width: 100%;
    }

    .events-list .event-details .ms-project {
      max-width: 100%;
      margin: 20px 0;
      display: block;
    }

  .event-location {
    margin-bottom: 25px;
  }

  .events-list .event-details .ms-project .ms-info {
    padding-left: 0;
    max-width: 100%;
    margin-top: 25px;
  }

  .events-list li {
    padding: 40px 0;
  }

  .testi-v3-sec.v7 + .upcoming-events-sec {
    padding-bottom: 100px;
  }

  .blog-section-v7 .row .col-lg-4 {
    padding: 0 15px;
  }

  .blog-section-v7 .row {
    margin: 0 -15px;
  }

  .blog-post-v7 {
    margin-bottom: 60px;
  }

  .blog-posts-v7 {
    margin-bottom: -60px;
  }

  .newsletter-text {
    text-align: center;
    margin-bottom: 60px;
  }

  .news-letter-v7 .newsletter-form-v7 {
    max-width: 100%;
    margin: 0;
  }

  .newslettter-sec-v7 {
    padding: 30px 0 100px;
  }

  .footer-v7 {
    text-align: center;
  }

  .widget-follow {
    margin-bottom: 60px;
  }

  .widget-language {
    text-align: center;
    margin-top: 60px;
  }

  .footer-v7 .menu-links li {
    padding: 0 18px;
  }

  .footer-v7 .menu-links {
    margin-bottom: 60px;
  }

  .banner-img-v8 {
    display: none;
  }

  .banner-v8-content .banner-txt-v8 {
    margin-top: 0;
  }

    .banner-v8-content .banner-txt-v8 > h2 {
      font-size: 52px;
      line-height: 66px;
      max-width: 500px;
    }

  .banner-v8 {
    padding-bottom: 50px;
  }

  .grw-content-v8 .gr-text {
    max-width: 100%;
    margin-bottom: 60px;
  }

  .grow-business-v8 {
    padding: 90px 0 69px;
  }

    .grow-business-v8 .counter-sec-v6 li {
      max-width: 50%;
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      margin-bottom: 50px;
    }

    .grow-business-v8 .counter-sec-v6 {
      padding-bottom: 20px;
    }

  .projects-tab-sec .nav-tabs li a {
    margin-bottom: 30px;
  }

  .projects-tab-sec .nav-tabs {
    margin-bottom: 20px;
  }

  .footer-v6.v8 .widget-abt {
    max-width: 100%;
    margin-bottom: 50px;
  }

  .footer-v6.v8 {
    padding: 100px 0;
  }

  .partners-v8-sec {
    padding-top: 70px;
  }

  .banner-v8-content .banner-txt-v8 {
    text-align: center;
  }

    .banner-v8-content .banner-txt-v8 > h2 {
      max-width: 100%;
    }

    .banner-v8-content .banner-txt-v8 p {
      padding-right: 0;
    }

  .banner-v8-content .banner-wid {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
  }

    .banner-v8-content .banner-wid p {
      padding-right: 0;
    }

    .banner-v8-content .banner-wid p,
    .grw-content-v8 .gr-text,
    .mission-sec .vlm-text {
      text-align: center;
    }

  .banner-slider-v9 .banner-slide-v9 > h2 {
    font-size: 56px;
    line-height: 66px;
    margin-bottom: 35px;
  }

  .abt-v9-cntr .cl-ordr {
    margin-top: 50px;
  }

  .about-v9-content .about-v9-txt,
  .about-v9-content .ban-img-v9 {
    max-width: 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }

  .about-v9-content .about-v9-txt {
    margin-top: 70px;
    padding-left: 0;
  }

  .title-v9 > h2 {
    font-size: 40px;
    line-height: 56px;
  }

  .wy-img {
    display: none;
  }

  .testimonial-v4-sec .cl-slider-v4 .cl-slide:before {
    font-size: 60px;
    top: 0;
  }

  .footer-content-v9 .widget {
    margin-bottom: 50px;
  }

  .btm-footer {
    margin-top: 60px;
  }

  .banner-v10 .banner-content-v10 .ban-img-v10 {
    display: none;
  }

  .banner-v10 .banner-content-v10 .banner-txt-v10 {
    max-width: 100%;
  }

  .banner-v10 {
    padding: 200px 0 230px;
  }

  .title-v10 > h2 {
    font-size: 36px;
    line-height: 47px;
  }

  .abt-v10-txt > span {
    font-size: 20px;
    line-height: 30px;
  }

  .abt-v10-img {
    margin-bottom: 50px;
  }

  .abt-v10-txt p {
    margin-bottom: 60px;
  }

  .counter-sec-v6 li {
    margin-bottom: 40px;
  }

  .works-v3-sec .work-projects .work-slide .wkr-txt {
    display: block;
  }

  .prices-v10 .price-v10 {
    margin-bottom: 30px;
    height: auto;
  }

  .blogs-v10 .blog-posts-v10 .post-v10,
  .partners-section.v10 .pt-logos .pt-logo {
    margin-bottom: 50px;
  }

  .blogs-v10 .row {
    margin-bottom: -50px;
  }

  .footer-v6.v10 .social-header {
    width: 100%;
    text-align: center;
    position: static;
    text-align: center !important;
    margin-top: 50px;
  }

  .banner-v10 .banner-content-v10 .banner-txt-v10 > h2 {
    font-size: 60px;
    line-height: 64px;
  }

  .abt-v10-img > img {
    max-width: 80%;
  }

  .main-banner-v11 .content-v11 > h2 {
    font-size: 60px;
    line-height: 66px;
  }

  .main-banner-v11 {
    padding: 230px 0 130px;
  }

  .about-v4-sec.v11 {
    padding-bottom: 120px;
  }

  .why-us-v8.v11 .counter-sec-v6 {
    padding-bottom: 30px;
  }

  .title-v8 > h2 {
    font-size: 30px;
    line-height: 40px;
  }

  .title-v8.v11 > span {
    margin-bottom: 30px;
  }

  .teams-slider {
    margin-bottom: 60px;
  }

  .testimonial-sec.v10.v11 {
    padding: 120px 0 50px;
  }

  .contact-sec.v11.pf-single {
    padding-bottom: 100px;
  }

  .blog-section-v7.v11 {
    padding-bottom: 120px;
  }

    .blog-section-v7.v11 .blog-posts-v7 {
      padding-top: 120px;
    }

  .about-v-title {
    margin-bottom: 80px;
  }

  .about-v1-page {
    padding: 54px 0 120px;
  }

  .ag-office-sec {
    margin-top: 70px;
  }

  .lets-sec {
    padding: 120px 0 80px;
  }

  .ag-partners {
    padding: 120px 0 0;
  }

  .lets-sec .lets-content > h2 {
    font-size: 40px;
    line-height: 60px;
  }

  .business-banner .business-txt > h2 {
    font-size: 60px;
    line-height: 70px;
  }

  .business-banner {
    padding: 280px 0 180px;
  }

  .services-v9.v2 {
    padding: 120px 0 61px;
  }

  .counter-sec-v6 {
    margin-bottom: 0;
  }

  .why-txt-v9.v2 {
    margin-top: 0;
  }

  .why-us-v9.v2 {
    padding: 120px 0 50px;
  }

  .partners-v8-sec.v2 {
    padding-bottom: 120px;
  }

  .title-v9 > h2.black-clr {
    font-size: 40px;
    line-height: 50px;
  }

  .bz-certificate .testimonial-sec.v10 {
    padding-top: 120px;
  }

  .bz-certificate {
    padding: 115px 0 150px;
  }

  .about_img {
    display: none;
  }

  .about_me_content .about_txt {
    max-width: 100%;
  }

  .about_me_sec {
    padding-bottom: 100px;
  }

  .about_v1_content > p {
    font-size: 28px;
    line-height: 46px;
    margin-bottom: 50px;
  }

  .about_v1_content {
    padding: 110px 0;
  }

  .resume_details .resume_mile .rs-heading {
    margin-bottom: 30px;
  }

  .resume_details .resume_mile {
    padding-bottom: 80px;
  }

  .resume_details {
    padding: 100px 0 120px;
  }

  .testi-v-sec .testi-content {
    padding-left: 0;
    margin-top: 40px;
  }

  .testi-v-sec,
  .testi_about_v1 .lets-sec {
    padding: 110px 0;
  }

  .sv-title > h2 {
    font-size: 40px;
    line-height: 50px;
  }

  .services_items.style2 {
    margin-top: 100px;
  }

  .service-item {
    margin: 0 auto !important;
    margin-bottom: 100px !important;
  }

  .sv-title {
    text-align: center;
  }

    .sv-title p {
      max-width: 100%;
    }

  .services_items {
    text-align: center;
  }

    .services_items.style2 {
      margin-top: 0;
    }

  .service_v1_page {
    padding: 54px 0 50px;
  }

  .pricing-v10.service-v .title-v10 > h2 {
    font-size: 40px;
    line-height: 50px;
  }

  .pricing-v10.service-v {
    padding: 110px 0;
  }

  .contact-sec.sv-page {
    padding: 120px 0;
  }

  .svss-img {
    margin-top: 75px;
  }

  .testimonial-sec.v10.svs-page {
    padding: 110px 0;
  }

  .contact-sec.no-bg {
    padding: 120px 0;
  }

  .contact-v2-map .sv-title {
    margin-bottom: 70px;
  }

  .map-oth .map-address .phone {
    font-size: 28px;
  }

  .contact-sec .contact-form .row .col-md-4,
  .contact-sec .contact-form .row .col-md-12 {
    padding: 0 15px;
  }

  .contact-sec .contact-form .row {
    margin: 0 -15px;
  }

  .team-page {
    padding: 65px 0 110px;
  }

  .ms-row .col-lg-6 {
    padding: 0 15px;
  }

  .ms-row {
    margin: 0 -15px;
  }

  .career-page {
    padding-bottom: 120px;
  }

  .career-item .career-info > h2 {
    font-size: 24px;
    line-height: 33px;
  }

  .career-single .cr-single-content .btn-default {
    margin-top: 60px;
  }

  .page-sec-title > h2 {
    font-size: 42px;
    line-height: 60px;
  }

  .lt-news .blog-posts-v10 .post-v10 {
    margin-bottom: 50px;
  }

  .lt-news .blog-posts-v10 {
    margin-bottom: -50px;
  }

  header {
    padding-bottom: 0;
  }

  .sidebar.blog-sidebar {
    margin-top: 100px;
  }

  .blog-sidebar .widget-adver > img {
    width: auto !important;
    max-width: 100%;
  }

  .featured-post-slider .vector-img {
    display: block;
    text-align: center;
  }

  .single-post-layout2 .shared-col {
    width: 100%;
  }

  .single-post-layout2 .single-post-layout1 {
    width: 100%;
    max-width: 100%;
  }

  .single-post-layout2 .shared-col .social-count li {
    display: inline-block;
    margin-right: 30px;
  }

    .single-post-layout2 .shared-col .social-count li:last-child {
      margin-right: 0;
    }

  .single-post-layout2 .shared-col {
    margin-bottom: 60px;
  }

  .commented-v2 .container-fluid,
  .commented-v2 .container-lg,
  .commented-v2 .container-md,
  .commented-v2 .container-sm,
  .commented-v2 .container-xl {
    padding: 0;
  }

  .commented-sec {
    padding: 70px 0 100px;
  }

  .single-post-layout2 {
    padding: 70px 0 0;
  }

  .single-post-meta > h2 {
    font-size: 40px;
    line-height: 50px;
  }

  .pf-single-layout3 {
    padding: 105px 0 122px;
  }

  .txt-content p {
    padding: 0 50px;
  }

  .chal-sec-v3 .mv-title {
    margin-bottom: 60px;
  }

  .post-control-sec h2 {
    font-size: 40px;
    line-height: 50px;
  }

  .post-control-sec .avl-btm {
    margin-top: 100px;
  }

  .pft-img {
    display: none;
  }

  .pft-slide .pft-details {
    max-width: 100%;
    margin-left: inherit;
    padding: 0 100px;
    text-align: center;
  }

  header .header-content .menu-btn.white.black-on-mobile {
    color: #222;
  }

    header .header-content .menu-btn.white.black-on-mobile + .btn-default {
      color: #222;
      border-color: #222;
    }

  .pft-slide .pft-txt .pp-list li {
    -ms-flex-pack: center;
    justify-content: center;
  }

  .pf-single-layout-2 {
    padding: 200px 0 100px;
  }

  .pft-slide .pft-txt {
    margin-top: 0;
  }

  .project-content-v1 {
    padding: 120px 0 0;
  }

  .project-v1-info .project-dt > h2 {
    margin-bottom: 90px;
  }

  .project-v1-info .project-dt {
    margin-bottom: 40px;
  }

  .txt-content {
    padding: 100px 0;
  }

  .mv-para {
    margin-top: 60px;
  }

  .challenge-sec .container-fluid,
  .challenge-sec .container-lg,
  .challenge-sec .container-md,
  .challenge-sec .container-sm,
  .challenge-sec .container-xl {
    padding: 0 15px;
  }

  .sl-sec {
    margin-top: 70px;
  }

  .op-row {
    padding: 80px 0 0;
  }

  .op-details {
    max-width: 100%;
    margin-bottom: 70px;
  }

  .challenge-sec {
    padding-bottom: 120px;
  }

  .showcase-sec {
    padding-bottom: 200px;
    padding-top: 110px;
  }

    .showcase-sec .container-fluid,
    .showcase-sec .container-lg,
    .showcase-sec .container-md,
    .showcase-sec .container-sm,
    .showcase-sec .container-xl {
      padding: 0 15px;
    }

  .avl-sec {
    padding: 110px 0 80px;
  }

  .avl-btm {
    padding: 40px 0 0;
  }

  .post-control .next-post,
  .post-control .prev-post {
    top: 60px;
  }

  .portfolio-horizontol .pagee-title {
    font-size: 50px;
    left: 40px;
  }

  .pf-hr-slider {
    padding-left: 130px;
  }

  header.header-v12 nav {
    display: none;
  }

  header.header-v12 .menu-btn-v2 {
    margin-left: auto;
  }

  .sl-text > h2 {
    font-size: 2.2rem;
    line-height: 2.7rem;
  }

  .slide-container .wd-inz {
    -ms-flex-pack: center;
    justify-content: center;
    text-align: left;
  }

  .slide-container .testi-title {
    text-align: center;
    margin-top: 60px;
  }

  .slide-container .testi-v3-slider {
    text-align: center;
  }

  .slide-container .testi-bg {
    margin-top: 0;
  }

  #pp-nav.right,
  .social-vertical.v2 {
    right: 20px;
  }

  .slide-container .about-v4-sec.v11 .about-v4-content .abt-col-text,
  .slide-container .grw-content-v8 .gr-text {
    max-width: 100%;
  }

    .slide-container .grw-content-v8 .gr-text > h2,
    .slide-container .why-txt-v9 .us-svs .svs-info {
      text-align: left;
    }

  .task-slide > .row > .col-lg-6:first-child {
    -ms-flex-order: 1;
    order: 1;
  }

  .tsk-img,
  .tsk-text {
    padding: 0 15px;
  }

  .tsk-text {
    margin-left: inherit;
    margin-top: 70px;
    text-align: center;
    max-width: 100%;
  }

  .pp-col {
    margin-bottom: 50px;
  }

  .header-v6.v14 .btn-default.v14 {
    margin-left: 50px;
  }

  .gb-img {
    display: none;
  }

  .gb-title {
    left: 25%;
  }

  .pager-count {
    right: 15px;
  }

  header.header-v12 .nav-toggle-btn,
  header.v2 .header-content .nav-toggle-btn {
    margin-left: auto;
  }

  .nav-toggle-btn.white.black-on-mobile .stick {
    background-color: #000 !important;
  }

  .nav-toggle-btn.white.black-on-mobile .nav-toggle-title {
    color: #000 !important;
  }

  .nav-toggle-btn.white.black-on-mobile {
    margin-left: auto;
  }

  header .header-content .btn-default {
    display: none;
  }

  header .header-content .nav-toggle-btn {
    margin-left: auto;
  }

  .promo-primary-content {
    padding-top: 140px;
  }

  .dis-none {
    display: none;
  }

  .testimonial-v4-sec .cl-slider-v4 {
    padding: 77px 0 82px;
    margin-bottom: 0;
  }

  .awards-v4-sec .awards-v4-content-sec .year-hd {
    margin-bottom: 20px;
  }

  .social-header li {
    margin-right: 15px;
  }

  .slide-container .testi-bg {
    margin-bottom: 50px;
  }

  .social-vertical {
    display: none !important;
  }

  .py-text {
    display: none;
  }

  .project-single-slider .slick-next,
  .project-single-slider .slick-prev {
    top: 44%;
  }

  .main-banner-v7 .banner-content-v7 .en-info .play-video-btn {
    right: 0;
  }

  .latest-projects-v12 .projectt-info .project-thumbnail img {
    max-width: 100%;
  }

  .latest-projects-v12 .projectt-info .project-thumbnail {
    max-width: 300px;
  }

  .latest-projects-v12 .more-projects {
    margin-top: 0;
  }

  .latest-projects-v12 .projectt-info.v2:hover .project-thumbnail {
    right: 0;
    left: auto;
  }

  .latest-projects-v12 .projectt-info h2 {
    font-size: 40px;
    line-height: 50px;
  }

  .latest-projects-v12 .projectt-info {
    margin-bottom: 70px;
  }

  .latest-projects-v12 .more-projects {
    margin-left: 0;
  }

  .services-home .services-content .services-card-list {
    margin-top: 50px;
  }

  header.sticky,
  header.v2.sticky {
    padding: 15px 0 !important;
  }

  footer .bottom-footer .cp-mile > p {
    margin-left: 0;
    width: 100%;
    margin-top: 30px;
  }

  .bottom-footer .align-items-center {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
}

@media only screen and (max-width: 768px) {
  .banner-sec .banner-text > span {
    margin-bottom: 35px;
  }

  .banner-sec {
    padding: 230px 0 80px;
  }

  header.pb {
    padding: 30px 0 0;
  }

  .partners-section {
    padding: 50px 0 45px;
  }

  .pt-logos .pt-logo {
    -ms-flex: 0 0 33.33%;
    flex: 0 0 33.33%;
    max-width: 33.33%;
  }

  .services-content {
    text-align: center;
  }

  .services-home .services-content .service-text > h3,
  .services-home .services-content .service-text p {
    padding-right: 0;
  }

  .services-home .services-content .services-card-list .service-card .service-info {
    text-align: left;
  }

  .projects-sec-content .mile-projects {
    margin: 0 auto;
    text-align: center;
  }

  .projects-sec-content .mile-project {
    margin-bottom: 60px;
  }

  .projects-sec-content .mile-projects.v2 .section-title {
    margin-top: 100px;
    margin-bottom: 60px;
  }

  .testimo-slider .slick-next,
  .testimo-slider .slick-prev {
    display: none !important;
  }

  .mile-project {
    max-width: 402px;
    margin: 0 auto;
  }

  .testimonial-sec .section-title,
  .testimonial-sec .section-title > span {
    text-align: center;
  }

  .team-thumb > img {
    width: 100%;
  }

  .sec-title > h2 {
    font-size: 40px;
  }

  footer .top-footer {
    text-align: center;
  }

    footer .top-footer .footer-content .ft-text {
      margin-bottom: 60px;
    }

    footer .top-footer .footer-content .get-touch-txt {
      max-width: 100%;
    }

  footer .bottom-footer {
    text-align: center;
  }

  .cp-mile {
    margin-bottom: 40px;
  }

  footer .bottom-footer {
    padding-bottom: 50px;
  }

  footer .top-footer .footer-content .ft-text {
    max-width: 100%;
  }

  .contact-sec {
    padding-bottom: 120px;
  }

    .contact-sec:after {
      display: none;
    }

  .featured-post-text {
    text-align: center;
  }

  .banner-sec .banner-text > h2 {
    font-size: 46px;
    line-height: 60px;
  }

  .services-home .services-content .service-text > h2 {
    font-size: 36px;
    line-height: 50px;
  }

  .section-title h2 {
    font-size: 36px;
    line-height: 48px;
  }

  .section-title > span {
    margin-bottom: 15px;
  }

  .projects-sec-content .mile-project .project-info > h2 {
    font-size: 26px;
  }

  .projects-sec-content .mile-projects.v2 .mile-project {
    margin-bottom: 65px;
  }

  .team-sec .team-sec-content .team-info {
    text-align: center;
  }

  .featured-post-sec {
    margin-bottom: 20px;
  }

  .contact-sec .contact-form .form-group {
    margin-bottom: 40px;
  }

  .team-thumb > img {
    max-width: 70%;
    margin: 0 auto;
  }

  .team-sec .team-sec-content .team-thumb {
    text-align: center;
  }

  .sec-title > h2 {
    font-size: 36px;
  }

  .main-banner-style2 {
    text-align: center;
  }

  .title-studio {
    margin-bottom: 50px;
  }

  .main-banner-style2 .banner-text {
    max-width: 100%;
  }

  .about-us-v2 .abt-nfo .abt-img {
    width: 50%;
  }

  .what-we-do-v2 .what-we-do-content .wed-img {
    max-width: 370px;
    margin-bottom: 50px;
  }

  .stories-sec-v2 .testi-sec-v2 {
    max-width: 80%;
  }

  .stories-sec-v2 {
    height: auto;
    background-image: inherit;
  }

    .stories-sec-v2 .vid-sec {
      position: static;
    }

  .partners-sec-v2 {
    padding: 120px 0;
  }

    .partners-sec-v2 .partner-row1 .mile-quote {
      max-width: 100%;
      margin-top: 50px;
    }

  .stories-sec-v2 .vid-sec .video-sec,
  .stories-sec-v2 .vid-sec .video-sec img {
    width: 100%;
  }

  .partners-sec-v2 .partner-row1 .pt-list li {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .stories-sec-v2 .testi-sec-v2 .mile-slider-sec,
  .stories-sec-v2 .testi-sec-v2 .testi-slider-v2 {
    max-width: 100%;
  }

  .contact-v2-sec .contact-v2-content .contact-ddd > strong {
    margin-right: 25px;
  }

  .contact-v2-sec {
    padding-bottom: 100px;
  }

  .stories-sec-v2 .testi-sec-v2 {
    max-width: 100%;
  }

  .banner-img {
    display: none;
  }

  .banner-txt {
    text-align: center;
  }

  .main-banner-v3 .banner-txt > h2 {
    font-size: 42px;
    margin-bottom: 15px;
  }

  .main-banner-v3 .banner-txt p {
    max-width: 100%;
    margin-bottom: 30px;
  }

  .vls-sections .mile-vl-sec .mile-vl-sec-details {
    padding: 50px;
  }

  .clients-sec-v3 .client-works .col-m-2 {
    padding: 0 5px;
  }

  .clients-sec-v3 .client-works {
    margin: 0 -5px 70px;
  }

  .clients-sec-v3 .counter-sec li .count-dv > h2 {
    font-size: 40px;
  }

  .clients-sec-v3 .counter-sec li {
    max-width: 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }

    .clients-sec-v3 .counter-sec li .count-dv > h2 {
      width: 90px;
    }

  .works-v3-sec .work-projects .work-slide .wkr-txt {
    display: block;
  }

  .work-inquiry-sec .work-inquery .inq-btn {
    margin-left: inherit;
    top: 0;
    margin-top: 50px;
  }

  .work-inquiry-sec .work-inquery:before {
    left: 50px;
  }

  .vls-sections {
    padding: 80px 0;
  }

    .vls-sections .mile-vl-sec {
      margin-bottom: 60px;
      text-align: center;
    }

      .vls-sections .mile-vl-sec .mile-vl-sec-details .mile-vl-dt {
        max-width: 100%;
      }

  .section-title-v3 {
    text-align: center;
  }

  .clients-sec-v3 .counter-sec li .count-dv {
    display: block;
    text-align: center;
  }

    .clients-sec-v3 .counter-sec li .count-dv > span {
      max-width: 100%;
      display: block;
      padding-left: 0;
    }

    .clients-sec-v3 .counter-sec li .count-dv > h2 {
      width: 100%;
    }

  .works-v3-sec .work-projects .work-slider .slick-next,
  .works-v3-sec .work-projects .work-slider .slick-prev {
    display: none !important;
  }

  .testi-v3-slide,
  .works-v3-sec .work-projects .work-slide .wkr-txt {
    text-align: center;
  }

  .testi-v3-sec {
    padding: 80px 0 110px;
  }

  .work-inquiry-sec .work-inquery {
    text-align: center;
  }

    .work-inquiry-sec .work-inquery .inq-btn {
      width: 100%;
    }

  .work-inquiry-sec .work-inquery {
    padding: 60px 15px;
  }

  .inqu-text {
    width: 100%;
  }

  .header-v5 .header-content .cate-lg {
    display: none;
  }

  .featured-product {
    margin-bottom: 50px;
  }

  .featured-products-sec {
    margin-bottom: -50px;
  }

  .mile-pst-collection .mile-post .mile-post-info h2 {
    font-size: 30px;
    line-height: 30px;
  }

  .main-content-v5 .main-content-v5-sections .container {
    padding: 0;
  }

  .footer-v5 .widget-tags {
    margin: 0 0 60px;
  }

  .our-services-sec .our-services-content .counter-sec-v6 li {
    margin-right: 0;
    width: 100%;
  }

    .our-services-sec .our-services-content .counter-sec-v6 li .counter-cont > h2 {
      width: 130px;
    }

  .recent-works-v6-sec .rc-work-content .rc-posts.v-2 {
    max-width: 100%;
    margin-top: 60px;
  }

  .recent-works-v6-sec .rc-work-content .rc-work-post {
    margin-bottom: 60px;
  }

  .recent-works-v6-sec .rc-work-content .row .col-lg-7 {
    padding-right: 15px;
  }

  .recent-works-v6-sec .rc-work-content .btn-deafult-v6 {
    position: static;
    margin-top: 60px;
  }

  .about-sec-v6 {
    padding-top: 0;
  }

  .testimonial-v6-sec .testi-sec-v6 .testi-slide-v6 p {
    font-size: 23px;
    line-height: 37px;
  }

  .mile-title,
  .testimonial-v6-sec .newsletter-sc {
    text-align: center;
  }

  .about-sec-v6 .certicications-sec .certificate-details .awd-logo {
    max-width: 150px;
    -ms-flex: 0 0 150px;
    flex: 0 0 150px;
  }

  .about-sec-v6 .certicications-sec .certificate-details .awd-list {
    -ms-flex: 0 0 calc(100% - 150px);
    flex: 0 0 calc(100% - 150px);
    max-width: calc(100% - 150px);
  }

  .our-services-sec .our-services-content .service-card-mile {
    text-align: center;
  }

  .our-services-sec .our-services-content .counter-sec-v6 li .counter-cont {
    display: block;
    text-align: center;
  }

    .our-services-sec .our-services-content .counter-sec-v6 li .counter-cont > h2 {
      width: 100%;
    }

    .our-services-sec .our-services-content .counter-sec-v6 li .counter-cont > span {
      display: block;
      max-width: 100%;
    }

  .our-services-sec .our-services-content .counter-sec-v6 li {
    margin-bottom: 40px;
  }

    .our-services-sec .our-services-content .counter-sec-v6 li:last-child {
      margin-bottom: 0;
    }

  .recent-works-v6-sec .rc-work-content .rc-work-post {
    text-align: center;
  }

    .recent-works-v6-sec .rc-work-content .rc-work-post.v-2 .rc-info p {
      max-width: 100%;
    }

  .about-v6-content,
  .recent-works-v6-sec .rc-work-content {
    text-align: center;
  }

  .about-sec-v6 .certicications-sec .certificate-details {
    display: block;
  }

    .about-sec-v6 .certicications-sec .certificate-details .awd-list,
    .about-sec-v6 .certicications-sec .certificate-details .awd-logo {
      max-width: 100%;
      margin-top: 25px;
    }

  .about-sec-v6 {
    padding-bottom: 75px;
  }

  .testimonial-v6-sec .testi-sec-v6 .testi-slider-v6 .slick-next,
  .testimonial-v6-sec .testi-sec-v6 .testi-slider-v6 .slick-prev {
    display: none !important;
  }

  .testimonial-v6-sec .testi-sec-v6 .testi-slide-v6 {
    text-align: center;
  }

  .slider-thumb .slick-track {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .about-v4-sec .about-v4-content .abt-list .abt-content {
    text-align: center;
  }

    .about-v4-sec .about-v4-content .abt-list .abt-content .iconn {
      top: 10px;
    }

  .about-v4-sec .about-v4-content .abt-col-text,
  .latest-works-v4-sec {
    text-align: center;
  }

    .latest-works-v4-sec .all-projects > p {
      max-width: 100%;
    }

    .latest-works-v4-sec .all-projects {
      margin-bottom: 60px;
    }

  .testimonial-v4-sec {
    text-align: center;
  }

  .sec-head > span {
    display: block;
    padding-left: 0;
    margin-top: 20px;
  }

  .testimonial-v4-sec .cl-slider-v4 .cl-slide:before {
    display: none;
  }

  .testimonial-v4-sec .cl-slide-thumbs .slick-track {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .testimonial-v4-sec .cl-slide-thumbs .cli-thumb {
    -ms-flex: 0 0 auto !important;
    flex: 0 0 auto !important;
    max-width: auto !important;
  }

  .awards-v4-sec {
    text-align: center;
  }

    .awards-v4-sec .awards-v4-content-sec .awd-infoo li {
      margin-bottom: 50px;
    }

      .awards-v4-sec .awards-v4-content-sec .awd-infoo li > h4 {
        margin-bottom: 10px;
        margin-top: 20px;
      }

  .footer-v6.dark-v .btm-copy {
    text-align: center;
  }

  .footer-v6.dark-v .social-header {
    text-align: center;
    margin-top: 40px;
  }

  .footer-v6 {
    padding: 80px 0;
  }

  .awards-v4-sec .awards-v4-content-sec .awd-infoo li > span,
  .awards-v4-sec .awards-v4-content-sec .awd-infoo li > span a {
    font-size: 24px;
    line-height: 32px;
  }

  .about-v4-sec .about-v4-content .abt-col-text p {
    padding-right: 0;
  }

  .header-v7 .header-v7-btm {
    display: none;
  }

  .header-v7 .header-v7-top {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

    .header-v7 .header-v7-top .mile-right {
      display: inline-block;
    }

  .header-v7 .header-v7-top {
    -ms-flex-align: center;
    align-items: center;
  }

  .main-banner-v7 .banner-content-v7 .en-info img {
    max-width: 50%;
  }

  .main-banner-v7 {
    padding: 200px 0 0;
  }

  .about-us-v7-sec .about-v7-content > h2 {
    padding: 0;
  }

  .about-us-v7-sec .about-v7-content p {
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 60px;
  }

  .about-us-v7-sec .about-v7-content .lnz-links li {
    margin-right: 30px;
  }

  .mission-sec .crlce-misz .crlce-list li.v1 {
    left: 0;
  }

  .mission-sec .crlce-misz .crlce-list li.v2 {
    right: 0;
  }

  .our-services-sec .our-services-content .counter-sec-v6 li {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

    .our-services-sec .our-services-content .counter-sec-v6 li .counter-cont {
      text-align: left;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
    }

      .our-services-sec .our-services-content .counter-sec-v6 li .counter-cont > h2 {
        width: 100px;
      }

  .solu-upcoming > h2 {
    font-size: 44px;
    line-height: 56px;
  }

  .header-content-v8 .chat-btn,
  .mission-sec .crlce-misz:before {
    display: none;
  }

  .header-content-v8 .menu-btn {
    margin-left: auto;
  }

  .grow-business-v8 .counter-sec-v6 li {
    max-width: 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }

  .counter-sec-v6 li .counter-cont > h2 {
    width: 100px;
  }

  .testi-v3-sec.v7 {
    padding: 40px 0 25px;
  }

  .pt-logos-v8 .col-lg-2 {
    max-width: 33.33%;
    -ms-flex: 0 0 33.33%;
    flex: 0 0 33.33%;
  }

  .blog-section-v7 {
    padding: 55px 0;
  }

  .header-v8.v9 .header-content-v8 .menu-btn {
    margin-left: auto;
  }

  .services-v9 {
    padding: 100px 0;
  }

  .services_v9 .sv-text-v9 {
    padding-left: 0;
    padding-right: 0;
  }

  .why-us-v9 {
    padding: 100px 0 20px;
  }

  .team-sec .team-sec-content .team-thumb:before {
    display: none;
  }

  .btm-footer {
    text-align: center;
  }

    .btm-footer .cp-txt {
      margin-top: 30px;
    }

    .btm-footer .widget-language {
      margin-top: 30px;
      text-align: center !important;
    }

  .footer-v9 {
    padding: 100px 0 95px;
  }

  .blog-section-v7.v9 {
    padding-top: 100px;
  }

  .counter-sec-v6 li {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .blogs-v10 {
    padding: 120px 0;
  }

  .banner-v10 .banner-content-v10 .banner-txt-v10 > h2 {
    font-size: 50px;
    line-height: 54px;
  }

  .main-banner-v11 .content-v11 > h2 {
    font-size: 50px;
    line-height: 58px;
  }

  .certicications-sec .certificate-details .awd-logo {
    -ms-flex: 0 0 150px;
    flex: 0 0 150px;
    max-width: 100%;
  }

  .certicications-sec .certificate-details .awd-list {
    max-width: 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }

  .certicications-sec .certificate-details .date {
    max-width: 100%;
  }

  .certicications-sec .certificate-details {
    display: block;
    text-align: center;
  }

    .certicications-sec .certificate-details .date {
      margin-bottom: 40px;
      display: block;
    }

    .certicications-sec .certificate-details .awd-logo {
      margin-bottom: 40px;
    }

  .about-v-title > h2 {
    font-size: 40px;
    line-height: 52px;
  }

  .agy-team-sec {
    padding: 110px 0 139px;
  }

  .ag-title {
    margin-bottom: 60px;
  }

  .business-banner .business-txt > h2 {
    font-size: 44px;
    line-height: 54px;
  }

  .business-banner {
    padding: 220px 0 130px;
  }

  .about-v9-content .about-v9-txt {
    text-align: center;
  }

  .wd-inz {
    -ms-flex-pack: center;
    justify-content: center;
  }

    .wd-inz .wl-info {
      text-align: left;
    }

  .counter-sec-v6.br-top {
    margin-top: 90px;
    padding-top: 50px;
  }

  .services-v9.v2 {
    padding: 120px 0 15px;
  }

  .about_v1_content > p br {
    display: none;
  }

  .lniks {
    margin-bottom: 20px;
  }

  .resume_details .resume_mile {
    padding-bottom: 50px;
  }

  .edu-exp.border-top {
    padding-bottom: 28px;
  }

  .lets-sec .lets-content > h2 {
    line-height: 54px;
  }

  .testi_about_v1 .lets-sec {
    padding: 90px 0 100px;
  }

  .testi-v-sec .tv-col {
    -ms-flex-pack: center;
    justify-content: center;
  }

  .testi-v-sec .testi-content {
    text-align: center;
  }

    .testi-v-sec .testi-content > p {
      font-size: 30px;
      line-height: 48px;
    }

  .about_v1_content,
  .resume_details {
    text-align: center;
  }

    .resume_details .resume_mile .edu-exp .edu-knw > h3 {
      text-align: center;
      max-width: 100%;
    }

    .resume_details .resume_mile .edu-exp > h3 {
      margin-bottom: 20px;
    }

  .about_me_content .about_txt {
    text-align: center;
  }

  .service_v1_page {
    padding-bottom: 0;
  }

  .pricing-v10.service-v .title-v10 > h2 {
    font-size: 32px;
    line-height: 42px;
  }

  .vls-sections.service-v2 {
    padding: 65px 0 120px;
  }

  .testi-v3-sec.v2-page {
    padding: 100px 0;
  }

  .service-page-banner {
    padding: 200px 0 458px;
  }

  .services_03_content .svs-03-styles .services-v9 .title-v9 > h2 {
    font-size: 36px;
  }

  .services_03_content .svs-03-styles .services-v9 .title-v9 {
    margin-bottom: 40px;
  }

  .services_03_content .svs-03-styles .services-v9 {
    margin-top: 100px;
  }

  .services_03_content .svs-03-styles {
    padding: 100px 15px 50px;
  }

  .counter-sec-v6 li .counter-cont > span {
    max-width: 100%;
  }

  .contact-v1-map .container-fluid .map-address,
  .contact-v1-map .container-lg .map-address,
  .contact-v1-map .container-md .map-address,
  .contact-v1-map .container-sm .map-address,
  .contact-v1-map .container-xl .map-address {
    position: static;
    transform: inherit;
    padding-bottom: 0;
  }

  .contact-v1-map .container-fluid .gmap_canvas iframe,
  .contact-v1-map .container-lg .gmap_canvas iframe,
  .contact-v1-map .container-md .gmap_canvas iframe,
  .contact-v1-map .container-sm .gmap_canvas iframe,
  .contact-v1-map .container-xl .gmap_canvas iframe {
    height: 500px;
  }

  .contact-v1-map .container-fluid .map-address,
  .contact-v1-map .container-lg .map-address,
  .contact-v1-map .container-md .map-address,
  .contact-v1-map .container-sm .map-address,
  .contact-v1-map .container-xl .map-address {
    padding: 50px 0 0;
  }

  .contact-sec.no-bg .sec-title > h2 {
    font-size: 40px;
    line-height: 50px;
  }

  .contact-sec.no-bg .sec-title {
    margin-bottom: 60px;
  }

  .teams .become-member {
    height: 250px;
  }

  .coming-soon-page .time-counter li,
  .filters-nav li,
  .sv-title.v2 {
    margin-bottom: 20px;
  }

  .pricing-v10.clr-default .title-v10 > h2 {
    font-size: 40px;
    line-height: 50px;
  }

  .page-sec-title > h2 {
    font-size: 34px;
    line-height: 50px;
  }

  .page-sec-title > span {
    margin-bottom: 30px;
  }

  .page-sec-title {
    margin-bottom: 80px;
  }

  header,
  header.pb {
    padding: 40px 0 0;
  }

  .lt-news .blog-posts-v10 .col-12,
  .lt-news .blog-posts-v10 .col-lg-4 {
    padding: 0 15px;
  }

  .lt-news .blog-posts-v10 {
    margin: 0 -15px -50px;
  }

  .lt-news {
    padding-bottom: 110px;
  }

  .blog-main-content {
    padding: 110px 0 0;
  }

  .blog-posts-layout2 .bg-post .bg-post-info {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 0;
    margin-top: 30px;
  }

  .blog-posts-layout2 .bg-post {
    text-align: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .blog-posts-layout2 + .mile_pagination {
    text-align: center;
    max-width: 100%;
  }

    .blog-posts-layout2 + .mile_pagination .pagination {
      text-align: center !important;
    }

  .page-content .featured-post-sec {
    margin-bottom: 70px;
  }

  .single-post-layout1 .blog-posts-layout2 .bg-post .bg-post-info .post-cont .share-on {
    text-align: center;
    margin-top: 30px;
  }

  .commented-sec {
    padding: 110px 0;
  }

  .post-comment-form .form-group {
    margin-bottom: 20px;
  }

  .single-post-layout2 .shared-col {
    text-align: center;
  }

  .pf-single-layout3 .pf-head-content-v3 > h2 {
    font-size: 42px;
  }

  .pf-single-layout3 .pf-head-content-v3 .prp-list li {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    margin-bottom: 40px;
  }

  .pl-v3-slider-sec {
    margin-top: 70px;
  }

  .vd-frame-sec {
    padding: 100px 0 0;
  }

  .post-control-sec h2 {
    font-size: 32px;
  }

  .post-control-sec {
    padding-top: 75px;
  }

    .post-control-sec .avl-btm {
      text-align: center;
    }

  .avl-btm .liked-dv {
    text-align: center;
    margin-top: 40px;
  }

  .post-control-sec .avl-btm {
    margin-top: 50px;
  }

  .post-control-sec {
    padding-bottom: 110px;
  }

  .ms-title {
    margin-bottom: 90px;
  }

  .sec-title.v2 > h2 {
    font-size: 40px;
    line-height: 50px;
  }

  .contact-sec.pf-single {
    padding: 85px 0;
  }

  .pf-single-banner .pf-banner > img {
    max-width: 50%;
  }

  .project-v1-info .project-dt > h2 {
    font-size: 40px;
    line-height: 50px;
  }

  .op-details {
    margin-top: 0;
  }

  .avl-btm {
    margin-top: 100px;
  }

  .shareon {
    text-align: center;
  }

  .avl-sec {
    padding-bottom: 40px;
  }

  .portfolio-ms-page {
    padding: 130px 0 120px;
  }

  .sv-title.v3 {
    margin-bottom: 70px;
  }

  .more-items .more-item {
    width: 120px;
    height: 120px;
    line-height: 120px;
  }

  .portfolio-ms-page .ms-row .pt-item {
    margin-bottom: 70px;
  }

  .more-items {
    margin-top: 100px;
  }

  .sl-content > .row .col-lg-6:first-child {
    -ms-flex-order: 1;
    order: 1;
  }

  .sl-content > .row .col-lg-6:nth-child(2) {
    -ms-flex-order: 0;
    order: 0;
  }

  .slide-container {
    padding-top: 12rem;
    padding-bottom: 3rem;
  }

  .bnm-img {
    margin-bottom: 60px;
  }

  .sl-text {
    text-align: center;
  }

  .footer-v12 {
    position: absolute;
    bottom: 0;
  }

    .footer-v12 .py-text {
      display: none;
    }

  .sl-text p {
    max-width: 100%;
  }

  header.header-v12 {
    top: 0;
  }

  .contact-piling .map-address {
    max-width: 100%;
    text-align: center;
  }

  .mile-contect-form,
  .sec-title-v5 {
    text-align: center;
  }

  .bd-list li {
    margin-bottom: 30px;
  }

  .about-v4-sec .about-v4-content .abt-list .abt-content .iconn {
    display: none;
  }

  .slide-container .title-v10 > h2 {
    font-size: 34px;
    line-height: 42px;
  }

  .slide-container .title-v10 {
    margin-bottom: 50px;
  }

  .slide-container .testimonial-sec.v10 .testimonial-slider .testimo-slider .slick-next,
  .slide-container .testimonial-sec.v10 .testimonial-slider .testimo-slider .slick-prev {
    display: block !important;
  }

  .partners-section.v10 {
    padding: 65px 0 0;
  }

  .pp-text > h2 {
    margin-bottom: 40px;
  }

  .contact-pp-content .pp-map {
    margin-bottom: 70px;
  }

  .header-v6.v14 .btn-default.v14 {
    display: none;
  }

  .gb-title {
    position: relative;
    left: 0;
    bottom: auto;
    transform: inherit;
  }

  .enter-btn {
    width: 160px;
    line-height: 160px;
    height: 160px;
    top: 40%;
  }

  header .header-content .list-group-item.price {
    display: none;
  }

  .nav-toggle-btn {
    margin-right: 0;
  }

  .header-v8.v9 .nav-toggle-btn {
    margin-left: auto;
  }

  .promo-primary-content {
    padding-top: 0;
  }

  .promo-primary {
    padding-top: 15vh;
  }

  .title-studio {
    width: 100%;
    padding: 0 80px;
  }

  .banner-text,
  .title-studio {
    max-width: 100%;
    text-align: center;
  }

  .testi-bg {
    margin-top: 90px;
  }

  .project-single-slider .slick-next,
  .project-single-slider .slick-prev {
    top: 31%;
  }

  .main-banner-v7 .banner-content-v7 .en-info .play-video-btn {
    background-color: #fff;
    border-color: transparent;
  }

  .latest-projects-v12 .projectt-info {
    max-width: 100%;
    width: 100%;
  }

    .latest-projects-v12 .projectt-info.v3 {
      margin-left: 0;
    }

  .projectt-info.v2.ml-auto {
    padding-right: 0;
  }

  .latest-projects-v12 .projectt-info .project-thumbnail {
    margin-left: 0;
  }

  .promo-primary {
    position: relative;
  }

    .promo-primary-bg,
    .promo-primary-bg > .inside,
    .promo-primary-container .step-position,
    .promo-primary .square {
      display: none !important;
    }

  .header-content.v1 .dark-logo {
    display: inline-block;
  }

  .promo-primary .container {
    margin: 0;
  }

  .promo-primary {
    height: auto;
    padding-top: 200px;
  }

  .promo-primary-container {
    min-height: auto;
    padding-bottom: 120px;
  }

  .promo-primary-content {
    text-align: center;
  }

  header.pb.sticky .header-content.v1 {
    padding-bottom: 0;
  }

  footer .top-footer {
    padding-bottom: 70px;
  }
}

@media only screen and (max-width: 576px) {
  header .header-content .btn-default {
    display: none;
  }

  .pt-logos .pt-logo {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .services-home .services-content .service-text > h3 {
    font-size: 18px;
    line-height: 30px;
  }

  .services-home .services-content .services-card-list .service-card .service-info {
    width: 100%;
  }

  .services-home .services-content .services-card-list .service-card {
    text-align: center;
  }

  .service-icon {
    margin: 0 auto;
  }

  .testimonial-sec .testimonial-slider .testimo-slider .testimonial-slide {
    text-align: center;
  }

    .testimonial-sec .testimonial-slider .testimo-slider .testimonial-slide .thmb-row {
      display: block;
    }

  .thmb-img {
    margin-bottom: 20px;
  }

  .team-sec .team-sec-content .team-thumb:before {
    display: none;
  }

  .featured-post-sec .mile-post .mile-info > h2 {
    font-size: 18px;
    line-height: 28px;
  }

  .contact-sec {
    padding-bottom: 80px;
  }

  footer .top-footer {
    padding: 80px 0;
  }

    footer .top-footer .footer-content .ft-text p {
      margin-bottom: 40px;
    }

  .testimonial-sec {
    padding-top: 85px;
    padding-bottom: 80px;
  }

  .banner-sec {
    padding: 170px 0 60px;
  }

  .services-home .services-content .services-card-list .service-card .service-info {
    text-align: center;
  }

  .service-icon {
    margin-bottom: 20px;
  }

  .team-sec {
    padding-bottom: 80px;
  }

  .services-home .services-content .services-card-list .service-card .service-info {
    padding-left: 0;
  }

  header .header-content .menu-btn {
    margin-right: 0;
  }

  .about-us-v2 {
    padding: 80px 0;
  }

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

  .abt-v3-sec .abt-v3-content .abt-v-text {
    width: 100%;
    max-width: 100%;
    margin-bottom: 30px;
    padding: 0;
  }

    .abt-v3-sec .abt-v3-content .abt-v-text > h3 {
      max-width: 100%;
    }

  .about-us-v2 .abot-text > h2 {
    font-size: 30px;
    line-height: 42px;
  }

  .about-us-v2 .abot-text p {
    font-size: 17px;
    line-height: 30px;
  }

  .latest-projects-v2 .projects-slider .project-slide .project-info > h2 {
    font-size: 24px;
    line-height: 34px;
  }

  .mega-title.v2 h2,
  .mega-title h2 {
    font-size: 50px;
    line-height: 50px;
  }

  .contact-v2-sec .contact-v2-content > h2 {
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 50px;
  }

  .contact-v2-sec .contact-v2-content .contact-ddd > strong {
    display: block;
    margin-right: 0;
    margin-bottom: 30px;
  }

  .contact-v2-sec {
    padding-bottom: 80px;
  }

  .title-studio {
    font-size: 32px;
    line-height: 45px;
    margin-bottom: 25px;
  }

  .main-banner-v3 {
    padding: 65px 0 0;
  }

  .clients-sec-v3 .counter-sec li .count-dv {
    display: block;
  }

    .clients-sec-v3 .counter-sec li .count-dv > h2 {
      width: 100%;
      margin-bottom: 10px;
    }

    .clients-sec-v3 .counter-sec li .count-dv > span {
      max-width: 100%;
      padding-left: 0;
    }

  .works-v3-sec .section-title-v3 > span {
    max-width: 65%;
  }

  .testi-v3-sec {
    padding: 75px 0 150px;
  }

  .works-v3-sec .section-title-v3 > span {
    max-width: 100%;
  }

  .main-banner-v5 .main-banner-content .main-banner-txt > h2 {
    font-size: 40px;
    line-height: 50px;
  }

  .mile-pst-collection .mile-post .mile-post-info {
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
    margin-top: 30px;
    padding-bottom: 0;
  }

  .mile-pst-collection .mile-post {
    display: block;
    text-align: center;
  }

    .mile-pst-collection .mile-post .mile-post-thumbnail {
      max-width: 100%;
    }

  .mile-posts-content {
    padding: 80px 0 50px;
  }

  .mile-pst-collection .mile-post {
    padding: 30px 0;
  }

    .mile-pst-collection .mile-post .mile-post-info h2 {
      font-size: 30px;
      line-height: 38px;
    }

    .mile-pst-collection .mile-post.v2 > .mile-post-info {
      text-align: left;
      padding: 0 20px;
    }

    .mile-pst-collection .mile-post.v2 .mile-post-info-v2 {
      text-align: left;
    }

      .mile-pst-collection .mile-post.v2 .mile-post-info-v2 > h2 {
        margin-bottom: 12px;
      }

  .footer-v5 {
    padding: 75px 0;
  }

  .main-banner-v6 .banner-v6-text > h2 br {
    display: none;
  }

  .main-banner-v6 .banner-v6-text > h2 {
    font-size: 38px;
    line-height: 52px;
  }

  .testimonial-v6-sec .testi-sec-v6 .testi-slide-v6:before {
    display: none;
  }

  .mile-bottom-footer .btm-copy img {
    margin-bottom: 30px;
  }

  .footer-v6 {
    padding: 85px 0 65px;
  }

    .footer-v6 .footer-content-v6 .get-touch-txt > h4 {
      font-size: 20px;
      line-height: 28px;
    }

    .footer-v6 .footer-content-v6 .widget-abt > h2 {
      font-size: 32px;
      line-height: 45px;
      margin-bottom: 35px;
    }

  .testimonial-v6-sec .mile-rtz-sec .mile-post {
    padding: 50px 15px;
  }

  .about-sec-v6 .mile-large-abt .lrg-col {
    margin-top: 30px;
    height: auto;
  }

  .about-sec-v6 .mile-large-abt {
    padding: 0 15px;
    margin-bottom: 40px;
  }

  .about-sec-v6 .abtt-para {
    margin-bottom: 50px;
  }

  .our-services-sec .our-services-content .service-card-mile .cat-up {
    position: static;
    margin-top: 30px;
  }

  .main-banner-v4 .baner-count li {
    display: block;
    text-align: center;
    width: 100%;
    margin-right: 0;
    margin-bottom: 50px;
  }

    .main-banner-v4 .baner-count li:last-child {
      margin-bottom: 0;
    }

    .main-banner-v4 .baner-count li > h2 {
      margin-right: 0;
    }

  .mission-sec .crlce-misz .crlce-list li.v1 {
    width: 220px;
    height: 220px;
  }

  .mission-sec .crlce-misz .crlce-list li.v2 {
    right: 100px;
    width: 200px;
    height: 200px;
  }

  .mission-sec .crlce-misz .crlce-list li.v1 .crlce-info > h3 {
    font-size: 16px;
  }

  .solu-upcoming > h2 {
    font-size: 36px;
    line-height: 50px;
  }

  .solu-upcoming .uo-com-row .ll-list li {
    display: block;
    width: 100%;
    margin-right: 0;
    margin-bottom: 25px;
  }

    .solu-upcoming .uo-com-row .ll-list li:last-child {
      margin-bottom: 0;
    }

  .footer-v7 .menu-links li {
    margin-bottom: 15px;
  }

  .footer-v7 .menu-links {
    margin-bottom: 45px;
  }

  .misson-section-v8 .mission-sec .crlce-misz:after {
    display: none;
  }

  .banner-slider-v9 .banner-slide-v9 > h2 {
    font-size: 44px;
    line-height: 57px;
    margin-bottom: 20px;
  }

  .banner-slider-v9 .banner-slide-v9 p {
    margin-bottom: 50px;
  }

  .main-banner-v9 {
    padding: 190px 0 140px;
  }

  .about-v9-content .about-v9-txt > h2 {
    font-size: 40px;
    line-height: 50px;
  }

  .title-v9 > h2 {
    font-size: 32px;
    line-height: 47px;
  }

  .why-txt-v9 .us-svs .svs-info {
    padding-right: 0;
  }

  .team-sec.v9 .title-v9 > h2 {
    font-size: 42px;
    line-height: 50px;
  }

  .pl-btm {
    padding-bottom: 80px;
  }

  .footer-v6.v10 {
    padding: 100px 0;
  }

  .main-banner-v11 {
    padding: 185px 0 130px;
  }

    .main-banner-v11 .content-v11 p {
      margin-bottom: 60px;
    }

  .title-v8 > h2 {
    padding: 0 30px;
  }

  .our-services-sec .our-services-content .counter-sec-v6 li .counter-cont > span {
    max-width: calc(100% - 100px);
  }

  .counter-sec-v6 {
    margin-bottom: 0;
  }

  .ag-title,
  .pt-logos .pt-logo {
    text-align: center;
  }

  .lets-sec .lets-content > h2 {
    font-size: 32px;
    line-height: 42px;
  }

  .pt-logos-v8 .col-lg-2 {
    max-width: 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }

  .about-v9-content.v2 .about-v9-txt > h2,
  .business-banner .business-txt > h2 {
    font-size: 40px;
    line-height: 50px;
  }

  .title-v9 > h2.black-clr {
    font-size: 36px;
    line-height: 50px;
  }

  .about_me_content .about_txt > h2 {
    font-size: 40px;
    line-height: 48px;
  }

  .about_me_content .about_txt {
    margin-top: 0;
  }

  .about_me_sec {
    padding-top: 200px;
  }

  .resume_details .resume_mile .awrds-info > ul li {
    display: block;
  }

    .resume_details .resume_mile .awrds-info > ul li > span {
      display: block;
      width: 100%;
      margin-bottom: 20px;
    }

    .resume_details .resume_mile .awrds-info > ul li > h3 {
      margin-top: 20px;
    }

  .sv-title > h2 br {
    display: none;
  }

  .sv-title > h2 {
    font-size: 32px;
    line-height: 42px;
  }

  .counter-sec-v6 li .counter-cont > span {
    max-width: 70%;
  }

  .testimonial-sec.v10.svs-page .title-v10 h2 {
    text-align: center;
    font-size: 32px;
  }

  .contact-sec.no-bg {
    padding: 90px 0;
  }

  .contact-v2-map .mapouter .gmap_canvas iframe {
    height: 350px;
  }

  .contact-v2-map .office-addrs {
    margin-bottom: 0;
  }

  .coming-soon-page .cm-content > h2 {
    margin-bottom: 70px;
  }

  .page-content {
    padding: 90px 0 110px;
  }

  .lt-news .blog-posts-v10 .post-v10,
  .pg-title {
    text-align: center;
  }

  .single-post-layout1 .blog-posts-layout2 .bg-post .bg-post-info > h2 {
    font-size: 30px;
    line-height: 40px;
  }

  .related-posts-ly .blog-posts-v10 .post-v10 {
    margin-bottom: 50px;
  }

  .related-posts-ly .blog-posts-v10.row {
    margin-bottom: -50px;
  }

  .single-post-meta > h2 {
    font-size: 30px;
    line-height: 40px;
  }

  .single-post-meta {
    margin-bottom: 60px;
  }

  .txt-content p {
    padding: 0;
  }

  .ms-title > h2 {
    font-size: 30px;
    line-height: 40px;
  }

  .pft-slide .pft-txt > h2 {
    font-size: 40px;
    line-height: 50px;
  }

  .pft-slide .pft-txt .pp-list li > h3 {
    width: 100%;
    margin-bottom: 10px;
  }

  .pft-slide .pft-details {
    padding: 0 40px;
  }

  .project-v1-info .project-dt > h2 {
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 40px;
  }

  .mv-title > h2 {
    font-size: 30px;
    line-height: 40px;
  }

  .vl-img > img {
    max-width: 80%;
  }

  .pp-tabs-sec .nav-tabs li a.active,
  .pp-tabs-sec .nav-tabs li a:hover {
    font-size: 14px;
  }

  .showcase-slider {
    padding-top: 70px;
  }

  .slide-container .misson-section-v8 .mission-sec .crlce-misz {
    width: 100%;
  }

  .sec-title-v5 > h2,
  .slide-container .clients-sec-v3 .section-title-v3 > h2,
  .slide-container .testi-title {
    font-size: 30px;
    line-height: 40px;
  }

  .slide-container .slide-number {
    left: 15px;
    bottom: 15px;
  }

  .grw-content-v8 .gw-img .gw-text > h2 {
    font-size: 20px;
    line-height: 25px;
  }

  .slide-container .title-v10 > h2 {
    text-align: center;
  }

  .gb-title h2 {
    font-size: 50px;
  }

  .pager-count {
    right: 15px;
  }

  .responsive-menu {
    width: 100%;
  }

  .header-v7 {
    padding-top: 30px;
  }

  .promo-primary-content > span {
    margin-bottom: 30px;
  }

  .project-single-slider .slick-next,
  .project-single-slider .slick-prev {
    top: 27%;
  }

  .promo-primary-container {
    min-height: auto;
    padding-bottom: 80px;
  }

  .services-home {
    padding-top: 50px;
  }

  .vertical-text-left {
    text-align: center;
    margin-top: 30px;
  }

  .mega-title.v2 h2,
  .mega-title h2 {
    color: #000;
  }

  .stories-sec-v2 .testi-sec-v2 {
    padding-bottom: 100px;
  }

  .partners-sec-v2 {
    padding-top: 100px;
  }

  .section-title-v2.w-100 h2 {
    width: 100%;
  }

  .vls-sections .mile-vl-sec .mile-vl-sec-details {
    background: #f5f6fb !important;
  }

  .latest-works-v4-sec .item-work .item-caption ul li {
    margin-right: 0;
  }

  .about-us-v7-sec .about-v7-content {
    text-align: left;
    margin-bottom: 70px;
  }

  .banner-v8-content .banner-wid p,
  .grw-content-v8 .gr-text,
  .mission-sec .vlm-text {
    text-align: left;
  }

  .events-list {
    padding-bottom: 60px;
  }

  .upcoming-events-sec {
    padding-bottom: 100px;
    margin-bottom: 0;
  }

  .header-v7.sticky .header-v7-top {
    margin-bottom: 0;
  }

  .slide-container .testimonial-sec.v10 .testimonial-slider .testimo-slider .slick-prev {
    top: auto;
    bottom: 20px;
    left: 20px;
  }

  .slide-container .testimonial-sec.v10 .testimonial-slider .testimo-slider .slick-next {
    top: auto;
    bottom: 20px;
    right: 20px;
  }
}

@media only screen and (max-width: 480px) {
  .banner-sec .banner-text > h2 {
    font-size: 34px;
    line-height: 46px;
  }

  .pt-logos .pt-logo {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .section-title h2,
  .services-home .services-content .service-text > h2 {
    font-size: 28px;
    line-height: 40px;
  }

  .projects-sec-content .mile-project .project-info > h2 a:before {
    display: none;
  }

  .testimonial-sec .testimonial-slider .testimo-slider .testimonial-slide {
    padding: 41px 20px 48px;
  }

    .testimonial-sec .testimonial-slider .testimo-slider .testimonial-slide:before {
      display: none;
    }

  .featured-post-sec .featured-post .featured-post-text > h2 {
    font-size: 22px;
    line-height: 32px;
  }

  .featured-post-sec .featured-post {
    padding: 50px 20px;
  }

    .featured-post-sec .featured-post .featured-post-text .btn-default {
      font-size: 14px;
    }

  .featured-post-sec .mile-post {
    display: block;
    text-align: center;
  }

    .featured-post-sec .mile-post .mile-info {
      width: 100%;
      padding-left: 0;
    }

    .featured-post-sec .mile-post .mile-thumb {
      margin: 0 auto;
      margin-bottom: 20px;
    }

  footer .bottom-footer .cp-mile > img {
    margin-bottom: 20px;
  }

  .pt-logos .pt-logo {
    margin-bottom: 50px;
  }

  .featured-post-sec .mile-post,
  .featured-post-sec .mile-post:last-child {
    margin-bottom: 40px;
  }

  .featured-post-sec {
    margin-bottom: 0;
  }

  .sec-title {
    margin-bottom: 50px;
  }

  .testimonial-sec {
    padding-top: 70px;
  }

  .projects-sec {
    padding: 80px 0 30px;
  }

  .main-banner-style2 {
    padding: 160px 0 360px;
  }

  .about-us-v2 .abt-nfo .abt-img {
    width: 100%;
  }

  .about-us-v2 .abt-nfo .abt-info {
    padding-left: 0;
    margin-top: 25px;
    width: 100%;
  }

  .about-us-v2 .abot-text > h2,
  .section-title-v2 > h2 {
    font-size: 26px;
    line-height: 37px;
  }

  .pls-btn {
    width: 50px;
    height: 50px;
    line-height: 50px;
    bottom: 15px;
    right: 15px;
    font-size: 20px;
  }

  .latest-projects-v2 .projects-slider .project-slide .project-info > h2 {
    font-size: 20px;
    line-height: 30px;
  }

  .mega-title.v2 h2,
  .mega-title h2 {
    font-size: 40px;
    line-height: 40px;
  }

  .stories-sec-v2 .testi-sec-v2 {
    padding-bottom: 100px;
  }

  .partners-sec-v2 {
    padding: 80px 0;
  }

  .section-title-v2.w-100 h2 {
    width: 100%;
  }

  .partners-sec-v2 .section-title-v2 {
    margin-bottom: 40px;
  }

  .partners-sec-v2 .partner-row1 .mile-quote p {
    max-width: 100%;
  }

  .partners-sec-v2 .partner-row1 .pt-list li {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .contact-v2-sec .contact-v2-content > h2 {
    font-size: 20px;
    line-height: 30px;
  }

  .contact-v2-sec .contact-v2-content p {
    font-size: 18px;
    line-height: 28px;
  }

  .footer-v2 .fl-widget-two {
    padding-left: 0;
    padding-right: 0;
  }

  .stories-sec-v2 .testi-sec-v2 .testi-slider-v2 {
    padding: 0 15px;
  }

  .main-banner-v3 .banner-txt > h2 {
    font-size: 36px;
    line-height: 46px;
    margin-bottom: 15px;
  }

  .main-banner-v3 .banner-txt > span {
    font-size: 16px;
    line-height: 24px;
  }

  .vls-sections .mile-vl-sec .mile-vl-sec-details {
    padding: 50px 20px;
  }

    .vls-sections .mile-vl-sec .mile-vl-sec-details .mile-vl-dt > h3 {
      font-size: 30px;
    }

    .vls-sections .mile-vl-sec .mile-vl-sec-details .mile-vl-dt p {
      margin-bottom: 40px;
    }

  .clients-sec-v3 .client-works .col-m-2 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    margin-bottom: 10px;
  }

  .works-v3-sec .section-title-v3 > span {
    max-width: 100%;
  }

  .work-inquiry-sec .work-inquery .inqu-text > h3 {
    font-size: 30px;
  }

  .work-inquiry-sec .work-inquery {
    padding: 60px 30px;
  }

  .stay-touch-sec .txh-text > h2 {
    font-size: 28px;
  }

  .stay-touch-sec .txh-text .social-linkss li a {
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 20px;
  }

  .stay-touch-sec .txh-text .social-linkss li {
    margin-right: 15px;
  }

  .footer-v3 .footer-content .nav-btm-links li {
    display: block;
    margin: 0 0 25px;
  }

  .footer-v3 .footer-content .nav-btm-links {
    margin-bottom: 40px;
    margin-top: 40px;
  }

  .stay-touch-sec {
    padding-bottom: 30px;
  }

    .stay-touch-sec .txh-text .social-linkss {
      margin-top: 50px;
    }

  .mile-pst-collection .mile-post.v2 > .mile-post-info h2 {
    margin-bottom: 10px;
    margin-top: 10px;
  }

  .mile-pst-collection .mile-post.v2,
  .mile-pst-collection .mile-post.v2 .mile-post-info .category,
  .mile-pst-collection .mile-post.v2 .mile-post-info .posted-on {
    display: none;
  }

  .mile-bottom-footer .btm-copy p {
    display: block;
    padding-left: 0;
    margin-top: 20px;
  }

  .header-v6 .header-content-v6 .logo img {
    width: 160px;
  }

  .main-banner-v6 .banner-v6-text > h2 {
    font-size: 30px;
    line-height: 42px;
  }

  .main-banner-v6 {
    padding: 75px 0 0;
  }

    .main-banner-v6 .banner-v6-text .btns li {
      display: block;
      margin-right: 0;
      margin-bottom: 15px;
    }

    .main-banner-v6 .banner-btm-info .btm-hd-info .bt-para > h3 {
      font-size: 20px;
    }

    .main-banner-v6 .vl-list li {
      width: 100%;
      margin-bottom: 30px;
    }

    .main-banner-v6 .vl-list {
      padding-left: 0;
      margin-top: 55px;
    }

      .main-banner-v6 .vl-list li:last-child {
        margin-bottom: 0;
      }

  .our-services-sec .our-services-content .svs-slider .slick-next,
  .our-services-sec .our-services-content .svs-slider .slick-prev {
    top: -30px;
  }

  .our-services-sec .our-services-content .counter-sec-v6 li .counter-cont > h2 {
    font-size: 50px;
  }

  .our-services-sec .our-services-content .counter-sec-v6 li .counter-cont > span {
    padding-left: 0;
  }

  .recent-works-v6-sec {
    padding: 80px 0;
  }

    .recent-works-v6-sec .rc-work-content .rc-work-post.v-2 .rc-info p br {
      display: none;
    }

  .testimonial-v6-sec .testi-sec-v6 {
    padding: 84px 25px 37px;
  }

  .testimonial-v6-sec .mile-rtz-sec {
    margin-top: 75px;
    padding-top: 75px;
  }

  .testimonial-v6-sec .testi-sec-v6 .slider-thumb li {
    margin-right: -42px;
  }

  .footer-v6 .footer-content-v6 .widget-abt > h2 {
    font-size: 30px;
    line-height: 40px;
  }

  .footer-v6 .footer-content-v6 .get-touch-txt > a {
    font-size: 32px;
    margin-bottom: 50px;
  }

  .testimonial-v6-sec .testi-sec-v6 .testi-slide-v6 p {
    font-size: 20px;
    line-height: 30px;
  }

  .about-v4-sec .about-v4-content .abt-col-text > h2 {
    font-size: 32px;
    line-height: 42px;
  }

  .about-v4-sec .about-v4-content .abt-col-text h3 {
    font-size: 18px;
    line-height: 26px;
  }

  .testimonial-v4-sec .cl-slider-v4 {
    padding: 77px 30px 82px;
  }

  .awards-v4-sec {
    padding-bottom: 80px;
  }

  .footer-v6 .footer-content-v6 .get-touch-txt > a,
  .footer-v6 .footer-content-v6 .widget-abt > h2 {
    font-size: 24px;
  }

  .footer-v6.dark-v .mile-bottom-footer .btm-copy p {
    margin-top: 0;
  }

  .footer-v6.dark-v .footer-content-v6 .get-touch-txt > h4 {
    font-size: 17px;
  }

  .footer-v6.dark-v .footer-content-v6 .mile-bottom-footer {
    margin-top: 80px;
  }

  .testimonial-v4-sec {
    padding-bottom: 75px;
    padding-top: 75px;
  }

  .latest-works-v4-sec .item-work {
    margin-bottom: 60px;
  }

  .main-banner-v4 .banner-txt-v4 > h2 {
    font-size: 32px;
    line-height: 42px;
  }

  .logo-v7 img {
    max-width: 160px;
    object-fit: cover;
  }

  .about-us-v7-sec .about-v7-content > h2 {
    font-size: 30px;
    line-height: 38px;
  }

  .about-us-v7-sec .about-v7-content .lnz-links li {
    display: block;
    margin-right: 0;
    margin-bottom: 20px;
  }

  .mission-sec .crlce-misz .crlce-list li.v2 {
    position: relative;
    right: 0;
    right: -80px;
  }

  .counter-sec-v6 {
    display: block;
    text-align: center;
  }

  .our-services-sec .our-services-content .counter-sec-v6 li .counter-cont > h2 {
    width: 100%;
  }

  .our-services-sec .our-services-content .counter-sec-v6 li .counter-cont {
    text-align: center;
  }

  .our-services-sec.v2 .our-services-content .counter-sec-v6 li .counter-cont > span {
    max-width: 100%;
    width: 100%;
    margin-top: 15px;
  }

  .sec-title-v7 h2 {
    font-size: 30px;
    line-height: 38px;
  }

  .sec-title-v7 {
    margin-bottom: 60px;
  }

  .solu-upcoming {
    padding: 56px 20px 47px;
  }

    .solu-upcoming > h2 {
      font-size: 28px;
      line-height: 35px;
    }

  .events-list {
    padding-bottom: 70px;
  }

  .news-letter-v7 .newsletter-text > h2 {
    font-size: 30px;
    margin-bottom: 15px;
  }

  .header-content-v8 .logo-v8 {
    max-width: inherit;
    -ms-flex: inherit;
    flex: inherit;
  }

  .banner-v8-content .banner-txt-v8 > h2 {
    font-size: 40px;
    line-height: 51px;
  }

  .banner-v8 {
    padding-top: 20px;
  }

  .wd-inz .wl-info {
    max-width: calc(100% - 50px);
  }

    .wd-inz .wl-info > h3 {
      font-size: 20px;
    }

  .banner-v8 {
    padding-bottom: 0;
  }

  .grw-content-v8 .gr-text > h2,
  .mission-sec .vlm-text > h2 {
    font-size: 26px;
    line-height: 40px;
  }

  .grw-content-v8 .gr-text h4 {
    font-size: 20px;
    line-height: 28px;
  }

  .grw-content-v8 .gw-img .gw-text {
    display: none;
  }

  .grw-content-v8 .gr-text .btn-default-v8.v2 {
    margin-bottom: 20px;
  }

  .counter-sec-v6 li .counter-cont > h2 {
    width: 100%;
    margin-bottom: 20px;
  }

  .counter-sec-v6 li .counter-cont > span {
    max-width: 100%;
    text-align: center;
    padding-left: 0;
    width: 100%;
  }

  .grw-content-v8 {
    margin-bottom: 100px;
  }

  .title-v8 > h2 {
    line-height: 37px;
  }

  .projects-tab-sec .nav-tabs li {
    display: block;
  }

  .projects-sliders .project-slide .project-slide-info p {
    display: none;
  }

  .pt-logos-v8 .col-lg-2 {
    max-width: 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }

  .banner-slider-v9 .banner-slide-v9 > h2 {
    font-size: 33px;
    line-height: 46px;
  }

  .abt-v9-cntr .call-us-v9 h3 {
    padding-left: 0;
    margin-top: 30px;
  }

  .abt-v9-cntr .cl-ordr li {
    max-width: 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    margin-bottom: 40px;
  }

  .abt-v9-cntr .cl-ordr {
    margin-top: 30px;
  }

  .abt-v9-cntr {
    padding-bottom: 0;
  }

  .about-v9-content {
    padding: 80px 0;
  }

    .about-v9-content .about-v9-txt > h2 {
      font-size: 32px;
      line-height: 40px;
    }

    .about-v9-content .about-v9-row .btn-default-v9.v2 {
      margin-bottom: 30px;
    }

  .title-v9 > h2 {
    font-size: 26px;
    line-height: 37px;
  }

  .title-v9 {
    margin-bottom: 60px;
  }

  .services-v9 {
    padding: 80px 0 100px;
  }

  .services_v9 .service-v9 > h3 {
    font-size: 24px;
  }

  .why-txt-v9 .us-svs .svs-info {
    max-width: 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    margin-top: 30px;
  }

  .title-v9 > h2 {
    font-size: 30px;
  }

  .testimonial-v4-sec.v9 .cl-slider-v4 .cl-slide > p {
    font-size: 26px;
    line-height: 38px;
  }

  .banner-v10 .banner-content-v10 .banner-txt-v10 > h2 {
    font-size: 40px;
    line-height: 44px;
    margin-bottom: 35px;
  }

  .banner-v10 .banner-content-v10 .banner-txt-v10 p {
    margin-bottom: 60px;
  }

  .about-v10 {
    padding-top: 0;
  }

  .title-v10 > h2 {
    font-size: 30px;
    line-height: 42px;
  }

  .abt-v10-txt > span {
    margin-bottom: 30px;
  }

  .abt-v10-txt .btn-default-v10.v2 {
    margin-bottom: 20px;
  }

  .abt-v10-txt .view-btn {
    margin-left: 10px;
  }

  .works-v3-sec.v10 .work-slide {
    margin-bottom: 50px;
  }

  .works-v3-sec.v10 {
    padding-bottom: 100px;
  }

  .pricing-v10 {
    padding: 90px 0 45px;
  }

  .title-v10 {
    margin-bottom: 60px;
  }

  .prices-v10 .price-v10 h2 {
    font-size: 42px;
  }

  .prices-v10 .price-v10 ul {
    margin-bottom: 108px;
  }

  .pl-btm {
    margin-top: 40px;
  }

  .title-v10 > h2 {
    font-size: 28px;
    line-height: 38px;
  }

  .banner-v10 {
    padding: 175px 0 230px;
  }

  .main-banner-v11 .content-v11 > h2 {
    font-size: 40px;
    line-height: 46px;
  }

  .main-banner-v11 .content-v11 p {
    padding: 0;
  }

  .main-banner-v11 .btn-default.v11 {
    margin-bottom: 23px;
  }

  .about-v4-sec.v11 .about-v4-content .abt-list .abt-content .iconn {
    display: none;
  }

  .about-v4-sec .about-v4-content .abt-list .abt-content > h3 {
    font-size: 24px;
    margin-bottom: 15px;
  }

  .about-v4-sec.v11 .about-v4-content .abt-col-text > h2 {
    font-size: 30px;
    line-height: 40px;
  }

  .about-v4-sec.v11 .about-v4-content .abt-col-text p {
    margin-bottom: 50px;
  }

  .title-v8 > h2 {
    padding: 0;
    font-size: 30px;
  }

  .why-us-v8.v11 {
    padding: 100px 0 0;
  }

  .award-certificate-sec {
    padding: 100px 0;
  }

  .certicications-sec .certificate-details .awd-list .awd-info > h3 {
    margin-bottom: 20px;
  }

  .team-sec-v11 .btn-default.v11 {
    padding: 0 20px;
  }

  .blog-section-v7.v11 .blog-posts-v7,
  .team-sec-v11 {
    padding: 100px 0;
  }

  .contact-sec.v11.pf-single .btn-default.v11 {
    margin-top: 20px;
  }

  .blog-section-v7.v11 {
    padding-bottom: 0;
  }

  .title-v8 > h2 {
    font-size: 26px;
    line-height: 38px;
  }

  .about-v-title > h2 {
    font-size: 28px;
    line-height: 42px;
  }

  .about-v-title > span {
    margin-bottom: 30px;
  }

  .about-v-title {
    margin-bottom: 70px;
  }

  .agency-banner-info blockquote p {
    font-size: 24px;
    line-height: 37px;
  }

  .about-v1-page {
    padding-bottom: 90px;
  }

  .abt-agency-banner {
    margin-bottom: 40px;
  }

  .our-services-sec .our-services-content .counter-sec-v6 li .counter-cont > span {
    max-width: 100%;
  }

  .ag-teams .ag-team {
    margin-bottom: 70px;
  }

  .ag-partners {
    padding: 90px 0 0;
  }

  .lets-sec .lets-content > h2 {
    font-size: 26px;
    line-height: 38px;
  }

  .lets-sec {
    padding: 80px 0 40px;
  }

  .business-banner .btn-default {
    margin-bottom: 20px;
  }

  .title-v9 > h2.black-clr {
    font-size: 26px;
    line-height: 36px;
  }

  .about_me_content .about_txt > h2 {
    font-size: 28px;
    line-height: 40px;
  }

  .about_me_content .about_txt > span {
    margin-bottom: 20px;
    font-size: 16px;
  }

  .about_me_sec {
    padding-top: 150px;
    padding-bottom: 70px;
  }

  .about_v1_content > p {
    font-size: 24px;
    line-height: 40px;
  }

  .about_v1_content > h4 {
    line-height: 34px;
  }

  .testi-v-sec .testi-content > p {
    font-size: 24px;
    line-height: 40px;
  }

  .testi_about_v1 .lets-sec {
    padding: 60px 0 70px;
  }

  .sv-title > h2 {
    font-size: 32px;
    line-height: 40px;
    font-size: 26px;
    line-height: 38px;
  }

  .contact-sec.sv-page {
    padding: 100px 0;
  }

  .services_03_content .svs-03-styles {
    padding: 0;
  }

  .testimonial-sec.v10.svs-page .title-v10 h2 {
    font-size: 28px;
    line-height: 40px;
  }

  .testimonial-sec.v10.svs-page .price-section-v {
    padding-top: 100px;
  }

  .contact-v1-map .container-fluid .gmap_canvas iframe,
  .contact-v1-map .container-lg .gmap_canvas iframe,
  .contact-v1-map .container-md .gmap_canvas iframe,
  .contact-v1-map .container-sm .gmap_canvas iframe,
  .contact-v1-map .container-xl .gmap_canvas iframe {
    height: 350px;
  }

  .contact-v1-map .container-fluid .map-address .phone,
  .contact-v1-map .container-lg .map-address .phone,
  .contact-v1-map .container-md .map-address .phone,
  .contact-v1-map .container-sm .map-address .phone,
  .contact-v1-map .container-xl .map-address .phone {
    font-size: 30px;
  }

  .contact-sec.no-bg .sec-title > h2 {
    font-size: 30px;
    line-height: 40px;
  }

  .full_width {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .career-single {
    margin-top: -20px;
  }

    .career-single .cr-single-content {
      margin-top: 30px;
    }

  .career-page {
    padding-bottom: 70px;
  }

  .error-content > img {
    max-width: 70%;
    margin-bottom: 60px;
  }

  .error-page {
    padding: 180px 0 110px;
  }

  .error-content > h3 {
    margin-bottom: 20px;
  }

  .coming-soon-page .cm-content > img {
    margin-bottom: 70px;
  }

  .pricing-v10.clr-default {
    padding: 185px 0 45px;
  }

    .pricing-v10.clr-default .title-v10 > h2 {
      font-size: 32px;
      line-height: 40px;
    }

  .page-sec-title > h2 {
    font-size: 26px;
    line-height: 42px;
  }

  .mile_pagination .pagination li {
    margin-right: 0;
  }

  .post-v10 .post-info > h2 {
    font-size: 20px;
    line-height: 30px;
  }

  .lt-news {
    padding-bottom: 60px;
  }

  .mile_pagination,
  .sidebar.blog-sidebar {
    margin-top: 60px;
  }

  .single-post-layout1 .blog-posts-layout2 .bg-post .bg-post-info > h2 {
    font-size: 26px;
    line-height: 32px;
  }

  .single-post-layout1 .blog-posts-layout2 .bg-post .bg-post-info blockquote {
    padding: 0 25px;
  }

    .single-post-layout1 .blog-posts-layout2 .bg-post .bg-post-info blockquote p {
      font-size: 24px;
      line-height: 36px;
    }

    .single-post-layout1 .blog-posts-layout2 .bg-post .bg-post-info blockquote:before {
      top: -50px;
    }

  .single-post-layout1 .blog-posts-layout2 .bg-post .bg-post-info > h3 {
    line-height: 34px;
  }

  .post-comments-list .post-comment {
    display: block;
  }

    .post-comments-list .post-comment .comment-info {
      max-width: 100%;
      margin-top: 30px;
      padding-left: 0;
    }

  .post-comments-list ul {
    padding-left: 20px;
  }

  .commented-sec {
    padding: 85px 0;
  }

  .single-post-meta {
    padding: 0 15px;
  }

  .pf-single-layout3 .pf-head-content-v3 > h2 {
    font-size: 30px;
    line-height: 40px;
  }

  .pf-single-layout3 .pf-head-content-v3 .prp-list li {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .txt-content p {
    font-size: 20px;
    line-height: 32px;
  }

  .txt-content.v2 {
    padding: 91px 0 80px;
  }

  .ms-title > h2 {
    font-size: 26px;
    line-height: 40px;
  }

  .yt-frame iframe {
    height: 350px;
  }

  .post-control-sec h2 {
    font-size: 28px;
    line-height: 40px;
  }

  .avl-btm .shareon > h3 {
    display: block;
    margin-bottom: 20px;
  }

  .pf-single-layout3 {
    padding: 105px 0 85px;
  }

  .sec-title.v2 > h2 {
    font-size: 30px;
    line-height: 40px;
  }

  .pft-slider .slick-next,
  .pft-slider .slick-prev {
    background-color: #f59e31;
    color: #fff;
  }

    .pft-slider .slick-next:before,
    .pft-slider .slick-prev:before {
      color: #fff;
    }

  .pft-slider .slick-prev {
    left: -10px;
  }

  .pft-slider .slick-next {
    right: -10px;
  }

  .pf-single-layout-2 {
    padding: 170px 0 100px;
  }

  .pf-single-banner {
    padding: 150px 0 0;
  }

  .project-content-v1 {
    padding: 90px 0 0;
  }

  .ppr-sldr .pp-info .pp-dt {
    padding-left: 0;
    width: 100%;
    margin-top: 20px;
  }

  .ppr-sldr .pp-info {
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
  }

  .ppr-sldr {
    text-align: center;
    padding: 64px 20px;
  }

  .txt-content {
    padding: 70px 0;
  }

  .mv-title > h2 {
    font-size: 24px;
    line-height: 36px;
  }

  .challenge-sec {
    padding: 90px 0;
  }

  .pp-tabs-sec .nav-tabs li {
    display: block;
    width: 100%;
  }

    .pp-tabs-sec .nav-tabs li a {
      width: 100%;
      display: block;
      text-align: center;
      background-color: #f1f6fa;
    }

  .pp-tabs-sec .nav-tabs {
    width: 100%;
  }

  .showcase-sec .mv-title {
    margin-bottom: 40px;
  }

  .mv-title > h2 {
    font-size: 30px;
    line-height: 40px;
  }

  .avl-content .download-links li {
    display: block;
    margin-bottom: 15px;
    margin-right: 0;
  }

  .project-content-v1 {
    padding: 130px 0 0;
  }

  .post-control .prev-post {
    left: -20px;
  }

  .post-control .next-post {
    right: -20px;
  }

  .pf-hr-slider {
    padding-left: 70px;
  }

  .bnm-img .viz-btn {
    transform: scale(0.6);
  }

  .sl-text > span {
    font-size: 1.1rem;
    line-height: 1.7rem;
  }

  .map-address .phone {
    font-size: 24px;
  }

  .slide-container .business-txt h2 {
    font-size: 34px;
    line-height: 40px;
    margin-bottom: 25px;
  }

  .slide-container .business-txt p {
    margin-bottom: 35px;
  }

  .business-txt .btn-default.v13 {
    margin-bottom: 20px;
  }

  .bd-list {
    margin-top: 60px;
  }

    .bd-list li > h3 {
      font-size: 20px;
      line-height: 25px;
    }

  .about-v4-sec .about-v4-content .abt-list .abt-content p {
    line-height: 20px;
  }

  .slide-container .why-txt-v9 .us-svs .svs-icon {
    margin: 0 auto;
  }

  .slide-container .grw-content-v8 .gr-text > h2,
  .slide-container .why-txt-v9 .us-svs .svs-info {
    text-align: center;
  }

  .tsk-text > h2 {
    font-size: 30px;
    line-height: 40px;
  }

  .promo-primary-content > h2 {
    font-size: 40px;
    line-height: 50px;
  }

  .service-text {
    margin-top: 60px;
  }

  .title-studio {
    padding: 0 20px;
    font-size: 30px;
    line-height: 44px;
  }

  .promo-studio-content {
    padding-top: 15vh;
  }

  .testi-thumbs li {
    transform: scale(0.5);
  }

    .testi-thumbs li.current,
    .testi-thumbs li:hover {
      transform: scale(0.7);
    }

  .testi-v3-sec.v7 .testi-thumbs li.v4 {
    right: 24%;
  }

  .testi-v3-sec.v7 .testi-thumbs li.v6 {
    top: 50px;
  }

  .testi-v3-sec.v7 .testi-thumbs li.v2 {
    right: 20px;
  }

  .testi-v3-sec.v7 .testi-thumbs li.v4 {
    right: 30px;
  }

  .testi-v3-sec.v7 .testi-thumbs li.v3 {
    left: 141px;
  }

  .testi-v3-sec.v7 .testi-thumbs li.v5 {
    bottom: 0;
  }

  .project-single-slider .slick-next,
  .project-single-slider .slick-prev {
    top: 19%;
    /*z-index: -1;*/
  }

  .pricing-v10.service-v .prices-v10 .price-v10 {
    padding: 80px 20px 110px;
  }

    .pricing-v10.service-v .prices-v10 .price-v10 .btn-default-v10 {
      width: 80%;
    }

      .pricing-v10.service-v .prices-v10 .price-v10 .btn-default-v10 i {
        font-size: 15px;
      }

  .latest-projects-v12 .projectt-info h2 {
    font-size: 32px;
    line-height: 40px;
  }

  .logo > a img {
    max-width: 160px;
  }
}

.promo-studio-content {
  padding-top: 10vh;
}

.hp13 .light-logo {
  display: none !important;
}

.hp13 .dark-logo {
  display: inline-block;
}

.r-width {
  width: 440px !important;
}