.section-1 {

  margin-bottom: -100px;

  padding-bottom: 180px; }

  @media only screen and (max-width: 991px) {

    .section-1 {

      padding-top: 50px;

      padding-bottom: 120px; } }



.dz-section-3 {

  position: relative;

  padding-top: 200px;

  padding-bottom: 350px; }

  .dz-section-3 .bg-img {

    mix-blend-mode: multiply;

    position: absolute;

    top: 0;

    left: 0;

    height: 100%;

    width: 100%;

    z-index: -1; }

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

    .dz-section-3 {

      padding-top: 120px;

      padding-bottom: 250px; } }



.blog-wrapper {

  margin-top: -150px;

  padding: 100px 100px 100px;

  margin-left: -100px;

  margin-right: -100px; }

  @media only screen and (max-width: 1400px) {

    .blog-wrapper {

      margin-left: 0;

      margin-right: 0;

      padding: 50px; } }

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

    .blog-wrapper {

      margin-left: 0;

      margin-right: 0; } }

  @media only screen and (max-width: 1100px) {

    .blog-wrapper {

      margin-left: 0;

      margin-right: 0; } }

  @media only screen and (max-width: 991px) {

    .blog-wrapper .dz-card {

      border-bottom: 1px solid rgba(255, 255, 255, 0.1); } }

  @media only screen and (max-width: 575px) {

    .blog-wrapper {

      padding: 25px; }

      .blog-wrapper .dz-card.style-1 .dz-info {

        padding: 35px 0 15px; } }



.pagination.style-1 {

  border-top: 1px solid #cccccc;

  border-bottom: 1px solid #cccccc;

  justify-content: space-between; }

  .pagination.style-1 li {

    margin: 0; }

    .pagination.style-1 li .page-link {

      padding: 25px 0;

      color: #13212a;

      font-family: var(--font-family-title);

      height: auto;

      line-height: 1;

      font-weight: 700;

      display: inline-flex;

      align-items: center; }

      .pagination.style-1 li .page-link img {

        width: 100px;

        height: 100px;

        object-fit: cover;

        border-radius: var(--border-radius-base); }

      .pagination.style-1 li .page-link i {

        font-size: 40px; }

      .pagination.style-1 li .page-link.prev img {

        margin-right: 15px; }

      .pagination.style-1 li .page-link.prev i {

        margin-right: 5px; }

      .pagination.style-1 li .page-link.next img {

        margin-left: 15px; }

      .pagination.style-1 li .page-link.next i {

        margin-left: 5px; }

      @media only screen and (max-width: 575px) {

        .pagination.style-1 li .page-link {

          padding: 10px 0; }

          .pagination.style-1 li .page-link img {

            width: 60px;

            height: 60px; } }



.showcase-bottom {

  height: 60px;

  background: var(--secondary);

  padding: 0 55px;

  display: flex;

  align-items: center; }

  .showcase-bottom p {

    color: #fff;

    opacity: 0.8;

    margin: 0;

    text-transform: uppercase;

    font-size: 14px; }

  .showcase-bottom ul {

    margin: 0;

    padding: 0;

    list-style: none;

    margin-left: auto; }

    .showcase-bottom ul li {

      display: inline-block; }

      .showcase-bottom ul li a {

        font-size: 14px;

        color: #fff;

        width: 30px;

        height: 30px;

        display: block;

        border: 1px solid rgba(255, 255, 255, 0.2);

        text-align: center;

        line-height: 28px;

        opacity: 0.8; }

        .showcase-bottom ul li a:hover {

          background: #fff;

          color: var(--secondary); }

  @media only screen and (max-width: 575px) {

    .showcase-bottom {

      padding: 0 30px; } }



.film-slider .swiper-slide {

  width: auto; }



.full-vh {

  height: calc(100vh - 225px); }

  .full-vh .dz-box {

    height: calc(100% - 20px); }

    .full-vh .dz-box img,

    .full-vh .dz-box .dz-media {

      height: 100% !important;

      object-fit: cover; }

  @media only screen and (max-width: 991px) {

    .full-vh {

      height: calc(100vh - 148px); } }



.inner-text .title {

  text-decoration: underline;

  font-weight: 500;

  margin-bottom: 10px; }



#home-slider {

  height: calc( 100vh - 165px);

  min-height: 650px;

  width: 100vw;

  position: relative; }

  #home-slider .swiper-container {

    height: 100%;

    width: 100%; }

  #home-slider .swiper-image {

    width: 50%;

    height: 100%;

    background-position: center !important;

    background-size: cover !important; }

  #home-slider .swiper-slide {

    display: flex;

    overflow: hidden;

    background: #fff; }

  #home-slider .swiper-bg {

    position: relative;

    z-index: 1; }

  #home-slider .swiper-content {

    display: flex;

    flex-direction: column;

    align-items: start;

    justify-content: center;

    height: 100%;

    padding: 50px;

    position: relative;

    max-width: 600px;

    margin: auto; }

  #home-slider .swiper-pagination {

    position: fixed;

    right: 0;

    top: 50%;

    z-index: 99999;

    transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    -webkit-transform: translateY(-50%); }

    #home-slider .swiper-pagination .swiper-pagination-bullet {

      display: block;

      font-size: 14px;

      color: #000;

      text-align: center;

      height: auto;

      width: auto;

      background: transparent;

      font-weight: 700;

      opacity: 0.3;

      padding: 5px 10px;

      text-shadow: 1px 2px 0px rgba(255, 255, 255, 0.5); }

      #home-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {

        opacity: 1; }

  @media only screen and (max-width: 991px) {

    #home-slider {

      height: calc( 100vh - 88px); } }

  @media only screen and (max-width: 575px) {

    #home-slider .swiper-slide {

      display: block; }

    #home-slider .swiper-image {

      width: 100%;

      height: auto; }

    #home-slider .swiper-bg {

      height: 350px; }

    #home-slider .swiper-content {

      padding: 25px; } }



.header-box {

  border: 1px solid rgba(0, 0, 0, 0.2);

  border-radius: 8px;

  padding: 50px 50px 50px;

  margin-bottom: 50px;

  background: rgba(0, 0, 0, 0.01);

  overflow: hidden; }

  .header-box p {

    margin-bottom: 0; }

  .header-box .title {

    font-size: 50px;

    margin-bottom: 12px;

    color: var(--primary); }

  .header-box img {

    margin-bottom: -50px; }

  @media only screen and (max-width: 991px) {

    .header-box {

      padding: 30px; }

      .header-box .title {

        font-size: 35px; }

      .header-box img {

        margin-bottom: -30px; } }

  @media only screen and (max-width: 767px) {

    .header-box img {

      margin-bottom: 30px; } }

  @media only screen and (max-width: 575px) {

    .header-box .title {

      font-size: 28px; } }



.code-box {

  box-shadow: none;

  margin: 0 0 25px;

  padding: 20px;

  color: #fff;

  background-color: #191f23;

  white-space: pre;

  text-shadow: 0 1px 0 #000;

  border-radius: 5px;

  border-bottom: 1px solid #555;

  max-height: 700px; }



#copyButton.btn, #copyButton.wp-block-button__link {

  position: absolute;

  right: 30px;

  top: 15px;

  background: #eee;

  color: #000;

  text-transform: uppercase;

  font-weight: 500;

  font-size: 12px;

  letter-spacing: 1px;

  padding: 4px 10px; }



.sort-title {

  font-family: var(--font-family-base) !important;

  color: #121212;

  font-weight: 400;

  position: relative;

  display: inline-block; }

  .sort-title:after, .sort-title:before {

    content: "";

    background: #dddddd;

    height: 1px;

    width: 40px;

    top: 15px;

    position: absolute; }

  .sort-title:after {

    left: -50px; }

  .sort-title:before {

    right: -50px; }



.popover {

  z-index: 999999; }



@media only screen and (max-width: 575px) {

  #rc-imageselect, .g-recaptcha {

    transform: scale(0.7);

    -moz-transform: scale(0.7);

    -o-transform: scale(0.7);

    -webkit-transform: scale(0.7);

    transform-origin: 0 0;

    -moz-transform-origin: 0 0;

    -o-transform-origin: 0 0;

    -webkit-transform-origin: 0 0;

    margin-bottom: -25px; } }



.shake {

  -webkit-animation-name: wobble;

  animation-name: wobble;

  -webkit-animation-duration: 0.8s;

  -webkit-animation-iteration-count: infinite;

  -webkit-animation-timing-function: linear;

  -webkit-transform-origin: 50% 100%; }



@-webkit-keyframes wobble {

  0% {

    -webkit-transform: none;

    transform: none; }

  15% {

    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);

    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }

  30% {

    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);

    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }

  45% {

    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);

    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }

  60% {

    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);

    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }

  75% {

    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);

    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }

  100% {

    -webkit-transform: none;

    transform: none; } }



@keyframes wobble {

  0% {

    -webkit-transform: none;

    transform: none; }

  15% {

    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);

    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }

  30% {

    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);

    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }

  45% {

    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);

    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }

  60% {

    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);

    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }

  75% {

    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);

    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }

  100% {

    -webkit-transform: none;

    transform: none; } }



.overlay-shine .dz-media {

  position: relative;

  overflow: hidden; }

  .overlay-shine .dz-media:before {

    position: absolute;

    top: 0;

    left: -85%;

    z-index: 2;

    display: block;

    content: '';

    width: 50%;

    height: 100%;

    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);

    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);

    -webkit-transform: skewX(-25deg);

    transform: skewX(-25deg); }



.overlay-shine:hover .dz-media:before {

  -webkit-animation: shine .75s;

  animation: shine .75s; }



@-webkit-keyframes shine {

  100% {

    left: 125%; } }



@keyframes shine {

  100% {

    left: 125%; } }



.split-box {

  position: relative;

  overflow: hidden; }

  .split-box > div {

    opacity: 0;

    -webkit-transition: 0s .8s;

    -o-transition: 0s .8s;

    transition: 0s .8s; }

  .split-box:after, .split-box:before {

    content: "";

    position: absolute;

    display: block;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0; }

  .split-box:before {

    background-color: var(--primary);

    z-index: 1;

    -webkit-transform: translateX(-101%);

    -ms-transform: translateX(-101%);

    transform: translateX(-101%); }

  .split-box:after {

    background-color: var(--secondary);

    z-index: 2;

    -webkit-transform: translateX(-101%);

    -ms-transform: translateX(-101%);

    transform: translateX(-101%); }

  .split-box.split-active > div {

    opacity: 1; }

  .split-box.split-active:after {

    -webkit-animation: split-box-animation 1.2s 0.2s cubic-bezier(1, 0, 0.54, 0.99) forwards;

    animation: split-box-animation 1.2s 0.2s cubic-bezier(1, 0, 0.54, 0.99) forwards; }

  .split-box.split-active:before {

    -webkit-animation: split-box-animation 1.5s cubic-bezier(0.86, 0, 0.07, 1) forwards;

    animation: split-box-animation 1.5s cubic-bezier(0.86, 0, 0.07, 1) forwards; }



@-webkit-keyframes split-box-animation {

  0% {

    -webkit-transform: translateX(-101%);

    transform: translateX(-101%); }

  50% {

    -webkit-transform: translateX(0);

    transform: translateX(0); }

  100% {

    -webkit-transform: translateX(101%);

    transform: translateX(101%); } }



@keyframes split-box-animation {

  0% {

    -webkit-transform: translateX(-101%);

    transform: translateX(-101%); }

  50% {

    -webkit-transform: translateX(0);

    transform: translateX(0); }

  100% {

    -webkit-transform: translateX(101%);

    transform: translateX(101%); } }



.sechedule-btn {

  border: 0; }

  .sechedule-btn:after {

    content: "";

    clip-path: polygon(0 0, 0 100%, 100% 0);

    background: var(--secondary);

    position: absolute;

    height: 20px;

    width: 20px;

    top: 0;

    left: 0; }

  .sechedule-btn:before {

    content: "";

    clip-path: polygon(100% 100%, 0 100%, 100% 0);

    background: var(--secondary);

    position: absolute;

    height: 20px;

    width: 20px;

    bottom: 0;

    right: 0; }



.alert.alert-sm {

  padding: 5px 15px;

  font-size: 12px; }



.alert.alert-lg {

  padding: 25px 15px;

  font-size: 16px; }



.alert.alert-xl {

  padding: 35px 15px;

  font-size: 18px; }



.clients-logo img {

  cursor: pointer; }



.clients-logo:hover img {

  -webkit-animation: upToTop 0.5s forwards;

  -moz-animation: upToTop 0.5s forwards;

  animation: upToTop 0.5s forwards; }



@-webkit-keyframes upToTop {

  49% {

    -webkit-transform: translateY(-100%); }

  50% {

    opacity: 0;

    -webkit-transform: translateY(100%); }

  51% {

    opacity: 1; } }



@-moz-keyframes upToTop {

  49% {

    -moz-transform: translateY(-100%); }

  50% {

    opacity: 0;

    -moz-transform: translateY(100%); }

  51% {

    opacity: 1; } }



@keyframes upToTop {

  49% {

    -webkit-transform: translateY(-100%);

    transform: translateY(-100%); }

  50% {

    opacity: 0;

    -webkit-transform: translateY(100%);

    transform: translateY(100%); }

  51% {

    opacity: 1; } }



.sechedule-btn {

  border: 0;

  z-index: 1;

  -webkit-transition: all 0.5s;

  -ms-transition: all 0.5s;

  transition: all 0.5s; }

  .sechedule-btn:after, .sechedule-btn:before {

    content: "";

    -webkit-transition: all 0.8s;

    -ms-transition: all 0.8s;

    transition: all 0.8s;

    background: var(--secondary);

    z-index: -1;

    position: absolute;

    height: 20px;

    width: 20px; }

  .sechedule-btn:after {

    clip-path: polygon(0 0, 0 100%, 100% 0);

    top: 0;

    left: 0; }

  .sechedule-btn:before {

    clip-path: polygon(100% 100%, 0 100%, 100% 0);

    bottom: 0;

    right: 0; }

  .sechedule-btn:hover {

    color: #fff;

    background: var(--secondary); }

    .sechedule-btn:hover:after, .sechedule-btn:hover:before {

      height: 100%;

      width: 100%; }



.service-wrapper {

  z-index: 1;

  position: relative;

  background-size: cover;

  background-position: right; }

  .service-wrapper:after {

    content: "";

    height: 100%;

    width: 40%;

    position: absolute;

    top: 0;

    left: 0;

    z-index: -1;

    background-color: #e8e8e8;

    background-image: url("../images/background/bg5.png");

    background-size: cover;

    background-position: bottom; }



.service-box {

  background: #fff;

  padding: 70px; }

  @media only screen and (max-width: 767px) {

    .service-box {

      padding: 40px; } }

  @media only screen and (max-width: 575px) {

    .service-box {

      padding: 25px; } }



.content-box {

  background: #fff;

  box-shadow: 0px 3px 29px 0px rgba(0, 0, 0, 0.07); }

  .content-box .dz-info {

    padding: 30px;

    position: relative; }

    .content-box .dz-info:after {

      content: attr(data-num);

      position: absolute;

      top: 30px;

      right: 30px;

      font-family: var(--font-family-title);

      color: #dcdcdc;

      font-size: 50px;

      line-height: 1;

      font-weight: 300;

      -webkit-transition: all 0.2s;

      -ms-transition: all 0.2s;

      transition: all 0.2s; }

  .content-box:hover .dz-bottom .btn, .content-box:hover .dz-bottom .wp-block-button__link {

    background-color: var(--secondary); }

  .content-box:hover .dz-info:after {

    color: var(--primary);

    font-size: 60px;

    transform: rotate(-10deg); }



.service-wrapper-2 {

  position: relative; }

  .service-wrapper-2:after {

    content: "";

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    height: 29%;

    background: #fff; }



.contact-area1 {

  padding: 50px;

  background: #fff;

  box-shadow: 0px 3px 29px 0px rgba(0, 0, 0, 0.07); }

  @media only screen and (max-width: 575px) {

    .contact-area1 {

      padding: 30px; } }



.jq-tip-dialog {

  position: absolute;

  background: #fff;

  z-index: 999; }



.image-tooltip {

  position: absolute;

  background: var(--secondary);

  padding: 20px;

  z-index: 999;

  width: 0px; }

  .image-tooltip .title {

    color: #fff;

    white-space: nowrap; }

  .image-tooltip .sub-title {

    white-space: nowrap;

    color: var(--primary);

    margin-bottom: 0; }



.exp-row {

  display: flex;

  align-items: center; }

  .exp-row .year {

    color: var(--primary);

    margin-bottom: 0;

    font-size: 60px;

    line-height: 1;

    font-family: var(--font-family-base);

    margin-right: 10px; }

  .exp-row p {

    color: var(--secondary);

    margin-bottom: 0;

    font-size: 12px;

    line-height: 1.3;

    font-weight: 600; }

    .exp-row p span {

      display: block;

      font-size: 28px;

      font-weight: 800; }



.content-box2 {

  padding: 30px;

  background-color: white;

  box-shadow: 0px 1px 21px 0px rgba(4, 4, 4, 0.11);

  border-radius: var(--border-radius-base);

  -webkit-transition: all 0.5s;

  -ms-transition: all 0.5s;

  transition: all 0.5s; }

  .content-box2 .dz-info {

    margin-bottom: 30px; }

    .content-box2 .dz-info .title {

      line-height: 1.2;

      border-bottom: 1px solid #e9e9e9;

      padding-bottom: 20px;

      margin-bottom: 20px;

      -webkit-transition: all 0.5s;

      -ms-transition: all 0.5s;

      transition: all 0.5s; }

    .content-box2 .dz-info p {

      font-size: 17px;

      -webkit-transition: all 0.5s;

      -ms-transition: all 0.5s;

      transition: all 0.5s; }

  .content-box2 .dz-bottom {

    position: relative;

    z-index: 1; }

    .content-box2 .dz-bottom .btn-link {

      font-size: 16px;

      font-family: var(--font-family-title);

      color: var(--secondary);

      font-weight: 700;

      display: inline-flex;

      background: #fff;

      padding-right: 20px;

      align-items: center;

      -webkit-transition: all 0.5s;

      -ms-transition: all 0.5s;

      transition: all 0.5s; }

      .content-box2 .dz-bottom .btn-link i {

        -webkit-transition: all 0.5s;

        -ms-transition: all 0.5s;

        transition: all 0.5s;

        height: 20px;

        width: 20px;

        border-radius: 20px;

        line-height: 20px;

        background: var(--primary);

        color: #fff;

        font-size: 10px;

        text-align: center;

        margin-left: 6px; }

    .content-box2 .dz-bottom:after {

      content: "";

      position: absolute;

      left: 0;

      background: #e9e9e9;

      height: 1px;

      width: 100%;

      top: 50%;

      transform: translateY(-50%);

      z-index: -1; }

  .content-box2:hover {

    background-color: var(--primary); }

    .content-box2:hover .dz-info .title,

    .content-box2:hover .dz-info p {

      color: #fff; }

    .content-box2:hover .dz-bottom .btn-link {

      color: #fff;

      background: var(--primary); }

      .content-box2:hover .dz-bottom .btn-link i {

        background-color: #fff;

        color: var(--primary); }



.swiper-pagination {

  position: unset; }

  .swiper-pagination .swiper-pagination-bullet {

    height: 12px;

    width: 12px;

    border-radius: 12px;

    background: #636363;

    opacity: 1;

    -webkit-transition: all 0.5s;

    -ms-transition: all 0.5s;

    transition: all 0.5s; }

    .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {

      background: var(--primary);

      transform: scale(1.5); }



.content-slider {

  margin: 0 -15px; }

  .content-slider .swiper-slide > div {

    margin: 30px 15px; }



.about-wrapper {

  position: relative;

  z-index: 1; }



.bg-about-slider {

  position: absolute;

  height: 100%;

  width: 100%;

  left: 0;

  top: 0;

  z-index: -1; }

  .bg-about-slider .dz-media {

    height: 100%;

    position: relative;

    z-index: 1; }

    .bg-about-slider .dz-media img {

      height: 100%;

      object-fit: cover; }

    .bg-about-slider .dz-media:after {

      content: "";

      height: 100%;

      width: 100%;

      position: absolute;

      top: 0;

      left: 0;

      background: -moz-linear-gradient(left, rgba(25, 36, 54, 0.8) 0%, rgba(25, 36, 54, 0.9) 5%, rgba(25, 36, 54, 0.92) 6%, #192436 30%, rgba(25, 36, 54, 0.92) 33%, rgba(25, 36, 54, 0.22) 59%, rgba(25, 36, 54, 0.87) 79%, #192436 83%);

      /* FF3.6-15 */

      background: -webkit-linear-gradient(left, rgba(25, 36, 54, 0.8) 0%, rgba(25, 36, 54, 0.9) 5%, rgba(25, 36, 54, 0.92) 6%, #192436 30%, rgba(25, 36, 54, 0.92) 33%, rgba(25, 36, 54, 0.22) 59%, rgba(25, 36, 54, 0.87) 79%, #192436 83%);

      /* Chrome10-25,Safari5.1-6 */

      background: linear-gradient(to right, rgba(25, 36, 54, 0.8) 0%, rgba(25, 36, 54, 0.9) 5%, rgba(25, 36, 54, 0.92) 6%, #192436 30%, rgba(25, 36, 54, 0.92) 33%, rgba(25, 36, 54, 0.22) 59%, rgba(25, 36, 54, 0.87) 79%, #192436 83%);

      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ }



.about-pagination {

  position: absolute;

  right: 100px;

  top: 50%;

  transform: translateY(-50%);

  text-align: right; }

  .about-pagination .swiper-pagination-bullet {

    height: auto;

    width: auto;

    border-radius: 0;

    background: transparent;

    opacity: 1;

    display: block;

    color: #fff;

    font-family: var(--font-family-title);

    display: flex;

    align-items: center;

    justify-content: end;

    width: 170px;

    line-height: 1.3;

    font-weight: 600;

    margin-bottom: 30px;

    -webkit-transition: all 0.8s;

    -ms-transition: all 0.8s;

    transition: all 0.8s; }

    .about-pagination .swiper-pagination-bullet span {

      display: inline-block;

      height: 46px;

      width: 46px;

      min-width: 46px;

      line-height: 46px;

      border-radius: var(--border-radius-base);

      text-align: center;

      margin-left: 10px;

      background: rgba(255, 255, 255, 0.2);

      -webkit-transition: all 0.8s;

      -ms-transition: all 0.8s;

      transition: all 0.8s; }

    .about-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {

      color: var(--primary); }

      .about-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active span {

        background: var(--primary);

        color: #fff; }

  @media only screen and (max-width: 767px) {

    .about-pagination {

      position: relative;

      top: 0;

      transform: unset;

      display: flex;

      right: auto;

      left: calc(calc(100% - 540px) / 2 + 15px);

      width: 510px;

      margin-top: 40px;

      flex-flow: wrap; }

      .about-pagination .swiper-pagination-bullet {

        text-align: left;

        flex-direction: row-reverse; }

        .about-pagination .swiper-pagination-bullet span {

          margin-left: 0;

          margin-right: 10px; } }

  @media only screen and (max-width: 767px) {

    .about-pagination {

      left: 15px;

      width: calc(100% - 30px); } }



.overlay-effect {

  position: relative; }

  .overlay-effect:before {

    content: "";

    height: 100%;

    width: 100%;

    left: 0;

    top: 0;

    position: absolute;

    mix-blend-mode: multiply;

    background: var(--primary); }

  .overlay-effect img {

    width: 100%; }



.contact-area2 {

  padding: 70px;

  position: relative;

  z-index: 1;

  background: #fff;

  margin-top: -220px; }

  .contact-area2 .dz-media {

    padding-top: 15px;

    padding-right: 15px;

    margin-right: 20px; }

    .contact-area2 .dz-media .info {

      background: var(--secondary);

      position: absolute;

      padding: 25px 30px;

      top: 0;

      right: 0;

      width: 300px;

      -webkit-animation: movedelement 7s linear infinite;

      animation: movedelement 7s linear infinite; }

      .contact-area2 .dz-media .info p {

        color: #9b9b9b;

        margin-bottom: 0; }

    @media only screen and (max-width: 991px) {

      .contact-area2 .dz-media {

        margin-right: 0; } }

  .contact-area2:after {

    content: "";

    height: 100%;

    width: 100%;

    position: absolute;

    top: 0;

    left: 0;

    z-index: -1;

    border: 5px solid var(--primary); }

  @media only screen and (max-width: 767px) {

    .contact-area2 {

      padding: 30px; } }

  @media only screen and (max-width: 575px) {

    .contact-area2 .dz-media {

      padding: 0; }

      .contact-area2 .dz-media .info {

        position: unset;

        width: 100%; } }



.call-box3 {

  position: relative;

  padding-left: 75px; }

  .call-box3 i {

    height: 64px;

    width: 64px;

    border-radius: 64px;

    line-height: 64px;

    text-align: center;

    background: var(--secondary);

    color: #fff;

    font-size: 24px;

    position: absolute;

    top: 0;

    left: 0;

    display: flex;

    justify-content: center;

    -webkit-transition: all 0.8s;

    -ms-transition: all 0.8s;

    transition: all 0.8s; }

  .call-box3 .title {

    font-size: 35px;

    line-height: 1;

    margin-bottom: 0; }

  .call-box3 span {

    color: var(--primary);

    font-size: 16px;

    font-weight: 700; }

  .call-box3:hover i {

    background-color: var(--primary); }

    .call-box3:hover i:before {

      -webkit-animation-name: wobble;

      animation-name: wobble;

      -webkit-animation-duration: 0.8s;

      -webkit-animation-iteration-count: infinite;

      -webkit-animation-timing-function: linear;

      -webkit-transform-origin: 50% 100%; }



.overlay-gradient-sec {

  position: relative;

  z-index: 2; }

  .overlay-gradient-sec:before {

    content: "";

    position: absolute;

    height: 100%;

    width: 100%;

    left: 0;

    top: 0;

    z-index: -1;

    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#192436+0,192436+100&0.81+0,1+100 */

    background: -moz-linear-gradient(top, rgba(25, 36, 54, 0.81) 0%, #192436 100%);

    /* FF3.6-15 */

    background: -webkit-linear-gradient(top, rgba(25, 36, 54, 0.81) 0%, #192436 100%);

    /* Chrome10-25,Safari5.1-6 */

    background: linear-gradient(to bottom, rgba(25, 36, 54, 0.81) 0%, #192436 100%);

    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ }



.about-wrapper-2 {

  width: 50vw;

  float: right;

  padding-left: 40px;

  padding-right: 40px;

  margin-bottom: -150px; }

  .about-wrapper-2 .swiper-slide {

    border-bottom: 4px solid var(--primary); }

    .about-wrapper-2 .swiper-slide img {

      width: 100%; }

  .about-wrapper-2 .swiper-button {

    position: absolute;

    bottom: 20px;

    right: 15px; }

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

    .about-wrapper-2 {

      margin-bottom: 0; } }

  @media only screen and (max-width: 991px) {

    .about-wrapper-2 {

      width: 100%;

      padding: 0; } }



.dzSubscribe.style-1 {

  max-width: 500px;

  margin-left: auto;

  margin-right: auto; }

  .dzSubscribe.style-1 .ft-row {

    position: relative; }

    .dzSubscribe.style-1 .ft-row .form-control, .dzSubscribe.style-1 .ft-row .wp-block-categories-dropdown select, .wp-block-categories-dropdown .dzSubscribe.style-1 .ft-row select,

    .dzSubscribe.style-1 .ft-row .wp-block-archives-dropdown select, .wp-block-archives-dropdown .dzSubscribe.style-1 .ft-row select {

      height: 68px;

      font-size: 18px;

      padding-right: 68px; }

      .dzSubscribe.style-1 .ft-row .form-control::placeholder, .dzSubscribe.style-1 .ft-row .wp-block-categories-dropdown select::placeholder, .wp-block-categories-dropdown .dzSubscribe.style-1 .ft-row select::placeholder,

      .dzSubscribe.style-1 .ft-row .wp-block-archives-dropdown select::placeholder, .wp-block-archives-dropdown .dzSubscribe.style-1 .ft-row select::placeholder {

        font-family: var(--font-family-title); }

    .dzSubscribe.style-1 .ft-row .btn, .dzSubscribe.style-1 .ft-row .wp-block-button__link {

      position: absolute;

      background: var(--primary);

      color: #fff;

      display: inline-block;

      right: 4px;

      top: 4px;

      height: 60px;

      width: 60px;

      text-align: center;

      line-height: 60px;

      border-radius: var(--border-radius-base);

      padding: 0; }

      .dzSubscribe.style-1 .ft-row .btn i, .dzSubscribe.style-1 .ft-row .wp-block-button__link i {

        font-size: 22px; }



.dz-section-2 {

  padding-bottom: 170px; }



.image-slider-wrapper .button-prev,

.image-slider-wrapper .button-next {

  position: absolute;

  top: 50%;

  height: 75px;

  width: 75px;

  line-height: 75px;

  border-radius: 75px;

  text-align: center;

  border: 2px solid #fff;

  color: #fff;

  z-index: 2;

  font-size: 25px; }

  @media only screen and (max-width: 575px) {

    .image-slider-wrapper .button-prev,

    .image-slider-wrapper .button-next {

      height: 55px;

      width: 55px;

      line-height: 55px; } }



.image-slider-wrapper .button-prev {

  left: 30px; }



.image-slider-wrapper .button-next {

  right: 30px; }



.image-box {

  position: relative; }

  .image-box .info {

    position: absolute;

    bottom: 0;

    left: 0;

    padding: 30px 60px 30px 10px; }

    @media only screen and (max-width: 575px) {

      .image-box .info {

        padding: 30px 60px 30px 30px; } }

  .image-box .dz-media {

    overflow: hidden;

    transform: skewX(-10deg);

    height: 500px;

    -webkit-transition: all 0.5s;

    -ms-transition: all 0.5s;

    transition: all 0.5s; }

    .image-box .dz-media img {

      height: 100%;

      width: 100%;

      object-fit: cover;

      transform: skewX(10deg) scale(1.3); }

    .image-box .dz-media:before {

      content: "";

      height: 100%;

      width: 100%;

      left: 0;

      top: 0;

      z-index: 1;

      border: 5px solid var(--primary);

      opacity: 0;

      position: absolute;

      -webkit-transition: all 0.5s;

      -ms-transition: all 0.5s;

      transition: all 0.5s; }

    .image-box .dz-media:after {

      content: "";

      position: absolute;

      height: 100%;

      width: 100%;

      left: 0;

      top: 0;

      background: rgba(0, 0, 0, 0.5);

      -webkit-transition: all 0.5s;

      -ms-transition: all 0.5s;

      transition: all 0.5s; }

    @media only screen and (max-width: 575px) {

      .image-box .dz-media {

        height: 440px; } }

  .image-box:hover .dz-media:after {

    opacity: .5; }

  .image-box:hover .dz-media:before {

    opacity: 1; }



.best-service-box {

  background: var(--secondary);

  padding: 70px; }

  @media only screen and (max-width: 991px) {

    .best-service-box {

      padding: 30px; } }

  .best-service-box p {

    color: #bababa; }



.bg-half-img {

  position: absolute;

  height: 100%;

  left: 0;

  top: 0;

  width: 35%;

  background-size: cover; }



ul.info-desc li {

  color: var(--primary);

  display: flex;

  border-bottom: 1px solid var(--secondary);

  padding-top: 10px;

  padding-bottom: 10px; }

  ul.info-desc li:before {

    top: 10px; }

  ul.info-desc li:last-child {

    border-bottom: 0; }

  ul.info-desc li span {

    color: #e5e5e5;

    font-weight: 300;

    display: inline-block;

    margin-left: auto;

    width: 50%; }



.dz-section-1 {

  position: relative;

  z-index: 1; }

  .dz-section-1 .bg-img {

    position: absolute;

    top: 0;

    width: 100%;

    height: 730px;

    z-index: -1; }

    @media only screen and (max-width: 991px) {

      .dz-section-1 .bg-img {

        height: 400px; } }

    @media only screen and (max-width: 575px) {

      .dz-section-1 .bg-img {

        height: 300px; } }



.image-box2 {

  position: relative;

  border-radius: var(--border-radius-base);

  overflow: hidden;

  height: 210px;

  margin-top: 30px;

  margin-bottom: 30px;

  -webkit-transition: all 0.5s;

  -ms-transition: all 0.5s;

  transition: all 0.5s; }

  .image-box2 .dz-media {

    height: 100%; }

    .image-box2 .dz-media img {

      height: 100%;

      object-fit: cover;

      mix-blend-mode: multiply; }

  .image-box2 .info {

    position: absolute;

    top: 0;

    left: 0;

    height: 100%;

    width: 100%;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    text-align: center;

    padding: 30px;

    opacity: 0;

    -webkit-transition: all 0.5s;

    -ms-transition: all 0.5s;

    transition: all 0.5s; }



.image-box-slider .swiper-slide.swiper-slide-active .image-box2 {

  background-color: var(--primary);

  height: 270px;

  margin: 0; }

  .image-box-slider .swiper-slide.swiper-slide-active .image-box2 .info {

    opacity: 1; }



.feature-slider-box {

  width: calc(50vw - 123px);

  height: calc(100% - 100px);

  position: absolute;

  margin-top: -120px; }

  .feature-slider-box .swiper-container,

  .feature-slider-box .swiper-slide {

    height: 100%; }

  .feature-slider-box img {

    width: 100%;

    height: 100%;

    object-fit: cover; }

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

    .feature-slider-box {

      width: calc(50vw - 104px); } }

  @media only screen and (max-width: 991px) {

    .feature-slider-box {

      position: relative;

      margin: 0;

      width: 100%;

      height: auto; } }



.feature-wrapper {

  position: relative; }

  .feature-wrapper:before {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    background: #fff;

    height: 40px; }

  @media only screen and (max-width: 991px) {

    .feature-wrapper:before {

      content: none; } }



/* Blog single */

.blog-single {

  margin-bottom: 3.125rem; }

  .blog-single .dz-post-meta {

    margin-bottom: 1.25rem; }

  .blog-single .dz-post-text {

    padding-bottom: 30px; }

    .blog-single .dz-post-text:after {

      content: "";

      display: block;

      width: 100%;

      clear: both; }

  .blog-single .dz-post-tags {

    margin-top: 1.25rem; }

  .blog-single .dz-social-icon {

    display: flex;

    align-items: center; }

    .blog-single .dz-social-icon .title {

      margin-right: 18px; }

    .blog-single .dz-social-icon ul li a {

      width: 35px;

      height: 35px;

      line-height: 35px;

      font-size: 16px; }

  .blog-single .dz-post-media {

    border-radius: 0.25rem; }

  .blog-single.dz-card .post-tags {

    margin-left: -5px;

    margin-right: -5px; }

  .blog-single.style-1 .dz-media + .dz-info {

    padding: 40px 0 0; }

  .blog-single.style-1 .dz-info {

    padding: 0 0 30px; }

    .blog-single.style-1 .dz-info p {

      font-size: 18px; }

    .blog-single.style-1 .dz-info .block-quote p {

      font-size: 1.5rem; }

      @media only screen and (max-width: 991px) {

        .blog-single.style-1 .dz-info .block-quote p {

          font-size: 1.125rem; } }



.dz-post-text a {

  text-decoration: underline;

  box-shadow: inset 0 -10px 0 var(--rgba-primary-1); }



.dz-post-text .widget_archive li a,

.dz-post-text .wp-block-latest-posts li a,

.dz-post-text .wp-block-categories-list li a,

.dz-post-text .wp-block-archives-list li a,

.dz-post-text .widget_categories li a,

.dz-post-text blockquote a,

.dz-post-text .wp-block-button__link {

  box-shadow: none;

  text-decoration: none; }



.post-header {

  position: relative;

  overflow: hidden; }

  @media only screen and (max-width: 575px) {

    .post-header {

      margin-bottom: 1.25rem; } }

  .post-header .dz-media img {

    min-height: 250px;

    object-fit: cover; }

  .post-header .dz-info {

    position: absolute;

    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0.6) 100%);

    /* FF3.6-15 */

    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0.6) 100%);

    /* Chrome10-25,Safari5.1-6 */

    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0.6) 100%);

    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

    position: absolute;

    bottom: 0;

    text-align: center;

    padding: 100px 30px 30px 30px !important;

    width: 100%; }

    @media only screen and (max-width: 575px) {

      .post-header .dz-info {

        padding: 40px 15px 15px 15px !important; } }

    .post-header .dz-info .dz-title {

      color: #fff; }

      @media only screen and (max-width: 575px) {

        .post-header .dz-info .dz-title {

          font-size: 1.125rem; } }

    .post-header .dz-info .dz-meta > ul {

      justify-content: center; }

      .post-header .dz-info .dz-meta > ul > li {

        color: #fff; }



.post-link-in {

  padding: 15px 50px;

  background: rgba(0, 0, 0, 0.7);

  color: #fff;

  font-size: 22px;

  font-weight: 400;

  position: absolute;

  bottom: 0;

  left: 0;

  -webkit-transition: all 0.8s;

  -ms-transition: all 0.8s;

  transition: all 0.8s; }

  .post-link-in:hover {

    background: var(--primary);

    color: #fff; }



.side-bar {

  padding-left: 20px; }

  @media only screen and (max-width: 991px) {

    .side-bar {

      padding-left: 0;

      padding-right: 0; } }

  .side-bar.left {

    padding-left: 0;

    padding-right: 20px; }

    @media only screen and (max-width: 991px) {

      .side-bar.left {

        padding-right: 0;

        padding-left: 0; } }



.alignnone {

  margin: 0.3125rem 0 1.563rem 0; }

  .alignnoneimg, .alignnone.wp-caption, .alignnone.is-resized {

    margin: 0.3125rem 0 1.563rem 0; }



.aligncenter {

  display: block;

  margin: 0.3125rem auto 0.938rem;

  text-align: center; }

  .aligncenterimg, .aligncenter.wp-caption, .aligncenter.is-resized {

    display: block;

    margin: 0.3125rem auto 0.938rem;

    text-align: center; }



.alignright {

  float: right;

  margin: 0.3125rem 0 1.563rem 1.563rem; }

  .alignrightimg, .alignright.wp-caption, .alignright.is-resized {

    margin: 0.3125rem 0 1.563rem 1.563rem;

    float: right; }



.alignleft {

  float: left;

  margin: 0.3125rem 1.563rem 1.563rem 0; }

  .alignleftimg, .alignleft.wp-caption, .alignleft.is-resized {

    margin: 0.3125rem 1.563rem 1.563rem 0;

    float: left; }



.wp-caption {

  max-width: 100%;

  text-align: center; }

  .wp-caption img[class*="wp-image-"] {

    display: block;

    margin: 0; }

  .wp-caption img {

    border: 0 none;

    height: auto;

    margin: 0;

    max-width: 100%;

    padding: 0;

    width: auto; }

  .wp-caption p.wp-caption-text {

    font-size: 0.813rem;

    line-height: 1.125rem;

    margin: 0;

    padding: 0.625rem 0;

    text-align: left; }



.wp-block-quote.is-large,

.wp-block-quote.is-style-large,

blockquote.wp-block-quote,

blockquote.wp-block-pullquote,

blockquote.wp-block-pullquote.alignright,

blockquote.wp-block-pullquote.alignleft,

blockquote {

  padding: 1.25rem 2rem 1.25rem 3rem;

  font-size: 0.938rem;

  color: var(--title);

  margin-top: 2.5rem;

  margin-bottom: 2.5rem;

  line-height: 1.875rem;

  position: relative;

  clear: both;

  font-weight: 700;

  z-index: 1;

  border: 0; }

  @media only screen and (max-width: 991px) {

    .wp-block-quote.is-large,

    .wp-block-quote.is-style-large,

    blockquote.wp-block-quote,

    blockquote.wp-block-pullquote,

    blockquote.wp-block-pullquote.alignright,

    blockquote.wp-block-pullquote.alignleft,

    blockquote {

      padding: 1.25rem 1.25rem 0.938rem 1.25rem;

      font-size: 0.813rem; } }

  .wp-block-quote.is-large cite,

  .wp-block-quote.is-style-large cite,

  blockquote.wp-block-quote cite,

  blockquote.wp-block-pullquote cite,

  blockquote.wp-block-pullquote.alignright cite,

  blockquote.wp-block-pullquote.alignleft cite,

  blockquote cite {

    font-style: normal;

    position: relative;

    display: block;

    margin-top: -0.3125rem;

    font-weight: 600;

    color: var(--primary);

    line-height: 1.3; }

    .wp-block-quote.is-large cite:before,

    .wp-block-quote.is-style-large cite:before,

    blockquote.wp-block-quote cite:before,

    blockquote.wp-block-pullquote cite:before,

    blockquote.wp-block-pullquote.alignright cite:before,

    blockquote.wp-block-pullquote.alignleft cite:before,

    blockquote cite:before {

      content: "";

      margin-right: 0.625rem;

      width: 15px;

      height: 2px;

      background: var(--primary);

      display: inline-block;

      vertical-align: middle; }

  .wp-block-quote.is-large b, .wp-block-quote.is-large strong, .wp-block-quote.is-large .strong,

  .wp-block-quote.is-style-large b,

  .wp-block-quote.is-style-large strong,

  .wp-block-quote.is-style-large .strong,

  blockquote.wp-block-quote b,

  blockquote.wp-block-quote strong,

  blockquote.wp-block-quote .strong,

  blockquote.wp-block-pullquote b,

  blockquote.wp-block-pullquote strong,

  blockquote.wp-block-pullquote .strong,

  blockquote.wp-block-pullquote.alignright b,

  blockquote.wp-block-pullquote.alignright strong,

  blockquote.wp-block-pullquote.alignright .strong,

  blockquote.wp-block-pullquote.alignleft b,

  blockquote.wp-block-pullquote.alignleft strong,

  blockquote.wp-block-pullquote.alignleft .strong,

  blockquote b,

  blockquote strong,

  blockquote .strong {

    color: inherit; }

  .wp-block-quote.is-large:after,

  .wp-block-quote.is-style-large:after,

  blockquote.wp-block-quote:after,

  blockquote.wp-block-pullquote:after,

  blockquote.wp-block-pullquote.alignright:after,

  blockquote.wp-block-pullquote.alignleft:after,

  blockquote:after {

    content: "";

    width: 5px;

    height: 100%;

    left: 0;

    top: 0;

    background: var(--primary);

    position: absolute;

    box-shadow: 0 0 30px 0 var(--rgba-primary-2); }

  .wp-block-quote.is-large:before,

  .wp-block-quote.is-style-large:before,

  blockquote.wp-block-quote:before,

  blockquote.wp-block-pullquote:before,

  blockquote.wp-block-pullquote.alignright:before,

  blockquote.wp-block-pullquote.alignleft:before,

  blockquote:before {

    content: "";

    z-index: -1;

    background-size: cover;

    left: 20px;

    background-image: var(--quote);

    background-position: center right;

    width: 90px;

    padding: 0;

    opacity: 0.1;

    background-repeat: no-repeat;

    height: 90px;

    top: 0px;

    position: absolute; }

  .wp-block-quote.is-large.wp-block-pullquote.alignleft,

  .wp-block-quote.is-style-large.wp-block-pullquote.alignleft,

  blockquote.wp-block-quote.wp-block-pullquote.alignleft,

  blockquote.wp-block-pullquote.wp-block-pullquote.alignleft,

  blockquote.wp-block-pullquote.alignright.wp-block-pullquote.alignleft,

  blockquote.wp-block-pullquote.alignleft.wp-block-pullquote.alignleft,

  blockquote.wp-block-pullquote.alignleft {

    margin: 0rem 1.563rem 1.563rem 0rem; }

  .wp-block-quote.is-large.wp-block-pullquote.alignright,

  .wp-block-quote.is-style-large.wp-block-pullquote.alignright,

  blockquote.wp-block-quote.wp-block-pullquote.alignright,

  blockquote.wp-block-pullquote.wp-block-pullquote.alignright,

  blockquote.wp-block-pullquote.alignright.wp-block-pullquote.alignright,

  blockquote.wp-block-pullquote.alignleft.wp-block-pullquote.alignright,

  blockquote.wp-block-pullquote.alignright {

    margin: 0rem 0 1.563rem 1.563rem; }

  .wp-block-quote.is-large.style-1,

  .wp-block-quote.is-style-large.style-1,

  blockquote.wp-block-quote.style-1,

  blockquote.wp-block-pullquote.style-1,

  blockquote.wp-block-pullquote.alignright.style-1,

  blockquote.wp-block-pullquote.alignleft.style-1,

  blockquote.style-1 {

    background: #fff;

    color: var(--primary);

    padding: 25px 40px; }

    .wp-block-quote.is-large.style-1 p,

    .wp-block-quote.is-style-large.style-1 p,

    blockquote.wp-block-quote.style-1 p,

    blockquote.wp-block-pullquote.style-1 p,

    blockquote.wp-block-pullquote.alignright.style-1 p,

    blockquote.wp-block-pullquote.alignleft.style-1 p,

    blockquote.style-1 p {

      font-size: 24px;

      line-height: 1.5;

      color: var(--title); }

    .wp-block-quote.is-large.style-1:before,

    .wp-block-quote.is-style-large.style-1:before,

    blockquote.wp-block-quote.style-1:before,

    blockquote.wp-block-pullquote.style-1:before,

    blockquote.wp-block-pullquote.alignright.style-1:before,

    blockquote.wp-block-pullquote.alignleft.style-1:before,

    blockquote.style-1:before {

      left: 20px;

      background-size: contain;

      width: 80px;

      top: 0;

      transform: rotate(180deg);

      background-image: var(--quote-2); }

    .wp-block-quote.is-large.style-1 cite,

    .wp-block-quote.is-style-large.style-1 cite,

    blockquote.wp-block-quote.style-1 cite,

    blockquote.wp-block-pullquote.style-1 cite,

    blockquote.wp-block-pullquote.alignright.style-1 cite,

    blockquote.wp-block-pullquote.alignleft.style-1 cite,

    blockquote.style-1 cite {

      color: var(--primary); }

      .wp-block-quote.is-large.style-1 cite:before,

      .wp-block-quote.is-style-large.style-1 cite:before,

      blockquote.wp-block-quote.style-1 cite:before,

      blockquote.wp-block-pullquote.style-1 cite:before,

      blockquote.wp-block-pullquote.alignright.style-1 cite:before,

      blockquote.wp-block-pullquote.alignleft.style-1 cite:before,

      blockquote.style-1 cite:before {

        background: var(--primary); }



blockquote.wp-block-pullquote:not(.is-style-solid-color) {

  background: #5608e0; }



.wp-caption-text {

  font-size: 0.875rem;

  line-height: 1.3; }



.dz-card.blog-single .dz-post-text blockquote p,

.dz-page-text blockquote p,

blockquote p {

  font-size: 1.5rem;

  line-height: 1.5;

  color: var(--title);

  margin-bottom: 1rem;

  font-weight: 700;

  font-style: italic; }

  .dz-card.blog-single .dz-post-text blockquote p cite,

  .dz-page-text blockquote p cite,

  blockquote p cite {

    margin-top: 20px; }

  @media only screen and (max-width: 991px) {

    .dz-card.blog-single .dz-post-text blockquote p,

    .dz-page-text blockquote p,

    blockquote p {

      font-size: 1.125rem; } }



.dz-page-text {

  padding-bottom: 30px !important; }



.dz-card.blog-single .dz-post-text blockquote.style-1 p,

.dz-page-text blockquote.style-1 p,

blockquote.style-1 p {

  margin-bottom: 1.5rem; }



.size-auto,

.size-full,

.size-large,

.size-medium,

.size-thumbnail {

  max-width: 100%;

  height: auto; }



/* Gutenberg Gallery */

/* Gutenberg Css */

/* .dz-card.blog-single,

.dz-card.blog-single + #comment-list */

.min-container,

.dz-page-text,

.dz-page-text + #comment-list,

.dz-page-text + #comment-list + .paginate-links {

  max-width: 50rem;

  margin-left: auto;

  margin-right: auto;

  padding-left: 0.938rem;

  padding-right: 0.938rem; }



.dz-card.blog-single.sidebar + #comment-list {

  padding: 0;

  max-width: 100%; }



.max-container {

  max-width: 93.75rem;

  margin-left: auto;

  margin-right: auto;

  padding-left: 3.4375rem;

  padding-right: 3.4375rem; }



.dz-page-text + #comment-list + .paginate-links,

.dz-page-text + #comment-list,

.dz-page-text {

  padding: 0; }



.dz-page-text.sidebar {

  width: 100%;

  padding: 0;

  max-width: 100%; }



.dz-page-text > ol,

.dz-page-text > ul,

.dz-page-text > .wp-block-gallery,

.dz-card.blog-single .dz-post-text > .wp-block-gallery,

.dz-card.blog-single .dz-post-text > ol,

.dz-card.blog-single .dz-post-text > ul {

  list-style: none;

  margin-bottom: 1.875rem; }



.dz-page-text > ol,

.dz-page-text > ul,

.dz-card.blog-single .dz-post-text > ol,

.dz-card.blog-single .dz-post-text > ul,

.dz-card.blog-single .dz-post-text.text > ol,

.dz-card.blog-single .dz-post-text.text > ul {

  padding-left: 1.25rem; }

  .dz-page-text > ol ol,

  .dz-page-text > ol ul,

  .dz-page-text > ul ol,

  .dz-page-text > ul ul,

  .dz-card.blog-single .dz-post-text > ol ol,

  .dz-card.blog-single .dz-post-text > ol ul,

  .dz-card.blog-single .dz-post-text > ul ol,

  .dz-card.blog-single .dz-post-text > ul ul,

  .dz-card.blog-single .dz-post-text.text > ol ol,

  .dz-card.blog-single .dz-post-text.text > ol ul,

  .dz-card.blog-single .dz-post-text.text > ul ol,

  .dz-card.blog-single .dz-post-text.text > ul ul {

    padding-left: 1.563rem; }



.dz-page-text > ol li,

.dz-page-text > ul li,

.dz-card.blog-single .dz-post-text > ol li,

.dz-card.blog-single .dz-post-text > ul li,

.dz-card.blog-single .dz-post-text > ol li,

.dz-card.blog-single .dz-post-text > ul li,

.dz-card.blog-single .dz-post-text.text > ol li,

.dz-card.blog-single .dz-post-text.text > ul li {

  padding: 0.5rem 0.5rem;

  position: relative;

  list-style: inherit; }



.dz-page-text > .wp-block-gallery,

.dz-card.blog-single .dz-post-text > .wp-block-gallery,

.dz-card.blog-single .dz-post-text.text > .wp-block-gallery {

  padding: 0;

  list-style: none; }



.dz-page-text > .wp-block-gallery li,

.dz-card.blog-single .dz-post-text > .wp-block-gallery li,

.dz-card.blog-single .dz-post-text.text > .wp-block-gallery li {

  padding: 0;

  list-style: none;

  margin: 0.25rem; }



.dz-page-text > .wp-block-gallery li:before,

.dz-card.blog-single .dz-post-text > .wp-block-gallery li:before,

.dz-card.blog-single .dz-post-text.text > .wp-block-gallery li:before {

  content: none; }



.wp-block-gallery .blocks-gallery-image,

.wp-block-gallery .blocks-gallery-item {

  margin: 0 0.5rem 0.5rem 0; }



.wp-block-gallery.columns-4 .blocks-gallery-image,

.wp-block-gallery.columns-4 .blocks-gallery-item,

.wp-block-gallery.columns-3 .blocks-gallery-image,

.wp-block-gallery.columns-3 .blocks-gallery-item {

  margin-right: 0.5rem; }



.content-spacious-full .wp-block-gallery {

  margin-left: calc(-12.5rem - (0.313rem/2));

  margin-right: calc(-12.5rem - (0.313rem/2));

  width: calc(100% + 25rem + 0.313rem);

  max-width: initial; }



.alignfull,

.alignwide {

  margin-left: calc(-6.25rem - (0.313rem/2));

  margin-right: calc(-6.25rem - (0.313rem/2));

  width: calc(100% + 12.5rem + 0.313rem);

  max-width: initial; }



.alignfull,

.alignfullwide {

  margin-left: calc(50% - 50vw - (var(--content-share-ml,0px)/2));

  width: 100vw;

  max-width: 100vw;

  box-sizing: border-box; }



.dz-page-text h1, .dz-page-text .h1,

.dz-post-text h1,

.dz-post-text .h1,

.thm-unit-test .dz-post-text h1,

.thm-unit-test .dz-post-text .h1 {

  margin-bottom: 1rem;

  font-weight: 700; }



.dz-page-text h2, .dz-page-text .h2,

.dz-post-text h2,

.dz-post-text .h2,

.thm-unit-test .dz-post-text h2,

.thm-unit-test .dz-post-text .h2 {

  margin-bottom: 1rem;

  font-weight: 700; }



.dz-page-text h3, .dz-page-text .h3,

.dz-post-text h3,

.dz-post-text .h3,

.thm-unit-test .dz-post-text h3,

.thm-unit-test .dz-post-text .h3 {

  margin-bottom: 1rem;

  font-weight: 700; }



.dz-page-text h4, .dz-page-text .h4,

.dz-post-text h4,

.dz-post-text .h4,

.thm-unit-test .dz-post-text h4,

.thm-unit-test .dz-post-text .h4 {

  margin-bottom: 0.75rem;

  font-weight: 600; }



.dz-page-text h5, .dz-page-text .h5,

.dz-post-text h5,

.dz-post-text .h5,

.thm-unit-test .dz-post-text h5,

.thm-unit-test .dz-post-text .h5 {

  margin-bottom: 0.75rem; }



.dz-page-text h6, .dz-page-text .h6,

.dz-post-text h6,

.dz-post-text .h6,

.thm-unit-test .dz-post-text h6,

.thm-unit-test .dz-post-text .h6 {

  margin-bottom: 0.625rem; }



.wp-block-code,

pre.wp-block-code,

pre {

  margin: 0 0 1.563rem;

  padding: 1.25rem;

  color: #fff;

  background-color: #212326;

  white-space: pre;

  font-size: 0.938rem;

  border-radius: 0.1875rem; }



.dz-page-text,

.dz-page-text ul li,

.dz-page-text ol li,

.dz-card.blog-single .dz-post-text,

.dz-card.blog-single .dz-post-text ul li,

.dz-card.blog-single .dz-post-text ol li,

.dz-card.blog-single .dz-card.blog-single .dz-post-text p:not(.has-text-color):not(.has-text-align-center):not(.has-text-align-left):not(.has-text-align-right) {

  font-size: 1rem;

  line-height: 1.7; }



.wp-block-cover,

.wp-block-cover-image {

  color: #fff; }



.wp-block-cover p:last-child,

.wp-block-cover-image p:last-child {

  margin-bottom: 0; }



.wp-block-quote.has-text-align-right {

  border-right: 0; }



.dz-page-text ul li,

.dz-page-text ol li,

.dz-card.blog-single .dz-post-text ul li,

.dz-card.blog-single .dz-post-text ol li {

  position: relative; }



.dz-page-text ul > li:before,

.dz-page-text ol > li:before,

.dz-card.blog-single .dz-post-text ul > li:before,

.dz-card.blog-single .dz-post-text ol > li:before {

  content: "";

  display: inline-block;

  width: 0.375rem;

  height: 0.375rem;

  background: #181c32;

  left: -0.938rem;

  position: absolute;

  top: 1.063rem;

  border-radius: 4px; }



.dz-page-text ul > li li:before,

.dz-page-text ol > li li:before,

.dz-card.blog-single .dz-post-text ul > li li:before,

.dz-card.blog-single .dz-post-text ol > li li:before {

  content: none; }



.dz-page-text p,

.dz-card.blog-single .dz-post-text p {

  margin-bottom: 1.65rem; }



.paginate-links {

  display: flex;

  align-items: center;

  margin: 1.5rem 0 4rem 0; }



.paginate-links a,

.paginate-links > span {

  margin: 0 0 0 0.625rem;

  position: relative;

  border: 0rem solid #6cc000;

  color: #1f2471;

  display: inline-block;

  font-size: 1rem;

  font-weight: 500;

  line-height: 2.5rem;

  min-width: 2.5rem;

  height: 2.5rem;

  text-align: center;

  text-transform: capitalize;

  transition: all 500ms ease 0s;

  background: #E0E0E0;

  border-radius: 0.1875rem; }



.wp-block-columns {

  margin-bottom: 0; }



/* Gutenberg Gallery */

.wp-block-gallery {

  display: flex;

  flex-wrap: wrap;

  list-style-type: none;

  padding: 0; }



.wp-block-gallery .blocks-gallery-image,

.wp-block-gallery .blocks-gallery-item {

  display: flex;

  flex-direction: column;

  flex-grow: 1;

  justify-content: center;

  margin: 0 1rem 1rem 0;

  position: relative; }



.wp-block-gallery .blocks-gallery-image figure,

.wp-block-gallery .blocks-gallery-item figure {

  height: 100%;

  margin: 0; }



@supports (position: -webkit-sticky) or (position: sticky) {

  .wp-block-gallery .blocks-gallery-image figure,

  .wp-block-gallery .blocks-gallery-item figure {

    align-items: flex-end;

    display: flex;

    justify-content: flex-start; } }



.wp-block-gallery .blocks-gallery-image img,

.wp-block-gallery .blocks-gallery-item img {

  display: block;

  height: auto;

  max-width: 100%;

  width: 100%; }



@supports (position: -webkit-sticky) or (position: sticky) {

  .wp-block-gallery .blocks-gallery-image img,

  .wp-block-gallery .blocks-gallery-item img {

    width: auto; } }



.wp-block-gallery .blocks-gallery-image figcaption,

.wp-block-gallery .blocks-gallery-item figcaption {

  background: linear-gradient(0deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.3) 60%, transparent);

  bottom: 0;

  color: #fff;

  font-size: 0.813rem;

  max-height: 100%;

  overflow: auto;

  padding: 2.5rem 0.625rem 0.3125rem;

  position: absolute;

  text-align: center;

  width: 100%; }



.wp-block-gallery .blocks-gallery-image figcaption img,

.wp-block-gallery .blocks-gallery-item figcaption img {

  display: inline; }



.wp-block-gallery.is-cropped .blocks-gallery-image a,

.wp-block-gallery.is-cropped .blocks-gallery-image img,

.wp-block-gallery.is-cropped .blocks-gallery-item a,

.wp-block-gallery.is-cropped .blocks-gallery-item img {

  width: 100%; }



@supports (position: -webkit-sticky) or (position: sticky) {

  .wp-block-gallery.is-cropped .blocks-gallery-image a,

  .wp-block-gallery.is-cropped .blocks-gallery-image img,

  .wp-block-gallery.is-cropped .blocks-gallery-item a,

  .wp-block-gallery.is-cropped .blocks-gallery-item img {

    -o-object-fit: cover;

    flex: 1;

    height: 100%;

    object-fit: cover; } }



.wp-block-gallery .blocks-gallery-image,

.wp-block-gallery .blocks-gallery-item {

  width: calc(50% - 0.5rem); }



.wp-block-gallery .blocks-gallery-image:nth-of-type(2n),

.wp-block-gallery .blocks-gallery-item:nth-of-type(2n) {

  margin-right: 0; }



.wp-block-gallery.columns-1 .blocks-gallery-image,

.wp-block-gallery.columns-1 .blocks-gallery-item {

  margin-right: 0;

  width: 100%; }



@media only screen and (max-width: 64rem) {

  .alignwide {

    margin-left: 0;

    margin-right: 0;

    width: 100% !important;

    max-width: 100% !important; }

  .alignwide .alignleft img {

    width: 100%; }

  .alignwide .alignleft {

    margin: 0.3125rem 0rem 1.563rem 0;

    float: none; } }



@media (min-width: 37.5rem) {

  .wp-block-gallery.columns-3 .blocks-gallery-image,

  .wp-block-gallery.columns-3 .blocks-gallery-item {

    margin-right: 1rem;

    width: calc(33.33333% - 0.666rem); }

  .wp-block-gallery.columns-4 .blocks-gallery-image,

  .wp-block-gallery.columns-4 .blocks-gallery-item {

    margin-right: 1rem;

    width: calc(25% - 0.75rem); }

  .wp-block-gallery.columns-5 .blocks-gallery-image,

  .wp-block-gallery.columns-5 .blocks-gallery-item {

    margin-right: 1rem;

    width: calc(20% - 0.8rem); }

  .wp-block-gallery.columns-6 .blocks-gallery-image,

  .wp-block-gallery.columns-6 .blocks-gallery-item {

    margin-right: 1rem;

    width: calc(16.66667% - 0.833rem); }

  .wp-block-gallery.columns-7 .blocks-gallery-image,

  .wp-block-gallery.columns-7 .blocks-gallery-item {

    margin-right: 1rem;

    width: calc(14.28571% - 0.857rem); }

  .wp-block-gallery.columns-8 .blocks-gallery-image,

  .wp-block-gallery.columns-8 .blocks-gallery-item {

    margin-right: 1rem;

    width: calc(12.5% - 0.875rem); }

  .wp-block-gallery.columns-1 .blocks-gallery-image:nth-of-type(1n),

  .wp-block-gallery.columns-1 .blocks-gallery-item:nth-of-type(1n),

  .wp-block-gallery.columns-2 .blocks-gallery-image:nth-of-type(2n),

  .wp-block-gallery.columns-2 .blocks-gallery-item:nth-of-type(2n),

  .wp-block-gallery.columns-3 .blocks-gallery-image:nth-of-type(3n),

  .wp-block-gallery.columns-3 .blocks-gallery-item:nth-of-type(3n),

  .wp-block-gallery.columns-4 .blocks-gallery-image:nth-of-type(4n),

  .wp-block-gallery.columns-4 .blocks-gallery-item:nth-of-type(4n),

  .wp-block-gallery.columns-5 .blocks-gallery-image:nth-of-type(5n),

  .wp-block-gallery.columns-5 .blocks-gallery-item:nth-of-type(5n),

  .wp-block-gallery.columns-6 .blocks-gallery-image:nth-of-type(6n),

  .wp-block-gallery.columns-6 .blocks-gallery-item:nth-of-type(6n),

  .wp-block-gallery.columns-7 .blocks-gallery-image:nth-of-type(7n),

  .wp-block-gallery.columns-7 .blocks-gallery-item:nth-of-type(7n),

  .wp-block-gallery.columns-8 .blocks-gallery-image:nth-of-type(8n),

  .wp-block-gallery.columns-8 .blocks-gallery-item:nth-of-type(8n) {

    margin-right: 0; } }



.wp-block-gallery .blocks-gallery-image:last-child,

.wp-block-gallery .blocks-gallery-item:last-child {

  margin-right: 0; }



.wp-block-gallery .blocks-gallery-item.has-add-item-button {

  width: 100%; }



.wp-block-image.alignfullwide img {

  border-radius: 0; }



.wp-block-image img {

  border-radius: 0.625rem; }



.wp-block-cover,

.wp-block-cover-image,

.wp-block-embed,

.wp-block-image {

  margin-bottom: 1.875rem;

  margin-top: 1.875rem; }



.wp-block-gallery.alignleft,

.wp-block-gallery.alignright {

  max-width: 19.0625rem;

  width: 100%; }



.wp-block-gallery.aligncenter,

.wp-block-gallery.alignleft,

.wp-block-gallery.alignright {

  display: flex; }



.wp-block-gallery.aligncenter .blocks-gallery-item figure {

  justify-content: center; }



.dz-page-text.sidebar .alignfull,

.dz-page-text.sidebar .alignfullwide,

.dz-page-text.sidebar .alignwide,

.dz-page-text.sidebar .wp-block-gallery,

.blog-single.dz-card.sidebar .alignfullwide,

.blog-single.dz-card.sidebar .alignwide,

.blog-single.dz-card.sidebar .dz-post-text .wp-block-gallery {

  margin-left: 0;

  margin-right: 0;

  width: 100%;

  max-width: initial; }



.blog-overlap {

  background: #fff;

  margin-top: -8.75rem;

  padding: 1.25rem 1.25rem 0;

  border-radius: 0.25rem 0.25rem 0rem 0rem; }



.blog-single.dz-card.sidebar {

  width: 100%;

  max-width: 100%;

  padding-left: 0;

  padding-right: 0; }



.dz-post-text table,

.dz-page-text table,

.wp-block-table {

  width: 100%;

  max-width: 100%;

  margin-bottom: 1rem;

  background-color: transparent;

  font-size: 1rem;

  margin-bottom: 1.875rem; }



.wp-block-image figcaption,

.dz-post-text figcaption,

.dz-page-text figcaption {

  font-size: 0.875rem;

  font-family: 'Poppins', sans-serif;

  font-style: normal;

  margin-top: 0.625rem; }



.dz-post-text table tbody tr:nth-of-type(odd),

.dz-page-text table tbody tr:nth-of-type(odd),

.wp-block-table tbody tr:nth-of-type(odd) {

  background-color: #fafafa; }



.dz-post-text td,

.dz-post-text th,

.dz-page-text td,

.dz-page-text th,

.wp-block-table td,

.wp-block-table th {

  padding: 0.625rem 0.938rem;

  border: 0.0625rem solid #e4e4e4;

  border-right: 0;

  border-left: 0; }



.wp-block-media-text {

  margin-bottom: 30px; }

  .wp-block-media-text .wp-block-media-text__content {

    padding: 0 1.875rem; }



.wp-block-column ol li:before,

.wp-block-column ul li:before {

  content: none !important; }



.wp-block-pullquote {

  padding: 1em 0;

  border-top: 0;

  border-bottom: 0; }

  .wp-block-pullquote cite {

    color: #fff; }

  .wp-block-pullquote.alignright, .wp-block-pullquote.alignleft {

    padding: 0;

    border-top: 0;

    border-bottom: 0; }

    .wp-block-pullquote.alignright blockquote, .wp-block-pullquote.alignleft blockquote {

      margin: 0; }



.dz-post-text .wp-block-cover-image-text,

.dz-post-text .wp-block-cover-text,

.dz-post-text section.wp-block-cover-image h2,

.dz-post-text section.wp-block-cover-image .h2,

.dz-page-text .wp-block-cover-image-text,

.dz-page-text .wp-block-cover-text,

.dz-page-text section.wp-block-cover-image h2,

.dz-page-text section.wp-block-cover-image .h2 {

  color: #fff; }



.dz-post-text .bootstrap-select .dropdown-menu li a,

.dz-page-text .bootstrap-select .dropdown-menu li a {

  box-shadow: none;

  font-size: 0.875rem;

  font-family: 'Poppins', sans-serif; }



.dz-post-text .wp-block-calendar a {

  box-shadow: none !important;

  text-decoration: unset; }



.wp-block-search,

.wp-block-archives,

.wp-block-latest-posts,

.wp-block-latest-comments,

.wp-block-categories,

.wp-block-calendar {

  margin-bottom: 2.5rem; }



/* Admin Bar */

.admin-bar .is-fixed .main-bar {

  top: 1.875rem; }



.wp-block-quote.is-style-large cite:before {

  display: none; }



/* Theme Unit Test */

.post-password-form label {

  font-size: 1rem; }



.post-password-form input[type="submit"] {

  padding: 0.625rem 1.563rem;

  background-color: var(--primary);

  border: none;

  height: 2.8125rem;

  font-weight: 600;

  font-size: 0.875rem;

  outline: none; }



.post-password-form input[type="submit"]:hover {

  background-color: var(--primary); }



.post-password-form input[type="password"] {

  height: 2.8125rem;

  border: 0.0625rem solid #ced4da; }



.wp-block-search .wp-block-search__button {

  background: var(--primary);

  border: 0;

  color: #fff;

  font-size: 0.875rem;

  text-transform: uppercase;

  font-weight: 600;

  padding: 0.625rem 1.563rem;

  -webkit-transition: all 0.5s;

  -ms-transition: all 0.5s;

  transition: all 0.5s; }



.wp-block-search .wp-block-search__input {

  border: 0.0625rem solid #e1e6eb;

  height: 2.8125rem;

  padding: 0.625rem 1.25rem;

  font-size: 0.875rem;

  outline: none; }



.wp-block-tag-cloud a {

  padding: 0.5rem 0.625rem;

  background: var(--primary);

  font-size: 0.75rem;

  display: inline-block;

  margin: 0 0 0.3125rem;

  color: #fff;

  font-weight: 600;

  transition: all 0.5s;

  -moz-transition: all 0.5s;

  -webkit-transition: all 0.5s;

  -ms-transition: all 0.5s;

  -o-transition: all 0.5s;

  text-decoration: none;

  box-shadow: none; }

  .wp-block-tag-cloud a:hover {

    background: var(--primary-hover); }



.wp-block-latest-comments {

  padding: 0 !important; }

  .wp-block-latest-comments .avatar {

    width: 3.4375rem;

    height: 3.4375rem;

    border-radius: 3.4375rem; }

  .wp-block-latest-comments .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt {

    margin-left: 4.375rem; }

  .wp-block-latest-comments .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta {

    color: var(--title);

    font-family: 'Poppins', sans-serif;

    font-size: 1.063rem;

    font-weight: 500;

    line-height: 1.7;

    margin-bottom: 0.625rem; }

    .wp-block-latest-comments .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta a {

      color: var(--title);

      box-shadow: none;

      text-decoration: none; }

  .wp-block-latest-comments img + article .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta {

    margin-left: 4.375rem; }

  .wp-block-latest-comments .wp-block-latest-comments__comment-meta time {

    display: block;

    width: 100%;

    color: #9fa1a4;

    font-size: 0.813rem;

    font-weight: 400; }

  .wp-block-latest-comments .wp-block-latest-comments__comment-excerpt p {

    font-size: 1rem !important;

    line-height: 1.5 !important;

    margin-bottom: 0.625rem !important; }

  .wp-block-latest-comments li {

    padding: 0 !important;

    border-bottom: 0.0625rem solid #eee;

    padding-bottom: 0.625rem !important; }

    .wp-block-latest-comments li:before {

      content: none !important; }



.wp-block-latest-comments__comment-avatar {

  width: 3.4375rem;

  height: 3.4375rem;

  border-radius: 3.4375rem; }



.comment-content.dz-page-text {

  max-width: 100%; }



.wp-block-rss {

  padding: 0 !important; }

  .wp-block-rss .wp-block-rss__item {

    padding: 0.3125rem 0 !important;

    border-bottom: 0.0625rem solid #eee; }

    .wp-block-rss .wp-block-rss__item:before {

      content: none !important; }

    .wp-block-rss .wp-block-rss__item a {

      font-family: 'Poppins', sans-serif;

      font-size: 1.125rem;

      box-shadow: unset !important;

      font-weight: 600;

      color: var(--title);

      text-decoration: none; }



@media only screen and (max-width: 75rem) {

  .dz-page-text .wp-block-gallery,

  .dz-card.blog-single .dz-post-text .wp-block-gallery {

    margin-left: calc(-6.25rem - (0.625rem/2));

    margin-right: calc(-6.25rem - (0.625rem/2));

    width: calc(100% + 12.5rem + 0.625rem); } }



@media only screen and (max-width: 61.9375rem) {

  .admin-bar .mo-left .header-nav {

    top: 1.875rem;

    height: calc(100vh - 1.875rem) !important; }

  .dz-page-text .wp-block-gallery,

  .dz-card.blog-single .dz-post-text .wp-block-gallery {

    margin-left: 0;

    margin-right: 0;

    width: 100%; }

  .dz-page-text,

  .dz-page-text ul li,

  .dz-page-text ol li,

  .dz-page-text p,

  .dz-card.blog-single .dz-post-text,

  .dz-card.blog-single .dz-post-text ul li,

  .dz-card.blog-single .dz-post-text ol li,

  .dz-card.blog-single .dz-post-text p {

    font-size: 1rem; } }



@media only screen and (max-width: 48.875rem) {

  .admin-bar .is-fixed .main-bar {

    top: 2.8125rem; }

  .admin-bar .mo-left .header-nav {

    top: 2.8125rem;

    height: calc(100vh - 2.812rem) !important; }

  .wp-block-media-text {

    display: block; }

  .wp-block-media-text .wp-block-media-text__media {

    margin-bottom: 0.938rem; }

  .wp-block-media-text .wp-block-media-text__content {

    padding: 0; } }



@media only screen and (max-width: 37.5rem) {

  .admin-bar .is-fixed .main-bar {

    top: 0; }

  .admin-bar .mo-left .header-nav {

    top: 2.8125rem;

    height: calc(100vh - 2.812rem) !important; }

  .admin-bar .mo-left .is-fixed .header-nav {

    top: 0;

    height: 100vh !important; } }



.post-footer {

  border-top: 0.0625rem solid rgba(0, 0, 0, 0.1);

  display: flex;

  align-items: center;

  justify-content: space-between;

  padding: 0.938rem 0 0; }

  .post-footer .dz-meta .tag-list {

    padding-bottom: 0;

    text-align: left;

    margin: 0;

    padding: 0;

    list-style: none;

    text-transform: capitalize;

    display: inline; }

  .post-footer .dz-meta ul li {

    margin-right: 0.3125rem;

    padding: 0;

    display: inline-block;

    color: #333333;

    font-weight: 500;

    font-size: 0.938rem;

    font-style: italic; }

  .post-footer .post-tag a {

    text-transform: capitalize;

    font-size: 0.938rem;

    color: #999;

    background: transparent;

    padding: 0;

    border: 0;

    line-height: 0.875rem;

    font-weight: 500; }



.share-post li {

  display: inline-block; }



.share-post a {

  width: 2.1875rem;

  height: 2.1875rem;

  border-radius: 2.1875rem;

  border: 0.0625rem solid #eee;

  display: block;

  text-align: center;

  line-height: 2.0625rem;

  color: #181c32; }



.extra-blog {

  margin-bottom: 30px; }



@media only screen and (max-width: 575px) {

  .comment-respond.style-1 .comment-reply-title {

    margin-bottom: 20px; } }



.default-form.comment-respond .comment-reply-title,

.comments-area .comments-title,

.extra-blog .blog-title {

  font-size: 23px;

  font-weight: 800; }



.comments-area .comment-list {

  margin-bottom: 60px;

  padding: 0; }

  @media only screen and (max-width: 767px) {

    .comments-area .comment-list {

      margin-bottom: 40px; } }

  .comments-area .comment-list .default-form {

    margin-top: 3.5rem;

    margin-bottom: 3.5rem; }

    .comments-area .comment-list .default-form small, .comments-area .comment-list .default-form .small {

      font-size: 12px;

      font-weight: 400;

      letter-spacing: 1px; }

      .comments-area .comment-list .default-form small a, .comments-area .comment-list .default-form .small a {

        color: #e10000; }

  .comments-area .comment-list .dz-page-text {

    padding-bottom: 0 !important; }

  .comments-area .comment-list > .comment .comment-body {

    position: relative;

    padding: 0 0 25px 115px;

    margin-bottom: 30px;

    min-height: 125px;

    border-bottom: 2px solid rgba(0, 0, 0, 0.1); }

    @media only screen and (max-width: 767px) {

      .comments-area .comment-list > .comment .comment-body {

        padding: 0 0 25px 75px; } }

    @media only screen and (max-width: 575px) {

      .comments-area .comment-list > .comment .comment-body {

        padding: 0 0 20px 75px; } }

    .comments-area .comment-list > .comment .comment-body .comment-author .avatar {

      position: absolute;

      left: 0;

      height: 95px;

      width: 95px;

      border-radius: var(--border-radius-sm); }

      @media only screen and (max-width: 767px) {

        .comments-area .comment-list > .comment .comment-body .comment-author .avatar {

          height: 60px;

          width: 60px; } }

    .comments-area .comment-list > .comment .comment-body .comment-author .fn {

      font-size: 20px;

      line-height: 18px;

      color: var(--title);

      font-weight: 600;

      font-style: normal;

      margin-bottom: 15px;

      display: block;

      padding-top: 10px;

      font-family: var(--font-family-title); }

      @media only screen and (max-width: 767px) {

        .comments-area .comment-list > .comment .comment-body .comment-author .fn {

          padding-top: 0;

          margin-bottom: 10px; } }

    .comments-area .comment-list > .comment .comment-body p {

      font-size: 16px;

      margin-bottom: 10px; }

      @media only screen and (max-width: 767px) {

        .comments-area .comment-list > .comment .comment-body p {

          margin-bottom: 12px; } }

    .comments-area .comment-list > .comment .comment-body .reply .comment-reply-link {

      font-weight: 500;

      text-transform: uppercase;

      font-size: 12px;

      background: var(--primary);

      color: #fff;

      padding: 6px 10px 4px 10px;

      display: inline-block;

      line-height: 1.3;

      -webkit-transition: all 0.8s;

      -ms-transition: all 0.8s;

      transition: all 0.8s;

      position: absolute;

      right: 0;

      top: 0; }

      .comments-area .comment-list > .comment .comment-body .reply .comment-reply-link:hover {

        background: var(--primary-hover); }

      .comments-area .comment-list > .comment .comment-body .reply .comment-reply-link i {

        margin-right: 8px;

        font-size: 14px; }

      @media only screen and (max-width: 767px) {

        .comments-area .comment-list > .comment .comment-body .reply .comment-reply-link {

          position: unset; } }

  .comments-area .comment-list > .comment:last-child {

    border-bottom: 0;

    margin-bottom: 0; }

  .comments-area .comment-list > .comment > .children {

    padding-left: 50px; }

  .comments-area .comment-list .comment-form {

    margin-bottom: 40px; }



.comment-reply-title a {

  font-size: 16px;

  font-weight: 600; }



.comment-respond small, .comment-respond .small {

  font-size: 14px;

  margin-left: 7px; }

  .comment-respond small a, .comment-respond .small a {

    color: #ef060f; }



.comment-respond .comment-form {

  display: flex;

  flex-wrap: wrap;

  margin-left: -10px;

  margin-right: -10px; }

  .comment-respond .comment-form p {

    margin-bottom: 20px;

    padding-left: 10px;

    padding-right: 10px;

    width: 50%; }

    .comment-respond .comment-form p label {

      display: none; }

    .comment-respond .comment-form p.comment-form-author input,

    .comment-respond .comment-form p.comment-form-email input,

    .comment-respond .comment-form p.comment-form-url input,

    .comment-respond .comment-form p textarea {

      height: 60px;

      border: 1px solid;

      border-color: #f3f4f6;

      padding: 15px 20px;

      font-size: 15px;

      font-weight: 400;

      color: #555;

      -webkit-transition: all 0.8s;

      -ms-transition: all 0.8s;

      transition: all 0.8s;

      background: #f3f4f6;

      width: 100%;

      border-radius: var(--border-radius); }

      .comment-respond .comment-form p.comment-form-author input:focus, .comment-respond .comment-form p.comment-form-author input:active,

      .comment-respond .comment-form p.comment-form-email input:focus,

      .comment-respond .comment-form p.comment-form-email input:active,

      .comment-respond .comment-form p.comment-form-url input:focus,

      .comment-respond .comment-form p.comment-form-url input:active,

      .comment-respond .comment-form p textarea:focus,

      .comment-respond .comment-form p textarea:active {

        background: #fff;

        border-color: var(--primary); }

    .comment-respond .comment-form p textarea {

      height: 120px !important; }

    .comment-respond .comment-form p.comment-form-url {

      width: 100%; }

  .comment-respond .comment-form .comment-form-comment {

    width: 100%;

    padding-left: 10px;

    padding-right: 10px; }

  .comment-respond .comment-form .comment-form-rating {

    width: 100%;

    padding-left: 10px;

    padding-right: 10px;

    margin-bottom: 20px;

    display: flex; }

    .comment-respond .comment-form .comment-form-rating .rating-stars ul li.star i {

      font-size: 16px; }



@media only screen and (max-width: 575px) {

  .comment-respond .comment-form .comment-form-author,

  .comment-respond .comment-form .comment-form-email,

  .comment-respond .comment-form .comment-form-url {

    width: 100% !important; } }



.dz-page-text [class*="galleryid-"],

.dz-post-text [class*="galleryid-"] {

  clear: both;

  margin: 0 auto;

  overflow: hidden; }



.gallery .gallery-item {

  width: 100%;

  display: inline-block;

  vertical-align: top;

  text-align: center;

  padding: 0.3125rem;

  position: relative;

  box-sizing: border-box; }

  .gallery .gallery-item img {

    float: left;

    padding: 0 0rem;

    width: 100%;

    border: none !important; }



.gallery .gallery-caption {

  font-size: 0.813rem;

  color: #707070;

  display: block;

  font-family: "Noto Sans", sans-serif;

  line-height: 1.5;

  padding: 0.5em 0;

  clear: both; }



.gallery-columns-6 .gallery-caption,

.gallery-columns-7 .gallery-caption,

.gallery-columns-8 .gallery-caption,

.gallery-columns-9 .gallery-caption {

  display: none; }



.gallery-columns-2 .gallery-item {

  max-width: 50%; }



.gallery-columns-3 .gallery-item {

  max-width: 33.33%; }



.gallery-columns-4 .gallery-item {

  max-width: 25%; }



.gallery-columns-5 .gallery-item {

  max-width: 20%; }



.gallery-columns-6 .gallery-item {

  max-width: 16.66%; }



.gallery-columns-7 .gallery-item {

  max-width: 14.28%; }



.gallery-columns-8 .gallery-item {

  max-width: 12.5%; }



.gallery-columns-9 .gallery-item {

  max-width: 11.11%; }



.gallery-icon img {

  margin: 0 auto; }



.post-password-form {

  position: relative;

  clear: both; }

  .post-password-form label {

    display: block;

    font-size: 1rem; }

  .post-password-form input[type="password"] {

    width: 100%;

    border: 0.0625rem solid #ebedf2;

    padding: 0.625rem 6.25rem 0.625rem 0.938rem;

    height: 2.8125rem;

    border: 0.0625rem solid #ced4da; }

  .post-password-form input[type="submit"] {

    position: absolute;

    bottom: 0;

    right: 0;

    padding: 0.625rem 1.25rem;

    background: var(--primary);

    color: #FFF;

    border: none;

    text-transform: uppercase;

    font-weight: 600;

    font-size: 0.875rem;

    outline: none;

    height: 2.8125rem; }

    .post-password-form input[type="submit"]:hover {

      background: var(--primary-hover); }



@media only screen and (max-width: 991px) {

  .side-bar.sticky-top {

    position: unset; } }



.blog-post-banner {

  min-height: 300px;

  padding-top: 70px;

  padding-bottom: 70px; }

  .blog-post-banner .dz-title {

    color: #fff;

    font-size: 32px;

    margin-bottom: 20px; }

  .blog-post-banner .dz-meta {

    color: #fff; }

    .blog-post-banner .dz-meta ul {

      display: flex;

      opacity: 0.7; }

      .blog-post-banner .dz-meta ul li {

        margin-right: 20px; }

        .blog-post-banner .dz-meta ul li a {

          color: #fff; }



.post-outside {

  margin-top: -120px; }



.single-post .main-bar {

  border-bottom: 1px solid #eee; }



.dz-load-more i:before,

.loadmore-btn i:before {

  -webkit-animation: unset !important;

  -moz-animation: unset !important;

  animation: unset !important; }



.dz-share-post {

  border-top: 1px solid #cccccc;

  border-top-style: dashed;

  display: flex;

  align-items: center;

  justify-content: space-between;

  padding: 20px 0; }

  .dz-share-post .post-tags a {

    border: 2px solid;

    padding: 10px 20px;

    display: inline-block;

    margin: 0 5px 10px;

    font-size: 14px;

    color: inherit;

    line-height: 1.4;

    border-color: rgba(0, 0, 0, 0.1);

    -webkit-transition: all 0.8s;

    -ms-transition: all 0.8s;

    transition: all 0.8s; }

    .dz-share-post .post-tags a:hover {

      background-color: var(--primary-hover);

      border-color: var(--primary-hover);

      color: #fff; }

  @media only screen and (max-width: 767px) {

    .dz-share-post {

      display: block; }

      .dz-share-post .post-tags {

        margin-top: 20px; } }

  @media only screen and (max-width: 575px) {

    .dz-share-post .post-tags a {

      margin-right: 5px; } }



#comment-list:empty + .paginate-links {

  margin-top: -30px; }



.post-swiper {

  position: relative; }

  .post-swiper .prev-post-swiper-btn,

  .post-swiper .next-post-swiper-btn {

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    height: 40px;

    width: 40px;

    border-radius: 50px;

    text-align: center;

    line-height: 40px;

    font-size: 14px;

    background-color: #fff;

    color: var(--primary);

    z-index: 1;

    -webkit-transition: all 0.8s;

    -ms-transition: all 0.8s;

    transition: all 0.8s; }

    .post-swiper .prev-post-swiper-btn:hover,

    .post-swiper .next-post-swiper-btn:hover {

      background-color: var(--primary);

      color: #fff; }

  .post-swiper .prev-post-swiper-btn {

    left: 10px; }

  .post-swiper .next-post-swiper-btn {

    right: 10px; }



.author-box {

  padding: 35px;

  background: #f3f4f6;

  border-radius: var(--border-radius); }

  .author-box .author-profile-info {

    display: flex; }

    @media only screen and (max-width: 575px) {

      .author-box .author-profile-info {

        display: block;

        text-align: center; } }

    .author-box .author-profile-info .author-profile-pic {

      width: 120px;

      height: 120px;

      overflow: hidden;

      min-width: 120px; }

      @media only screen and (max-width: 575px) {

        .author-box .author-profile-info .author-profile-pic {

          width: 80px;

          height: 80px;

          min-width: 80px;

          margin-bottom: 20px;

          margin-left: auto;

          margin-right: auto; } }

      .author-box .author-profile-info .author-profile-pic img {

        width: 100%; }

    .author-box .author-profile-info .author-profile-content {

      padding-left: 25px; }

      @media only screen and (max-width: 575px) {

        .author-box .author-profile-info .author-profile-content {

          padding-left: 0;

          padding-right: 0; } }

      .author-box .author-profile-info .author-profile-content p {

        margin-bottom: 25px; }

      .author-box .author-profile-info .author-profile-content ul {

        padding: 0;

        margin: 0;

        margin-right: 5px;

        display: table;

        float: left; }

        @media only screen and (max-width: 575px) {

          .author-box .author-profile-info .author-profile-content ul {

            display: inline-block;

            float: none;

            margin-right: 0; } }

        .author-box .author-profile-info .author-profile-content ul li {

          padding: 0;

          margin: 0;

          margin-right: 10px;

          float: left; }

          @media only screen and (max-width: 575px) {

            .author-box .author-profile-info .author-profile-content ul li {

              margin-right: 5px;

              margin-left: 5px; } }

          .author-box .author-profile-info .author-profile-content ul li a {

            height: 40px;

            width: 40px;

            line-height: 40px;

            text-align: center;

            font-size: 14px;

            background: var(--primary);

            color: #fff;

            vertical-align: middle;

            display: block;

            -webkit-transition: all 0.8s;

            -ms-transition: all 0.8s;

            transition: all 0.8s;

            border-radius: var(--border-radius-sm); }

            .author-box .author-profile-info .author-profile-content ul li a:hover {

              background: var(--primary-hover); }



.error-page {

  background-color: #000;

  height: 100vh;

  padding: 50px;

  position: relative; }

  .error-page .error-inner {

    z-index: 1;

    position: absolute;

    left: 50%;

    top: 50%;

    max-width: 600px;

    transform: translate(-50%, -50%);

    padding: 20px; }

    @media only screen and (max-width: 575px) {

      .error-page .error-inner {

        width: 100%; } }

  .error-page .error-head {

    color: #fff;

    margin-bottom: 40px; }

    @media only screen and (max-width: 575px) {

      .error-page .error-head {

        font-size: 20px;

        margin-bottom: 30px; } }

  .error-page:after {

    content: "";

    height: 100%;

    width: 100%;

    background-color: #f00;

    position: absolute;

    top: 0;

    left: 0;

    mix-blend-mode: multiply; }

  .error-page .dz_error {

    position: relative;

    color: #fff;

    font-size: 200px;

    letter-spacing: 28px;

    animation: dzError 1s infinite linear alternate-reverse;

    font-weight: 900;

    line-height: 200px;

    margin: auto; }

    @media only screen and (max-width: 991px) {

      .error-page .dz_error {

        font-size: 150px;

        line-height: 150px; } }

    @media only screen and (max-width: 575px) {

      .error-page .dz_error {

        font-size: 80px;

        line-height: 80px;

        letter-spacing: 5px; } }

    .error-page .dz_error::before, .error-page .dz_error::after {

      content: attr(data-text);

      position: absolute;

      top: 0;

      width: 100%;

      height: 100%; }

    .error-page .dz_error::before {

      left: 2px;

      text-shadow: -2px 0 #d700a3;

      clip: rect(44px, 450px, 56px, 0);

      animation: dzError1 5s infinite linear alternate-reverse; }

    .error-page .dz_error::after {

      left: -2px;

      text-shadow: -2px 0 #d700a3, 2px 2px #d700a3;

      clip: rect(44px, 450px, 56px, 0);

      animation: dzError2 5s infinite linear alternate-reverse; }



@keyframes dzError1 {

  0% {

    clip: rect(38px, 9999px, 192px, 0);

    transform: skew(0.878deg); }

  2.5% {

    clip: rect(195px, 9999px, 407px, 0);

    transform: skew(0.282deg); }

  5% {

    clip: rect(44px, 9999px, 373px, 0);

    transform: skew(0.46deg); }

  7.5% {

    clip: rect(371px, 9999px, 419px, 0);

    transform: skew(0.186deg); }

  10% {

    clip: rect(473px, 9999px, 205px, 0);

    transform: skew(0.752deg); }

  12.5% {

    clip: rect(298px, 9999px, 415px, 0);

    transform: skew(0.424deg); }

  15% {

    clip: rect(155px, 9999px, 407px, 0);

    transform: skew(0.162deg); }

  17.5% {

    clip: rect(389px, 9999px, 305px, 0);

    transform: skew(0.158deg); }

  20% {

    clip: rect(30px, 9999px, 332px, 0);

    transform: skew(0.302deg); }

  22.5% {

    clip: rect(322px, 9999px, 372px, 0);

    transform: skew(0.856deg); }

  25% {

    clip: rect(152px, 9999px, 262px, 0);

    transform: skew(0.078deg); }

  27.5% {

    clip: rect(224px, 9999px, 16px, 0);

    transform: skew(0.82deg); }

  30% {

    clip: rect(248px, 9999px, 241px, 0);

    transform: skew(0.392deg); }

  32.5% {

    clip: rect(103px, 9999px, 287px, 0);

    transform: skew(0.346deg); }

  35% {

    clip: rect(229px, 9999px, 430px, 0);

    transform: skew(0.788deg); }

  37.5% {

    clip: rect(348px, 9999px, 452px, 0);

    transform: skew(0.264deg); }

  40% {

    clip: rect(146px, 9999px, 106px, 0);

    transform: skew(0.88deg); }

  42.5% {

    clip: rect(19px, 9999px, 309px, 0);

    transform: skew(0.884deg); }

  45% {

    clip: rect(413px, 9999px, 123px, 0);

    transform: skew(0.832deg); }

  47.5% {

    clip: rect(328px, 9999px, 310px, 0);

    transform: skew(0.21deg); }

  50% {

    clip: rect(190px, 9999px, 377px, 0);

    transform: skew(0.058deg); }

  52.5% {

    clip: rect(186px, 9999px, 152px, 0);

    transform: skew(0.556deg); }

  55% {

    clip: rect(313px, 9999px, 89px, 0);

    transform: skew(0.426deg); }

  57.5% {

    clip: rect(472px, 9999px, 255px, 0);

    transform: skew(0.056deg); }

  60% {

    clip: rect(308px, 9999px, 334px, 0);

    transform: skew(0.482deg); }

  62.5% {

    clip: rect(253px, 9999px, 324px, 0);

    transform: skew(0.484deg); }

  65% {

    clip: rect(172px, 9999px, 413px, 0);

    transform: skew(0.524deg); }

  67.5% {

    clip: rect(482px, 9999px, 493px, 0);

    transform: skew(0.52deg); }

  70% {

    clip: rect(359px, 9999px, 229px, 0);

    transform: skew(0.496deg); }

  72.5% {

    clip: rect(62px, 9999px, 422px, 0);

    transform: skew(0.544deg); }

  75% {

    clip: rect(196px, 9999px, 125px, 0);

    transform: skew(0.596deg); }

  77.5% {

    clip: rect(187px, 9999px, 440px, 0);

    transform: skew(0.03deg); }

  80% {

    clip: rect(313px, 9999px, 69px, 0);

    transform: skew(0.932deg); }

  82.5% {

    clip: rect(256px, 9999px, 358px, 0);

    transform: skew(0.688deg); }

  85% {

    clip: rect(310px, 9999px, 242px, 0);

    transform: skew(0.096deg); }

  87.5% {

    clip: rect(327px, 9999px, 50px, 0);

    transform: skew(0.46deg); }

  90% {

    clip: rect(179px, 9999px, 415px, 0);

    transform: skew(0.946deg); }

  92.5% {

    clip: rect(434px, 9999px, 265px, 0);

    transform: skew(0.404deg); }

  95% {

    clip: rect(141px, 9999px, 417px, 0);

    transform: skew(0.286deg); }

  97.5% {

    clip: rect(16px, 9999px, 457px, 0);

    transform: skew(0.544deg); } }



@keyframes dzError2 {

  0% {

    clip: rect(43px, 9999px, 393px, 0);

    transform: skew(0.056deg); }

  2.5% {

    clip: rect(360px, 9999px, 403px, 0);

    transform: skew(0.61deg); }

  5% {

    clip: rect(32px, 9999px, 246px, 0);

    transform: skew(0.484deg); }

  7.5% {

    clip: rect(397px, 9999px, 477px, 0);

    transform: skew(0.68deg); }

  10% {

    clip: rect(59px, 9999px, 389px, 0);

    transform: skew(0.466deg); }

  12.5% {

    clip: rect(390px, 9999px, 270px, 0);

    transform: skew(0.094deg); }

  15% {

    clip: rect(435px, 9999px, 364px, 0);

    transform: skew(0.704deg); }

  17.5% {

    clip: rect(429px, 9999px, 378px, 0);

    transform: skew(0.82deg); }

  20% {

    clip: rect(330px, 9999px, 164px, 0);

    transform: skew(0.368deg); }

  22.5% {

    clip: rect(109px, 9999px, 18px, 0);

    transform: skew(0.802deg); }

  25% {

    clip: rect(260px, 9999px, 18px, 0);

    transform: skew(0.646deg); }

  27.5% {

    clip: rect(289px, 9999px, 272px, 0);

    transform: skew(0.548deg); }

  30% {

    clip: rect(363px, 9999px, 52px, 0);

    transform: skew(0.506deg); }

  32.5% {

    clip: rect(329px, 9999px, 17px, 0);

    transform: skew(0.822deg); }

  35% {

    clip: rect(381px, 9999px, 69px, 0);

    transform: skew(0.96deg); }

  37.5% {

    clip: rect(459px, 9999px, 384px, 0);

    transform: skew(0.598deg); }

  40% {

    clip: rect(168px, 9999px, 81px, 0);

    transform: skew(0.922deg); }

  42.5% {

    clip: rect(299px, 9999px, 84px, 0);

    transform: skew(0.272deg); }

  45% {

    clip: rect(326px, 9999px, 458px, 0);

    transform: skew(0.276deg); }

  47.5% {

    clip: rect(263px, 9999px, 261px, 0);

    transform: skew(0.542deg); }

  50% {

    clip: rect(250px, 9999px, 479px, 0);

    transform: skew(0.312deg); }

  52.5% {

    clip: rect(314px, 9999px, 194px, 0);

    transform: skew(0.766deg); }

  55% {

    clip: rect(333px, 9999px, 266px, 0);

    transform: skew(0.654deg); }

  57.5% {

    clip: rect(473px, 9999px, 179px, 0);

    transform: skew(0.628deg); }

  60% {

    clip: rect(169px, 9999px, 8px, 0);

    transform: skew(0.57deg); }

  62.5% {

    clip: rect(427px, 9999px, 445px, 0);

    transform: skew(0.518deg); }

  65% {

    clip: rect(36px, 9999px, 25px, 0);

    transform: skew(0.376deg); }

  67.5% {

    clip: rect(339px, 9999px, 295px, 0);

    transform: skew(0.826deg); }

  70% {

    clip: rect(331px, 9999px, 427px, 0);

    transform: skew(0.446deg); }

  72.5% {

    clip: rect(443px, 9999px, 308px, 0);

    transform: skew(0.844deg); }

  75% {

    clip: rect(85px, 9999px, 223px, 0);

    transform: skew(0.728deg); }

  77.5% {

    clip: rect(335px, 9999px, 300px, 0);

    transform: skew(0.114deg); }

  80% {

    clip: rect(324px, 9999px, 187px, 0);

    transform: skew(0.332deg); }

  82.5% {

    clip: rect(383px, 9999px, 487px, 0);

    transform: skew(0.696deg); }

  85% {

    clip: rect(275px, 9999px, 105px, 0);

    transform: skew(0.844deg); }

  87.5% {

    clip: rect(84px, 9999px, 291px, 0);

    transform: skew(0.216deg); }

  90% {

    clip: rect(388px, 9999px, 233px, 0);

    transform: skew(0.698deg); }

  92.5% {

    clip: rect(315px, 9999px, 251px, 0);

    transform: skew(0.43deg); }

  95% {

    clip: rect(247px, 9999px, 267px, 0);

    transform: skew(0.18deg); }

  97.5% {

    clip: rect(342px, 9999px, 299px, 0);

    transform: skew(0.53deg); } }



@keyframes dzError {

  0% {

    transform: skew(2deg); }

  10% {

    transform: skew(-1deg); }

  20% {

    transform: skew(-2deg); }

  30% {

    transform: skew(5deg); }

  40% {

    transform: skew(-3deg); }

  50% {

    transform: skew(-3deg); }

  60% {

    transform: skew(-1deg); }

  70% {

    transform: skew(1deg); }

  80% {

    transform: skew(-1deg); }

  90% {

    transform: skew(-4deg); } }



.item-box .item-img {

  position: relative;

  z-index: 1;

  overflow: hidden;

  border-radius: var(--border-radius-base); }

  .item-box .item-img img {

    width: 100%; }

  .item-box .item-img .item-info-in {

    position: absolute;

    z-index: 1;

    left: 50%;

    transform: translateX(-50%) translateY(70px);

    opacity: 0;

    bottom: 30px;

    width: 100%;

    text-align: center;

    padding: 0 20px;

    -webkit-transition: all 0.2s;

    -ms-transition: all 0.2s;

    transition: all 0.2s; }

    .item-box .item-img .item-info-in li {

      display: inline-block;

      margin: 0 4px; }

      .item-box .item-img .item-info-in li a {

        display: inline-block;

        height: 40px;

        width: 40px;

        font-size: 21px;

        line-height: 46px;

        text-align: center;

        background-color: #fff;

        color: #000;

        -webkit-transition: all 0.8s;

        -ms-transition: all 0.8s;

        transition: all 0.8s; }

        .item-box .item-img .item-info-in li a:hover {

          background: var(--secondary);

          color: #fff; }

  .item-box .item-img .badge {

    position: absolute;

    top: 30px;

    right: 0px;

    z-index: 1;

    padding: 6px 15px;

    font-size: 14px;

    border-radius: 20px 0 0 20px; }

  .item-box .item-img:after {

    content: "";

    position: absolute;

    height: 100%;

    width: 100%;

    top: 0;

    left: 0;

    z-index: 0;

    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 33%, rgba(0, 0, 0, 0) 62%, rgba(0, 0, 0, 0.7) 100%);

    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 33%, rgba(0, 0, 0, 0) 62%, rgba(0, 0, 0, 0.7) 100%);

    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 33%, rgba(0, 0, 0, 0) 62%, rgba(0, 0, 0, 0.7) 100%);

    opacity: 0;

    -webkit-transition: all 0.2s;

    -ms-transition: all 0.2s;

    transition: all 0.2s; }



.item-box .item-price {

  font-size: 22px;

  font-weight: 700; }

  .item-box .item-price del {

    opacity: .6; }



.item-box .item-info {

  padding: 15px 25px; }



.item-box .item-title {

  font-size: 20px; }



.item-box:hover .item-img .item-info-in {

  transform: translateX(-50%) translateY(0px);

  opacity: 1; }



.item-box:hover .item-img:after {

  opacity: 1; }



.item-review {

  margin-bottom: 5px; }

  .item-review li {

    display: inline-block; }

    .item-review li i {

      color: #f98e32;

      font-size: 14px; }



.shop-item-tage a {

  font-weight: 600;

  margin-left: 7px; }



.product-brand .search-content {

  padding: 7px 0 7px 25px;

  margin-bottom: 0; }

  .product-brand .search-content .form-check-input {

    border-radius: 0; }



.price-slide #slider-range {

  margin: 0 10px; }



.price-slide .amount {

  border: 0;

  padding-top: 20px;

  color: #777777; }



.price-slide .ui-slider-horizontal .ui-slider-range {

  background: var(--primary); }



.product-item-color input {

  display: none; }



.product-item-color .btn-check:checked + .btn:after, .product-item-color .btn-check:checked + .wp-block-button__link:after {

  opacity: 1; }



.product-item-color .btn, .product-item-color .wp-block-button__link {

  padding: 0;

  height: 35px;

  width: 35px;

  line-height: 35px;

  justify-content: center;

  border-radius: 35px !important;

  margin-right: 6px;

  border: 0; }

  .product-item-color .btn:after, .product-item-color .wp-block-button__link:after {

    content: "\f058";

    font-family: 'Font Awesome 5 Free';

    color: #fff;

    font-size: 20px;

    opacity: 0; }



.product-size .btn, .product-size .wp-block-button__link {

  padding: 0;

  height: 45px;

  width: 45px;

  line-height: 45px;

  justify-content: center;

  border-radius: var(--border-radius-base) !important;

  background: #efefef;

  color: var(--primary);

  margin-right: 6px; }



.product-size .btn-check:checked + .btn, .product-size .btn-check:checked + .wp-block-button__link {

  background: var(--primary);

  color: #fff; }



.shop-item-rating {

  position: absolute;

  top: 0;

  right: 0;

  text-align: right; }



.thumb-slider {

  position: absolute;

  height: 100%;

  width: 100%;

  padding: 0 15px; }

  .thumb-slider .swiper-slide {

    height: auto; }

  @media only screen and (max-width: 991px) {

    .thumb-slider {

      padding-left: 0; } }



.dz-thum-bx .overlay-bx {

  opacity: 1;

  visibility: visible; }

  .dz-thum-bx .overlay-bx .overlay-icon {

    top: 20px;

    transform: translate(0px, 0px);

    height: auto;

    width: auto;

    right: 20px;

    left: auto;

    padding: 0; }

    .dz-thum-bx .overlay-bx .overlay-icon svg {

      width: 35px;

      height: 35px; }

      .dz-thum-bx .overlay-bx .overlay-icon svg path {

        fill: var(--primary); }



.single-image-slider .swiper-button-next,

.single-image-slider .swiper-button-prev,

.single-image-slider .swiper-button-next-related,

.single-image-slider .swiper-button-prev-related,

.related-item-swiper .swiper-button-next,

.related-item-swiper .swiper-button-prev,

.related-item-swiper .swiper-button-next-related,

.related-item-swiper .swiper-button-prev-related {

  height: 50px;

  width: 50px;

  line-height: 50px;

  background: rgba(0, 0, 0, 0.4);

  color: #fff; }

  .single-image-slider .swiper-button-next:after,

  .single-image-slider .swiper-button-prev:after,

  .single-image-slider .swiper-button-next-related:after,

  .single-image-slider .swiper-button-prev-related:after,

  .related-item-swiper .swiper-button-next:after,

  .related-item-swiper .swiper-button-prev:after,

  .related-item-swiper .swiper-button-next-related:after,

  .related-item-swiper .swiper-button-prev-related:after {

    font-size: 20px; }



.related-item-swiper .swiper-button-next-related,

.related-item-swiper .swiper-button-prev-related {

  position: absolute;

  top: 38%;

  transform: translateY(-50%);

  z-index: 1; }

  .related-item-swiper .swiper-button-next-related:after,

  .related-item-swiper .swiper-button-prev-related:after {

    font-family: swiper-icons;

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%); }

  .related-item-swiper .swiper-button-next-related.swiper-button-disabled,

  .related-item-swiper .swiper-button-prev-related.swiper-button-disabled {

    opacity: .35;

    cursor: auto;

    pointer-events: none; }



.related-item-swiper .swiper-button-next-related {

  right: 10px; }

  .related-item-swiper .swiper-button-next-related:after {

    content: 'next'; }



.related-item-swiper .swiper-button-prev-related {

  left: 10px; }

  .related-item-swiper .swiper-button-prev-related:after {

    content: 'prev'; }



.thumb-slider-navigation {

  position: absolute;

  bottom: 0;

  width: 100%;

  height: 35px;

  left: 0;

  padding: 0 15px;

  display: flex;

  justify-content: space-between;

  z-index: 1; }

  .thumb-slider-navigation .swiper-button-next-thumb,

  .thumb-slider-navigation .swiper-button-prev-thumb {

    height: 35px;

    width: 48%;

    position: relative;

    background: rgba(0, 0, 0, 0.4);

    color: #fff; }

    .thumb-slider-navigation .swiper-button-next-thumb:after,

    .thumb-slider-navigation .swiper-button-prev-thumb:after {

      font-family: swiper-icons;

      position: absolute;

      left: 50%;

      top: 50%;

      transform: translate(-50%, -50%) rotate(90deg); }

  .thumb-slider-navigation .swiper-button-next-thumb:after {

    content: 'next'; }

  .thumb-slider-navigation .swiper-button-prev-thumb:after {

    content: 'prev'; }

  @media only screen and (max-width: 991px) {

    .thumb-slider-navigation {

      padding-left: 0; } }



.btn-quantity.style-1 {

  width: 130px; }

  .btn-quantity.style-1 .input-group {

    position: relative;

    margin-bottom: 0; }

  .btn-quantity.style-1 input {

    background: #f8f8f8 none repeat scroll 0 0;

    border: 0 none;

    font-size: 14px;

    height: 40px;

    padding: 0 45px;

    text-align: center;

    z-index: 0 !important; }

  .btn-quantity.style-1 .bootstrap-touchspin .input-group-btn-vertical {

    position: unset; }

  .btn-quantity.style-1 .input-group-btn-vertical button:first-child,

  .btn-quantity.style-1 .input-group-btn-vertical button:last-child {

    background: #ebebeb none repeat scroll 0 0;

    border: 0 none;

    position: absolute;

    height: 40px;

    justify-content: center;

    top: 0;

    z-index: 0;

    width: 40px;

    padding: 0;

    z-index: 2;

    margin: 0; }

  .btn-quantity.style-1 .input-group-btn-vertical button:first-child {

    right: 0; }

  .btn-quantity.style-1 .input-group-btn-vertical button:last-child {

    left: 0; }



.tabs-site-button .nav-tabs {

  border-top: 1px solid #dee2e6;

  justify-content: center;

  margin-bottom: 40px; }

  .tabs-site-button .nav-tabs a {

    display: inline-block;

    padding: 25px 40px;

    color: #000;

    font-size: 18px;

    position: relative; }

    .tabs-site-button .nav-tabs a:after {

      content: "";

      bottom: 0;

      left: 50%;

      transform: translateX(-50%);

      width: 0px;

      background: var(--primary);

      height: 3px;

      position: absolute;

      -webkit-transition: all 0.2s;

      -ms-transition: all 0.2s;

      transition: all 0.2s; }

    .tabs-site-button .nav-tabs a.active:after {

      width: 100%; }

    @media only screen and (max-width: 767px) {

      .tabs-site-button .nav-tabs a {

        padding: 20px 20px;

        font-size: 16px; } }



.order-total-card {

  background: #f5f5f5;

  padding: 30px;

  border-radius: var(--border-radius-base);

  margin-bottom: 30px; }

  .order-total-card .table tr td, .order-total-card .table tr th {

    font-size: 18px; }



.payment-card {

  border-radius: var(--border-radius-base);

  background: #f5f5f5;

  padding: 30px; }

  .payment-card .form-check span {

    background: #fff;

    height: 0px;

    -webkit-transition: all 0.2s;

    -ms-transition: all 0.2s;

    transition: all 0.2s;

    margin-bottom: 0px;

    padding: 0px 20px;

    overflow: hidden;

    display: block; }

  .payment-card .form-check > input:checked + label span {

    padding: 20px 20px;

    height: auto;

    margin-top: 16px;

    margin-bottom: 16px; }



.table.wishlist thead th,

.table.cart thead th {

  font-size: 22px;

  font-weight: 500;

  border-top: 1px solid;

  white-space: nowrap; }

  @media only screen and (max-width: 991px) {

    .table.wishlist thead th,

    .table.cart thead th {

      font-size: 18px; } }



.table.wishlist thead tr th:first-child,

.table.cart thead tr th:first-child {

  width: 110px;

  min-width: 90px; }



.table.wishlist tbody td,

.table.cart tbody td {

  vertical-align: middle;

  font-size: 18px;

  color: #000;

  padding: 20px 15px; }

  @media only screen and (max-width: 991px) {

    .table.wishlist tbody td,

    .table.cart tbody td {

      font-size: 16px; } }



.cart-coupon-wrapper {

  position: relative; }

  .cart-coupon-wrapper .cutter {

    position: absolute;

    left: 25px;

    top: 50%;

    transform: translateY(-50%); }

  .cart-coupon-wrapper .form-control, .cart-coupon-wrapper .wp-block-categories-dropdown select, .wp-block-categories-dropdown .cart-coupon-wrapper select,

  .cart-coupon-wrapper .wp-block-archives-dropdown select, .wp-block-archives-dropdown .cart-coupon-wrapper select {

    height: 52px;

    padding: 5px 60px 5px 60px;

    border-style: dotted; }

  .cart-coupon-wrapper .btn, .cart-coupon-wrapper .wp-block-button__link {

    position: absolute;

    height: 44px;

    width: 44px;

    background: var(--secondary);

    color: #fff;

    padding: 0;

    line-height: 45px;

    right: 4px;

    justify-content: center;

    border-radius: var(--border-radius-base);

    top: 4px; }

    .cart-coupon-wrapper .btn:hover i, .cart-coupon-wrapper .wp-block-button__link:hover i {

      -webkit-animation: leftToRight 0.5s forwards;

      -moz-animation: leftToRight 0.5s forwards;

      animation: leftToRight 0.5s forwards; }



.login-wrapper {

  max-width: 560px;

  margin: auto; }

  .login-wrapper h2, .login-wrapper .h2 {

    margin-bottom: 25px; }

  .login-wrapper .login-form {

    padding: 50px 50px;

    background: #f5f5f5; }

    .login-wrapper .login-form .form-group {

      margin-bottom: 30px; }

    .login-wrapper .login-form label {

      margin-bottom: 15px; }

    @media only screen and (max-width: 575px) {

      .login-wrapper .login-form {

        padding: 30px 30px; } }



.form-check-input:checked {

  background-color: var(--primary);

  border-color: var(--primary); }



.comments-area .comment-list > .comment .comment-body .fn {

  font-size: 18px;

  color: var(--title);

  font-weight: 500;

  font-family: var(--font-family-title);

  display: block;

  margin-bottom: 10px; }



.about-bx2 {

  min-height: calc(100vh - 150px); }

  .about-bx2 .dz-media {

    height: 100%; }

    .about-bx2 .dz-media img {

      height: 100%;

      object-fit: cover; }

    .about-bx2 .dz-media .info {

      position: absolute;

      bottom: 100px;

      left: 100px;

      z-index: 1; }

      .about-bx2 .dz-media .info .name {

        color: #fff;

        font-size: 40px;

        margin-bottom: 0; }

      .about-bx2 .dz-media .info p {

        color: rgba(255, 255, 255, 0.8);

        font-size: 24px;

        font-weight: 300;

        margin-bottom: 40px; }

    .about-bx2 .dz-media:after {

      content: "";

      position: absolute;

      height: 100%;

      width: 100%;

      top: 0;

      left: 0;

      /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff4917+0,000000+100&0+43,0.58+100 */

      background: -moz-linear-gradient(top, rgba(255, 73, 23, 0) 0%, rgba(145, 42, 13, 0) 43%, rgba(0, 0, 0, 0.58) 100%);

      /* FF3.6-15 */

      background: -webkit-linear-gradient(top, rgba(255, 73, 23, 0) 0%, rgba(145, 42, 13, 0) 43%, rgba(0, 0, 0, 0.58) 100%);

      /* Chrome10-25,Safari5.1-6 */

      background: linear-gradient(to bottom, rgba(255, 73, 23, 0) 0%, rgba(145, 42, 13, 0) 43%, rgba(0, 0, 0, 0.58) 100%);

      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ff4917', endColorstr='#94000000',GradientType=0 );

      /* IE6-9 */ }

    .about-bx2 .dz-media:before {

      position: absolute;

      height: calc(100% - 60px);

      width: calc(100% - 60px);

      border-width: 10px;

      border-style: solid;

      border-radius: inherit;

      border-image: linear-gradient(var(--primary), rgba(0, 0, 0, 0)) 1 100;

      content: "";

      top: 50%;

      left: 50%;

      z-index: 1;

      transform: translate(-50%, -50%); }

  .about-bx2 .dz-info {

    padding: 70px 70px; }

    .about-bx2 .dz-info .signature {

      width: 220px; }

  @media only screen and (max-width: 767px) {

    .about-bx2 .dz-media .info {

      bottom: 70px;

      left: 70px; }

      .about-bx2 .dz-media .info .name {

        font-size: 30px; }

      .about-bx2 .dz-media .info p {

        font-size: 18px;

        margin-bottom: 20px; } }

  @media only screen and (max-width: 575px) {

    .about-bx2 .dz-info {

      padding: 30px; }

    .about-bx2 .dz-media:before {

      height: calc(100% - 30px);

      width: calc(100% - 30px); }

    .about-bx2 .dz-media .info {

      bottom: 30px;

      left: 50px; }

      .about-bx2 .dz-media .info .name {

        font-size: 22px; }

      .about-bx2 .dz-media .info p {

        font-size: 16px;

        margin-bottom: 10px; } }



.dz-media-list img {

  width: 70px;

  height: 70px;

  border-radius: 70px;

  object-fit: cover; }



.dz-media-list a:hover h4, .dz-media-list a:hover .h4 {

  color: var(--primary); }



.worker img {

  border-radius: var(--border-radius-base); }



.history-wrapper {

  position: relative;

  padding-bottom: 20px; }

  .history-wrapper:before {

    content: "END";

    position: absolute;

    bottom: 0;

    text-align: center;

    display: block;

    width: 80px;

    background-color: #fff;

    font-family: var(--font-family-title);

    font-weight: 700;

    color: var(--title);

    left: 50%;

    transform: translateX(-50%);

    z-index: 2;

    font-size: 32px; }

  .history-wrapper .history-wrapper-bx {

    position: relative;

    display: flex;

    flex-flow: wrap;

    padding-top: 150px;

    padding-bottom: 70px; }

    .history-wrapper .history-wrapper-bx .year {

      height: 100px;

      width: 100px;

      line-height: 100px;

      box-shadow: 0px 0px 0px 10px rgba(0, 0, 0, 0.02), 0 0 0 16px rgba(0, 0, 0, 0.01);

      color: black;

      font-size: 26px;

      font-weight: 500;

      text-align: center;

      background: #fff;

      z-index: 1;

      position: absolute;

      top: 0;

      left: 50%;

      border-radius: 50%;

      transform: translateX(-50%);

      -webkit-transition: all 0.5s;

      -ms-transition: all 0.5s;

      transition: all 0.5s; }

      .history-wrapper .history-wrapper-bx .year:after {

        content: "";

        height: 100%;

        width: 100%;

        position: absolute;

        top: 0;

        left: 0;

        border-radius: 50%;

        border: 2px dashed rgba(0, 0, 0, 0.18); }

    .history-wrapper .history-wrapper-bx .history-box {

      position: relative;

      width: 50%; }

      .history-wrapper .history-wrapper-bx .history-box:after {

        height: 10px;

        width: 10px;

        border-radius: 10px;

        border: 2px solid #000;

        content: "";

        position: absolute;

        background: #fff;

        z-index: 1;

        -webkit-transition: all 0.5s;

        -ms-transition: all 0.5s;

        transition: all 0.5s; }

      .history-wrapper .history-wrapper-bx .history-box:before {

        position: absolute;

        content: "";

        transform: rotate(45deg);

        border-width: 15px;

        border-style: solid;

        -webkit-transition: all 0.5s;

        -ms-transition: all 0.5s;

        transition: all 0.5s; }

      .history-wrapper .history-wrapper-bx .history-box .inner-content {

        background: #f5f5f5;

        padding: 30px 30px;

        -webkit-transition: all 0.5s;

        -ms-transition: all 0.5s;

        transition: all 0.5s; }

        .history-wrapper .history-wrapper-bx .history-box .inner-content span, .history-wrapper .history-wrapper-bx .history-box .inner-content h4, .history-wrapper .history-wrapper-bx .history-box .inner-content .h4, .history-wrapper .history-wrapper-bx .history-box .inner-content h5, .history-wrapper .history-wrapper-bx .history-box .inner-content .h5, .history-wrapper .history-wrapper-bx .history-box .inner-content h6, .history-wrapper .history-wrapper-bx .history-box .inner-content .h6, .history-wrapper .history-wrapper-bx .history-box .inner-content p {

          -webkit-transition: all 0.5s;

          -ms-transition: all 0.5s;

          transition: all 0.5s; }

      .history-wrapper .history-wrapper-bx .history-box:nth-child(even) {

        padding-right: 40px;

        padding-top: 40px;

        text-align: right; }

        .history-wrapper .history-wrapper-bx .history-box:nth-child(even):before {

          right: 25px;

          top: 60px;

          border-color: #f5f5f5 #f5f5f5 transparent transparent; }

        .history-wrapper .history-wrapper-bx .history-box:nth-child(even):after {

          right: -5px;

          top: 70px; }

      .history-wrapper .history-wrapper-bx .history-box:nth-child(odd) {

        padding-left: 40px;

        padding-bottom: 40px; }

        .history-wrapper .history-wrapper-bx .history-box:nth-child(odd):before {

          left: 25px;

          top: 20px;

          border-color: transparent transparent #f5f5f5 #f5f5f5; }

        .history-wrapper .history-wrapper-bx .history-box:nth-child(odd):after {

          left: -5px;

          top: 30px; }

      .history-wrapper .history-wrapper-bx .history-box:hover .inner-content {

        background: var(--primary); }

        .history-wrapper .history-wrapper-bx .history-box:hover .inner-content span, .history-wrapper .history-wrapper-bx .history-box:hover .inner-content h4, .history-wrapper .history-wrapper-bx .history-box:hover .inner-content .h4, .history-wrapper .history-wrapper-bx .history-box:hover .inner-content h5, .history-wrapper .history-wrapper-bx .history-box:hover .inner-content .h5, .history-wrapper .history-wrapper-bx .history-box:hover .inner-content h6, .history-wrapper .history-wrapper-bx .history-box:hover .inner-content .h6, .history-wrapper .history-wrapper-bx .history-box:hover .inner-content p {

          color: #fff; }

        .history-wrapper .history-wrapper-bx .history-box:hover .inner-content p {

          opacity: 0.8; }

      .history-wrapper .history-wrapper-bx .history-box:hover:nth-child(odd):before {

        border-color: transparent transparent var(--primary) var(--primary); }

      .history-wrapper .history-wrapper-bx .history-box:hover:nth-child(even):before {

        border-color: var(--primary) var(--primary) transparent transparent; }

      .history-wrapper .history-wrapper-bx .history-box:hover:after {

        border: 2px solid var(--primary); }

    .history-wrapper .history-wrapper-bx:hover .year:after {

      -webkit-animation: spinAround 9s linear infinite;

      -moz-animation: spinAround 9s linear infinite;

      animation: spinAround 9s linear infinite; }

  .history-wrapper:after {

    content: "";

    position: absolute;

    height: 100%;

    width: 2px;

    background: #000;

    bottom: 0;

    left: 50%;

    transform: translateX(-50%); }

  @media only screen and (max-width: 767px) {

    .history-wrapper .history-wrapper-bx {

      padding-left: 35px;

      padding-top: 100px;

      padding-bottom: 0; }

      .history-wrapper .history-wrapper-bx .history-box {

        padding-left: 40px;

        padding-bottom: 40px; }

        .history-wrapper .history-wrapper-bx .history-box:nth-child(even) {

          padding-right: 0;

          padding-top: 0;

          text-align: left; }

          .history-wrapper .history-wrapper-bx .history-box:nth-child(even):before {

            right: auto;

            left: 25px;

            top: 50px;

            border-color: transparent transparent #f5f5f5 #f5f5f5; }

          .history-wrapper .history-wrapper-bx .history-box:nth-child(even):after {

            right: auto;

            left: -5px;

            top: 60px; }

        .history-wrapper .history-wrapper-bx .history-box:nth-child(odd) {

          padding-left: 40px;

          padding-bottom: 40px; }

          .history-wrapper .history-wrapper-bx .history-box:nth-child(odd):before {

            left: 25px;

            top: 50px;

            border-color: transparent transparent #f5f5f5 #f5f5f5; }

          .history-wrapper .history-wrapper-bx .history-box:nth-child(odd):after {

            left: -5px;

            top: 60px; }

        .history-wrapper .history-wrapper-bx .history-box:hover:nth-child(even):before {

          border-color: transparent transparent var(--primary) var(--primary); }

        .history-wrapper .history-wrapper-bx .history-box:hover:nth-child(odd):before {

          border-color: transparent transparent var(--primary) var(--primary); }

      .history-wrapper .history-wrapper-bx .year {

        height: 70px;

        width: 70px;

        line-height: 70px;

        border-radius: 70px;

        font-size: 18px;

        left: 0;

        transform: translateX(0px); }

      .history-wrapper .history-wrapper-bx .history-box {

        width: 100%; }

    .history-wrapper:after {

      left: 35px;

      transform: translateX(0px); }

    .history-wrapper:before {

      left: 0;

      transform: unset;

      font-size: 24px; } }

  @media only screen and (max-width: 575px) {

    .history-wrapper .history-wrapper-bx {

      padding-left: 0; }

      .history-wrapper .history-wrapper-bx .year {

        left: 50%;

        transform: translateX(-50%); }

    .history-wrapper:after {

      left: 0;

      height: calc(100% - 160px); }

    .history-wrapper:before {

      left: -24px; } }



@-webkit-keyframes spinAround {

  from {

    -webkit-transform: rotate(0deg); }

  to {

    -webkit-transform: rotate(360deg); } }



@-moz-keyframes spinAround {

  from {

    -moz-transform: rotate(0deg); }

  to {

    -moz-transform: rotate(360deg); } }



@keyframes spinAround {

  from {

    transform: rotate(0deg); }

  to {

    transform: rotate(360deg); } }



.dez-coming-soon {

  position: relative;

  min-height: 100vh;

  width: 100vw;

  background-size: cover;

  background-position: center;

  z-index: 1;

  background-color: var(--primary); }

  .dez-coming-soon .bg-img {

    position: absolute;

    top: 0;

    left: 0;

    height: 100%;

    width: 100%;

    z-index: -1;

    mix-blend-mode: multiply; }

  .dez-coming-soon .dzSubscribe {

    margin-top: 40px;

    margin-bottom: 70px;

    padding: 0 15px; }

    .dez-coming-soon .dzSubscribe p {

      font-size: 14px; }

    .dez-coming-soon .dzSubscribe .ft-row {

      position: relative; }

      .dez-coming-soon .dzSubscribe .ft-row .btn, .dez-coming-soon .dzSubscribe .ft-row .wp-block-button__link {

        position: absolute;

        padding: 0;

        height: 56px;

        width: 56px;

        line-height: 56px;

        border-radius: 56px;

        text-align: center;

        background: var(--primary);

        color: #fff;

        top: 5px;

        right: 5px; }

      .dez-coming-soon .dzSubscribe .ft-row .form-control, .dez-coming-soon .dzSubscribe .ft-row .wp-block-categories-dropdown select, .wp-block-categories-dropdown .dez-coming-soon .dzSubscribe .ft-row select,

      .dez-coming-soon .dzSubscribe .ft-row .wp-block-archives-dropdown select, .wp-block-archives-dropdown .dez-coming-soon .dzSubscribe .ft-row select {

        height: 66px;

        border-radius: 66px !important;

        padding: 10px 70px 10px 30px; }

    @media only screen and (max-width: 575px) {

      .dez-coming-soon .dzSubscribe {

        margin-top: 25px;

        margin-bottom: 30px; } }



.dez-coming-soon .container {

  position: relative; }



.dez-coming-bx {

  width: 100%;

  height: 100vh;

  display: flex;

  align-items: center;

  justify-content: center;

  text-align: center; }

  @media only screen and (max-width: 991px) {

    .dez-coming-bx {

      display: block;

      height: auto;

      padding-bottom: 30px; } }



.countdown-timer {

  padding-bottom: 30px; }



.clock-item {

  width: 155px;

  position: relative;

  margin: 0 10px; }



.countdown-timer .clock .text {

  position: absolute;

  top: 0;

  width: 100%; }



.countdown-timer .clock .type-time {

  text-transform: uppercase;

  color: #fff;

  font-size: 16px;

  letter-spacing: 2px;

  text-align: center;

  margin-bottom: 0; }



.countdown-timer .clock .kineticjs-content {

  position: relative; }



.countdown-timer .clock .kineticjs-content:after {

  content: "";

  position: absolute;

  border: 1px solid rgba(255, 255, 255, 0.3);

  border-radius: 100%;

  top: 2px;

  bottom: 2px;

  left: 2px;

  right: 2px;

  z-index: -1; }



.countdown-timer .clock .val {

  font-size: 70px;

  color: #fff;

  width: 100%;

  line-height: 155px;

  text-align: center;

  margin-bottom: 15px; }



.countdown-timer .clock {

  display: flex; }



.bottom-left, .bottom-right, .posi-center, .top-left, .top-right {

  position: fixed;

  z-index: 2;

  display: block; }



.bottom-right {

  bottom: 60px;

  right: 60px; }



.bottom-left {

  bottom: 60px;

  left: 60px; }



.top-right {

  top: 60px;

  right: 60px; }



.top-left {

  top: 60px;

  left: 60px; }



.style-3 .dez-title {

  font-size: 60px;

  line-height: 70px;

  color: #011463;

  margin-top: 0;

  margin-bottom: 30px;

  font-weight: 800; }



.dez-social-icon {

  display: inline-block;

  margin: 0 0 10px 0;

  padding: 0;

  text-align: center; }

  .dez-social-icon li {

    display: inline-block; }

    .dez-social-icon li a {

      display: inline-block;

      width: 48px;

      height: 48px;

      line-height: 48px;

      border-radius: 48px;

      font-size: 18px;

      background: #fff;

      transition: all .5s;

      -moz-transition: all .5s;

      -webkit-transition: all .5s;

      -ms-transition: all .5s;

      -o-transition: all .5s; }



/* ===============================

  Coming Soon 3

================================ */

.style-3 .sy-box {

  background: #031322;

  position: absolute;

  top: 0;

  width: 100%;

  height: 100%;

  z-index: -1; }



.style-3 .sy-pager {

  display: none; }



.style-3 .dez-title {

  color: #fff; }



.style-3 .dez-social-icon li a {

  color: var(--primary);

  margin-right: 5px; }



.style-3 .copyright-text {

  color: #fff; }



.style-3 .sy-slide > img {

  height: 120%;

  object-fit: cover;

  min-height: 120vh; }



@media only screen and (max-width: 1400px) {

  .bottom-left {

    bottom: 40px;

    left: 40px; }

  .bottom-right {

    bottom: 40px;

    right: 40px; }

  .top-left {

    top: 40px;

    left: 40px; }

  .top-right {

    top: 40px;

    right: 40px; }

  .clock-item {

    width: 130px; }

  .countdown-timer .clock .val {

    font-size: 50px;

    line-height: 130px; } }



@media only screen and (max-width: 991px) {

  .posi-center,

  .center-md,

  .posi-center,

  .bottom-right,

  .bottom-left,

  .top-right,

  .top-left {

    position: unset; }

  .style-3 .top-left,

  .style-3 .bottom-left {

    width: 100%;

    text-align: center; }

  .style-3 .bottom-left {

    padding-bottom: 30px; }

  .style-3 .countdown-timer {

    margin-bottom: 35px; }

  .style-3 .dez-social-icon li a {

    margin-left: 3px;

    margin-right: 3px; }

  .style-3 .center-md .bottom-right {

    position: unset; }

  .countdown-timer .clock {

    justify-content: center; }

  .style-3.raincanvas .dez-coming-bx {

    position: relative;

    z-index: 2; }

  .style-3 .dez-title {

    font-size: 40px;

    line-height: 55px; }

  .clock-item {

    width: 120px; }

  .style-3 .center-md {

    min-height: calc(100vh - 115px);

    align-items: center;

    display: flex;

    flex-direction: column;

    justify-content: center;

    padding: 60px 0; } }



@media only screen and (max-width: 576px) {

  .clock-item {

    width: 70px; }

  .countdown-timer .clock .val {

    line-height: 70px;

    font-size: 30px;

    margin-bottom: 5px;

    font-weight: 600; }

  .style-3 .dez-title {

    font-size: 28px;

    line-height: 36px; }

  .countdown-timer .clock .type-time {

    letter-spacing: 1px;

    font-size: 11px;

    line-height: 18px; } }



.contact-wraper1 {

  margin-bottom: 60px;

  position: relative;

  background-position: -260px center; }

  .contact-wraper1 .contact-info {

    padding: 80px 30px; }

  .contact-wraper1 .contact-area1 {

    margin-top: -180px;

    margin-bottom: -100px; }

  .contact-wraper1:before {

    content: "";

    height: 100%;

    width: 50%;

    position: absolute;

    left: 0;

    top: 0;

    z-index: -1;

    background: -moz-linear-gradient(left, rgba(20, 20, 20, 0) 0%, #141414 100%);

    /* FF3.6-15 */

    background: -webkit-linear-gradient(left, rgba(20, 20, 20, 0) 0%, #141414 100%);

    /* Chrome10-25,Safari5.1-6 */

    background: linear-gradient(to right, rgba(20, 20, 20, 0) 0%, #141414 100%);

    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ }

  .contact-wraper1:after {

    content: "";

    height: 100%;

    width: 50%;

    background-color: #fff;

    position: absolute;

    right: 0;

    top: 0;

    z-index: -1; }

  @media only screen and (max-width: 1199px) {

    .contact-wraper1 .contact-info {

      padding: 50px 0px; } }

  @media only screen and (max-width: 991px) {

    .contact-wraper1 {

      background-position: center;

      background-size: cover;

      margin-bottom: 0; }

      .contact-wraper1:after, .contact-wraper1:before {

        content: none; }

      .contact-wraper1 .contact-area1 {

        margin-top: 0;

        margin-bottom: 0; }

      .contact-wraper1 .contact-info {

        padding: 50px 0px 20px; } }



.app-form-wraper {

  box-shadow: 0 0 50px rgba(0, 0, 0, 0.1);

  padding: 50px;

  background-color: #fff;

  /* Form Wizard */

  /* Form group */

  /* Book Time */ }

  .app-form-wraper.card {

    background: transparent;

    box-shadow: none;

    border-radius: 0; }

    .app-form-wraper.card .card-body {

      border-radius: 0; }

    .app-form-wraper.card .card-footer {

      border-top: 0;

      border-radius: 0; }

  .app-form-wraper .dz-info li {

    display: inline-block;

    margin-right: 20px;

    font-size: 14px; }

    .app-form-wraper .dz-info li i {

      color: #ff5317;

      font-size: 18px;

      margin-right: 10px; }

  .app-form-wraper .dz-social li {

    font-size: 16px; }

    .app-form-wraper .dz-social li a {

      padding: 3px 8px; }

  .app-form-wraper .form-group {

    margin-bottom: 30px; }

  .app-form-wraper .form-wizard {

    border: 0; }

    .app-form-wraper .form-wizard > .nav {

      box-shadow: unset !important; }

      .app-form-wraper .form-wizard > .nav li .nav-link {

        padding: 12px 0;

        color: #000;

        margin: 0 5px; }

        .app-form-wraper .form-wizard > .nav li .nav-link .number {

          display: block;

          height: 50px;

          width: 50px;

          margin: 0 auto 15px;

          border-radius: 500%;

          background-color: var(--title);

          line-height: 50px;

          color: #fff;

          font-weight: 700;

          z-index: 2;

          position: relative;

          -webkit-transition: all 0.8s;

          -ms-transition: all 0.8s;

          transition: all 0.8s; }

        .app-form-wraper .form-wizard > .nav li .nav-link .title {

          font-family: var(--font-family-title);

          color: var(--title);

          font-weight: 500; }

        .app-form-wraper .form-wizard > .nav li .nav-link:after {

          height: 2px;

          width: 100%;

          left: 50%;

          background-color: var(--title) !important;

          top: 36px; }

        .app-form-wraper .form-wizard > .nav li .nav-link.active .number, .app-form-wraper .form-wizard > .nav li .nav-link.done .number {

          background-color: var(--primary);

          box-shadow: 0 0px 0 10px var(--rgba-primary-3); }

        .app-form-wraper .form-wizard > .nav li .nav-link.active:after, .app-form-wraper .form-wizard > .nav li .nav-link.done:after {

          background-color: var(--primary) !important; }

      .app-form-wraper .form-wizard > .nav li:last-child .nav-link:after {

        display: none; }

    .app-form-wraper .form-wizard .tab-content {

      margin: 30px 0 0;

      overflow: unset; }

  .app-form-wraper .form-group {

    margin-bottom: 30px; }

  .app-form-wraper .book-time {

    display: flex;

    flex-wrap: wrap;

    margin: 0 -5px; }

    .app-form-wraper .book-time li {

      width: 25%;

      padding: 0 5px; }

      .app-form-wraper .book-time li .btn, .app-form-wraper .book-time li .wp-block-button__link {

        border-radius: 4px;

        background-color: #f5f5f5;

        color: #000;

        margin-bottom: 10px;

        display: block; }

        .app-form-wraper .book-time li .btn input, .app-form-wraper .book-time li .wp-block-button__link input {

          position: absolute;

          opacity: 0; }

        .app-form-wraper .book-time li .btn.active, .app-form-wraper .book-time li .active.wp-block-button__link {

          background-color: #ff5317;

          color: #fff; }

        .app-form-wraper .book-time li .btn.active-time, .app-form-wraper .book-time li .active-time.wp-block-button__link {

          background-color: #ff5317;

          font-weight: 700;

          color: #fff; }

      .app-form-wraper .book-time li input {

        display: none; }

      .app-form-wraper .book-time li input:checked ~ label {

        background-color: var(--primary) !important;

        color: #fff !important; }

  .app-form-wraper .check-date {

    margin: 0 -5px;

    flex-flow: wrap; }

    .app-form-wraper .check-date li {

      display: inline-block;

      width: 70px;

      text-align: center;

      padding: 5px 5px; }

    .app-form-wraper .check-date label {

      border: 0px;

      position: relative;

      padding: 10px 10px 35px 10px;

      text-transform: capitalize;

      background-color: var(--secondary);

      display: block;

      color: #fff;

      cursor: pointer; }

      .app-form-wraper .check-date label input {

        display: none; }

      .app-form-wraper .check-date label.active:after {

        background: #ff5317; }

      .app-form-wraper .check-date label:after {

        content: "\f00c";

        height: 25px;

        width: 25px;

        font-family: "Font Awesome 5 Free";

        background: var(--title);

        border-radius: 50px;

        position: absolute;

        bottom: 8px;

        color: #fff;

        left: 50%;

        transform: translateX(-50%);

        line-height: 25px;

        font-size: 10px;

        font-weight: 700; }

    .app-form-wraper .check-date .form-check {

      padding-left: 0;

      margin-bottom: 0; }

    .app-form-wraper .check-date .form-check-input {

      display: none; }

    .app-form-wraper .check-date input:checked ~ label {

      background-color: var(--primary); }

  .app-form-wraper .form-group label {

    margin-bottom: 0px;

    font-weight: 400;

    font-size: 16px; }

  .app-form-wraper .form-group .form-label {

    color: var(--title);

    font-weight: 700;

    font-size: 14px;

    margin-bottom: 10px;

    display: block; }

  .app-form-wraper .sw-theme-default .toolbar > .btn, .app-form-wraper .sw-theme-default .toolbar > .wp-block-button__link {

    border-radius: 0;

    padding: 12px 30px;

    background-color: var(--primary);

    color: #fff;

    border: 0; }

    .app-form-wraper .sw-theme-default .toolbar > .btn:hover, .app-form-wraper .sw-theme-default .toolbar > .wp-block-button__link:hover {

      color: #fff; }

  .app-form-wraper .toolbar {

    padding: 0;

    text-align: center !important;

    margin-top: 20px; }

  .app-form-wraper .successful-box h2, .app-form-wraper .successful-box .h2 {

    font-size: 60px;

    line-height: 100px;

    margin-bottom: 0;

    font-weight: 500; }

  .app-form-wraper .successful-box .successful-check {

    width: 150px;

    height: 150px;

    border: 7px solid #00bb27;

    font-size: 70px;

    color: #00bb27;

    border-radius: 200px;

    line-height: 155px;

    margin: auto; }

  .app-form-wraper .dz-content-box {

    height: 100%;

    padding: 50px 50px 30px; }

  @media only screen and (max-width: 767px) {

    .app-form-wraper {

      padding: 30px; }

      .app-form-wraper .form-wizard > .nav {

        flex-direction: row !important; } }

  @media only screen and (max-width: 575px) {

    .app-form-wraper .form-wizard > .nav {

      flex-direction: column !important; }

    .app-form-wraper .book-time li {

      width: 50%; }

    .app-form-wraper .form-wizard > .nav {

      display: flex;

      justify-content: center;

      flex-direction: row !important; }

      .app-form-wraper .form-wizard > .nav li {

        width: 33.33%;

        flex-basis: unset; }

        .app-form-wraper .form-wizard > .nav li .nav-link::after {

          content: none; } }



.under-construct {

  position: relative;

  min-height: 100vh;

  width: 100%;

  background-size: cover;

  background-position: center;

  z-index: 1;

  display: flex;

  background-color: #fff;

  overflow: hidden;

  padding-left: 0; }

  @media only screen and (max-width: 991px) {

    .under-construct {

      flex-wrap: wrap; } }

  .under-construct .made-by {

    font-weight: 600;

    color: #fff;

    text-decoration: underline; }

  .under-construct .dz-title {

    font-size: 60px;

    line-height: 1.2;

    color: #fff;

    margin-bottom: 20px;

    font-family: var(--font-family-title);

    letter-spacing: 10px; }

    @media only screen and (max-width: 1400px) {

      .under-construct .dz-title {

        font-size: 50px;

        line-height: 60px; } }

    @media only screen and (max-width: 1199px) {

      .under-construct .dz-title {

        font-size: 40px;

        line-height: 50px; } }

    @media only screen and (max-width: 575px) {

      .under-construct .dz-title {

        font-size: 28px;

        line-height: 35px;

        margin-bottom: 15px;

        letter-spacing: 3px; } }

  .under-construct .dz-under-bx {

    padding-left: 80px;

    padding-right: 80px;

    flex: 0 0 50%;

    max-width: 50%;

    align-items: center;

    display: flex; }

    @media only screen and (max-width: 1400px) {

      .under-construct .dz-under-bx {

        padding-left: 50px;

        padding-right: 50px; } }

    @media only screen and (max-width: 991px) {

      .under-construct .dz-under-bx {

        flex: 0 0 100%;

        max-width: 100%;

        align-items: center;

        display: flex;

        padding: 60px 20px;

        text-align: center;

        justify-content: center; } }

    @media only screen and (max-width: 575px) {

      .under-construct .dz-under-bx {

        padding: 20px 10px; } }

  .under-construct .logo {

    margin-bottom: 20px;

    width: 200px;

    padding: 5px; }

    .under-construct .logo svg,

    .under-construct .logo img {

      width: 100%; }

    @media only screen and (max-width: 991px) {

      .under-construct .logo {

        margin-bottom: 20px;

        width: 180px;

        margin-left: auto;

        margin-right: auto; } }

  @media only screen and (max-width: 991px) {

    .under-construct .bottom-left {

      padding-bottom: 30px; }

    .under-construct .center-md {

      min-height: calc(100vh - 100px);

      align-items: center;

      display: flex;

      flex-direction: column;

      justify-content: center;

      padding: 60px 0; }

    .under-construct .dz-under-bx {

      display: block;

      padding: 0; } }

  .under-construct .copyright-text {

    color: #fff;

    margin: 0;

    font-size: 16px; }

  .under-construct .dz-social-icon {

    margin-bottom: 15px; }

    .under-construct .dz-social-icon li {

      display: inline-block;

      margin-right: 5px; }

      .under-construct .dz-social-icon li a {

        margin-right: 0px;

        width: 40px;

        height: 40px;

        background: var(--primary);

        line-height: 40px;

        text-align: center;

        border-radius: var(--border-radius-lg);

        color: #fff; }

        .under-construct .dz-social-icon li a:hover {

          background: var(--hover-primary); }

  @media only screen and (max-width: 991px) {

    .under-construct .center-md {

      display: block; } }

  @media only screen and (max-width: 767px) {

    .under-construct .center-md {

      padding: 30px 0; } }

  .under-construct .mining-worker {

    width: 60%;

    height: 100%;

    position: absolute;

    top: 0;

    right: 0;

    z-index: -1; }

    @media only screen and (max-width: 767px) {

      .under-construct .mining-worker {

        opacity: 0; } }

    .under-construct .mining-worker img {

      width: 12%;

      position: absolute; }

      .under-construct .mining-worker img:nth-child(1) {

        right: 25%;

        top: 0%;

        animation: dzMove1 8s linear infinite; }

      .under-construct .mining-worker img:nth-child(2) {

        left: 25%;

        top: 35%;

        animation: dzMove1 7s linear infinite; }

      .under-construct .mining-worker img:nth-child(3) {

        left: 0%;

        top: 25%;

        animation: dzMove1 9s linear infinite; }

      .under-construct .mining-worker img:nth-child(4) {

        bottom: 18%;

        right: 5%;

        animation: dzMove1 8.5s linear infinite; }

      .under-construct .mining-worker img:nth-child(5) {

        bottom: 2%;

        right: 35%;

        animation: dzMove1 8s linear infinite; }

      .under-construct .mining-worker img:nth-child(6) {

        left: 20%;

        top: 5%;

        animation: dzMove1 9s linear infinite; }

  @media only screen and (max-width: 991px) {

    .under-construct .bottom-left {

      padding-bottom: 0; }

    .under-construct .bottom-right {

      padding-bottom: 20px; } }

  .under-construct .train-run {

    width: 80%;

    position: absolute;

    bottom: 10%;

    transform: rotate(-35deg) translate(20%, 0);

    right: 0;

    z-index: -1; }

    @media only screen and (max-width: 991px) {

      .under-construct .train-run {

        width: 150%;

        bottom: 0; } }

    .under-construct .train-run .main-train {

      -webkit-animation: 30s scroll infinite linear;

      -moz-animation: 30s scroll infinite linear;

      -o-animation: 30s scroll infinite linear;

      -ms-animation: 30s scroll infinite linear;

      animation: 30s scroll infinite linear;

      background-repeat: repeat-x;

      position: absolute;

      width: 100%;

      height: 100%;

      left: 0;

      top: 0;

      z-index: 1;

      background-size: cover; }

    .under-construct .train-run .train {

      opacity: 0; }

    .under-construct .train-run .track {

      position: absolute;

      bottom: 0;

      left: 0;

      width: 100%; }



@-webkit-keyframes scroll {

  100% {

    background-position: -3000px 0px; } }



/* Position */

.posi-center,

.bottom-right,

.bottom-left,

.top-right,

.top-left {

  position: fixed;

  z-index: 2;

  display: block; }

  @media only screen and (max-width: 991px) {

    .posi-center,

    .bottom-right,

    .bottom-left,

    .top-right,

    .top-left {

      position: unset; } }



.bottom-right {

  bottom: 60px;

  right: 60px; }



.bottom-left {

  bottom: 60px;

  left: 60px; }



.top-right {

  top: 60px;

  right: 60px; }



.top-left {

  top: 60px;

  left: 60px; }



.logo-header {

  display: table;

  float: left;

  vertical-align: middle;

  padding: 0;

  color: #EFBB20;

  margin-top: 0;

  margin-bottom: 0;

  margin-left: 0;

  margin-right: 0;

  width: 179px;

  height: 100px;

  position: relative;

  z-index: 9; }

  @media only screen and (max-width: 991px) {

    .logo-header {

      width: 180px;

      height: 80px; } }

  @media only screen and (max-width: 575px) {

    .logo-header {

      width: 150px; } }

  .logo-header a {

    display: table-cell;

    vertical-align: middle; }

  .logo-header img {

    height: 100px;

    max-width: 179px;

    object-fit: contain;

    -webkit-transition: all 0.8s;

    -ms-transition: all 0.8s;

    transition: all 0.8s; }

    @media only screen and (max-width: 991px) {

      .logo-header img {

        max-width: 140px;

        height: 80px; } }

    @media only screen and (max-width: 575px) {

      .logo-header img {

        max-width: 120px; } }

  .logo-header span {

    font-size: 20px;

    letter-spacing: 20px; }



.top-bar {

  background-color: #fff;

  color: #212529;

  padding: 12px 0;

  position: relative;

  border-bottom: 1px solid #d7d7d7; }

  .top-bar .dz-topbar-left {

    float: left; }

    .top-bar .dz-topbar-left li {

      padding-right: 20px; }

  .top-bar .dz-topbar-right {

    float: right; }

    .top-bar .dz-topbar-right li {

      padding-left: 15px; }

  .top-bar .dz-social li a {

    color: inherit; }

  .top-bar .dz-topbar-inner {

    margin-left: -15px;

    margin-right: -15px; }

  .top-bar .dz-topbar-center,

  .top-bar .dz-topbar-left,

  .top-bar .dz-topbar-right {

    padding-left: 15px;

    padding-right: 15px; }

    .top-bar .dz-topbar-center ul,

    .top-bar .dz-topbar-left ul,

    .top-bar .dz-topbar-right ul {

      list-style: none;

      margin: 0;

      padding: 0; }

      .top-bar .dz-topbar-center ul li,

      .top-bar .dz-topbar-left ul li,

      .top-bar .dz-topbar-right ul li {

        display: inline-block;

        font-size: 15px; }

      .top-bar .dz-topbar-center ul i,

      .top-bar .dz-topbar-left ul i,

      .top-bar .dz-topbar-right ul i {

        margin-right: 5px;

        color: var(--primary); }

    .top-bar .dz-topbar-center .dz-social-icon li,

    .top-bar .dz-topbar-left .dz-social-icon li,

    .top-bar .dz-topbar-right .dz-social-icon li {

      padding-left: 0; }

  @media only screen and (max-width: 991px) {

    .top-bar {

      display: none; } }



.dz-quik-search {

  background: rgba(33, 37, 41, 0.95);

  position: fixed;

  height: 100%;

  width: 100%;

  top: -100%;

  left: 0;

  padding: 0px 30px;

  z-index: 999;

  overflow: hidden;

  display: none;

  -webkit-transition: all 0.8s;

  -ms-transition: all 0.8s;

  transition: all 0.8s; }

  .dz-quik-search form {

    width: 100%;

    max-width: 1200px;

    margin: auto;

    position: relative;

    top: 50%;

    -webkit-transition: all 0.8s;

    -ms-transition: all 0.8s;

    transition: all 0.8s;

    opacity: 1;

    transform: translateY(-50%); }

  .dz-quik-search .form-control, .dz-quik-search .wp-block-categories-dropdown select, .wp-block-categories-dropdown .dz-quik-search select,

  .dz-quik-search .wp-block-archives-dropdown select, .wp-block-archives-dropdown .dz-quik-search select {

    padding: 15px 60px 15px 15px;

    width: 100%;

    height: 90px;

    border: none;

    background: 0 0;

    color: #fff;

    font-size: 20px;

    border-bottom: 2px solid #fff;

    border-radius: 0; }

    .dz-quik-search .form-control::-webkit-input-placeholder, .dz-quik-search .wp-block-categories-dropdown select::-webkit-input-placeholder, .wp-block-categories-dropdown .dz-quik-search select::-webkit-input-placeholder,

    .dz-quik-search .wp-block-archives-dropdown select::-webkit-input-placeholder, .wp-block-archives-dropdown .dz-quik-search select::-webkit-input-placeholder {

      color: rgba(255, 255, 255, 0.8); }

    .dz-quik-search .form-control:-ms-input-placeholder, .dz-quik-search .wp-block-categories-dropdown select:-ms-input-placeholder, .wp-block-categories-dropdown .dz-quik-search select:-ms-input-placeholder,

    .dz-quik-search .wp-block-archives-dropdown select:-ms-input-placeholder, .wp-block-archives-dropdown .dz-quik-search select:-ms-input-placeholder {

      color: rgba(255, 255, 255, 0.8); }

    .dz-quik-search .form-control::placeholder, .dz-quik-search .wp-block-categories-dropdown select::placeholder, .wp-block-categories-dropdown .dz-quik-search select::placeholder,

    .dz-quik-search .wp-block-archives-dropdown select::placeholder, .wp-block-archives-dropdown .dz-quik-search select::placeholder {

      color: rgba(255, 255, 255, 0.8); }

  .dz-quik-search span {

    position: absolute;

    right: 15px;

    top: 50%;

    margin: -15px 0;

    height: 25px;

    font-size: 20px;

    cursor: pointer; }

  .dz-quik-search.On {

    top: 0; }



.site-header {

  position: relative;

  z-index: 9999;

  }

  .site-header .main-bar {

    float: right;

    /* background: #fff; */

    /* width: 100%; */

    position: relative;

    /* box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.05); */

    top: -52px;

    }

  .site-header .container {

    position: unset; }

  .site-header .extra-nav {

    float: right;

    /* display: flex; */

    align-items: center;

    position: relative;

    z-index: 9;

    /* height: 100px; */

    /* padding-left: 30px; */

    }

    @media only screen and (max-width: 991px) {

      .site-header .extra-nav {

        height: 80px; } }

    @media only screen and (max-width: 1680px) {

      .site-header .extra-nav {

        /* margin-left: 10px; */

        } }

    @media only screen and (max-width: 575px) {

      .site-header .extra-nav {

        margin-left: 0px; } }

    .site-header .extra-nav #quik-search-btn {

      color: #fff;

      cursor: pointer;

      display: inline-block;

      margin-right: 0px;

      border: 0;

      width: 60px;

      height: 60px;

      background: #1b1b1b;

      line-height: 60px;

      text-align: center;

      font-size: 20px;

      border-radius: 60px; }

      @media only screen and (max-width: 991px) {

        .site-header .extra-nav #quik-search-btn {

          width: 50px;

          height: 50px;

          line-height: 50px; } }

    @media only screen and (max-width: 575px) {

      .site-header .extra-nav .btn, .site-header .extra-nav .wp-block-button__link {

        padding-left: 15px;

        padding-right: 15px; } }

    .site-header .extra-nav ul li {

      display: inline-block;

      position: relative;

      top: 53px;

      }

      .site-header .extra-nav ul li .icon {

        padding: 0;

        background: transparent;

        min-width: 40px;

        text-align: center;

        height: 40px;

        line-height: 40px;

        border-radius: 4px; }



.navbar-toggler {

  border: 0 solid #efbb20;

  font-size: 16px;

  line-height: 24px;

  margin: 40px 0 39px 15px;

  padding: 0;

  float: right;

  outline: none !important; }

  @media only screen and (max-width: 991px) {

    .navbar-toggler {

      margin: 15px 0 15px 15px; } }

  @media only screen and (max-width: 575px) {

    .navbar-toggler {

      margin: 15px ​0 15px 15p; } }



.navicon {

  width: 50px;

  height: 50px;

  background: var(--primary);

  box-shadow: 0 5px 15px -10px var(--primary);

  position: relative;

  -webkit-transform: rotate(0deg);

  -moz-transform: rotate(0deg);

  -o-transform: rotate(0deg);

  transform: rotate(0deg);

  -webkit-transition: .5s ease-in-out;

  -moz-transition: .5s ease-in-out;

  -o-transition: .5s ease-in-out;

  transition: .5s ease-in-out;

  cursor: pointer;

  border-radius: 0; }

  .navicon span {

    display: block;

    position: absolute;

    height: 2px;

    width: 100%;

    border-radius: 1px;

    opacity: 1;

    background: #fff;

    left: 10px;

    -webkit-transform: rotate(0deg);

    -moz-transform: rotate(0deg);

    -o-transform: rotate(0deg);

    transform: rotate(0deg);

    -webkit-transition: .25s ease-in-out;

    -moz-transition: .25s ease-in-out;

    -o-transition: .25s ease-in-out;

    transition: .25s ease-in-out; }

    .navicon span:nth-child(1) {

      top: 15px;

      width: 30px; }

    .navicon span:nth-child(2) {

      top: 23.5px;

      width: 25px; }

    .navicon span:nth-child(3) {

      top: 33px;

      width: 20px; }

  .navicon.open span:nth-child(1) {

    top: 25px;

    -webkit-transform: rotate(135deg);

    -moz-transform: rotate(135deg);

    -o-transform: rotate(135deg);

    transform: rotate(135deg); }

  .navicon.open span:nth-child(2) {

    opacity: 0;

    left: -60px; }

  .navicon.open span:nth-child(3) {

    top: 25px;

    width: 30px;

    -webkit-transform: rotate(-135deg);

    -moz-transform: rotate(-135deg);

    -o-transform: rotate(-135deg);

    transform: rotate(-135deg); }



.header-tb .navicon span {

  background: #fff; }



.header-nav {

  padding: 0; }

  @media only screen and (max-width: 991px) {

    .header-nav {

      overflow-y: scroll;

      position: fixed;

      width: 60px;

      left: -280px;

      height: 100vh !important;

      -webkit-transition: all 0.8s;

      -ms-transition: all 0.8s;

      transition: all 0.8s;

      top: 0;

      background-color: #fff;

      margin: 0;

      z-index: 99; } }

  @media only screen and (max-width: 991px) {

    .header-nav.show {

      left: -1px;

      -webkit-transition: all 0.5s;

      -ms-transition: all 0.5s;

      transition: all 0.5s;

      margin: 0;

      width: 280px; } }

  .header-nav .logo-header {

    display: none; }

    @media only screen and (max-width: 991px) {

      .header-nav .logo-header {

        padding: 30px 20px;

        float: none;

        height: auto;

        width: 240px; } }

  .header-nav .nav {

    float: right;

    padding: 0;

    font-size: 0;

    position: unset; }

    .header-nav .nav > li {

      margin: 0px;

      font-weight: 400;

      position: relative;

      z-index: 4; }

      .header-nav .nav > li.active > a {

        color: var(--primary) !important; }

      .header-nav .nav > li.has-mega-menu {

        position: inherit; }

      @media only screen and (max-width: 991px) {

        .header-nav .nav > li {

          border-bottom: 1px solid #eee;

          width: 100%; } }

      .header-nav .nav > li.sub-menu-down > a:after, .header-nav .nav > li.has-mega-menu > a:after {

        content: "\f078";

        font-size: 9px;

        margin-left: 5px;

        margin-top: 0;

        vertical-align: middle;

        font-weight: 900;

        font-family: "Font Awesome 5 Free"; }

        @media only screen and (max-width: 991px) {

          .header-nav .nav > li.sub-menu-down > a:after, .header-nav .nav > li.has-mega-menu > a:after {

            content: "\f054";

            background-color: var(--primary);

            color: #fff;

            height: 30px;

            line-height: 30px;

            right: 0;

            text-align: center;

            width: 30px;

            z-index: 3;

            float: right;

            font-size: 14px;

            margin: 0; } }

        @media only screen and (max-width: 991px) {

          .header-nav .nav > li.sub-menu-down > a:after:before, .header-nav .nav > li.has-mega-menu > a:after:before {

            content: "\f054"; } }

      @media only screen and (max-width: 991px) {

        .header-nav .nav > li.sub-menu-down.open > a:after, .header-nav .nav > li.has-mega-menu.open > a:after {

          content: "\f078";

          background: #333; } }

      .header-nav .nav > li > a {

        color: #071c35;

        font-size: 18px;

        padding: 42px 15px;

        font-family: var(--font-family-title);

        cursor: pointer;

        font-weight: 500;

        display: inline-block;

        position: relative;

        border-width: 0 0 0 1px;

        text-transform: capitalize;

        line-height: 1.1; }

        @media only screen and (max-width: 1199px) {

          .header-nav .nav > li > a {

            padding-left: 8px;

            padding-right: 8px; } }

        @media only screen and (max-width: 991px) {

          .header-nav .nav > li > a {

            padding: 8px 0;

            display: block;

            line-height: 30px;

            font-size: 16px; } }

        .header-nav .nav > li > a span {

          display: inline-block; }

      .header-nav .nav > li .mega-menu,

      .header-nav .nav > li .sub-menu {

        background-color: #fff;

        display: block;

        left: 0;

        list-style: none;

        opacity: 0;

        padding: 5px 0;

        position: absolute;

        visibility: hidden;

        width: 220px;

        z-index: 10;

        margin-top: 20px;

        box-shadow: 0px 1px 40px 0px rgba(0, 0, 0, 0.1);

        text-align: left;

        -webkit-transition: all 0.5s;

        -ms-transition: all 0.5s;

        transition: all 0.5s; }

        @media only screen and (max-width: 991px) {

          .header-nav .nav > li .mega-menu,

          .header-nav .nav > li .sub-menu {

            display: none;

            position: static;

            visibility: visible;

            width: auto;

            background: transparent;

            box-shadow: none;

            margin: 0;

            border-top: 1px solid #eee;

            padding: 10px 0;

            -webkit-transition: none;

            -ms-transition: none;

            transition: none; }

            .header-nav .nav > li .mega-menu > li > a i,

            .header-nav .nav > li .sub-menu > li > a i {

              color: #fff !important;

              height: 30px;

              line-height: 30px;

              right: 0;

              text-align: center;

              width: 30px;

              z-index: 3;

              font-size: 14px !important;

              margin: 0 !important;

              background: #aaa; } }

        @media only screen and (max-width: 767px) {

          .header-nav .nav > li .mega-menu,

          .header-nav .nav > li .sub-menu {

            transition: none; } }

        .header-nav .nav > li .mega-menu li,

        .header-nav .nav > li .sub-menu li {

          position: relative; }

          .header-nav .nav > li .mega-menu li a,

          .header-nav .nav > li .sub-menu li a {

            color: #212529;

            display: block;

            font-size: 15px;

            padding: 12px 25px;

            line-height: 1.3;

            text-transform: capitalize;

            position: relative;

            transition: all 0.15s linear;

            -webkit-transition: all 0.15s linear;

            -moz-transition: all 0.15s linear;

            -o-transition: all 0.15s linear;

            font-weight: 500; }

            @media only screen and (max-width: 991px) {

              .header-nav .nav > li .mega-menu li a,

              .header-nav .nav > li .sub-menu li a {

                padding: 2px 0 1px 16px;

                display: block;

                line-height: 30px;

                position: relative; }

                .header-nav .nav > li .mega-menu li a:after,

                .header-nav .nav > li .sub-menu li a:after {

                  content: "\f054";

                  font-family: "Font Awesome 5 Free";

                  width: auto;

                  height: auto;

                  background: 0 0 !important;

                  top: 3px;

                  color: #262F5A;

                  font-size: 12px;

                  position: absolute;

                  left: 0;

                  font-weight: 700; } }

          .header-nav .nav > li .mega-menu li:hover > a,

          .header-nav .nav > li .sub-menu li:hover > a {

            color: var(--title);

            background-color: #f1f1f1; }

            @media only screen and (max-width: 991px) {

              .header-nav .nav > li .mega-menu li:hover > a,

              .header-nav .nav > li .sub-menu li:hover > a {

                padding: 2px 0 1px 16px;

                background: transparent; } }

        .header-nav .nav > li .mega-menu li > .sub-menu,

        .header-nav .nav > li .sub-menu li > .sub-menu {

          left: 220px;

          -webkit-transition: all 0.8s;

          -ms-transition: all 0.8s;

          transition: all 0.8s; }

          @media only screen and (max-width: 991px) {

            .header-nav .nav > li .mega-menu li > .sub-menu,

            .header-nav .nav > li .sub-menu li > .sub-menu {

              display: none; } }

        @media only screen and (max-width: 991px) {

          .header-nav .nav > li .mega-menu .mega-menu,

          .header-nav .nav > li .mega-menu .sub-menu,

          .header-nav .nav > li .sub-menu .mega-menu,

          .header-nav .nav > li .sub-menu .sub-menu {

            border-top: 0;

            padding-left: 20px; }

            .header-nav .nav > li .mega-menu .mega-menu li a:after,

            .header-nav .nav > li .mega-menu .sub-menu li a:after,

            .header-nav .nav > li .sub-menu .mega-menu li a:after,

            .header-nav .nav > li .sub-menu .sub-menu li a:after {

              width: 5px;

              content: "";

              height: 5px;

              background: #262F5A !important;

              border-radius: 4px;

              top: 13px; } }

      .header-nav .nav > li .sub-menu li > a > i {

        color: inherit;

        display: block;

        float: right;

        font-size: 18px;

        opacity: 1;

        margin-top: 0px; }

      .header-nav .nav > li .sub-menu.open > a > i:before {

        content: "\f078"; }

      .header-nav .nav > li .sub-menu > li.open > a i:before {

        content: "\f107"; }

      .header-nav .nav > li .mega-menu {

        display: flex;

        right: 0px;

        width: 100%;

        z-index: 9;

        padding: 0 calc((100% - 1200px) /2); }

        .header-nav .nav > li .mega-menu > li {

          display: block;

          padding: 30px 20px 25px;

          position: relative;

          vertical-align: top;

          width: 25%; }

          @media only screen and (max-width: 991px) {

            .header-nav .nav > li .mega-menu > li {

              width: 100%;

              padding: 0; } }

          .header-nav .nav > li .mega-menu > li > a {

            color: #181c32;

            display: block;

            padding: 0 25px;

            font-size: 16px;

            font-weight: 600;

            border-bottom: 1px solid rgba(0, 0, 0, 0.1);

            padding-bottom: 15px; }

            .header-nav .nav > li .mega-menu > li > a > i {

              font-size: 14px;

              margin-right: 5px;

              text-align: center;

              width: 15px; }

            .header-nav .nav > li .mega-menu > li > a:after {

              content: none; }

            @media only screen and (max-width: 991px) {

              .header-nav .nav > li .mega-menu > li > a {

                display: none; } }

          .header-nav .nav > li .mega-menu > li ul {

            list-style: none;

            margin: 10px 0 0 0;

            padding: 0;

            width: 100%; }

            @media only screen and (max-width: 991px) {

              .header-nav .nav > li .mega-menu > li ul {

                margin: 0; } }

          .header-nav .nav > li .mega-menu > li:last-child:after {

            display: none; }

          .header-nav .nav > li .mega-menu > li:hover > a {

            background-color: transparent;

            color: #181c32;

            padding: 0 25px 15px; }

          .header-nav .nav > li .mega-menu > li li i {

            font-size: 14px;

            margin-right: 5px;

            text-align: center;

            width: 15px; }

        @media only screen and (max-width: 991px) {

          .header-nav .nav > li .mega-menu {

            display: none;

            padding: 10px 0; } }

      .header-nav .nav > li.active > a {

        color: var(--primary); }

      .header-nav .nav > li:hover > a {

        color: var(--primary); }

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

          .header-nav .nav > li:hover > a span {

            -webkit-animation: upToDown 0.3s forwards;

            -moz-animation: upToDown 0.3s forwards;

            animation: upToDown 0.3s forwards; } }

      .header-nav .nav > li:hover > .mega-menu,

      .header-nav .nav > li:hover > .sub-menu {

        opacity: 1;

        visibility: visible;

        margin-top: 0;

        -webkit-transition: all 0.5s;

        -ms-transition: all 0.5s;

        transition: all 0.5s; }

        @media only screen and (max-width: 991px) {

          .header-nav .nav > li:hover > .mega-menu,

          .header-nav .nav > li:hover > .sub-menu {

            -webkit-transition: none;

            -ms-transition: none;

            transition: none; } }

        .header-nav .nav > li:hover > .mega-menu li:hover > .sub-menu,

        .header-nav .nav > li:hover > .sub-menu li:hover > .sub-menu {

          opacity: 1;

          visibility: visible;

          margin-top: 0;

          top: -1px; }

      .header-nav .nav > li.open .mega-menu,

      .header-nav .nav > li.open .sub-menu {

        display: block;

        opacity: 1;

        -webkit-transition: none;

        -ms-transition: none;

        transition: none; }

      .header-nav .nav > li.open .open.menu-item-has-children > a:before {

        transform: rotate(90deg);

        -moz-transform: rotate(90deg);

        -webkit-transform: rotate(90deg);

        -ms-transform: rotate(90deg);

        -o-transform: rotate(90deg); }

      .header-nav .nav > li.open .open .mega-menu,

      .header-nav .nav > li.open .open .sub-menu {

        display: block;

        opacity: 1;

        -webkit-transition: none;

        -ms-transition: none;

        transition: none; }

    @media only screen and (max-width: 1400px) {

      .header-nav .nav > li:nth-last-child(3) .sub-menu .sub-menu,

      .header-nav .nav > li:nth-last-child(2) .sub-menu .sub-menu,

      .header-nav .nav > li:last-child .sub-menu .sub-menu {

        left: -220px; } }

    @media only screen and (max-width: 1199px) {

      .header-nav .nav > li:last-child .sub-menu {

        left: auto;

        right: 0; } }

    @media only screen and (max-width: 991px) {

      .header-nav .nav {

        float: none;

        padding: 0 20px; } }

  .header-nav .dz-social-icon {

    display: none;

    text-align: center; }

    .header-nav .dz-social-icon li {

      display: inline-block;

      margin: 0; }

    .header-nav .dz-social-icon a {

      width: 40px;

      height: 40px;

      padding: 0;

      color: var(--primary);

      border: 1px solid #eee;

      line-height: 38px;

      text-align: center;

      border-radius: 40px; }

    @media only screen and (max-width: 991px) {

      .header-nav .dz-social-icon {

        display: block;

        padding-top: 30px;

        padding-bottom: 20px; } }



.header-transparent {

  position: relative;

  top: -54px;

  /* left: 0; */

  /* width: 100%; */

  float: right;

  /* top: -100px; */

  }

  .header-transparent .top-bar,

  .header-transparent .main-bar {

    /* background: transparent; */

    }

  .header-transparent .container-fluid, .header-transparent .container-sm, .header-transparent .container-md, .header-transparent .container-lg, .header-transparent .container-xl {

    padding-left: 80px;

    padding-right: 80px; }

    @media only screen and (max-width: 1199px) {

      .header-transparent .container-fluid, .header-transparent .container-sm, .header-transparent .container-md, .header-transparent .container-lg, .header-transparent .container-xl {

        padding-left: 15px;

        padding-right: 15px; } }

  .header-transparent .side-menu-btn .menu-icon-in span {

    background-color: #fff; }

  .header-transparent .is-fixed .side-menu-btn .menu-icon-in span {

    background-color: #fff; }

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

    .header-transparent .nav > li > a {

      color: #fff; } }

  .header-transparent .navbar-toggler span {

    background: #fff; }

  .header-transparent .is-fixed .nav > li > a {

    color: #181c32; }

  .header-transparent .is-fixed .navbar-toggler span {

    background: #fff; }

  .header-transparent .top-bar {

    border-color: #fff; }

    .header-transparent .top-bar .dz-topbar-left li,

    .header-transparent .top-bar .dz-topbar-left i,

    .header-transparent .top-bar .dz-topbar-right li,

    .header-transparent .top-bar .dz-topbar-right i {

      color: #fff; }



.is-fixed .main-bar {

  position: fixed;

  top: 0;

  left: 0;

  box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.1);

  background: #fff;

  transition: all 0.5s; }



@media only screen and (max-width: 991px) {

  .mo-left .header-nav {

    overflow-y: scroll;

    position: fixed;

    width: 60px;

    left: -280px;

    height: 100vh !important;

    transition: all 0.5s;

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -o-transition: all 0.5s;

    top: 0;

    background-color: #fff;

    margin: 0;

    z-index: 99; }

    .mo-left .header-nav.nav-dark {

      background-color: #202020; }

    .mo-left .header-nav.show {

      left: -1px;

      transition: all 0.8s;

      -webkit-transition: all 0.8s;

      -moz-transition: all 0.8s;

      -o-transition: all 0.8s;

      margin: 0;

      width: 280px; }

    .mo-left .header-nav .logo-header {

      display: block;

      float: none;

      height: auto !important;

      max-width: 100%;

      padding: 25px 20px;

      width: 100% !important; }

      .mo-left .header-nav .logo-header img {

        max-width: unset;

        width: 120px;

        height: 60px;

        vertical-align: middle; }

    .mo-left .header-nav li.open a {

      position: relative; }

  .mo-left .navbar-toggler.open {

    z-index: 99; }

    .mo-left .navbar-toggler.open:after {

      background-color: rgba(0, 0, 0, 0.6);

      content: "";

      left: 0;

      position: fixed;

      right: -20px;

      top: -63px;

      transform: scale(100);

      -o-transform: scale(100);

      -moz-transform: scale(100);

      -webkit-transform: scale(100);

      width: 100%;

      z-index: -1;

      transition: all 0.5s;

      transform-origin: top right;

      margin: 0 0px 0px 20px;

      -webkit-box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.6);

      box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.6); }

    .mo-left .navbar-toggler.open span {

      background: #fff; } }



.text-black .nav > li > a {

  color: #181c32; }



.text-black .navbar-toggler span {

  background: #181c32; }



/* Start Header is-fixed Animation */

.main-bar {

  -webkit-transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;

  -khtml-transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;

  -moz-transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;

  -ms-transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;

  -o-transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;

  transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0s; }



.is-fixed .main-bar {

  -webkit-animation: 0.95s ease 0s normal forwards 1 running headerSlideDown;

  -khtml-animation: 0.95s ease 0s normal forwards 1 running headerSlideDown;

  -moz-animation: 0.95s ease 0s normal forwards 1 running headerSlideDown;

  -ms-animation: 0.95s ease 0s normal forwards 1 running headerSlideDown;

  -o-animation: 0.95s ease 0s normal forwards 1 running headerSlideDown;

  animation: 0.95s ease 0s normal forwards 1 running headerSlideDown; }



@-moz-keyframes headerSlideDown {

  0% {

    margin-top: -150px; }

  100% {

    margin-top: 0; } }



@-ms-keyframes headerSlideDown {

  0% {

    margin-top: -150px; }

  100% {

    margin-top: 0; } }



@-webkit-keyframes headerSlideDown {

  0% {

    margin-top: -150px; }

  100% {

    margin-top: 0; } }



@keyframes headerSlideDown {

  0% {

    margin-top: -150px; }

  100% {

    margin-top: 0; } }



/* Header is-fixed Animation End */

.header-tabs-wraper .header-style-bx {

  display: flex;

  width: 100%; }

  .header-tabs-wraper .header-style-bx .header-style-tabs {

    width: 15%;

    position: relative;

    z-index: 1;

    padding: 20px 0 20px 20px;

    background: #f1f1f1; }

    .header-tabs-wraper .header-style-bx .header-style-tabs .header-tabs {

      padding: 15px 25px; }

      .header-tabs-wraper .header-style-bx .header-style-tabs .header-tabs:hover {

        padding: 15px 25px; }

      .header-tabs-wraper .header-style-bx .header-style-tabs .header-tabs:after {

        content: none; }

      .header-tabs-wraper .header-style-bx .header-style-tabs .header-tabs.active {

        color: #000;

        background: #fff; }

  @media only screen and (max-width: 991px) {

    .header-tabs-wraper .header-style-bx {

      display: block; }

      .header-tabs-wraper .header-style-bx .header-style-tabs {

        width: 100%;

        padding: 15px;

        display: none; } }



.header-tabs-wraper .header-style-content {

  width: 85%;

  background: #fff; }

  .header-tabs-wraper .header-style-content .menu-list {

    display: flex;

    text-align: left; }

    .header-tabs-wraper .header-style-content .menu-list > li {

      width: 100%;

      padding: 0 10px; }

      .header-tabs-wraper .header-style-content .menu-list > li .title {

        display: block;

        font-size: 16px;

        font-weight: 600;

        color: #000;

        padding: 10px 25px 10px;

        border-bottom: 1px solid rgba(0, 0, 0, 0.1); }

      .header-tabs-wraper .header-style-content .menu-list > li > ul {

        padding: 12px 0; }

        .header-tabs-wraper .header-style-content .menu-list > li > ul > li i {

          margin-right: 5px; }

      .header-tabs-wraper .header-style-content .menu-list > li:last-child {

        border-right: 0; }

      @media only screen and (max-width: 991px) {

        .header-tabs-wraper .header-style-content .menu-list > li {

          border-right: 0;

          padding: 0; }

          .header-tabs-wraper .header-style-content .menu-list > li > ul {

            padding: 0; }

          .header-tabs-wraper .header-style-content .menu-list > li .title {

            display: none; } }

  @media only screen and (max-width: 991px) {

    .header-tabs-wraper .header-style-content {

      width: 100%; }

      .header-tabs-wraper .header-style-content .menu-list {

        display: block; } }



.header-tabs-wraper .header-tabs-content {

  display: none; }

  .header-tabs-wraper .header-tabs-content.show {

    display: block; }

  @media only screen and (max-width: 991px) {

    .header-tabs-wraper .header-tabs-content {

      display: block; } }



.site-header.style-1 {

  padding-bottom: 8px; }

  @media only screen and (max-width: 991px) {

    .site-header.style-1 .dz-social-icon ul {

      justify-content: center;

      width: 100%; }

    .site-header.style-1 .dz-social-icon a {

      color: #fff; } }

  .site-header.style-1 .is-fixed .main-bar {

    background: var(--primary); }

  .site-header.style-1:before, .site-header.style-1:after {

    content: "";

    height: 100%;

    position: absolute;

    top: 0;

    z-index: 1; }

  .site-header.style-1:before {

    background-color: var(--primary);

    width: 100px;

    left: calc(calc(100% - 1140px) / 2 + 280px);

    transform: skewX(20deg); }

    @media only screen and (max-width: 1199px) {

      .site-header.style-1:before {

        left: calc(calc(100% - 960px) / 2 + 280px); } }

    @media only screen and (max-width: 991px) {

      .site-header.style-1:before {

        left: calc(calc(100% - 720px) / 2 + 280px); } }

    @media only screen and (max-width: 767px) {

      .site-header.style-1:before {

        left: calc(calc(100% - 540px) / 2 + 280px); } }

    @media only screen and (max-width: 575px) {

      .site-header.style-1:before {

        left: 210px; } }

  .site-header.style-1:after {

    background-color: var(--primary);

    width: calc(calc(100% - 1140px) / 2 + 800px);

    right: 0; }

    @media only screen and (max-width: 1199px) {

      .site-header.style-1:after {

        width: calc(calc(100% - 960px) / 2 + 635px); } }

    @media only screen and (max-width: 991px) {

      .site-header.style-1:after {

        width: calc(calc(100% - 720px) / 2 + 420px); } }

    @media only screen and (max-width: 767px) {

      .site-header.style-1:after {

        width: calc(calc(100% - 540px) / 2 + 230px); } }

    @media only screen and (max-width: 575px) {

      .site-header.style-1:after {

        width: calc(100% - 230px); } }

  .site-header.style-1 .main-bar-wraper:after {

    content: "";

    height: 100%;

    background-color: #2d384a;

    width: calc(calc(100% - 1140px) / 2 + 300px);

    left: -40px;

    top: 0;

    position: absolute;

    transform: skewX(20deg); }

    @media only screen and (max-width: 1199px) {

      .site-header.style-1 .main-bar-wraper:after {

        width: calc(calc(100% - 960px) / 2 + 300px); } }

    @media only screen and (max-width: 991px) {

      .site-header.style-1 .main-bar-wraper:after {

        width: calc(calc(100% - 720px) / 2 + 300px); } }

    @media only screen and (max-width: 767px) {

      .site-header.style-1 .main-bar-wraper:after {

        width: calc(calc(100% - 540px) / 2 + 300px); } }

  .site-header.style-1 .top-bar {

    background-color: transparent;

    border-bottom: 0;

    z-index: 2; }

    .site-header.style-1 .top-bar .dz-topbar-inner {

      margin-left: calc(calc(100% - 1140px) / 2 + 295px); }

      @media only screen and (max-width: 1199px) {

        .site-header.style-1 .top-bar .dz-topbar-inner {

          margin-left: 0; } }

    .site-header.style-1 .top-bar p {

      font-size: 15px;

      margin-bottom: 0; }

    .site-header.style-1 .top-bar .dz-topbar-right li, .site-header.style-1 .top-bar .dz-topbar-right p,

    .site-header.style-1 .top-bar .dz-topbar-left li,

    .site-header.style-1 .top-bar .dz-topbar-left p {

      font-weight: 700; }

      .site-header.style-1 .top-bar .dz-topbar-right li i, .site-header.style-1 .top-bar .dz-topbar-right p i,

      .site-header.style-1 .top-bar .dz-topbar-left li i,

      .site-header.style-1 .top-bar .dz-topbar-left p i {

        color: #fff; }

  .site-header.style-1 .main-bar:before, .site-header.style-1 .main-bar:after {

    content: "";

    height: 100%;

    position: absolute;

    z-index: 3;

    top: 0;

    background-color: #192436; }

  .site-header.style-1 .main-bar:before {

    border-left: 3px solid var(--primary);

    width: 90px;

    transform: skew(20deg);

    left: calc(calc(100% - 1140px) / 2 + 220px); }

  .site-header.style-1 .main-bar:after {

    width: calc(calc(100% - 1140px) / 2 + 870px);

    right: 0; }

  @media only screen and (max-width: 1199px) {

    .site-header.style-1 .main-bar:before {

      left: calc(calc(100% - 960px) / 2 + 220px); }

    .site-header.style-1 .main-bar:after {

      width: calc(calc(100% - 960px) / 2 + 690px); } }

  @media only screen and (max-width: 991px) {

    .site-header.style-1 .main-bar:before {

      left: calc(calc(100% - 720px) / 2 + 220px); }

    .site-header.style-1 .main-bar:after {

      width: calc(calc(100% - 720px) / 2 + 470px); } }

  @media only screen and (max-width: 767px) {

    .site-header.style-1 .main-bar:before {

      left: calc(calc(100% - 540px) / 2 + 220px); }

    .site-header.style-1 .main-bar:after {

      width: calc(calc(100% - 540px) / 2 + 300px); } }

  @media only screen and (max-width: 575px) {

    .site-header.style-1 .main-bar:before {

      left: 175px; }

    .site-header.style-1 .main-bar:after {

      width: calc(100% - 200px); } }

  .site-header.style-1 .navicon {

    z-index: 5; }

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

    .site-header.style-1 .header-nav {

      z-index: 4;

      padding-left: 130px; } }

  @media only screen and (min-width: 991px) and (max-width: 1199px) {

    .site-header.style-1 .header-nav {

      padding-left: 60px; } }

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

    .site-header.style-1 .nav > li > a {

      color: #fff; } }



.site-header.style-2.header-transparent + .page-content .dz-bnr-inr .dz-bnr-inr-entry {

  padding-top: 100px; }



.site-header.style-2.header-transparent .main-bar .container > .logo-dark,

.site-header.style-2.header-transparent .main-bar .container-fluid > .logo-dark,

.site-header.style-2.header-transparent .main-bar .container-sm > .logo-dark,

.site-header.style-2.header-transparent .main-bar .container-md > .logo-dark,

.site-header.style-2.header-transparent .main-bar .container-lg > .logo-dark,

.site-header.style-2.header-transparent .main-bar .container-xl > .logo-dark {

  display: none; }



.site-header.style-2.header-transparent .is-fixed .main-bar .container > .logo-dark,

.site-header.style-2.header-transparent .is-fixed .main-bar .container-fluid > .logo-dark,

.site-header.style-2.header-transparent .is-fixed .main-bar .container-sm > .logo-dark,

.site-header.style-2.header-transparent .is-fixed .main-bar .container-md > .logo-dark,

.site-header.style-2.header-transparent .is-fixed .main-bar .container-lg > .logo-dark,

.site-header.style-2.header-transparent .is-fixed .main-bar .container-xl > .logo-dark {

  display: block; }



.site-header.style-2.header-transparent .is-fixed .main-bar .container > .logo-white,

.site-header.style-2.header-transparent .is-fixed .main-bar .container-fluid > .logo-white,

.site-header.style-2.header-transparent .is-fixed .main-bar .container-sm > .logo-white,

.site-header.style-2.header-transparent .is-fixed .main-bar .container-md > .logo-white,

.site-header.style-2.header-transparent .is-fixed .main-bar .container-lg > .logo-white,

.site-header.style-2.header-transparent .is-fixed .main-bar .container-xl > .logo-white {

  display: none; }



.site-header.style-2.header-transparent .main-bar.show .container > .logo-dark,

.site-header.style-2.header-transparent .main-bar.show .container-fluid > .logo-dark,

.site-header.style-2.header-transparent .main-bar.show .container-sm > .logo-dark,

.site-header.style-2.header-transparent .main-bar.show .container-md > .logo-dark,

.site-header.style-2.header-transparent .main-bar.show .container-lg > .logo-dark,

.site-header.style-2.header-transparent .main-bar.show .container-xl > .logo-dark {

  display: block; }



.site-header.style-2.header-transparent .main-bar.show .container > .logo-white,

.site-header.style-2.header-transparent .main-bar.show .container-fluid > .logo-white,

.site-header.style-2.header-transparent .main-bar.show .container-sm > .logo-white,

.site-header.style-2.header-transparent .main-bar.show .container-md > .logo-white,

.site-header.style-2.header-transparent .main-bar.show .container-lg > .logo-white,

.site-header.style-2.header-transparent .main-bar.show .container-xl > .logo-white {

  display: none; }



.site-header.style-2 .main-bar {

  background-color: transparent;

  box-shadow: none; }



.site-header.style-2 .is-fixed .extra-nav {

  height: 100px; }

  @media only screen and (max-width: 1400px) {

    .site-header.style-2 .is-fixed .extra-nav {

      height: 80px; } }



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

  .site-header.style-2 .is-fixed .nav {

    height: 80px; } }



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

  .site-header.style-2 .is-fixed .nav {

    height: 100px; } }



.site-header.style-2 .is-fixed .logo-header {

  height: 100px; }

  .site-header.style-2 .is-fixed .logo-header img {

    height: 100px; }

  @media only screen and (max-width: 1400px) {

    .site-header.style-2 .is-fixed .logo-header {

      height: 80px; }

      .site-header.style-2 .is-fixed .logo-header img {

        height: 80px; } }



@media only screen and (max-width: 991px) {

  .site-header.style-2 .is-fixed .extra-nav {

    height: 80px; }

  .site-header.style-2 .is-fixed .logo-header {

    height: 80px; }

    .site-header.style-2 .is-fixed .logo-header img {

      height: 80px; }

  .site-header.style-2 .is-fixed .navbar-toggler {

    margin: 15px 0 15px 10px; } }



@media only screen and (max-width: 991px) {

  .site-header.style-2 .navbar-toggler {

    margin: 30px 0 30px 15px; }

  .site-header.style-2 .dz-social-icon ul {

    justify-content: center; }

  .site-header.style-2 .dz-social-icon a {

    color: #fff; } }



@media only screen and (max-width: 575px) {

  .site-header.style-2 .navbar-toggler {

    margin: 15px 0 15px 10px; } }



.site-header.style-2 .extra-nav {

  height: 150px;

  padding-left: 50px;

  -webkit-transition: all 0.8s;

  -ms-transition: all 0.8s;

  transition: all 0.8s; }

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

    .site-header.style-2 .extra-nav {

      padding-left: 30px; } }

  @media only screen and (max-width: 991px) {

    .site-header.style-2 .extra-nav {

      height: 110px; } }

  @media only screen and (max-width: 575px) {

    .site-header.style-2 .extra-nav {

      height: 80px;

      padding-left: 0; } }

  .site-header.style-2 .extra-nav ul {

    display: flex;

    align-items: center; }



.site-header.style-2 .container-fluid, .site-header.style-2 .container-sm, .site-header.style-2 .container-md, .site-header.style-2 .container-lg, .site-header.style-2 .container-xl {

  padding-left: 130px;

  padding-right: 130px; }

  @media only screen and (max-width: 1400px) {

    .site-header.style-2 .container-fluid, .site-header.style-2 .container-sm, .site-header.style-2 .container-md, .site-header.style-2 .container-lg, .site-header.style-2 .container-xl {

      padding-left: 60px;

      padding-right: 60px; } }

  @media only screen and (max-width: 575px) {

    .site-header.style-2 .container-fluid, .site-header.style-2 .container-sm, .site-header.style-2 .container-md, .site-header.style-2 .container-lg, .site-header.style-2 .container-xl {

      padding-left: 15px;

      padding-right: 15px; } }



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

  .site-header.style-2 .nav {

    height: 150px;

    -webkit-transition: all 0.8s;

    -ms-transition: all 0.8s;

    transition: all 0.8s; } }



.site-header.style-2 .logo-header {

  height: 150px;

  -webkit-transition: all 0.8s;

  -ms-transition: all 0.8s;

  transition: all 0.8s; }

  .site-header.style-2 .logo-header img {

    height: 150px;

    -webkit-transition: all 0.8s;

    -ms-transition: all 0.8s;

    transition: all 0.8s; }

    @media only screen and (max-width: 1400px) {

      .site-header.style-2 .logo-header img {

        max-width: 140px; } }

  @media only screen and (max-width: 991px) {

    .site-header.style-2 .logo-header {

      height: 120px; }

      .site-header.style-2 .logo-header img {

        height: 120px; } }

  @media only screen and (max-width: 575px) {

    .site-header.style-2 .logo-header {

      height: 75px; }

      .site-header.style-2 .logo-header img {

        height: 75px; } }



.site-header.style-2 .is-fixed .main-bar {

  background: #fff;

  box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.05); }



@media only screen and (max-width: 991px) {

  .site-header.style-2 .header-nav .logo-header img {

    height: 60px; } }



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

  .site-header.style-2 .header-nav .nav > li {

    padding: 10px 25px; }

    .site-header.style-2 .header-nav .nav > li.active > a:before, .site-header.style-2 .header-nav .nav > li:hover > a:before {

      width: 100%; }

    .site-header.style-2 .header-nav .nav > li > a {

      padding: 32px 0; }

      .site-header.style-2 .header-nav .nav > li > a:before {

        content: "";

        position: absolute;

        bottom: 15px;

        left: 50%;

        height: 2px;

        width: 0;

        margin-left: 0;

        background: var(--primary);

        transform: translateX(-50%);

        -webkit-transition: all 0.8s;

        -ms-transition: all 0.8s;

        transition: all 0.8s; } }

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

    .site-header.style-2 .header-nav .nav > li {

      padding: 10px; } }



@media only screen and (max-width: 1400px) {

  .site-header.style-2 .header-nav .nav > li > a {

    padding: 20px 0; } }



@media only screen and (max-width: 991px) {

  .site-header.style-2 .header-nav .nav > li > a {

    padding: 8px 0px; } }



.site-header.style-2 .menu-btn {

  height: 70px;

  width: 70px;

  background: var(--primary);

  display: inline-block;

  position: relative;

  margin-left: 30px;

  vertical-align: middle; }

  .site-header.style-2 .menu-btn span {

    background: #fff;

    left: 18px;

    display: block;

    position: absolute;

    height: 2px;

    -webkit-transform: rotate(0deg);

    -moz-transform: rotate(0deg);

    -o-transform: rotate(0deg);

    transform: rotate(0deg);

    -webkit-transition: .25s ease-in-out;

    -moz-transition: .25s ease-in-out;

    -o-transition: .25s ease-in-out;

    transition: .25s ease-in-out; }

    .site-header.style-2 .menu-btn span:nth-child(1) {

      top: 22px;

      width: 35px; }

    .site-header.style-2 .menu-btn span:nth-child(2) {

      top: 32.5px;

      width: 25px; }

    .site-header.style-2 .menu-btn span:nth-child(3) {

      top: 44px;

      width: 35px; }

  @media only screen and (max-width: 1400px) {

    .site-header.style-2 .menu-btn {

      height: 60px;

      width: 60px; }

      .site-header.style-2 .menu-btn span {

        left: 12px; }

        .site-header.style-2 .menu-btn span:nth-child(1) {

          top: 18px; }

        .site-header.style-2 .menu-btn span:nth-child(2) {

          top: 28.5px; }

        .site-header.style-2 .menu-btn span:nth-child(3) {

          top: 40px; } }

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

    .site-header.style-2 .menu-btn {

      margin-left: 30px; } }

  @media only screen and (max-width: 991px) {

    .site-header.style-2 .menu-btn {

      display: none; } }

  .site-header.style-2 .menu-btn.open span:nth-child(1) {

    top: 33px;

    transform: rotate(45deg); }

  .site-header.style-2 .menu-btn.open span:nth-child(2) {

    right: 40px;

    opacity: 0; }

  .site-header.style-2 .menu-btn.open span:nth-child(3) {

    top: 33px;

    width: 35px;

    transform: rotate(-45deg); }



.site-header.style-3 .logo-header {

  background-color: var(--primary);

  padding: 0px 40px 0 40px;

  margin-right: 60px; }

  .site-header.style-3 .logo-header img {

    max-width: 150px; }

  @media only screen and (max-width: 1400px) {

    .site-header.style-3 .logo-header {

      margin-right: 40px; } }

  @media only screen and (max-width: 575px) {

    .site-header.style-3 .logo-header {

      padding: 0px 15px 0 15px;

      width: 120px;

      margin-right: 0; }

      .site-header.style-3 .logo-header img {

        max-width: 120px; } }



.site-header.style-3 .extra-nav {

  padding-right: 80px;

  margin-left: 0;

  padding-left: 0; }

  .site-header.style-3 .extra-nav .extra-cell {

    height: 100%;

    display: flex;

    align-items: center; }

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

    .site-header.style-3 .extra-nav {

      padding-right: 0; } }

  @media only screen and (max-width: 991px) {

    .site-header.style-3 .extra-nav {

      padding-right: 10px; } }



@media only screen and (max-width: 991px) {

  .site-header.style-3 .navbar-toggler {

    margin: 15px; }

  .site-header.style-3 .dz-social-icon ul {

    margin: 0;

    justify-content: center; }

    .site-header.style-3 .dz-social-icon ul a {

      color: #fff; } }



.site-header.style-3 .header-nav .logo-header {

  background-color: transparent;

  padding: 30px; }



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

  .site-header.style-3 .header-nav .nav > li:hover > a:before, .site-header.style-3 .header-nav .nav > li.active > a:before {

    width: 100%; }

  .site-header.style-3 .header-nav .nav > li > a {

    padding: 40px 15px; }

    .site-header.style-3 .header-nav .nav > li > a:before {

      content: "";

      position: absolute;

      height: 2px;

      background: var(--primary);

      width: 0;

      -webkit-transition: all 0.8s;

      -ms-transition: all 0.8s;

      transition: all 0.8s;

      transform: translateX(-50%);

      top: 0;

      left: 50%; } }

  @media only screen and (min-width: 991px) and (max-width: 1400px) {

    .site-header.style-3 .header-nav .nav > li > a {

      padding: 40px 10px; } }



.site-header.style-3 .top-bar .help-text {

  font-size: 14px;

  margin-bottom: 0;

  color: #7a8aa6; }

  .site-header.style-3 .top-bar .help-text strong {

    color: #1c1c1c;

    text-transform: uppercase;

    font-family: var(--font-family-title);

    font-weight: 700;

    padding-right: 10px; }



.site-header.style-3 .container-fluid, .site-header.style-3 .container-sm, .site-header.style-3 .container-md, .site-header.style-3 .container-lg, .site-header.style-3 .container-xl {

  padding-left: 0;

  padding-right: 0; }



.search-inhead {

  position: relative;

  margin-left: 30px;

  padding-left: 20px;

  display: flex;

  align-items: center;

  height: 100%;

  background: #f2f2f2;

  border-right: 1px solid #d7d7d7;

  margin-right: 30px;

  padding-right: 30px; }

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

    .search-inhead .dz-quik-search {

      position: relative;

      display: block !important;

      top: 0;

      background: transparent;

      max-width: 200px;

      padding: 0; }

      .search-inhead .dz-quik-search .form-control, .search-inhead .dz-quik-search .wp-block-categories-dropdown select, .wp-block-categories-dropdown .search-inhead .dz-quik-search select,

      .search-inhead .dz-quik-search .wp-block-archives-dropdown select, .wp-block-archives-dropdown .search-inhead .dz-quik-search select {

        color: #000;

        font-size: 16px;

        font-weight: 500;

        border: 0; }

        .search-inhead .dz-quik-search .form-control::placeholder, .search-inhead .dz-quik-search .wp-block-categories-dropdown select::placeholder, .wp-block-categories-dropdown .search-inhead .dz-quik-search select::placeholder,

        .search-inhead .dz-quik-search .wp-block-archives-dropdown select::placeholder, .wp-block-archives-dropdown .search-inhead .dz-quik-search select::placeholder {

          color: #1c1c1c; }

      .search-inhead .dz-quik-search span {

        display: none; }

    .search-inhead #quik-search-btn {

      position: absolute;

      right: 30px;

      top: 50%;

      color: #1c1c1c !important;

      background: #fff !important;

      transform: translateY(-50%);

      z-index: 9999;

      font-size: 18px !important; } }

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

    .search-inhead {

      margin-right: 0;

      padding-right: 20px;

      border-right: 0; } }

  @media only screen and (max-width: 575px) {

    .search-inhead {

      background: transparent;

      padding-right: 0;

      padding-left: 0; } }



.site-header.style-4 .extra-nav .extra-cell {

  height: 100%;

  display: flex;

  align-items: center; }



.site-header.style-4 .container-fluid, .site-header.style-4 .container-sm, .site-header.style-4 .container-md, .site-header.style-4 .container-lg, .site-header.style-4 .container-xl {

  padding-left: 0;

  padding-right: 0; }



.site-header.style-4 .logo-header {

  padding-left: 70px;

  padding-right: 40px; }



.site-header.style-4 .main-bar .container > .logo-white,

.site-header.style-4 .main-bar .container-fluid > .logo-white,

.site-header.style-4 .main-bar .container-sm > .logo-white,

.site-header.style-4 .main-bar .container-md > .logo-white,

.site-header.style-4 .main-bar .container-lg > .logo-white,

.site-header.style-4 .main-bar .container-xl > .logo-white {

  display: none; }



@media only screen and (max-width: 991px) {

  .site-header.style-4 .logo-header {

    padding-left: 30px;

    padding-right: 30px;

    width: 120px; }

    .site-header.style-4 .logo-header img {

      max-width: 120px; }

  .site-header.style-4 .navbar-toggler {

    margin: 15px; }

  .site-header.style-4 .dz-social-icon ul {

    margin: 0;

    justify-content: center; }

    .site-header.style-4 .dz-social-icon ul a {

      color: #fff; } }



@media only screen and (max-width: 575px) {

  .site-header.style-4 .logo-header {

    padding-left: 15px;

    padding-right: 15px; } }



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

  .site-header.style-4 .header-nav .nav > li > a {

    padding: 40px 15px; } }

  @media only screen and (min-width: 991px) and (max-width: 1400px) {

    .site-header.style-4 .header-nav .nav > li > a {

      padding: 40px 10px; } }



.site-header.style-4 .search-inhead {

  background: #f2f2f2;

  margin-right: 0;

  border-right: 0;

  padding-left: 25px; }

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

    .site-header.style-4 .search-inhead .form-control, .site-header.style-4 .search-inhead .wp-block-categories-dropdown select, .wp-block-categories-dropdown .site-header.style-4 .search-inhead select,

    .site-header.style-4 .search-inhead .wp-block-archives-dropdown select, .wp-block-archives-dropdown .site-header.style-4 .search-inhead select {

      border: 0; } }

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

    .site-header.style-4 .search-inhead {

      padding-right: 25px; } }

  @media only screen and (max-width: 991px) {

    .site-header.style-4 .search-inhead {

      background: transparent;

      padding-right: 10px; } }

  @media only screen and (max-width: 575px) {

    .site-header.style-4 .search-inhead {

      padding-left: 0;

      padding-right: 0; } }



.site-header.style-4 .btn-quote {

  height: 100%;

  font-size: 18px;

  padding: 15px 40px; }



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

  .site-header.style-4 .extra-nav #quik-search-btn {

    height: 55px;

    width: 55px;

    line-height: 55px;

    background: #fff !important; } }



.site-header.style-5 + .page-content .dz-bnr-inr {

  overflow: unset; }

  .site-header.style-5 + .page-content .dz-bnr-inr .container {

    display: block; }

  .site-header.style-5 + .page-content .dz-bnr-inr .dz-bnr-inr-entry {

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    width: 100%;

    height: calc(100% - 45px); }

    @media only screen and (max-width: 991px) {

      .site-header.style-5 + .page-content .dz-bnr-inr .dz-bnr-inr-entry {

        height: 100%; } }



.site-header.style-5 .middle-bar .middle-area {

  display: flex;

  align-items: center;

  justify-content: space-between; }



@media only screen and (max-width: 991px) {

  .site-header.style-5 .middle-bar {

    display: none; } }



.site-header.style-5 .middle-bar .logo-white {

  display: none; }



.site-header.style-5 .middle-bar .logo-dark {

  display: block; }



.site-header.style-5 .logo-header img {

  max-width: 150px; }

  @media only screen and (max-width: 575px) {

    .site-header.style-5 .logo-header img {

      max-width: 120px; } }



@media only screen and (max-width: 991px) {

  .site-header.style-5 .dz-social-icon ul {

    margin: 0;

    justify-content: center; }

    .site-header.style-5 .dz-social-icon ul a {

      color: #fff; } }



.site-header.style-5 .main-bar:after {

  content: "";

  width: 100%;

  background-color: #fff;

  position: absolute;

  left: 0;

  top: 0; }



.site-header.style-5 .main-bar .container {

  z-index: 1;

  position: relative; }



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

  .site-header.style-5 .main-bar {

    background: transparent;

    box-shadow: none;

    margin-bottom: -45px; }

    .site-header.style-5 .main-bar .container {

      background: var(--secondary);

      border-radius: var(--border-radius-base); }

    .site-header.style-5 .main-bar .extra-nav {

      height: 90px; } }



@media only screen and (max-width: 991px) {

  .site-header.style-5 .main-bar {

    background: var(--secondary); } }



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

  .site-header.style-5 .header-nav .nav > li > a {

    color: #fff;

    padding: 35px 15px; }

  .site-header.style-5 .header-nav .nav > li:hover > a, .site-header.style-5 .header-nav .nav > li.active > a {

    color: var(--primary); } }



.site-header.style-5 .top-bar {

  background: #ededed;

  border-bottom: 0;

  padding: 0; }

  .site-header.style-5 .top-bar .dz-topbar-left ul li,

  .site-header.style-5 .top-bar .dz-topbar-right ul li,

  .site-header.style-5 .top-bar .dz-topbar-center ul li {

    font-size: 16px;

    font-weight: 700; }

  .site-header.style-5 .top-bar .dz-topbar-left ul li {

    border-right: 1px solid #e3e3e3;

    margin-right: 20px;

    padding-top: 10px;

    padding-bottom: 10px; }

    .site-header.style-5 .top-bar .dz-topbar-left ul li:last-child {

      border-right: 0; }

  .site-header.style-5 .top-bar .dz-social {

    display: flex; }

    .site-header.style-5 .top-bar .dz-social li {

      border-left: 1px solid #e3e3e3;

      padding: 0; }

      .site-header.style-5 .top-bar .dz-social li a {

        padding: 14px 12px; }

        .site-header.style-5 .top-bar .dz-social li a:hover {

          color: var(--primary); }

      .site-header.style-5 .top-bar .dz-social li:last-child {

        border-right: 1px solid #e3e3e3; }



.site-header.style-5 .service-info {

  margin-right: 30px; }

  .site-header.style-5 .service-info span {

    font-size: 14px;

    color: #020e28;

    text-transform: uppercase;

    font-weight: 700; }

  .site-header.style-5 .service-info .title {

    font-size: 22px;

    color: var(--primary);

    font-family: var(--font-family-base);

    margin-bottom: 0; }



.site-header.style-5 .extra-nav #quik-search-btn {

  height: 48px;

  width: 48px;

  line-height: 48px;

  background: #ededed;

  color: #020e28; }



.site-header.header-sidenav-1.header-transparent .main-bar {

  /* background: transparent; */

  }



.site-header.header-sidenav-1.header-transparent + .page-content .dz-bnr-inr .dz-bnr-inr-entry {

  padding-top: 100px; }



.site-header.header-sidenav-1.header-transparent .nav > li > a {

  color: var(--secondary); }



.site-header.header-sidenav-1 .main-bar {

  /* background: var(--secondary); */

  }



.site-header.header-sidenav-1 .is-fixed .header-content-bx {

  height: auto; }



.site-header.header-sidenav-1 .is-fixed .main-bar {

  background: var(--secondary); }



.site-header.header-sidenav-1 .header-content-bx > .logo-header.logo-dark {

  display: none; }



.site-header.header-sidenav-1 .main-bar.show .header-content-bx > .logo-header.logo-dark {

  display: block; }



.site-header.header-sidenav-1 .main-bar.show .header-content-bx > .logo-header.logo-white {

  display: none; }



.site-header.header-sidenav-1 .header-nav .nav > li .sub-menu li > .sub-menu {

  left: auto;

  margin: 0;

  padding: 0;

  top: auto; }



.site-header.header-sidenav-1 .header-nav .nav .sub-menu {

  left: auto;

  top: auto; }



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

  .site-header.header-sidenav-1 .header-nav .nav .sub-menu-down > a:after {

    content: "\f078";

    vertical-align: middle;

    font-weight: 900;

    font-family: "Font Awesome 5 Free";

    font-size: 16px;

    position: absolute;

    right: 20px;

    margin-left: 10px;

    top: 50%;

    transform: translateY(-50%);

    transition: all 0.5s; }

  .site-header.header-sidenav-1 .header-nav .nav .sub-menu-down > a.dz-open:after {

    transform: translateY(-50%) rotate(-90deg); } }



@media only screen and (max-width: 767px) {

  .site-header.header-sidenav-1 .header-nav .nav .sub-menu-down .sub-menu-down > a:before {

    content: "\f078";

    vertical-align: middle;

    font-weight: 900;

    font-family: "Font Awesome 5 Free";

    background-color: var(--rgba-primary-1);

    color: var(--primary);

    height: 30px;

    line-height: 30px;

    right: 0px;

    text-align: center;

    width: 30px;

    z-index: 3;

    float: right;

    font-size: 14px;

    margin: 0px; }

  .site-header.header-sidenav-1 .header-nav .nav .sub-menu-down .sub-menu-down > a.dz-open:before {

    transform: rotate(-90deg); } }



.site-header.header-sidenav-1 .nav-elements span {

  font-size: 18px;

  margin-right: 10px; }



.site-header.header-sidenav-1 .header-content-bx {

  /* display: flex; */

  /* height: 140px; */

  align-items: center;

  -webkit-transition: all 0.8s;

  -ms-transition: all 0.8s;

  transition: all 0.8s;

  }

  @media only screen and (max-width: 1024px) {

    .site-header.header-sidenav-1 .header-content-bx {

      justify-content: space-between; } }

  @media only screen and (max-width: 1400px) {

    .site-header.header-sidenav-1 .header-content-bx {

      height: 100px; } }

  @media only screen and (max-width: 575px) {

    .site-header.header-sidenav-1 .header-content-bx {

      height: 80px; } }



@media only screen and (max-width: 575px) {

  .site-header.header-sidenav-1 .logo-header img {

    max-width: 110px; } }



.site-header.header-sidenav-1 .container-fluid, .site-header.header-sidenav-1 .container-sm, .site-header.header-sidenav-1 .container-md, .site-header.header-sidenav-1 .container-lg, .site-header.header-sidenav-1 .container-xl {

  padding-left: 75px;

  padding-right: 75px; }

  @media only screen and (max-width: 1400px) {

    .site-header.header-sidenav-1 .container-fluid, .site-header.header-sidenav-1 .container-sm, .site-header.header-sidenav-1 .container-md, .site-header.header-sidenav-1 .container-lg, .site-header.header-sidenav-1 .container-xl {

      padding-left: 40px;

      padding-right: 40px; } }

  @media only screen and (max-width: 575px) {

    .site-header.header-sidenav-1 .container-fluid, .site-header.header-sidenav-1 .container-sm, .site-header.header-sidenav-1 .container-md, .site-header.header-sidenav-1 .container-lg, .site-header.header-sidenav-1 .container-xl {

      padding-left: 15px;

      padding-right: 15px; } }



.site-header.header-sidenav-1 .extra-nav {

  /* padding-left: 80px; */

  }

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

    .site-header.header-sidenav-1 .extra-nav {

      padding-left: 15px; } }



.site-header.header-sidenav-1 .menu-btn {

  height: 62px;

  width: 75px;

  /* background: #ffffff; */

  display: inline-block;

  position: relative;

  vertical-align: middle;

  top: -2px;

  }

  .site-header.header-sidenav-1 .menu-btn span {

    background: #19291b;

    right: 18px;

    display: block;

    position: absolute;

    height: 3px;

    -webkit-transform: rotate(0deg);

    -moz-transform: rotate(0deg);

    -o-transform: rotate(0deg);

    transform: rotate(0deg);

    -webkit-transition: .25s ease-in-out;

    -moz-transition: .25s ease-in-out;

    -o-transition: .25s ease-in-out;

    transition: .25s ease-in-out;

    }

    .site-header.header-sidenav-1 .menu-btn span:nth-child(1) {

      top: 22px;

      width: 33px;

      }

    .site-header.header-sidenav-1 .menu-btn span:nth-child(2) {

      top: 28.5px;

      width: 33px;

      }

    .site-header.header-sidenav-1 .menu-btn span:nth-child(3) {

      top: 35px;

      width: 33px;

      }

  .site-header.header-sidenav-1 .menu-btn.open span:nth-child(1) {

    top: 32px;

    transform: rotate(45deg);

    }

  .site-header.header-sidenav-1 .menu-btn.open span:nth-child(2) {

    right: 40px;

    opacity: 0; }

  .site-header.header-sidenav-1 .menu-btn.open span:nth-child(3) {

    top: 32px;

    width: 33px;

    transform: rotate(-45deg);

    }

  @media only screen and (max-width: 575px) {

    .site-header.header-sidenav-1 .menu-btn {

      height: 50px;

      width: 50px; }

      .site-header.header-sidenav-1 .menu-btn span {

        height: 2px;

        right: 10px; }

        .site-header.header-sidenav-1 .menu-btn span:nth-child(1) {

          top: 15px; }

        .site-header.header-sidenav-1 .menu-btn span:nth-child(2) {

          top: 25.5px; }

        .site-header.header-sidenav-1 .menu-btn span:nth-child(3) {

          top: 35px; }

      .site-header.header-sidenav-1 .menu-btn.open span:nth-child(1) {

        top: 25px; }

      .site-header.header-sidenav-1 .menu-btn.open span:nth-child(3) {

        top: 25px; } }



.screen-lock {

  overflow: hidden; }



.service-list {

  margin-left: auto;

  float: left;

  width: 100%;

  }

  .service-list ul {

    display: flex;

    flex-flow: wrap; }

    .service-list ul li {

      display: inline-block;

      position: relative;

      padding: 0 0 0 70px;

      margin-left: 30px; }

      .service-list ul li .title {

        color: #fff;

        font-size: 17px;

        line-height: 40px;

        }

      .service-list ul li span {

        color: #192a1b;

        font-family: 'Rubik',sans-serif;

        font-size: 27px;

        font-weight: 600;

        float: left;

        width: 100%;

        }

   .service-list ul li i {

        height: 55px;

        width: 55px;

        border-radius: 55px;

        line-height: 50px;

        text-align: center;

        color: #122514;

        border: 2px solid #142917;

        position: absolute;

        left: 0;

        top: 0;

        font-size: 26px;

        }

        .service-list ul li i:after {

          content: "";

          position: absolute;

          height: calc(100% + 2px);

          width: calc(100% + 2px);

          background: #162c19;

          border-radius: inherit;

          top: 50%;

          left: 50%;

          transform: translate(-50%, -50%) scale(0);

          z-index: -1;

          -webkit-transition: all 0.5s;

          -ms-transition: all 0.5s;

          transition: all 0.5s;

          }

      .service-list ul li:hover i {

        color: #fff; }

        .service-list ul li:hover i:after {

          transform: translate(-50%, -50%) scale(1); }

 

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

    .service-list ul li {

      margin-left: 20px;

      padding: 0px 0px 0px 52px; }

      .service-list ul li .title {

        font-size: 17px; }

      .service-list ul li i {

        height: 45px;

        width: 45px;

        border-radius: 55px;

        line-height: 40px; } }

  @media only screen and (max-width: 1024px) {

    .service-list {

      display: none; } }



.full-sidenav {

  position: fixed;

  height: 100vh;

  width: 100%;

  left: 0;

  top: 0;

  padding-top: 10px;

  padding-bottom: 50px;

  display: flex !important;

  opacity: 0;

  visibility: hidden;

  background: rgba(0, 0, 0, 0.7);

  -webkit-transition: all 0.8s;

  -ms-transition: all 0.8s;

  transition: all 0.8s;

  }

  .full-sidenav.show {

    visibility: visible;

    opacity: 1;

    align-items: center;

    scroll: unset !important;

    

    

    !i;

    !;

    }

    .full-sidenav.show .flsbg .bg-wrap {

      transform: translateY(0); }

  .full-sidenav .container {

    height: 100%;

    overflow-y: hidden;

    }

    .full-sidenav .container::-webkit-scrollbar-track {

      background: #e9e9e9;

      border-radius: 8px; }

    .full-sidenav .container::-webkit-scrollbar {

      width: 8px; }

    .full-sidenav .container::-webkit-scrollbar-thumb {

      background-color: #a8a8a8;

      border-radius: 8px; }

  .full-sidenav .row {

    /* width: 100%; */

    /* height: 100%; */

    }

  .full-sidenav .social-menu li {

    display: inline-block;

    margin-right: 10px; }

    .full-sidenav .social-menu li a {

      height: 40px;

      width: 40px;

      text-align: center;

      line-height: 40px;

      border-radius: 40px;

      background: #162c19;

      }

      .full-sidenav .social-menu li a:hover {

        background: var(--primary);

        color: #fff; }

  .full-sidenav .service-list {

    display: block; }

    .full-sidenav .service-list ul {

      display: block;

      margin-top: 13px;

      }

      .full-sidenav .service-list ul li {

        display: block;

        margin-bottom: 40px;

        margin-left: 0; }

        .full-sidenav .service-list ul li .title {

          color: #000;

          font-family: 'Rubik',sans-serif;

          /* float: left; */

          /* width: 100%; */

          margin-top: 6px;

          }

  .full-sidenav.header-nav .nav > li .mega-menu, .full-sidenav.header-nav .nav > li .sub-menu {

    opacity: 1; }

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

    .full-sidenav .navbar-nav {

      display: block;

      float: unset; }

      .full-sidenav .navbar-nav li a {

        display: block;

        padding: 18px 10px;

        font-size: 34px; }

      .full-sidenav .navbar-nav > li .mega-menu > li > a {

        color: var(--secondary) !important; }

      .full-sidenav .navbar-nav > li .sub-menu,

      .full-sidenav .navbar-nav > li .mega-menu {

        position: relative;

        visibility: visible;

        width: 100%;

        margin: 0;

        opacity: 1;

        box-shadow: none;

        transition: none !important;

        display: block;

        padding: 6px 0; }

        .full-sidenav .navbar-nav > li .sub-menu > li,

        .full-sidenav .navbar-nav > li .mega-menu > li {

          width: 100%;

          padding: 0; }

          .full-sidenav .navbar-nav > li .sub-menu > li ul,

          .full-sidenav .navbar-nav > li .mega-menu > li ul {

            margin: 10px 0px 20px; }

        .full-sidenav .navbar-nav > li .sub-menu li a,

        .full-sidenav .navbar-nav > li .mega-menu li a {

          font-size: 22px;

          padding: 8px 20px 8px 20px;

          color: #7e7e7e; }

          .full-sidenav .navbar-nav > li .sub-menu li a:after,

          .full-sidenav .navbar-nav > li .mega-menu li a:after {

            top: 22px; }

        .full-sidenav .navbar-nav > li .sub-menu li:hover a,

        .full-sidenav .navbar-nav > li .mega-menu li:hover a {

          padding: 8px 20px 8px 20px; }

    .full-sidenav .header-style-bx {

      display: block; }

      .full-sidenav .header-style-bx .header-style-tabs {

        width: 100%;

        padding: 10px 10px; }

        .full-sidenav .header-style-bx .header-style-tabs ul {

          display: flex; }

          .full-sidenav .header-style-bx .header-style-tabs ul li {

            width: 50%; }

            .full-sidenav .header-style-bx .header-style-tabs ul li a {

              text-align: center; }

    .full-sidenav .header-tabs-wraper .header-style-content .menu-list {

      display: block; }

      .full-sidenav .header-tabs-wraper .header-style-content .menu-list > li .title {

        font-size: 24px;

        padding: 10px 20px; }

      .full-sidenav .header-tabs-wraper .header-style-content .menu-list > li i {

        margin-right: 10px; } }

  @media only screen and (max-width: 991px) {

    .full-sidenav {

      width: 300px;

      left: -300px;

      padding-top: 0;

      padding-bottom: 30px;

      background: #fff;

      display: block !important;

      -webkit-transition: all 0.5s;

      -ms-transition: all 0.5s;

      transition: all 0.5s; }

      .full-sidenav.show {

        left: 0; }

      .full-sidenav .service-list {

        display: none; }

      .full-sidenav .navbar-nav li a {

        padding: 10px 0;

        font-size: 20px; }

      .full-sidenav .row {

        margin: 0; }

      .full-sidenav .col-lg-6 {

        padding: 0; }

      .full-sidenav .social-menu {

        margin-top: 25px;

        text-align: center; }

      .full-sidenav .container {

        height: auto;

        overflow-y: hidden; }

      .full-sidenav .nav {

        padding: 0; }

      .full-sidenav .flsbg {

        display: none; } }



.flsbg {

  position: absolute;

  height: 100%;

  left: 0;

  top: 0;

  width: 100%;

  z-index: -2;

  display: flex;

  }

  .flsbg .bg-wrap {

    display: block;

    overflow: hidden;

    width: 33.333333%;

    -webkit-transform: translateY(-100%);

    -ms-transform: translateY(-100%);

    transform: translateY(-100%);

    position: relative;

    background-color: transparent;

    pointer-events: none;

    border: 1px solid #fff;

    margin: -1px;

    box-sizing: content-box;

    }

    .flsbg .bg-wrap:nth-child(1) {

      transition: 0.2s; }

    .flsbg .bg-wrap:nth-child(2) {

      transition: 0.4s; }

    .flsbg .bg-wrap:nth-child(3) {

      transition: 0.6s; }

    .flsbg .bg-wrap span {

      position: absolute;

      height: 100%;

      left: 0;

      top: 0;

      width: 100%;

      z-index: -2;

      background: #fff; }



.dz-bnr-inr {

  background: var(--gradient-sec);

  height: 600px;

  background-size: cover;

  background-position: center;

  position: relative;

  overflow: hidden;

  z-index: 1;

  width: 100%; }

  @media only screen and (max-width: 991px) {

    .dz-bnr-inr {

      height: 300px; } }

  @media only screen and (max-width: 575px) {

    .dz-bnr-inr {

      height: 230px; } }

  .dz-bnr-inr .container {

    display: table;

    height: 100%; }

  .dz-bnr-inr .dz-bnr-inr-entry {

    height: 400px;

    vertical-align: middle;

    display: table-cell; }

    @media only screen and (max-width: 991px) {

      .dz-bnr-inr .dz-bnr-inr-entry {

        height: 300px; } }

    @media only screen and (max-width: 767px) {

      .dz-bnr-inr .dz-bnr-inr-entry {

        text-align: center; }

        .dz-bnr-inr .dz-bnr-inr-entry .breadcrumb-row {

          display: inline-block; } }

    @media only screen and (max-width: 575px) {

      .dz-bnr-inr .dz-bnr-inr-entry {

        height: 230px; } }

  .dz-bnr-inr h1, .dz-bnr-inr .h1 {

    font-weight: 700;

    font-size: 70px;

    margin-bottom: 10px;

    color: #fff;

    text-transform: capitalize; }

    @media only screen and (max-width: 991px) {

      .dz-bnr-inr h1, .dz-bnr-inr .h1 {

        font-size: 42px; } }

    @media only screen and (max-width: 767px) {

      .dz-bnr-inr h1, .dz-bnr-inr .h1 {

        font-size: 32px; } }

  .dz-bnr-inr.dz-bnr-inr-lg {

    height: 800px; }

    .dz-bnr-inr.dz-bnr-inr-lg .dz-bnr-inr-entry {

      height: 100%;

      padding-bottom: 0; }

    @media only screen and (max-width: 991px) {

      .dz-bnr-inr.dz-bnr-inr-lg {

        height: 460px; }

        .dz-bnr-inr.dz-bnr-inr-lg .dz-bnr-inr-entry {

          height: 460px;

          padding-bottom: 50px; } }

    @media only screen and (max-width: 767px) {

      .dz-bnr-inr.dz-bnr-inr-lg {

        height: 350px; }

        .dz-bnr-inr.dz-bnr-inr-lg .dz-bnr-inr-entry {

          height: 350px;

          padding-bottom: 0; } }

    @media only screen and (max-width: 575px) {

      .dz-bnr-inr.dz-bnr-inr-lg {

        height: 300px; }

        .dz-bnr-inr.dz-bnr-inr-lg .dz-bnr-inr-entry {

          height: 300px; } }

  .dz-bnr-inr.dz-bnr-inr-sm {

    height: 450px; }

    .dz-bnr-inr.dz-bnr-inr-sm .dz-bnr-inr-entry {

      height: 450px; }

    .dz-bnr-inr.dz-bnr-inr-sm h1, .dz-bnr-inr.dz-bnr-inr-sm .h1 {

      font-size: 60px; }

    @media only screen and (max-width: 991px) {

      .dz-bnr-inr.dz-bnr-inr-sm h1, .dz-bnr-inr.dz-bnr-inr-sm .h1 {

        font-size: 42px; } }

    @media only screen and (max-width: 767px) {

      .dz-bnr-inr.dz-bnr-inr-sm {

        height: 350px; }

        .dz-bnr-inr.dz-bnr-inr-sm .dz-bnr-inr-entry {

          height: 350px; }

        .dz-bnr-inr.dz-bnr-inr-sm h1, .dz-bnr-inr.dz-bnr-inr-sm .h1 {

          font-size: 32px; } }



.breadcrumb-row ul {

  display: inline-block; }

  .breadcrumb-row ul li {

    padding: 0;

    margin-right: 3px;

    display: inline-block;

    font-size: 18px;

    font-weight: 300;

    color: #fff;

    font-family: var(--font-family-title); }

    .breadcrumb-row ul li.active {

      color: #fff; }

    .breadcrumb-row ul li a {

      color: #fff; }

  .breadcrumb-row ul .breadcrumb-item + .breadcrumb-item::before {

    content: "\f101";

    color: #fff;

    font-weight: 700;

    font-family: 'Line Awesome Free';

    font-size: 15px;

    padding-right: 10px;

    top: 5px;

    position: relative; }

    @media only screen and (max-width: 767px) {

      .breadcrumb-row ul .breadcrumb-item + .breadcrumb-item::before {

        top: 2px; } }

  @media only screen and (max-width: 767px) {

    .breadcrumb-row ul {

      padding: 5px 20px; }

      .breadcrumb-row ul li {

        font-size: 15px; } }



.site-header.style-1.header-transparent + .page-content .dz-bnr-inr .dz-bnr-inr-entry {

  padding-top: 160px; }

  @media only screen and (max-width: 991px) {

    .site-header.style-1.header-transparent + .page-content .dz-bnr-inr .dz-bnr-inr-entry {

      padding-top: 90px; } }



.dz-bnr-inr.style-2 {

  overflow: visible; }

  .dz-bnr-inr.style-2 h1, .dz-bnr-inr.style-2 .h1 {

    font-size: 80px;

    margin-bottom: 10px;

    line-height: 1.2;

    color: #fff;

    text-transform: capitalize; }

    @media only screen and (max-width: 991px) {

      .dz-bnr-inr.style-2 h1, .dz-bnr-inr.style-2 .h1 {

        font-size: 42px; } }

    @media only screen and (max-width: 767px) {

      .dz-bnr-inr.style-2 h1, .dz-bnr-inr.style-2 .h1 {

        font-size: 32px; } }

  .dz-bnr-inr.style-2 p {

    color: #fff;

    font-size: 18px;

    max-width: 560px; }

    @media only screen and (max-width: 575px) {

      .dz-bnr-inr.style-2 p {

        font-size: 14px; } }

  .dz-bnr-inr.style-2:after {

    position: absolute;

    top: 0;

    right: 0;

    content: "";

    height: 100%;

    width: 60%;

    background-color: #fff;

    opacity: .15;

    clip-path: polygon(100% 0, 0% 100%, 100% 100%); }

  .dz-bnr-inr.style-2 .breadcrumb-row {

    position: absolute;

    left: 50%;

    transform: translateX(-50%);

    bottom: -20px; }

    .dz-bnr-inr.style-2 .breadcrumb-row ul {

      background: var(--primary);

      padding: 0;

      display: inline-block;

      padding: 15px 30px;

      margin-bottom: 0; }

    @media only screen and (max-width: 767px) {

      .dz-bnr-inr.style-2 .breadcrumb-row {

        padding: 5px 20px; }

        .dz-bnr-inr.style-2 .breadcrumb-row li {

          font-size: 15px; } }

    @media only screen and (max-width: 991px) {

      .dz-bnr-inr.style-2 .breadcrumb-row {

        left: 15px;

        right: 15px;

        transform: translateX(0px); } }

  @media only screen and (max-width: 575px) {

    .dz-bnr-inr.style-2 {

      height: 300px; } }



.dz-bnr-inr.style-3:after {

  position: absolute;

  z-index: -2;

  content: "";

  height: 100%;

  width: 100%;

  bottom: 0px;

  left: 0px;

  background: -moz-linear-gradient(left, var(--primary) 0%, rgba(125, 185, 232, 0) 100%);

  background: -webkit-linear-gradient(left, var(--primary) 0%, rgba(125, 185, 232, 0) 100%);

  background: linear-gradient(to right, var(--primary) 0%, rgba(125, 185, 232, 0) 100%); }



.dz-bnr-inr.style-3:before {

  height: 70px;

  width: 100%;

  background-color: var(--secondary);

  position: absolute;

  z-index: -1;

  content: "";

  bottom: 0px;

  left: 0px; }



.dz-bnr-inr.style-3 .sub-title {

  font-size: 20px;

  font-weight: 400;

  color: #fff; }



.dz-bnr-inr.style-3 h1, .dz-bnr-inr.style-3 .h1 {

  line-height: 1;

  margin-bottom: 70px; }



.dz-bnr-inr.style-3 .dz-bnr-inr-entry {

  vertical-align: bottom; }



.dz-bnr-inr.style-3 .breadcrumb-row {

  margin-bottom: 5px; }



.dz-bnr-inr.style-4 {

  text-align: center; }

  .dz-bnr-inr.style-4:after {

    content: "";

    height: calc(100% - 160px);

    width: 100%;

    position: absolute;

    bottom: 0;

    left: 0;

    background-image: url("../images/pattern1.png");

    background-position: center;

    background-repeat: no-repeat;

    z-index: 0; }

    @media only screen and (max-width: 991px) {

      .dz-bnr-inr.style-4:after {

        height: calc(100% - 90px); } }

  .dz-bnr-inr.style-4 h1, .dz-bnr-inr.style-4 .h1 {

    color: #fff; }

  .dz-bnr-inr.style-4 .breadcrumb-row {

    position: relative;

    left: 0;

    transform: unset;

    bottom: 0; }

    .dz-bnr-inr.style-4 .breadcrumb-row ul {

      padding: 0;

      background: transparent; }

      .dz-bnr-inr.style-4 .breadcrumb-row ul li {

        font-weight: 500;

        color: #fff; }

        .dz-bnr-inr.style-4 .breadcrumb-row ul li a {

          color: #fff; }



.dz-bnr-inr.style-5 {

  text-align: center; }

  .dz-bnr-inr.style-5 p {

    margin-left: auto;

    margin-right: auto;

    max-width: 560px;

    color: #fff; }

  .dz-bnr-inr.style-5:after {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    clip-path: unset;

    background-image: url("../images/pattern2.png");

    width: 100%;

    height: 100%;

    background-size: cover;

    opacity: 1;

    background-color: transparent; }

  .dz-bnr-inr.style-5 .breadcrumb-row ul {

    background: var(--primary);

    padding: 0;

    display: inline-block;

    padding: 15px 30px; }

  @media only screen and (max-width: 991px) {

    .dz-bnr-inr.style-5 {

      height: 400px; } }

  @media only screen and (max-width: 575px) {

    .dz-bnr-inr.style-5 {

      height: 350px; } }



.page-title {

  padding: 30px 0; }

  .page-title.dashboard {

    background: transparent;

    margin-left: 75px;

    padding: 20px 0 0px; }

  .page-title .page-title-content p {

    font-size: 16px;

    font-weight: 400;

    margin-bottom: 0px; }

    .page-title .page-title-content p span {

      font-weight: 500;

      color: var(--primary); }



.breadcrumbs {

  display: flex;

  justify-content: flex-end; }

  @media only screen and (max-width: 575px) {

    .breadcrumbs {

      justify-content: flex-start; } }

  .breadcrumbs li a {

    color: #AEAED5;

    display: inline-block;

    margin-left: 15px;

    font-size: 14px; }

  .breadcrumbs li:first-child a {

    margin-left: 0px; }

  .breadcrumbs li.active a {

    color: var(--primary); }



.bottom {

  background: #1b2a4e; }

  @media only screen and (max-width: 575px) {

    .bottom {

      padding-bottom: 0; } }

  .bottom .bottom-logo p {

    line-height: 30px;

    font-weight: 400;

    color: #888888; }

  @media only screen and (max-width: 991px) {

    .bottom .bottom-widget {

      margin-bottom: 30px; } }

  .bottom .bottom-widget .widget-title {

    font-size: 18px;

    font-weight: 600;

    color: #fff;

    margin-bottom: 20px;

    text-transform: uppercase; }

  .bottom .bottom-widget ul li a {

    color: #888888;

    font-weight: 400;

    margin-bottom: 10px;

    display: inline-block; }



footer {

  background-image: url(); }

  footer .widget {

    margin-bottom: 30px; }

  footer strong {

    color: #fff; }

  footer .footer-logo {

    margin-bottom: 25px; }

    footer .footer-logo img {

      max-width: 100%; }

  footer .widget-logo ul {

    display: flex;

    align-items: center;

    flex-wrap: wrap; }

    footer .widget-logo ul li {

      display: inline-block;

      flex: 50%;

      padding: 0 15px 15px 0px; }

  footer .widget_about p {

    margin-bottom: 20px;

    line-height: 24px; }

  footer .footer-title {

    margin: 0px 0px 30px;

    font-weight: 500;

    position: relative;

    color: #fff;

    line-height: 1.2; }

    footer .footer-title .dz-separator {

      position: absolute;

      bottom: 0;

      left: 0; }

  footer .widget:hover .footer-title span:after {

    width: 5px; }

  footer .widget:hover .footer-title span:before {

    width: 55px; }

  footer .footer-top {

    padding: 70px 0 20px; }

    @media only screen and (max-width: 767px) {

      footer .footer-top {

        padding: 50px 0 0; } }

  footer .footer-bottom {

    background-color: #36404a;

    padding: 15px 0; }

    footer .footer-bottom .copyright-text a {

      color: #fff;

      font-weight: 500; }

    @media only screen and (max-width: 991px) {

      footer .footer-bottom {

        text-align: center !important; }

        footer .footer-bottom .text-left,

        footer .footer-bottom .text-right {

          text-align: center !important; }

        footer .footer-bottom .text-right {

          margin-top: 10px; } }

    @media only screen and (max-width: 767px) {

      footer .footer-bottom .dz-social-icon ul {

        justify-content: center; } }

  footer .widget-link li {

    display: inline-block;

    text-transform: uppercase;

    margin-left: 20px; }

    @media only screen and (max-width: 767px) {

      footer .widget-link li {

        margin-left: 8px;

        margin-right: 7px; } }

  footer .widget-link a {

    color: #fff; }

  footer .widget_services ul li a {

    color: #fff;

    display: block;

    -webkit-transition: all 0.8s;

    -ms-transition: all 0.8s;

    transition: all 0.8s; }

  footer .widget_services.style-1 ul li a {

    padding: 5px 0 5px 15px; }

    footer .widget_services.style-1 ul li a:before {

      content: "\f105";

      font-family: fontawesome;

      left: 0;

      position: absolute;

      top: 50%;

      transform: translateY(-50%);

      color: var(--primary); }

  footer .wp-block-latest-posts li,

  footer .wp-block-categories-list li,

  footer .wp-block-archives-list li,

  footer .widget_categories ul li,

  footer .widget_archive ul li,

  footer .widget_meta ul li,

  footer .widget_pages ul li,

  footer .widget_recent_comments ul li,

  footer .widget_nav_menu li,

  footer .widget_recent_entries ul li,

  footer .widget_services ul li {

    -webkit-transition: all 0.8s;

    -ms-transition: all 0.8s;

    transition: all 0.8s; }



.widget_getintuch ul li {

  position: relative;

  margin-bottom: 15px;

  padding-left: 35px;

  color: rgba(255, 255, 255, 0.8); }

  @media only screen and (max-width: 1199px) {

    .widget_getintuch ul li {

      margin-bottom: 20px;

      padding-left: 50px; } }

  .widget_getintuch ul li h5, .widget_getintuch ul li .h5 {

    font-size: 20px;

    line-height: 1.33;

    margin-bottom: 5px; }

    @media only screen and (max-width: 1199px) {

      .widget_getintuch ul li h5, .widget_getintuch ul li .h5 {

        font-size: 18px;

        line-height: 1.2; } }

  .widget_getintuch ul li i {

    position: absolute;

    font-size: 24px;

    line-height: 1;

    left: 0;

    top: 8px;

    color: var(--primary); }

    @media only screen and (max-width: 1199px) {

      .widget_getintuch ul li i {

        font-size: 35px;

        top: 6px; } }



.contact-ft-1 {

  text-align: center;

  margin-bottom: 40px; }

  .contact-ft-1 i {

    color: var(--primary);

    font-size: 50px;

    line-height: 1;

    margin-bottom: 15px;

    display: inline-block; }

  .contact-ft-1 h4, .contact-ft-1 .h4 {

    color: #fff;

    text-decoration: underline; }

  .contact-ft-1 h5, .contact-ft-1 .h5 {

    color: #fff;

    font-weight: 400; }



.list-column ul {

  display: flex;

  flex-wrap: wrap; }

  .list-column ul li {

    flex: 0 0 50%;

    max-width: 50%; }



.fb-link {

  list-style: none;

  margin: 0;

  padding: 0; }

  .fb-link li {

    display: inline-block; }

    .fb-link li a {

      color: #fff;

      position: relative; }

      .fb-link li a:after {

        content: "";

        background: var(--primary);

        width: 5px;

        height: 5px; }



.footer-link li {

  display: inline-block;

  position: relative;

  padding: 0 25px 0 20px; }

  .footer-link li a {

    color: inherit; }

  .footer-link li:before {

    content: "";

    height: 8px;

    width: 8px;

    background-color: var(--primary);

    position: absolute;

    top: 50%;

    left: 0;

    border-radius: 8px;

    transform: translateY(-50%); }



.widget_time ul li {

  display: block;

  margin-bottom: 5px; }

  .widget_time ul li label {

    color: rgba(255, 255, 255, 0.7);

    margin-bottom: 0;

    margin-right: 3px; }



.theme-btn {

  background-color: #ffffff;

  border-radius: 40px;

  bottom: 10px;

  color: #ffffff;

  display: flex;

  height: 50px;

  left: 10px;

  min-width: 50px;

  position: fixed;

  text-align: center;

  z-index: 9999;

  align-items: center;

  justify-content: center; }

  .theme-btn i {

    font-size: 22px;

    line-height: 50px; }

  .theme-btn.bt-support-now {

    background-image: linear-gradient(45deg, #00bfff 8%, #2395c1 100%);

    bottom: 70px; }

  .theme-btn.bt-buy-now {

    background-image: linear-gradient(to right, #61dc6a 0, #2bc911 100%, #61dc6a 200%); }

  .theme-btn span {

    display: table-cell;

    vertical-align: middle;

    font-size: 16px;

    letter-spacing: -15px;

    opacity: 0;

    line-height: 50px;

    transition: all 0.5s;

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s; }

  .theme-btn:focus, .theme-btn:active, .theme-btn:hover {

    color: #fff;

    padding: 0 20px; }

    .theme-btn:focus span, .theme-btn:active span, .theme-btn:hover span {

      opacity: 1;

      letter-spacing: 1px;

      padding-left: 10px; }



.at-expanding-share-button[data-position="bottom-left"] {

  bottom: 130px !important; }



.site-footer.style-1 {

  background-color: #192436; }

  .site-footer.style-1 .footer-top {

    padding: 80px 0px 40px; }

  .site-footer.style-1 .footer-bottom {

    background-color: transparent;

    padding: 0; }

    .site-footer.style-1 .footer-bottom .ft-inner {

      border-top: 2px solid rgba(255, 255, 255, 0.1);

      padding: 25px 0; }

    .site-footer.style-1 .footer-bottom .copyright-text {

      color: #aaa;

      font-size: 15px; }

  .site-footer.style-1 .recent-posts-entry .widget-post-bx .widget-post .title a {

    color: #aaa; }

    .site-footer.style-1 .recent-posts-entry .widget-post-bx .widget-post .title a:hover {

      color: #fff; }

  .site-footer.style-1 .recent-posts-entry .widget-post-bx .widget-post ul {

    margin-bottom: 10px; }

  .site-footer.style-1 .dz-social-icon ul li a {

    color: #fff !important; }

  .site-footer.style-1 .widget_services > ul {

    margin-top: -.5rem; }

  .site-footer.style-1 .widget ul li a {

    color: #aaaaaa; }

    .site-footer.style-1 .widget ul li a:hover {

      color: #fff; }

  .site-footer.style-1 .widget.widget_services li a {

    position: relative;

    color: #aaaaaa;

    font-size: 16px; }

    .site-footer.style-1 .widget.widget_services li a:hover {

      color: #fff; }

    .site-footer.style-1 .widget.widget_services li a:after {

      font-weight: 800;

      content: "\f054";

      font-family: "Font Awesome 5 Free";

      position: absolute;

      top: 50%;

      transform: translateY(-50%);

      left: 0;

      color: var(--primary);

      opacity: 0;

      -webkit-transition: all 0.5s;

      -ms-transition: all 0.5s;

      transition: all 0.5s; }

  .site-footer.style-1 .widget_about {

    padding-right: 10px; }

    .site-footer.style-1 .widget_about p {

      margin-bottom: 30px;

      color: #fff;

      font-size: 16px; }



.call-box2 {

  color: var(--primary);

  position: relative;

  font-size: 20px;

  padding: 7px 10px 7px 55px;

  font-family: var(--font-family-title);

  font-weight: 500; }

  .call-box2 span {

    position: absolute;

    top: 0;

    left: 0;

    height: 45px;

    width: 45px;

    border-radius: 45px;

    line-height: 45px;

    text-align: center;

    color: var(--primary);

    background: #fff;

    font-weight: 800; }

    .call-box2 span:before {

      content: "";

      position: absolute;

      top: 0;

      left: 0;

      width: 100%;

      height: 100%;

      display: block;

      border: 1px solid #fff;

      -webkit-border-radius: 50%;

      -khtml-border-radius: 50%;

      -moz-border-radius: 50%;

      -ms-border-radius: 50%;

      -o-border-radius: 50%;

      border-radius: 100%;

      animation: animationSignal1;

      animation-iteration-count: infinite;

      animation-duration: 3s;

      -webkit-animation: animationSignal1;

      -webkit-animation-iteration-count: infinite;

      -webkit-animation-duration: 3s;

      z-index: -1;

      transform: scale(1);

      -moz-transform: scale(1);

      -webkit-transform: scale(1);

      -ms-transform: scale(1);

      -o-transform: scale(1);

      -moz-transition: all 0.5;

      -o-transition: all 0.5;

      -webkit-transition: all 0.5;

      -ms-transition: all 0.5;

      transition: all 0.5; }

    .call-box2 span:after {

      content: "";

      position: absolute;

      top: 0;

      left: 0;

      width: 100%;

      height: 100%;

      display: block;

      border: 1px solid #fff;

      -webkit-border-radius: 100%;

      -khtml-border-radius: 100%;

      -moz-border-radius: 100%;

      -ms-border-radius: 100%;

      -o-border-radius: 100%;

      border-radius: 100%;

      animation: animationSignal2;

      animation-iteration-count: infinite;

      animation-duration: 3s;

      -webkit-animation: animationSignal2;

      -webkit-animation-iteration-count: infinite;

      -webkit-animation-duration: 3s;

      z-index: -1;

      transform: scale(1);

      -moz-transform: scale(1);

      -webkit-transform: scale(1);

      -ms-transform: scale(1);

      -o-transform: scale(1);

      -moz-transition: all 0.5;

      -o-transition: all 0.5;

      -webkit-transition: all 0.5;

      -ms-transition: all 0.5;

      transition: all 0.5; }



.site-footer.style-2 .footer-top {

  background-color: #0f0f0f;

  background-size: cover;

  background-position: center;

  padding-bottom: 0;

  margin-bottom: -45px;

  padding-top: 80px; }



.site-footer.style-2 .footer-bottom {

  background-color: #000000;

  padding-top: 70px;

  padding-bottom: 30px; }

  .site-footer.style-2 .footer-bottom .copyright-text {

    color: rgba(255, 255, 255, 0.7);

    font-size: 15px; }



.site-footer.style-2 .footer-info {

  background: var(--primary);

  position: relative; }

  .site-footer.style-2 .footer-info .info-right {

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

    height: 100%;

    align-items: center;

    padding-right: 30px; }

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

      .site-footer.style-2 .footer-info .info-right {

        padding-bottom: 0px; }

        .site-footer.style-2 .footer-info .info-right .btn, .site-footer.style-2 .footer-info .info-right .wp-block-button__link {

          display: none; } }

    @media only screen and (max-width: 991px) {

      .site-footer.style-2 .footer-info .info-right {

        padding-left: 30px; } }

    @media only screen and (max-width: 575px) {

      .site-footer.style-2 .footer-info .info-right {

        display: block; } }

  .site-footer.style-2 .footer-info .dz-media {

    height: 100%; }

    .site-footer.style-2 .footer-info .dz-media img {

      height: 100%;

      object-fit: cover; }

    .site-footer.style-2 .footer-info .dz-media .popup-youtube {

      position: absolute;

      top: 50%;

      left: 50%;

      height: 50px;

      width: 50px;

      line-height: 50px;

      color: #fff;

      border-width: 3px;

      font-size: 18px;

      transform: translate(-50%, -50%); }

  .site-footer.style-2 .footer-info .service-info {

    display: flex; }

    .site-footer.style-2 .footer-info .service-info p {

      margin-bottom: 0;

      font-size: 20px;

      color: #fff;

      font-weight: 600; }

    .site-footer.style-2 .footer-info .service-info li {

      padding: 17px 20px;

      border-right: 2px solid rgba(255, 255, 255, 0.2); }

      .site-footer.style-2 .footer-info .service-info li:last-child {

        border-right: 0;

        padding-right: 0; }

      .site-footer.style-2 .footer-info .service-info li:first-child {

        padding-left: 0; }

    @media only screen and (max-width: 575px) {

      .site-footer.style-2 .footer-info .service-info {

        display: block; }

        .site-footer.style-2 .footer-info .service-info li {

          border: 0;

          border-bottom: 2px solid rgba(255, 255, 255, 0.2);

          padding: 15px 0; } }

  .site-footer.style-2 .footer-info .title {

    color: #fff;

    margin-bottom: 0; }



.site-footer.style-2 p {

  font-size: 15px;

  color: #a4a3a3; }



.site-footer.style-2 .widget_services ul li {

  font-size: 16px; }

  .site-footer.style-2 .widget_services ul li a {

    color: #a4a3a3; }

    .site-footer.style-2 .widget_services ul li a:hover {

      color: var(--primary); }



.site-footer.style-2 .dzSubscribe {

  background: #2c2c2c;

  padding: 30px; }

  .site-footer.style-2 .dzSubscribe span {

    font-size: 11px; }

  .site-footer.style-2 .dzSubscribe .ft-row {

    position: relative; }

    .site-footer.style-2 .dzSubscribe .ft-row .form-control, .site-footer.style-2 .dzSubscribe .ft-row .wp-block-categories-dropdown select, .wp-block-categories-dropdown .site-footer.style-2 .dzSubscribe .ft-row select,

    .site-footer.style-2 .dzSubscribe .ft-row .wp-block-archives-dropdown select, .wp-block-archives-dropdown .site-footer.style-2 .dzSubscribe .ft-row select {

      border-radius: 0;

      height: 50px;

      padding-right: 50px; }

    .site-footer.style-2 .dzSubscribe .ft-row .btn, .site-footer.style-2 .dzSubscribe .ft-row .wp-block-button__link {

      padding: 0;

      height: 50px;

      width: 50px;

      position: absolute;

      top: 0;

      right: 0;

      justify-content: center;

      color: var(--primary); }

      .site-footer.style-2 .dzSubscribe .ft-row .btn:hover, .site-footer.style-2 .dzSubscribe .ft-row .wp-block-button__link:hover {

        color: #fff;

        background: var(--primary); }



.ft-clients {

  background-color: #fff;

  border-bottom: 10px solid var(--primary);

  box-shadow: 5px 0 15px rgba(0, 0, 0, 0.15);

  border-radius: 10px;

  z-index: 1;

  position: relative; }



.ft-clients-area {

  position: relative; }

  .ft-clients-area:before {

    content: "";

    position: absolute;

    height: 50%;

    width: 100%;

    left: 0;

    top: 0;

    background-color: #fff; }

  .ft-clients-area.bg-gray {

    background-color: transparent; }

    .ft-clients-area.bg-gray:before {

      background-color: #f7f9fb; }



.footer-logo-head {

  border-bottom: 1px dashed #959595;

  margin-bottom: 50px;

  padding-bottom: 20px; }

  @media only screen and (max-width: 575px) {

    .footer-logo-head {

      margin-bottom: 30px;

      padding-bottom: 40px; } }