@import url('https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i|Playfair+Display:400,400i,700,700i,900,900i|Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Roboto+Condensed:300,300i,400,400i,700,700i|Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&display=swap');

:root {
  --primary-color: #e22a31;
  --secondary-color: #F0542D;
  --black-color: #111;
  --white-color: #fff;
  --headline-color: #2b2d42;
  --paragraph-color: #020202;
  --primary-rgba-color: rgb(226, 42, 49);
  --heading-font: 'Roboto Condensed', sans-serif;
}

.btn,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.transition-5,
:after,
:before,
a,
button,
h1,
h2,
h3,
h4,
h5,
h6,
i,
img,
input,
li,
p,
select,
span,
svg path,
textarea {
  transition: all .3s ease-out 0s;
}
p{text-align:justify;}
.p-relative {
  position: relative;
}

.pb-50 {
  padding-bottom: 50px;
}

.pt-150 {
  padding-top: 150px;
}

.p-absolute {
  position: absolute;
}

.red-bg {
  background: #1b1a1a;
}

.call__cta.position {
  position: absolute;
  top: -50px;
  width: 100%;
  left: 0;
  right: 0;
}

.call__cta-icon {
  font-size: 54px;
  color: var(--white-color)
}

@media (max-width:575px),
only screen and (min-width:576px)and (max-width:767px) {
  .call__cta-icon {
    font-size: 35px
  }
}

.call__cta-padd {
  padding: 23px 49px
}

@media(max-width:450px) {
  .call__cta-padd {
    padding: 25px
  }
}

.call__cta-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between
}

@media (max-width:575px),
only screen and (min-width:576px)and (max-width:767px),
only screen and (min-width:768px)and (max-width:991px) {
  .call__cta-wrapper {
    margin-bottom: 35px
  }
}

.call__cta-content-small-title {
  color: var(--white-color);
  font-size: 17px;
  font-weight: normal;
  font-family: 'Roboto Condensed';
}

.call__cta-content-title {
  margin-bottom: 0;
  line-height: 1;
  color: var(--white-color);
}

@media only screen and (min-width:576px)and (max-width:767px) {
  .call__cta-content-title {
    font-size: 25px
  }
}

@media(max-width:575px) {
  .call__cta-content-title {
    font-size: 22px
  }
}

.call__cta-content-title a {
  color: #fff;
  font-weight: normal;
  font-family: 'Roboto Condensed';
  font-weight: 500;
}

.call__cta-content-title a:hover {
  color: var(--white-color);
  opacity: .8
}

.footer-bg-1 {
  background: #012863;
}

@media (max-width:575px),
only screen and (min-width:576px)and (max-width:767px),
only screen and (min-width:768px)and (max-width:991px) {
  .footer__padd-1 {
    padding-top: 280px
  }
}

@media(max-width:575px) {
  .footer__padd-1 {
    padding-top: 265px
  }
}

@media (max-width:575px),
only screen and (min-width:576px)and (max-width:767px),
only screen and (min-width:768px)and (max-width:991px) {
  .footer__padd-2 {
    padding-bottom: 50px
  }
}

.footer-area1-bg {
  background: #282828;
  background-size: cover;
  background-position: center;
  padding: 80px 0 30px;
  position: relative;
}

.footer-area1-bg::after {
  content: "";
  background-image: url(../images/border-bg-dark-top.png);
  position: absolute;
  top: -22px;
  width: 100%;
  height: 22px;
  left: 0;
}

@media only screen and (min-width:1200px)and (max-width:1399px) {
  .footer-area1 {
    padding-bottom: 80px
  }
}

@media (max-width:575px),
only screen and (min-width:576px)and (max-width:767px),
only screen and (min-width:768px)and (max-width:991px) {
  .footer-area--86 {
    margin-top: -86px
  }
}

.footer-widget-title {
  margin-bottom: 30px
}

.footer-widget-title .h4,
.footer-widget-title h4 {
  color: var(--white-color);
  font-size: 22px;
  text-transform: uppercase;
  font-weight: normal;
  position: relative;
  margin-bottom: 35px;
  padding-bottom: 10px;
}

.footer-widget-title h4:before {
  position: absolute;
  content: '';
  height: 10px;
  width: 10px;
  border-radius: 50%;
  background: transparent;
  border: 2px solid #747474;
  bottom: -14px;
  left: 0;
}

.footer-widget-title h4:after {
  position: absolute;
  content: '';
  height: 2px;
  width: 50px;
  left: 15px;
  bottom: -10px;
  background: #747474;
}

@media (max-width:575px),
only screen and (min-width:576px)and (max-width:767px) {
  .footer-widget-title {
    margin-bottom: 30px
  }
}

.footer-photo-gallery {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 15px;
  max-width: 400px
}

@media only screen and (min-width:1200px)and (max-width:1399px),
only screen and (min-width:576px)and (max-width:767px),
only screen and (min-width:768px)and (max-width:991px),
only screen and (min-width:992px)and (max-width:1199px) {
  .footer-photo-gallery {
    grid-gap: 10px
  }
}

@media(max-width:575px) {
  .footer-photo-gallery {
    grid-gap: 15px
  }
}

@media(max-width:450px) {
  .footer-photo-gallery {
    grid-gap: 10px
  }
}

@media only screen and (min-width:576px)and (max-width:767px) {
  .footer-photo-gallery {
    grid-template-columns: repeat(2, 1fr)
  }
}

.footer-widget {
  margin-top: -5px
}

.footer-widget p {
  color: #9e9e9e;
  font-size: 14px;
  text-align: justify;
}

.footer-widget .footer-widget-link {
  display: grid;
  grid-template-columns: 110px 1fr
}

.footer-widget .footer-widget-link.no {
  grid-template-columns: auto !important;
}

@media only screen and (min-width:768px)and (max-width:991px) {
  .footer-widget .footer-widget-link {
    grid-template-columns: 140px 1fr
  }
}

@media only screen and (min-width:576px)and (max-width:767px) {
  .footer-widget .footer-widget-link {
    grid-template-columns: 100px 1fr
  }
}

@media(max-width:575px) {
  .footer-widget .footer-widget-link {
    grid-template-columns: 170px 1fr
  }
}

@media(max-width:450px) {
  .footer-widget .footer-widget-link {
    grid-template-columns: 135px 1fr
  }
}

.footer-widget .footer-widget-link li {
  margin-bottom: 22px;
  line-height: 1
}

.footer-widget .footer-widget-link li:last-child {
  margin-bottom: 0
}

.footer-widget .footer-widget-link li a {
  font-size: 14px;
  color: #9e9e9e;
  position: relative;
  padding-left: 20px;
}

.footer-widget .footer-widget-link li a:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  font-family: "Font Awesome 5 Pro";
  content: "\e649";
  top: 0;
  height: 12px;
  width: auto;
  color: #969696;
  content: "\f178";
}

.footer-widget .footer-widget-link li:hover,
.footer-widget .footer-widget-link li:hover a {
  color: var(--white-color)
}

.footer-widget .footer-widget-link li:hover a:before {
  width: 100%
}

.footer-widget .footer-widget-link-2 {
  display: block;
  line-height: 1
}

.footer-widget .footer-widget-link-2 li {
  margin-bottom: 20px
}

.footer-widget .footer-widget-link-2 li:last-child {
  margin-bottom: 0
}

.footer-widget .footer-widget-link-2 li a {
  color: var(--white-color);
  position: relative
}

.footer-widget .footer-widget-link-2 li a:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 2px;
  background: #a4abbc
}

.footer-widget .footer-widget-link-2 li i {
  color: var(--white-color);
  opacity: .2;
  margin-right: 20px
}

.footer-widget .footer-widget-link-2 li:hover i {
  opacity: 1
}

.footer-widget .footer-photo-item img,
.footer-widget .footer-widget-link-2 li:hover a:before {
  width: 100%
}

@media (max-width:575px),
only screen and (min-width:1200px)and (max-width:1399px),
only screen and (min-width:576px)and (max-width:767px),
only screen and (min-width:768px)and (max-width:991px),
only screen and (min-width:992px)and (max-width:1199px) {
  .footer-widget {
    padding-top:20px;
  }
}

@media(max-width:575px) {

  .footer1-widget1,
  .footer1-widget3,
  .footer2-widget1,
  .footer2-widget3,
  .footer3-widget1,
  .footer3-widget3 {
    margin-bottom: 0px
  }
}

.subscribe-form {
  position: relative
}

.subscribe-form .s-clip {
  background: var(--white-color);
  -webkit-clip-path: polygon(3% 0, 100% 0, 97% 100%, 0 100%);
  clip-path: polygon(3% 0, 100% 0, 97% 100%, 0 100%)
}

.subscribe-form .s-input i {
  color: #012863;
  ;
  position: absolute;
  top: 22px;
  left: 24px;
  bottom: 0
}

@media(max-width:575px) {
  .subscribe-form .s-input i {
    left: 40px
  }
}

@media(max-width:450px) {
  .subscribe-form .s-input i {
    left: 20px
  }
}

.subscribe-form input {
  width: 100%;
  height: 50px;
  background: var(--white-color);
  border: 1px solid var(--white-color);
  height: 60px;
  padding-left: 50px;
  padding-right: 20px
}

@media(max-width:575px) {
  .subscribe-form input {
    padding-left: 70px;
    padding-right: 40px
  }
}

@media(max-width:450px) {
  .subscribe-form input {
    padding-left: 50px;
    padding-right: 20px
  }
}

.subscribe-form button {
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
  color: var(--white-color);
  background: var(--primary-color);
  height: 60px;
  line-height: 60px;
  transition: all .3s ease-out 0s;
  -webkit-clip-path: polygon(3% 0, 100% 0, 97% 100%, 0 100%);
  clip-path: polygon(3% 0, 100% 0, 97% 100%, 0 100%);
  text-transform: uppercase;
  padding: 0 36px
}

.subscribe-form button:hover {
  color: var(--clr-common-heading);
  border-color: var(--clr-common-heading);
  background: var(--white-color)
}

@media (max-width:575px),
only screen and (min-width:576px)and (max-width:767px),
only screen and (min-width:768px)and (max-width:991px),
only screen and (min-width:992px)and (max-width:1199px) {
  .footer-social-link {
    margin-top: 25px
  }
}

.footer-social-link ul {
  display: flex;
  gap: 3px;
  flex-wrap: wrap;
  row-gap: 7px
}

.footer-social-link li a {
  display: block;
  background: var(--primary-color);
  width: 60px;
  height: 50px;
  line-height: 52px;
  text-align: center;
  -webkit-clip-path: polygon(10% 0, 100% 0, 90% 100%, 0 100%);
  clip-path: polygon(10% 0, 100% 0, 90% 100%, 0 100%);
  color: #fff;
  transition: all .3s ease-out 0s
}

.footer-social-link li a:hover {
  background: var(--primary-color);
  color: var(--white-color)
}

@media only screen and (min-width:1200px)and (max-width:1399px),
only screen and (min-width:992px)and (max-width:1199px) {
  .footer-social-link li a {
    width: 55px;
    height: 50px;
    line-height: 50px
  }
}

@media (max-width:575px),
only screen and (min-width:576px)and (max-width:767px),
only screen and (min-width:768px)and (max-width:991px),
only screen and (min-width:992px)and (max-width:1199px) {
  .footer-social-link li a {
    width: 45px;
    height: 45px;
    line-height: 46px
  }
}

.footer-menu-area.position {
  width: 100%;
  left: 0;
  right: 0;
  top: -40px
}

.footer-menu-box {
  padding: 27px 50px 13px
}

@media (max-width:575px),
only screen and (min-width:576px)and (max-width:767px),
only screen and (min-width:768px)and (max-width:991px) {
  .footer-menu-box {
    text-align: center
  }
}

@media(max-width:575px) {
  .footer-menu-box {
    padding: 20px 15px 13px
  }
}

.footer-menu-box.two {
  padding: 26px 0 12px
}

.footer-menu-bg {
  background: var(--primary-color)
}

.footer-menu li {
  display: inline-block;
  margin-right: 42px
}

.footer-menu li:last-child {
  margin-right: 0
}

@media (max-width:575px),
only screen and (min-width:576px)and (max-width:767px) {
  .footer-menu li {
    margin-right: 25px
  }
}

.footer-menu li a {
  text-transform: uppercase;
  color: var(--white-color);
  font-weight: 600;
  font-family: Oswald, sans-serif
}

@media(max-width:450px) {
  .footer-menu li a {
    font-size: 14px
  }
}

.footer-menu li:hover a {
  opacity: .8
}

.footer-brand-item {
  display: inline-block;
  width: 20%
}

.footer-brand-item img {
  width: 100%
}

@media only screen and (min-width:576px)and (max-width:767px),
only screen and (min-width:768px)and (max-width:991px) {
  .copy-right-area {
    padding-top: 109px
  }
}

@media(max-width:575px) {
  .copy-right-area {
    padding-top: 100px
  }
}

.copy-right-text {
  padding-bottom: 27px;
  padding-top: 67px
}

@media (max-width:575px),
only screen and (min-width:576px)and (max-width:767px),
only screen and (min-width:768px)and (max-width:991px) {
  .copy-right-text {
    padding-top: 0
  }
}

.copy-right-text p {
  line-height: 1;
  color: var(--clr-common-color-8);
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 0;
  font-family: Oswald, sans-serif
}

.copy-right-text p a {
  color: var(--white-color)
}

.copy-right-text-2 p ,.footer-menu p, .copy-right-text-2 p a{
  color: var(--clr-common-color-14);
 
  margin-bottom: 0
}

.copy-right-text-2 a {
  color: var(--white-color)
}

.copy-right-text-3 p {
  color: var(--clr-common-heading)
}

.copy-right-text-3 p a {
  color: var(--primary-color)
}

.copy-right-text-2 p{
  text-align: right
}

@media (max-width:575px),
only screen and (min-width:576px)and (max-width:767px),
only screen and (min-width:768px)and (max-width:991px) {
  .copy-right-text-2 {
    text-align: center
  }
}

.copy-bg-1 {
  background: var(--clr-common-color-7)
}

.footer3-widget .footer-widget-title .h4,
.footer3-widget .footer-widget-title h4 {
  color: var(--clr-common-heading)
}

.footer3-widget .footer-widget-link a,
.footer3-widget p {
  color: var(--clr-common-text) !important
}

.footer3-widget .subscribe-form input {
  background: var(--clr-bg-gray-4)
}

.footer3-widget .subscribe-form button:hover {
  color: var(--white-color);
  background: #012863;
}

.footer3-widget .footer-social-link ul li a {
  background: var(--clr-common-color-12);
  color: var(--clr-common-heading)
}

.footer3-widget1 ul li:hover a {
  background: #012863;
  ;
  color: var(--white-color)
}

.overlay {
  position: relative;
  z-index: 1
}

.overlay:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background: var(--primary-color);
  mix-blend-mode: multiply
}

.clip-box {
  -webkit-clip-path: polygon(4% 0, 100% 0, 96% 100%, 0 100%);
  clip-path: polygon(4% 0, 100% 0, 96% 100%, 0 100%);
}

.bg-css {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

/* 
.example::before {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: #191919;
  opacity: 0.7;
  content: "";
  z-index: 0;
} */

.info-contact i {

  text-align: center;
  font-size: 18px;
  width: 40px;
  height: 40px;
  border-radius: 4px;
  line-height: 38px;
  color: #fff;
  margin-right: 20px;
}
.info-contact img{
  margin-left:20px;
}

.info-contact span {
  color: #9e9e9e;
  font-size: 14px;
  text-align: justify;
  font-weight: normal;
  font-family: 'Ubuntu', sans-serif;
  display: flex;
}

.qr {
  height: 69px;
  width: auto;
  margin: auto;
  display: block;
  margin-top: 15px;
}

/*** 

====================================================================
		About Section
====================================================================

***/
.about-section {
  position: relative;
  padding: 50px 0 70px;
  overflow: hidden;
}

.about-section .icon-about-1 {
  position: absolute;
  top: 0;
  right: 0;
}

@media (max-width: 1199.98px) {
  .about-section .icon-about-1 {
    display: none;
  }
}

.about-section .content-column {
  position: relative;
  margin-bottom: 50px;
  z-index: 1;
}

.about-section .content-column .inner-column {
  position: relative;
}

.about-section .content-column .sec-title {
  margin-bottom: 30px;
}

.about-section .content-column .title-box {
  margin-bottom: 40px;
}

.about-section .content-column .title-box p {
  text-align: justify;
}

.about-section .content-column .title-box .title {
  color: var(--primary-color);
  font-size: 24px;
  font-family: var(--text-font);
  font-weight: 700;
}

.about-section .content-column .info-block {
  position: relative;
  margin-bottom: 20px;
}

.about-section .content-column .info-block:before {
  content: "";
  position: absolute;
  top: 7px;
  left: 41%;
  width: 3px;
  height: 54px;
  background-color: #f2f2f2;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

@media (max-width: 767.98px) {
  .about-section .content-column .info-block:before {
    display: none;
  }
}

.about-section .content-column .skills {
  margin-bottom: 35px;
}

.about-section .content-column .skills .bar-inner {
  border-radius: 0;
}

.about-section .content-column .skills .bar-inner .bar {
  border-radius: 0;
}

.about-section .content-column .bottom-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media (max-width: 575.98px) {
  .about-section .content-column .bottom-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
  }
}

.about-section .content-column .bottom-box .author-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (max-width: 575.98px) {
  .about-section .content-column .bottom-box .author-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 20px;
  }
}

.about-section .content-column .bottom-box .author-box img {
  border-radius: 50%;
  margin-right: 20px;
  border: 2px solid var(--primary-color);
  padding: 5px;
}

.about-section .content-column .bottom-box .author-box .name {
  margin-bottom: 5px;
}

@media (max-width: 575.98px) {
  .about-section .content-column .bottom-box .author-box .name {
    margin-top: 10px;
  }
}

.about-section .image-column {
  position: relative;
}

@media (max-width: 991.98px) {
  .about-section .image-column {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
}

.about-section .image-column .inner-column {
  position: relative;
}

@media (max-width: 991.98px) {
  .about-section .image-column .inner-column {
    margin-bottom: 0;
    text-align: center;
  }
}

.about-section .image-column .image-box {
  position: relative;
}

.about-section .image-column .image-box:before {
  content: "";
  position: absolute;
  bottom: -40px;
  left: 235px;
  width: 80px;
  height: 92px;
  background-color: var(--primary-color);
}

@media (max-width: 1399.98px) {
  .about-section .image-column .image-box:before {
    display: none;
  }
}

.about-section .image-column .image-1 {
  position: relative;
  margin-bottom: 0;
}

@media (max-width: 1399.98px) {
  .about-section .image-column .image-1 img {
    max-width: 100%;
    width: 100%;
  }
}

.about-section .image-column .image-2 {
  position: absolute;
  left: -65px;
  bottom: -85px;
  margin-bottom: 0;
}

@media (max-width: 1399.98px) {
  .about-section .image-column .image-2 {
    display: none;
  }
}

.about-section .image-column .image-2:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 15px solid #fff;
}

.about-section .image-column .image-2 img {
  width: 100%;
}

@media (max-width: 991.98px) {
  .about-section .image-column .image-2 {
    display: none;
  }
}

.about-section .image-column .icon-dots-4 {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-80%, -60%);
  transform: translate(-80%, -60%);
}

.about-section .image-column .circle-text {
  position: absolute;
  top: -65px;
  left: -115px;
}

@media (max-width: 1399.98px) {
  .about-section .image-column .circle-text {
    display: none;
  }
}

.about-section .image-column .circle-text img {
  -webkit-animation: fa-spin 30s infinite linear;
  animation: fa-spin 30s infinite linear;
}

.about-section .image-column .circle-text .word {
  position: absolute;
  top: 56%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 72px;
  letter-spacing: -0.4;
}

.about-section .exp-box {
  position: absolute;
  right: 83px;
  bottom: 0;
  width: 257px;
  -webkit-box-shadow: 0 33px 87px rgba(0, 0, 0, 0.07);
  box-shadow: 0 33px 87px rgba(0, 0, 0, 0.07);
  background-color: #fff;
  padding: 15px;
  text-align: left;
}

@media (max-width: 1399.98px) {
  .about-section .exp-box {
    position: relative;
    right: 0;
    width: 100%;
    margin-top: 20px;
  }
}

.about-section .exp-box .inner {
  position: relative;
  padding: 20px 25px 20px;
  background-color: #fff;
  border: 2px solid var(--primary-color);
}

@media (max-width: 1399.98px) {
  .about-section .exp-box .inner {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.about-section .exp-box .icon-box {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 90px;
  min-height: 64px;
  margin-bottom: 10px;
}

.about-section .exp-box .icon {
  position: absolute;
  left: 0px;
  top: 0px;
  display: block;
  font-size: 64px;
  font-weight: 400;
  line-height: 1em;
  color: var(--primary-color);
  z-index: 2;
  margin-bottom: 5px;
}

.about-section .exp-box .count {
  font-family: var(--title-font);
  font-size: 48px;
  line-height: 40px;
  color: #000;
  font-weight: 400;
  margin-bottom: 0;
}

.about-section .exp-box .title {
  margin-bottom: 0;
  color: #717070;
  letter-spacing: 0.1em;
  font-family: 'Roboto Condensed';
  text-transform: uppercase;
  font-weight: 500;
}

.about-block {
  position: relative;
}

.about-block .inner {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.about-block .inner:hover .icon {
  color: var(--primary-color);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}

.about-block .icon {
  font-size: 45px;
  color: #fff;
  margin-right: 18px;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  text-align: CENTER;
  display: block;
  margin: auto;
  line-height: 60px;
}

.about-block .title {
  position: relative;
  top: 5px;
  font-weight: 400;
  line-height: 30px;
  margin-bottom: 0;
}

.about-block .text {
  margin-bottom: 0;
}

/*** 

====================================================================
    Services Section
====================================================================

***/
.services-section {
  position: relative;
  padding: 120px 0 50px;
}

.services-section .icon-lines-3 {
  position: absolute;
  top: 0;
  left: 0;
}

@media (max-width: 1199.98px) {
  .services-section .icon-lines-3 {
    display: none;
  }
}

.services-section .bottom-text {
  position: relative;
  max-width: 670px;
  width: 100%;
  margin: 0 auto;
  margin-top: 30px;
}

.services-section .bottom-text .text {
  position: relative;
  display: block;
  width: 100%;
  font-size: 16px;
  line-height: 21px;
  background-color: transparent;
  color: #000;
  border: 1px solid #000;
  padding: 12px 100px 12px 30px;
  margin-bottom: 0;
}

@media (max-width: 767.98px) {
  .services-section .bottom-text .text {
    text-align: center;
    padding-right: 30px;
  }
}

.services-section .bottom-text .theme-btn {
  position: absolute;
  right: 0px;
  top: 0px;
  padding: 16px 30px 11px;
  line-height: 20px;
}

@media (max-width: 767.98px) {
  .services-section .bottom-text .theme-btn {
    margin-top: 10px;
    position: relative;
    width: 100%;
  }
}

.service-block {
  margin-bottom: 30px;
}

.service-block .inner-box {
  position: relative;
  padding-top: 20px;
  min-height: 300px;
  overflow: hidden;
}

.service-block .inner-box:before {
  content: "";
  position: absolute;
  top: 20px;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: var(--primary-color);
}

.service-block .inner-box:hover .image {
  -webkit-transform: scale(1.15);
  transform: scale(1.15);
}

.service-block .inner-box:hover .content-box .icon {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}

.service-block .inner-box .image {
  position: absolute;
  top: -20px;
  right: 20px;
  bottom: 20px;
  left: 20px;
  margin-bottom: 0;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.service-block .inner-box .image::before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: linear-gradient(126deg, rgb(23, 23, 23) 0%, rgb(23, 23, 23) 69%, rgb(233, 162, 51) 92%);
  content: "";
  opacity: 0.74;
}

.service-block .inner-box .image img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.service-block .inner-box .content-box {
  position: relative;
  padding: 45px 20px 45px;
  text-align: center;
}

.service-block .inner-box .content-box .icon {
  position: relative;
  display: block;
  font-size: 60px;
  color: #fff;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  margin-bottom: 62px;
}

.service-block .inner-box .content-box p {
  color: #f3f3f3;
  padding: 10px;text-align: center;
}

.service-block-two .inner-box .content-box p{
  margin-bottom: 0px;
    text-align: center;
}
.service-block-two .inner-box .content-box{
  margin-bottom: 20px;
}

.service-block .inner-box .content-box .title {
  color: #fff;
  font-weight: 400;
  font-size: 26px;
  line-height: 30px;
}

.service-block .inner-box .content-box .title a:hover {
  color: var(--primary-color);
}

.sec-title {
  margin-bottom: 30px;
}

.sec-title h2 {
  position: relative
}

.sec-title h2:before {
  position: absolute;
  content: '';
  height: 10px;
  width: 10px;
  border-radius: 50%;
  background: #fff;
  border: 2px solid #cd1417;
  bottom: -14px;
  left: 0;
}

.sec-title h2:after {
  position: absolute;
  content: '';
  height: 2px;
  width: 50px;
  left: 15px;
  bottom: -10px;
  background: #cd1417;
}

.text-center .sec-title h2::before {
  left: 50%;
}

.text-center .sec-title h2::after {
  left: 42%;
  width: 120px;
}

.sub-title {
  color: #cc1417;
  font-size: 20px;
  font-family: 'Oswald';
}

.bg-pattern-13 {
  background-image: url(../images/pattern-13.png);
}

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

.about-section .icon-about-1 {
  position: absolute;
  top: 0;
  right: 0;
}

.icon-about-1 {
  width: 781px;
  height: 667px;
  background-image: url(../images/dot-shape-right-top.png);
    opacity: 0.2;

}

.services-section .icon-lines-3 {
  position: absolute;
  top: 0;
  /* left: 0; */
}

.bounce-y {
  -webkit-animation: bounce-y 10s infinite linear;
  animation: bounce-y 10s infinite linear;
}

@-webkit-keyframes bounce-y {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  50% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }

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

@keyframes bounce-y {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  50% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }

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

.icon-lines-3 {
  width: 585px;
  height: 742px;
  background-image: url(../images/icon-lines-3.png);
}

.de-flex>.de-flex-col {
  display: flex;
  justify-content: center;
  align-items: center;
}

.h-phone {
  position: relative;
  font-weight: bold;
  color: #4d4c4c;
  font-family: 'Roboto Condensed';
  padding-left: 40px;
  font-size: 22px;
  padding-top: 20px;
}

.h-phone span {
  display: inline-block;
  position: absolute;
  left: 40px;
  top: 0;
  font-size: 15px;
  font-weight: normal;
  padding-bottom: 10px;
  line-height: 13px;
}

.h-phone i {
  color: #e22a31;
  padding-right: 8px;
}

.global-icon {
  -webkit-box-flex: 0;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  background: var(--primary-color);
  height: 80px;
  width: 80px;
  text-align: center;
  line-height: 70px;
  border-radius: 50%;
  border: 4px solid var(--white-color);
  margin-right: 20px;
  position: relative;
  z-index: auto;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.global-icon {
  position: relative;
  border-width: 6px;
}

.global-icon:after {
  content: '';
  position: absolute;
  left: -8px;
  top: -8px;
  height: 80px;
  width: 80px;
  border: 3px dashed var(--primary-color);
  border-radius: 50%;
  z-index: -1;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.global-icon:after {
  -webkit-animation: spin 7s infinite;
  animation: spin 7s infinite;
}

@keyframes spinx {

  0%,
  49% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    background-position: 50% 36px
  }

  51%,
  98% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    background-position: 50% 4px
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    background-position: 50% 36px
  }
}

.list-style-two.two-col {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

.list-style-two.two-col li {
  max-width: 50%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  padding-left: 30px;
  position: relative;
  font-family: 'Ubuntu', sans-serif;
  font-size: 15px;
  color: var(--paragraph-color);
  margin-bottom: 15px;
}

@media (max-width: 767.98px) {
  .list-style-two.two-col li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}

.list-style-two li i {
  position: absolute;
  left: 0px;
  top: 0px;
  color: var(--primary-color);
  font-size: 20px;
  line-height: 30px;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.single-team-member {
  overflow: hidden;
  position: relative;
  margin-bottom: 30px;
  margin-right: 20px;
}

.single-team-member .team_image {
  position: relative;
  overflow: hidden;
  width: 100%;
}

.single-team-member .team_image img {
  object-fit: cover;
  height: 100%;
  width: 100%;
}

.single-thumb {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  display: flex;
  z-index: 1;
  padding: 0px 30px;
  justify-content: space-between;
  align-items: center;
  height: 40px;
}

.social-link-widget .share-linke {
  position: absolute;
  z-index: 1;
  bottom: 50px;
  right: 40px;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

.social-link-widget .share-linke a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  border-radius: 500px;
  background: var(--primary-color);
  color: #fff;
  transform: scale(1, 1);
  font-size: 22px;
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}

.team-shape {
  bottom: 0px;
  left: 0;
  display: block;
  position: relative;
  margin-top: -40px;
  height: 90px;
}

.team-shape svg {
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  fill: #102039;
}

.single-team-member:hover .team-shape svg {
  fill: var(--primary-color);
}

.portfolio-wrapper {
  padding: 80px 0px 90px;
}

.single-thumb h5 a {
  font-family: 'Roboto Condensed';
  color: #fff;
  font-size: 21px;
  font-weight: normal;
  text-transform: uppercase;
}

.single-portfolio {
  overflow: hidden;
  width: 100%;
  height: 270px;
  z-index: 1;
  position: relative;
  margin-bottom: 30px;
}

.single-portfolio:before {
  top: 0;
  left: 0;
  z-index: -1;
  width: 0%;
  height: 100%;
  content: "";
  position: absolute;
  background: rgba(0, 0, 0, 0.5);
  ;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

.single-portfolio.single-portfolio-1 {
  padding: 80px 80px;
  height: 415px;
  display: flex;
  align-items: start;
  justify-content: center;
  flex-direction: column;
  background: #000;
  position: relative;
  z-index: 1;
  background-repeat: no-repeat;
}

.single-portfolio.single-portfolio-1:before {
  display: none;
}

.single-portfolio.single-portfolio-1 .portfolio-title {
  font-weight: var(--tj-fw-bold);
  margin-bottom: 25px;
}

.single-portfolio.single-portfolio-1 p {
  margin-bottom: 25px;
  color: var(--white-color);
}

.single-portfolio.single-portfolio-1 .portfolio-element {
  position: absolute;
  bottom: 0%;
  left: 0;
  z-index: -1;
}

.single-portfolio .pot-shape {
  position: absolute;
  bottom: -100%;
  left: -100%;
  -webkit-transition: all 0.5s ease-out 0s;
  -moz-transition: all 0.5s ease-out 0s;
  -ms-transition: all 0.5s ease-out 0s;
  -o-transition: all 0.5s ease-out 0s;
  transition: all 0.5s ease-out 0s;
}

.single-portfolio .portfolio-link {
  position: absolute;
  visibility: hidden;
  opacity: 0;
  transition: all 0.1s ease;
  bottom: 35px;
  left: 35px;
  z-index: 3;
}

.single-portfolio .icons {
  position: relative;
  visibility: hidden;
  opacity: 0;
  top: 150px;
  left: 170px;
  width: 45px;
  height: 45px;
  background: var(--white-color);
  border-radius: 500px;
  color: #000;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 4;
}

.single-portfolio:hover .icons {
  visibility: visible;
  opacity: 1;
  transition: all 0.7s ease-in;
}

.single-portfolio p {
  margin-top: 20px;
  font-size: 22px;
  color: var(--white-color);
  margin-bottom: 0;
}

.single-portfolio:hover .portfolio-link {
  visibility: visible;
  opacity: 1;
  transition: all 0.7s ease-in;
}

.single-portfolio:hover .pot-shape {
  bottom: -30px;
  left: 0%;
}

.bg-cover {
  background-repeat: no-repeat;
  background-size: contain;
  position: relative;
  background-position: center;
}

.service-wrapper-2 , .team-section{
  padding: 50px 0px 50px;
}
.product-section
{
  padding: 50px 0px 50px;
  background: #f8f8f8;
}
.team-section{background-color: #f5f5f5;}

.service-wrapper-2.service-3 .single-service-2 {
  margin-bottom: 30px;
}

.service-wrapper-2.service-3 .single-service-2 .service-thumb {
  height: 250px;
  width: 100%;
  clip-path: polygon(100% 0, 100% 90%, 50% 100%, 0 90%, 0 1%);
  background-color: #102039;
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}

.service-wrapper-2.service-3 .single-service-2 .service-thumb.service-thumb-2 {
  background: transparent;
}

.service-wrapper-2.service-3 .single-service-2 .service-thumb .service-img {
  height: 100%;
  width: 100%;
  clip-path: polygon(100% 0, 100% 90%, 50% 100%, 0 90%, 0 1%);
}

.service-wrapper-2.service-3 .single-service-2 .service-thumb .service-img img {
  object-fit: cover;
  height: 100%;
  width: 100%;
}

.service-wrapper-2.service-3 .single-service-2:hover .service-thumb {
  background: var(--primary-color);
}

.service-wrapper-2.service-3 .single-service-2:hover .icons {
  border: 3px solid var(--primary-color);
}

.service-wrapper-2.service-3 .single-service-2:hover .icons.icons-2 {
  border: 3px solid var(--white-color);
  background: var(--primary-color);
}

.service-wrapper-2.service-3 .single-service-2:hover .icons.icons-2 i {
  color: var(--white-color);
}

.service-wrapper-2.service-3 .single-service-2:hover .icons i {
  font-size: 45px;
  color: var(--primary-color);
}

.service-wrapper-2.service-3 .service-content {
  padding: 0px 30px 20px 30px;
  background: var(--white-color);
  box-shadow: 0px 0px 10px #0000001a;
}

.service-wrapper-2.service-3 .service-content .service-icon {
  position: relative;
  margin-top: -40px;
  z-index: 1;
}

.service-wrapper-2.service-3 .service-content .icons {
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
  width: 80px;
  height: 80px;
  margin: 0 auto;
  border-radius: 500px;
  background: var(--white-color);
  border: 3px solid #000;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
}

.service-wrapper-2.service-3 .service-content .icons.icons-2 {
  border: 3px solid #000;
}

.service-wrapper-2.service-3 .service-content .icons.icons-2 i {
  line-height: 0;
  color: var(--primary-color);
}

.service-wrapper-2.service-3 .service-content .icons i {
  font-size: 35px;
  color: #000;
  line-height: 0;
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}

.service-wrapper-2.service-3 .service-content .tj_service-name {
  font-weight: 600;
  font-size: 21px;
  margin-bottom: 5px;
}

.service-wrapper-2.service-3 .service-content .tj_service-name a {
  color: var(--primary-color);
}

.service-wrapper-2.service-3 .service-content .tj_service-name:hover {
  color: var(--primary-color);
}

.service-wrapper-2.service-3 .service-content p {
  text-align: center;
}

.service-wrapper-2.service-3 .service-content p:last-child {
  margin-bottom: 0;
}

.about-left {
  width: 100%;
  position: relative;
  z-index: 1;
  margin-bottom: 30px;
}

.about-left .bg-img {
  position: relative;
  height: 100%;
  width: 100%;
}

.bg-img .about__funfact {
  position: absolute;
  bottom: 0%;
  left: 0%;
}

.funfact {
  z-index: 2;
  position: absolute;
  left: 0%;
  bottom: 0px;
}

.bg-img .funfact {
  width: 350px;
  position: relative;
  padding: 10px;
  display: inline-block;
}

.funfact .funfact_count {
  font-size: 55px;
  font-weight: 700;
  line-height: 45px;
  color: var(--white-color);
  margin-bottom: 10px;
}

.funfact h2,
.funfact p {
  color: var(--white-color);
  margin-bottom: 0;
}

.bg-img .funfact::after {
  content: "";
  clear: both;
  position: absolute;
  width: 346px;
  height: 319px;
  z-index: -1;
  left: -20px;
  bottom: -20px;
  clip-path: polygon(0 0, 0% 100%, 100% 100%);
  background: var(--primary-color);
}

.about-left .shape-element {
  position: absolute;
  top: 5%;
  right: -20px;
  z-index: -1;
  animation: pluse 4s ease-in-out infinite;
}

@keyframes pluse {
  0% {
    transform: translateY(0px);
  }

  50% {
    transform: translateY(20px);
  }

  100% {
    transform: translateY(0px);
  }
}

.services-section-two {
  position: relative;
  background-color: #f5f5f5;
  padding: 50px 0 50px;
}

.services-section-two .bg {
  background-position: top left;
}

.services-section-two .outer-box {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (max-width: 991.98px) {
  .services-section-two .outer-box {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.services-section-two .sec-title {
  margin-bottom: 40px;
}

.service-block-two {
  margin-bottom: 51px;
  padding-top: 15px;
}

.service-block-two .inner-box {
  position: relative;
  background-color: #fff;
  padding: 35px 30px 70px;
  text-align: center;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.service-block-two .inner-box:before {
  position: absolute;
  content: "";
  z-index: -1;
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  -webkit-transform: scale(0.7);
  transform: scale(0.7);
  opacity: 0;
  background: var(--primary-color);
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.service-block-two .inner-box:after {
  position: absolute;
  content: "";
  bottom: 0;
  right: 0;
  width: 220px;
  height: 214px;
  background-image: url(../images/icon-shape-6.png);
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.service-block-two .inner-box:hover {
  -webkit-transform: translateY(-15px);
  transform: translateY(-15px);
}

.service-block-two .inner-box:hover:before {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}

.service-block-two .inner-box:hover:after {
  background-image: none;
  background-image: url(../images/icon-shape-7.png);
}

.service-block-two .inner-box:hover .icon {
  color: #fff;
}

.service-block-two .inner-box:hover .icon:after {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.service-block-two .inner-box:hover .text {
  color: #000;
}

.service-block-two .inner-box:hover a,
.service-block-two .inner-box:hover p,
.service-block-two .inner-box:hover h2 {
  color: #fff
}
.service-block-two .inner-box:hover .sec-title h2:before{    background: transparent;
  border: 2px solid #ffffff;}
  .service-block-two .inner-box:hover .sec-title h2:after{ background: #fff;}
.service-block-two .inner-box .icon {
  position: absolute;
  left: 50%;
  bottom: -51px;
  height: 85px;
  width: 85px;
  font-size: 40px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #ffffff;
  background-color: var(--primary-color);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  z-index: 1;
}
.service-block-two h2{font-size:30px}
.service-block-two .text-center .sec-title h2::after {
  left: 35%;
  width: 120px;
}
.service-block-two .inner-box .icon:before {
  position: relative;
  z-index: 3;
}

.service-block-two .inner-box .icon::after {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: linear-gradient(126deg, rgb(23, 23, 23) 0%, rgb(23, 23, 23) 69%, rgb(226, 42, 49) 92%);
  content: "";
  border-radius: 50%;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.service-block-two .inner-box .title {
  line-height: 1.2em;
  margin-bottom: 15px;
  font-size: 25px;
}

.service-block-two .inner-box a:hover {
  color: #000;
}

.service-block-two .inner-box .text {
  position: relative;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.page-title {
  position: relative;
  padding: 85px 0;
  background-color: #646464;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50%;
  border-radius: 0px;
  overflow: hidden;
}

.page-title:before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-image:-webkit-linear-gradient(0deg, #101010, rgba(32, 22, 48, 0))
}

.page-title .content-box {
  padding-left: 22px;
  position: relative
}

.page-title .content-box:before {
  position: absolute;
  content: "";
  left: 0;
  top: 4px;
  width: 4px;
  height: 84px
}

.page-title .content-box h1 {
  position: relative;
  margin: 0px;
  display: block;
  font-size: 60px;
  line-height: 65px;
  color: #fff;
  font-weight: normal
}

.page-title .content-box .bread-crumb li {
  position: relative;
  display: inline-block;
  font-size: 15px;
  font-weight: 500;
  color: #fff;
  padding-right: 15px;
  margin-right: 5px;
  text-transform: uppercase
}

.page-title .content-box .bread-crumb li a {
  color: #fff
}

.page-title .content-box .bread-crumb li:last-child {
  padding: 0;
  margin: 0
}

.page-title .content-box .bread-crumb li:before {
  position: absolute;
  content: "\f105";
  font-family: "Font Awesome 5 Pro";
  top: -1px;
  right: 0
}

.page-title .content-box .bread-crumb li:last-child:before {
  display: none
}

.page-title .content-box:before {
  background-color: var(--primary-color);
}

.gap {
  padding: 80px 0;
}

.expert-img img {
  object-fit: cover;
  border-radius: 30px;
}

.expert-img {
  text-align: -webkit-right;
}

.expert-img figure {
  width: fit-content;
}

.expert-img img.expert-1 {
  position: absolute;
  width: auto;
  left: 0;
  top: 29%;
  z-index: -1;
}

img.shaps-2 {
  position: absolute;
  width: auto;
  clip-path: none;
  height: auto;
  right: 37%;
  z-index: 0;
  animation: rotate 20s infinite;
  top: 23%;
}

@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.expert-img img.shaps-2 {
  left: -7%;
  z-index: -2;
  top: 10%;
  border-radius: 0 !important;
}

img.shaps-3 {
  position: absolute;
  width: auto;
  clip-path: none;
  height: auto;
  left: auto;
  right: 47%;
  bottom: 11%;
  border-radius: 0 !important;
  z-index: 1;
}

.count-text {
  width: fit-content;
  margin-left: auto;
  background-color: var(--primary-color);
  padding: 24px 34px;
  border-radius: 30px;
  text-align: initial;
  margin-top: 30px;
}

.count-text h2 {
  color: #fff;
  font-size: 60px;
  font-weight: 900;
}

.count-text sup {
  font-size: 40px;
  padding-left: 10px;
  color: #fff;
  top: 22px;
  font-weight: 900;
}

.count-text p {
  font-size: 18px;
  font-weight: 900;
  color: #ffffff;
  line-height: 1;
}

.expert-img {
  position: relative;
  width: 92%;
}

.expert-text h4 {
  padding-top: 30px;
  font-size: 26px;
  font-weight: 900;
  text-transform: uppercase;
}

sub,
sup {
  position: relative;
  font-size: .75em;
  line-height: 0;
  vertical-align: baseline;
}

.expert-text span {
  text-transform: uppercase;
  display: block;
  padding-bottom: 30px;
  color: #666666;
  font-weight: 600;
  font-size: 18px;
}

.img-hover:hover figure::before {
  -webkit-animation: shine .75s;
  animation: shine .75s;
}

@keyframes shine {
  100% {
    right: 125%;
  }
}

.img-hover figure {
  position: relative;
  border-radius: 30px;
}

figure {
  overflow: hidden;
  margin-bottom: 0;
}

.img-hover figure::before {
  transition: all 0.3s ease-out 0.1s;
  -webkit-transition: all 0.3s ease-out 0.1s;
  -moz-transition: all 0.3s ease-out 0.1s;
  -o-transition: all 0.3s ease-out 0.1s;
}

.img-hover figure::before {
  position: absolute;
  top: 0;
  right: -75%;
  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, .3) 100%);
  background: linear-gradient(to right, rgb(226, 42, 49, 0.23) 0%, rgb(226, 42, 49, 0.34) 100%);
  -webkit-transform: skewX(-25deg);
  transform: skewX(-25deg);
}

.consulting {
  border-radius: 30px;
  border: 1px solid #bbbbbb;
  padding: 40px;
  text-align: center;
  position: relative;
  overflow: hidden;
}

.consulting:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background-color: #fff;
  top: 0;
  left: 0;
}

.consulting:hover:before {
  height: 0;
}

.consulting i {
  width: 140px;
  height: 140px;
  display: flex;
  align-items: center;
  margin: auto;
  justify-content: center;
  border-radius: 20px;
  margin-bottom: 20px;
}

.consulting h3 {
  font-weight: bold;
  padding-bottom: 14px;
  position: relative;
}

.consulting p {
  position: relative;
}

.consulting i {
  font-size: 40px;
  color: white;
  width: 120px;
  height: 120px;
  display: flex;
  align-items: center;
  margin: auto;
  justify-content: center;
  border-radius: 20px;
  margin-bottom: 20px;
  clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
  background-color: var(--primary-color);
}

.consulting:hover p,
.consulting:hover h3 {
  color: #000000;
}

.about-mnv {
  padding-bottom: 80px;
}
.expert-text p{
  text-align: justify;
}

.features-section-two {
  padding: 80px 0 100px
}

.feature-block-three .inner-box {
  position: relative;
  margin-bottom: 30px;
  display: inline-block
}

.feature-block-three .image {
  position: relative
}

.feature-block-three .lower-content {
  position: relative;
  padding: 30px;
  box-shadow: 0 0 50px 0 rgba(0, 0, 0, .1);
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  background: #fff;
  max-width: 270px
}

.feature-block-three .lower-content:before {
  position: absolute;
  content: "";
  right: 0;
  top: 0;
  width: 174px;
  height: 109px;
  background-image: url(../images/temp/shape-1.1686a471.png)
}

.feature-block-three .lower-content .icon {
  position: relative;
  font-size: 60px;
  line-height: 60px;
  margin-bottom: 30px
}

.feature-block-three .lower-content .icon span {
  color: var(--primary-color);
}

.feature-block-three .lower-content h4 {
  position: relative;
  font-size: 22px;
  font-weight: 600;
  padding-bottom: 35px;
  margin-bottom: 20px;
  color: #202020
}

.feature-block-three .lower-content h4:before {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  height: 6px;
  width: 100%;
  background: url(../images/temp/border-shape.b1450ead.png) repeat-x 50%;
}

.feature-block-three .read-more-link {
  position: relative;
  padding-left: 16px;
  font-size: 16px;
  font-weight: 600;
  transition: .5s
}

.feature-block-three .read-more-link:hover:after {
  opacity: 1
}

.feature-block-three .read-more-link:before {
  position: absolute;
  content: "";
  left: 0;
  top: 8px;
  height: 1px;
  width: 10px;
  transition: .5s
}

.feature-block-three .read-more-link:hover:before {
  width: 17px
}

.feature-block-three .overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: 1s;
  opacity: 0
}

.feature-block-three .inner-box:hover .overlay {
  opacity: 1
}

.feature-block-three .overlay .top-content {
  position: relative;
  padding: 34px 30px;
  background-size: cover;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  transition: .5s;
  opacity: 0;
  transform: perspective(400px) rotateX(-90deg);
  transform-origin: top;
  transform-origin: top
}

.feature-block-three .inner-box:hover .overlay .top-content {
  opacity: 1;
  transform: perspective(400px) rotateX(0deg)
}

.feature-block-three .top-content .icon {
  position: relative;
  font-size: 65px;
  line-height: 70px;
  margin-bottom: 30px;
  color: #fff
}

.feature-block-three .top-content h4 {
  position: relative;
  font-size: 22px;
  line-height: 34px;
  font-weight: 600;
  color: #fff
}

.feature-block-three .overlay .bottom-content {
  position: relative;
  background-color: #fff;
  padding: 30px
}

.features-section-two .content-block .text p {
  text-align: justify;
}

.feature-block-three .overlay .text {
  line-height: 22px;
  font-size: 17px;
  font-weight: 500;
  color: #3b3b3b;
  position: relative;
  font-family: 'Ubuntu', sans-serif;
  text-align: justify;
  padding-bottom: 30px;
  margin-bottom: 20px
}

.feature-block-three .overlay .text:before {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  height: 6px;
  width: 100%;
  background: url(../images/temp/border-shape.b1450ead.png) repeat-x 50%
}

.inq-main {
  padding: 80px 0 100px;
  background-color: #f5f5f5;
}

.inq-2-main {
  padding: 120px 0 120px;
  background-color: #f5f5f5;
}

.consult-form .contact-form,
.consult-form:before {
  background: #fff;
  border-radius: 6px;
}

.consult-form {
  position: relative;
  margin-right: 40px
}

.consult-form:before {
  position: absolute;
  content: "";
  top: 0;
  left: 18px;
  right: 18px;
  bottom: -10px
}


.consult-form .contact-form {
  position: relative;
  z-index: 2;
  margin: 0px;
}

.consult-form h2 {
  font-size: 40px;
  font-weight: 600;
  margin-bottom: 30px
}

.consult-form .row {
  margin: 0 -5px
}

.consult-form .contact-form .form-group {
  padding: 0 5px
}

.consult-form .btn-style-three {
  position: relative;
  font-size: 16px;
  font-weight: 600;
  color: #0c2957;
  line-height: 50px;
  background: transparent
}

.consult-form .btn-style-three:before {
  position: absolute;
  content: "";
  left: 2px;
  bottom: 8px;
  right: 0;
  border-bottom: 2px dashed #0c2957
}

.consult-form .btn-style-three i {
  margin-right: 8px
}

.consult-form .theme-btn {
  margin-top: 10px
}

.contact-form .bootstrap-select>.dropdown-toggle,
.contact-form .form-group input[type=email],
.contact-form .form-group input[type=text],
.contact-form .form-group select,
.contact-form .form-group textarea {
  position: relative;
  display: block;
  height: 54px;
  width: 100%;
  font-size: 15px;
  font-family: 'Ubuntu', sans-serif;
  color: #757575;
  line-height: 30px;
  font-weight: 400;
  background-color: transparent;
  border-radius: 6px;
  padding: 11px 20px;
  border: 1px solid #e1e5e9;
  border-image: initial;
  transition: all .3s ease 0s
}

.btn-style-two {
  position: relative;
  display: inline-block;
  font-size: 16px;
  line-height: 30px;
  color: var(--primary-color);
  font-weight: 600;
  padding: 0px;
  border: 0px;
  text-transform: capitalize;
  box-shadow: 0 0 50px 0 rgba(0, 0, 0, .2);
  overflow: hidden;
  vertical-align: middle;
  background-color: transparent
}

.btn-style-two:hover {
  color: #fff
}

.btn-style-two .btn-title {
  position: relative;
  display: block;
  z-index: 1;
  font-family: 'Ubuntu', sans-serif;
  padding: 10px 50px;
  transition: all .3s ease 0s;
  overflow: hidden;
  background:var(--primary-color);    color: #fff;
}

.btn-style-two:hover .btn-title {
  color: #fff
}

.btn-style-two .btn-title:before {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  height: 100%;
  width: 100%;
  content: "";
  background-color: #404040;
  transform: scaleX(0);
  transform-origin: right top;
  transition: transform .5s cubic-bezier(.86, 0, .07, 1) 0s
}

.btn-style-two:hover .btn-title:before {
  transform: scale(1);
  transform-origin: top left
}

.btn-style-two .btn-title i {
  margin-right: 10px;
  font-size: 24px;
  line-height: 1em;
  top: 4px
}

.count-time.one {
  background-color: var(--primary-color);
}

.count-time h2,
.count-time span {
  font-size: 60px;
  color: black;
  font-weight: 800;
  margin-top: -30px;
}

.count-time {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 260px;
  height: 260px;
  border-radius: 50%;
}

.count-time p {
  color: #000;
  position: absolute;
  top: 59%;
}

.count-time.one {
  position: relative;
}

.count-time.one.three {
  animation: scale 5s infinite;
}

@keyframes scale {
  0% {
    transform: scale(1.0);
  }

  50% {
    transform: scale(0.8);
  }

  100% {
    transform: scale(1.0);
  }
}

.count-time.two {
  margin: 0;
  background-color: #ffffff;
  position: relative;
}

.count-time-center {
  margin-top: -100px;
}

.count-time h2,
.count-time span {
  font-family: 'ubuntu', sans-serif;
  font-size: 60px;
  color: black;
  font-weight: 800;
  margin-top: -30px;
}

.consultation-img.swiper-slide.swiper-slide-active {
  opacity: 1 !important;
}

.swiperimg .swiper-slide {
  background-position: center;
  background-size: cover;
}

.swiperimg .swiper-slide img {
  display: block;
  width: 100%;
  border-radius: 30px;
}

.swiperimg span.swiper-pagination-bullet {
  background-color: #322b2b00;
  width: 20px;
  height: 20px;
  border: 2px solid #474747;
  opacity: 1;
}

.swiperimg span.swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #000;
  border: 6px solid var(--primary-color);
}

.process-section-two {
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
  padding: 100px 0 70px
}

.process-section-two .process-wrapper {
  position: relative
}

.process-section-two .process-wrapper:before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  right: 0;
  bottom: 17px;
  background: url(../images/temp/process-shape.93734bc7.png) no-repeat 50%
}

.process-block-two .inner-box {
  position: relative;
  margin-bottom: 30px;
  text-align: center
}

.process-block-two h4 {
  font-size: 22px;
  font-weight: 600
}

.process-block-two p {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 20px
}

.process-block-two .icon {
  position: relative;
  height: 70px;
  width: 70px;
  line-height: 70px;
  text-align: center;
  border-radius: 6px;
  font-size: 40px;
  color: #fff;
  margin: 0 auto 20px;
  background-color: var(--primary-color);
}

.process-block-two .icon .step-count {
  position: absolute;
  top: 50%;
  right: 0;
  height: 28px;
  width: 28px;
  border-radius: 50%;
  font-size: 14px;
  font-weight: 600;
  font-family: 'ubuntu', sans-serif;
  color: #202020;
  transform: translate(50%, -50%);
  background: #fff;
  line-height: 28px;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, .25)
}
.process-block-two .icon img{width: 50px;}
.process-block-two .text {
  font-family: 'ubuntu', sans-serif;
  color: #3b3b3b;
}

.team-section {
  position: relative;
}

.team-section .container {
  max-width: 1230px
}

.team-block-one {
  padding: 0 15px;
  margin-bottom: 30px
}

.team-block-one,
.team-block-one .image,
.team-block-one .inner-box {
  position: relative
}

.team-block-one .image:before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image:-webkit-linear-gradient(90deg, #000000, #8b8b8b 86%);
  transition: .5s;
  opacity: 0;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  transform: perspective(400px) rotateX(-90deg);
  -webkit-transform-origin: top;
  -ms-transform-origin: top
}

.team-block-one:hover .image:before {
  opacity: .8;
  transform: perspective(400px) rotateX(0deg)
}

.team-block-one .image img {
  width: 100%;
  border-top-right-radius: 6px;
  border-top-left-radius: 6px
}

.team-block-one .lower-content {
  position: relative;
  padding: 30px 30px 20px;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}

.team-block-one .designation {
  position: relative;
  font-size: 18px;
  font-weight: 500;
  color: #fff;
  background-color: #171412;
  padding: 13.5px 30px;
  min-width: 200px;
  margin-left: -30px;
  margin-top: -52px;
  margin-bottom: 37px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  width: max-content
}

.team-block-one .designation:before {
  position: absolute;
  content: "";
  left: 30px;
  bottom: -22px;
  width: 20px;
  height: 22px;
  background-color: #171412;
  -webkit-clip-path: polygon(0 0, 0 100%, 100% 0);
  clip-path: polygon(0 0, 0 100%, 100% 0)
}

.team-block-one h4 {
  position: relative;
  font-size: 22px;
  font-weight: 600;
  color: #202020;
  margin-bottom: 20px;
  padding-bottom: 20px
}

.team-block-one h4:before {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  height: 7px;
  width: 100%;
  background: url(../images/temp/border-shape-2.8e7f34a3.png) repeat-x 50%
}

.team-block-one ul li {
  position: relative;
  color: #3b3b3b;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 5px
}

.team-block-one ul li a {
  color: #3b3b3b
}

.team-block-one ul li span {
  margin-right: 10px
}.wp-block-joinchat-button {
  border: none !important;
  text-align: center;
}
.wp-block-joinchat-button figure {
  display: table;
  margin: 0 auto;
  padding: 0;
}
.wp-block-joinchat-button figcaption {
  font: normal normal 400 0.6em/2em var(--wp--preset--font-family--system-font, sans-serif);
  margin: 0;
  padding: 0;
}
.wp-block-joinchat-button .joinchat-button__qr {
  background-color: #fff;
  border: 6px solid #25d366;
  border-radius: 30px;
  box-sizing: content-box;
  display: block;
  height: 200px;
  margin: auto;
  overflow: hidden;
  padding: 10px;
  width: 200px;
}
.wp-block-joinchat-button .joinchat-button__qr canvas,
.wp-block-joinchat-button .joinchat-button__qr img {
  display: block;
  margin: auto;
}
.wp-block-joinchat-button .joinchat-button__link {
  align-items: center;
  background-color: #25d366;
  border: 6px solid #25d366;
  border-radius: 30px;
  display: inline-flex;
  flex-flow: row nowrap;
  justify-content: center;
  line-height: 1.25em;
  margin: 0 auto;
  text-decoration: none;
}
.wp-block-joinchat-button .joinchat-button__link:before {
  background: transparent var(--joinchat-ico) no-repeat center;
  background-size: 100%;
  content: "";
  display: block;
  height: 1.5em;
  margin: -0.75em 0.75em -0.75em 0;
  width: 1.5em;
}
.wp-block-joinchat-button figure + .joinchat-button__link {
  margin-top: 10px;
}
@media (orientation: landscape) and (min-height: 481px), (orientation: portrait) and (min-width: 481px) {
  .wp-block-joinchat-button.joinchat-button--qr-only figure + .joinchat-button__link {
      display: none;
  }
}
@media (max-width: 480px), (orientation: landscape) and (max-height: 480px) {
  .wp-block-joinchat-button figure {
      display: none;
  }
}
:root {
  --joinchat-ico: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M3.516 3.516c4.686-4.686 12.284-4.686 16.97 0 4.686 4.686 4.686 12.283 0 16.97a12.004 12.004 0 0 1-13.754 2.299l-5.814.735a.392.392 0 0 1-.438-.44l.748-5.788A12.002 12.002 0 0 1 3.517 3.517zm3.61 17.043.3.158a9.846 9.846 0 0 0 11.534-1.758c3.843-3.843 3.843-10.074 0-13.918-3.843-3.843-10.075-3.843-13.918 0a9.846 9.846 0 0 0-1.747 11.554l.16.303-.51 3.942a.196.196 0 0 0 .219.22l3.961-.501zm6.534-7.003-.933 1.164a9.843 9.843 0 0 1-3.497-3.495l1.166-.933a.792.792 0 0 0 .23-.94L9.561 6.96a.793.793 0 0 0-.924-.445 1291.6 1291.6 0 0 0-2.023.524.797.797 0 0 0-.588.88 11.754 11.754 0 0 0 10.005 10.005.797.797 0 0 0 .88-.587l.525-2.023a.793.793 0 0 0-.445-.923L14.6 13.327a.792.792 0 0 0-.94.23z'/%3E%3C/svg%3E");
  --joinchat-font: -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen-sans, ubuntu, cantarell, "Helvetica Neue", sans-serif;
}
.joinchat {
  --bottom: 20px;
  --sep: 20px;
  --s: 60px;
  --header: calc(var(--s) * 1.16667);
  --vh: 100vh;
  --red: 37;
  --green: 211;
  --blue: 102;
  --rgb: var(--red) var(--green) var(--blue);
  --color: rgb(var(--rgb));
  --dark: rgb(calc(var(--red) - 75) calc(var(--green) - 75) calc(var(--blue) - 75));
  --hover: rgb(calc(var(--red) + 50) calc(var(--green) + 50) calc(var(--blue) + 50));
  --bg: rgb(var(--rgb) / 4%);
  --tolerance: 210;
  --bw: calc((var(--red) * 0.2126 + var(--green) * 0.7152 + var(--blue) * 0.0722 - var(--tolerance)) * -10000000);
  --text: hsl(0deg 0% calc(var(--bw) * 1%) / clamp(70%, calc(var(--bw) * 1%), 100%));
  --msg: var(--color);
  color: var(--text);
  display: none;
  position: fixed;
  z-index: 9000;
  right: var(--sep);
  bottom: var(--bottom);
  font: normal normal normal 16px/1.625em var(--joinchat-font);
  letter-spacing: 0;
  animation: joinchat_show 0.5s cubic-bezier(0.18, 0.89, 0.32, 1.28) 10ms both;
  transform: scale3d(0, 0, 0);
  transform-origin: calc(var(--s) / -2) calc(var(--s) / -4);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  touch-action: manipulation;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: rgb(0 0 0/0);
}
.joinchat *,
.joinchat :after,
.joinchat :before {
  box-sizing: border-box;
}
.joinchat--show {
  display: block;
  transform: scaleX(1);
}
.joinchat--left {
  left: 6px;
  right: auto;
  bottom: 10px;
}
.joinchat--dark {
  --msg: var(--dark);
}
.joinchat--noanim {
  animation: none;
}
.joinchat--chatbox:not(.joinchat--noanim) {
  transform-origin: 0 0;
  animation-timing-function: ease-in-out;
}
.joinchat--hidden {
  display: none !important;
}
@supports not (width: clamp(1px, 1%, 10px)) {
  .joinchat {
      --text: hsl(0deg 0% calc(var(--bw) * 1%) / 90%);
  }
}
.joinchat__button {
  display: flex;
  flex-direction: row;
  position: absolute;
  z-index: 2;
  bottom: 8px;
  left: 8px;
  height: var(--s);
  min-width: var(--s);
  background: #25d366;
  color: inherit;
  border-radius: calc(var(--s) / 2);
  box-shadow: 1px 6px 24px 0 rgba(7, 94, 84, 0.24);
  cursor: pointer;
  transition: background-color 0.2s linear;
}
[dir="rtl"] .joinchat__button {
  flex-direction: row-reverse;
}
.joinchat__button:hover {
  background: #128c7e;
  transition-duration: 1.5s;
}
.joinchat__button:active {
  background: #128c7e;
  transition: none;
}
.joinchat--left .joinchat__button {
  left: 6px;
  right: auto;
  flex-direction: row-reverse;
}
[dir="rtl"] .joinchat--left .joinchat__button {
  flex-direction: row;
}
.joinchat--btn .joinchat__button:hover {
  transition-duration: 0.2s;
}
.joinchat--chatbox .joinchat__button {
  background: var(--color);
  transition-duration: 0.2s;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
}
.joinchat--chatbox .joinchat__button:active,
.joinchat--chatbox .joinchat__button:hover {
  background: var(--hover);
}
.joinchat--optout.joinchat--chatbox .joinchat__button {
  background-color: #999;
  pointer-events: none;
}
.joinchat--optout.joinchat--chatbox .joinchat__button .joinchat_svg__plain {
  stroke-dasharray: 0;
  animation: none;
}
.joinchat--optout.joinchat--chatbox .joinchat__button .joinchat_svg__chat {
  animation: none;
}
.joinchat__button__open {
  width: var(--s);
  height: var(--s);
  border-radius: 50%;
  background: rgb(0 0 0/0) var(--joinchat-ico) 50% no-repeat;
  background-size: 60%;
  overflow: hidden;
}
.joinchat--chatbox .joinchat__button__open {
  display: none;
}
.joinchat__button__image {
  position: absolute;
  top: 1px;
  right: 1px;
  width: calc(var(--s) - 2px);
  height: calc(var(--s) - 2px);
  border-radius: 50%;
  overflow: hidden;
  opacity: 0;
}
.joinchat__button__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.joinchat--show .joinchat__button__image {
  animation: joinchat_image_loop 20s linear 5s infinite normal both;
}
.joinchat--image .joinchat__button__image {
  opacity: 1;
  animation: none;
}
.joinchat--chatbox .joinchat__button__image {
  display: none;
}
.joinchat__button__send {
  flex-shrink: 0;
  width: var(--s);
  height: var(--s);
  max-width: var(--s);
  padding: calc(var(--s) * 0.18);
  margin: 0;
  overflow: hidden;
}
.joinchat--chatbox .joinchat__button__send {
  display: block;
}
.joinchat__button__send path {
  fill: none !important;
  stroke: var(--text) !important;
}
.joinchat__button__send .joinchat_svg__plain {
  stroke-dasharray: 1097;
  stroke-dashoffset: 1097;
  animation: joinchat_plain 6s 0.2s ease-in-out infinite;
}
.joinchat__button__send .joinchat_svg__chat {
  stroke-dasharray: 1020;
  stroke-dashoffset: 1020;
  animation: joinchat_chat 6s 3.2s ease-in-out infinite;
}
.joinchat__button__sendtext {
  padding: 0;
  max-width: 0;
  border-radius: var(--s);
  font-weight: 600;
  line-height: var(--s);
  white-space: nowrap;
  opacity: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: none;
}
.joinchat--chatbox .joinchat__button__sendtext {
  padding: 0 4px 0 24px;
  max-width: min(400px - 16px - var(--s), 100vw - 16px - var(--s) - 2 * var(--sep));
  opacity: 1;
  transition: max-width 0.2s linear, opacity 0.4s ease-out 0.2s;
}
.joinchat--chatbox.joinchat--left .joinchat__button__sendtext {
  padding: 0 24px 0 4px;
}
.joinchat__badge {
  position: absolute;
  top: -4px;
  right: -4px;
  width: 20px;
  height: 20px;
  border: none;
  border-radius: 50%;
  background: #e82c0c;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  line-height: 20px;
  text-align: center;
  box-shadow: none;
  opacity: 0;
  pointer-events: none;
}
.joinchat__badge.joinchat__badge--in {
  animation: joinchat_badge_in 0.5s cubic-bezier(0.27, 0.9, 0.41, 1.28) 1 both;
}
.joinchat__badge.joinchat__badge--out {
  animation: joinchat_badge_out 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 1 both;
}
.joinchat__tooltip {
  position: absolute;
  top: calc(var(--s) / 2 - 16px);
  right: calc(var(--s) + 16px);
  max-width: calc(100vw - var(--s) - 45px);
  height: 32px;
  padding: 0 14px;
  border: none;
  border-radius: 16px;
  background: #fff;
  color: rgba(0, 0, 0, 0.8);
  line-height: 31px;
  white-space: nowrap;
  opacity: 0;
  transition: opacity 0.3s ease-out 0.4s;
  filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.4));
  pointer-events: none;
}
.joinchat__tooltip:after {
  content: "";
  display: block;
  position: absolute;
  top: 10px;
  right: -6px;
  border: 8px solid transparent;
  border-width: 6px 0 6px 8px;
  border-left-color: #fff;
}
.joinchat__tooltip div {
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.joinchat--tooltip .joinchat__tooltip {
  animation: joinchat_tootlip 20s linear 5s 1 normal both;
}
.joinchat--chatbox .joinchat__tooltip {
  display: none;
}
.joinchat--left .joinchat__tooltip {
  right: auto;
  left: calc(var(--s) + 16px);
}
.joinchat--left .joinchat__tooltip:after {
  left: -6px;
  right: auto;
  border-color: transparent;
  border-width: 6px 8px 6px 0;
  border-right-color: #fff;
}
.joinchat__qr {
  position: absolute;
  bottom: calc(var(--s) + 16px);
  right: 0;
  display: none;
  flex-direction: column-reverse;
  width: 228px;
  min-height: 200px;
  padding: 14px 14px 10px;
  border: none;
  border-radius: 16px;
  background: #fff;
  color: rgba(0, 0, 0, 0.8);
  text-align: center;
  white-space: nowrap;
  filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.4));
  animation: joinchat_badge_in 0.4s cubic-bezier(0.11, 0.84, 0.83, 1.01) 0.5s both;
  pointer-events: none;
}
.joinchat__qr:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -6px;
  right: calc(var(--s) / 2 - 6px);
  border: 8px solid transparent;
  border-width: 8px 6px 0;
  border-top-color: #fff;
}
.joinchat--left .joinchat__qr {
  left: 0;
  right: auto;
}
.joinchat--left .joinchat__qr:after {
  left: calc(var(--s) / 2 - 6px);
  right: auto;
}
.joinchat__qr div {
  font-size: 14px;
  color: #4a4a4a;
  overflow: hidden;
  text-overflow: ellipsis;
}
.joinchat__qr canvas {
  display: block;
  width: 200px;
  height: 200px;
  margin: 0;
}
.joinchat__box {
  display: flex;
  flex-direction: column;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1;
  width: calc(100vw - var(--sep) * 2);
  max-width: 400px;
  max-height: calc(var(--vh) - var(--bottom) - var(--sep));
  border-radius: calc(var(--s) / 2 + 2px);
  background: #fff linear-gradient(0deg, var(--bg), var(--bg));
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.5);
  text-align: left;
  overflow: hidden;
  transform: scale3d(0, 0, 0);
  opacity: 0;
  transition: max-height 0.2s ease-out, opacity 0.4s ease-out, transform 0s linear 0.3s;
}
[dir="rtl"] .joinchat__box {
  text-align: right;
}
.joinchat--chatbox .joinchat__box {
  opacity: 1;
  transform: scaleX(1);
  transition: max-height 0.2s ease-out, opacity 0.2s ease-out, transform 0s linear;
}
.joinchat--left .joinchat__box {
  left: 0;
  right: auto;
}
.joinchat__header {
  display: flex;
  flex-flow: row;
  align-items: center;
  position: relative;
  flex-shrink: 0;
  height: var(--header);
  min-height: 50px;
  padding: 0 70px 0 26px;
  margin: 0;
  background: var(--color);
}
[dir="rtl"] .joinchat__header {
  padding: 0 26px 0 70px;
}
.joinchat--dark .joinchat__header {
  background: var(--dark);
}
.joinchat__header__text {
  font-size: 19px;
  font-weight: 600;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  opacity: 0.8;
}
.joinchat__powered {
  font-size: 11px;
  line-height: 18px;
  color: inherit !important;
  text-decoration: none !important;
  fill: currentcolor;
  opacity: 0.8;
}
.joinchat__powered svg {
  display: inline-block;
  width: auto;
  height: 18px;
  vertical-align: -30%;
}
.joinchat__powered:active,
.joinchat__powered:hover {
  color: inherit !important;
  text-decoration: none !important;
  opacity: 0.9;
  filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.3));
}
.joinchat__wa {
  height: 28px;
  width: auto;
  fill: currentcolor;
  opacity: 0.8;
}
.joinchat__close {
  --size: 34px;
  position: absolute;
  top: calc(50% - var(--size) / 2);
  right: 24px;
  width: var(--size);
  height: var(--size);
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.4)
      url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 24 24'%3E%3Cpath d='M24 2.4 21.6 0 12 9.6 2.4 0 0 2.4 9.6 12 0 21.6 2.4 24l9.6-9.6 9.6 9.6 2.4-2.4-9.6-9.6L24 2.4z'/%3E%3C/svg%3E")
      50% no-repeat;
  background-size: 12px;
  cursor: pointer;
  transition: background-color 0.3s ease-out;
}
.joinchat__close:hover {
  background-color: rgba(0, 0, 0, 0.6);
}
.joinchat__close:active {
  background-color: rgba(0, 0, 0, 0.7);
}
[dir="rtl"] .joinchat__close {
  right: auto;
  left: 24px;
}
.joinchat__box__scroll {
  overflow-x: hidden;
  overflow-y: scroll;
  overscroll-behavior-y: contain;
  -webkit-overflow-scrolling: touch;
}
.joinchat__box__scroll::-webkit-scrollbar {
  width: 4px;
  background: rgb(0 0 0/0);
}
.joinchat__box__scroll::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background: rgb(0 0 0/0);
}
.joinchat--blur .joinchat__box__scroll {
  background: rgba(var(--rgb) / 2%);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}
.joinchat--dark .joinchat__box__scroll {
  background: #1a1a1a;
}
.joinchat__box__scroll:hover::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.2);
}
.joinchat__box__content {
  width: calc(100% + 4px);
  padding: 20px 0 calc(var(--s) + 16px);
}
.joinchat__optin {
  padding: 0 16px;
  margin-bottom: 16px;
  color: #4a4a4a;
  font-size: 13px;
  line-height: 1.33;
}
.joinchat__optin a {
  display: inline;
  padding: 0;
  color: inherit !important;
  text-decoration: underline;
}
.joinchat__optin a:hover {
  text-decoration-thickness: 2px;
}
.joinchat__optin input {
  position: absolute;
  visibility: hidden;
}
.joinchat__optin label {
  position: relative;
  display: block;
  margin: 0;
  padding: 0 0 0 30px;
  color: inherit;
  font: inherit;
  cursor: pointer;
}
.joinchat__optin label:before {
  content: "";
  display: block;
  position: absolute;
  top: min(50% - 11px, 5px);
  left: 0;
  width: 22px;
  height: 22px;
  border: 3px solid var(--color);
  border-radius: 4px;
  background: #fff;
  box-shadow: 0 0 0 1px var(--text);
  transition: box-shadow 0.3s ease-in-out;
}
.joinchat--dark .joinchat__optin label:before {
  background: #000;
}
.joinchat__optin label:after {
  content: "";
  display: none;
  position: absolute;
  top: min(50% - 8px, 8px);
  left: 8px;
  width: 6px;
  height: 14px;
  border: solid var(--text);
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
}
[dir="rtl"] .joinchat__optin label {
  padding: 0 30px 0 0;
}
[dir="rtl"] .joinchat__optin label:before {
  left: auto;
  right: 0;
}
[dir="rtl"] .joinchat__optin label:after {
  left: auto;
  right: 8px;
}
.joinchat__optin input:checked + label:before {
  box-shadow: 0 0 0 1px var(--text), inset 0 0 0 10px var(--color);
}
.joinchat__optin input:checked + label:after {
  display: block;
}
.joinchat--dark .joinchat__optin {
  color: #d8d8d8;
}
.joinchat {
  --peak: url(https://skmetals.co.in/wp-content/plugins/creame-whatsapp-me/public/css/#joinchat__peak_l);
}
[dir="rtl"] .joinchat {
  --peak: url(https://skmetals.co.in/wp-content/plugins/creame-whatsapp-me/public/css/#joinchat__peak_r);
}
.joinchat__message {
  position: relative;
  min-height: 56px;
  padding: 15px 20px;
  margin: 0 26px 26px;
  border-radius: 32px;
  background: #fff;
  color: #4a4a4a;
  word-break: break-word;
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.3));
  transform: translateZ(0);
}
.joinchat__message:before {
  content: "";
  display: block;
  position: absolute;
  bottom: 19px;
  left: -15px;
  width: 17px;
  height: 25px;
  background: inherit;
  -webkit-clip-path: var(--peak);
  clip-path: var(--peak);
}
[dir="rtl"] .joinchat__message:before {
  left: auto;
  right: -15px;
}
.joinchat--dark .joinchat__message {
  background: #505050;
  color: #d8d8d8;
}
@keyframes joinchat_show {
  0% {
      transform: scale3d(0, 0, 0);
  }
  to {
      transform: scaleX(1);
  }
}
@keyframes joinchat_badge_in {
  0% {
      opacity: 0;
      transform: translate3d(0, 50px, 0);
  }
  to {
      opacity: 1;
      transform: translateZ(0);
  }
}
@keyframes joinchat_badge_out {
  0% {
      opacity: 1;
      transform: translateZ(0);
  }
  to {
      opacity: 0;
      transform: translate3d(0, -20px, 0);
  }
}
@keyframes joinchat_plain {
  0%,
  50%,
  to {
      stroke-dashoffset: 1097;
  }
  5%,
  45% {
      stroke-dashoffset: 0;
  }
}
@keyframes joinchat_chat {
  0%,
  50%,
  to {
      stroke-dashoffset: 1020;
  }
  5%,
  45% {
      stroke-dashoffset: 0;
  }
}
@keyframes joinchat_image_loop {
  0% {
      opacity: 0;
  }
  3%,
  20% {
      opacity: 1;
  }
  25%,
  to {
      opacity: 0;
  }
}
@keyframes joinchat_tootlip {
  0% {
      opacity: 0;
      transform: scaleY(0);
  }
  1%,
  20% {
      opacity: 1;
      transform: scaleX(1);
  }
  25%,
  to {
      opacity: 0;
      transform: scaleX(1);
  }
}
.joinchat__woo-btn__wrapper {
  clear: both;
}
.joinchat__woo-btn {
  --s: 40px;
  display: inline-block;
  box-sizing: border-box;
  height: var(--s);
  max-width: 100%;
  padding: 0 calc(var(--s) / 2) 0 var(--s);
  background: #25d366 var(--joinchat-ico) calc(var(--s) * 0.2) 50% no-repeat;
  background-size: calc(var(--s) * 0.6);
  color: #fff;
  border-radius: calc(var(--s) / 2);
  font: 700 normal calc(var(--s) * 0.35) / var(--s) var(--joinchat-font);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  cursor: pointer;
  transition: background-color 0.2s;
}
.joinchat__woo-btn:empty {
  padding-right: 0;
}
.joinchat__woo-btn:hover {
  background-color: #128c7e;
}
@media (orientation: landscape) and (height>=481px), (orientation: portrait) and (width>=481px) {
  .joinchat--mobile {
      display: none !important;
  }
}
@media (width <=767px) {
  .joinchat--footer-bar {
      --bottom: 76px !important;
  }
}
@media (orientation: landscape) and (height <=480px), (width <=480px) {
  .joinchat {
      --bottom: 6px;
      --sep: 6px;
      --header: calc(var(--s) * 0.91667);
  }
  .joinchat__header__text {
      font-size: 17px;
  }
  .joinchat__close {
      --size: 28px;
  }
  .joinchat__box__scroll {
      padding-top: 15px;
  }
  .joinchat__message {
      padding: 18px 16px;
      line-height: 24px;
      margin: 0 20px 20px;
  }
}
@media (hover: hover) {
  .joinchat__button:hover .joinchat__tooltip {
      opacity: 1;
      animation: none;
      transition: opacity 0.2s;
  }
  .joinchat--btn .joinchat__button:hover .joinchat__qr,
  .joinchat--chatbox .joinchat__button:hover .joinchat__qr {
      display: flex;
  }
}
@media (prefers-color-scheme: dark) {
  .joinchat--dark-auto {
      --msg: var(--dark);
  }
  .joinchat--dark-auto .joinchat__box__scroll {
      background: #1a1a1a;
  }
  .joinchat--dark-auto .joinchat__header {
      background: var(--dark);
  }
  .joinchat--dark-auto .joinchat__optin label:before {
      background: #000;
  }
  .joinchat--dark-auto .joinchat__optin {
      color: #d8d8d8;
  }
  .joinchat--dark-auto .joinchat__message {
      background: #505050;
      color: #d8d8d8;
  }
}
@media (prefers-reduced-motion) {
  .joinchat {
      animation: none;
  }
  .joinchat__button__send .joinchat_svg__plain {
      stroke-dasharray: 0;
      animation: none;
  }
  .joinchat__button__send .joinchat_svg__chat {
      animation: none;
  }
  .joinchat__button__sendtext {
      transition: none !important;
  }
}
.wpr-anim-text-inner {
  display: inline-block;
  position: relative;
  text-align: left;
}
.wpr-anim-text-inner b {
  display: inline-block;
  position: absolute;
  white-space: nowrap;
  left: 0;
  top: 0;
}
.wpr-anim-text-inner b.wpr-anim-text-visible {
  position: relative;
}
.wpr-anim-text.wpr-anim-text-type-rotate-1 .wpr-anim-text-inner {
  -webkit-perspective: 300px;
  perspective: 300px;
}
.wpr-anim-text.wpr-anim-text-type-rotate-1 b {
  opacity: 0;
  -webkit-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transform: rotateX(180deg);
  -ms-transform: rotateX(180deg);
  transform: rotateX(180deg);
}
.wpr-anim-text.wpr-anim-text-type-rotate-1 b.wpr-anim-text-visible {
  opacity: 1;
  -webkit-transform: rotateX(0);
  -ms-transform: rotateX(0);
  transform: rotateX(0);
  -webkit-animation: wpr-anim-text-rotate-1-in 1.2s;
  animation: wpr-anim-text-rotate-1-in 1.2s;
}
.wpr-anim-text.wpr-anim-text-type-rotate-1 b.wpr-anim-text-hidden {
  -webkit-transform: rotateX(180deg);
  -ms-transform: rotateX(180deg);
  transform: rotateX(180deg);
  -webkit-animation: wpr-anim-text-rotate-1-out 1.2s;
  animation: wpr-anim-text-rotate-1-out 1.2s;
}
@-webkit-keyframes wpr-anim-text-rotate-1-in {
  0% {
      -webkit-transform: rotateX(180deg);
      opacity: 0;
  }
  35% {
      -webkit-transform: rotateX(120deg);
      opacity: 0;
  }
  65% {
      opacity: 0;
  }
  100% {
      -webkit-transform: rotateX(360deg);
      opacity: 1;
  }
}
@keyframes wpr-anim-text-rotate-1-in {
  0% {
      -webkit-transform: rotateX(180deg);
      -ms-transform: rotateX(180deg);
      transform: rotateX(180deg);
      opacity: 0;
  }
  35% {
      -webkit-transform: rotateX(120deg);
      -ms-transform: rotateX(120deg);
      transform: rotateX(120deg);
      opacity: 0;
  }
  65% {
      opacity: 0;
  }
  100% {
      -webkit-transform: rotateX(360deg);
      -ms-transform: rotateX(360deg);
      transform: rotateX(360deg);
      opacity: 1;
  }
}
@-webkit-keyframes wpr-anim-text-rotate-1-out {
  0% {
      -webkit-transform: rotateX(0);
      opacity: 1;
  }
  35% {
      -webkit-transform: rotateX(-40deg);
      opacity: 1;
  }
  65% {
      opacity: 0;
  }
  100% {
      -webkit-transform: rotateX(180deg);
      opacity: 0;
  }
}
@keyframes wpr-anim-text-rotate-1-out {
  0% {
      -webkit-transform: rotateX(0);
      -ms-transform: rotateX(0);
      transform: rotateX(0);
      opacity: 1;
  }
  35% {
      -webkit-transform: rotateX(-40deg);
      -ms-transform: rotateX(-40deg);
      transform: rotateX(-40deg);
      opacity: 1;
  }
  65% {
      opacity: 0;
  }
  100% {
      -webkit-transform: rotateX(180deg);
      -ms-transform: rotateX(180deg);
      transform: rotateX(180deg);
      opacity: 0;
  }
}
.commonbg{background: #f5f5f5;overflow: visible !important;}
.navbar.fixed-top .navbar-brand img {
  width: 70%;
}.goog-te-gadget-simple{
  background:transparent !important;
  border:none !important;
}
.goog-te-gadget-simple  span{
  color:#fff !important;
}
.navbar .container{
  display:flex;
}.dz-img-box.style-2 {
  text-align: center;
  padding: 40px 20px 30px;
  border: 1px solid #F5F5F5;
  background: #fff;
  border-radius: var(--border-radius-base);
  -webkit-transition: all .5s;
  -ms-transition: all .5s;
  transition: all .5s;
  height: 100%;
  display: flex;
  flex-direction: column;
}.dz-img-box {
  position: relative;
  z-index: 1;
  overflow: hidden;
}.dz-img-box.style-2:hover, .dz-img-box.style-2.active {
  border-color: var(--primary-color);
}.dz-img-box.style-2:before, .dz-img-box.style-2:after {
  position: absolute;
  content: "";
  z-index: -1;
  top: -190px;
  left: 50%;
  transform: translate(-50%);
  background: #ededed;
  width: 335px;
  height: 335px;
  border-radius: 50%;
  -webkit-transition: all .5s;
  -ms-transition: all .5s;
  transition: all .5s;
}.dz-img-box.style-2:before {
  top: -100%;
  background-color: var(--primary-color);
  z-index: 0;
}.dz-img-box.style-2:hover:before, .dz-img-box.style-2.active:before {
  top: -190px;
}.dz-img-box.style-2 .dz-media {

  margin: 0 auto 10px;
  border-radius: 50%;
  border: 9px solid #fff;
  -webkit-transition: all .5s;
  -ms-transition: all .5s;
  transition: all .5s;
}.dz-media, .dz-post-media {
  position: relative;
  overflow: hidden;
}.dz-img-box.style-2:hover .dz-media, .dz-img-box.style-2.active .dz-media {
  animation: dzRotate360 10s linear infinite;
}.dz-media img, .dz-post-media img {
 border-radius: 50%; 
}
.dz-img-box.style-2 .dz-content p{text-align:center;}
.dz-img-box.style-2:hover:after, .dz-img-box.style-2.active:after {
  top: 0;
  border-radius: 0;
  height: 100%;
  width: 100%;
  opacity: .5;
}@keyframes dzRotate360{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
.about__img-wrap-two {
  text-align: center;
  position: relative;
  padding: 30px 0;
}.about__img-wrap-two::before {
  content: "";
  position: absolute;
  right: 40px;
  top: 50%;
  transform: translateY(-50%);
  width: 135px;
  height: 100%;
  background: var(--primary-color);
  border-radius: 10px;
  z-index: -1;
}.about__img-wrap-two > img {
  border-radius: 10px;
  border-left: 4px solid var(--tg-theme-secondary); width: 100%;
}.about__img-wrap-two .shape img {
  position: absolute;
  z-index: -1;
  left: 8%;
  bottom: -3%; width: auto;
}.alltuchtopdown {
  animation: alltuchtopdown 1.5s ease-in-out 0s infinite alternate;
  animation-duration: 3s;
}.experience__box-two {
  position: absolute;
  transform: rotate(180deg);
  left: -13%;
  bottom: 9%;
  padding: 60px 25px;
}.experience__shape {
  position: absolute;
  left: 30%;
  top: 0;
  width: 35%;
  height: 100%;
  transform: rotate(180deg);
  z-index: -1;
}.experience__shape svg {
  width: 100%;
  height: 100%;
  color: #101010;
  overflow: visible;
}.experience__content {
  display: flex;
  align-items: center;
  gap: 20px;
  writing-mode: vertical-lr;
  position: relative;
}.experience__content .title {
  font-size: 50px;
  line-height: 0.8;
  font-weight: 800;
  margin-bottom: 0;
  color: #fff;
  position: relative;
}.experience__content .title::before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -9px;
  width: 34px;
  height: 2px;
  background: var(--primary-color);
}.experience__content p {
  margin-bottom: 0;
  text-align: left;
  color: #fff;
}@keyframes alltuchtopdown {
  0% {
    -webkit-transform: rotateX(0deg) translateY(0px);
    -moz-transform: rotateX(0deg) translateY(0px);
    -ms-transform: rotateX(0deg) translateY(0px);
    -o-transform: rotateX(0deg) translateY(0px);
    transform: rotateX(0deg) translateY(0px);
  }
  50% {
    -webkit-transform: rotateX(0deg) translateY(-20px);
    -moz-transform: rotateX(0deg) translateY(-20px);
    -ms-transform: rotateX(0deg) translateY(-20px);
    -o-transform: rotateX(0deg) translateY(-20px);
    transform: rotateX(0deg) translateY(-20px);
  }
  100% {
    -webkit-transform: rotateX(0deg) translateY(0px);
    -moz-transform: rotateX(0deg) translateY(0px);
    -ms-transform: rotateX(0deg) translateY(0px);
    -o-transform: rotateX(0deg) translateY(0px);
    transform: rotateX(0deg) translateY(0px);
  }
}
@-webkit-keyframes alltuchtopdown {
  0% {
    -webkit-transform: rotateX(0deg) translateY(0px);
    -moz-transform: rotateX(0deg) translateY(0px);
    -ms-transform: rotateX(0deg) translateY(0px);
    -o-transform: rotateX(0deg) translateY(0px);
    transform: rotateX(0deg) translateY(0px);
  }
  50% {
    -webkit-transform: rotateX(0deg) translateY(-20px);
    -moz-transform: rotateX(0deg) translateY(-20px);
    -ms-transform: rotateX(0deg) translateY(-20px);
    -o-transform: rotateX(0deg) translateY(-20px);
    transform: rotateX(0deg) translateY(-20px);
  }
  100% {
    -webkit-transform: rotateX(0deg) translateY(0px);
    -moz-transform: rotateX(0deg) translateY(0px);
    -ms-transform: rotateX(0deg) translateY(0px);
    -o-transform: rotateX(0deg) translateY(0px);
    transform: rotateX(0deg) translateY(0px);
  }
}
.portfolio-three__single {
  position: relative;
  display: block;
  margin-bottom: 30px;
}

.portfolio-three__img-box {
  position: relative;
  display: block;
}

.portfolio-three__img {
  position: relative;
  display: block;
  border-radius: 10px;
  overflow: hidden;
  z-index: 1;
}

.portfolio-three__img:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 10px;
  background-color: rgba(13,18,30, .40);
  visibility: hidden;
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-transform: scaleY(0) translateZ(100px);
  transform: scaleY(0) translateZ(100px);
  -webkit-transition: opacity 500ms ease, visibility 500ms ease, -webkit-transform 700ms ease;
  transition: opacity 500ms ease, visibility 500ms ease, -webkit-transform 700ms ease;
  transition: opacity 500ms ease, visibility 500ms ease, transform 700ms ease;
  transition: opacity 500ms ease, visibility 500ms ease, transform 700ms ease, -webkit-transform 700ms ease;
  z-index: 1;
}

.portfolio-three__single:hover .portfolio-three__img:before {
  visibility: visible;
  -webkit-transform: scaleY(1) translateZ(0px);
  transform: scaleY(1) translateZ(0px);
}

.portfolio-three__img img {
  width: 100%;
  border-radius: 10px;
  transition: all 500ms ease;
  transform: scale(1);
}

.portfolio-three__single:hover .portfolio-three__img img {
  transform: scale(1.05);
}

.portfolio-three__content {
  position: relative;
  display: block;
  text-align: center;
  border-radius: 10px;
  background-color: #f5f5f5;
  box-shadow: 0px 1px 2px 0px rgb(16 24 40 / 8%);
  padding: 13px 14px 13px;
  margin-top: -52px;
  margin-left: 30px;
  margin-right: 30px;
  z-index: 2;
  border: #e1e1e1 solid 1px;
}

.portfolio-three__content::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 10px;
  background-color: var(--primary-color);
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.08);
  background-position: bottom left;
  -webkit-transform: scale(1, 0);
  transform: scale(1, 0);
  -webkit-transform-origin: bottom center;
  transform-origin: bottom center;
  -webkit-transition: -webkit-transform 500ms ease;
  transition: -webkit-transform 500ms ease;
  transition: transform 500ms ease;
  transition: transform 500ms ease, -webkit-transform 500ms ease;
  z-index: -1;
}

.portfolio-three__single:hover .portfolio-three__content::before {
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}

.portfolio-three__sub-title {
  font-size: 16px;
  line-height: 26px;
  color: var(--primary-color);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.portfolio-three__single:hover .portfolio-three__sub-title {
  color: #fff;
}

.portfolio-three__title {
  font-size: 22px;
  font-weight: 600;
  line-height: 32px;
  margin-top: 1px;
}

.portfolio-three__title a {
  color: #101828;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.portfolio-three__single:hover .portfolio-three__title  {
  color: #fff;
}.iconbox_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;    margin-bottom: 30px;
}
.iconbox_item .iconbox_icon {
  width: 100px;
  height: 100px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100px;
          flex: 0 0 100px;
  font-size: 36px;
  margin: 0 25px 0 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: var(--bs-primary);
  border-radius: 100% 0% 100% 100%;
  background-color: #fff;
  border: 2px solid var(--primary-color);
}
.iconbox_item .iconbox_title {
  line-height: 1;
  font-size: 22px;
  margin-bottom: 10px;
}
 .contact-form .form-group textarea{height:150px;}
 .service-3{    margin-bottom: 50px;}
 .swiper-cube{margin-bottom:60px;}
 
 
 /* 404 */
.cs_error_content {
    width: 100%;
    max-width: 860px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
}
.cs_error_content .cs_error_thumbnail {
    width: 100%;
    margin-bottom: 18px;
}
.cs_error_content .cs_error_thumbnail img {
    width: 50%;
    -o-object-fit: cover;
    object-fit: cover;
}
.cs_error_content .cs_error_heading {
    font-size: 30px;
    margin-bottom: 15px;
}

.cs_error_content .cs_error_subtitle {
    margin-bottom: 26px;
}
.error{
    padding-top: 50px;
    padding-bottom: 50px;
}
/* 404 */