body {
  padding: 0;
  margin: 0;
  /*  font-family: 'Montserrat', sans-serif;*/
  font-family: "Public Sans", serif;
  font-size: 1rem;
  color: #000000;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  line-height: 1.8rem;
  font-weight: 400;
}
body.full-page {
  overflow: hidden !important;
}
html {
  font-size: 16px;
}
ol, ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
a, a:hover, a:focus {
  outline: none;
  text-decoration: none;
  color: inherit;
}
input:focus {
  outline: none;
}
h1, h2, h3, h4, h5, h6 {
  margin: 0;
}
h1 {
  font-size: 3.75rem;
  font-family: "Public Sans", serif;
  font-weight: 700;
}
h2 {
  font-size: 3.5rem;
  font-family: "Public Sans", serif;
  font-weight: 700;
}
h3 {
  font-size: 1.675rem;
  font-family: "Public Sans", serif;
  font-weight: 700;
}
h4 {
  font-size: 1.25rem;
  font-family: "Public Sans", serif;
}
h5 {
  font-size: 1rem;
  font-family: "Public Sans", serif;
}
h6 {
  font-size: 0.875rem;
  font-family: "Public Sans", serif;
}
p {
  font-size: 15px;
}
p.title {
  font-size: 1rem;
}
.block {
  display: block;
}
.italic {
  font-style: italic;
}
button {
  line-height: 1;
}
/*common font family*/
p, .heading-title > span, .process-wrapp li > .pro-step, .progress-bars .progress p, .progress-bars .progress .progress-bar span, .approach-table .ammount .dur, .pagination li > a, .counters .count_nums, .approach-table .ammount h2, .approach-table ul li, .webcats li a > span, .getin_form .form-control {
  font-family: "Public Sans", serif;
}
/*fontAwesome*/
.zeus.tparrows.tp-rightarrow::before, .zeus.tparrows.tp-leftarrow::before, .approach-table ul li > span::before, .testimonial-quote h3::before, .testimonial-quote h3::after, blockquote.blockquote::before {
  font-family: 'FontAwesome';
}
/* Helper Classes & Shorcodes */
.padLeft {
  padding-left: 0px !important;
}
.padRight {
  padding-right: 0px !important;
}
.padding {
  padding: 7.5rem 0;
}
.padding_top {
  padding-top: 7.5rem;
}
.padding_bottom {
  padding-bottom: 7.5rem;
}
.margin_bottom {
  margin-bottom: 7.5rem;
}
.margin_top {
  margin-top: 7.5rem;
}
.padding_half {
  padding: 4.375rem 0;
}
.padding_bottom_half {
  padding-bottom: 4.375rem;
}
.margin_bottom_half {
  margin-bottom: 4.375rem;
}
.padding_top_half {
  padding-top: 4.375rem;
}
.heading_space {
  margin-bottom: 4.125rem;
}
.bottom5 {
  margin-bottom: 5px;
}
.bottom10 {
  margin-bottom: 10px;
}
.top10 {
  margin-top: 10px;
}
.bottom15 {
  margin-bottom: 15px;
}
.top15 {
  margin-top: 15px;
}
.top20 {
  margin-top: 20px;
}
.bottom20 {
  margin-bottom: 20px;
}
.bottom25 {
  margin-bottom: 25px;
}
.top25 {
  margin-top: 25px;
}
.bottom30 {
  margin-bottom: 30px;
}
.top30 {
  margin-top: 30px;
}
.bottom35 {
  margin-bottom: 35px;
}
.top40 {
  margin-top: 40px;
}
.bottom40 {
  margin-bottom: 40px;
}
.bottom45 {
  margin-bottom: 45px;
}
.top50 {
  margin-top: 50px;
}
.top60 {
  margin-top: 60px;
}
.bottom60 {
  margin-bottom: 60px;
}
.bottom0 {
  margin-bottom: 0;
}
.nomargin {
  margin: 0;
}
.nopadding {
  padding: 0;
}
.fontbold {
  font-weight: bold;
}
.fontmedium {
  font-weight: 500;
}
.font-light {
  font-weight: 300;
}
.font-xlight {
  font-weight: 200;
}
.bglight {
  background: #f5f7f7;
}
.bgdefault {
  background: #353584;
}
.whitecolor {
  color: #ffffff;
}
.darkcolor {
  color: #000000;
}
.skybluebg {
  background: #00afe5
}
.extradark-color {
  color: #212331;
}
.defaultcolor {
  color: #353584;
}
section {
  position: relative;
}
.center-justified {
  text-align: justify;
  -moz-text-align-last: center;
  text-align-last: center;
}
.container-padding {
  padding-left: 2.25rem;
  padding-right: 2.25rem;
}
/*heading Titles */
.heading-title > span {
  font-size: 1.25rem;
  display: block;
  text-transform: capitalize;
  color: #353584;
}
.whitecolor.heading-title > span {
  color: #fff;
}
.heading-title h2 {
  font-weight: 400;
}
.heading-title h3 {
  font-weight: 700;
  font-size: 36px
}
.heading-title h3 span {
  color: #44c1e2;
  font-weight: 600;
}
/*img wrap*/
.image {
  overflow: hidden;
}
a.image {
  display: block;
}
.image img {
  width: 100%;
  display: block;
}
.image, .image img {
  position: relative;
}
/*hover on images*/
.hover-effect::before, .hover-effect::after {
  content: "";
  background: #fff;
  height: 0;
  width: 0;
  z-index: 1;
  position: absolute;
  -webkit-transition-duration: 1.3s;
  -o-transition-duration: 1.3s;
  transition-duration: 1.3s;
}
.hover-effect::before {
  right: 0;
  opacity: 1;
  top: 0;
}
.hover-effect::after {
  bottom: 0;
  opacity: .7;
  left: 0;
}
.hover-effect:hover::after, .hover-effect:hover::before {
  height: 100%;
  opacity: 0;
  width: 100%;
}
/*to align elements center*/
.center-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
/*Back To Top*/
.back-top {
  color: #fff;
  right: 25px;
  font-size: 26px;
  position: fixed;
  z-index: 1600;
  opacity: 0;
  visibility: hidden;
  bottom: 80px;
  background: #e3140c;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  height: 40px;
  border: 2px solid #ffffff;
  width: 40px;
  text-align: center;
  line-height: 30px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.back-top-visible {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  visibility: visible;
}
.back-top::before {
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  z-index: -1;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  opacity: 0;
  visibility: hidden;
  background: #860c07;
}
.back-top:hover::before, .back-top:focus::before {
  opacity: 1;
  visibility: visible;
}
.back-top:hover, .back-top:focus {
  color: #fff;
}
/* transitions common*/
a, *::before, *::after, img, span, input, button, .navbar, .fixedmenu, .tp-bullet, .owl-dot, .owl-prev, .owl-next {
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
i::before, i::after {
  -webkit-transition: all 0s !important;
  -o-transition: all 0s !important;
  transition: all 0s !important;
}
.navbar-brand {
  margin: 8px 0;
  padding: 10px 0px;
  position: relative;
}
.navbar-brand > img {
  max-width: 100% !important;
}
.navbar.fixedmenu .logo-default, .navbar .logo-scrolled {
  display: none;
}
.navbar.fixedmenu .logo-scrolled, .navbar .logo-default {
  display: inline-block;
}
/*-------------------------------*/
/*header*/
/*-------------------------------*/
#yellow-patch {
  padding: 0px;
  position: relative;
  margin: 0px;
  /*	background: #000;*/
}
.ylowrap {
  position: relative;
  padding: 0 200px;
}
.navbar-custom {
  padding: 1px 5px;
  -moz-box-shadow: 0 .5rem .5rem 0 rgba(0, 82, 159, .3);
  -webkit-box-shadow: 0 .5rem .5rem 0 rgba(0, 82, 159, .3);
  box-shadow: 0 .5rem .5rem 0 rgba(0, 82, 159, .3);
  background: #e2eaff;
  /*  border-bottom: solid 5px #0096d6;*/
}
.navbar-custom.top-nav-collapse {
  -moz-box-shadow: 0 .5rem .5rem 0 rgba(0, 82, 159, .3);
  -webkit-box-shadow: 0 .5rem .5rem 0 rgba(0, 82, 159, .3);
  box-shadow: 0 .5rem .5rem 0 rgba(0, 82, 159, .3);
  background: #e2eaff;
  padding: 2px 5px;
  height: 75px;
}
.navbar-custom.top-nav-collapse img {
  width: 130px;
  transition: 1s all;
}
.navbar-dark .navbar-nav .nav-link:hover {
  color: #00529f;
  font-weight: 400;
  /*  background: #e3140c;*/
  /*  border-bottom: solid 1px #00529f;*/
}
.navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .nav-link.active {
  color: #00529f;
  font-weight: 400;
}
.navbar-dark .navbar-nav .nav-link {
  color: #001223;
  font-size: 1rem;
  padding: 7px 10px;
  font-weight: 400;
  margin: 0 5px;
}
.navbar-dark .navbar-nav .btn-danger1 {
  background-color: #00529f;
  color: #fff;
  border-radius: 7px;
  font-weight: 500;
  padding: 3px 13px 4px 13px;
  margin-top: 3px;
}
.navbar-dark .navbar-nav .btn-danger1:hover {
  background-color: #076fd1;
  color: #fff;
  font-weight: 500;
}
.active2 {
  color: #333 !important;
  font-weight: normal;
  /*  background: #e3140c;*/
  /*  border-bottom: solid 1px #e3140c;*/
}
.banner {
  position: relative;
  padding: 0px 0px 0px 0px;
  margin-top: 60px;
  /*    background: red;*/
  /*    margin-top: 100px;*/
  /*    z-index: 0;*/
}
.banner .banwrap {
  margin: 0px !important;
  padding: 0px !important;
}
.banner .banwrap {
  padding: 0px 0px;
  width: 100%;
  position: relative;
  margin: 0 auto;
}
.banner .banwrap .banner-slider .item {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  margin: 0px;
  padding: 0px;
}
.banner .banwrap .banner-slider .item img.testbgimg {
  position: relative;
  width: 100%;
  max-height: 694px;
  height: 100%;
  object-fit: cover;
  object-position: top center;
  margin: 0px;
  /*	padding: 0px;*/
}
.banner .banwrap .banner-slider .item .subitem {
  position: absolute;
  top: 30%;
  left: 0%;
  /*    transform: translate(-50%, -50%);*/
  display: block;
  /*    width: 100%;*/
  padding: 0 0px 0px 200px;
}
.banner .banwrap .banner-slider .item .subitem h5 {
  font-size: 3.3rem;
  line-height: 1.2;
  font-weight: 200;
  color: #00213f;
  text-align: left;
  margin: 0px;
  padding: 0px 0 0px 0px;
  text-transform: none;
}
.banner .banwrap .banner-slider .item .subitem h5 span {
  font-weight: 700;
  display: block;
}
.banner .banwrap .banner-slider .item .subitem img {
  width: 100%;
  max-width: 180px;
}
.banner .banwrap .banner-slider .item .subitem .header-text2 {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-left: 45px;
}
.banner .banwrap .banner-slider .item .subitem p {
  font-size: 1.3rem;
  font-weight: 300;
  line-height: 1.3;
  color: #00213f;
  text-align: left;
  margin: 0px;
  padding: 10px 0 0 0;
}
.banner .banwrap .banner-slider .item .subitem p span {
  display: block;
}
/*
#testimonials .testwrap .test-slider .item img {
    margin: 0 0 20px 0;
}
*/
/* the slides */
.banner .banner-slider .slick-slide {
  margin: 3px 5px;
}
/* the parent */
.banner .banner-slider .slick-list {
  margin: -10px -10px;
  /*	width: 100%;*/
  /*  overflow: visible;*/
}
.banner .banner-slider .slick-next {
  right: 20px;
}
.banner .banner-slider .slick-prev {
  right: 90px;
  left: auto
}
.banner .banner-slider .slick-next:before {
  content: url(../images/next-arrow.html);
  width: 55px;
  height: 44px;
}
.banner .banner-slider .slick-prev:before {
  content: url(../images/prev-arrow.html);
  width: 55px;
  height: 44px;
}
.banner .banner-slider .slick-dots {
  position: absolute;
  bottom: 3%;
  /*	top:0%;*/
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}
.banner .banner-slider .slick-dots li button::before {
  font-family: 'slick';
  font-size: 15px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 15px;
  height: 15px;
  content: '';
  text-align: center;
  opacity: .25;
  color: black;
}
.banner .banner-slider .slick-dots li {
  position: relative;
  /*  display: inline-block;*/
  width: 12px;
  height: 12px;
  margin: 0 5px;
  padding: 0;
  border-radius: 100%;
  cursor: pointer;
  /*  border: solid 2px #fff;*/
  background: #fff;
  transform: rotate(0deg);
}
.banner .banner-slider .slick-dots li button {
  border: 0;
  outline: none;
  background: transparent;
}
.banner .banner-slider .slick-dots li.slick-active {
  background: #043d73;
  /*    border: none;*/
}
.banner .banner-slider .slick-slide img {
  /*  margin: 0 auto 30px auto;*/
  margin: 0 0 10px 0;
  position: relative;
  /*	width: 100%;*/
}
.logo img {
  width: 180px;
  /*  margin-top: 30px;*/
}
.banner .banwrap .subitem .btndiv {
  display: flex;
  justify-content: flex-start;
  column-gap: 15px;
  margin-top: 20px;
}
.banner .banwrap a.applybtnew {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2;
  font-weight: 600;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  padding: 10px 25px 10px 25px;
  width: 200px;
  font-size: 1rem;
  line-height: 1.1;
  outline: none;
  text-decoration: none;
  color: #fff;
  background: rgb(4, 61, 115);
  background: linear-gradient(128deg, rgba(4, 61, 115, 1) 0%, rgba(19, 97, 170, 1) 66%);
  border: 3px solid #fff;
  transition: all 0.3s ease 0s;
  margin: 30px 0px 0px 0px;
  height: 60px;
  border-radius: 10px;
  /*  bottom: 0px;*/
  position: relative;
  text-transform: uppercase;
  z-index: 1;
  -moz-box-shadow: -1px 5px 6px 0 rgba(255, 255, 255, .7);
  -webkit-box-shadow: -1px 5px 6px 0 rgba(255, 255, 255, .7);
  box-shadow: -1px 5px 6px 0 rgba(255, 255, 255, .7);
  /*
	 -moz-box-shadow: -1px 5px 6px 0 rgba(23, 93, 159, .7);
  -webkit-box-shadow: -1px 5px 6px 0 rgba(23, 93, 159, .7);
  box-shadow: -1px 5px 6px 0 rgba(23, 93, 159, .7);
*/
}
.banner .banwrap a.applybtnew:hover {
  background: rgb(4, 61, 115);
  background: linear-gradient(324deg, rgba(4, 61, 115, 1) 0%, rgba(19, 97, 170, 1) 66%);
  /*  border: 1px solid #fff;*/
  color: #fff;
}
#repair {
  position: relative;
  padding: 40px 0px 50px 0px;
  /*  background: #f2f2f2;*/
  background: #f2f2f2 url("../images/repair_bg.jpg") top/cover no-repeat;
}
#repair .repwrap {
  padding: 0px 0px 0px 0px;
}
#repair .repwrap h2 {
  font-size: 2rem;
  margin: 0;
  line-height: 1;
  color: #fff;
  text-align: center;
  font-weight: 100;
  padding: 20px 0px;
  display: block;
}
#repair .repwrap h2:before {
  content: '';
  position: absolute;
  width: 100%;
  background: #fff;
  height: 1px;
  display: block;
  top: 65px;
  left: 10px;
  right: 0;
  margin: 0 0;
}
#repair .repwrap h2:after {
  content: '';
  position: absolute;
  width: 100%;
  background: #fff;
  height: 1px;
  display: block;
  top: 70px;
  left: 10px;
  right: 0;
  margin: 0 0;
}
#repair .repwrap p {
  font-size: 1rem;
  line-height: 1.5;
  font-weight: normal;
  color: #fff;
  text-align: center;
  margin: 0px;
  padding: 25px 0px 0 0;
}
#repair .repwrap .boxes {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 20px 10px 20px 30px;
  flex-direction: column;
  transition: 1s all;
  border-radius: 20px;
  border: solid 1px #f2f2f2;
  -moz-box-shadow: -1px 8px 6px 0 rgba(255, 255, 255, .7);
  -webkit-box-shadow: -1px 8px 6px 0 rgba(255, 255, 255, .7);
  box-shadow: -1px 8px 6px 0 rgba(255, 255, 255, .7);
  min-height: 300px;
  height: 100%;
  background: rgb(4, 61, 115);
  background: linear-gradient(128deg, rgba(4, 61, 115, 1) 0%, rgba(19, 97, 170, 1) 66%);
}
#repair .repwrap .boxes:hover {
  /*  transform: translateY(-10px);*/
  /*
  -moz-box-shadow: rgba(10, 0, 0, .8) 0px 15px 30px -15px;
  -webkit-box-shadow: rgba(10, 0, 0, .8) 0px 15px 30px -15px;
  box-shadow: rgba(10, 0, 0, .8) 0px 15px 30px -15px;
*/
  transform: translateY(-5px);
  webkit-box-shadow: #007bff 0px 25px 30px -15px;
  box-shadow: #007bff 0px 25px 30px -15px;
  box-shadow: rgb(0 127 255 / 80%) 0px 25px 20px -10px;
}
#repair .repwrap .boxes .img-txt {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  background: #fff;
  padding: 10px;
  border-radius: 100%;
  border: solid 1px #004999;
  position: absolute;
  top: -50px;
  -moz-box-shadow: -1px 5px 6px 0 rgba(255, 255, 255, .7);
  -webkit-box-shadow: -1px 5px 6px 0 rgba(255, 255, 255, .7);
  box-shadow: -1px 5px 6px 0 rgba(255, 255, 255, .7);
}
#repair .repwrap .boxes .img-txt img {
  max-width: 100%;
  width: 70px;
  padding: 5px;
  position: relative;
  transition: .5s ease-in-out;
}
#repair .repwrap .boxes:hover img {
  /*      filter: invert(10);*/
  /*      -webkit-filter: invert(10);*/
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  opacity: .8;
  transform: scale(1.03);
}
#repair .repwrap .boxes .numhead {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  color: #fff;
  padding: 25px 0 15px 0px;
}
#repair .repwrap .boxes .numhead h4 {
  font-size: 1.3rem;
  margin: 0;
  line-height: 1;
  text-align: left;
  font-weight: 300;
  padding: 25px 0 0 0px;
  position: relative;
  display: block;
}
#repair .repwrap .boxes .numhead h4 span {
  font-weight: 800;
  text-transform: uppercase;
}
#repair .repwrap h4:before {
  content: '';
  position: absolute;
  width: 55px;
  background: #fff;
  height: 3px;
  display: block;
  top: 58px;
  left: 0px;
  /*    right: 0;*/
  margin: 0;
}
#repair .repwrap .boxes .numhead ul {
  list-style-type: none;
  padding: 35px 0 0 0;
  margin: 0px;
}
#repair .repwrap .boxes .numhead ul li {
  list-style: none;
  position: relative;
  padding-left: 20px;
  font-size: 1rem;
  font-weight: 200;
  line-height: 1.7;
}
#repair .repwrap .boxes .numhead ul li::before {
  content: '\f0da';
  font-family: 'FontAwesome';
  font-size: 1rem;
  padding: 0 10px 0 0px;
  position: absolute;
  left: 0;
}
#repair .repwrap a.applybtn {
  display: block;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  text-transform: uppercase;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  padding: 15px 10px;
  font-size: 1rem;
  line-height: 1.1;
  outline: none;
  text-decoration: none;
  color: #fff;
  /*  background: #3cba10;*/
  /*  background: #fff;*/
  border: 1px solid #61b3ff;
  transition: all 0.3s ease 0s;
  background: rgb(11, 137, 255);
  background: linear-gradient(142deg, rgba(11, 137, 255, 1) 0%, rgba(73, 167, 255, 1) 66%);
  /*  margin: 30px 0 0 0px;*/
  border-radius: 10px;
  bottom: 0px;
  position: relative;
  /*  text-transform: none;*/
  z-index: 1;
  width: 100%;
  max-width: 180px;
  margin: 0 auto;
}
#repair .repwrap a.applybtn:hover {
  background: #014586;
  /*    border: 1px solid #fff;*/
  /*	border-radius: 5px;*/
  color: #fff;
  max-width: 250px;
}
#whatwedo {
  position: relative;
  padding: 50px 0px 90px 0;
  background: #fff url("../images/what-we-do.jpg") top/cover no-repeat;
  background-size: cover;
  background-position: 10% 100%;
}
#whatwedo .wtwrap {
  padding: 0px 0px 0px 0px;
}
#whatwedo .wtwrap h2 {
  font-size: 2rem;
  margin: 0;
  line-height: 1;
  color: #02427e;
  text-align: center;
  font-weight: 300;
  padding: 20px 0px;
  display: block;
}
#whatwedo .wtwrap h2:before {
  content: '';
  position: absolute;
  width: 100%;
  background: #02427e;
  height: 1px;
  display: block;
  top: 65px;
  left: 10px;
  right: 0;
  margin: 0 0;
}
#whatwedo .wtwrap h2:after {
  content: '';
  position: absolute;
  width: 100%;
  background: #02427e;
  height: 1px;
  display: block;
  top: 70px;
  left: 10px;
  right: 0;
  margin: 0 0;
}
#whatwedo .wtwrap p {
  font-size: 1rem;
  line-height: 1.5;
  font-weight: normal;
  color: #fff;
  text-align: center;
  margin: 0px;
  padding: 25px 0px 0 0;
}
#whatwedo .wtwrap .boxes {
  display: flex;
  justify-content: space-around;
  align-items: center;
  padding: 20px 0px;
  min-height: 200px;
  /*    background: #84b71e;*/
  height: 100%;
  transition: .5s;
  flex-direction: column;
  /*    border-radius: 8px;*/
  /*    border: solid 1px #f3f3f3;*/
  z-index: 2;
  position: relative;
}
#whatwedo .wtwrap .boxes::after {
  border-bottom: 5px solid #044480;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  transition: .5s ease-in-out;
  width: 0;
}
#whatwedo .wtwrap .boxes:hover::after {
  width: 100%;
}
#whatwedo .wtwrap .boxes:hover {
  background: #4aa6fb;
}
#whatwedo .wtwrap .boxes .imgcircle {
  /*  border: solid 4px #860c07;*/
  /*  border-radius: 100%;*/
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 200px;
  width: 100%;
  height: 200px;
  border-radius: 0px 30px 0px 20px;
  background: rgb(19, 3, 218);
  background: linear-gradient(137deg, rgba(19, 3, 218, 1) 0%, rgba(10, 92, 168, 1) 50%, rgba(88, 16, 252, 1) 100%);
  -webkit-box-shadow: 3px 24px 13px -18px rgba(8, 49, 87, 0.92);
  -moz-box-shadow: 3px 24px 13px -18px rgba(8, 49, 87, 0.92);
  box-shadow: 3px 24px 13px -18px rgba(8, 49, 87, 0.92);
  border: solid 3px #fff;
}
/*#whatwedo .wtwrap .boxes:hover .imgcircle {background: #fbb8b5;}*/
#whatwedo .wtwrap .boxes .imgcircle img {
  max-width: 100px;
  height: auto;
  width: 100%;
  position: relative;
  transition: .5s ease-in-out;
  /*	display: flex;*/
}
#whatwedo .wtwrap .boxes:hover img {
  /*  filter: invert(100%);*/
  /*  -webkit-filter: invert(100%);*/
  opacity: 1;
}
#whatwedo .wtwrap .boxes .textdiv {
  padding: 30px 0px 0px 0px;
  display: flex;
  justify-content: center;
  align-items: center;
  /*  flex-direction: column;*/
}
#whatwedo .wtwrap .boxes .textdiv p {
  margin: 0;
  padding: 0px;
  line-height: 1.3;
  color: #02427e;
  font-style: italic;
  font-weight: 400;
  font-size: 1rem;
  text-align: center;
  transition: .5s ease-in-out;
}
#whatwedo .wtwrap .boxes .textdiv p span {
  font-weight: bold;
}
#whatwedo .wtwrap .boxes:hover p {
  color: #fff;
}
/****************DOTs start ****************/
.wedo-slider .slick-dots {
  position: absolute;
  bottom: -15%;
  /*    	top:0%;*/
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}
.wedo-slider .slick-dots li button::before {
  font-family: 'slick';
  font-size: 15px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: '';
  text-align: center;
  opacity: .25;
  color: black;
}
.wedo-slider .slick-dots li {
  position: relative;
  /*  display: inline-block;*/
  width: 10px;
  height: 10px;
  margin: 0 2px;
  padding: 0;
  border: solid 1px #1260aa;
  transform: rotate(0deg);
}
.wedo-slider .slick-dots li button {
  border: 0;
  outline: none;
  background: transparent;
}
.wedo-slider .slick-dots li.slick-active {
  background: #2695ff;
  /*  border: none;*/
  border: solid 1px #1260aa;
}
.wedo-slider .slick-slide img {
  display: block;
  width: 100%;
  position: relative;
}
/*********** Dots end ******************/
/* the slides */
.wedo-slider .slick-slide {
  padding: 0px;
  margin: 5px;
}
/* the parent */
.wedo-slider .slick-list {
  padding: 0px;
  margin: -10px;
}
.wedo-slider .slick-next {
  right: -45px;
  height: auto;
}
.wedo-slider .slick-prev {
  left: -50px;
  height: auto;
}
.wedo-slider .slick-next:before {
  content: '\f0a9';
  font-family: 'FontAwesome';
  font-size: 1.5rem;
  /*
  width: 34px;
  height: 34px;
*/
}
.wedo-slider .slick-prev:before {
  content: '\f0a8';
  font-family: 'FontAwesome';
  padding: 5px;
  font-size: 1.5rem;
  /*
  width: 34px;
  height: 34px;
*/
}
#option {
  position: relative;
  padding: 40px 0px 50px 0px;
  background: #ebf5ff;
  /*  background: #f2f2f2 url("../images/repair_bg.jpg") top/cover no-repeat;*/
}
#option .optwrap {
  padding: 0px 0px 0px 0px;
}
#option .optwrap h2 {
  font-size: 2rem;
  margin: 0;
  line-height: 1;
  color: #1361aa;
  text-align: center;
  font-weight: 600;
  padding: 20px 0px;
  display: block;
  text-transform: uppercase;
}
#option .optwrap h2:before {
  content: '';
  position: absolute;
  width: 100%;
  background: #1361aa;
  height: 1px;
  display: block;
  top: 65px;
  left: 10px;
  right: 0;
  margin: 0 0;
}
#option .optwrap h2:after {
  content: '';
  position: absolute;
  width: 100%;
  background: #1361aa;
  height: 1px;
  display: block;
  top: 70px;
  left: 10px;
  right: 0;
  margin: 0 0;
}
#option .optwrap h3 {
  font-size: 1.4rem;
  margin: 0;
  line-height: 1;
  color: #fff;
  text-align: left;
  font-weight: 400;
  padding: 10px 10px 10px 20px;
  display: block;
  border-radius: 10px;
  width: 100%;
  text-transform: uppercase;
  background: rgb(4, 61, 115);
  background: linear-gradient(135deg, rgba(4, 61, 115, 1) 50%, rgba(19, 97, 170, 1) 100%);
}
#option .optwrap h3 span {
  font-weight: 700;
}
#option .optwrap .boxes {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  position: relative;
  flex-direction: column;
}
#option .optwrap .boxes .img-txt {
  background: #2695ff;
  border-radius: 5px;
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
#option .optwrap .boxes .img-txt img {
  display: block;
  width: 70px;
  height: auto;
}
#option .optwrap .boxes h4 {
  font-size: 1.3rem;
  line-height: 1.5;
  font-weight: 700;
  color: #000;
  text-align: left;
  margin: 0px;
  padding: 10px 0px 0 0;
}
#option .optwrap .boxes p {
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 300;
  color: #000;
  text-align: left;
  margin: 0px;
  padding: 3px 0px 0 0;
}
#option .optwrap .boxes p span {
  display: block;
}
#option .optwrap a.applybtn {
  display: block;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  text-transform: uppercase;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  padding: 15px 10px;
  font-size: 1rem;
  line-height: 1.1;
  outline: none;
  text-decoration: none;
  color: #fff;
  /*  background: #3cba10;*/
  /*  background: #fff;*/
  border: 1px solid #61b3ff;
  transition: all 0.3s ease 0s;
  background: rgb(11, 137, 255);
  background: linear-gradient(142deg, rgba(11, 137, 255, 1) 0%, rgba(73, 167, 255, 1) 66%);
  /*  margin: 30px 0 0 0px;*/
  border-radius: 10px;
  bottom: 0px;
  position: relative;
  /*  text-transform: none;*/
  z-index: 1;
  width: 100%;
  max-width: 180px;
  margin: 0 auto;
}
#option .optwrap a.applybtn:hover {
  background: #014586;
  /*    border: 1px solid #fff;*/
  /*	border-radius: 5px;*/
  color: #fff;
  max-width: 250px;
}
#whychoose {
  position: relative;
  padding: 50px 0px 50px 0px;
  /*  background: #f2f2f2;*/
  background: #fff url("../images/why-choose-bg.jpg") right/cover no-repeat;
}
#whychoose .chosewrap {
  padding: 0px 0px 0px 0px;
}
#whychoose .chosewrap h2 {
  font-size: 2rem;
  margin: 0;
  line-height: 1;
  color: #fff;
  text-align: center;
  font-weight: 300;
  padding: 20px 0px;
  display: block;
  text-transform: uppercase;
}
#whychoose .chosewrap h2:before {
  content: '';
  position: absolute;
  width: 100%;
  background: #fff;
  height: 1px;
  display: block;
  top: 65px;
  left: 10px;
  right: 0;
  margin: 0 0;
}
#whychoose .chosewrap h2:after {
  content: '';
  position: absolute;
  width: 100%;
  background: #fff;
  height: 1px;
  display: block;
  top: 70px;
  left: 10px;
  right: 0;
  margin: 0 0;
}
#whychoose .chosewrap .boxes {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 30px;
  flex-direction: column;
  transition: 1s all;
  background: #fefefe;
  height: 100%;
  -webkit-border-radius: 16px 16px 16px 16px;
  -moz-border-radius: 16px 16px 16px 16px;
  border-radius: 16px 16px 16px 16px;
  border-bottom: solid 6px #125da4;
}
#whychoose .chosewrap .boxes .imgdiv {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: solid 5px #155fa4;
  -webkit-border-radius: 50px 50px 0px 50px;
  -moz-border-radius: 50px 50px 0px 50px;
  border-radius: 50px 50px 0px 50px;
  background: #c0ddf9;
  width: 100px;
  height: 100px;
}
#whychoose .chosewrap .boxes .imgdiv img {
  max-width: 75px;
  width: 100%;
  display: block;
  height: auto;
}
#whychoose .chosewrap .boxes h3 {
  font-size: 1.4rem;
  margin: 0;
  padding: 25px 0px 0px 0px;
  line-height: 1.3;
  color: #000;
  text-align: center;
  font-weight: 500;
}
#whychoose .chosewrap .boxes p {
  font-size: 1rem;
  line-height: 1.4;
  font-weight: normal;
  color: #333;
  text-align: center;
  margin: 0px;
  padding: 10px 0px 0 0;
}
#whychoose .chosewrap .boxes:hover {
  /*  transform: translateY(-10px);*/
  transform: scale(1.03);
  -moz-box-shadow: rgba(10, 0, 0, .8) 0px 15px 30px -15px;
  -webkit-box-shadow: rgba(10, 0, 0, .8) 0px 15px 30px -15px;
  box-shadow: rgba(10, 0, 0, .8) 0px 15px 30px -15px;
  /*  	border-radius: 10px;*/
  /*    box-shadow: rgba(26, 130, 235, .8) 0px 25px 20px -20px;*/
  /*	background: #f1a4a2;*/
}
#whychoose .chosewrap .boxes:hover img {
  /*      filter: invert(10);*/
  /*      -webkit-filter: invert(10);*/
  /*  filter: grayscale(100%);*/
  /*  -webkit-filter: grayscale(100%);*/
  opacity: .9;
  /*	transform: scale(1.03);*/
}
#whychoose .chosewrap .boxes:hover .imgdiv {
  transition: 1s all;
  border: dashed 1px #155fa4;
  background: #fff;
}
#contact {
  position: relative;
  padding: 50px 0px;
  background: #fff url("../images/contact_bg_new.jpg") top/cover no-repeat;
}
#contact .conwrap {
  padding: 0px 0px 0px 0px;
}
#contact .conwrap h2 {
  font-size: 2rem;
  margin: 0;
  line-height: 1;
  color: #fff;
  text-align: left;
  font-weight: 300;
  padding: 20px 0px;
  display: block;
  text-transform: uppercase;
}
#contact .conwrap h2:before {
  content: '';
  position: absolute;
  width: 100%;
  background: #fff;
  height: 1px;
  display: block;
  top: 65px;
  left: 10px;
  right: 0;
  margin: 0 0;
}
#contact .conwrap h2:after {
  content: '';
  position: absolute;
  width: 100%;
  background: #fff;
  height: 1px;
  display: block;
  top: 70px;
  left: 10px;
  right: 0;
  margin: 0 0;
}
#contact .conwrap .contentdata {
  background: #fff;
  padding: 30px 10px;
  margin-top: 40px;
}
#contact .conwrap .contentdata .subdata {
  display: flex;
  flex-direction: row;
}
#contact .conwrap .contentdata .subdata .nav-pills .nav-link {
  background: #02305c;
  color: #fff;
  margin: 3px 0px;
  padding: 30px 80px;
  border-radius: 0px;
  font-size: 1.2rem;
  text-transform: uppercase;
  font-weight: 400;
  clip-path: polygon(0% 0%, 100% 0, 100% 50%, 100% 100%, 0% 100%);
  transition: .5s all;
}
#contact .conwrap .contentdata .subdata .nav-pills .nav-link.active {
  background: #00529f;
  clip-path: polygon(0% 0%, 90% 0, 100% 50%, 90% 100%, 0% 100%);
}
#contact .conwrap .contentdata .subdata .nav-pills .nav-link:hover {
  background: #00529f;
  clip-path: polygon(0% 0%, 90% 0, 100% 50%, 90% 100%, 0% 100%);
}
#contact .conwrap .tab-content {
  margin: 0px !important;
  padding-left: 40px !important;
  position: relative;
  width: 100%;
}
#contact .conwrap .tab-content h4 {
  font-size: 1.5rem;
  margin: 0;
  line-height: 1;
  color: #00529f;
  text-align: left;
  font-weight: 700;
  padding: 0 0px;
  display: block;
}
#contact .conwrap .tab-content p {
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 300;
  color: #444;
  text-align: left;
  margin: 0px;
  padding: 5px 0px 0 0;
}
#contact .conwrap .tab-content span {
  display: block;
}
#contact .conwrap .tab-content .addhead {
  font-weight: 600;
  color: #111;
  font-size: 1rem;
  line-height: 1.3;
  display: inline-block;
  padding-top: 5px;
  padding-bottom: 5px;
}
#contact .conwrap .tab-content img {
  display: block;
  padding: 10px 0;
  width: 30px;
}
#privacypol {
  background: #f3f9ff;
  position: relative;
  padding: 40px 0 40px 0px;
}
#privacypol .priwrap {
  padding: 0px 0px 0px 0px;
}
#privacypol .priwrap h2 {
  font-size: 2rem;
  margin: 0;
  line-height: 1;
  color: #02427e;
  text-align: center;
  font-weight: 300;
  padding: 30px 0px;
  display: block;
  text-transform: uppercase;
}
#privacypol .priwrap h2:before {
  content: '';
  position: absolute;
  width: 100%;
  background: #02427e;
  height: 1px;
  display: block;
  top: 75px;
  left: 0px;
  right: 0;
  margin: 0 0;
}
#privacypol .priwrap h2:after {
  content: '';
  position: absolute;
  width: 100%;
  background: #02427e;
  height: 1px;
  display: block;
  top: 80px;
  left: 0px;
  right: 0;
  margin: 0 0;
}
#privacypol .priwrap p {
  font-size: 1rem;
  margin: 0;
  line-height: 1.5;
  color: #666;
  text-align: left;
  font-weight: 300;
  padding: 5px 0px;
  display: block;
}
#privacypol .priwrap p strong {
  font-size: 1.2rem;
  margin: 0;
  line-height: 1.5;
  color: #222;
  text-align: left;
  font-weight: 700;
  padding: 10px 0 0 0px;
  display: block;
}
#privacypol .priwrap ul {
  margin: 0px;
  padding: 0px;
  position: relative;
  list-style-type: none;
}
#privacypol .priwrap ul li {
  font-size: 1rem;
  margin: 0 0 0 20px;
  line-height: 1.5;
  color: #666;
  padding: 5px 0px;
  list-style-type: disc;
}
#privacypol .priwrap p a, #privacypol .priwrap ul li a {
  color: #055AEF;
  text-decoration: none;
}
#privacypol .priwrap p a:hover, #privacypol .priwrap ul li a:hover {
  color: #055AEF;
  text-decoration: underline;
}
#booknow {
  position: relative;
  padding: 2rem 0px 1px 0px;
  background: #fff url("../images/contact_bg_new.jpg") top/cover no-repeat;
}
#booknow .bokwrap {
  padding: 0px 0px 0px 0px;
}
 
#booknow .bokwrap h2 {
  font-size: 2rem;
  margin: 0;
  line-height: 1;
  color: #fff;
  text-align: center;
  font-weight: 100;
  padding: 20px 0px;
  display: block;
}
#booknow .bokwrap h2:before {
  content: '';
  position: absolute;
  width: 100%;
  background: #fff;
  height: 1px;
  display: block;
  top: 65px;
  left: 10px;
  right: 0;
  margin: 0 0;
}
#booknow .bokwrap h2:after {
  content: '';
  position: absolute;
  width: 100%;
  background: #fff;
  height: 1px;
  display: block;
  top: 70px;
  left: 10px;
  right: 0;
  margin: 0 0;
}

#booknow .bokwrap .card {
  border: solid 1px #0076ce;
  position: relative;
  border-radius: 10px;
  /*
background: rgb(219,242,170);
background: linear-gradient(151deg, rgba(219,242,170,0.41220238095238093) 0%, rgba(255,255,255,1) 98%, rgba(181,236,67,1) 100%);
*/
  /*	 background: rgb(181,236,67);*/
  /*background: linear-gradient(225deg, rgba(181,236,67,1) 3%, rgba(219,242,170,0.41220238095238093) 3%, rgba(255,255,255,1) 97%, rgba(181,236,67,1) 97%);*/
  background: rgb(0 118 206);
  background: linear-gradient(225deg, rgb(0 118 206 / 78%) 3%, rgb(145 196 233 / 78%) 3%, rgba(255, 255, 255, 1) 97%, rgb(0 118 206 / 96%) 97%);
  box-shadow: 0 5px 12px rgb(160 211 250 / 88%);
}
#booknow .bokwrap .card h4 {
  padding: 15px;
  background: #0076ce;
  font-size: 1.2rem;
  text-transform: uppercase;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 300px;
  position: relative;
  margin: 0 auto;
  top: -50px;
  font-weight: 700;
  border-radius: 5px;
}
#booknow .bokwrap .form-step h5 {
  background: #3195e0;
  /*    background: #45aefc;*/
  color: #fff;
  padding: 10px 15px;
  font-weight: 600;
  border-bottom: dashed 1px #0076ce;
  text-transform: uppercase;
  font-size: 1.1rem;
}
#booknow .bokwrap .form-step .form-label {
  font-weight: 500;
  color: #333;
}
#booknow .bokwrap .form-step .form-select {
  display: block;
  width: 100%;
  padding: 0.5rem 2.25rem 0.5rem 0.75rem;
  -moz-padding-start: calc(0.75rem - 3px);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #111;
  background-color: #c7e1f4;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
  border: 1px solid #0076ce;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-left: 3px solid #0076ce;
}
#booknow .bokwrap .form-step .form-select:focus {
  background-color: #fff;
  border-color: #0076ce;
  outline: 0;
  /*    box-shadow: 0 0 0 0.125rem rgba(152, 222, 10, 0.5);*/
  box-shadow: 0 0 0 0.125rem rgb(0 118 206 / 31%);
}
#booknow .bokwrap .form-step .form-control {
  display: block;
  width: 100%;
  padding: 0.5rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #111;
  background-color: #c7e1f4;
  background-clip: padding-box;
  border: 1px solid #0076ce;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0.25rem;
  border-left: 3px solid #0076ce;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
#booknow .bokwrap .form-step .form-control:focus {
  background-color: #fff;
  border-color: #0076ce;
  outline: 0;
  /*    box-shadow: 0 0 0 0.125rem rgba(152, 222, 10, 0.5);*/
  box-shadow: 0 0 0 0.125rem rgb(0 118 206 / 31%);
}
#booknow .bokwrap .btn-custom {
  /* Initial background gradient */
  background: linear-gradient(86deg, rgb(199 225 244) 23%, rgb(0 118 206 / 92%) 86%);
  /* background: rgb(213,255,131);*/
  /*background: linear-gradient(86deg, rgba(213,255,131,1) 23%, rgba(151,222,9,1) 86%); */
  border-color: #0076ce;
  color: #000;
  font-weight: 500;
  padding: 10px;
  width: 125px;
  transition: all 1s ease-in-out; /* Smooth and slightly slower transition */
}
#booknow .bokwrap .customsubmit {
  background: #1093f4;
}
#booknow .bokwrap .btn-custom:hover {
  /* Hover background gradient */
  /* background: rgb(213,255,131);*/
  /*background: linear-gradient(86deg, rgba(213,255,131,1) 0%, rgba(151,222,9,1) 12%); */
  background: linear-gradient(86deg, rgb(0 118 206 / 61%) 23%, rgb(150 188 216 / 50%) 86%);
  /*  border-color: #007acc;*/
  border-color: #0076ce;
  box-shadow: 0 5px 15px rgb(48 134 198 / 64%);
  color: #000;
}
#booknow .bokwrap .icon-container {
  display: flex;
  gap: 15px;
  justify-content: flex-start;
  padding: 0px 0px;
}
#booknow .bokwrap .icon-btn {
  width: 150px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  border: 2px solid #0076ce;
  border-radius: 10px;
  text-align: center;
  padding: 10px;
  cursor: pointer;
  background-color: white;
  font-weight: 500;
  transition: 0.3s ease-in-out;
}
#booknow .bokwrap .model-select {
  display: none;
}
#booknow .bokwrap .icon-btn img {
  width: 80px;
  padding: 10px;
  filter: grayscale(1);
  /*	filter: saturate(3)*/
}
#booknow .bokwrap .icon-btn:hover {
  background-color: #45aefc;
  color: #fff;
}
#booknow .bokwrap .icon-btn.active1 {
  background-color: #0076ce;
  color: #fff;
}
#booknow .bokwrap .icon-btn:hover img {
  filter: brightness(100);
}
#booknow .bokwrap .icon-btn.active1 img {
  filter: brightness(100);
}
#booknow .bokwrap .time-slot-main {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  padding: 1px;
}
/* Styling for each time slot */
#booknow .bokwrap .time-slot {
  display: flex;
  align-items: center;
  gap: 2px;
  padding: 10px 10px;
  border: 1px dotted #0076ce;
  border-radius: 5px;
  cursor: pointer;
  position: relative;
  font-size: 1rem;
  transition: 0.3s;
}
/* Radio button styling */
#booknow .bokwrap .time-slot input[type="radio"] {
  display: inline-block;
  width: 18px;
  height: 18px;
  margin: 0;
  cursor: pointer;
  accent-color: #0d6efd;
}
/* Default background */
#booknow .bokwrap .time-slot {
  background-color: #c7e1f4;
  color: #000;
  border: 1px solid #0076ce;
}
#booknow .bokwrap .time-slot:hover {
  background-color: #0076ce;
  color: #fff;
  /*	background-color: #e6f3c8;*/
}
/* Highlight selected time slot */
#booknow .bokwrap .time-slot.active {
  background-color: #0076ce;
  color: #fff;
}
/* Custom tick mark added inside the label */
#booknow .bokwrap .time-slot.active input[type="radio"]::before {
  content: "✔";
  font-size: 10px;
  color: #fff;
  display: block;
  position: absolute;
  left: 16px;
  top: 10px;
}
/* Zoom effect and tick on hover */
#booknow .bokwrap .time-slot:hover {
  transform: scale(1.01); /* Slight zoom effect */
  /*	box-shadow: 0 14px 8px rgba(151, 222, 9, 0.1);*/
  /*  box-shadow: 0 4px 7px rgba(151, 222, 9, 0.5);*/
  box-shadow: 0 5px 15px rgb(48 134 198 / 64%);
}
#booknow .bokwrap .selectservice-main {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  padding: 1px;
}
/* Styling for each slotservice service */
#booknow .bokwrap .slotservice {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 10px 10px;
  border: 1px dotted #0076ce;
  border-radius: 5px;
  cursor: pointer;
  position: relative;
  transition: 0.3s;
}
/* Radio button styling */
#booknow .bokwrap .slotservice input[type="radio"] {
  display: inline-block;
  width: 18px;
  height: 18px;
  margin: 0;
  cursor: pointer;
  accent-color: #0d6efd;
}
/* Default background */
#booknow .bokwrap .slotservice {
  background-color: #c7e1f4;
  color: #000;
  border: 1px solid #0076ce;
}
#booknow .bokwrap .slotservice:hover {
  background-color: #0076ce;
  color: #fff;
  /*	background-color: #e6f3c8;*/
}
/* Highlight selected time slot */
#booknow .bokwrap .slotservice.active {
  background-color: #0076ce;
  color: #fff;
}
/* Custom tick mark added inside the label */
#booknow .bokwrap .slotservice.active input[type="radio"]::before {
  content: "✔";
  font-size: 10px;
  color: #fff;
  display: block;
  position: absolute;
  left: 16px;
  top: 10px;
}
/* Zoom effect and tick on hover */
#booknow .bokwrap .slotservice:hover {
  transform: scale(1.01); /* Slight zoom effect */
  /*	box-shadow: 0 14px 8px rgba(151, 222, 9, 0.1);*/
  /*  box-shadow: 0 4px 7px rgba(151, 222, 9, 0.5);*/
  box-shadow: 0 4px 7px rgba(184, 223, 252, 1);
}
#booknow .bokwrap .slotservice {
  width: 120px;
}
#booknow .bokwrap .slotservice:hover {
  width: 130px;
}
#booknow .bokwrap .slotservice.active {
  background-color: #0076ce;
  color: #fff;
}
#booknow .bokwrap .servicetype-main {
  display: flex;
  justify-content: flex-start;
  position: relative;
  flex-wrap: nowrap;
}
/* Styling for each service type */
#booknow .bokwrap .servicetype {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 10px 10px;
  font-weight: 600;
  border-radius: 5px;
  cursor: pointer;
  position: relative;
  transition: 0.3s;
  background-color: #c7e1f4;
  color: #000;
  border: 1px solid #0076ce;
}
/* Radio button styling */
#booknow .bokwrap .servicetype input[type="radio"] {
  display: inline-block;
  width: 18px;
  height: 18px;
  margin: 0;
  cursor: pointer;
  accent-color: #0d6efd;
}
/* Hover effect */
#booknow .bokwrap .servicetype:hover {
  background-color: #0076ce;
  /*    box-shadow: 0 4px 7px rgba(151, 222, 9, 0.5);*/
  box-shadow: 0 4px 7px rgba(184, 223, 252, 1);
  color: #fff;
}
/* Active state */
#booknow .bokwrap .servicetype.active {
  background-color: #0076ce;
  color: #fff;
}
/* Custom tick mark added inside the label */
#booknow .bokwrap .servicetype.active input[type="radio"]::before {
  content: "✔";
  font-size: 10px;
  color: #fff;
  display: block;
  position: absolute;
  left: 16px;
  top: 10px;
}
/* Zoom effect and tick on hover */
#booknow .bokwrap .servicetype:hover {
  transform: scale(1.01); /* Slight zoom effect */
  /*	box-shadow: 0 14px 8px rgba(151, 222, 9, 0.1);*/
  box-shadow: 0 4px 7px rgba(184, 223, 252, 1);
}
#booknow .bokwrap .servicetype {
  width: 50%;
}
#booknow .bokwrap .servicetype.active {
  background-color: #0076ce;
  color: #fff;
}
/* Service content divs */
#booknow .bokwrap .service-content {
  display: none;
  margin: 20px 0px;
  padding: 20px;
  /*    border: 1px solid #eee;*/
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 3px 8px rgba(206, 212, 218, 0.5);
}
#booknow .bokwrap .service-content.active {
  display: block;
}
#booknow .bokwrap .service-content .tablediv {
  box-shadow: 0 4px 10px rgb(4 128 228 / 80%);
  border-radius: 10px;
  background: #fff;
  padding: 15px;
}
#booknow .bokwrap .service-content .tablediv table tr, #booknow .bokwrap .service-content .tablediv table td, #booknow .bokwrap .service-content .tablediv table, #booknow .bokwrap .service-content .tablediv table th {
  border: solid #0076ce 1px;
}
#booknow .bokwrap .service-content .tablediv table thead {
  background: #c7e1f4 !important;
  font-size: .9rem;
}
#booknow .bokwrap .service-content .tablediv table thead th {
  border-bottom: 2px solid #0076ce;
}
#booknow .bokwrap .service-content .tablediv table tr {
  font-weight: 500;
}
#booknow .bokwrap .service-content .tablediv table .tfoot {
  /*		background: #98de0a !important; */
  /*	background: linear-gradient(86deg, rgba(213,255,131,1) 23%, rgba(151,222,9,1) 86%);*/
  /*	color: #304406;*/
  background: linear-gradient(269deg, rgb(0 118 206) 23%, rgb(23 135 216) 86%);
  color: #fff;
}
#booknow .bokwrap .pulse {
  animation: pulseGlow 1.5s infinite;
}
@keyframes pulseGlow {
  0% {
    transform: scale(1);
    box-shadow: 0 0 10px rgba(255, 255, 255, 0.8), 0 0 20px rgba(255, 255, 255, 0.6);
    opacity: 1;
  }
  50% {
    transform: scale(1.1);
    box-shadow: 0 0 20px rgba(255, 255, 255, 1), 0 0 40px rgba(255, 255, 255, 0.8);
    opacity: 0.8;
  }
  100% {
    transform: scale(1);
    box-shadow: 0 0 10px rgba(255, 255, 255, 0.8), 0 0 20px rgba(255, 255, 255, 0.6);
    opacity: 1;
  }
}
#sale {
  position: relative;
  padding: 180px 0px 400px 0px;
  background: #fff url("../images/contact_bg_new.jpg") top/cover no-repeat;
}
#sale .salewrap {
  padding: 0px;
}
#sale .salewrap h2 {
  font-size: 2rem;
  margin: 0;
  line-height: 1;
  color: #fff;
  text-align: left;
  font-weight: 300;
  padding: 20px 0px;
  display: block;
}
#sale .salewrap h2:before {
  content: '';
  position: absolute;
  width: 100%;
  background: #fff;
  height: 1px;
  display: block;
  top: 65px;
  left: 10px;
  right: 0;
  margin: 0 0;
}
#sale .salewrap h2:after {
  content: '';
  position: absolute;
  width: 100%;
  background: #fff;
  height: 1px;
  display: block;
  top: 70px;
  left: 10px;
  right: 0;
  margin: 0 0;
}
#contactpage {
  position: relative;
  padding: 30px 0px 30px 0;
  background: #fff url("../images/contact-us-banner1.jpg") no-repeat;
  background-size: cover;
  background-position: 50% 0%;
  min-height: 450px;
  height: 100%;
}
#contactpage .conwrap {
  padding: 0px 0px 0px 0px;
}
#contactpage .conwrap h2 {
  font-size: 2rem;
  line-height: 1.2;
  color: #fff;
  text-align: left;
  font-weight: 500;
  padding: 5px 20px 10px 20px;
  display: inline-block;
  background: #1361aa;
  margin-top: 150px;
}
#contactpage .conwrap p {
  font-size: 1rem;
  line-height: 1;
  color: #00529f;
  text-align: left;
  font-weight: 200;
  padding: 10px 20px;
  display: block;
  background: #fff;
  width: fit-content;
  margin: 10px 0px;
}
.floatbtn {
  position: fixed;
  width: 60px;
  height: 60px;
  bottom: 15px;
  right: 15px;
  background-color: #25d366;
  color: #FFF;
  border-radius: 50px;
  text-align: center;
  font-size: 30px;
  box-shadow: 2px 2px 3px #999;
  z-index: 99999;
}
.floatbtn .my-float {
  padding-top: 15px;
}
/*#contact .conwrap .midlediv .hoverline:hover {text-decoration: underline;}*/
/*-------------------------------*/
/* Footer*/
/*-------------------------------*/
.footer {
  position: relative;
  padding: 40px 0;
  background: #00529f;
}
.footer .ftwrp {
  padding: 0px 0;
}
.footer .ftwrp ul {
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: center;
}
.footer .ftwrp ul li {
  display: inline;
  margin: 0px;
  padding: 0px 15px;
  border-left: solid 1px #fff;
}
.footer .ftwrp ul li a {
  text-decoration: none;
  color: #fff;
  font-size: .95rem;
  font-weight: 200;
}
.footer .ftwrp ul li a:hover {
  text-decoration: underline;
  color: #fff;
}
.footer .ftwrp p {
  text-align: center;
  font-size: .95rem;
  padding: 5px 0;
  margin: 0px;
  color: #fff;
  font-weight: 300;
}
.footernew {
  position: relative;
  padding: 10px 0;
  background: #00284e;
}
.footernew p {
  text-align: center;
  font-size: .9rem;
  padding: 5px 0;
  margin: 0px;
  color: #fff;
  font-weight: 300;
}
#drawer .contact-btn {
  position: relative;
  right: 110px;
  top: 160px;
  padding: 11px 20px;
  background-color: #f10e5e;
  color: #fff;
  font-size: 1.2rem;
  border: none;
  border-radius: 8px 8px 0 0px;
  cursor: pointer;
  z-index: 999;
  rotate: 270deg;
}
.drawer {
  position: fixed;
  top: 20%;
  right: -300px; /* initially off-screen */
  width: 300px;
  /*  height: 40%;*/
  /*  background-color: #fff;*/
  transition: right 0.3s ease;
  z-index: 998;
}
#drawer .drawer-content {
  padding: 20px;
  background: #fff;
  position: relative;
  border-left: solid 3px #f10e5e;
  border-top: solid 1px #ccc;
  border-bottom: solid 1px #ccc;
}
#drawer .drawer-content h2 {
  font-size: .9rem;
  line-height: 1.5;
  font-family: 'Muli';
  font-weight: 700;
  color: #333;
  text-align: left;
  margin: 0px;
  padding: 5px 0px 0 0;
  border-bottom: solid 1px #d5d5d5;
}
#drawer .drawer-content .fa-whatsapp {
  font-size: 25px !important;
}
#drawer .drawer-content .fa-support {
  font-size: 22px !important;
}
#drawer .drawer-content p {
  font-size: .9rem;
  line-height: 1.5;
  font-family: 'Muli';
  font-weight: 400;
  color: #666;
  text-align: left;
  margin: 0px;
  padding: 5px 0px 0 0;
}
#drawer .whtchat {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2;
  font-weight: normal;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  font-family: 'Muli';
  padding: 10px 30px 10px 30px;
  font-size: 1rem;
  line-height: 1.1;
  outline: none;
  text-decoration: none;
  color: #fff;
  background: #25d366;
  border: 1px solid #25d366;
  transition: all 0.3s ease 0s;
  margin: 10px 0 0 0px;
  /*  border-radius: 20px;*/
  bottom: 0px;
  position: inherit;
  text-transform: inherit;
  z-index: 0;
  border-radius: 0px;
  width: auto;
}
#drawer .whtchat:hover {
  background: #686868;
  border: 1px solid #686868;
  border-radius: 0px;
  color: #fff;
}
.drawer a.applybtnew {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2;
  font-weight: normal;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  font-family: 'Muli';
  padding: 10px 30px 10px 30px;
  font-size: 1rem;
  line-height: 1.1;
  outline: none;
  text-decoration: none;
  color: #fff;
  background: #0096d6;
  border: 1px solid #0096d6;
  transition: all 0.3s ease 0s;
  margin: 15px 0 0 0px;
  /*  border-radius: 20px;*/
  bottom: 0px;
  position: inherit;
  text-transform: inherit;
  z-index: 0;
  border-radius: 0px;
  width: auto;
}
.drawer a.applybtnew:hover {
  background: #686868;
  border: 1px solid #686868;
  border-radius: 0px;
  color: #fff;
  /*  border-radius: 20px;*/
}
#drawer .btn-close {
  position: absolute;
  top: 0px;
  right: 0px;
}
.swing {
  /*  -webkit-transform-origin: top center;*/
  /*  -ms-transform-origin: top center;*/
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
  -webkit-animation: 0.7s linear infinite both;
  animation: 0.7s linear infinite both;
}
.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
  /*  -webkit-animation-duration: 1s;*/
  /*  animation-duration: 1s;*/
  -webkit-animation: 0.7s linear infinite both;
  animation: 0.7s linear infinite both;
}
/*-------------------------------*/
/* Footer ends*/
/*-------------------------------*/
@media (max-width: 1367px) {
  html, body {
    overflow-x: hidden
  }
  .ylowrap {
    position: relative;
    padding: 0 100px;
  }
  .banner .banwrap .banner-slider .item .subitem {
    padding: 0 0px 0px 100px;
  }
  #whatwedo .wtwrap .boxes .imgcircle::before {
    left: 9px;
  }
}
/*Large devices (desktops, less than 1200px)*/
@media (max-width: 1200px) {}
/*Large devices (desktops, less than 1025px)*/
@media (max-width: 1025px) {
  html {
    font-size: 15px;
  }
  .ylowrap {
    position: relative;
    padding: 0px 50px;
  }
  #ff-id-997972666, #ff-id-1678525817 {
    width: 66.5vw;
  }
}
/* Medium devices (tablets, less than 992px)*/
@media (max-width: 992px) {
  html {
    font-size: 14px;
  }
  h2 {
    font-size: 3rem;
  }
  h3 {
    font-size: 1.5rem;
  }
  h4 {
    font-size: 1.125rem;
  }
  p {
    font-size: 14px;
  }
  .heading-title > span {
    font-size: 1rem;
  }
}
/*Small devices (landscape phones, less than 768px)*/
@media (max-width: 768px) {
  html {
    font-size: 14px;
    overflow-x: hidden;
  }
  .logo img {
    width: 140px;
  }
  #booknow .bokwrap iframe {
    width: 100%;
  }
  #booknow .bokwrap h2::before {
    margin: 70px auto 0 auto;
  }
  .navbar-brand {
    margin: 12px 0;
  }
  .navbar-custom.top-nav-collapse {
    background: #fff;
    padding: 5px 10px;
    height: auto;
  }
  .banner .banwrap .banner-slider .item .subitem img {
    width: 100%;
    /*    max-width: 80px;*/
  }
  .navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 82, 159, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
  }
  .navbar-toggler:not(:disabled):not(.disabled) {
    border: solid 2px #00529f;
  }
  .banner .banwrap .banner-slider .item .subitem h5 {
    font-size: 2.2rem;
  }
  .banner .banwrap .banner-slider .item .subitem {
    padding: 30px 0px 0px 15px;
    top: 7%;
  }
  .banner .banwrap .banner-slider .item .subitem p {
    font-size: 1rem;
  }
  .banner .banwrap a.applybtnew {
    width: 150px;
    height: 40px;
  }
  #drawer .contact-btn {
    right: 100px;
  }
  #repair .repwrap .mob-mrbottom {
    margin-bottom: 4rem !important
  }
  #repair .repwrap .mob-mrtop0 {
    margin-top: -1rem !important
  }
  #option .optwrap h2 {
    font-weight: 300;
  }
  #option .optwrap h2::after {
    top: 90px;
  }
  #option .optwrap h2::before {
    top: 85px;
  }
  #contact .conwrap .contentdata .subdata {
    flex-direction: column;
  }
  #contact .conwrap .tab-content {
    padding: 10px !important;
  }
}
@media (max-width: 576px) {
  .banner .banwrap .banner-slider .item img.testbgimg {
    position: relative;
    width: 100%;
    min-height: 320px;
    height: 100%;
  }
  #whatwedo .wtwrap .boxes .imgcircle::before {
    left: 50px;
  }
  .banner .banwrap .subitem .btndiv {
    margin-top: 0px;
  }
  .banner .banwrap a.applybtnew, .banner .banwrap a.visitstorebtn {
    height: 50px;
  }
  #booknow .bokwrap h2 {
    font-size: 1.8rem;
  }
  .banner .banwrap .banner-slider .item .subitem {
    top: 15%;
  }
  #contact .conwrap .contentdata .subdata .nav-pills .nav-link {
    padding: 20px 80px;
  }
  #contactpage {
    min-height: 300px;
    background-position: 60% 10%;
  }
  #contactpage .conwrap h2 {
    margin-top: 100px;
  }
  #contactpage .conwrap p {
    line-height: 1.3;
    font-size: .9rem;
  }
  #privacypol .priwrap {
    padding: 10px;
  }
}
@media (max-width: 426px) {
  #whatwedo .wtwrap .boxes .imgcircle::before {
    left: 15px;
  }
  .logo img {
    width: 100px;
  }
  .navbar-custom.top-nav-collapse img {
    width: 97px;
  }
  .banner {
    margin-top: 50px;
  }
  #sale .salewrap h2:before {
    top: 100px;
    left: 10px;
    right: 0;
    margin: 0 0;
  }
  #sale .salewrap h2:after {
    top: 95px;
    left: 10px;
    right: 0;
    margin: 0 0;
  }
  #booknow .bokwrap .servicetype-main {
    flex-wrap: wrap;
  }
  #booknow .bokwrap .servicetype {
    width: 100%;
  }
  #booknow .bokwrap .selectservice-main {
    flex-wrap: wrap;
  }
  #booknow .bokwrap .slotservice {
    width: 100%;
  }
  #booknow .bokwrap .slotservice:hover {
    width: 100%;
  }
  #booknow .bokwrap .time-slot {
    width: 100%;
  }
  #option .optwrap h2 {
    font-size: 1.3rem;
    line-height: 1.5;
  }
  #contact .conwrap .tab-content span {
    display: inline;
  }
  #option .optwrap .boxes p span {
    display: inline;
  }
  #privacypol {
    padding: 0px 0 40px 0px;
  }
  #whatwedo {
    padding: 20px 0px 50px 0;
  }
  #contact, #whychoose {
    padding: 30px 0px;
  }
}
@media (max-width: 376px) {
  .banner .banwrap .subitem .btndiv {
    width: 70%;
  }
  #privacypol .priwrap h2 {
    font-size: 1.5rem;
  }
  #contactpage .conwrap h2 {
    font-size: 1.5rem;
  }
}