/*==============================================
   Services One
===============================================*/
.services-one {
   position: relative;
   display: block;
   padding: 100px 0 100px;
   z-index: 1;
}

.services-one__bg-color {
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   border-bottom-left-radius: 50px;
   border-top-left-radius: 50px;
   width: calc((100% - -381px) / 2);
   background-color: var(--fixpro-black);
   z-index: -1;
}

.services-one__bg {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   opacity: .20;
   border-bottom-left-radius: 50px;
   border-top-left-radius: 50px;
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
   mix-blend-mode: luminosity;
}

.services-one__shape-1 {
   position: absolute;
   top: -172px;
   left: -20px;
   opacity: 0.05;
   z-index: -1;
}

.services-one__shape-1 img {
   width: auto;
}

.services-one__shape-2 {
   position: absolute;
   bottom: 70px;
   left: 30%;
   opacity: 0.05;
   z-index: -1;
}

.services-one__shape-2 img {
   width: auto;
}

.services-one__left {
   position: relative;
   display: block;
   z-index: 2;
}

.services-one__left .section-title {
   margin-bottom: 30px;
}

.services-one__right {
   position: relative;
   display: block;
   margin-left: 50px;
   margin-right: -375px;
}

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

.services-one__single {
   position: relative;
   display: block;
   text-align: center;
   background-color: var(--fixpro-white);
   box-shadow: 0px 10px 39.2px 0.8px rgba(0, 0, 0, 0.1);
   border-radius: var(--fixpro-bdr-radius);
   padding: 30px 26px 44px;
}

.services-one__icon {
   position: relative;
   display: flex;
   align-items: center;
   justify-content: center;
   width: 80px;
   height: 80px;
   background-color: var(--fixpro-base);
   border-radius: 50%;
   margin: 0 auto;
   -webkit-transition: all 500ms ease;
   transition: all 500ms ease;
}

.services-one__single:hover .services-one__icon {
   background-color: var(--fixpro-black);
}

.services-one__icon span {
   position: relative;
   display: inline-block;
   font-size: 40px;
   color: var(--fixpro-white);
   transform: scale(1);
   transition: 500ms ease;
}

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

.services-one__title {
   font-size: 24px;
   font-weight: 700;
   line-height: 34px;
   margin: 15px 0 15px;
}

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

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

.services-one__read-more {
   position: relative;
   display: flex;
   align-items: center;
   gap: 5px;
   color: var(--fixpro-black);
   justify-content: center;
   font-weight: 500;
   margin-top: 20px;
}

.services-one__read-more:hover {
   color: var(--fixpro-base);
   font-weight: 500;
}

.services-one__read-more span {
   font-size: 14px;
   color: var(--fixpro-base);
}

.services-one__carousel.owl-theme .owl-nav {
   position: absolute;
   margin: 0;
   left: -490px;
   bottom: 0;
}

.services-one__carousel.owl-theme .owl-nav .owl-next {
   height: 52px;
   width: 52px;
   line-height: 52px;
   border-radius: 50%;
   color: var(--fixpro-white);
   background-color: var(--fixpro-base);
   font-size: 16px;
   margin: 0;
   -webkit-transition: all 500ms ease;
   transition: all 500ms ease;
}

.services-one__carousel.owl-theme .owl-nav .owl-prev {
   height: 52px;
   width: 52px;
   line-height: 52px;
   border-radius: 50%;
   color: var(--fixpro-white);
   background-color: var(--fixpro-base);
   font-size: 16px;
   margin: 0;
   text-align: center;
   -webkit-transition: all 500ms ease;
   transition: all 500ms ease;
   position: relative;
   display: inline-block;
   transform: rotate(180deg);
}

.services-one__carousel.owl-theme .owl-nav .owl-next {
   margin-left: 5px;
}

.services-one__carousel.owl-theme .owl-nav .owl-prev {
   margin-right: 5px;
}

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

.services-one__carousel.owl-theme .owl-nav .owl-next:hover,
.services-one__carousel.owl-theme .owl-nav .owl-prev:hover {
   background-color: var(--fixpro-black);
   color: var(--fixpro-white);
}

/*--------------------------------------------------------------
# Services Two
--------------------------------------------------------------*/
.services-two {
   position: relative;
   display: block;
   padding: 120px 0 0px;
   z-index: 2;
}

.services-two__bg-color {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   height: 60%;
   background-color: var(--fixpro-primary);
   overflow: hidden;
   z-index: -1;
}

.services-two__shape-1 {
   position: absolute;
   top: 0;
   left: 0;
   opacity: 0.05;
   animation: leftRight 4s ease-in-out infinite;
   z-index: -1;
}

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

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

.services-two__single {
   position: relative;
   display: block;
   background-color: var(--fixpro-white);
   box-shadow: 0px 10px 39.2px 0.8px rgba(0, 0, 0, 0.1);
   padding: 30px 30px 32px;
   text-align: center;
   border-radius: var(--fixpro-bdr-radius);
}

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

.services-two__img {
   position: relative;
   display: block;
   border-radius: var(--fixpro-bdr-radius);
   overflow: hidden;
   z-index: 1;
}

.services-two__img:before {
   content: "";
   position: absolute;
   top: -100%;
   bottom: 100%;
   left: 0;
   right: 0;
   background-color: rgba(var(--fixpro-base-rgb), .80);
   border-top-left-radius: 5px;
   border-top-right-radius: 5px;
   transition: all 600ms ease 100ms;
   z-index: 1;
}

.services-two__single:hover .services-two__img:before {
   top: 0;
   bottom: 0;
}

.services-two__img img {
   width: 100%;
   border-radius: var(--fixpro-bdr-radius);
   -webkit-transition: all 500ms ease;
   transition: all 500ms ease;
}

.services-two__single:hover .services-two__img img {
   transform: scale(1.05);
}

.services-two__content {
   position: relative;
   display: block;
   margin-top: 36px;
}

.services-two__title {
   font-size: 24px;
   font-weight: 700;
   line-height: 34px;
}

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

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

.services-two__hover-content {
   position: absolute;
   top: 50%;
   left: 20px;
   right: 20px;
   text-align: center;
   transform: translateY(-50%);
   -webkit-transition: all 900ms ease;
   transition: all 900ms ease;
   opacity: 0;
   z-index: 2;
}

.services-two__single:hover .services-two__hover-content {
   opacity: 1;
   transition-delay: 400ms;
}

.services-two__hover-text {
   color: var(--fixpro-white);
}

.services-two__btn-box {
   position: relative;
   display: block;
   margin-top: 15px;
}

.services-two__btn-box .thm-btn {
   padding: 14px 31px 15px;
   background-color: var(--fixpro-white);
   color: var(--fixpro-base);
   text-transform: capitalize;
}

.services-two__icon {
   position: absolute;
   bottom: -25px;
   left: 50%;
   width: 60px;
   height: 60px;
   background-color: var(--fixpro-base);
   border-radius: 10px;
   display: flex;
   align-items: center;
   justify-content: center;
   transform: translateX(-50%);
   -webkit-transition: all 500ms ease;
   transition: all 500ms ease;
   z-index: 2;
}

.services-two__single:hover .services-two__icon {
   background-color: var(--fixpro-black);
   transition-delay: 600ms;
}

.services-two__icon span {
   position: relative;
   display: inline-block;
   font-size: 40px;
   color: var(--fixpro-white);
}


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

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

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

/*--------------------------------------------------------------
# Services Three
--------------------------------------------------------------*/
.services-three {
   position: relative;
   display: block;
   padding: 120px 0 0px;
   z-index: 1;
}

.services-three__shape-1 {
   position: absolute;
   top: -300px;
   right: -256px;
   animation: topBottom 3s ease-in-out infinite;
   z-index: -1;
}

.services-three__shape-1 img {
   width: auto;
   opacity: 0.05;
}

.services-three__shape-2 {
   position: absolute;
   top: -50px;
   left: 50px;
   z-index: -1;
}

.services-three__shape-2 img {
   width: auto;
   opacity: 0.05;
}

.services-three__single {
   position: relative;
   display: block;
   margin-left: 30px;
   background-color: var(--fixpro-white);
   box-shadow: 0px 0px 60px rgba(0, 0, 0, 0.06);
   border-radius: 20px;
   padding: 34px 30px 26px;
   padding-left: 100px;
   margin-bottom: 30px;
   border-bottom: 3px solid var(--fixpro-base);
}

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

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

.services-three__title a {
   color: var(--fixpro-black);
}

.services-three__title a:hover {
   color: var(--fixpro-base);
}

.services-three__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(--fixpro-font-2);
   color: var(--fixpro-black);
   margin-top: 25px;
}

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

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

.services-three__learn-more:hover {
   color: var(--fixpro-base);
}

.services-three__learn-more span {
   color: var(--fixpro-base);
}

.services-three__icon {
   position: absolute;
   top: 40px;
   left: -30px;
   height: 88px;
   width: 100px;
   border: 1px solid rgba(var(--fixpro-base-rgb), .20);
   border-radius: 20px;
   background-color: #e7f9f8;
   display: flex;
   align-items: center;
   justify-content: center;
   overflow: hidden;
   z-index: 1;
}

.services-three__icon::before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   border-radius: 20px;
   background-color: var(--fixpro-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-three__single:hover .services-three__icon::before {
   transform: scaleY(1.0);
}

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

.services-three__single:hover .services-three__icon>span {
   color: var(--fixpro-white);
}

/*--------------------------------------------------------------
# Service Details
--------------------------------------------------------------*/
.service-details {
   position: relative;
   display: block;
   padding: 120px 0 120px;
   z-index: 1;
}

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

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

.service-details__img img {
   width: 100%;
   border-radius: var(--fixpro-bdr-radius);
}

.service-details__title-1 {
   font-size: 44px;
   font-weight: 700;
   line-height: 54px;
   margin-top: 41px;
   margin-bottom: 30px;
}

.service-details__text-1 {
   font-size: 20px;
   font-weight: 600;
   line-height: 30px;
   color: var(--fixpro-black);
}

.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: 10px;
}

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

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

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

.service-details__points-list li p {
   color: var(--fixpro-black);
}

.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: flex;
   align-items: center;
}

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

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

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

.service-details__faq-box {
   position: relative;
   display: block;
   margin-top: 30px;
}

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

.service-details__services-box {
   position: relative;
   display: block;
   padding: 31px 35px 40px;
   background-color: var(--fixpro-primary);
   border-radius: var(--fixpro-bdr-radius);
}

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

.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(--fixpro-white);
   border-radius: 10px;
   padding: 13px 20px 14px;
   font-size: 18px;
   font-weight: 700;
   text-transform: capitalize;
   font-family: var(--fixpro-font-two);
   color: var(--fixpro-black);
   overflow: hidden;
   z-index: 1;
}

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

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

.service-details__services-list li a::before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background-color: var(--fixpro-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: var(--fixpro-gray);
   -webkit-transition: all 500ms ease;
   transition: all 500ms ease;
   font-size: 14px;
}

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

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


.service-details__get-started {
   position: relative;
   display: block;
   background-color: var(--fixpro-primary);
   border-radius: var(--fixpro-bdr-radius);
   padding: 40px 40px 40px;
   margin-top: 30px;
}

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

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

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

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

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

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

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

.service-details__get-started-points li p {
   color: var(--fixpro-black);
}

.service-details__get-started-points li p a {
   color: var(--fixpro-black);
}

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

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

.service-details__get-started-btn-box .thm-btn {
   width: 100%;
   justify-content: center;
}

.service-details__sidebar-download-box {
   position: relative;
   display: block;
   padding: 31px 35px 40px;
   background-color: var(--fixpro-primary);
   border-radius: var(--fixpro-bdr-radius);
   margin-top: 50px;
   margin-bottom: 50px;
}

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

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

.service-details__sidebar-single-download ul li {
   position: relative;
   display: flex;
   align-items: center;
   justify-content: space-between;
   border-bottom: 1px solid rgba(var(--fixpro-base-rgb), .30);
   padding: 14px 0px 14px;
   line-height: 0;
}

.service-details__sidebar-single-download ul li:first-child {
   padding-top: 0px;
}

.service-details__sidebar-single-download ul li:last-child {
   padding-bottom: 0px;
   border-bottom: none;
}

.service-details__sidebar-single-download ul li .content-box {
   position: relative;
   display: flex;
   align-items: center;
}

.service-details__sidebar-single-download ul li .content-box .icon {
   position: relative;
   display: block;
}

.service-details__sidebar-single-download ul li .content-box .icon span {
   position: relative;
   display: inline-block;
   color: var(--fixpro-black);
   font-size: 45px;
   line-height: 45px;
}

.service-details__sidebar-single-download ul li .content-box .text-box {
   position: relative;
   display: block;
   margin-left: 17px;
   flex: 1;
}

.service-details__sidebar-single-download ul li .content-box .text-box h2 {
   font-size: 20px;
   line-height: 30px;
   font-weight: 700;
   text-transform: capitalize;
}

.service-details__sidebar-single-download ul li .content-box .text-box h2 a {
   color: var(--fixpro-black);
   transition: all 200ms linear;
   transition-delay: 0.1s;
}

.service-details__sidebar-single-download ul li .content-box .text-box h2 a:hover {
   color: var(--fixpro-base);
}

.service-details__sidebar-single-download ul li .content-box .text-box p {
   color: var(--fixpro-black);
   font-size: 14px;
   line-height: 20px;
   font-weight: 400;
   text-transform: capitalize;
}

.service-details__sidebar-single-download ul li .content-box .text-box p a {
   color: var(--fixpro-black);
}

.service-details__sidebar-single-download ul li .content-box .text-box p a:hover {
   color: var(--fixpro-base);
}

.service-details__sidebar-single-download ul li .btn-box {
   position: relative;
   display: block;
}

.service-details__sidebar-single-download ul li .btn-box a {
   position: relative;
   display: flex;
   align-items: center;
   justify-content: center;
   width: 45px;
   height: 45px;
   background: var(--fixpro-base);
   border-radius: 2px;
   overflow: hidden;
}

.service-details__sidebar-single-download ul li .btn-box a:hover {
   background: var(--fixpro-black);
}

.service-details__sidebar-single-download ul li .btn-box a span::before {
   position: relative;
   display: inline-block;
   color: var(--fixpro-white);
   font-size: 20px;
   line-height: 20px;
}

/*--------------------------------------------------------------
# Services Page
--------------------------------------------------------------*/
.services-page {
   position: relative;
   display: block;
   padding: 120px 0 90px;
   z-index: 1;
}





/*--------------------------------------------------------------
# End
--------------------------------------------------------------*/

.service-details__sidebar-single-download .btn-box {
    width: 44px;
    height: 44px;
    min-width: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #0b55d4;
    border-radius: 4px;
    color: #ffffff;
    font-size: 16px;
}

.service-details__sidebar-single-download .text-box h2 {
    font-size: 17px;
    margin-bottom: 4px;
    line-height: 1.3;
}

.service-details__sidebar-single-download .text-box p {
    font-size: 13px;
    line-height: 1.5;
    margin: 0;
    color: #6f7785;
}

.service-details__sidebar-single-download li {
    padding-top: 18px;
    padding-bottom: 18px;
}

.service-details__sidebar-single-download .icon {
    color: #0b55d4;
    font-size: 25px;
}

/*--------------------------------------------------------------
# form css
--------------------------------------------------------------*/

/* =========================================================
   iREPAIR PREMIUM SINGLE FORM
========================================================= */

.irepair-booking-section {
    --irepair-blue: #0757db;
    --irepair-dark-blue: #073a98;
    --irepair-navy: #101a33;
    --irepair-text: #69768a;
    --irepair-light: #f6f8fc;
    --irepair-border: #e1e7f0;
    --irepair-green: #22c965;

    position: relative;
    width: 100%;

    padding: 90px 24px;

    background:
        radial-gradient(
            circle at 5% 10%,
            rgba(7, 87, 219, 0.09),
            transparent 26%
        ),
        radial-gradient(
            circle at 95% 90%,
            rgba(34, 201, 101, 0.05),
            transparent 26%
        ),
        #f8faff;

    box-sizing: border-box;
}


.irepair-booking-section *,
.irepair-booking-section *::before,
.irepair-booking-section *::after {
    box-sizing: border-box;
}


.irepair-booking-container {
    width: 100%;
    max-width: 1180px;

    margin: 0 auto;
}


/* =========================================================
   MAIN CARD
========================================================= */

.irepair-booking-card {
    width: 100%;

    display: grid;

    grid-template-columns:
        minmax(300px, 0.78fr)
        minmax(0, 1.65fr);

    background: #ffffff;

    border:
        1px solid rgba(10, 49, 107, 0.08);

    border-radius: 28px;

    overflow: hidden;

    box-shadow:
        0 30px 90px rgba(17, 32, 65, 0.11);
}



/* =========================================================
   LEFT BLUE AREA
========================================================= */

.irepair-booking-info {
    position: relative;

    padding:
        55px 42px;

    color: #ffffff;

    background:
        linear-gradient(
            150deg,
            #071b48 0%,
            #063f9f 50%,
            #0757db 100%
        );

    overflow: hidden;
}


.irepair-booking-info::before {
    content: "";

    position: absolute;

    width: 300px;
    height: 300px;

    top: -170px;
    right: -160px;

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

    border-radius: 50%;
}


.irepair-booking-info::after {
    content: "";

    position: absolute;

    width: 210px;
    height: 210px;

    left: -115px;
    bottom: -110px;

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

    border-radius: 50%;
}


.irepair-booking-info > * {
    position: relative;

    z-index: 2;
}


.irepair-small-title {
    display: inline-flex;

    align-items: center;

    padding:
        8px 13px;

    margin-bottom: 24px;

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

    border-radius: 50px;

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

    color: #ffffff;

    font-size: 10px;

    font-weight: 800;

    letter-spacing: 1.8px;
}


.irepair-booking-info h2 {
    margin:
        0 0 19px;

    color: #ffffff;

    font-size: 40px;

    line-height: 1.14;

    font-weight: 800;
}


.irepair-booking-info h2 span {
    display: block;

    color: #89bcff;
}


.irepair-info-text {
    margin:
        0 0 38px;

    color:
        rgba(255,255,255,0.72);

    font-size: 14px;

    line-height: 1.75;
}



/* =========================================================
   FEATURE LIST
========================================================= */

.irepair-features {
    display: flex;

    flex-direction: column;

    gap: 22px;
}


.irepair-feature {
    display: flex;

    align-items: flex-start;

    gap: 13px;
}


.irepair-feature-icon {
    width: 34px;
    height: 34px;

    flex:
        0 0 34px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 10px;

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

    color: #ffffff;

    font-size: 12px;

    font-weight: 900;
}


.irepair-feature h4 {
    margin:
        1px 0 3px;

    color: #ffffff;

    font-size: 13px;

    font-weight: 700;
}


.irepair-feature p {
    margin: 0;

    color:
        rgba(255,255,255,0.58);

    font-size: 11.5px;

    line-height: 1.55;
}



/* =========================================================
   LEFT HELP BOX
========================================================= */

.irepair-help-box {
    margin-top: 38px;

    padding: 19px 20px;

    display: flex;

    flex-direction: column;

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

    border-radius: 15px;

    background:
        rgba(255,255,255,0.08);
}


.irepair-help-box span {
    margin-bottom: 2px;

    color:
        rgba(255,255,255,0.60);

    font-size: 10px;

    text-transform: uppercase;

    letter-spacing: 1px;
}


.irepair-help-box strong {
    margin-bottom: 5px;

    color: #ffffff;

    font-size: 13px;
}


.irepair-help-box a {
    color: #91c2ff;

    font-size: 14px;

    font-weight: 700;

    text-decoration: none;
}



/* =========================================================
   FORM AREA
========================================================= */

.irepair-form-area {
    min-width: 0;

    padding:
        52px 55px 48px;
}


.irepair-form-heading {
    padding-bottom: 27px;

    margin-bottom: 28px;

    border-bottom:
        1px solid #ebeff5;
}


.irepair-form-heading > span {
    display: block;

    margin-bottom: 8px;

    color:
        var(--irepair-blue);

    font-size: 10px;

    font-weight: 800;

    letter-spacing: 1.7px;
}


.irepair-form-heading h3 {
    margin:
        0 0 8px;

    color:
        var(--irepair-navy);

    font-size: 29px;

    line-height: 1.2;

    font-weight: 800;
}


.irepair-form-heading p {
    max-width: 600px;

    margin: 0;

    color:
        var(--irepair-text);

    font-size: 13.5px;

    line-height: 1.65;
}



/* =========================================================
   FORM SECTION TITLE
========================================================= */

.irepair-form-section-title {
    display: flex;

    align-items: center;

    gap: 12px;

    margin:
        28px 0 19px;
}


.irepair-form-section-title > span {
    width: 37px;
    height: 37px;

    display: flex;

    align-items: center;

    justify-content: center;

    flex:
        0 0 37px;

    border-radius: 10px;

    background:
        #edf4ff;

    color:
        var(--irepair-blue);

    font-size: 11px;

    font-weight: 900;
}


.irepair-form-section-title h4 {
    margin:
        0 0 2px;

    color:
        var(--irepair-navy);

    font-size: 15px;

    font-weight: 800;
}


.irepair-form-section-title p {
    margin: 0;

    color: #8a96a8;

    font-size: 11px;
}



/* =========================================================
   GRID
========================================================= */

.irepair-form-grid {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap:
        17px 20px;
}


.irepair-full-field {
    width: 100%;
}



/* =========================================================
   FIELDS
========================================================= */

.irepair-field {
    min-width: 0;

    margin-bottom: 18px;
}


.irepair-field label {
    display: block;

    margin-bottom: 8px;

    color: #29354a;

    font-size: 12px;

    line-height: 1.4;

    font-weight: 700;
}


.irepair-field input,
.irepair-field select {
    display: block;

    width: 100%;

    height: 55px;

    margin: 0;

    padding:
        0 16px;

    border:
        1px solid
        var(--irepair-border);

    border-radius: 11px;

    outline: none;

    background: #f8fafd;

    color:
        var(--irepair-navy);

    font-family: inherit;

    font-size: 13px;

    font-weight: 500;

    transition:
        border-color 0.25s ease,
        box-shadow 0.25s ease,
        background 0.25s ease;
}


.irepair-field input::placeholder {
    color: #a0aabb;
}


.irepair-field input:hover,
.irepair-field select:hover {
    background: #ffffff;

    border-color: #c5d1e2;
}


.irepair-field input:focus,
.irepair-field select:focus {
    border-color:
        var(--irepair-blue);

    background: #ffffff;

    box-shadow:
        0 0 0 4px
        rgba(7, 87, 219, 0.08);
}



/* =========================================================
   SELECT
========================================================= */

.irepair-select {
    position: relative;
}


.irepair-select::after {
    content: "⌄";

    position: absolute;

    top: 50%;
    right: 17px;

    transform:
        translateY(-55%);

    color: #718096;

    pointer-events: none;

    font-size: 14px;
}


.irepair-select select {
    padding-right: 42px;

    appearance: none;

    -webkit-appearance: none;

    cursor: pointer;
}



/* =========================================================
   SERVICE OPTIONS
========================================================= */

.irepair-service-grid {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 11px;
}


.irepair-service-option {
    display: block;

    min-width: 0;

    cursor: pointer;
}


.irepair-service-option input {
    position: absolute;

    opacity: 0;

    pointer-events: none;
}


.irepair-service-inner {
    min-height: 98px;

    display: flex;

    align-items: flex-start;

    gap: 10px;

    padding: 16px;

    border:
        1px solid
        var(--irepair-border);

    border-radius: 13px;

    background: #f8fafd;

    transition:
        0.25s ease;
}


.irepair-service-option:hover
.irepair-service-inner {
    transform:
        translateY(-2px);

    border-color: #bed0ec;

    background: #ffffff;

    box-shadow:
        0 8px 22px
        rgba(16,26,51,0.05);
}


.irepair-radio {
    width: 18px;
    height: 18px;

    flex:
        0 0 18px;

    margin-top: 1px;

    border:
        2px solid #bac5d5;

    border-radius: 50%;

    transition:
        0.2s ease;
}


.irepair-service-inner strong {
    display: block;

    margin-bottom: 4px;

    color:
        var(--irepair-navy);

    font-size: 12.5px;

    font-weight: 800;
}


.irepair-service-inner p {
    margin: 0;

    color: #7e8a9b;

    font-size: 10.5px;

    line-height: 1.45;
}


.irepair-service-option
input:checked +
.irepair-service-inner {
    border-color:
        var(--irepair-blue);

    background: #f1f6ff;

    box-shadow:
        0 0 0 3px
        rgba(7,87,219,0.06);
}


.irepair-service-option
input:checked +
.irepair-service-inner
.irepair-radio {
    border:
        5px solid
        var(--irepair-blue);

    background: #ffffff;
}



/* =========================================================
   CONSENT
========================================================= */

.irepair-consent {
    position: relative;

    display: flex;

    align-items: flex-start;

    gap: 10px;

    margin:
        4px 0 22px;

    cursor: pointer;
}


.irepair-consent input {
    position: absolute;

    opacity: 0;
}


.irepair-checkbox {
    position: relative;

    width: 18px;
    height: 18px;

    flex:
        0 0 18px;

    margin-top: 1px;

    border:
        1.5px solid #bdc7d5;

    border-radius: 5px;

    background: #ffffff;
}


.irepair-consent
input:checked +
.irepair-checkbox {
    border-color:
        var(--irepair-blue);

    background:
        var(--irepair-blue);
}


.irepair-consent
input:checked +
.irepair-checkbox::after {
    content: "✓";

    position: absolute;

    top: -2px;
    left: 3px;

    color: #ffffff;

    font-size: 12px;

    font-weight: 800;
}


.irepair-consent p {
    margin: 0;

    color: #7b8798;

    font-size: 11px;

    line-height: 1.55;
}



/* =========================================================
   WHATSAPP BUTTON
========================================================= */

.irepair-submit {
    position: relative;

    width: 100%;

    min-height: 59px;

    padding:
        12px 20px;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 11px;

    border: 0;

    border-radius: 11px;

    color: #ffffff;

    background:
        linear-gradient(
            135deg,
            #25d366 0%,
            #16b952 100%
        );

    box-shadow:
        0 13px 28px
        rgba(37,211,102,0.23);

    font-family: inherit;

    font-size: 13px;

    font-weight: 800;

    cursor: pointer;

    overflow: hidden;

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease;
}


.irepair-submit::before {
    content: "";

    position: absolute;

    top: 0;
    left: -80%;

    width: 55%;
    height: 100%;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,0.18),
            transparent
        );

    transform:
        skewX(-20deg);

    transition:
        left 0.6s ease;
}


.irepair-submit:hover {
    transform:
        translateY(-2px);

    box-shadow:
        0 17px 34px
        rgba(37,211,102,0.30);
}


.irepair-submit:hover::before {
    left: 130%;
}


.irepair-whatsapp {
    width: 24px;
    height: 24px;

    display: flex;

    align-items: center;

    justify-content: center;

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

    border-radius: 50%;

    font-size: 12px;
}


.irepair-submit strong {
    margin-left: 3px;

    font-size: 16px;
}


.irepair-submit-note {
    margin:
        10px 0 0;

    text-align: center;

    color: #98a2b3;

    font-size: 10.5px;
}



/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .irepair-booking-section {
        padding:
            70px 18px;
    }


    .irepair-booking-card {
        grid-template-columns:
            1fr;
    }


    .irepair-booking-info {
        padding:
            40px 35px;
    }


    .irepair-booking-info h2 {
        max-width: 550px;

        font-size: 36px;
    }


    .irepair-features {
        display: grid;

        grid-template-columns:
            repeat(2, 1fr);

        gap: 20px;
    }


    .irepair-form-area {
        padding:
            45px 40px;
    }

}



/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 700px) {

    .irepair-booking-section {
        padding:
            50px 12px;
    }


    .irepair-booking-card {
        border-radius: 19px;
    }


    .irepair-booking-info {
        padding:
            32px 24px;
    }


    .irepair-booking-info h2 {
        font-size: 31px;
    }


    .irepair-features {
        grid-template-columns:
            1fr;
    }


    .irepair-form-area {
        padding:
            34px 22px;
    }


    .irepair-form-heading h3 {
        font-size: 24px;
    }


    .irepair-form-grid {
        grid-template-columns:
            1fr;

        gap: 0;
    }


    .irepair-service-grid {
        grid-template-columns:
            1fr;
    }


    .irepair-service-inner {
        min-height: auto;
    }

}


/* ==========================================
   WHITE MOBILE NAVIGATION
========================================== */

.mobile-nav__content,
.mobile-menu-white {
    background: #ffffff !important;
    color: #111827 !important;
}


/* Mobile menu generated links */

.mobile-nav__container,
.mobile-nav__container ul,
.mobile-nav__container li {
    background: #ffffff !important;
}


.mobile-nav__container a {
    color: #111827 !important;
}


.mobile-nav__container a:hover {
    color: #0757db !important;
}


/* Menu borders */

.mobile-nav__container li {
    border-color: #e8edf4 !important;
}


/* Dropdown / submenu */

.mobile-nav__container ul ul {
    background: #f7f9fc !important;
}


.mobile-nav__container ul ul a {
    color: #1f2937 !important;
}


/* Dropdown arrow buttons */

.mobile-nav__container .dropdown-btn,
.mobile-nav__container button {
    color: #0757db !important;
    background: #edf4ff !important;
}


/* Close button */

.mobile-nav__close {
    color: #111827 !important;
}


.mobile-nav__close i {
    color: #111827 !important;
}


/* Contact section */

.mobile-nav__contact {
    border-color: #e8edf4 !important;
}


.mobile-nav__contact li {
    color: #111827 !important;
}


.mobile-nav__contact li a {
    color: #111827 !important;
}


.mobile-nav__contact li a:hover {
    color: #0757db !important;
}





/* Social icons */

.mobile-nav__social a {
    color: #0757db !important;
    background: #edf4ff !important;

    width: 40px;
    height: 40px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    margin-right: 6px;

    transition: 0.3s;
}


.mobile-nav__social a:hover {
    color: #ffffff !important;
    background: #0757db !important;
}


/* Optional darker page overlay */

.mobile-nav__overlay {
    background: rgba(10, 20, 40, 0.55) !important;
}



/* ==================================================
   FORCE MOBILE NAV MENU TO DISPLAY
================================================== */

.mobile-nav__container {
    display: block !important;
    width: 100% !important;
    margin-top: 25px !important;
    visibility: visible !important;
    opacity: 1 !important;
}


/* IMPORTANT:
   Desktop CSS often hides .main-menu__list on mobile
*/

.mobile-nav__container .main-menu__list,
.mobile-nav__container .mobile-menu-list {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;

    background: #ffffff !important;
}


/* MAIN ITEMS */

.mobile-nav__container
.main-menu__list > li {
    position: relative !important;

    display: block !important;

    width: 100% !important;

    margin: 0 !important;

    border-bottom: 1px solid #e7ecf3 !important;

    background: #ffffff !important;
}


/* MAIN LINKS */

.mobile-nav__container
.main-menu__list > li > a {
    display: block !important;

    width: 100% !important;

    padding: 15px 45px 15px 0 !important;

    color: #111827 !important;

    background: transparent !important;

    font-size: 15px !important;

    line-height: 1.4 !important;

    font-weight: 600 !important;

    text-decoration: none !important;

    visibility: visible !important;

    opacity: 1 !important;
}


.mobile-nav__container
.main-menu__list > li > a:hover {
    color: #0757db !important;
}


/* ==========================================
   REMOVE DESKTOP DROPDOWN POSITIONING
========================================== */

.mobile-nav__container
.main-menu__list li ul.shadow-box {
    position: static !important;

    top: auto !important;
    left: auto !important;

    transform: none !important;

    width: 100% !important;

    min-width: 100% !important;

    margin: 0 !important;

    padding: 5px 0 8px 14px !important;

    background: #f7f9fc !important;

    box-shadow: none !important;

    border-radius: 0 !important;

    visibility: visible !important;

    opacity: 1 !important;

    display: none !important;
}


/* OPEN DROPDOWN */

.mobile-nav__container
li.mobile-dropdown-open
> ul.shadow-box {
    display: block !important;
}


/* SUBMENU LINKS */

.mobile-nav__container
ul.shadow-box li {
    display: block !important;

    width: 100% !important;

    margin: 0 !important;

    background: transparent !important;
}


.mobile-nav__container
ul.shadow-box li a {
    display: block !important;

    padding: 11px 12px !important;

    color: #525f70 !important;

    font-size: 13px !important;

    font-weight: 500 !important;

    text-decoration: none !important;
}


.mobile-nav__container
ul.shadow-box li a:hover {
    color: #0757db !important;
}


/* ==========================================
   DROPDOWN + BUTTON
========================================== */

.mobile-dropdown-toggle {
    position: absolute !important;

    right: 0 !important;

    top: 9px !important;

    width: 34px !important;

    height: 34px !important;

    padding: 0 !important;

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    border: none !important;

    border-radius: 7px !important;

    background: #edf4ff !important;

    color: #0757db !important;

    cursor: pointer !important;

    z-index: 10 !important;
}


.mobile-dropdown-toggle i {
    transition: transform 0.3s ease;
}


.mobile-dropdown-open
> .mobile-dropdown-toggle i {
    transform: rotate(180deg);
}


/* ==========================================
   WHITE MOBILE MENU
========================================== */

.mobile-nav__content {
    background: #ffffff !important;
}


.mobile-nav__content,
.mobile-nav__content p,
.mobile-nav__content a {
    color: #111827;
}


/* Close icon */

.mobile-nav__close,
.mobile-nav__close i {
    color: #111827 !important;
}


/* =====================================
   GLOBAL iREPAIR LOGO
===================================== */

.main-menu__logo img {
    width: 165px;
    height: auto;
    object-fit: contain;
}

.mobile-menu-logo img {
    display: block !important;
    width: 145px !important;
    max-width: 145px !important;
    height: auto !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.sidebar-info-contents .logo img {
    width: 160px;
    height: auto;
    object-fit: contain;
}

.footer-widget__logo img {
    width: 155px;
    height: auto;
    object-fit: contain;
}