.site-footer {
   position: relative;
   display: block;
   background-color: var(--erepair-black);
   margin-top: -293px;
   overflow: hidden;
   z-index: 1;
 }

 .site-footer__shape-1 {
   position: absolute;
   bottom: 0;
   left: 0;
 }

 .site-footer__shape-1 img {
   width: auto;
   opacity: .10;
 }

 .site-footer__top {
   position: relative;
   display: block;
   padding: 413px 0 81px;
 }

 .footer-widget__about {
   position: relative;
   display: block;
 }

 .footer-widget__logo {
   position: relative;
   display: block;
 }

 .footer-widget__about-text {
   color: #DDDDDD;
   margin-top: 24px;
   margin-bottom: 25px;
 }

 .site-footer__social {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   margin-top: 20px;
 }

 .site-footer__social a {
   position: relative;
   height: 30px;
   width: 30px;
   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;
   text-align: center;
   color: var(--erepair-white);
   background-color: #383838;
   font-size: 12px;
   border-radius: 50%;
   overflow: hidden;
   -webkit-transition: all 500ms ease;
   transition: all 500ms ease;
   z-index: 1;
 }

 .site-footer__social a:hover {
   color: var(--erepair-black);
   background-color: var(--erepair-primary);
 }

 .site-footer__social a:after {
   position: absolute;
   content: "";
   top: 0;
   left: 0;
   right: 0;
   height: 100%;
   background-color: var(--erepair-primary);
   -webkit-transition-delay: .1s;
   transition-delay: .1s;
   -webkit-transition-timing-function: ease-in-out;
   transition-timing-function: ease-in-out;
   -webkit-transition-duration: .4s;
   transition-duration: .4s;
   -webkit-transition-property: all;
   transition-property: all;
   opacity: 1;
   -webkit-transform-origin: top;
   transform-origin: top;
   -webkit-transform-style: preserve-3d;
   transform-style: preserve-3d;
   -webkit-transform: scaleY(0);
   transform: scaleY(0);
   z-index: -1;
 }

 .site-footer__social a:hover:after {
   opacity: 1;
   -webkit-transform: scaleY(1);
   transform: scaleY(1);
 }

 .site-footer__social a+a {
   margin-left: 16px;
 }

 .footer-widget__title-box {
   position: relative;
   display: block;
   margin-bottom: 25px;
 }

 .footer-widget__title {
   font-size: 24px;
   font-weight: 700;
   line-height: 34px;
   color: var(--erepair-white);
   letter-spacing: -0.72px;
   text-transform: capitalize;
 }

 .footer-widget__usefull-link {
   position: relative;
   display: block;
   margin-left: 28px;
 }

 .footer-widget__link-box {
   position: relative;
   display: block;
 }

 .footer-widget__link {
   position: relative;
   display: block;
 }

 .footer-widget__link li {
   position: relative;
   display: block;
 }

 .footer-widget__link li+li {
   margin-top: 12px;
 }

 .footer-widget__link li a {
   color: #DDDDDD;
   text-transform: capitalize;
   -webkit-transition: all 500ms ease;
   transition: all 500ms ease;
 }

 .footer-widget__link li a:hover {
   color: var(--erepair-base);
 }

 .footer-widget__link-2 {
   margin-left: 55px;
 }

 .footer-widget__services {
   position: relative;
   display: block;
   margin-left: 85px;
 }

 .footer-widget__contact {
   position: relative;
   display: block;
   margin-left: 80px;
 }

 .footer-widget__contact-list {
   position: relative;
   display: block;
 }

 .footer-widget__contact-list li {
   position: relative;
   display: block;
 }

 .footer-widget__contact-list li+li {
   margin-top: 19px;
 }

 .footer-widget__contact-list li h3 {
   font-size: 16px;
   font-weight: 700;
   line-height: 26px;
   text-transform: uppercase;
   color: var(--erepair-extra);
   margin-bottom: 3px;
 }

 .footer-widget__contact-list li .content {
   position: relative;
   display: block;
 }

 .footer-widget__contact-list li .content p {
   color: #DDDDDD;
 }

 .footer-widget__contact-list li .content p a {
   color: #DDDDDD;
 }

 .footer-widget__contact-list li .content p a:hover {
   color: var(--erepair-base);
 }

 .site-footer__bottom {
   position: relative;
   display: block;
   border-top: 1px solid rgba(var(--erepair-white-rgb), .10);
 }

 .site-footer__bottom-inner {
   position: relative;
   display: flex;
   align-items: center;
   justify-content: space-between;
   flex-wrap: wrap;
   padding: 30px 0 29px;
 }

 .site-footer__bottom-text {
   color: #DDDDDD;
 }

 .site-footer__bottom-menu {
   position: relative;
   display: flex;
   align-items: center;
 }

 .site-footer__bottom-menu li {
   position: relative;
   display: block;
 }

 .site-footer__bottom-menu li+li {
   margin-left: 30px;
 }

 .site-footer__bottom-menu li a {
   position: relative;
   display: flex;
   align-items: center;
   font-size: 16px;
   color: #DDDDDD;
   -webkit-transition: all 500ms ease;
   transition: all 500ms ease;
 }

 .site-footer__bottom-menu li a:hover {
   color: var(--erepair-base);
 }

 .site-footer-two {
   position: relative;
   display: block;
   background-color: var(--erepair-black);
   overflow: hidden;
   z-index: 1;
 }

 .site-footer-two__bg-shape {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   opacity: 0.05;
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
   z-index: -1;
 }

 .site-footer-two__top {
   position: relative;
   display: block;
   padding: 120px 0 81px;
 }

 .footer-widget-two__about {
   position: relative;
   display: block;
 }

 .footer-widget-two__logo {
   position: relative;
   display: block;
 }

 .footer-widget-two__about-text {
   color: #DDDDDD;
   margin-top: 20px;
   margin-bottom: 22px;
 }

 .footer-widget-two__contact {
   position: relative;
   display: block;
 }

 .footer-widget-two__contact li {
   position: relative;
   display: flex;
   align-items: center;
   gap: 13px;
 }

 .footer-widget-two__contact li+li {
   margin-top: 14px;
 }

 .footer-widget-two__contact li .icon {
   position: relative;
   display: flex;
   align-items: center;
   justify-content: center;
   width: 44px;
   height: 44px;
   background-color: #232323;
   border-radius: 50%;
 }

 .footer-widget-two__contact li .icon span {
   position: relative;
   display: inline-block;
   font-size: 22px;
   color: var(--erepair-base);
 }

 .footer-widget-two__contact li .content {
   position: relative;
   display: block;
 }

 .footer-widget-two__contact li .content h3 {
   font-size: 15px;
   font-weight: 700;
   line-height: 25px;
   text-transform: uppercase;
   color: var(--erepair-white);
 }

 .footer-widget-two__contact li .content p {
   color: #DDDDDD;
 }

 .footer-widget-two__contact li .content p a {
   color: #DDDDDD;
 }

 .footer-widget-two__contact li .content p a:hover {
   color: var(--erepair-base);
 }

 .footer-widget-two__title-box {
   position: relative;
   display: block;
   margin-bottom: 25px;
 }

 .footer-widget-two__title {
   font-size: 24px;
   font-weight: 700;
   line-height: 34px;
   color: var(--erepair-white);
   letter-spacing: -0.72px;
   text-transform: capitalize;
 }

 .footer-widget-two__usefull-link {
   position: relative;
   display: block;
   margin-left: 30px;
 }

 .footer-widget-two__link-box {
   position: relative;
   display: block;
 }

 .footer-widget-two__link {
   position: relative;
   display: block;
 }

 .footer-widget-two__link li {
   position: relative;
   display: block;
 }

 .footer-widget-two__link li+li {
   margin-top: 12px;
 }

 .footer-widget-two__link li a {
   color: #DDDDDD;
   text-transform: capitalize;
   -webkit-transition: all 500ms ease;
   transition: all 500ms ease;
 }

 .footer-widget-two__link li a:hover {
   color: var(--erepair-base);
 }

 .footer-widget-two__link-2 {
   margin-left: 55px;
 }

 .footer-widget-two__services {
   position: relative;
   display: block;
   margin-left: 50px;
 }

 .footer-widget-two__newsletter {
   position: relative;
   display: block;
 }

 .footer-widget-two__newsletter-title {
   font-size: 24px;
   font-weight: 700;
   line-height: 34px;
   letter-spacing: -0.72px;
   color: var(--erepair-white);
 }

 .footer-widget-two__newsletter-form {
   position: relative;
   display: block;
   margin-top: 5px;
 }

 .footer-widget-two__newsletter-form-input-box {
   position: relative;
   display: block;
 }

 .footer-widget-two__newsletter-form-input-box input[type="email"] {
   font-size: 16px;
   height: 52px;
   width: 100%;
   background-color: transparent;
   outline: none;
   border: none;
   border-bottom: 1px solid rgba(var(--erepair-white-rgb), .10);
   color: var(--erepair-gray);
   font-weight: 400;
   border-radius: 0;
   padding-right: 65px;
 }

 .footer-widget-two__newsletter-btn {
   position: absolute;
   top: 50%;
   right: 8px;
   border: none;
   width: 44px;
   height: 44px;
   -webkit-transition: all 500ms ease;
   transition: all 500ms ease;
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 16px;
   color: var(--erepair-base);
   background-color: #232323;
   border-radius: 50%;
   transform: translateY(-50%);
 }

 .footer-widget-two__newsletter-btn:hover {
   color: var(--erepair-base);
   background-color: var(--erepair-white);
 }

 .site-footer-two__social {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   margin-top: 27px;
 }

 .site-footer-two__social a {
   position: relative;
   height: 30px;
   width: 30px;
   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;
   text-align: center;
   color: var(--erepair-base);
   background-color: #232323;
   font-size: 12px;
   border-radius: 50%;
   overflow: hidden;
   -webkit-transition: all 500ms ease;
   transition: all 500ms ease;
   z-index: 1;
 }

 .site-footer-two__social a:hover {
   color: var(--erepair-white);
   background-color: var(--erepair-base);
 }

 .site-footer-two__social a:after {
   position: absolute;
   content: "";
   top: 0;
   left: 0;
   right: 0;
   height: 100%;
   background-color: var(--erepair-base);
   -webkit-transition-delay: .1s;
   transition-delay: .1s;
   -webkit-transition-timing-function: ease-in-out;
   transition-timing-function: ease-in-out;
   -webkit-transition-duration: .4s;
   transition-duration: .4s;
   -webkit-transition-property: all;
   transition-property: all;
   opacity: 1;
   -webkit-transform-origin: top;
   transform-origin: top;
   -webkit-transform-style: preserve-3d;
   transform-style: preserve-3d;
   -webkit-transform: scaleY(0);
   transform: scaleY(0);
   z-index: -1;
 }

 .site-footer-two__social a:hover:after {
   opacity: 1;
   -webkit-transform: scaleY(1);
   transform: scaleY(1);
 }

 .site-footer-two__social a+a {
   margin-left: 16px;
 }

 .site-footer-two__bottom {
   position: relative;
   display: block;
   background-color: #232323;
 }

 .site-footer-two__bottom-inner {
   position: relative;
   display: flex;
   align-items: center;
   justify-content: space-between;
   flex-wrap: wrap;
   padding: 26px 0 25px;
 }

 .site-footer-two__bottom-text {
   color: var(--erepair-extra);
 }

 .site-footer-two__bottom-menu {
   position: relative;
   display: flex;
   align-items: center;
 }

 .site-footer-two__bottom-menu li {
   position: relative;
   display: block;
 }

 .site-footer-two__bottom-menu li+li {
   margin-left: 30px;
 }

 .site-footer-two__bottom-menu li a {
   position: relative;
   display: flex;
   align-items: center;
   font-size: 16px;
   color: var(--erepair-extra);
   -webkit-transition: all 500ms ease;
   transition: all 500ms ease;
 }

 .site-footer-two__bottom-menu li a:hover {
   color: var(--erepair-base);
 }

 .site-footer-three {
   position: relative;
   display: block;
   background-color: var(--erepair-black);
   overflow: hidden;
   z-index: 1;
 }

 .site-footer-three__shape-1 {
   position: absolute;
   top: 0;
   left: -480px;
   z-index: -1;
 }

 .site-footer-three__shape-1 img {
   width: auto;
   opacity: .10;
 }

 .site-footer-three__shape-2 {
   position: absolute;
   top: 0;
   right: 0;
   z-index: -1;
 }

 .site-footer-three__shape-2 img {
   width: auto;
 }

 .site-footer-three__top {
   position: relative;
   display: block;
   padding: 111px 0 120px;
 }

 .footer-widget-three__title-box {
   position: relative;
   display: block;
   margin-bottom: 23px;
 }

 .footer-widget-three__title {
   font-size: 24px;
   font-weight: 700;
   line-height: 34px;
   color: var(--erepair-white);
   letter-spacing: -0.72px;
   text-transform: capitalize;
 }

 .footer-widget-three__about {
   position: relative;
   display: block;
 }

 .footer-widget-three__about-content {
   position: relative;
   display: block;
 }

 .footer-widget-three__about-content p {
   color: var(--erepair-bdr-color);
 }

 .footer-widget-three__about-content h4 {
   font-size: 20px;
   color: var(--erepair-white);
   line-height: 30px;
   font-weight: 500;
   margin-top: 12px;
   margin-bottom: 12px;
 }

 .footer-widget-three__about-google-map {
   position: relative;
   display: inline-flex;
   align-items: center;
   gap: 10px;
   font-size: 14px;
   font-weight: 600;
   line-height: 14px;
   text-transform: uppercase;
   font-family: var(--erepair-font-2);
   color: var(--erepair-white);
 }

 .footer-widget-three__about-google-map::before {
   content: "";
   position: absolute;
   left: 0;
   right: 0;
   bottom: -4px;
   height: 1px;
   background-color: rgba(var(--erepair-white-rgb), .30);
   -webkit-transition: all 500ms ease;
   transition: all 500ms ease;
 }

 .footer-widget-three__about-google-map:hover:before {
   background-color: rgba(var(--erepair-base-rgb), 1);
 }

 .footer-widget-three__about-google-map:hover {
   color: var(--erepair-base);
 }

 .footer-widget-two__social {
   position: relative;
   display: block;
   text-align: center;
 }

 .footer-widget-three__social-text {
   font-size: 30px;
   color: var(--erepair-bdr-color);
   text-transform: capitalize;
   line-height: 40px;
   margin-bottom: 40px;
 }

 .site-footer-three__social {
   position: relative;
   display: flex;
   align-items: center;
   flex-wrap: wrap;
   justify-content: center;
   gap: 10px;
 }

 .site-footer-three__social a {
   position: relative;
   height: 40px;
   width: 40px;
   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;
   text-align: center;
   color: var(--erepair-base);
   background-color: #232323;
   font-size: 15px;
   border-radius: 50%;
   overflow: hidden;
   -webkit-transition: all 500ms ease;
   transition: all 500ms ease;
   z-index: 1;
 }

 .site-footer-three__social a:hover {
   color: var(--erepair-white);
   background-color: var(--erepair-base);
 }

 .site-footer-three__social a:after {
   position: absolute;
   content: "";
   top: 0;
   left: 0;
   right: 0;
   height: 100%;
   background-color: var(--erepair-base);
   -webkit-transition-delay: .1s;
   transition-delay: .1s;
   -webkit-transition-timing-function: ease-in-out;
   transition-timing-function: ease-in-out;
   -webkit-transition-duration: .4s;
   transition-duration: .4s;
   -webkit-transition-property: all;
   transition-property: all;
   opacity: 1;
   -webkit-transform-origin: top;
   transform-origin: top;
   -webkit-transform-style: preserve-3d;
   transform-style: preserve-3d;
   -webkit-transform: scaleY(0);
   transform: scaleY(0);
   z-index: -1;
 }

 .site-footer-three__social a:hover:after {
   opacity: 1;
   -webkit-transform: scaleY(1);
   transform: scaleY(1);
 }

 .footer-widget-three__newsletter {
   position: relative;
   display: block;
 }

 .footer-widget-three__newsletter-text {
   color: var(--erepair-bdr-color);
 }

 .footer-widget-three__newsletter-form {
   position: relative;
   display: block;
   margin-top: 5px;
 }

 .footer-widget-three__newsletter-form-input-box {
   position: relative;
   display: block;
   margin-top: 11px;
   margin-bottom: 20px;
 }

 .footer-widget-three__newsletter-form-input-box input[type="email"] {
   font-size: 16px;
   height: 50px;
   width: 100%;
   background-color: transparent;
   outline: none;
   border: 1px solid rgba(var(--erepair-white-rgb), .10);
   color: var(--erepair-gray);
   font-weight: 400;
   border-radius: 12px;
   padding: 0 20px;
 }

 .site-footer-three__bottom {
   position: relative;
   display: block;
   background-color: #232323;
 }

 .site-footer-three__bottom-inner {
   position: relative;
   display: flex;
   align-items: center;
   justify-content: space-between;
   flex-wrap: wrap;
   padding: 26px 0 25px;
 }

 .site-footer-three__bottom-text {
   color: var(--erepair-extra);
 }

 .site-footer-three__logo {
   position: relative;
   display: block;
 }

 .site-footer-three__bottom-menu {
   position: relative;
   display: flex;
   align-items: center;
 }

 .site-footer-three__bottom-menu li {
   position: relative;
   display: block;
 }

 .site-footer-three__bottom-menu li+li {
   margin-left: 30px;
 }

 .site-footer-three__bottom-menu li a {
   position: relative;
   display: flex;
   align-items: center;
   font-size: 16px;
   color: var(--erepair-extra);
   -webkit-transition: all 500ms ease;
   transition: all 500ms ease;
 }

 .site-footer-three__bottom-menu li a:hover {
   color: var(--erepair-base);
 }

 .site-footer--two {
   margin-top: 0;
 }

 .site-footer--two .site-footer__top {
   padding: 120px 0 81px;
 }

 .services-one {
   position: relative;
   display: block;
   padding: 120px 0 120px;
   z-index: 1;
 }

 .services-one__inner {
   position: relative;
   display: block;
   background-color: var(--erepair-extra);
   padding: 60px 60px 40px;
   border-radius: 20px;
 }

 .services-one__service-list {
   position: relative;
   display: flex;
 }

 .services-one__service-list li {
   position: relative;
   display: block;
   width: 33.3333333333%;
   float: left;
 }

 .services-one__service-list li:first-child .services-one__single::before {
   display: none;
 }

 .services-one__service-list li:nth-child(2) .services-one__single {
   padding-left: 50px;
 }

 .services-one__service-list li:last-child .services-one__single {
   padding-left: 50px;
 }

 .services-one__single {
   position: relative;
   display: block;
   padding-right: 50px;
   margin-bottom: 21px;
 }

 .services-one__single::before {
   content: "";
   position: absolute;
   top: -6px;
   left: 0px;
   bottom: -6px;
   width: 1px;
   background-color: #DDDDDD;
 }

 .services-one__icon {
   position: relative;
   display: flex;
   align-items: center;
   justify-content: center;
   width: 80px;
   height: 80px;
   background: #FFFFFF;
   box-shadow: 0px 4.4px 20px -1px rgba(19, 16, 34, 0.05);
   border-radius: 50%;
   z-index: 1;
 }

 .services-one__icon:before {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   content: "";
   border-radius: 50%;
   background-color: var(--erepair-base);
   transform: scale(0);
   transform-origin: center;
   transform-style: preserve-3d;
   transition: all 200ms linear;
   transition-delay: 0.1s;
   z-index: -1;
 }

 .services-one__single:hover .services-one__icon:before {
   transform: scaleX(1);
 }

 .services-one__icon span {
   position: relative;
   display: inline-block;
   font-size: 36px;
   color: var(--erepair-black);
   transition: all 500ms linear;
   transition-delay: 0.1s;
   transform: scale(1);
 }

 .services-one__single:hover .services-one__icon span {
   transform: scale(0.9);
   color: var(--erepair-white);
 }

 .services-one__title {
   font-size: 24px;
   font-weight: 700;
   line-height: 36px;
   letter-spacing: -0.72px;
   margin-bottom: 16px;
   margin-top: 16px;
 }

 .services-one__title a {
   color: var(--erepair-black);
 }

 .services-one__title a:hover {
   color: var(--erepair-base);
 }

 .services-one__text br {
   display: none;
 }

 .services-two {
   position: relative;
   display: block;
   padding: 0 0 90px;
   z-index: 1;
 }

 .services-two__shape-1 {
   position: absolute;
   bottom: 0;
   left: 0;
   z-index: -1;
 }

 .services-two__shape-1 img {
   width: auto;
   filter: invert(1);
   opacity: 0.05;
 }

 .services-two__single {
   position: relative;
   display: block;
   margin-left: 30px;
   background: #FFFFFF;
   box-shadow: 0px 0px 60px rgba(0, 0, 0, 0.05);
   border-radius: 20px;
   padding: 34px 30px 26px;
   padding-left: 100px;
   margin-bottom: 30px;
 }

 .services-two__sub-title {
   font-family: var(--erepair-font-2);
   color: var(--erepair-base);
 }

 .services-two__title {
   font-size: 24px;
   font-weight: 700;
   line-height: 34px;
   letter-spacing: -0.72px;
   margin-top: 4px;
   margin-bottom: 21px;
 }

 .services-two__title a {
   color: var(--erepair-black);
 }

 .services-two__title a:hover {
   color: var(--erepair-base);
 }

 .services-two__learn-more {
   position: relative;
   display: inline-flex;
   align-items: center;
   gap: 10px;
   font-size: 14px;
   font-weight: 600;
   line-height: 14px;
   text-transform: uppercase;
   font-family: var(--erepair-font-2);
   color: var(--erepair-black);
   margin-top: 25px;
 }

 .services-two__learn-more::before {
   content: "";
   position: absolute;
   bottom: -3px;
   left: 0;
   right: 0;
   height: 1px;
   background-color: var(--erepair-gray);
   -webkit-transition: all 500ms ease;
   transition: all 500ms ease;
 }

 .services-two__learn-more:hover::before {
   background-color: var(--erepair-base);
 }

 .services-two__learn-more:hover {
   color: var(--erepair-base);
 }

 .services-two__learn-more span {
   color: var(--erepair-base);
 }

 .services-two__icon {
   position: absolute;
   top: 40px;
   left: -30px;
   height: 88px;
   width: 100px;
   border: 1px solid var(--erepair-bdr-color);
   border-radius: 20px;
   background-color: var(--erepair-extra);
   display: flex;
   align-items: center;
   justify-content: center;
   overflow: hidden;
   z-index: 1;
 }

 .services-two__icon::before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   border-radius: 20px;
   background-color: var(--erepair-base);
   background-position: center bottom;
   transition-delay: .1s;
   transition-timing-function: ease-in-out;
   transition-duration: .5s;
   transition-property: all;
   transform-origin: bottom;
   transform-style: preserve-3d;
   transform: scaleY(0);
   z-index: -1;
 }

 .services-two__single:hover .services-two__icon::before {
   transform: scaleY(1.0);
 }

 .services-two__icon span {
   position: relative;
   display: inline-block;
   font-size: 43px;
   color: var(--erepair-black);
   -webkit-transition: all 500ms ease;
   transition: all 500ms ease;
 }

 .services-two__single:hover .services-two__icon>span {
   color: var(--erepair-white);
 }

 .service-three {
   position: relative;
   display: block;
   padding: 120px 0 90px;
   z-index: 1;
 }

 .service-three__shape-1 {
   position: absolute;
   top: 100px;
   right: -100px;
   z-index: -1;
 }

 .service-three__shape-1 img {
   width: auto;
   filter: invert(1);
   opacity: .05;
 }

 .service-three__single {
   position: relative;
   display: block;
   margin-bottom: 30px;
 }

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

 .service-three__img {
   position: relative;
   display: block;
   border-top-left-radius: 20px;
   border-top-right-radius: 20px;
   overflow: hidden;
 }

 .service-three__img::before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background: linear-gradient(180deg, rgba(23, 23, 23, 0) 0%, rgba(23, 23, 23, 0.86) 100%);
   border-top-left-radius: 20px;
   border-top-right-radius: 20px;
   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;
 }

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

 .service-three__img img {
   width: 100%;
   border-top-left-radius: 20px;
   border-top-right-radius: 20px;
   transform: scale3d(1, 1, 1);
   transition: transform 1s ease-in-out;
 }

 .service-three__single:hover .service-three__img img {
   transform: scale(1.05) rotate(0deg);
 }

 .service-three__content {
   position: relative;
   display: block;
   text-align: center;
   background-color: var(--erepair-extra);
   border-bottom-left-radius: 20px;
   border-bottom-right-radius: 20px;
   padding: 63px 30px 26px;
   z-index: 2;
 }

 .service-three__icon {
   position: absolute;
   display: flex;
   align-items: center;
   justify-content: center;
   width: 70px;
   height: 70px;
   left: 50%;
   top: -41px;
   transform: translateX(-50%);
   background-color: var(--erepair-base);
   border: 3px solid var(--erepair-white);
   border-radius: 50%;
 }

 .service-three__icon:before {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   content: "";
   border-radius: 50%;
   background-color: var(--erepair-black);
   transform: scale(0);
   transform-origin: center;
   transform-style: preserve-3d;
   transition: all 0.4s cubic-bezier(0.62, 0.21, 0.45, 1.52);
   z-index: -1;
 }

 .service-three__single:hover .service-three__icon:before {
   transform: scaleX(1);
 }

 .service-three__icon span {
   position: relative;
   display: inline-block;
   font-size: 36px;
   color: var(--erepair-white);
 }

 .service-three__title {
   font-size: 24px;
   font-weight: 700;
   line-height: 34px;
   letter-spacing: -0.72px;
 }

 .service-three__title a {
   color: var(--erepair-black);
 }

 .service-three__title a:hover {
   color: var(--erepair-base);
 }

 .service-three__text {
   margin-top: 23px;
   margin-bottom: 21px;
 }

 .service-three__read-more {
   position: relative;
   display: inline-block;
 }

 .service-three__read-more a {
   position: relative;
   display: flex;
   align-items: center;
   gap: 10px;
   font-size: 14px;
   font-weight: 600;
   text-transform: uppercase;
   font-family: var(--erepair-font-2);
   color: var(--erepair-black);
 }

 .service-three__read-more a:hover {
   color: var(--erepair-base);
 }

 .service-three__read-more a span {
   color: var(--erepair-base);
 }

 .services-four {
   position: relative;
   display: block;
   padding: 20px 0 90px;
   background-color: var(--erepair-extra);
   z-index: 1;
 }

 .services-four-shape-1 {
   position: absolute;
   top: 10px;
   left: 0;
   opacity: .50;
   z-index: -1;
 }

 .services-four-shape-1 img {
   width: auto;
   max-width: 100%;
 }

 .services-four-shape-2 {
   position: absolute;
   top: 65px;
   right: 0;
   opacity: .50;
   z-index: -1;
 }

 .services-four-shape-2 img {
   width: auto;
   max-width: 100%;
 }

 .services-four__single {
   position: relative;
   display: block;
   background-color: rgb(255, 255, 255);
   box-shadow: 0px 8px 29px 0px rgba(0, 0, 0, 0.1);
   border-bottom-left-radius: 5px;
   border-bottom-right-radius: 5px;
   margin-bottom: 30px;
   z-index: 2;
 }

 .services-four__img {
   position: relative;
   display: block;
   overflow: hidden;
   background-color: var(--erepair-base);
   border-top-left-radius: 5px;
   border-top-right-radius: 5px;
   z-index: 1;
 }

 .services-four__img:before {
   content: "";
   position: absolute;
   top: -100%;
   bottom: 100%;
   left: 0;
   right: 0;
   background-color: var(--erepair-base);
   border-top-left-radius: 5px;
   border-top-right-radius: 5px;
   mix-blend-mode: multiply;
   transition: all 600ms ease 100ms;
   z-index: 1;
 }

 .services-four__single:hover .services-four__img:before {
   top: 0;
   bottom: 0;
 }

 .services-four__img img {
   width: 100%;
   border-top-left-radius: 5px;
   border-top-right-radius: 5px;
   -webkit-transition: all 500ms ease;
   transition: all 500ms ease;
 }

 .services-four__single:hover .services-four__img img {
   transform: scale(1.05);
 }

 .services-four__icon {
   position: absolute;
   top: 30px;
   left: 30px;
   width: 80px;
   height: 80px;
   display: flex;
   align-items: center;
   justify-content: center;
   background-color: var(--erepair-base);
   border-radius: 4px;
   -webkit-transition: all 500ms ease;
   transition: all 500ms ease;
   z-index: 2;
 }

 .services-four__single:hover .services-four__icon {
   background-color: var(--erepair-white);
 }

 .services-four__icon span {
   font-size: 48px;
   color: var(--erepair-white);
   position: relative;
   display: inline-block;
   -webkit-transition: all 500ms ease;
   transition: all 500ms ease;
 }

 .services-four__single:hover .services-four__icon span {
   color: var(--erepair-base);
 }

 .services-four__content {
   position: relative;
   display: block;
   padding: 22px 30px 30px;
 }

 .services-four__title {
   font-size: 24px;
   font-weight: 600;
   line-height: 34px;
 }

 .services-four__title a {
   color: var(--erepair-black);
   -webkit-transition: all 500ms ease;
   transition: all 500ms ease;
 }

 .services-four__title a:hover {
   color: var(--erepair-base);
 }

 .services-four__text {
   margin-top: 15px;
   margin-bottom: 22px;
 }

 .service-details {
   position: relative;
   display: block;
   padding: 120px 0 90px;
   z-index: 1;
 }

 .service-details__left {
   position: relative;
   display: block;
 }

 .service-details__img {
   position: relative;
   display: block;
 }

 .service-details__img img {
   width: 100%;
   border-top-left-radius: 20px;
   border-top-right-radius: 20px;
 }

 .service-details__title-1 {
   font-size: 48px;
   font-weight: 600;
   line-height: 58px;
   letter-spacing: -1.44px;
   margin-top: 41px;
   margin-bottom: 30px;
 }

 .service-details__text-1 {
   font-size: 20px;
   font-weight: 600;
   line-height: 28px;
   color: #232323;
   font-family: var(--erepair-font-2);
 }

 .service-details__text-2 {
   margin-top: 20px;
   margin-bottom: 41px;
 }

 .service-details__points-list {
   position: relative;
   display: block;
 }

 .service-details__points-list li {
   position: relative;
   display: flex;
   align-items: center;
   gap: 15px;
 }

 .service-details__points-list li+li {
   margin-top: 16px;
 }

 .service-details__points-list li .icon {
   position: relative;
   display: inline-block;
 }

 .service-details__points-list li .icon span {
   position: relative;
   display: inline-block;
   font-size: 16px;
   color: var(--erepair-base);
 }

 .service-details__points-list li p {
   color: #232323;
 }

 .service-details__img-box {
   position: relative;
   display: block;
   margin-top: 60px;
 }

 .service-details__img-box-single {
   position: relative;
   display: block;
   margin-bottom: 21px;
 }

 .service-details__img-box-img {
   position: relative;
   display: block;
   overflow: hidden;
   margin-bottom: 30px;
   border-radius: 20px;
   z-index: 1;
 }

 .service-details__img-box-img:before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   opacity: 0;
   background: rgb(0, 0, 0);
   border-radius: 20px;
   transition: all 0.5s ease;
   z-index: 1;
 }

 .service-details__img-box-img:hover:before {
   opacity: 0.2;
 }

 .service-details__img-box-img img {
   width: 100%;
   border-radius: 20px;
   transform: scale3d(1, 1, 1);
   transition: transform 1s ease-in-out;
 }

 .service-details__img-box-img:hover img {
   transform: scale(1.06) rotate(0deg);
 }

 .service-details__img-box-content-single {
   position: relative;
   display: block;
   margin-bottom: 21px;
 }

 .service-details__img-box-content-icon-and-title {
   position: relative;
   display: flex;
   align-items: center;
   gap: 15px;
 }

 .service-details__img-box-content-icon {
   position: relative;
   display: inline-block;
 }

 .service-details__img-box-content-icon span {
   position: relative;
   display: inline-block;
   font-size: 36px;
   color: var(--erepair-base);
 }

 .service-details__img-box-content-title {
   font-size: 24px;
   line-height: 36px;
   letter-spacing: -0.72px;
   font-weight: 700;
 }

 .service-details__img-box-content-text {
   margin-top: 17px;
 }

 .service-details__sidebar {
   position: relative;
   display: block;
 }

 .service-details__services-box {
   position: relative;
   display: block;
   padding: 35px 40px 40px;
   background-color: var(--erepair-extra);
   border-radius: 20px;
   margin-bottom: 60px;
 }

 .service-details__services-title {
   font-size: 24px;
   font-weight: 700;
   line-height: 34px;
   letter-spacing: -0.72px;
   margin-bottom: 31px;
 }

 .service-details__services-list {
   position: relative;
   display: block;
 }

 .service-details__services-list li {
   position: relative;
   display: block;
 }

 .service-details__services-list li+li {
   margin-top: 12px;
 }

 .service-details__services-list li a {
   position: relative;
   display: flex;
   align-items: center;
   justify-content: space-between;
   background-color: var(--erepair-white);
   border: 1px solid var(--erepair-bdr-color);
   border-radius: 20px;
   padding: 13px 20px 14px;
   font-weight: 700;
   font-family: var(--erepair-font-2);
   text-transform: uppercase;
   color: #232323;
   overflow: hidden;
   z-index: 1;
 }

 .service-details__services-list li:hover a {
   color: var(--erepair-white);
 }

 .service-details__services-list li.active a {
   color: var(--erepair-white);
 }

 .service-details__services-list li a::before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background-color: var(--erepair-base);
   transition: -webkit-transform 0.5s ease;
   transition: transform 0.5s ease;
   transition: transform 0.5s ease, -webkit-transform 0.5s ease;
   transform-origin: bottom right;
   -webkit-transform: scale(1, 0);
   transform: scale(1, 0);
   z-index: -1;
 }

 .service-details__services-list li:hover a::before {
   -webkit-transform: scale(1, 1);
   transform: scale(1, 1);
   transform-origin: top center;
 }

 .service-details__services-list li.active a::before {
   -webkit-transform: scale(1, 1);
   transform: scale(1, 1);
   transform-origin: top center;
 }

 .service-details__services-list li a span {
   color: #6E777D;
   -webkit-transition: all 500ms ease;
   transition: all 500ms ease;
 }

 .service-details__services-list li:hover a span {
   color: var(--erepair-white);
 }

 .service-details__services-list li.active a span {
   color: var(--erepair-white);
 }

 .services-page {
   padding: 120px 0 90px;
 }

 .about-one {
   position: relative;
   display: block;
   padding: 0 0 120px;
   overflow: hidden;
   z-index: 2;
 }

 .about-one__shape-one {
   position: absolute;
   top: 0;
   right: -250px;
   z-index: -1;
 }

 .about-one__shape-one img {
   width: auto;
 }

 .about-one__left {
   position: relative;
   display: block;
 }

 .about-one__img-box-1 {
   position: relative;
   display: block;
 }

 .about-one__img-1 {
   position: relative;
   display: block;
   margin-right: -42px;
   overflow: hidden;
   border-radius: 20px;
   z-index: 1;
 }

 .about-one__img-1::before {
   position: absolute;
   top: 0;
   left: -100%;
   display: block;
   content: '';
   width: 50%;
   height: 100%;
   background: linear-gradient(to right, rgba(255, 255, 255, .7) 0%, rgba(255, 255, 255, .3) 100%);
   transform: skewX(17deg);
   z-index: 1;
 }

 .about-one__img-1:hover::before {
   -webkit-animation: shine 1.9s;
   animation: shine 1.9s;
 }

 .about-one__img-1 img {
   width: 100%;
   border-radius: 20px;
   transition: all 500ms linear;
   transition-delay: 0.2s
 }

 .about-one__img-1:hover img {
   transform: scale(1.1) rotate(0deg);
   transition: all 500ms linear;
   transition-delay: 0.1s;
 }

 .about-one__img-box-2 {
   position: relative;
   display: block;
   margin-right: 10px;
   margin-left: 32px;
   border-radius: 20px;
   overflow: hidden;
   z-index: 1;
 }

 .about-one__img-2 {
   position: relative;
   display: block;
   overflow: hidden;
 }

 .about-one__img-2::before {
   position: absolute;
   top: 0;
   left: -100%;
   display: block;
   content: '';
   width: 50%;
   height: 100%;
   background: linear-gradient(to right, rgba(255, 255, 255, .7) 0%, rgba(255, 255, 255, .3) 100%);
   transform: skewX(17deg);
   z-index: 1;
 }

 .about-one__img-2:hover::before {
   -webkit-animation: shine 1.9s;
   animation: shine 1.9s;
 }

 .about-one__img-2 img {
   width: 100%;
   border-radius: 20px;
   transition: all 500ms linear;
   transition-delay: 0.2s
 }

 .about-one__img-2:hover img {
   transform: scale(1.1) rotate(0deg);
   transition: all 500ms linear;
   transition-delay: 0.1s;
 }

 .about-one__cirtified {
   position: relative;
   display: flex;
   align-items: center;
   background-color: var(--erepair-base);
   border-radius: 20px;
   margin-top: 26px;
   margin-right: 10px;
   margin-left: -38px;
   margin-bottom: 20px;
   gap: 40px;
   padding: 21px 30px 20px;
   z-index: 2;
 }

 .about-one__cirtified .icon {
   position: relative;
   display: inline-block;
 }

 .about-one__cirtified .icon::before {
   content: "";
   position: absolute;
   right: -21px;
   top: -3px;
   bottom: 3px;
   width: 1px;
   background-color: rgba(var(--erepair-extra-rgb), .40);
 }

 .about-one__cirtified .icon span {
   position: relative;
   display: inline-block;
   font-size: 62px;
   color: var(--erepair-white);
   transition: all 500ms linear;
   transition-delay: 0.1s;
   transform: scale(1);
 }

 .about-one__cirtified:hover .icon span {
   transform: scale(0.9);
 }

 .about-one__cirtified h3 {
   font-size: 16px;
   font-weight: 700;
   line-height: 24px;
   text-transform: uppercase;
   color: var(--erepair-extra);
 }

 .about-one__right {
   position: relative;
   display: block;
   margin-top: 17px;
   margin-left: 40px;
   margin-right: -20px;
 }

 .about-one__right .section-title {
   margin-bottom: 29px;
 }

 .about-one__text-2 {
   margin-top: 27px;
   margin-bottom: 27px;
 }

 .about-two {
   position: relative;
   display: block;
   padding: 0 0 120px;
   z-index: 1;
 }

 .about-two__shape-1 {
   position: absolute;
   bottom: 0;
   left: -250px;
   opacity: 0.5;
   z-index: -1;
 }

 .about-two__shape-1 img {
   width: auto;
 }

 .about-two__left {
   position: relative;
   display: block;
 }

 .about-two__left .section-title-two {
   margin-bottom: 28px;
 }

 .about-two__points-box {
   position: relative;
   display: block;
   margin-bottom: 17px;
   margin-top: 41px;
 }

 .about-two__points-list {
   position: relative;
   display: flex;
   align-items: center;
 }

 .about-two__points-list li {
   position: relative;
   display: block;
   margin-bottom: 23px;
 }

 .about-two__points-list li+li {
   margin-left: 62px;
 }

 .about-two__points-list li .icon {
   position: relative;
   display: inline-block;
 }

 .about-two__points-list li .icon span {
   position: relative;
   display: inline-block;
   font-size: 40px;
   color: var(--erepair-base);
   transition: all 500ms linear;
   transition-delay: 0.1s;
   transform: scale(1);
 }

 .about-two__points-list li:hover .icon span {
   transform: scale(0.9);
 }

 .about-two__title {
   font-size: 24px;
   font-weight: 700;
   line-height: 34px;
   letter-spacing: -0.72px;
   margin-top: 8px;
   margin-bottom: 11px;
 }

 .about-two__title a {
   color: var(--erepair-black);
 }

 .about-two__title a:hover {
   color: var(--erepair-base);
 }

 .about-two__points-text {
   font-size: 15px;
   line-height: 24px;
 }

 .about-two__btn-box {
   position: relative;
   display: block;
 }

 .about-two__right {
   position: relative;
   display: block;
 }

 .about-two__right-top {
   position: relative;
   display: flex;
   align-items: center;
   gap: 30px;
 }

 .about-two__award-box {
   position: relative;
   display: block;
   background-color: var(--erepair-extra);
   max-width: 348px;
   width: 100%;
   border-radius: 20px;
   padding: 40px 40px 28px;
   margin-bottom: 30px;
 }

 .about-two__award-box .icon {
   position: relative;
   display: inline-block;
 }

 .about-two__award-box .icon span {
   position: relative;
   display: inline-block;
   font-size: 60px;
   color: var(--erepair-base);
   transition: all 500ms linear;
   transition-delay: 0.1s;
   transform: scale(1);
 }

 .about-two__award-box:hover .icon span {
   transform: scale(0.9);
 }

 .about-two__award-title {
   font-size: 24px;
   font-weight: 700;
   line-height: 34px;
   letter-spacing: -0.72px;
   margin-top: 11px;
   margin-bottom: 9px;
 }

 .about-two__award-title a {
   color: var(--erepair-black);
 }

 .about-two__award-title a:hover {
   color: var(--erepair-base);
 }

 .about-two__video {
   position: relative;
   display: block;
 }

 .about-two__video-img {
   position: relative;
   display: block;
   margin-bottom: 30px;
 }

 .about-two__video-img img {
   width: 100%;
   border-radius: 20px;
 }

 .about-two__video-link {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translateX(-50%) translateY(-50%);
   z-index: 1;
 }

 .about-two__video-icon {
   position: relative;
   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;
   width: 70px;
   height: 70px;
   line-height: 70px;
   text-align: center;
   font-size: 20px;
   color: var(--erepair-black);
   background-color: var(--erepair-primary);
   border-radius: 50%;
   transition: all 0.5s ease;
   -moz-transition: all 0.5s ease;
   -webkit-transition: all 0.5s ease;
   -ms-transition: all 0.5s ease;
   -o-transition: all 0.5s ease;
   margin: 0 auto;
 }

 .about-two__video-icon:hover {
   color: var(--erepair-white);
   background-color: var(--erepair-base);
 }

 .about-two__video-link .ripple,
 .about-two__video-icon .ripple:before,
 .about-two__video-icon .ripple:after {
   position: absolute;
   top: 50%;
   left: 50%;
   width: 70px;
   height: 70px;
   border-radius: 50%;
   -webkit-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   -ms-box-shadow: 0 0 0 0 rgba(var(--erepair-white-rgb), 0.6);
   -o-box-shadow: 0 0 0 0 rgba(var(--erepair-white-rgb), 0.6);
   -webkit-box-shadow: 0 0 0 0 rgba(var(--erepair-white-rgb), 0.6);
   box-shadow: 0 0 0 0 rgba(var(--erepair-white-rgb), 0.6);
   -webkit-animation: ripple 3s infinite;
   animation: ripple 3s infinite;
 }

 .about-two__video-icon .ripple:before {
   -webkit-animation-delay: 0.9s;
   animation-delay: 0.9s;
   content: "";
   position: absolute;
 }

 .about-two__video-icon .ripple:after {
   -webkit-animation-delay: 0.6s;
   animation-delay: 0.6s;
   content: "";
   position: absolute;
 }

 .about-two__img {
   position: relative;
   display: block;
   overflow: hidden;
   border-radius: 20px;
   z-index: 1;
 }

 .about-two__img::before {
   position: absolute;
   top: 0;
   left: -100%;
   display: block;
   content: '';
   width: 50%;
   height: 100%;
   background: linear-gradient(to right, rgba(255, 255, 255, .7) 0%, rgba(255, 255, 255, .3) 100%);
   transform: skewX(17deg);
   z-index: 1;
 }

 .about-two__img:hover::before {
   -webkit-animation: shine 1.9s;
   animation: shine 1.9s;
 }

 .about-two__img img {
   width: 100%;
   border-radius: 20px;
   transform: scale3d(1, 1, 1);
   transition: transform 1s ease-in-out;
 }

 .about-two__img:hover img {
   transform: scale(1.05) rotate(0deg);
 }

 .about-three {
   position: relative;
   display: block;
   padding: 120px 0 120px;
   z-index: 1;
 }

 .about-three__left {
   position: relative;
   display: block;
 }

 .about-three__main-progress-box {
   position: relative;
   display: flex;
   align-items: center;
   background-color: rgb(255, 255, 255);
   box-shadow: 0px 8px 29px 0px rgba(0, 0, 0, 0.1);
   justify-content: space-between;
   padding: 30px 55px 27px;
   border-radius: 20px;
   margin-left: 60px;
   z-index: 4;
 }

 .about-three__progress-single {
   position: relative;
   display: block;
   text-align: center;
 }

 .about-three__progress-box {
   position: relative;
   display: inline-block;
 }

 .about-three__progress-box canvas {
   transform: rotate(90deg);
 }

 .about-three__progress-box .about-three__pack {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translateY(-50%) translateX(-50%);
   text-align: center;
 }

 .about-three__progress-box .about-three__pack p {
   font-size: 24px;
   font-weight: 600;
   color: var(--erepair-black);
   font-family: var(--erepair-font-two);
   line-height: 20px;
 }

 .about-three__progress-box .about-three__pack span {
   position: relative;
   display: block;
   line-height: 20px;
 }

 .about-three__progress-content {
   position: relative;
   display: block;
   margin-top: 9px;
 }

 .about-three__progress-content p {
   font-size: 18px;
   color: var(--erepair-black);
   font-weight: 900;
   line-height: 18px;
   font-family: var(--font-netkod);
 }

 .about-three__img-box {
   position: relative;
   display: block;
   margin-right: 170px;
   margin-top: -60px;
   z-index: 3;
 }

 .about-three__img {
   position: relative;
   display: block;
   border-radius: 20px;
 }

 .about-three__img img {
   width: 100%;
   border-radius: 20px;
 }

 .about-three__img-two {
   position: absolute;
   bottom: -191px;
   right: -170px;
   background-color: var(--erepair-base);
   border-radius: 20px;
 }

 .about-three__img-two img {
   width: auto;
   mix-blend-mode: multiply;
   border-radius: 20px;
 }

 .about-three__video-link {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
 }

 .about-three__video-icon {
   position: relative;
   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;
   width: 70px;
   height: 70px;
   line-height: 70px;
   text-align: center;
   font-size: 17px;
   color: var(--erepair-base);
   background-color: rgba(var(--erepair-white-rgb), 0.30);
   border-radius: 50%;
   transition: all 0.5s ease;
   -moz-transition: all 0.5s ease;
   -webkit-transition: all 0.5s ease;
   -ms-transition: all 0.5s ease;
   -o-transition: all 0.5s ease;
   z-index: 1;
 }

 .about-three__video-icon:hover {
   color: var(--erepair-white);
 }

 .about-three__video-icon:before {
   position: absolute;
   top: 10px;
   left: 10px;
   right: 10px;
   bottom: 10px;
   background-color: var(--erepair-white);
   border-radius: 50%;
   content: "";
   transition: all 0.5s ease;
   -moz-transition: all 0.5s ease;
   -webkit-transition: all 0.5s ease;
   -ms-transition: all 0.5s ease;
   -o-transition: all 0.5s ease;
   z-index: -1;
 }

 .about-three__video-icon:hover::before {
   background-color: var(--erepair-base);
 }

 .about-three__video-link .ripple,
 .about-three__video-icon .ripple:before,
 .about-three__video-icon .ripple:after {
   position: absolute;
   top: 50%;
   left: 50%;
   width: 75px;
   height: 75px;
   -webkit-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   -ms-box-shadow: 0 0 0 0 rgba(var(--erepair-white-rgb), 0.30);
   -o-box-shadow: 0 0 0 0 rgba(var(--erepair-white-rgb), 0.30);
   -webkit-box-shadow: 0 0 0 0 rgba(var(--erepair-white-rgb), 0.30);
   box-shadow: 0 0 0 0 rgba(var(--erepair-white-rgb), 0.30);
   -webkit-animation: ripple 3s infinite;
   animation: ripple 3s infinite;
   border-radius: 50%;
 }

 .about-three__video-icon .ripple:before {
   -webkit-animation-delay: 0.9s;
   animation-delay: 0.9s;
   content: "";
   position: absolute;
 }

 .about-three__video-icon .ripple:after {
   -webkit-animation-delay: 0.6s;
   animation-delay: 0.6s;
   content: "";
   position: absolute;
 }

 .about-three__shape-1 {
   position: absolute;
   top: 0;
   left: -130px;
   z-index: -1;
 }

 .about-three__shape-1 img {
   width: auto;
 }

 .about-three__shape-2 {
   position: absolute;
   bottom: -158px;
   left: 25px;
 }

 .about-three__shape-2 img {
   width: auto;
 }

 .about-three__right {
   position: relative;
   display: block;
   margin-left: 100px;
 }

 .about-three__right .section-title {
   margin-bottom: 21px;
 }

 .about-three__right .section-title__tagline {
   margin-left: 56px;
 }

 .about-three__right .section-title__tagline:after {
   display: none;
 }

 .about-three__text-1 {
   font-size: 24px;
   font-weight: 600;
   color: var(--erepair-black);
   line-height: 34px;
 }

 .about-three__points {
   position: relative;
   display: block;
   border-top: 1px solid #e0e0e0;
   border-bottom: 1px solid #e0e0e0;
   padding-top: 33px;
   padding-bottom: 33px;
   margin-top: 31px;
   margin-bottom: 34px;
 }

 .about-three__points li {
   position: relative;
   display: flex;
   align-items: center;
 }

 .about-three__points li+li {
   margin-top: 24px;
 }

 .about-three__points li .icon {
   position: relative;
   display: flex;
   align-items: center;
 }

 .about-three__points li .icon span {
   position: relative;
   display: inline-block;
   font-size: 40px;
   color: var(--erepair-black);
   transition: all 500ms linear;
   transition-delay: 0.1s;
   transform: scale(1);
 }

 .about-three__points li:hover .icon span {
   transform: scale(0.9);
   color: var(--erepair-base);
 }

 .about-three__points li .text {
   margin-left: 25px;
 }

 .about-three__points li .text p {
   font-size: 20px;
   font-weight: 600;
   text-transform: uppercase;
   color: var(--erepair-black);
 }

 .about-three__text-2 {
   padding-bottom: 33px;
 }

 .about-four {
   padding: 120px 0 120px;
 }

 .testimonial-one {
   position: relative;
   display: block;
   background-color: var(--erepair-extra);
   padding: 120px 0 120px;
   z-index: 1;
 }

 .testimonial-one__carousel {
   position: relative;
   display: block;
 }

 .testimonial-one__carousel.owl-carousel .owl-stage-outer {
   overflow: visible;
 }

 .testimonial-one__carousel.owl-carousel .owl-item {
   opacity: 0;
   visibility: hidden;
   transition: opacity 500ms ease, visibility 500ms ease;
 }

 .testimonial-one__carousel.owl-carousel .owl-item.active {
   opacity: 1;
   visibility: visible;
 }

 .testimonial-one__single {
   position: relative;
   display: block;
   text-align: center;
   -webkit-transition: all 500ms ease;
   transition: all 500ms ease;
 }

 .testimonial-one__single:hover {
   transform: translateY(-10px);
 }

 .testimonial-one__img {
   position: relative;
   display: block;
   max-width: 88px;
   width: 100%;
   margin: 0 auto;
   z-index: 2;
 }

 .testimonial-one__img img {
   width: 100%;
   border-radius: 50%;
 }

 .testimonial-one__content {
   position: relative;
   display: block;
   background: #FFFFFF;
   box-shadow: 0px 0px 60px rgba(0, 0, 0, 0.05);
   border-radius: 20px;
   padding: 74px 45px 40px;
   margin-top: -44px;
   z-index: 1;
 }

 .testimonial-one__text {
   font-size: 20px;
   margin-bottom: 21px;
 }

 .testimonial-one__ratting {
   position: relative;
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 5px;
   margin-bottom: 10px;
 }

 .testimonial-one__ratting span {
   position: relative;
   display: inline-block;
   font-size: 14px;
   color: var(--erepair-primary);
 }

 .testimonial-one__client-info {
   position: relative;
   display: block;
 }

 .testimonial-one__client-info h3 {
   font-size: 24px;
   font-weight: 700;
   line-height: 34px;
   letter-spacing: -0.72px;
   text-transform: capitalize;
 }

 .testimonial-one__client-info h3 a {
   color: var(--erepair-black);
 }

 .testimonial-one__client-info h3 a:hover {
   color: var(--erepair-base);
 }

 .testimonial-one__client-info p {
   margin-top: 6px;
 }

 .testimonial-one__quote {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translateX(-50%) translateY(-50%) rotate(180deg);
   z-index: -1;
 }

 .testimonial-one__quote span {
   position: relative;
   display: inline-block;
   font-size: 168px;
   color: rgba(var(--erepair-base-rgb), 0.05);
 }

 .testimonial-two {
   position: relative;
   display: block;
   margin-top: -150px;
   padding: 0 0 120px;
   z-index: 2;
 }

 .testimonial-two__carousel {
   position: relative;
   display: block;
 }

 .testimonial-two__single {
   position: relative;
   display: block;
   text-align: center;
   background: #FFFFFF;
   box-shadow: 0px 0px 60px rgba(0, 0, 0, 0.05);
   border-radius: 20px;
   padding: 40px 30px 40px;
   z-index: 1;
 }

 .testimonial-two__quote {
   position: absolute;
   display: flex;
   align-items: center;
   justify-content: center;
   bottom: 0;
   right: 0;
   width: 30px;
   height: 30px;
   background-color: var(--erepair-base);
   border-radius: 50%;
 }

 .testimonial-two__quote span {
   position: relative;
   display: inline-block;
   font-size: 16px;
   color: var(--erepair-white);
 }

 .testimonial-two__ratting {
   position: relative;
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 5px;
 }

 .testimonial-two__ratting span {
   position: relative;
   display: inline-block;
   font-size: 14px;
   color: var(--erepair-primary);
 }

 .testimonial-two__text {
   margin-top: 19px;
   margin-bottom: 21px;
 }

 .testimonial-two__client-info {
   position: relative;
   display: block;
 }

 .testimonial-two__client-img {
   position: relative;
   display: block;
   max-width: 80px;
   width: 100%;
   margin: 0 auto;
 }

 .testimonial-two__client-img img {
   width: 100%;
   border-radius: 50%;
 }

 .testimonial-two__client-info h3 {
   font-size: 20px;
   font-weight: 700;
   text-transform: capitalize;
   margin-top: 20px;
 }

 .testimonial-two__client-info h3 a {
   color: var(--erepair-black);
 }

 .testimonial-two__client-info h3 a:hover {
   color: var(--erepair-base);
 }

 .testimonial-two__carousel.owl-theme .owl-nav {
   position: absolute;
   display: flex;
   align-items: center;
   justify-content: space-between;
   height: 0;
   line-height: 0;
   top: 50%;
   left: -145px;
   right: -145px;
   transform: translateY(-50%);
 }

 .testimonial-two__carousel.owl-theme .owl-nav .owl-next {
   height: 65px;
   width: 65px;
   line-height: 65px;
   border-radius: 50%;
   color: var(--erepair-base);
   border: 1px solid var(--erepair-base);
   background-color: transparent;
   font-size: 16px;
   margin: 0;
   -webkit-transition: all 500ms ease;
   transition: all 500ms ease;
 }

 .testimonial-two__carousel.owl-theme .owl-nav .owl-prev {
   height: 65px;
   width: 65px;
   line-height: 65px;
   border-radius: 50%;
   color: var(--erepair-base);
   border: 1px solid var(--erepair-base);
   background-color: transparent;
   font-size: 16px;
   margin: 0;
   text-align: center;
   -webkit-transition: all 500ms ease;
   transition: all 500ms ease;
   position: relative;
   display: inline-block;
 }

 .testimonial-two__carousel.owl-theme .owl-nav .owl-next {
   margin-left: 0;
 }

 .testimonial-two__carousel.owl-theme .owl-nav .owl-prev {
   margin-right: 0;
 }

 .testimonial-two__carousel.owl-theme .owl-nav .owl-next span,
 .testimonial-two__carousel.owl-theme .owl-nav .owl-prev span {
   position: relative;
   display: flex;
   align-items: center;
   justify-content: center;
 }

 .testimonial-two__carousel.owl-theme .owl-nav .owl-next:hover,
 .testimonial-two__carousel.owl-theme .owl-nav .owl-prev:hover {
   background-color: var(--erepair-base);
   color: var(--erepair-white);
 }

 .testimonial-two__carousel.owl-carousel .owl-stage-outer {
   overflow: visible;
 }

 .testimonial-two__carousel.owl-carousel .owl-item {
   opacity: 0;
   visibility: hidden;
   transition: opacity 500ms ease, visibility 500ms ease;
 }

 .testimonial-two__carousel.owl-carousel .owl-item.active {
   opacity: 1;
   visibility: visible;
 }

 .testimonial-page {
   background-color: #edf5f3;
   padding: 120px 0 90px;
 }

 .testimonial-page:before {
   content: "";
   position: absolute;
   bottom: -500px;
   left: 0;
   right: 0;
   height: 500px;
   background-color: #edf5f3;
   z-index: -1;
 }

 .testimonial-page .testimonial-one__single {
   margin-bottom: 30px;
 }

 .brand-one {
   position: relative;
   display: block;
   background-color: var(--erepair-extra);
   padding: 0 0 120px;
   z-index: 1;
 }

 .brand-one__inner {
   position: relative;
   display: block;
   background-color: var(--erepair-primary);
   border-radius: 20px;
   padding: 53px 65px 53px;
 }

 .brand-one__carousel {
   position: relative;
   display: block;
 }

 .brand-one__single {
   position: relative;
   display: flex;
   text-align: center;
   align-items: center;
   justify-content: center;
 }

 .brand-one__img {
   position: relative;
   z-index: 10;
 }

 .brand-one__img>img {
   position: relative;
   -webkit-transition: 500ms;
   transition: 500ms;
   width: auto !important;
   -webkit-transition: 500ms;
   transition: 500ms;
   opacity: 1;
 }

 .brand-one__single:hover .brand-one__img>img {
   opacity: 0.70;
 }

 .brand-two {
   position: relative;
   display: block;
   padding: 120px 0 118px;
   border-top: 1px solid var(--erepair-bdr-color);
   z-index: 1;
 }

 .brand-two__inner {
   position: relative;
   display: block;
 }

 .brand-two__carousel {
   position: relative;
   display: block;
 }

 .brand-two__single {
   position: relative;
   display: flex;
   text-align: center;
   align-items: center;
   justify-content: center;
 }

 .brand-two__img {
   position: relative;
   z-index: 10;
 }

 .brand-two__img>img {
   position: relative;
   width: auto !important;
   -webkit-transition: 500ms;
   transition: 500ms;
   opacity: 1;
 }

 .brand-two__single:hover .brand-two__img>img {
   opacity: 0.70;
 }

 .video-one {
   position: relative;
   display: block;
   padding: 120px 0 270px;
   z-index: 1;
 }

 .video-one__sahpe-1 {
   position: absolute;
   bottom: 0;
   right: 0;
   animation: topBottom 3s ease-in-out infinite;
   z-index: -1;
 }

 .video-one__sahpe-1 img {
   width: auto;
   filter: invert(1);
   opacity: 0.05;
 }

 .video-one__bg {
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   width: calc((100% - 74px) / 2);
   background-repeat: no-repeat;
   background-size: cover;
   background-position: left center;
 }

 .video-one__right {
   position: relative;
   display: block;
   margin-left: 38px;
 }

 .video-one__right .section-title {
   margin-bottom: 24px;
 }

 .video-one__text-2 {
   margin-top: 29px;
   margin-bottom: 40px;
 }

 .video-one__btn-box {
   position: relative;
   display: flex;
   align-items: center;
   gap: 24px;
 }

 .video-one__video-link {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translateX(-50%) translateY(-50%);
   z-index: 1;
 }

 .video-one__video-icon {
   position: relative;
   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;
   width: 70px;
   height: 70px;
   line-height: 70px;
   text-align: center;
   font-size: 20px;
   color: var(--erepair-base);
   background-color: rgba(var(--erepair-black-rgb), .80);
   border-radius: 50%;
   transition: all 0.5s ease;
   -moz-transition: all 0.5s ease;
   -webkit-transition: all 0.5s ease;
   -ms-transition: all 0.5s ease;
   -o-transition: all 0.5s ease;
   margin: 0 auto;
 }

 .video-one__video-icon::before {
   content: "";
   position: absolute;
   top: -9px;
   left: -9px;
   right: -9px;
   bottom: -9px;
   border: 9px solid rgba(var(--erepair-black-rgb), .40);
   border-radius: 50%;
 }

 .video-one__video-icon:hover {
   background-color: var(--erepair-black);
   color: var(--erepair-base);
 }

 .video-one__video-link .ripple,
 .video-one__video-icon .ripple:before,
 .video-one__video-icon .ripple:after {
   position: absolute;
   top: 50%;
   left: 50%;
   width: 88px;
   height: 88px;
   border-radius: 50%;
   -webkit-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   -ms-box-shadow: 0 0 0 0 rgba(var(--erepair-black-rgb), 0.6);
   -o-box-shadow: 0 0 0 0 rgba(var(--erepair-black-rgb), 0.6);
   -webkit-box-shadow: 0 0 0 0 rgba(var(--erepair-black-rgb), 0.6);
   box-shadow: 0 0 0 0 rgba(var(--erepair-black-rgb), 0.6);
   -webkit-animation: ripple 3s infinite;
   animation: ripple 3s infinite;
 }

 .video-one__video-icon .ripple:before {
   -webkit-animation-delay: 0.9s;
   animation-delay: 0.9s;
   content: "";
   position: absolute;
 }

 .video-one__video-icon .ripple:after {
   -webkit-animation-delay: 0.6s;
   animation-delay: 0.6s;
   content: "";
   position: absolute;
 }

 .counter-one {
   position: relative;
   display: block;
   margin-top: -150px;
   z-index: 2;
 }

 .counter-one__inner {
   position: relative;
   display: block;
   background-color: var(--erepair-black);
   padding: 104px 0 84px;
   border-radius: 20px;
 }

 .counter-one__single {
   position: relative;
   display: block;
   text-align: center;
   margin-bottom: 24px;
 }

 .counter-one__single::before {
   content: "";
   position: absolute;
   bottom: -44px;
   left: -9px;
   top: -47px;
   width: 1px;
   background-color: rgba(var(--erepair-white-rgb), .30);
 }

 .counter-one__single-1::before {
   display: none;
 }

 .counter-one__icon {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translateX(-50%) translateY(-50%);
 }

 .counter-one__icon span {
   position: relative;
   display: inline-block;
   font-size: 110px;
   color: rgba(var(--erepair-white-rgb), .10);
 }

 .counter-one__count-box {
   position: relative;
   display: flex;
   align-items: center;
   justify-content: center;
 }

 .counter-one__count-box h3 {
   font-size: 48px;
   font-weight: 600;
   line-height: 48px !important;
   font-family: var(--erepair-font-2) !important;
   letter-spacing: -1.44px;
   -webkit-transition: all 500ms ease;
   transition: all 500ms ease;
 }

 .counter-one__single:hover .counter-one__count-box h3 {
   color: var(--erepair-base);
 }

 .counter-one__count-box span {
   font-size: 48px;
   font-weight: 600;
   line-height: 48px !important;
   font-family: var(--erepair-font-2) !important;
   color: var(--erepair-white);
   letter-spacing: -1.44px;
   -webkit-transition: all 500ms ease;
   transition: all 500ms ease;
 }

 .counter-one__single:hover .counter-one__count-box span {
   color: var(--erepair-base);
 }

 .counter-one__text {
   font-size: 16px;
   font-weight: 700;
   line-height: 24px;
   text-transform: uppercase;
   font-family: var(--erepair-font-2);
   color: var(--erepair-white);
   margin-top: 11px;
   -webkit-transition: all 500ms ease;
   transition: all 500ms ease;
 }

 .counter-one__single:hover .counter-one__text {
   color: var(--erepair-base);
 }

 .counter-two {
   position: relative;
   display: block;
 }

 .counter-two__inner {
   position: relative;
   display: block;
   background-color: #232323;
   border: 1px solid rgba(var(--erepair-white-rgb), .20);
   border-radius: 20px;
   padding: 59px 0 37px;
 }

 .counter-two__single {
   position: relative;
   display: block;
   text-align: center;
   margin-bottom: 24px;
 }

 .counter-two__single::before {
   content: "";
   position: absolute;
   bottom: 0px;
   left: -9px;
   top: 0px;
   width: 1px;
   background-color: #6E777D;
 }

 .counter-two__single-1::before {
   display: none;
 }

 .counter-two__icon {
   position: relative;
   display: flex;
   align-items: center;
   justify-content: center;
   width: 72px;
   height: 72px;
   background-color: var(--erepair-primary);
   border-radius: 50%;
   margin: 0 auto;
   overflow: hidden;
   z-index: 1;
 }

 .counter-two__icon:before {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   content: "";
   border-radius: 50%;
   background-color: var(--erepair-white);
   transform: scale(0);
   transform-origin: center;
   transform-style: preserve-3d;
   transition: all 0.4s cubic-bezier(0.62, 0.21, 0.45, 1.52);
   z-index: -1;
 }

 .counter-two__single:hover .counter-two__icon:before {
   transform: scaleX(1);
 }

 .counter-two__single-2 .counter-two__icon {
   background-color: var(--erepair-base);
 }

 .counter-two__single-4 .counter-two__icon {
   background-color: var(--erepair-base);
 }

 .counter-two__icon span {
   position: relative;
   display: inline-block;
   font-size: 36px;
   color: var(--erepair-base);
   transition: all 500ms linear;
   transition-delay: 0.1s;
   transform: scale(1);
 }

 .counter-two__single:hover .counter-two__icon span {
   transform: scale(0.9);
   color: var(--erepair-black);
 }

 .counter-two__single-2 .counter-two__icon span {
   color: var(--erepair-white);
 }

 .counter-two__single-4 .counter-two__icon span {
   color: var(--erepair-white);
 }

 .counter-two__count-box {
   position: relative;
   display: flex;
   align-items: center;
   justify-content: center;
   margin-top: 14px;
   margin-bottom: 13px;
 }

 .counter-two__count-box h3 {
   font-size: 48px;
   font-weight: 600;
   line-height: 48px !important;
   font-family: var(--erepair-font-2) !important;
   letter-spacing: -1.44px;
   top: 2px;
 }

 .counter-two__count-box span {
   font-size: 48px;
   font-weight: 600;
   line-height: 48px !important;
   font-family: var(--erepair-font-2) !important;
   color: var(--erepair-white);
   letter-spacing: -1.44px;
 }

 .counter-two__text {
   font-size: 16px;
   font-weight: 700;
   line-height: 24px;
   text-transform: uppercase;
   font-family: var(--erepair-font-2);
   color: rgba(var(--erepair-white-rgb), .80);
 }

 .project-one {
   position: relative;
   display: block;
   padding: 120px 0 90px;
   z-index: 1;
 }

 .project-one__top {
   position: relative;
   display: flex;
   align-items: flex-end;
   justify-content: space-between;
   margin-bottom: 58px;
 }

 .project-one__top .section-title {
   margin-bottom: 0px;
 }

 .project-one__btn-box {
   position: relative;
   display: block;
 }

 .project-one__single {
   position: relative;
   display: block;
   margin-bottom: 30px;
 }

 .project-one__img-box {
   position: relative;
   display: block;
 }

 .project-one__img {
   position: relative;
   display: block;
   border-radius: 20px;
   overflow: hidden;
 }

 .project-one__img:before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   opacity: 0;
   background: rgb(0, 0, 0);
   transition: all 0.5s ease;
   z-index: 1;
 }

 .project-one__single:hover .project-one__img:before {
   opacity: 0.2;
 }

 .project-one__img img {
   width: 100%;
   border-radius: 20px;
   transform: scale3d(1, 1, 1);
   transition: transform 1s ease-in-out;
 }

 .project-one__single:hover .project-one__img img {
   transform: scale(1.06) rotate(0deg);
 }

 .project-one__arrow {
   position: absolute;
   top: 30px;
   right: 30px;
   -webkit-transform: scale(0) rotate(80deg);
   transform: scale(0) rotate(80deg);
   opacity: 0;
   -webkit-transition: all 500ms ease;
   transition: all 500ms ease;
   z-index: 2;
 }

 .project-one__single:hover .project-one__arrow {
   -webkit-transform: scale(1) rotate(0deg);
   transform: scale(1) rotate(0deg);
   transition-delay: 500ms;
   opacity: 1;
 }

 .project-one__arrow a {
   position: relative;
   display: flex;
   align-items: center;
   justify-content: center;
   height: 50px;
   width: 50px;
   background-color: var(--erepair-base);
   border-radius: 50%;
   font-size: 16px;
   color: var(--erepair-white);
 }

 .project-one__arrow a:hover {
   background-color: var(--erepair-primary);
   color: var(--erepair-black);
 }

 .project-one__content {
   position: absolute;
   left: 10px;
   bottom: 10px;
   right: 10px;
   padding: 16px 30px 19px;
   background-color: var(--erepair-white);
   border-bottom: 1px solid var(--erepair-black);
   border-bottom-left-radius: 20px;
   border-top-right-radius: 20px;
   background-position: center bottom;
   transition-delay: .1s;
   transition-timing-function: ease-in-out;
   transition-duration: .5s;
   transition-property: all;
   transform-origin: bottom;
   transform-style: preserve-3d;
   transform: scaleY(0);
   z-index: 2;
 }

 .project-one__single:hover .project-one__content {
   transform: scaleY(1.0);
 }

 .project-one__sub-title {
   font-size: 15px;
   font-weight: 700;
   line-height: 25px;
   text-transform: uppercase;
   font-family: var(--erepair-font-2);
   color: var(--erepair-black);
 }

 .project-one__title {
   font-size: 30px;
   font-weight: 700;
   line-height: 34px;
   text-transform: capitalize;
   margin-top: 2px;
 }

 .project-one__title a {
   color: var(--erepair-black);
 }

 .project-one__title a:hover {
   color: var(--erepair-base);
 }

 .project-two {
   position: relative;
   display: block;
   padding: 120px 0 90px;
   z-index: 1;
 }

 .project-two__filter-box {
   position: relative;
   display: block;
   margin-bottom: 60px;
 }

 .project-two__filter {
   position: relative;
   display: flex;
   align-items: center;
   justify-content: center;
   flex-wrap: wrap;
 }

 .project-two__filter.style1 li {
   position: relative;
   display: flex;
   align-items: center;
   justify-content: center;
   text-align: center;
 }

 .project-two__filter.style1 li+li {
   margin-left: 20px;
 }

 .project-two__filter.style1 li .filter-text {
   position: relative;
   display: inline-block;
   color: var(--erepair-gray);
   font-size: 14px;
   line-height: 14px;
   font-weight: 600;
   cursor: pointer;
   font-family: var(--erepair-font-2);
   background-color: transparent;
   padding: 12px 20px 12px;
   border: 1px solid var(--erepair-bdr-color);
   text-transform: uppercase;
   overflow: hidden;
   transition: all 0.4s ease;
   z-index: 1;
 }

 .project-two__filter.style1 li .filter-text::before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background-color: var(--erepair-base);
   background-position: center bottom;
   transition-delay: .1s;
   transition-timing-function: ease-in-out;
   transition-duration: .5s;
   transition-property: all;
   transform-origin: bottom;
   transform-style: preserve-3d;
   transform: scaleY(0);
   z-index: -1;
 }

 .project-two__filter.style1 li:hover .filter-text::before,
 .project-two__filter.style1 li.active .filter-text::before {
   transform: scaleY(1.0);
 }

 .project-two__filter.style1 li:hover .filter-text,
 .project-two__filter.style1 li.active .filter-text {
   color: var(--erepair-white);
   border: 1px solid var(--erepair-base);
 }

 .project-two__single {
   position: relative;
   display: block;
   margin-bottom: 30px;
 }

 .project-two__img-box {
   position: relative;
   display: block;
 }

 .project-two__img {
   position: relative;
   display: block;
   overflow: hidden;
   border-radius: 20px;
 }

 .project-two__img::before {
   content: '';
   position: absolute;
   bottom: 0;
   left: 0;
   top: 0;
   right: 0;
   background-color: rgba(var(--erepair-black-rgb), .30);
   background-position: top center;
   transition-delay: .1s;
   transition-timing-function: ease-in-out;
   transition-duration: .5s;
   transition-property: all;
   transform-origin: top;
   transform-style: preserve-3d;
   transform: scaleY(0);
   z-index: 1;
 }

 .project-two__single:hover .project-two__img::before {
   transform: scaleY(1.0);
 }

 .project-two__img img {
   width: 100%;
   border-radius: 20px;
   transform: scale(1.01);
   transition: transform .5s cubic-bezier(.27, .48, .45, .94);
   transform-origin: 70% 80%;
 }

 .project-two__single:hover .project-two__img img {
   transform: scale(1.036);
   transition-duration: .9s
 }

 .project-two__arrow {
   position: absolute;
   top: 30px;
   right: 30px;
   -webkit-transform: scale(0) rotate(80deg);
   transform: scale(0) rotate(80deg);
   opacity: 0;
   -webkit-transition: all 500ms ease;
   transition: all 500ms ease;
   z-index: 2;
 }

 .project-two__single:hover .project-two__arrow {
   -webkit-transform: scale(1) rotate(0deg);
   transform: scale(1) rotate(0deg);
   transition-delay: 500ms;
   opacity: 1;
 }

 .project-two__arrow a {
   position: relative;
   display: flex;
   align-items: center;
   justify-content: center;
   height: 50px;
   width: 50px;
   background-color: var(--erepair-base);
   border-radius: 50%;
   font-size: 16px;
   color: var(--erepair-white);
 }

 .project-two__arrow a:hover {
   background-color: var(--erepair-primary);
   color: var(--erepair-black);
 }

 .project-two__content {
   position: absolute;
   bottom: 10px;
   left: 10px;
   right: 10px;
   background-color: var(--erepair-white);
   border-radius: 20px;
   padding: 28px 40px 30px;
   background-position: center bottom;
   transition-delay: .1s;
   transition-timing-function: ease-in-out;
   transition-duration: .5s;
   transition-property: all;
   transform-origin: bottom;
   transform-style: preserve-3d;
   transform: scaleY(0);
   z-index: 2;
 }

 .project-two__single:hover .project-two__content {
   transform: scaleY(1.0);
 }

 .project-two__sub-title {
   font-weight: 700;
   font-family: var(--erepair-font-2);
   text-transform: uppercase;
   color: var(--erepair-black);
 }

 .project-two__title {
   font-size: 30px;
   font-weight: 700;
   line-height: 40px;
   text-transform: capitalize;
   margin-top: 3px;
 }

 .project-two__title a {
   color: var(--erepair-black);
 }

 .project-two__title a:hover {
   color: var(--erepair-base);
 }

 .project-details {
   position: relative;
   display: block;
   padding: 120px 0 120px;
   z-index: 1;
 }

 .project-details__left {
   position: relative;
   display: block;
 }

 .project-details__img {
   position: relative;
   display: block;
 }

 .project-details__img img {
   width: 100%;
   border-radius: 20px;
 }

 .project-details__title-1 {
   font-size: 48px;
   font-weight: 600;
   line-height: 58px;
   letter-spacing: -1.44px;
   text-transform: capitalize;
   margin-top: 41px;
   margin-bottom: 29px;
 }

 .project-details__title-2 {
   font-size: 48px;
   font-weight: 600;
   line-height: 58px;
   letter-spacing: -1.44px;
   text-transform: capitalize;
   margin-top: 62px;
   margin-bottom: 29px;
 }

 .project-details__text-and-img {
   position: relative;
   display: flex;
   align-items: center;
   gap: 35px;
   margin-top: 31px;
   margin-bottom: 61px;
 }

 .project-details__text-img {
   position: relative;
   display: block;
 }

 .project-details__text-img img {
   width: auto;
   border-radius: 20px;
 }

 .project-details__title-3 {
   font-size: 48px;
   font-weight: 600;
   line-height: 58px;
   letter-spacing: -1.44px;
   text-transform: capitalize;
 }

 .project-details__text-4 {
   margin-top: 29px;
   margin-bottom: 31px;
 }

 .project-details__img-and-points {
   position: relative;
   display: flex;
   align-items: center;
   gap: 30px;
 }

 .project-details__points-img {
   position: relative;
   display: block;
   max-width: 410px;
   width: 100%;
 }

 .project-details__points-img img {
   width: 100%;
   border-radius: 20px;
 }

 .project-details__points {
   position: relative;
   display: block;
 }

 .project-details__points li {
   position: relative;
   display: flex;
   align-items: center;
   gap: 14px;
 }

 .project-details__points li+li {
   margin-top: 16px;
 }

 .project-details__points li .icon {
   position: relative;
   display: inline-block;
 }

 .project-details__points li .icon span {
   position: relative;
   display: inline-block;
   font-size: 12px;
   color: var(--erepair-base);
 }

 .project-details__points li p {
   color: #232323;
 }

 .project-details__sidebar {
   position: relative;
   display: block;
 }

 .project-details__information {
   position: relative;
   display: block;
   background-color: var(--erepair-extra);
   border-radius: 20px;
   padding: 40px 40px 40px;
   margin-bottom: 60px;
 }

 .project-details__information-title {
   font-size: 24px;
   font-weight: 700;
   line-height: 36px;
   letter-spacing: -0.72px;
   margin-bottom: 30px;
 }

 .project-details__information-list {
   position: relative;
   display: block;
 }

 .project-details__information-list li {
   position: relative;
   display: block;
   background-color: var(--erepair-white);
   border: 1px solid var(--erepair-bdr-color);
   border-radius: 20px;
   padding: 5px 30px 12px;
 }

 .project-details__information-list li+li {
   margin-top: 12px;
 }

 .project-details__information-list li h4 {
   font-size: 16px;
   font-weight: 700;
   line-height: 26px;
   text-transform: uppercase;
   color: #232323;
   margin-bottom: 7px;
 }

 .project-details__get-started {
   position: relative;
   display: block;
   background-color: var(--erepair-extra);
   border-radius: 20px;
   padding: 40px 40px 40px;
 }

 .project-details__get-started-title {
   font-size: 30px;
   font-weight: 700;
   line-height: 40px;
 }

 .project-details__get-started-text {
   margin-top: 18px;
   margin-bottom: 29px;
 }

 .project-details__get-started-points {
   position: relative;
   display: block;
 }

 .project-details__get-started-points li {
   position: relative;
   display: flex;
   align-items: center;
   gap: 14px;
 }

 .project-details__get-started-points li+li {
   margin-top: 11px;
 }

 .project-details__get-started-points li .icon {
   position: relative;
   display: inline-block;
   top: 5px;
 }

 .project-details__get-started-points li .icon span {
   position: relative;
   display: inline-block;
   font-size: 22px;
   color: var(--erepair-black);
 }

 .project-details__get-started-points li p {
   color: #232323;
 }

 .project-details__get-started-points li p a {
   color: #232323;
 }

 .project-details__get-started-points li p a:hover {
   color: var(--erepair-base);
 }

 .project-details__get-started-btn-box {
   position: relative;
   display: block;
   margin-top: 30px;
 }

 .pricing-one {
   position: relative;
   display: block;
   padding: 0 0 90px;
   z-index: 1;
 }

 .pricing-one__shape-1 {
   position: absolute;
   bottom: 0;
   right: 0;
   animation: topBottom 3s ease-in-out infinite;
   z-index: -1;
 }

 .pricing-one__shape-1 img {
   width: auto;
   filter: invert(1);
   opacity: 0.05;
 }

 .pricing-one__single {
   position: relative;
   display: block;
   background-color: var(--erepair-extra);
   border-radius: 20px;
   margin-bottom: 30px;
   z-index: 1;
 }

 .pricing-one__single::before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   border-radius: 20px;
   background-color: var(--erepair-black);
   transform: scaleX(0.7) rotateX(20deg);
   opacity: 0;
   transition: all 0.4s linear;
   z-index: -1;
 }

 .pricing-one__single:hover::before {
   transform: scaleX(1.0) rotateX(0deg);
   transition: all 0.4s linear;
   opacity: 1;
 }

 .pricing-one__price-pack {
   position: relative;
   display: flex;
   align-items: center;
   justify-content: space-between;
   border-bottom: 1px solid rgba(var(--erepair-base-rgb), .20);
   padding: 43px 40px 24px;
   -webkit-transition: all 500ms ease;
   transition: all 500ms ease;
 }

 .pricing-one__single:hover .pricing-one__price-pack {
   border-bottom: 1px solid rgba(var(--erepair-white-rgb), .20);
 }

 .pricing-one__price-month {
   position: relative;
   display: block;
 }

 .pricing-one__price-month h3 {
   font-size: 24px;
   font-weight: 700;
   line-height: 32px;
   letter-spacing: -0.72px;
   -webkit-transition: all 500ms ease;
   transition: all 500ms ease;
 }

 .pricing-one__single:hover .pricing-one__price-month h3 {
   color: var(--erepair-white);
 }

 .pricing-one__price-month p {
   font-family: var(--erepair-font-2);
   color: var(--erepair-black);
   -webkit-transition: all 500ms ease;
   transition: all 500ms ease;
 }

 .pricing-one__single:hover .pricing-one__price-month p {
   color: #DDDDDD;
 }

 .pricing-one__price-pack h2 {
   font-size: 48px;
   font-weight: 600;
   line-height: 48px;
   letter-spacing: -1.44px;
   -webkit-transition: all 500ms ease;
   transition: all 500ms ease;
 }

 .pricing-one__single:hover .pricing-one__price-pack>h2 {
   color: var(--erepair-white);
 }

 .pricing-one__points-and-btn {
   position: relative;
   display: block;
   padding: 30px 40px 40px;
 }

 .pricing-one__price-points {
   position: relative;
   display: block;
 }

 .pricing-one__price-points li {
   position: relative;
   display: flex;
   align-items: center;
   gap: 10px;
 }

 .pricing-one__price-points li+li {
   margin-top: 17px;
 }

 .pricing-one__price-points li .icon {
   position: relative;
   display: inline-block;
 }

 .pricing-one__price-points li .icon span {
   position: relative;
   display: inline-block;
   font-size: 16px;
   color: var(--erepair-base);
 }

 .pricing-one__price-points li p {
   -webkit-transition: all 500ms ease;
   transition: all 500ms ease;
 }

 .pricing-one__single:hover .pricing-one__price-points li p {
   color: #DDDDDD;
 }

 .pricing-one__btn-box {
   position: relative;
   display: block;
   margin-top: 40px;
 }

 .pricing-one__single:hover .pricing-one__btn {
   color: var(--erepair-white);
   background-color: var(--erepair-base);
 }

 .pricing-two {
   position: relative;
   display: block;
   padding: 120px 0 90px;
   overflow: hidden;
   z-index: 1;
 }

 .pricing-two__shape-1 {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: -30px;
   background-repeat: no-repeat;
   background-position: center;
   background-size: cover;
   z-index: -1;
 }

 .pricing-two__single {
   position: relative;
   display: block;
   margin-bottom: 30px;
   z-index: 1;
 }

 .pricing-two__title-box {
   position: relative;
   display: block;
   background-color: var(--erepair-extra);
   text-align: center;
   padding: 43px 0 50px;
   border-top-left-radius: 10px;
   border-top-right-radius: 10px;
   z-index: 1;
 }

 .pricing-two__title-box::before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   border-top-left-radius: 10px;
   border-top-right-radius: 10px;
   background-color: var(--erepair-black);
   transform: scaleX(0.7) rotateX(20deg);
   opacity: 0;
   transition: all 0.4s linear;
   z-index: -1;
 }

 .pricing-two__single:hover .pricing-two__title-box::before {
   transform: scaleX(1.0) rotateX(0deg);
   transition: all 0.4s linear;
   opacity: 1;
 }

 .pricing-two__title-box h3 {
   font-size: 24px;
   font-weight: 700;
   line-height: 32px;
   letter-spacing: -0.72px;
   -webkit-transition: all 500ms ease;
   transition: all 500ms ease;
 }

 .pricing-two__single:hover .pricing-two__title-box h3 {
   color: var(--erepair-white);
 }

 .pricing-two__title-box p {
   font-family: var(--erepair-font-2);
   color: var(--erepair-black);
   margin-top: 4px;
   margin-bottom: 9px;
   -webkit-transition: all 500ms ease;
   transition: all 500ms ease;
 }

 .pricing-two__single:hover .pricing-two__title-box p {
   color: var(--erepair-white);
 }

 .pricing-two__title-box h2 {
   font-size: 48px;
   font-weight: 600;
   line-height: 48px;
   letter-spacing: -1.44px;
   -webkit-transition: all 500ms ease;
   transition: all 500ms ease;
 }

 .pricing-two__single:hover .pricing-two__title-box h2 {
   color: var(--erepair-white);
 }

 .pricing-two__content {
   position: relative;
   display: block;
   background: #FFFFFF;
   box-shadow: 0px 0px 60px rgba(0, 0, 0, 0.05);
   padding: 35px 30px 40px;
   border-bottom-left-radius: 10px;
   border-bottom-right-radius: 10px;
   z-index: 1;
 }

 .pricing-two__price-points {
   position: relative;
   display: block;
 }

 .pricing-two__price-points li {
   position: relative;
   display: flex;
   align-items: center;
   gap: 10px;
 }

 .pricing-two__price-points li+li {
   margin-top: 17px;
 }

 .pricing-two__price-points li .icon {
   position: relative;
   display: inline-block;
 }

 .pricing-two__price-points li .icon span {
   position: relative;
   display: inline-block;
   font-size: 16px;
   color: var(--erepair-base);
 }

 .pricing-two__price-points li p {
   -webkit-transition: all 500ms ease;
   transition: all 500ms ease;
 }

 .pricing-two__btn-box {
   position: relative;
   display: block;
   margin-top: 32px;
 }

 .pricing-three {
   padding: 120px 0 90px;
 }

 .blog-one {
   position: relative;
   display: block;
   padding: 0 0 90px;
   z-index: 1;
 }

 .blog-one__top {
   position: relative;
   display: flex;
   align-items: flex-end;
   justify-content: space-between;
   margin-bottom: 58px;
 }

 .blog-one__top .section-title {
   margin-bottom: 0px;
 }

 .blog-one__btn-box {
   position: relative;
   display: block;
 }

 .blog-one__single {
   position: relative;
   display: block;
   background: #FFFFFF;
   box-shadow: 0px 0px 60px rgba(0, 0, 0, 0.05);
   border-radius: 20px;
   margin-bottom: 30px;
 }

 .blog-one__img-box {
   position: relative;
   display: block;
 }

 .blog-one__img {
   position: relative;
   display: block;
   border-top-left-radius: 20px;
   border-top-right-radius: 20px;
   overflow: hidden;
 }

 .blog-one__img img {
   width: 100%;
   border-top-left-radius: 20px;
   border-top-right-radius: 20px;
   transition: 0.5s;
   background-size: contain;
 }

 .blog-one__img img:nth-child(1) {
   transform: translatex(50%) scalex(2);
   opacity: 0;
   filter: blur(10px);
 }

 .blog-one__img img:nth-child(2) {
   position: absolute;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   object-fit: contain;
 }

 .blog-one__link {
   display: flex;
   width: 100%;
   height: 100%;
   background-color: rgba(var(--erepair-black-rgb), 0.5);
   position: absolute;
   top: 0;
   left: 0;
   justify-content: center;
   align-items: center;
   opacity: 0;
   transform: translateY(-20%);
   transition: opacity 500ms ease, transform 500ms ease;
 }

 .blog-one__link::before,
 .blog-one__link::after {
   content: "";
   width: 25px;
   height: 2px;
   background-color: var(--erepair-white);
   display: block;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
 }

 .blog-one__link::after {
   transform: translate(-50%, -50%) rotate(90deg);
 }

 .blog-one__single:hover .blog-one__link {
   opacity: 1;
   transform: translateY(0);
 }

 .blog-one__single:hover .blog-one__img img:nth-child(1) {
   transform: translatex(0) scalex(1);
   opacity: 1;
   filter: blur(0);
 }

 .blog-one__single:hover .blog-one__img img:nth-child(2) {
   transform: translatex(-50%) scalex(2);
   opacity: 0;
   filter: blur(10px);
 }

 .blog-one__date {
   position: absolute;
   top: 10px;
   right: 10px;
   display: flex;
   align-items: center;
   justify-content: center;
   width: 74px;
   height: 74px;
   background-color: var(--erepair-primary);
   border-radius: 50%;
   text-align: center;
 }

 .blog-one__date p {
   font-size: 15px;
   font-weight: 700;
   line-height: 18px;
   font-family: var(--erepair-font-2);
   color: var(--erepair-black);
 }

 .blog-one__content {
   position: relative;
   display: block;
   padding: 10px 25px 15px;
 }

 .blog-one__title {
   font-size: 24px;
   font-weight: 700;
   line-height: 36px;
   letter-spacing: -0.72px;
   margin-bottom: 5px;
 }

 .blog-one__title a {
   color: var(--erepair-black);
 }

 .blog-one__title a:hover {
   color: var(--erepair-base);
 }

 .blog-one__learn-more {
   position: relative;
   display: inline-flex;
   align-items: center;
   gap: 10px;
   font-size: 14px;
   font-weight: 600;
   line-height: 14px;
   text-transform: uppercase;
   font-family: var(--erepair-font-2);
   color: var(--erepair-black);
 }

 .blog-one__learn-more:hover {
   color: var(--erepair-base);
 }

 .blog-one__learn-more::before {
   content: "";
   position: absolute;
   left: 0;
   right: 0;
   bottom: -3px;
   height: 1px;
   background-color: #6E777D;
   -webkit-transition: all 500ms ease;
   transition: all 500ms ease;
 }

 .blog-one__learn-more:hover::before {
   background-color: var(--erepair-base);
 }

 .blog-one__learn-more span {
   color: var(--erepair-base);
 }

 .blog-one__user {
   position: absolute;
   top: -15px;
   left: 30px;
   display: flex;
   align-items: center;
   justify-content: center;
   width: 110px;
   height: 31px;
   background-color: var(--erepair-base);
   border-radius: 16px;
 }

 .blog-one__user p {
   position: relative;
   display: flex;
   align-items: center;
   gap: 10px;
   font-size: 14px;
   font-weight: 600;
   text-transform: uppercase;
   font-family: var(--erepair-font-2);
   color: var(--erepair-white);
 }

 .blog-two {
   position: relative;
   display: block;
   padding: 120px 0 90px;
   z-index: 1;
 }

 .blog-two .row {
   --bs-gutter-x: 60px;
 }

 .blog-two__top {
   position: relative;
   display: flex;
   align-items: flex-end;
   justify-content: space-between;
   margin-bottom: 58px;
 }

 .blog-two__top .section-title-two {
   margin-bottom: 0px;
 }

 .blog-two__btn-box {
   position: relative;
   display: block;
 }

 .blog-two__single {
   position: relative;
   display: block;
   margin-bottom: 21px;
 }

 .blog-two__single-border {
   position: absolute;
   right: -30px;
   bottom: 0;
   top: 0;
   width: 1px;
   background-color: #DDDDDD;
 }

 .blog-two__img-box {
   position: relative;
   display: block;
 }

 .blog-two__img {
   position: relative;
   display: block;
   border-radius: 20px;
   border-bottom-right-radius: 0;
   overflow: hidden;
 }

 .blog-two__img::before {
   position: absolute;
   content: '';
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background: var(--erepair-black);
   opacity: 0;
   transition: background-color 0.5s ease;
   transition: all 0.5s ease;
   z-index: 1;
 }

 .blog-two__single:hover .blog-two__img::before {
   opacity: .50;
 }

 .blog-two__img img {
   width: 100%;
   border-radius: 20px;
   border-bottom-right-radius: 0;
   transform: scale3d(1, 1, 1);
   transition: transform 1s ease-in-out;
 }

 .blog-two__single:hover .blog-two__img img {
   transform: scale(1.05) rotate(0deg);
 }

 .blog-two__date {
   position: absolute;
   left: 0;
   bottom: 0;
   background-color: var(--erepair-base);
   border-bottom-left-radius: 20px;
   border-top-right-radius: 20px;
   padding: 12px 20px 12px;
   z-index: 2;
 }

 .blog-two__date p {
   font-size: 16px;
   font-weight: 700;
   line-height: 24px;
   text-transform: uppercase;
   font-family: var(--erepair-font-2);
   color: var(--erepair-white);
 }

 .blog-two__content {
   position: relative;
   display: block;
   padding-top: 22px;
   padding-right: 20px;
 }

 .blog-two__title {
   font-size: 24px;
   font-weight: 700;
   line-height: 36px;
   letter-spacing: -0.72px;
 }

 .blog-two__title a {
   color: var(--erepair-black);
 }

 .blog-two__title a:hover {
   color: var(--erepair-base);
 }

 .blog-two__text {
   margin-top: 12px;
   margin-bottom: 16px;
 }

 .blog-two__read-more {
   position: relative;
   display: inline-block;
 }

 .blog-two__read-more a {
   position: relative;
   display: flex;
   align-items: center;
   gap: 10px;
   font-size: 14px;
   font-weight: 600;
   line-height: 24px;
   text-transform: uppercase;
   font-family: var(--erepair-font-2);
   color: var(--erepair-black);
 }

 .blog-two__read-more a:hover {
   color: var(--erepair-base);
 }

 .blog-two__read-more a span {
   color: var(--erepair-base);
 }

 .blog-three {
   position: relative;
   display: block;
   padding: 120px 0 90px;
   overflow: hidden;
   z-index: 1;
 }

 .blog-three-shape-1 {
   position: absolute;
   top: 75px;
   bottom: 75px;
   left: 0;
   right: 0;
   background-repeat: no-repeat;
   background-position: center;
   background-size: cover;
   z-index: -1;
 }

 .blog-three__single {
   position: relative;
   display: block;
   background-color: rgb(255, 255, 255);
   box-shadow: 0px 8px 29px 0px rgba(0, 0, 0, 0.1);
   padding: 20px 20px 30px;
   border-radius: 6px;
   margin-bottom: 30px;
 }

 .blog-three__img {
   position: relative;
   display: block;
   overflow: hidden;
   border-radius: var(--erepair-bdr-radius);
   z-index: 1;
 }

 .blog-three__img:before {
   position: absolute;
   content: '';
   left: 0px;
   bottom: 0px;
   width: 50%;
   height: 100%;
   background-color: rgba(var(--erepair-base-rgb), .70);
   visibility: hidden;
   opacity: 0;
   transform-style: preserve-3d;
   transform: perspective(370px) translateY(100%);
   transform-origin: left;
   transition: all 900ms ease;
   -moz-transition: all 900ms ease;
   -webkit-transition: all 900ms ease;
   -ms-transition: all 900ms ease;
   -o-transition: all 900ms ease;
   z-index: 1;
 }

 .blog-three__single:hover .blog-three__img:before {
   visibility: visible;
   opacity: 1;
   transform: perspective(370px) translateY(0%);
 }

 .blog-three__img:after {
   position: absolute;
   content: '';
   top: 0px;
   right: 0px;
   width: 50%;
   height: 100%;
   background-color: rgba(var(--erepair-base-rgb), .70);
   visibility: hidden;
   opacity: 0;
   transform-style: preserve-3d;
   transform: perspective(370px) translateY(-100%);
   transform-origin: top;
   transition: all 900ms ease;
   -moz-transition: all 900ms ease;
   -webkit-transition: all 900ms ease;
   -ms-transition: all 900ms ease;
   -o-transition: all 900ms ease;
   z-index: 1;
 }

 .blog-three__single:hover .blog-three__img:after {
   visibility: visible;
   opacity: 1;
   transform: perspective(370px) translateY(0%);
 }

 .blog-three__img img {
   width: 100%;
   border-radius: var(--erepair-bdr-radius);
   -webkit-transform: scale(1);
   transform: scale(1);
   -webkit-transition: -webkit-transform .4s ease;
   transition: -webkit-transform .4s ease;
   transition: transform .4s ease;
   transition: transform .4s ease, -webkit-transform .4s ease;
   object-fit: contain;
 }

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

 .blog-three__plus {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   display: flex;
   align-items: center;
   justify-content: center;
   transform: rotate(-45deg) scale(0);
   transition: all 600ms ease;
   z-index: 3;
 }

 .blog-three__single:hover .blog-three__plus {
   transform: rotate(0deg) scale(1);
   transition-delay: 700ms;
 }

 .blog-three__plus a {
   height: 50px;
   width: 50px;
   line-height: 50px;
   background-color: var(--erepair-white);
   border-radius: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 15px;
   color: var(--erepair-base);
   -webkit-transition: all 500ms ease;
   transition: all 500ms ease;
 }

 .blog-three__plus a:hover {
   color: var(--erepair-white);
   background-color: var(--erepair-black);
 }

 .blog-three__content {
   position: relative;
   display: block;
 }

 .blog-three__meta {
   position: relative;
   display: flex;
   align-items: center;
   margin-top: 27px;
 }

 .blog-three__meta li {
   position: relative;
   display: block;
 }

 .blog-three__meta li+li {
   margin-left: 20px;
 }

 .blog-three__meta li a {
   color: var(--erepair-black);
   text-transform: uppercase;
   -webkit-transition: all 500ms ease;
   transition: all 500ms ease;
 }

 .blog-three__meta li a:hover {
   color: var(--erepair-base);
 }

 .blog-three__meta li a i {
   color: var(--erepair-base);
   margin-right: 10px;
 }

 .blog-three__title {
   font-size: 14px;
   font-weight: 600;
   line-height: 18px;
   margin-top: 16px;
   margin-bottom: 21px;
 }

 .blog-three__title a {
   color: var(--erepair-black);
   -webkit-transition: all 500ms ease;
   transition: all 500ms ease;
 }

 .blog-three__title a:hover {
   color: var(--erepair-base);
 }

 .blog-details {
   position: relative;
   display: block;
   padding: 120px 0 120px;
   z-index: 1;
 }

 .blog-details__left {
   position: relative;
   display: block;
 }

 .blog-details__img {
   position: relative;
   display: block;
 }

 .blog-details__img img {
   width: 100%;
   border-radius: 20px;
 }

 .blog-details__date {
   position: absolute;
   top: 40px;
   right: 40px;
   display: flex;
   align-items: center;
   justify-content: center;
   width: 74px;
   height: 74px;
   background-color: var(--erepair-primary);
   border-radius: 50%;
   text-align: center;
 }

 .blog-details__date p {
   font-size: 15px;
   font-weight: 700;
   line-height: 18px;
   font-family: var(--erepair-font-2);
   color: var(--erepair-black);
 }

 .blog-details__content {
   position: relative;
   display: block;
   margin-top: 30px;
 }

 .blog-details__user-and-meta {
   position: relative;
   display: flex;
   align-items: center;
   gap: 30px;
 }

 .blog-details__user {
   position: relative;
   display: flex;
   align-items: center;
   justify-content: center;
   width: 110px;
   height: 31px;
   background-color: var(--erepair-base);
   border-radius: 16px;
 }

 .blog-details__user p {
   position: relative;
   display: flex;
   align-items: center;
   gap: 10px;
   font-size: 14px;
   font-weight: 600;
   text-transform: uppercase;
   font-family: var(--erepair-font-2);
   color: var(--erepair-white);
 }

 .blog-details__meta {
   position: relative;
   display: flex;
   align-items: center;
   gap: 30px;
 }

 .blog-details__meta li {
   position: relative;
   display: block;
 }

 .blog-details__meta li a {
   position: relative;
   display: flex;
   align-items: center;
   gap: 10px;
   color: #898989;
 }

 .blog-details__meta li a:hover {
   color: var(--erepair-base);
 }

 .blog-details__title {
   font-size: 48px;
   font-weight: 600;
   line-height: 58px;
   letter-spacing: -1.44px;
   margin-top: 30px;
   margin-bottom: 19px;
 }

 .blog-details__text-2 {
   margin-top: 21px;
   margin-bottom: 40px;
 }

 .blog-details__author-box {
   position: relative;
   display: block;
   background-color: var(--erepair-primary);
   border-radius: 20px;
   padding: 40px 40px 37px;
 }

 .blog-details__author-text {
   font-size: 24px;
   font-weight: 700;
   line-height: 36px;
   letter-spacing: -0.72px;
   color: #232323;
   margin-bottom: 30px;
 }

 .blog-details__author-name {
   font-size: 20px;
   font-weight: 600;
   line-height: 30px;
   text-align: right;
   color: #232323;
   font-family: var(--erepair-font-2);
 }

 .blog-details__author-name span {
   font-size: 16px;
   font-weight: 400;
   font-family: var(--erepair-font);
 }

 .blog-details__title-2 {
   font-size: 48px;
   font-weight: 600;
   line-height: 58px;
   letter-spacing: -1.44px;
   margin-top: 41px;
   margin-bottom: 19px;
 }

 .blog-details__img-box {
   position: relative;
   display: block;
   margin-top: 29px;
 }

 .blog-details__img-box-img {
   position: relative;
   display: block;
   margin-bottom: 30px;
 }

 .blog-details__img-box-img img {
   width: 100%;
   border-radius: 20px;
 }

 .blog-details__tag-and-share {
   position: relative;
   display: flex;
   align-items: center;
   justify-content: space-between;
   background-color: var(--erepair-extra);
   border-radius: 20px;
   padding: 30px 30px 30px;
   margin-top: 30px;
   margin-bottom: 60px;
 }

 .blog-details__tag {
   position: relative;
   display: flex;
   align-items: center;
   gap: 17px;
 }

 .blog-details__tag-title {
   font-size: 24px;
   font-weight: 700;
   line-height: 34px;
   letter-spacing: -0.72px;
 }

 .blog-details__tag-list {
   position: relative;
   display: flex;
   align-items: center;
   gap: 8px;
 }

 .blog-details__tag-list li {
   position: relative;
   display: block;
 }

 .blog-details__tag-list li a {
   position: relative;
   background-color: var(--erepair-white);
   border: 1px solid var(--erepair-bdr-color);
   color: var(--erepair-gray);
   padding: 10px 9px 10px;
   border-radius: 10px;
 }

 .blog-details__tag-list li a:hover {
   background-color: var(--erepair-base);
   border: 1px solid var(--erepair-base);
   color: var(--erepair-white);
 }

 .blog-details__share-box {
   position: relative;
   display: flex;
   align-items: center;
   gap: 17px;
 }

 .blog-details__share-title {
   font-size: 24px;
   font-weight: 700;
   line-height: 34px;
   letter-spacing: -0.72px;
 }

 .blog-details__share {
   position: relative;
   display: flex;
   align-items: center;
   gap: 16px;
 }

 .blog-details__share a {
   position: relative;
   display: flex;
   align-items: center;
   justify-content: center;
   width: 30px;
   height: 30px;
   font-size: 15px;
   color: var(--erepair-black);
   border: 1px solid var(--erepair-bdr-color);
   background-color: var(--erepair-white);
   border-radius: 50%;
 }

 .blog-details__share a:hover {
   background-color: var(--erepair-base);
   border: 1px solid var(--erepair-base);
   color: var(--erepair-white);
 }

 .comment-one {
   position: relative;
   display: block;
   background-color: var(--erepair-extra);
   border-radius: 20px;
   padding: 40px 40px 40px;
 }

 .comment-one__single {
   position: relative;
   display: flex;
   align-items: flex-start;
   gap: 20px;
   background-color: var(--erepair-white);
   border: 1px solid var(--erepair-bdr-color);
   border-radius: 20px;
   padding: 29px 29px 30px;
 }

 .comment-one__single+.comment-one__single {
   margin-top: 30px;
 }

 .comment-one__image {
   position: relative;
   display: block;
   max-width: 70px;
   width: 100%;
 }

 .comment-one__image img {
   width: 100%;
   border-radius: 50%;
 }

 .comment-one__content {
   position: relative;
   display: block;
 }

 .comment-one__content h3 {
   font-size: 20px;
   font-weight: 600;
   line-height: 30px;
   color: #232323;
   margin-bottom: 3px;
 }

 .comment-one__content p {
   margin-top: 14px;
 }

 .comment-one__btn-box {
   position: absolute;
   top: 28px;
   right: 0px;
 }

 .comment-one__btn {
   position: relative;
   display: flex;
   align-items: center;
   gap: 13px;
   font-size: 15px;
   font-weight: 700;
   line-height: 15px;
   text-transform: uppercase;
   font-family: var(--erepair-font-2);
   color: #232323;
 }

 .comment-one__btn span {
   font-size: 11px;
   color: var(--erepair-base);
 }

 .comment-one__btn:hover {
   color: var(--erepair-base);
 }

 .comment-form {
   position: relative;
   display: block;
   background-color: var(--erepair-extra);
   padding: 40px 40px 40px;
   border-radius: 20px;
   margin-top: 60px;
 }

 .comment-form__title {
   font-size: 24px;
   font-weight: 700;
   letter-spacing: -0.72px;
   line-height: 34px;
 }

 .comment-form__text {
   margin-top: 23px;
   margin-bottom: 38px;
 }

 .comment-one__form {
   position: relative;
   display: block;
 }

 .comment-form__input-box {
   position: relative;
   display: block;
   margin-bottom: 30px;
 }

 .comment-form__input-box input[type="text"],
 .comment-form__input-box input[type="email"] {
   height: 60px;
   width: 100%;
   border-radius: 20px;
   background-color: var(--erepair-white);
   border: 1px solid var(--erepair-bdr-color);
   padding-left: 20px;
   padding-right: 20px;
   outline: none;
   font-size: 16px;
   font-weight: 400;
   color: var(--erepair-gray);
   display: block;
 }

 .comment-form__input-box textarea {
   font-size: 16px;
   color: var(--erepair-gray);
   height: 140px;
   width: 100%;
   border-radius: 20px;
   background-color: var(--erepair-white);
   border: 1px solid var(--erepair-bdr-color);
   padding: 20px 20px 30px;
   outline: none;
   font-weight: 400;
 }

 .comment-form__input-box.text-message-box {
   height: 140px;
 }

 .sidebar {
   position: relative;
   display: block;
 }

 .sidebar__single+.sidebar__single {
   margin-top: 30px;
 }

 .sidebar__title {
   position: relative;
   display: block;
   font-size: 24px;
   font-weight: 700;
   line-height: 36px;
   margin-bottom: 30px;
   letter-spacing: -0.72px;
 }

 .sidebar__search {
   position: relative;
   display: block;
   padding: 40px 40px 40px;
   background-color: var(--erepair-extra);
   border-radius: 20px;
 }

 .sidebar__search-form {
   position: relative;
   display: block;
 }

 .sidebar__search-form input[type="search"] {
   display: block;
   outline: none;
   background-color: var(--erepair-white);
   border: none;
   font-weight: 400;
   font-size: 16px;
   height: 60px;
   width: 100%;
   padding-left: 20px;
   padding-right: 70px;
   color: var(--erepair-gray);
   border-radius: 20px;
 }

 .sidebar__search-form button[type="submit"] {
   color: var(--erepair-white);
   font-size: 22px;
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   max-width: 60px;
   width: 100%;
   outline: none;
   border: none;
   display: flex;
   align-items: center;
   justify-content: center;
   padding: 0;
   background-color: var(--erepair-base);
   border-top-right-radius: 20px;
   border-bottom-right-radius: 20px;
   -webkit-transition: all 500ms ease;
   transition: all 500ms ease;
 }

 .sidebar__search-form button[type="submit"]:hover {
   background-color: var(--erepair-black);
   color: var(--erepair-white);
 }

 .sidebar__all-category {
   position: relative;
   display: block;
   padding: 35px 40px 40px;
   background-color: var(--erepair-extra);
   border-radius: 20px;
 }

 .sidebar__all-category-list {
   position: relative;
   display: block;
 }

 .sidebar__all-category-list li {
   position: relative;
   display: block;
 }

 .sidebar__all-category-list li+li {
   margin-top: 12px;
 }

 .sidebar__all-category-list li a {
   position: relative;
   display: flex;
   align-items: center;
   justify-content: space-between;
   background-color: var(--erepair-white);
   border: 1px solid var(--erepair-bdr-color);
   border-radius: 20px;
   font-weight: 700;
   text-transform: uppercase;
   font-family: var(--erepair-font-2);
   color: #232323;
   padding: 15px 20px 14px;
   overflow: hidden;
   z-index: 1;
 }

 .sidebar__all-category-list li:hover a {
   color: var(--erepair-white);
 }

 .sidebar__all-category-list li.active a {
   color: var(--erepair-white);
 }

 .sidebar__all-category-list li a::before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background-color: var(--erepair-base);
   transition: -webkit-transform 0.5s ease;
   transition: transform 0.5s ease;
   transition: transform 0.5s ease, -webkit-transform 0.5s ease;
   transform-origin: bottom right;
   -webkit-transform: scale(1, 0);
   transform: scale(1, 0);
   z-index: -1;
 }

 .sidebar__all-category-list li:hover a::before {
   -webkit-transform: scale(1, 1);
   transform: scale(1, 1);
   transform-origin: top center;
 }

 .sidebar__all-category-list li.active a::before {
   -webkit-transform: scale(1, 1);
   transform: scale(1, 1);
   transform-origin: top center;
 }

 .sidebar__all-category-list li a span {
   color: var(--erepair-gray);
   -webkit-transition: all 500ms ease;
   transition: all 500ms ease;
 }

 .sidebar__all-category-list li:hover a span {
   color: var(--erepair-white);
 }

 .sidebar__all-category-list li.active a span {
   color: var(--erepair-white);
 }

 .sidebar__post {
   position: relative;
   display: block;
   padding: 35px 40px 40px;
   background-color: var(--erepair-extra);
   border-radius: 20px;
 }

 .sidebar__post-list {
   position: relative;
   display: block;
 }

 .sidebar__post-list li {
   position: relative;
   display: flex;
   align-items: center;
 }

 .sidebar__post-list li+li {
   margin-top: 12px;
 }

 .sidebar__post-image {
   position: relative;
   display: block;
   max-width: 136px;
   width: 100%;
 }

 .sidebar__post-image img {
   width: 100%;
   border-top-left-radius: 20px;
   border-bottom-left-radius: 20px;
 }

 .sidebar__post-content {
   position: relative;
   display: block;
   background-color: var(--erepair-white);
   border: 1px solid var(--erepair-bdr-color);
   border-left: 0;
   border-top-right-radius: 20px;
   border-bottom-right-radius: 20px;
   padding: 24px 20px 23px;
 }

 .sidebar__post-date {
   font-size: 15px;
   font-weight: 700;
   line-height: 25px;
   text-transform: uppercase;
   font-family: var(--erepair-font-2);
   color: var(--erepair-base);
 }

 .sidebar__post-content h3 {
   font-size: 18px;
   font-weight: 600;
   line-height: 28px;
 }

 .sidebar__post-content h3 a {
   color: var(--erepair-black);
 }

 .sidebar__post-content h3 a:hover {
   color: var(--erepair-base);
 }

 .sidebar__tags {
   position: relative;
   display: block;
   padding: 35px 40px 40px;
   background-color: var(--erepair-extra);
   border-radius: 20px;
 }

 .sidebar__tags .sidebar__title {
   margin-bottom: 14px;
 }

 .sidebar__tags-list {
   position: relative;
   display: block;
   margin-left: -8px;
 }

 .sidebar__tags-list a {
   color: var(--erepair-gray);
   -webkit-transition: all 0.4s ease;
   transition: all 0.4s ease;
   display: inline-block;
   padding: 9px 9px 9px;
   background-color: var(--erepair-white);
   border: 1px solid var(--erepair-bdr-color);
   border-radius: 10px;
   margin-left: 8px;
 }

 .sidebar__tags-list a+a {
   margin-top: 16px;
 }

 .sidebar__tags-list a:hover {
   color: var(--erepair-white);
   background-color: var(--erepair-base);
   border: 1px solid var(--erepair-base);
 }

 .blog-list {
   position: relative;
   display: block;
   padding: 120px 0 60px;
   z-index: 1;
 }

 .blog-list__left {
   position: relative;
   display: block;
 }

 .blog-list__single {
   position: relative;
   display: block;
   margin-bottom: 56px;
 }

 .blog-list__img {
   position: relative;
   display: block;
   border-radius: 20px;
   overflow: hidden;
   z-index: 1;
 }

 .blog-list__img:before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   opacity: 0;
   background: rgb(0, 0, 0);
   transition: all 0.5s ease;
   z-index: 1;
 }

 .blog-list__single:hover .blog-list__img:before {
   opacity: 0.2;
 }

 .blog-list__img img {
   width: 100%;
   border-radius: 20px;
   transform: scale3d(1, 1, 1);
   transition: transform 1s ease-in-out;
 }

 .blog-list__single:hover .blog-list__img img {
   transform: scale(1.06) rotate(0deg);
 }

 .blog-list__date {
   position: absolute;
   top: 40px;
   right: 40px;
   display: flex;
   align-items: center;
   justify-content: center;
   width: 74px;
   height: 74px;
   background-color: var(--erepair-primary);
   border-radius: 50%;
   text-align: center;
 }

 .blog-list__date p {
   font-size: 15px;
   font-weight: 700;
   line-height: 19px;
   font-family: var(--erepair-font-2);
 }

 .blog-list__content {
   position: relative;
   display: block;
   margin-top: 30px;
 }

 .blog-list__user-and-meta {
   position: relative;
   display: flex;
   align-items: center;
   gap: 30px;
 }

 .blog-list__user {
   position: relative;
   display: flex;
   align-items: center;
   justify-content: center;
   width: 110px;
   height: 31px;
   background-color: var(--erepair-base);
   border-radius: 16px;
 }

 .blog-list__user p {
   position: relative;
   display: flex;
   align-items: center;
   gap: 10px;
   font-size: 14px;
   font-weight: 600;
   text-transform: uppercase;
   font-family: var(--erepair-font-2);
   color: var(--erepair-white);
 }

 .blog-list__meta {
   position: relative;
   display: flex;
   align-items: center;
   gap: 30px;
 }

 .blog-list__meta li {
   position: relative;
   display: block;
 }

 .blog-list__meta li a {
   position: relative;
   display: flex;
   align-items: center;
   gap: 10px;
   color: #898989;
 }

 .blog-list__meta li a:hover {
   color: var(--erepair-base);
 }

 .blog-list__title {
   font-size: 48px;
   font-weight: 600;
   line-height: 58px;
   letter-spacing: -1.44px;
   margin-top: 30px;
   margin-bottom: 19px;
 }

 .blog-list__title a {
   color: var(--erepair-black);
 }

 .blog-list__title a:hover {
   color: var(--erepair-base);
 }

 .blog-list__read-more {
   position: relative;
   display: inline-flex;
   align-items: center;
   gap: 10px;
   font-size: 14px;
   font-weight: 600;
   text-transform: uppercase;
   font-family: var(--erepair-font-2);
   color: var(--erepair-black);
   margin-top: 27px;
 }

 .blog-list__read-more:hover {
   color: var(--erepair-base);
 }

 .blog-list__read-more span {
   color: var(--erepair-base);
 }

 .blog-list__read-more::before {
   content: "";
   position: absolute;
   bottom: 4px;
   left: 0;
   right: 0;
   height: 1px;
   background-color: #6E777D;
   -webkit-transition: all 500ms ease;
   transition: all 500ms ease;
 }

 .blog-list__read-more:hover::before {
   background-color: var(--erepair-base);
 }

 .blog-page {
   padding: 120px 0 90px;
 }

 .cta-one {
   position: relative;
   display: block;
   z-index: 2;
 }

 .cta-one .section-title__tagline {
   color: var(--erepair-black);
 }

 .cta-one .section-title {
   margin-bottom: 23px;
 }

 .cta-one__inner {
   position: relative;
   display: block;
   background-color: #f9fffd;
   border-radius: 25px;
   padding: 35px 28px 50px;
   overflow: hidden;
   z-index: 1;
   border: 1px solid #dedede;
 }

 .cta-one__img {
   position: absolute;
   top: 0;
   right: 0;
   z-index: -1;
 }

 .cta-one__img img {
   width: auto;
 }

 .cta-one__text {
   color: var(--erepair-black);
 }

 .cta-one__btn-and-call-box {
   position: relative;
   display: flex;
   align-items: center;
   gap: 30px;
   margin-top: 44px;
 }

 .cta-one__btn-box {
   position: relative;
   display: block;
 }

 .cta-one__call-box {
   position: relative;
   display: flex;
   align-items: center;
   gap: 15px;
 }

 .cta-one__call-box .icon {
   position: relative;
   display: flex;
   align-items: center;
   justify-content: center;
   width: 48px;
   height: 48px;
   border-radius: 50%;
   background-color: rgba(var(--erepair-white-rgb), .50);
   -webkit-transition: all 500ms ease;
   transition: all 500ms ease;
 }

 .cta-one__call-box .icon:hover {
   background-color: var(--erepair-base);
 }

 .cta-one__call-box .icon span {
   position: relative;
   display: inline-block;
   font-size: 22px;
   color: var(--erepair-black);
   -webkit-transition: all 500ms ease;
   transition: all 500ms ease;
 }

 .cta-one__call-box .icon:hover span {
   color: var(--erepair-white);
 }

 .cta-one__call-box .content {
   position: relative;
   display: block;
 }

 .cta-one__call-box .content p {
   color: var(--erepair-black);
   font-family: var(--erepair-font-2);
   text-transform: capitalize;
 }

 .cta-one__call-box .content h4 {
   font-size: 16px;
   font-weight: 700;
   line-height: 23px;
 }

 .cta-one__call-box .content h4 a {
   color: var(--erepair-black);
 }

 .cta-one__call-box .content h4 a:hover {
   color: var(--erepair-base);
 }

 .contact-and-counter {
   position: relative;
   display: block;
   z-index: 1;
 }

 .contact-and-counter__inner {
   position: relative;
   display: block;
   max-width: 1410px;
   margin: 0 auto;
   background-color: var(--erepair-black);
   border-radius: 20px;
   padding: 120px 0 120px;
 }

 .contact-one {
   position: relative;
   display: block;
   padding-bottom: 120px;
   z-index: 2;
 }

 .contact-one__left {
   position: relative;
   display: block;
   margin-right: 30px;
   margin-left: 60px;
 }

 .contact-one__img {
   position: relative;
   display: block;
 }

 .contact-one__img img {
   width: 100%;
   border-radius: 20px;
 }

 .contact-one__right {
   position: relative;
   display: block;
   margin-top: 11px;
   margin-left: 20px;
   margin-right: 60px;
 }

 .contact-one__form-title {
   font-size: 48px;
   font-weight: 600;
   line-height: 58px;
   letter-spacing: -1.44px;
   color: var(--erepair-white);
   text-transform: capitalize;
   margin-bottom: 29px;
 }

 .contact-one__form {
   position: relative;
   display: block;
 }

 .contact-one__input-box {
   position: relative;
   display: block;
   margin-bottom: 25px;
 }

 .contact-one__input-box input[type="text"],
 .contact-one__input-box input[type="email"] {
   height: 80px;
   width: 100%;
   background-color: #232323;
   border: 1px solid #6E777D;
   padding-left: 20px;
   padding-right: 20px;
   outline: none;
   font-size: 16px;
   font-weight: 400;
   color: var(--erepair-white);
   display: block;
   border-radius: 20px;
 }

 .contact-one__input-box .select-box {
   width: 100%;
 }

 .contact-one__input-box .nice-select {
   height: 80px;
   width: 100%;
   background-color: #232323;
   border: 1px solid #6E777D;
   padding-left: 20px;
   padding-right: 20px;
   outline: none;
   font-size: 16px;
   color: var(--erepair-white);
   display: block;
   font-weight: 400;
   border-radius: 20px;
   line-height: 80px;
   float: none;
 }

 .contact-one__input-box .nice-select:after {
   position: absolute;
   top: 34px;
   right: 20px;
   width: 8px;
   height: 8px;
   border-bottom: 2px solid var(--erepair-white);
   border-right: 2px solid var(--erepair-white);
   margin-top: 0px;
   z-index: 10;
 }

 .contact-one__input-box .nice-select .option {
   color: var(--erepair-white);
 }

 .contact-one__input-box .nice-select .list {
   background-color: var(--erepair-base);
 }

 .contact-one__input-box .nice-select .option:hover,
 .contact-one__input-box .nice-select .option.focus,
 .contact-one__input-box .nice-select .option.selected.focus {
   color: var(--erepair-white);
 }

 .contact-one__btn-box {
   position: relative;
   display: block;
 }

 .contact-two {
   position: relative;
   display: block;
   padding: 120px 0 90px;
   z-index: 1;
 }

 .contact-two__single {
   position: relative;
   display: block;
   border-radius: 20px;
   background-color: var(--erepair-extra);
   text-align: center;
   padding: 40px 40px 41px;
   margin-bottom: 30px;
 }

 .contact-two__icon {
   position: relative;
   display: flex;
   align-items: center;
   justify-content: center;
   width: 70px;
   height: 70px;
   background-color: var(--erepair-white);
   border: 1px solid var(--erepair-bdr-color);
   border-radius: 50%;
   margin: 0 auto;
   z-index: 1;
 }

 .contact-two__icon:before {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   content: "";
   border-radius: 50%;
   background-color: var(--erepair-black);
   transform: scale(0);
   transform-origin: center;
   transform-style: preserve-3d;
   transition: all 0.4s cubic-bezier(0.62, 0.21, 0.45, 1.52);
   z-index: -1;
 }

 .contact-two__single:hover .contact-two__icon:before {
   transform: scaleX(1);
 }

 .contact-two__icon span {
   position: relative;
   display: inline-block;
   font-size: 32px;
   color: var(--erepair-black);
   transition: all 500ms linear;
   transition-delay: 0.1s;
   transform: scale(1);
 }

 .contact-two__single:hover .contact-two__icon span {
   transform: scale(0.9);
   color: var(--erepair-white);
 }

 .contact-two__single p {
   margin-top: 20px;
   margin-bottom: 5px;
 }

 .contact-two__single h3 {
   font-size: 24px;
   font-weight: 700;
   line-height: 34px;
   letter-spacing: -0.72px;
   color: #232323;
 }

 .contact-two__single h3 a {
   color: #232323;
 }

 .contact-two__single h3 a:hover {
   color: var(--erepair-base)
 }

 .contact-three {
   position: relative;
   display: block;
   padding: 0 0 120px;
   z-index: 1;
 }

 .contact-three__inner {
   position: relative;
   display: block;
   background-color: var(--erepair-black);
   border-radius: 20px;
   padding: 60px 0 60px;
 }

 .contact-three__left {
   position: relative;
   display: block;
   margin-left: 60px;
   margin-right: 10px;
 }

 .google-map__one {
   position: relative;
   display: block;
   border: none;
   height: 523px;
   width: 100%;
   border-radius: 20px;
 }

 .contact-three__right {
   position: relative;
   display: block;
   margin-left: 20px;
   margin-right: 40px;
 }

 .contact-three__form-title {
   font-size: 48px;
   font-weight: 600;
   line-height: 58px;
   letter-spacing: -1.44px;
   color: var(--erepair-white);
   margin-bottom: 26px;
 }

 .contact-three__form {
   position: relative;
   display: block;
 }

 .contact-three__input-box {
   position: relative;
   display: block;
   margin-bottom: 30px;
 }

 .contact-three__input-box input[type="text"],
 .contact-three__input-box input[type="email"],
 .contact-three__input-box input[type="tel"],
 .contact-three__input-box input[type="number"] {
   height: 57px;
   width: 100%;
   background-color: #232323;
   border: 1px solid rgba(var(--erepair-white-rgb), .10);
   padding-left: 20px;
   padding-right: 20px;
   outline: none;
   font-size: 16px;
   font-weight: 400;
   color: var(--erepair-gray);
   display: block;
   border-radius: 20px;
 }

 .contact-three__input-box .select-box {
   width: 100%;
 }

 .contact-three__input-box .nice-select {
   height: 57px;
   width: 100%;
   background-color: #232323;
   border: 1px solid rgba(var(--erepair-white-rgb), .10);
   padding-left: 20px;
   padding-right: 20px;
   outline: none;
   font-size: 16px;
   color: var(--erepair-gray);
   display: block;
   font-weight: 400;
   border-radius: 20px;
   line-height: 57px;
   float: none;
 }

 .contact-three__input-box .nice-select:after {
   position: absolute;
   top: 22px;
   right: 20px;
   width: 8px;
   height: 8px;
   border-bottom: 2px solid var(--erepair-gray);
   border-right: 2px solid var(--erepair-gray);
   margin-top: 0px;
   z-index: 10;
 }

 .contact-three__input-box .nice-select .option {
   color: var(--erepair-white);
 }

 .contact-three__input-box .nice-select .list {
   background-color: var(--erepair-base);
 }

 .contact-three__input-box .nice-select .option:hover,
 .contact-three__input-box .nice-select .option.focus,
 .contact-three__input-box .nice-select .option.selected.focus {
   color: var(--erepair-white);
 }

 .contact-three__input-box textarea {
   font-size: 16px;
   color: var(--erepair-gray);
   height: 175px;
   width: 100%;
   background-color: #232323;
   border: 1px solid rgba(var(--erepair-white-rgb), .10);
   padding: 15px 20px 30px;
   border-radius: 20px;
   outline: none;
   font-weight: 400;
   position: relative;
   display: block;
 }

 .contact-three__input-box.text-message-box {
   height: 175px;
 }

 .contact-three__btn-box {
   position: relative;
   display: block;
 }

 .team-one {
   position: relative;
   display: block;
   background-color: var(--erepair-extra);
   padding: 120px 0 240px;
   z-index: 1;
 }

 .team-one__top {
   position: relative;
   display: block;
   margin-bottom: 56px;
 }

 .team-one__top .section-title-two {
   margin-bottom: 0;
 }

 .team-one__text {
   margin-top: 75px;
 }

 .team-one__single {
   position: relative;
   display: block;
   margin-bottom: 30px;
 }

 .team-one__img-box {
   position: relative;
   display: block;
 }

 .team-one__img {
   position: relative;
   display: block;
   overflow: hidden;
   border-radius: 20px;
 }

 .team-one__img::before {
   position: absolute;
   content: '';
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background: var(--erepair-black);
   opacity: 0;
   transition: background-color 0.5s ease;
   transition: all 0.5s ease;
   z-index: 1;
 }

 .team-one__single:hover .team-one__img::before {
   opacity: .50;
 }

 .team-one__img img {
   width: 100%;
   border-radius: 20px;
   transform: scale3d(1, 1, 1);
   transition: transform 1s ease-in-out;
 }

 .team-one__single:hover .team-one__img img {
   transform: scale(1.05) rotate(0deg);
 }

 .team-one__content {
   position: absolute;
   bottom: 20px;
   left: 40px;
   right: 40px;
   text-align: center;
   background-color: var(--erepair-white);
   border-radius: 20px;
   padding: 23px 30px 0px;
   -webkit-transition: all 500ms ease;
   transition: all 500ms ease;
   z-index: 2;
 }

 .team-one__single:hover .team-one__content {
   padding: 23px 30px 28px;
 }

 .team-one__title {
   font-size: 26px;
   font-weight: 600;
   line-height: 36px;
 }

 .team-one__title a {
   color: var(--erepair-black);
 }

 .team-one__title a:hover {
   color: var(--erepair-base);
 }

 .team-one__sub-title {
   font-size: 21px;
   line-height: 31px;
   margin-top: 9px;
   margin-bottom: 7px;
   -webkit-transition: all 500ms ease;
   transition: all 500ms ease;
 }

 .team-one__single:hover .team-one__sub-title {
   margin-bottom: 13px;
 }

 .team-one__social {
   position: relative;
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 20px;
   background-position: center bottom;
   transition-delay: .1s;
   transition-timing-function: ease-in-out;
   transition-duration: .5s;
   transition-property: all;
   transform-origin: bottom;
   transform-style: preserve-3d;
   transform: scaleY(0);
 }

 .team-one__single:hover .team-one__social {
   transform: scaleY(1.0);
 }

 .team-one__social a {
   position: relative;
   display: flex;
   align-items: center;
   font-size: 18px;
   color: var(--erepair-gray);
 }

 .team-one__social a:hover {
   color: var(--erepair-base);
 }

 .team-page {
   position: relative;
   display: block;
   padding: 20px 0 90px;
 }

 .team-details {
   position: relative;
   display: block;
 }

 .team-details__inner {
   position: relative;
   display: block;
   padding: 120px 0 120px;
 }

 .team-details__left {
   position: relative;
   display: block;
   margin-left: 55px;
   margin-right: 55px;
   background: var(--erepair-white);
   box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.08);
 }

 .team-details__img {
   position: relative;
   display: block;
 }

 .team-details__img img {
   width: 100%;
 }

 .team-details__contact-box {
   position: relative;
   display: block;
   padding: 28px 30px 28px;
 }

 .team-details__contact-title {
   position: relative;
   display: block;
   font-size: 24px;
   font-weight: 600;
   line-height: 34px;
 }

 .team-details__contact-title::before {
   content: "";
   position: absolute;
   bottom: -13px;
   left: 0;
   width: 30px;
   height: 1px;
   background-color: var(--erepair-base);
 }

 .team-details__contact-list {
   position: relative;
   display: block;
   margin-top: 34px;
   margin-bottom: 17px;
 }

 .team-details__contact-list li {
   position: relative;
   display: flex;
   align-items: center;
 }

 .team-details__contact-list li+li {
   margin-top: 10px;
 }

 .team-details__contact-list li .icon {
   position: relative;
   display: inline-block;
 }

 .team-details__contact-list li .icon span {
   position: relative;
   display: inline-block;
   font-size: 15px;
   color: var(--erepair-base);
 }

 .team-details__contact-list li p {
   margin-left: 17px;
 }

 .team-details__contact-list li p a {
   color: var(--erepair-gray);
   -webkit-transition: all 500ms ease;
   transition: all 500ms ease;
 }

 .team-details__contact-list li p a:hover {
   color: var(--erepair-base);
 }

 .team-details__social {
   position: relative;
   display: flex;
   align-items: center;
 }

 .team-details__social a {
   font-size: 19px;
   color: var(--erepair-gray);
   -webkit-transition: all 500ms ease;
   transition: all 500ms ease;
 }

 .team-details__social a:hover {
   color: var(--erepair-base);
 }

 .team-details__social a+a {
   margin-left: 20px;
 }

 .team-details__right {
   position: relative;
   display: block;
   margin-top: -11px;
   margin-left: -8px;
 }

 .team-details__title-1 {
   font-size: 36px;
   font-weight: 700;
   line-height: 46px;
 }

 .team-details__sub-title {
   font-size: 16px;
   color: var(--erepair-gray);
   margin-top: 2px;
   margin-bottom: 17px;
 }

 .team-details__title-2 {
   font-size: 36px;
   font-weight: 700;
   line-height: 46px;
   margin-top: 70px;
   margin-bottom: 16px;
 }

 .team-details__progress-list {
   position: relative;
   display: block;
   max-width: 570px;
   margin-top: 39px;
 }

 .team-details__progress {
   position: relative;
   display: block;
 }

 .team-details__progress+.team-details__progress {
   margin-top: 29px;
 }

 .team-details__progress-title {
   font-size: 20px;
   font-weight: 600;
   line-height: 28px;
   margin-bottom: 11px;
   color: var(--erepair-black);
 }

 .team-details__progress .bar {
   position: relative;
   width: 100%;
   height: 12px;
   background-color: var(--erepair-extra);
   border-radius: 6px;
 }

 .team-details__progress .bar-inner {
   position: relative;
   display: block;
   width: 0px;
   height: 12px;
   border-radius: 6px;
   background-color: var(--erepair-base);
   -webkit-transition: all 1500ms ease;
   -ms-transition: all 1500ms ease;
   -o-transition: all 1500ms ease;
   -moz-transition: all 1500ms ease;
   transition: all 1500ms ease;
 }

 .team-details__progress .count-text {
   position: absolute;
   right: 0;
   bottom: 23px;
   color: var(--erepair-base);
   line-height: 24px;
   font-size: 16px;
   text-align: center;
   font-weight: 600;
   font-family: var(--erepair-font-two);
   opacity: 0;
   -webkit-transition: all 500ms ease;
   -ms-transition: all 500ms ease;
   -o-transition: all 500ms ease;
   -moz-transition: all 500ms ease;
   transition: all 500ms ease;
 }

 .team-details__progress .bar-inner.counted .count-text {
   opacity: 1;
 }

 .team-details__progress .bar.marb-0 {
   margin-bottom: 0;
 }

 .faq-one {
   position: relative;
   display: block;
   padding: 165px 0 0;
   z-index: 1;
 }

 .faq-one__bg {
   position: absolute;
   top: 0;
   bottom: 87px;
   left: 0;
   width: calc((100% - -410px) / 2);
   background-repeat: no-repeat;
   background-size: cover;
   background-position: left center;
   border-top-right-radius: 20px;
 }

 .faq-one__right {
   position: relative;
   display: block;
   background: #FFFFFF;
   box-shadow: 0px 0px 60px rgba(0, 0, 0, 0.05);
   border-radius: 20px;
   margin-left: -10px;
   padding: 60px 60px 60px;
 }

 .faq-one__right .section-title-two__title {
   font-size: 41px;
 }

 .faq-one__right .section-title-two {
   margin-bottom: 29px;
 }

 .faq-one__right .section-title-two__tagline {
   padding: 9px 40px 9px;
 }

 .faq-one__text {
   margin-bottom: 30px;
 }

 .faq-one__right .faq-one-accrodion .accrodion {
   position: relative;
   display: block;
   -webkit-transition: all 500ms ease;
   transition: all 500ms ease;
   z-index: 1;
 }

 .faq-one__right .faq-one-accrodion .accrodion-title {
   position: relative;
   display: block;
   cursor: pointer;
   padding: 22px 40px 22px;
   padding-left: 30px;
   background-color: rgba(var(--erepair-gray-rgb), 0.05);
   border-radius: 20px;
   transition: all 200ms linear;
   transition-delay: 0.1s;
   z-index: 1;
 }

 .faq-one__right .faq-one-accrodion .accrodion.active .accrodion-title {
   border-bottom-left-radius: 0;
   border-bottom-right-radius: 0;
 }

 .faq-one__right .faq-one-accrodion .accrodion-title::before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background-color: var(--erepair-base);
   border-top-left-radius: 20px;
   border-top-right-radius: 20px;
   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;
 }

 .faq-one__right .faq-one-accrodion .accrodion.active .accrodion-title::before {
   visibility: visible;
   -webkit-transform: scaleY(1) translateZ(0px);
   transform: scaleY(1) translateZ(0px);
 }

 .faq-one__right .faq-one-accrodion .accrodion-title h4 {
   margin: 0;
   font-size: 16px;
   font-weight: 700;
   line-height: 26px;
   color: var(--erepair-black);
   text-transform: uppercase;
   position: relative;
   -webkit-transition: all 500ms ease;
   transition: all 500ms ease;
 }

 .faq-one__right .faq-one-accrodion .accrodion.active .accrodion-title h4 {
   color: var(--erepair-white);
 }

 .faq-one__right .faq-one-accrodion .accrodion+.accrodion {
   margin-top: 16px;
 }

 .faq-one__right .faq-one-accrodion .accrodion-title h4::before {
   content: "\e927";
   font-family: 'icomoon' !important;
   font-weight: 700;
   font-size: 13px;
   color: var(--erepair-gray);
   position: absolute;
   top: 50%;
   right: 0;
   line-height: 15px;
   border-radius: 50%;
   display: flex;
   justify-content: center;
   align-items: center;
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%);
   -webkit-transition: all 500ms ease;
   transition: all 500ms ease;
   text-align: center;
   width: 21px;
   height: 21px;
 }

 .faq-one__right .faq-one-accrodion .accrodion.active .accrodion-title h4::before {
   content: "\e924";
   color: var(--erepair-white);
   border-radius: 50%;
   text-align: center;
   display: flex;
   justify-content: center;
   align-items: center;
 }

 .faq-one__right .faq-one-accrodion .accrodion-content {
   position: relative;
   padding-bottom: 19px;
   padding-left: 30px;
   padding-top: 20px;
   padding-right: 40px;
   background: #FFFFFF;
   border-bottom: 1px solid #6E777D;
   box-shadow: 0px 0px 60px rgba(0, 0, 0, 0.05);
   border-radius: 0px 0px 20px 20px;
 }

 .faq-one__right .faq-one-accrodion .accrodion-content p {
   margin: 0;
 }

 .faq-page {
   position: relative;
   display: block;
   padding: 120px 0 90px;
 }

 .faq-page .faq-one__right {
   margin-left: 0;
   padding: 30px 30px 30px;
 }

 .faq-page__left {
   position: relative;
   display: block;
   margin-bottom: 30px;
 }

 .faq-page__right {
   position: relative;
   display: block;
   margin-bottom: 30px;
 }

 .faq-page .faq-one__right .faq-one-accrodion .accrodion {
   margin-top: 0;
 }

 .faq-page .faq-one__right .faq-one-accrodion .accrodion+.accrodion {
   margin-top: 30px;
 }

 .process-one {
   position: relative;
   display: block;
   counter-reset: count;
   background-color: var(--erepair-black);
   padding: 120px 0 90px;
   overflow: hidden;
   z-index: 1;
 }

 .process-one__bg {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
   mix-blend-mode: luminosity;
   opacity: .20;
   z-index: -1;
 }

 .process-one .section-title-three__title {
   color: var(--erepair-white);
 }

 .process-one__single {
   position: relative;
   display: block;
   text-align: center;
   margin-bottom: 22px;
 }

 .process-one__icon {
   position: relative;
   display: flex;
   align-items: center;
   justify-content: center;
   width: 120px;
   height: 120px;
   border: 2px solid var(--erepair-white);
   border-radius: 50%;
   margin: 0 auto;
   -webkit-transition: all 500ms ease;
   transition: all 500ms ease;
   z-index: 1;
 }

 .process-one__single:hover .process-one__icon {
   border: 2px solid var(--erepair-base);
 }

 .process-one__icon:before {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   content: "";
   border-radius: 50%;
   background-color: var(--erepair-base);
   transform: scale(0);
   transform-origin: center;
   transform-style: preserve-3d;
   transition: all 0.4s cubic-bezier(0.62, 0.21, 0.45, 1.52);
   z-index: -1;
 }

 .process-one__single:hover .process-one__icon:before {
   transform: scaleX(1);
 }

 .process-one__icon span {
   position: relative;
   display: inline-block;
   font-size: 40px;
   color: var(--erepair-white);
   transition: all 500ms linear;
   transition-delay: 0.1s;
   transform: scale(1);
 }

 .process-one__single:hover .process-one__icon span {
   transform: scale(0.9);
   color: var(--erepair-white);
 }

 .process-one__title {
   font-size: 20px;
   font-weight: 500;
   line-height: 30px;
   text-align: center;
   margin-top: 19px;
   color: var(--erepair-white);
 }

 .process-one__count-box {
   position: absolute;
   left: -26px;
   top: 50%;
   bottom: 0;
   transform: translateY(-50%);
   z-index: 1;
 }

 .process-one__count-box:before {
   position: absolute;
   font-size: 18px;
   line-height: 18px;
   font-weight: 600;
   counter-increment: count;
   content: ""counter(count);
   color: var(--erepair-white);
   background-color: var(--erepair-base);
   height: 40px;
   width: 40px;
   display: flex;
   align-items: center;
   justify-content: center;
   border-radius: 50%;
   -webkit-transition: all 500ms ease;
   transition: all 500ms ease;
   z-index: -1;
 }

 .process-one__single:hover .process-one__count-box:before {
   color: var(--erepair-base);
   background-color: var(--erepair-white);
 }

 .skill-one {
   position: relative;
   display: block;
   padding: 120px 0 120px;
 }

 .skill-one__left {
   position: relative;
   display: block;
   margin-right: 60px;
 }

 .skill-one__text-2 {
   padding-top: 33px;
 }

 .skill-one__progress {
   position: relative;
   display: block;
   width: 100%;
   margin-top: 41px;
 }

 .skill-one__progress-single {
   position: relative;
   display: block;
 }

 .skill-one__progress-title {
   font-size: 14px;
   font-weight: 600;
   line-height: 30px;
   color: var(--erepair-white);
   font-family: var(--erepair-font);
   padding-left: 15px;
 }

 .skill-one__progress .bar {
   position: relative;
   width: 100%;
   height: 30px;
   background-color: var(--erepair-base);
   border-radius: 0px;
   margin-bottom: 20px;
 }

 .skill-one__progress .bar-inner {
   position: relative;
   display: block;
   width: 0px;
   height: 30px;
   border-radius: 0;
   background-color: var(--erepair-primary);
   -webkit-transition: all 1500ms ease;
   transition: all 1500ms ease;
 }

 .skill-one__progress .count-text {
   position: absolute;
   right: 15px;
   bottom: 1px;
   color: var(--erepair-white);
   line-height: 24px;
   font-size: 14px;
   text-align: center;
   font-weight: 600;
   opacity: 0;
   -webkit-transition: all 500ms ease;
   transition: all 500ms ease;
 }

 .skill-one__progress .bar-inner.counted .count-text {
   opacity: 1;
 }

 .skill-one__progress .bar.marb-0 {
   margin-bottom: 0;
 }

 .skill-one__right {
   position: relative;
   display: block;
   margin-left: 145px;
 }

 .skill-one__right-img-box {
   position: relative;
   display: block;
 }

 .skill-one__right-img {
   position: relative;
   display: block;
   border-radius: 7px;
   background-color: var(--erepair-base);
 }

 .skill-one__right-img img {
   width: 100%;
   border-radius: 7px;
   mix-blend-mode: multiply;
 }

 .skill-one__video-link {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
 }

 .skill-one__video-icon {
   position: relative;
   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;
   width: 70px;
   height: 70px;
   line-height: 70px;
   text-align: center;
   font-size: 17px;
   color: var(--erepair-base);
   background-color: rgba(var(--erepair-white-rgb), 0.30);
   border-radius: 50%;
   transition: all 0.5s ease;
   -moz-transition: all 0.5s ease;
   -webkit-transition: all 0.5s ease;
   -ms-transition: all 0.5s ease;
   -o-transition: all 0.5s ease;
   z-index: 1;
 }

 .skill-one__video-icon:hover {
   color: var(--erepair-white);
 }

 .skill-one__video-icon:before {
   position: absolute;
   top: 10px;
   left: 10px;
   right: 10px;
   bottom: 10px;
   background-color: var(--erepair-white);
   border-radius: 50%;
   content: "";
   transition: all 0.5s ease;
   -moz-transition: all 0.5s ease;
   -webkit-transition: all 0.5s ease;
   -ms-transition: all 0.5s ease;
   -o-transition: all 0.5s ease;
   z-index: -1;
 }

 .skill-one__video-icon:hover::before {
   background-color: var(--erepair-base);
 }

 .skill-one__video-link .ripple,
 .skill-one__video-icon .ripple:before,
 .skill-one__video-icon .ripple:after {
   position: absolute;
   top: 50%;
   left: 50%;
   width: 75px;
   height: 75px;
   -webkit-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   -ms-box-shadow: 0 0 0 0 rgba(var(--erepair-white-rgb), 0.30);
   -o-box-shadow: 0 0 0 0 rgba(var(--erepair-white-rgb), 0.30);
   -webkit-box-shadow: 0 0 0 0 rgba(var(--erepair-white-rgb), 0.30);
   box-shadow: 0 0 0 0 rgba(var(--erepair-white-rgb), 0.30);
   -webkit-animation: ripple 3s infinite;
   animation: ripple 3s infinite;
   border-radius: 50%;
 }

 .skill-one__video-icon .ripple:before {
   -webkit-animation-delay: 0.9s;
   animation-delay: 0.9s;
   content: "";
   position: absolute;
 }

 .skill-one__video-icon .ripple:after {
   -webkit-animation-delay: 0.6s;
   animation-delay: 0.6s;
   content: "";
   position: absolute;
 }

 .skill-one__video-content {
   position: absolute;
   top: 50%;
   left: -98px;
   max-width: 195px;
   background-color: var(--erepair-white);
   box-shadow: 0px 8px 29px 0px rgba(0, 0, 0, 0.1);
   padding: 52px 24px 52px;
   border-radius: 6px;
   transform: translateY(-50%);
   z-index: 2;
 }

 .skill-one__video-content p {
   font-size: 20px;
   font-weight: 600;
   line-height: 30px;
   color: var(--erepair-black);
 }

 .main-slider {
   position: relative;
   background-color: var(--erepair-black);
   z-index: 10;
 }

 .main-slider .item {
   position: relative;
   padding-top: 400px;
   padding-bottom: 350px;
   background-color: var(--erepair-black);
   z-index: 10;
 }

 .main-slider__bg {
   position: absolute;
   top: 0;
   bottom: 0;
   right: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-size: cover;
   background-position: center center;
   background-repeat: no-repeat;
   opacity: 1;
   z-index: -1;
 }

 .main-slider__bg img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   object-position: center center;
 }

 .main-slider__shape-1 {
   position: absolute;
   top: -133px;
   right: 583px;
   height: 545px;
   width: 80px;
   background-color: rgba(var(--erepair-white-rgb), .10);
   clip-path: polygon(0 18%, 100% 0%, 100% 82%, 0% 100%);
   transform: rotate(51deg) translateX(-400px);
   opacity: 0;
   z-index: -1;
 }

 .active .main-slider__shape-1 {
   opacity: 1;
   transform: rotate(51deg) translateX(0px);
   transition: all 1000ms ease;
 }

 .main-slider__shape-2 {
   position: absolute;
   top: -206px;
   right: 508px;
   height: 750px;
   width: 80px;
   background-color: rgba(var(--erepair-white-rgb), .80);
   clip-path: polygon(0 10%, 100% 0%, 100% 90%, 0% 100%);
   transform: rotate(51deg) translateY(-200px);
   opacity: 0;
   z-index: -1;
 }

 .active .main-slider__shape-2 {
   opacity: 1;
   transform: rotate(51deg) translateY(0px);
   transition: all 1500ms ease;
 }

 .main-slider__shape-3 {
   position: absolute;
   top: -260px;
   right: 495px;
   height: 1025px;
   width: 80px;
   background: linear-gradient(180deg, #280094 0%, #4d00f4 100%);
   clip-path: polygon(0 10%, 100% 0%, 100% 90%, 0% 100%);
   transform: rotate(52deg) translateX(50px);
   opacity: 0;
   z-index: -1;
 }

 .active .main-slider__shape-3 {
   opacity: 1;
   transform: rotate(52deg) translateX(0px);
   transition: all 1800ms ease;
 }

 .main-slider__img {
   position: absolute;
   bottom: 0;
   right: 310px;
   opacity: 0;
   transform: translateX(300px);
   -webkit-transition: all 1000ms ease;
   -moz-transition: all 1000ms ease;
   -ms-transition: all 1000ms ease;
   -o-transition: all 1000ms ease;
   z-index: 1;
 }

 .main-slider__img img {
   width: auto !important;
 }

 .active .main-slider__img {
   opacity: 1;
   transform: translateX(0);
   -webkit-transition-delay: 2000ms;
   -moz-transition-delay: 2000ms;
   -ms-transition-delay: 2000ms;
   -o-transition-delay: 2000ms;
   transition-delay: 2000ms;
 }

 .main-slider__content {
   position: relative;
   display: block;
   z-index: 10;
 }

 .main-slider__sub-title-box {
   position: relative;
   display: flex;
   align-items: center;
   flex-wrap: wrap;
   gap: 10px;
   opacity: 0;
   transition: transform 1200ms ease, opacity 1200ms ease;
   transform: translateX(-200px);
 }

 .active .main-slider__sub-title-box {
   opacity: 1;
   transform: translateX(0);
   transition-delay: 500ms;
 }

 .main-slider__sub-title {
   font-size: 16px;
   line-height: 16px;
   color: var(--erepair-white);
   font-family: var(--erepair-font-2);
   text-transform: capitalize;
 }

 .main-slider__sub-title-shape {
   position: relative;
   display: block;
   height: 1px;
   width: 95px;
   background-color: var(--erepair-base);
 }

 .main-slider__title {
   position: relative;
   display: block;
   font-size: 50px;
   color: var(--erepair-white);
   font-weight: 600;
   line-height: 110px;
   letter-spacing: -1.8px;
   margin-top: 12px;
   margin-bottom: 31px;
   opacity: 0;
   transition: transform 1000ms ease, opacity 1000ms ease;
   transform: translateX(200px);
 }

 .active .main-slider__title {
   opacity: 1;
   transform: translateX(0);
   transition-delay: 800ms;
 }

 .main-slider__title:before {
   content: "";
   position: absolute;
   left: 180px;
   bottom: 3px;
   height: 3px;
   width: 325px;
   background-color: var(--erepair-base);
 }

 .main-slider__text {
   position: relative;
   display: block;
   font-size: 18px;
   line-height: 28px;
   color: rgba(var(--erepair-white-rgb), .70);
   opacity: 0;
   transition: transform 1200ms ease, opacity 1200ms ease;
   transform: translateX(-200px);
 }

 .active .main-slider__text {
   opacity: 1;
   transform: translateX(0);
   transition-delay: 1000ms;
 }

 .main-slider__btn-box {
   position: relative;
   display: block;
   margin-top: 43px;
   opacity: 0;
   transform: perspective(400px) rotateY(0deg) translateY(80px);
   transform-origin: bottom;
   transition: all 1500ms ease;
 }

 .active .main-slider__btn-box {
   opacity: 1;
   transform: perspective(400px) rotateY(0deg) translateY(0px);
   transition-delay: 1500ms;
 }

 .active .main-slider__btn-box {
   visibility: visible;
   opacity: 1;
   -webkit-transform: translateY(0) translateX(0);
   transform: translateY(0) translateX(0);
 }

 .main-slider .owl-theme .owl-dots {
   align-items: center;
   justify-content: center;
   max-width: 1320px;
   width: 100%;
   position: absolute;
   bottom: 61px;
   left: 0;
   right: 0;
   padding: 0 15px;
   margin: 0 auto;
   height: 0;
   line-height: 0;
   display: none;
 }

 .main-slider .owl-theme .owl-dots .owl-dot+.owl-dot {
   margin-left: 10px;
 }

 .main-slider .owl-theme .owl-dots .owl-dot span {
   width: 15px;
   height: 15px;
   border-radius: 50%;
   background-color: rgba(var(--erepair-white-rgb), .30);
   border: 2px solid transparent;
   margin: 0;
   -webkit-transition: all 300ms ease;
   transition: all 300ms ease;
 }

 .main-slider .owl-theme .owl-dots .owl-dot:hover span,
 .main-slider .owl-theme .owl-dots .owl-dot.active span {
   background-color: rgba(var(--erepair-white-rgb), 0);
   border: 2px solid var(--erepair-white);
 }

 .main-slider .owl-theme .owl-nav {
   position: absolute;
   top: 50%;
   right: 0;
   left: 0;
   z-index: 100;
   display: flex;
   align-items: center;
   flex-direction: row;
   justify-content: space-between;
   max-width: 100%;
   width: 100%;
   padding: 0px 80px;
   margin: 0 auto;
   height: 0;
   line-height: 0;
   transform: translateY(-50%);
 }

 .main-slider .owl-theme .owl-nav [class*=owl-] {
   position: relative;
   top: auto;
   left: auto;
   right: auto;
   bottom: auto;
   z-index: 100;
   width: 60px;
   height: 60px;
   font-size: 20px !important;
   color: rgba(var(--erepair-white-rgb), .30) !important;
   opacity: 1;
   margin: 0;
   text-align: center;
   transition: all 500ms ease;
   border-radius: 50%;
   background-color: transparent !important;
   border: 2px solid rgba(var(--erepair-white-rgb), .30) !important;
   display: none;
 }

 .main-slider .owl-theme .owl-nav [class*=owl-]:hover {
   color: rgba(var(--erepair-white-rgb), 1) !important;
   border: 2px solid rgba(var(--erepair-white-rgb), 1) !important;
 }

 .main-slider .owl-theme .owl-nav [class*=owl-]+[class*=owl-] {
   margin-left: 0px;
 }

 .main-slider .owl-theme .owl-nav .owl-prev {
   transform: rotate(180deg);
 }

 .main-slider-two {
   position: relative;
   display: block;
   background-color: var(--erepair-extra);
   z-index: 10;
 }

 .main-slider-two .item {
   position: relative;
   padding-top: 154px;
   padding-bottom: 154px;
   background-color: var(--erepair-extra);
   z-index: 10;
 }

 .main-slider-two__shape-1 {
   position: absolute;
   top: 0;
   bottom: 0;
   right: 0;
   max-width: 785px;
   width: 100%;
   background-color: var(--erepair-base);
   clip-path: polygon(64% 0, 100% 0%, 100% 100%, 0% 100%);
   opacity: 0;
   transform: translateX(300px);
   -webkit-transition: all 1000ms ease;
   -moz-transition: all 1000ms ease;
   -ms-transition: all 1000ms ease;
   -o-transition: all 1000ms ease;
   z-index: -1;
 }

 .active .main-slider-two__shape-1 {
   opacity: 1;
   transform: translateX(0);
   -webkit-transition-delay: 2000ms;
   -moz-transition-delay: 2000ms;
   -ms-transition-delay: 2000ms;
   -o-transition-delay: 2000ms;
   transition-delay: 1400ms;
 }

 .main-slider-two__shape-2 {
   position: absolute;
   top: 0;
   bottom: 0;
   right: 0;
   max-width: 712px;
   width: 100%;
   background-color: #261208;
   clip-path: polygon(70% 0, 100% 0%, 100% 100%, 0% 100%);
   opacity: 0;
   transform: translateX(300px);
   -webkit-transition: all 1000ms ease;
   -moz-transition: all 1000ms ease;
   -ms-transition: all 1000ms ease;
   -o-transition: all 1000ms ease;
   z-index: -1;
 }

 .active .main-slider-two__shape-2 {
   opacity: 1;
   transform: translateX(0);
   -webkit-transition-delay: 2000ms;
   -moz-transition-delay: 2000ms;
   -ms-transition-delay: 2000ms;
   -o-transition-delay: 2000ms;
   transition-delay: 2000ms;
 }

 .main-slider-two__img-box {
   position: absolute;
   top: 50px;
   right: 80px;
   opacity: 0;
   transform: translateX(300px);
   -webkit-transition: all 1000ms ease;
   -moz-transition: all 1000ms ease;
   -ms-transition: all 1000ms ease;
   -o-transition: all 1000ms ease;
   z-index: 1;
 }

 .active .main-slider-two__img-box {
   opacity: 1;
   transform: translateX(0);
   -webkit-transition-delay: 2000ms;
   -moz-transition-delay: 2000ms;
   -ms-transition-delay: 2000ms;
   -o-transition-delay: 2000ms;
   transition-delay: 2500ms;
 }

 .main-slider-two__img-box-inner {
   position: relative;
   display: block;
   height: 740px;
   width: 655px;
   background-color: var(--erepair-white);
   clip-path: polygon(50% 0, 100% 30%, 100% 70%, 50% 100%, 50% 100%, 0 70%, 0 30%);
 }

 .main-slider-two__img {
   position: absolute;
   top: 16px;
   left: 16px;
   right: 16px;
   bottom: 16px;
   clip-path: polygon(50% 0, 100% 30%, 100% 70%, 50% 100%, 50% 100%, 0 70%, 0 30%);
   z-index: 1;
 }

 .main-slider-two__img img {
   width: 100%;
 }

 .main-slider-two__small-img {
   position: absolute;
   bottom: 115px;
   right: 580px;
   height: 268px;
   width: 268px;
   opacity: 0;
   transform: perspective(400px) rotateY(0deg) translateY(80px);
   transform-origin: bottom;
   transition: all 1500ms ease;
   z-index: 1;
 }

 .active .main-slider-two__small-img {
   opacity: 1;
   transform: perspective(400px) rotateY(0deg) translateY(0px);
   transition-delay: 3000ms;
 }

 .main-slider-two__small-img img {
   width: 100%;
   border-radius: 50%;
   border: 15px solid var(--erepair-primary);
 }

 .main-slider-two__content {
   position: relative;
   display: block;
   z-index: 10;
 }

 .main-slider-two__sub-title-box {
   position: relative;
   display: inline-block;
   border: 1px solid var(--erepair-bdr-color);
   padding: 9px 10px;
   opacity: 0;
   transform: perspective(400px) rotateY(0deg) translateY(-80px);
   transform-origin: bottom;
   transition: all 1500ms ease;
 }

 .active .main-slider-two__sub-title-box {
   opacity: 1;
   transform: perspective(400px) rotateY(0deg) translateY(0px);
   transition-delay: 500ms;
 }

 .main-slider-two__sub-title {
   color: var(--erepair-base);
   line-height: 16px;
   font-family: var(--erepair-font-2);
 }

 .main-slider-two__title {
   position: relative;
   font-size: 90px;
   color: #261208;
   font-weight: 600;
   line-height: 105px;
   letter-spacing: -1.8px;
   margin-top: 11px;
   margin-bottom: 33px;
   opacity: 0;
   transition: transform 1200ms ease, opacity 1200ms ease;
   transform: translateX(-200px);
 }

 .active .main-slider-two__title {
   opacity: 1;
   transform: translateX(0);
   transition-delay: 800ms;
 }

 .main-slider-two__text {
   position: relative;
   display: inline-block;
   font-size: 16px;
   font-weight: 400;
   line-height: 28px;
   color: #6A7388;
   margin-bottom: 41px;
   opacity: 0;
   transition: transform 1000ms ease, opacity 1000ms ease;
   transform: translateX(-200px);
 }

 .active .main-slider-two__text {
   opacity: 1;
   transform: translateX(0);
   transition-delay: 1000ms;
 }

 .main-slider-two__btn-box {
   position: relative;
   display: flex;
   align-items: center;
   flex-wrap: wrap;
   opacity: 0;
   transform: perspective(400px) rotateY(0deg) translateY(80px);
   transform-origin: bottom;
   transition: all 1500ms ease;
 }

 .active .main-slider-two__btn-box {
   opacity: 1;
   transform: perspective(400px) rotateY(0deg) translateY(0px);
   transition-delay: 1200ms;
 }

 .main-slider-two .owl-nav {
   position: absolute;
   top: 50%;
   right: 0;
   left: 100px;
   display: flex;
   align-items: flex-start;
   justify-content: center;
   flex-direction: column;
   transform: translateY(-50%);
   margin: 0 !important;
   z-index: 100;
 }

 .main-slider-two .owl-nav .owl-next,
 .main-slider-two .owl-nav .owl-prev {
   position: relative;
   top: auto;
   left: auto;
   right: auto;
   bottom: auto;
   z-index: 100;
   width: 60px;
   height: 60px;
   font-size: 20px !important;
   color: rgba(var(--erepair-black-rgb), .30) !important;
   opacity: 1;
   margin: 0;
   text-align: center;
   transition: all 500ms ease;
   border-radius: 50%;
   background-color: transparent !important;
   border: 2px solid rgba(var(--erepair-black-rgb), .30) !important;
 }

 .main-slider-two .owl-theme .owl-nav .owl-prev {
   margin-bottom: 10px;
   transform: rotate(180deg);
 }

 .main-slider-two .owl-nav .owl-next span,
 .main-slider-two .owl-nav .owl-prev span {
   display: block;
   transition: all 500ms ease;
 }

 .main-slider-two .owl-nav .owl-next span,
 .main-slider-two .owl-nav .owl-prev span,
 .main-slider-two .owl-nav .owl-prev span:before,
 .main-slider-two .owl-nav .owl-next span:before {
   color: rgba(var(--erepair-black-rgb), .30) !important;
   transition: all 500ms ease;
 }

 .main-slider-two .owl-nav .owl-next:hover span,
 .main-slider-two .owl-nav .owl-prev:hover span,
 .main-slider-two .owl-nav .owl-prev:hover span:before,
 .main-slider-two .owl-nav .owl-next:hover span:before {
   color: rgba(var(--erepair-base-rgb), 1) !important;
 }

 .main-slider-two .owl-nav .owl-next:hover,
 .main-slider-two .owl-nav .owl-prev:hover {
   border: 2px solid rgba(var(--erepair-base-rgb), 1) !important;
 }

 .main-slider-two .owl-theme .owl-dots {
   display: flex;
   align-items: center;
   justify-content: center;
   flex-direction: row;
   max-width: 100%;
   width: 100%;
   position: absolute;
   bottom: 70px;
   left: 0;
   right: 0;
   padding: 0;
   margin: 0 auto !important;
   height: 0;
   line-height: 0;
 }

 .main-slider-two .owl-theme .owl-dots .owl-dot+.owl-dot {
   margin-left: 10px;
 }

 .main-slider-two .owl-theme .owl-dots .owl-dot span {
   width: 15px;
   height: 15px;
   border-radius: 50%;
   background-color: rgba(var(--erepair-black-rgb), .30);
   border: 2px solid transparent;
   margin: 0;
   -webkit-transition: all 300ms ease;
   transition: all 300ms ease;
 }

 .main-slider-two .owl-theme .owl-dots .owl-dot:hover span,
 .main-slider-two .owl-theme .owl-dots .owl-dot.active span {
   background-color: rgba(var(--erepair-base-rgb), 0);
   border: 2px solid var(--erepair-base);
 }

 .main-slider-three {
   position: relative;
   display: block;
   background-color: var(--erepair-black);
   z-index: 10;
 }

 .main-slider-three .item {
   position: relative;
   padding-top: 180px;
   padding-bottom: 180px;
   background-color: var(--erepair-black);
   z-index: 10;
 }

 .main-slider-three__bg {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center;
   -webkit-transform: scale(1);
   transform: scale(1);
   -webkit-transition: opacity 1500ms ease-in, -webkit-transform 7000ms ease;
   transition: opacity 1500ms ease-in, -webkit-transform 7000ms ease;
   transition: transform 7000ms ease, opacity 1500ms ease-in;
   transition: transform 7000ms ease, opacity 1500ms ease-in, -webkit-transform 7000ms ease;
   z-index: 1;
 }

 .main-slider-three__bg:before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background-color: rgba(var(--erepair-black-rgb), .90);
   z-index: -1;
 }

 .active .main-slider-three__bg {
   -webkit-transform: scale(1.1);
   transform: scale(1.1);
 }

 .main-slider-three__shape-1 {
   position: absolute;
   top: -350px;
   right: -200px;
   opacity: 0;
   transform: translateX(300px);
   -webkit-transition: all 1000ms ease;
   -moz-transition: all 1000ms ease;
   -ms-transition: all 1000ms ease;
   -o-transition: all 1000ms ease;
   z-index: 1;
 }

 .active .main-slider-three__shape-1 {
   opacity: 1;
   transform: translateX(0);
   -webkit-transition-delay: 1600ms;
   -moz-transition-delay: 1600ms;
   -ms-transition-delay: 1600ms;
   -o-transition-delay: 1600ms;
   transition-delay: 1600ms;
 }

 .main-slider-three__shape-1 img {
   width: auto !important;
   opacity: .10;
   animation: topBottom 3s ease-in-out infinite;
 }

 .main-slider-three__shape-2 {
   position: absolute;
   bottom: -100px;
   right: 0px;
   opacity: 0;
   transform: translateY(500px);
   -webkit-transition: all 1000ms ease;
   -moz-transition: all 1000ms ease;
   -ms-transition: all 1000ms ease;
   -o-transition: all 1000ms ease;
   z-index: 1;
 }

 .active .main-slider-three__shape-2 {
   opacity: 1;
   transform: translateY(0);
   -webkit-transition-delay: 1800ms;
   -moz-transition-delay: 1800ms;
   -ms-transition-delay: 1800ms;
   -o-transition-delay: 1800ms;
   transition-delay: 1800ms;
 }

 .main-slider-three__shape-2 img {
   width: auto !important;
   opacity: .10;
   animation: leftRight 4s ease-in-out infinite;
 }

 .main-slider-three__shape-3 {
   position: absolute;
   bottom: 0px;
   left: -100px;
   opacity: 0;
   transform: translateX(-300px);
   -webkit-transition: all 1000ms ease;
   -moz-transition: all 1000ms ease;
   -ms-transition: all 1000ms ease;
   -o-transition: all 1000ms ease;
   z-index: 1;
 }

 .active .main-slider-three__shape-3 {
   opacity: 1;
   transform: translateX(0);
   -webkit-transition-delay: 1400ms;
   -moz-transition-delay: 1400ms;
   -ms-transition-delay: 1400ms;
   -o-transition-delay: 1400ms;
   transition-delay: 1400ms;
 }

 .main-slider-three__shape-3 img {
   width: auto !important;
   opacity: .50;
 }

 .main-slider-three__content {
   position: relative;
   display: block;
   z-index: 10;
 }

 .main-slider-three__sub-title-box {
   position: relative;
   display: inline-block;
   border: 1px solid rgba(var(--erepair-white-rgb), .20);
   padding: 9px 10px;
   opacity: 0;
   transform: perspective(400px) rotateY(0deg) translateY(-80px);
   transform-origin: bottom;
   transition: all 1500ms ease;
 }

 .active .main-slider-three__sub-title-box {
   opacity: 1;
   transform: perspective(400px) rotateY(0deg) translateY(0px);
   transition-delay: 500ms;
 }

 .main-slider-three__sub-title {
   color: var(--erepair-white);
   line-height: 16px;
   font-family: var(--erepair-font-2);
 }

 .main-slider-three__title {
   position: relative;
   font-size: 90px;
   color: var(--erepair-white);
   font-weight: 600;
   line-height: 105px;
   letter-spacing: -1.8px;
   margin-top: 11px;
   margin-bottom: 33px;
   opacity: 0;
   transition: transform 1200ms ease, opacity 1200ms ease;
   transform: translateX(-200px);
 }

 .active .main-slider-three__title {
   opacity: 1;
   transform: translateX(0);
   transition-delay: 800ms;
 }

 .main-slider-three__text {
   position: relative;
   display: inline-block;
   font-size: 16px;
   font-weight: 400;
   line-height: 28px;
   color: rgba(var(--erepair-white-rgb), .70);
   margin-bottom: 41px;
   opacity: 0;
   transition: transform 1000ms ease, opacity 1000ms ease;
   transform: translateX(-200px);
 }

 .active .main-slider-three__text {
   opacity: 1;
   transform: translateX(0);
   transition-delay: 1000ms;
 }

 .main-slider-three__btn-box {
   position: relative;
   display: flex;
   align-items: center;
   flex-wrap: wrap;
   opacity: 0;
   transform: perspective(400px) rotateY(0deg) translateY(80px);
   transform-origin: bottom;
   transition: all 1500ms ease;
 }

 .active .main-slider-three__btn-box {
   opacity: 1;
   transform: perspective(400px) rotateY(0deg) translateY(0px);
   transition-delay: 1200ms;
 }

 .main-slider-three .owl-nav {
   position: absolute;
   top: 50%;
   right: 100px;
   left: 0;
   display: flex;
   align-items: flex-end;
   justify-content: center;
   flex-direction: column;
   transform: translateY(-50%);
   margin: 0 !important;
   z-index: 100;
 }

 .main-slider-three .owl-nav .owl-next,
 .main-slider-three .owl-nav .owl-prev {
   position: relative;
   top: auto;
   left: auto;
   right: auto;
   bottom: auto;
   z-index: 100;
   width: 60px;
   height: 60px;
   font-size: 20px !important;
   color: rgba(var(--erepair-white-rgb), .30) !important;
   opacity: 1;
   margin: 0;
   text-align: center;
   transition: all 500ms ease;
   border-radius: 50%;
   background-color: transparent !important;
   border: 2px solid rgba(var(--erepair-white-rgb), .30) !important;
 }

 .main-slider-three .owl-theme .owl-nav .owl-prev {
   margin-bottom: 10px;
   transform: rotate(180deg);
 }

 .main-slider-three .owl-nav .owl-next span,
 .main-slider-three .owl-nav .owl-prev span {
   display: block;
   transition: all 500ms ease;
 }

 .main-slider-three .owl-nav .owl-next span,
 .main-slider-three .owl-nav .owl-prev span,
 .main-slider-three .owl-nav .owl-prev span:before,
 .main-slider-three .owl-nav .owl-next span:before {
   color: rgba(var(--erepair-white-rgb), .30) !important;
   transition: all 500ms ease;
 }

 .main-slider-three .owl-nav .owl-next:hover span,
 .main-slider-three .owl-nav .owl-prev:hover span,
 .main-slider-three .owl-nav .owl-prev:hover span:before,
 .main-slider-three .owl-nav .owl-next:hover span:before {
   color: rgba(var(--erepair-white-rgb), 1) !important;
 }

 .main-slider-three .owl-nav .owl-next:hover,
 .main-slider-three .owl-nav .owl-prev:hover {
   border: 2px solid rgba(var(--erepair-white-rgb), 1) !important;
 }

 @media (max-width: 991px) {
   .main-slider .item {
     padding-top: 80px;
     padding-bottom: 80px;
     min-height: 390px;
     display: flex;
     align-items: center;
     overflow: hidden;
   }
   .main-slider__bg {
     background-position: center center;
     background-size: cover;
     opacity: .70;
     left: 0;
     width: 100%;
     height: 100%;
     top: 0;
     bottom: 0;
   }
   .main-slider__bg img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     object-position: center center;
     min-height: 390px;
   }
   .main-slider__shape-1,
   .main-slider__shape-2,
   .main-slider__shape-3 {
     display: none !important;
   }
   .main-slider__img {
     display: block !important;
   }
   .main-slider__title {
     font-size: 35px;
     line-height: 45px;
     margin-bottom: 20px;
   }
   .main-slider__title:before {
     display: none;
   }
   .main-slider__text {
     font-size: 16px;
     line-height: 24px;
   }
   .main-slider__btn-box {
     margin-top: 25px;
   }
   .main-slider .owl-theme .owl-nav {
     padding: 0 30px;
   }
   .main-slider .owl-theme .owl-nav [class*=owl-] {
     width: 45px;
     height: 45px;
     font-size: 16px !important;
   }
   .main-slider .owl-theme .owl-dots {
     bottom: 30px;
   }
   .main-slider__img {
     position: absolute;
     top: 0;
     right: 0;
     width: 100%;
     height: 100%;
     opacity: 0;
     transform: translateX(300px);
     transition: all 1000ms ease;
     z-index: 1;
     overflow: hidden;
   }
   .main-slider__img img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     object-position: right center;
     display: block;
   }
   .main-slider__content {
     display: none;
   }
 }

 @media (max-width: 767px) {
   .main-slider .item {
     padding-top: 60px;
     padding-bottom: 60px;
     min-height: 390px;
     text-align: center;
     overflow: hidden;
   }
   .main-slider__bg {
     background-position: center center;
     background-size: cover;
     opacity: .75;
     height: 100%;
     min-height: 390px;
   }
   .main-slider__bg img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     object-position: center center;
     min-height: 390px;
   }
   .main-slider__img {
     display: block !important;
   }
   .main-slider__title {
     font-size: 28px;
     line-height: 38px;
   }
   .main-slider .owl-theme .owl-nav {
     padding: 0 15px;
   }
   .main-slider .owl-theme .owl-dots {
     bottom: 20px;
   }
   .main-slider__img {
     position: absolute;
     top: 0;
     right: 0;
     width: 100%;
     height: 100%;
     opacity: 0;
     transform: translateX(300px);
     transition: all 1000ms ease;
     z-index: 1;
     overflow: hidden;
   }
   .main-slider__img img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     object-position: right center;
     display: block;
   }
   .main-slider__content {
     display: none;
   }
 }

 @media (max-width: 480px) {
   .main-slider .item {
     padding-top: 50px;
     padding-bottom: 50px;
     min-height: 390px;
   }
   .main-slider__bg {
     background-position: center center;
     background-size: cover;
     min-height: 390px;
   }
   .main-slider__bg img {
     min-height: 390px;
     object-fit: cover;
   }
   .main-slider__title {
     font-size: 24px;
     line-height: 32px;
   }
   .main-slider__text {
     font-size: 14px;
     line-height: 22px;
   }
 }

 @media (max-width: 991px) {
   .main-slider-two .item {
     padding-top: 80px;
     padding-bottom: 80px;
     min-height: 390px;
     display: flex;
     align-items: center;
   }
   .main-slider-two__shape-1,
   .main-slider-two__shape-2 {
     display: none !important;
   }
   .main-slider-two__img-box {
     display: none;
   }
   .main-slider-two__small-img {
     display: none;
   }
   .main-slider-two__title {
     font-size: 45px;
     line-height: 55px;
   }
   .main-slider-two .owl-nav {
     left: 30px;
   }
 }

 @media (max-width: 767px) {
   .main-slider-two .item {
     padding-top: 80px;
     padding-bottom: 80px;
     text-align: center;
     min-height: 390px;
   }
   .main-slider-two__title {
     font-size: 32px;
     line-height: 42px;
   }
   .main-slider-two .owl-nav {
     position: relative;
     top: auto;
     left: auto;
     right: auto;
     transform: none;
     flex-direction: row;
     justify-content: center;
     margin-top: 30px !important;
   }
   .main-slider-two .owl-theme .owl-nav .owl-prev {
     margin-bottom: 0;
     margin-right: 10px;
   }
   .main-slider-two .owl-theme .owl-dots {
     bottom: 20px;
   }
 }

 @media (max-width: 991px) {
   .main-slider-three .item {
     padding-top: 80px;
     padding-bottom: 80px;
     min-height: 390px;
     display: flex;
     align-items: center;
   }
   .main-slider-three__bg {
     background-position: center center;
     background-size: cover;
   }
   .main-slider-three__bg:before {
     background-color: rgba(var(--erepair-black-rgb), .75);
   }
   .main-slider-three__title {
     font-size: 45px;
     line-height: 55px;
   }
   .main-slider-three .owl-nav {
     right: 30px;
   }
   .main-slider-three__shape-1,
   .main-slider-three__shape-2,
   .main-slider-three__shape-3 {
     display: none !important;
   }
 }

 @media (max-width: 767px) {
   .main-slider-three .item {
     padding-top: 80px;
     padding-bottom: 80px;
     text-align: center;
     min-height: 390px;
   }
   .main-slider-three__bg:before {
     background-color: rgba(var(--erepair-black-rgb), .80);
   }
   .main-slider-three__title {
     font-size: 32px;
     line-height: 42px;
   }
   .main-slider-three .owl-nav {
     position: relative;
     top: auto;
     right: auto;
     transform: none;
     flex-direction: row;
     justify-content: center;
     margin-top: 30px !important;
   }
   .main-slider-three .owl-theme .owl-nav .owl-prev {
     margin-bottom: 0;
     margin-right: 10px;
   }
 }