* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}
@font-face {
    font-family: 'Outfit';
    src: url('../fonts/Outfit-Medium.woff2') format('woff2'),
        url('../fonts/Outfit-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Outfit';
    src: url('../fonts/Outfit-ExtraBold.woff2') format('woff2'),
        url('../fonts/Outfit-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Outfit';
    src: url('../fonts/Outfit-ExtraLight.woff2') format('woff2'),
        url('../fonts/Outfit-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Outfit';
    src: url('../fonts/Outfit-Regular.woff2') format('woff2'),
        url('../fonts/Outfit-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Outfit';
    src: url('../fonts/Outfit-Light.woff2') format('woff2'),
        url('../fonts/Outfit-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Outfit';
    src: url('../fonts/Outfit-SemiBold.woff2') format('woff2'),
        url('../fonts/Outfit-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Outfit';
    src: url('../fonts/Outfit-Thin.woff2') format('woff2'),
        url('../fonts/Outfit-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Outfit';
    src: url('../fonts/Outfit-Bold.woff2') format('woff2'),
        url('../fonts/Outfit-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Outfit';
    src: url('../fonts/Outfit-Black.woff2') format('woff2'),
        url('../fonts/Outfit-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}


@font-face {
  font-family: exo2-bold;
  src: url(../fonts/Outfit.ttf);
}

@font-face {
  font-family: exo2-semibold;
  src: url(../fonts/Outfit.ttf);
}

@font-face {
  font-family: exo2-extrabold;
  src: url(../fonts/Outfit.ttf);
}

@font-face {
  font-family: exo2-medium;
  src: url(../fonts/Exo2-Medium.ttf);
}

@font-face {
  font-family: exo2-mediumitalic;
  src: url(../fonts/Exo2-MediumItalic.ttf);
}

@font-face {
  font-family: exo2;
  src: url(../fonts/Exo2-Regular.ttf);
}

@font-face {
  font-family: mulish;
  src: url(../fonts/Mulish-Regular.ttf);
}

@font-face {
  font-family: mulish-medium;
  src: url(../fonts/Mulish-Medium.ttf);
}

:root {
  --primary-color: #aa1f24;
  --secondary-color: #0e8d40;
  --tertiary-color: #fff;
  --fourth-color: #000;
  --footer-bg-color: #ebebeb;
}

a,
button,
input[type="submit"] {
  transition: all 0.5s;
  text-decoration: none;
  font-family: exo2-medium;
  font-size: 16px;
}
a{color:var(--primary-color);}
h1 {
  font-family: 'Outfit';
  font-size: 60px;
  margin: 0;
  color: var(--secondary-color);
  text-transform: uppercase !important;
}

h2 {
  font-family: 'Outfit';
  font-size: 42px;
  margin: 0;
  color: var(--fourth-color);
  text-transform: uppercase !important;
}

h2 span {
  color: var(--primary-color);
}

h3,
h4,
h6 {
  font-family: 'Outfit';
  margin: 0;
  text-transform: uppercase !important;
}

h5 {
  font-family: mulish;
  font-size: 16px;
  margin: 0 0 10px 0;
  position: relative;
  display: inline-block;
}

.subhead {
  padding: 0 0 0 90px;
  position: relative;
  display: inline-block;
}

.subhead::before {
  width: 75px;
  height: 1px;
  position: absolute;
  content: " ";
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background: var(--secondary-color);
}

p,
li {
  margin-bottom: 0;
  font-size: 16px;
  color: #404040;
  font-family: mulish;
}

input,
select,
textarea {
  font-family: mulish;
  font-size: 15px;
  color: var(--fourth-color);
}

ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

ol {
  padding: 0;
  margin: 0;
  list-style: none;
}

img {
  height: auto;
}

.custom-margin {
  margin: 60px 0;
}

.padd {
  padding: 60px 0;
}

.margin-sec {
  margin: 0 0 60px 0;
}

.custom-btn {
  position: relative;
  display: inline-block;
  z-index: 1;
}

.custom-btn::before {
  content: "";
  position: absolute;
  left: 3px;
  top: 3px;
  right: 3px;
  bottom: 3px;
  background-color: var(--secondary-color);
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  transform: scale(0.2);
  transition: all ease 0.5s;
  border-radius: inherit;
}

.custom-btn:hover::before {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
}

.header {
  width: 100%;
  background: var(--tertiary-color);
}

.nav-bar {
  width: 100%;
}

.nav-flex {
  width: 100%;
  position: relative;
}

.logo {
  position: absolute;
}

.logo img {
  width: 155px;
}

.menu {
  width: 79%;
  text-align: center;
  padding: 0 0 0 20%;
}

.menu ul {
  display: inline-block;
}

.menu ul li {
  display: inline-block;
  margin: 0 30px 0 0;
  padding: 30px 0;
  color: var(--fourth-color);
  position: relative;
}

.menu ul li:hover {
  color: var(--secondary-color);
}

.menu ul li:hover a {
  color: var(--secondary-color);
}

.menu ul li.active {
  color: var(--primary-color);
}

.menu ul li.active a {
  color: var(--primary-color);
}

.click-btn {
  position: absolute;
  right: -20px;
  top: 32px;
  transition: all 0.5s;
  cursor: pointer;
  transition: all 0.3s;
}

.click-btn:hover {
  /* transform: rotate(180deg); */
}

.menu ul li a {
  color: var(--fourth-color);
  text-transform: uppercase;
    font-size: 14px;
}

.menu ul li:last-child {
  margin: 0;
}

ul.sub-menu {
  position: absolute;
  left: 0;
  top: 100%;
  width: 300px;
  display: inline-block;
  text-align: left;
  display: none;
  border-radius: 5px;
  box-shadow: 0 5px rgba(132, 132, 132, 0.3);
  background: var(--tertiary-color);
  padding: 10px;
  z-index: 99;
  animation: slidemenu 0.5s ease-in;
}

@keyframes slidemenu {
  from {
    transform: translateY(20px);
  }

  to {
    transform: translateY(0);
  }
}

ul.sub-menu li {
  padding: 0;
  margin: 0;
  width: 100%;
  display: inline-block;
  border-bottom: 1px solid #ddd;
}

ul.sub-menu li:last-child {
  padding: 0;
}

.menu ul li ul.sub-menu li:hover a {
  color: var(--tertiary-color);
}

ul.sub-menu li a {
  padding: 0;
  width: 100%;
  display: inline-block;
  padding: 10px 15px;
  background: #fff;
  color: var(--secondary-color);
  border-radius: 5px;
}

ul.sub-menu li a:hover {
  background: var(--primary-color);
  padding-left: 20px;
  letter-spacing: 1px;
}

.menu ul li.active ul.sub-menu li a {
  color: #0d9347;
}

/* .menu ul li:hover > ul.sub-menu{
  display: block;
  z-index: 99;

} */

.menu-btn-box {
  width: 18%;
  display: flex;
  justify-content: flex-end;
}

.menu-btn {
  padding: 9px;
  background: var(--primary-color);
  border-radius: 41px;
}

.menu-btn-icon {
  width: 40px;
  height: 40px;
  font-size: 20px;
  background: var(--fourth-color);
  color: var(--tertiary-color);
  margin: 0 15px 0 0;
}

.menu-btn-text h5 {
  margin: 0;
  font-family: exo2-medium;
  font-size: 14px;
  color: #ffffff;
  display: none;
}

.menu-btn-text a {
  color: var(--tertiary-color);
  font-size: 16px;
  font-family: 'Outfit';
  margin-top: 7px;
  margin-right: 12px;
}

.menu-btn:hover .menu-btn-text h5 {
  color: var(--tertiary-color);
}

.menu-btn:hover .menu-btn-text a:hover {
  color: var(--primary-color);
}

.menu-btn:hover .menu-btn-icon {
  background: var(--tertiary-color);
  color: var(--primary-color);
}

.mobile-menu {
  display: none;
}

.sticky {
  width: 100%;
  left: 0;
  top: 0;
  position: fixed;
  animation: slidetop 1s linear;
  z-index: 999;
  box-shadow: 0 2px 5px rgba(132, 132, 132, 0.3);
}

@keyframes slidetop {
  from {
    transform: translateY(-100%);
  }

  to {
    transform: translateY(0%);
  }
}

/* header ends */

.slider {
  width: 100%;
}

.banner {
  width: 100%;
  position: relative;
  height: 600px;
}

.banner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.zoom-in {
  animation: zoom-in 10s infinite forwards ease-in;
}

@keyframes zoom-in {
  from {
    transform: scale(1, 1);
  }

  to {
    transform: scale(1.5, 1.5);
  }
}

.banner-cont {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  padding: 10% 0 2% 0;
  /* background: rgb(0 0 0 / 75%); */
}

.form-area {
    position: absolute;
    right: 6%;
    top: 50%;
    background-color: rgba(255,255,255,0.7);
    padding: 31px 30px 0;
    border-radius: 12px;
    width: 390px;
    z-index: 9;
    transform: translateY(-50%);
}
.form-area h4{color: #aa1f24 !important;font-size: 22px;}
.input-wrapper {
    margin: 10px 0;
}

.banner-cont h1 {
    /* max-width: 48%; */
    font-size: 40px;
}

.banner-cont h5 {
  color: #000000;
}

.banner-cont h5.subhead::before {
  background: var(--secondary-color);
}

.banner-cont h1 span {
  color: var(--primary-color);
}

.banner-cont p {
  margin: 5px 0 0 0;
  /* width: 40%; */
  color: #000;
}

.form-button {
    border: 0;
    background-color: var(--secondary-color);
    color: #fff;
    padding: 10px 20px;
    border-radius: 5px;
    width: 100%;
}

.banner-cont a {
  display: inline-block;
  padding: 8px 20px;
  background: var(--primary-color);
  margin: 10px 0 0 0;
  font-size: 18px;
  border-radius: 4px;
}

.banner-bottom-box {
  width: 100%;
}

.banner-bottom {
  width: 100%;
  /* border-right: 1px solid var(--fourth-color); */
}

.banner-bottom-box .col-lg-4:last-child .banner-bottom {
  border: none;
}

.banner-bottom-icon {
  width: 78px;
  position: relative;
  z-index: 1;
  padding: 0 0 10px 0;
}

.banner-bottom-icon::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 4px;
  background: var(--primary-color);
  z-index: 1;
  left: 0;
  bottom: 0;
  display: none;
}

.banner-bottom-icon img {
  width: 78px;
  height: 78px;
  object-fit: contain;
  object-position: bottom;
}

.banner-bottom-icon span {
  font-size: 100px;
  font-family: 'Outfit';
  color: var(--primary-color);
  position: absolute;
  z-index: -1;
  DISPLAY: NONE;
}

.banner-bottom-box .col-lg-4:nth-child(1) span {
  left: -12px;
  top: -38px;
}

.banner-bottom-box .col-lg-4:nth-child(2) span {
  color: var(--secondary-color);
  left: -28px;
  top: -22px;
  font-size: 85px;
}

.banner-bottom-box .col-lg-4:nth-child(3) span {
  left: -16px;
  top: -20px;
  font-size: 85px;
}

.banner-bottom h4 {
  font-family: 'Outfit';
  position: relative;
  font-size: 21px;
  margin: 10px 0 10px 0;
  color: var(--primary-color);
}

/* .banner-bottom h4::before{
  width:130px;
  height: ;
} */

.banner-bottom p {
  width: 83%;
  margin: 5px auto 0 auto;
  font-size: 14px;
  color: #595959;
}

.about-box {
  width: 100%;
  margin: 0;
  padding: 60px 0;
  background: #eee;
}

.about-image {
  width: 95%;
  position: relative;
  cursor: pointer;
  height: 100%;
  overflow: hidden;
  border-radius: 20px;
}

.about-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.8s;
  border-radius: 20px;
}

.about-image:hover img {
  transform: scale(1.1);
}

.about-text {
  width: 100%;
}

.about-text p {
  margin: 20px 0 0 0;
  font-size: 15px;
  position: relative;
}

.about-flex-box {
  width: 100%;
  padding: 19px;
  /* border: 1px solid var(--fourth-color); */
  background: #ffffff;
  margin-top: 15px;
  border-radius: 10px;
  border-left: 5px solid #aa1f24;
}

.about-flex {
  width: 50%;
  display: flex;
  justify-content: center;
  align-items: anchor-center;
}

.about-head-flex {
  font-family: 'Outfit';
  color: var(--secondary-color);
  font-size: 42px;
  line-height: normal;
}

.about-head-flex h3 {
  font-size: 42px;
}

.about-head-flex span {
  margin: 0 0 0 4px;
}

.about-flex h4 {
  color: #404040;
  font-size: 16px;
  font-family: 'Outfit';
  margin-left: 9px;
}
.about-text a {
  display: inline-block;
  padding: 8px 20px;
  color: var(--tertiary-color);
  background: var(--primary-color);
  border-radius: 4px;
  margin: 30px 0 0 0;
}

.service-box {
  width: 100%;
  background: #eee;
}

.service-box.padd {
  padding: 30px 0 60px 0;
}

.service-text {
  max-width: 600px;
  margin: auto;
  text-align: center;
}

.service-text h5 {
  color: var(--primary-color);
}

.service-text h5.subhead::before {
  background: var(--primary-color);
}

.service-text p {
  margin: 20px 0 0 0;
}

.service-flexbox {
  width: 100%;
  flex-wrap: wrap;
}

.service {
  width: 32%;
  background: var(--tertiary-color);
  border-radius: 7px;
  padding: 20px;
  position: relative;
  z-index: 1;
  margin: 68px 0 0 0;
  text-align: center;
}

.service.custom-btn::before {
  background: var(--primary-color);
}

.service-icon {
  width: 85px;
  height: 85px;
  margin: auto;
  padding: 10px;
  margin-top: -60px;
  background: var(--primary-color);
  align-content: center;
}

.service-icon img {
  width: 100%;
  transition: all 0.5s;
  margin: auto;
  filter: brightness(0) invert(100%);
}

.service-icontext {
  margin: 10px 0 0 0;
}

.service-icontext h3 a {
  font-family: 'Outfit';
  color: var(--secondary-color);
  font-size: 21px;
}

.service-icontext p {
  color: var(--fourth-color);
  font-size: 14px;
  margin: 10px 0 0 0;
  transition: all 0.5s;
}

.service-btn {
  margin: 10px 0 0 0;
  color: var(--primary-color);
  font-size: 14px;
  display: inline-block;
}

.service-btn span {
  margin: 0 0 0 5px;
}

.service:hover .service-icon img {
  filter: none;
}

.service:hover .service-icontext h3 a {
  color: var(--tertiary-color);
}

.service:hover .service-icontext p {
  color: var(--tertiary-color);
}

.service:hover .service-btn {
  color: var(--tertiary-color);
}

.purchase-box {
  width: 100%;
  display: none;
}

.purchase-head {
  width: 100%;
}

.purchase-head p {
  margin: 10px 0 0 0;
}

.purchase-head-btn {
  width: 100%;
  text-align: right;
}

.purchase-head-btn a {
  display: inline-block;
  border-radius: 4px;
  padding: 8px 20px;
  color: var(--tertiary-color);
  background: var(--primary-color);
}

.purchase-card-flex {
  width: 100%;
  flex-wrap: wrap;
}

.purchase {
  width: 32%;
  border-radius: 20px;
  margin: 40px 0 0 0;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

.purchase-image {
  width: 100%;
  height: 200px;
  overflow: hidden;
  border-radius: 20px 20px 0 0;
}

.purchase-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.8s;
  border-radius: 20px 20px 0 0;
}

.purchase-text {
  width: 100%;
  border-radius: 0 0 20px 20px;
  padding: 20px 30px 40px 20px;
  position: relative;
  cursor: pointer;
}

.purchase-text h3 a {
  font-size: 21px;
  color: var(--secondary-color);
  font-family: 'Outfit';
}

.purchase-text p {
  margin: 10px 0 0 0;
  font-size: 14px;
}

.purchase-iconflex {
  margin: 20px 0 0 0;
  padding: 15px 0;
  border: 2px solid #ddd;
  border-left: none;
  border-right: none;
  flex-wrap: wrap;
}

.purchase-icon {
  width: 50%;
}

.purchase-icon h4 {
  font-size: 18px;
  font-family: exo2-medium;
  color: #121212;
}

.purchase-icon img {
  width: 25px;
  margin: 0 5px 0 0;
}

.purchase-bottom {
  flex-wrap: wrap;
  margin: 25px 0 0 0;
}

.purchase-price {
  width: 50%;
}

.purchase-price h4 {
  color: var(--secondary-color);
  font-size: 21px;
}

.purchase-btn {
  width: 50%;
  text-align: right;
}

.purchase-btn a {
  padding: 5px 20px;
  border-radius: 4px;
  border: 1px solid var(--primary-color);
  font-size: 18px;
  color: var(--primary-color);
}

.purchase:hover > .purchase-text.custom-btn::before {
  background: var(--primary-color);
  transform: scale(1);
  visibility: visible;
  opacity: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.purchase:hover .purchase-text h3 a {
  color: var(--tertiary-color);
}

.purchase:hover .purchase-text p {
  color: var(--tertiary-color);
}

.purchase:hover .purchase-icon h4 {
  color: var(--tertiary-color);
}

.purchase:hover .purchase-price h4 {
  color: var(--tertiary-color);
}

.purchase:hover .purchase-btn a {
  color: var(--fourth-color);
  background: var(--tertiary-color);
  border: transparent;
}

.purchase:hover .purchase-btn a:hover {
  background: var(--secondary-color);
  color: var(--tertiary-color);
}

.purchase:hover .purchase-image img {
  transform: scale(1.2);
}

.quick-box {
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding: 0;
  overflow: hidden;
}

.quick-image {
  width: 100%;
  height: 100%;
  transform: translateX(-15%);
  position: relative;
}

.quick-image::before {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 4px;
  height: 100%;
  background: var(--tertiary-color);
  display: none;
}

.quick-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  /* display: none; */
}

.quick-text-box {
  flex-wrap: wrap;
  width: 100%;
  margin: 53px 0;
}

.quick {
  width: 50%;
  padding: 20px;
  position: relative;
  color: var(--tertiary-color);
}

.quick-icon {
  width: 54px;
}

.quick-icon img {
  width: 100%;
}

.quick-text {
  margin: 10px 0 0 0;
}

.quick-text h4 {
  font-size: 21px;
}

.quick-text p {
  margin: 10px 0 0 0;
  color: var(--tertiary-color);
  font-family: 'mulish';
}

.quick:nth-child(1) {
  /* border-right: 1px solid var(--tertiary-color); */
  /* border-bottom: 1px solid var(--tertiary-color); */
}

.quick:nth-child(4) {
  /* border-top: 1px solid var(--tertiary-color); */
  /* border-left: 1px solid var(--tertiary-color); */
}

.quick.custom-btn::before {
  background: var(--primary-color);
}

.other-service-box {
  width: 100%;
}

.other-info {
  width: 60%;
  margin: 10px 0 0 0;
}

.other-service-flex {
  flex-wrap: wrap;
}

.other-service {
  width: 32%;
  border-radius: 20px;
  margin: 40px 0 0 0;
}

.other-service-image {
  width: 100%;
  height: 200px;
  overflow: hidden;
  border-radius: 10px 10px 0 0;
}

.other-service-image img {
  width: 100%;
  height: 100%;
  border-radius: 10px 10px 0 0;
  transition: all 0.5s;
}

.other-service-text {
  width: 100%;
  padding: 20px 30px 30px 20px;
  background: #eee;
  border-radius: 0 0 10px 10px;
}

.other-service-text h3 a {
  color: var(--primary-color);
  font-size: 21px;
  font-family: 'Outfit';
}

.other-service-text h3 a:hover {
  color: var(--primary-color);
}

.other-service-text p {
  color: #000000;
  margin: 10px 0 0 0;
}

.other-service-btn {
  display: inline-block;
  padding: 8px 20px;
  color: #fff;
  background: var(--primary-color);
  border-radius: 4px;
  margin: 20px 0 0 0;
}

.other-service-btn:hover {
  background: var(--primary-color);
  color: var(--tertiary-color);
}

.other-service:hover .other-service-text.custom-btn::before {
  background: var(--secondary-color);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transform: scale(1);
  visibility: visible;
  opacity: 1;
}

.other-service:hover .other-service-image img {
  transform: scale(1.2);
}

.vehicle-box {
  width: 100%;
  background: #eee;
}

.vehicle-head-btn {
  width: 100%;
  text-align: center;
}

.vehicle-flex-box {
  flex-wrap: wrap;
}

.vehicle {
  width: 48%;
  border-radius: 15px;
  margin: 30px 0 0 0;
}

.vehicle-image {
  width: 30%;
  border-radius: 15px 0 0 15px;
  height: 230px;
  overflow: hidden;
}

.vehicle-image img {
  width: 100%;
  border-radius: 15px 0 0 15px;
  height: 100%;
  transition: all 0.8s;
}

.vehicle-text {
  width: 70%;
  padding: 0 40px 0 20px;
  background: #fff;
  border-radius: 0 15px 15px 0;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.vehicle-text h3 a {
  color: var(--primary-color);
  font-family: 'Outfit';
  font-size: 24px;
}

.vehicle-text p {
  color: #000000;
  font-size: 15px;
  margin: 10px 0 0 0;
}

.vehicle:hover .vehicle-text.custom-btn::before {
  background: var(--secondary-color);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transform: scale(1);
  visibility: visible;
  opacity: 1;
}

.vehicle:hover .vehicle-image img {
  transform: scale(1.2);
}

.home-contact-image {
  width: 95%;
  height: 500px;
  border-radius: 20px;
}

.home-contact-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 20px;
}

.home-info {
  margin: 10px 0 0 0;
}

.home-form-box {
  width: 100%;
}

.home-form-box p {
  margin: 0;
}

.home-form-box br {
  display: none;
}

section.home-contact-box .home-input {
  width: 100%;
  margin: 20px 0 0 0;
}

.home-input input {
  padding: 10px;
  border: none;
  border-bottom: 1px solid #9e9e9e;
  font-size: 14px;
  transition: all 0.5s;
  width: 100%;
  outline: none;
}

.home-input input:focus {
  border-bottom: 1px solid var(--fourth-color);
}

.home-input textarea {
  border: none;
  border-bottom: 1px solid #9e9e9e;
  font-size: 14px;
  transition: all 0.5s;
  width: 100%;
  height: 100px;
  padding: 11px;
  outline: none;
}

.home-textarea input:focus {
  border-bottom: 1px solid var(--fourth-color);
}

.home-submit {
  width: 100%;
  margin: 21px 0 0 0;
}

.home-submit input {
  display: inline-block;
  padding: 8px 20px;
  background: var(--primary-color);
  color: var(--tertiary-color);
  border-radius: 4px;
  border: none;
  outline: none;
}

.home-submit input:hover {
  background: #000000;
}

.brand-box {
  width: 100%;
}

.brand-box p {
  width: 60%;
  margin: 10px 0 0 0;
}

.brand-box .owl-carousel .owl-item img {
  width: 89px;
  margin: 0 auto;
  height: 89px;
  object-fit: contain;
}

.brand-box .item {
  width: 90%;
  height: 180px;
  padding: 20px 0 00 0;
  margin: 20px 0 00 0;
}

.brand {
  width: 100%;
  /* padding: 20px; */
  /* background: #f3f8ff; */
  border-radius: 10px;
  /* box-shadow: 0 0 3px rgba(0, 0, 0, 0.5); */
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.brand img {
  width: 80px;
}

.brand h4 {
  font-size: 21px;
  margin: 20px 0 0 0;
  font-family: exo2-medium;
}

.testimonial-box {
  width: 100%;
  background: #eee;
}

.testimonial-head {
  width: 100%;
}

.testimonial-head h5 {
  color: var(--primary-color);
}

.testimonial-head h5.subhead::before {
  background: var(--primary-color);
}

.testimonial-head-text {
  width: 100%;
  text-align: right;
}

.testimonial-head-text p {
  font-size: 16px;
}

.testimonial-flex-box {
  width: 100%;
  margin: 40px 0 0 0;
}

.testimonial-flex {
  width: 95%;
  margin: 0 auto;
  flex-wrap: wrap;
  padding: 30px 32px;
  background: #fff;
  transition: all 0.5s;
  cursor: pointer;
  border-radius: 20px;
  min-height: 380px;
}

.testimonial-flex:hover {
  background: var(--primary-color);
}

.testimonial-image {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  border: 1px solid var(--tertiary-color);
  display: flex;
  justify-content: center;
  align-items: center;
}

.testimonial-image img {
  width: 95% !important;
  height: 95%;
  border-radius: 50%;
  object-fit: cover;
  object-position: top;
}

.testimonial-text {
  /* width: calc(100% - 150px); */
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0;
  margin-top: 24px;
}

.testimonial-text p {
  font-size: 16px;
  font-family: exo2-mediumitalic;
  /* color: var(--tertiary-color); */
  margin: 0 0 18px 0;
}

.testimonial-text h3 {
  display: inline-block;
  /* padding: 0 0 0 50px; */
  position: relative;
  color: var(--secondary-color);
  font-size: 24px;
}

.testimonial-text h3::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  background: var(--tertiary-color);
  width: 40px;
  height: 2px;
  display: none;
}

.testimonial-text h4 {
  margin: 8px 0 0 0; 0; */ 0; */
  font-family: mulish;
  font-size: 16px;
  font-weight: 400px;
  /* padding: 0 0 0 50px; */
  color: var(--primary-color);
}

.blog-box {
  width: 100%;
}

.blog {
  width: 100%;
  margin: 40px 0 0 0;
  padding: 21px;
  background: #eee;
  border-radius: 16px;
}

.blog-image {
  width: 100%;
  height: 255px;
  overflow: hidden;
  border-radius: 15px;
}

.blog-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 15px;
  transition: all 0.8s;
}

.blog:hover img {
  transform: scale(1.2);
}

.blog-text {
  margin: 20px 0 0 0;
}

.blog-text h3 a {
  color: var(--fourth-color);
  font-size: 21px;
  font-family: 'Outfit';
}

.blog-text h3 a:hover {
  color: var(--primary-color);
}

.blog-text ul {
  display: flex;
  align-items: center;
  margin: 15px 0 0 0;
}

.blog-text ul li {
  display: inline-block;
  margin: 0 15px 0 0;
  color: #3d3d3d;
  font-size: 14px;
}

.blog-text ul li:last-child {
  margin: 0;
}

.blog-text ul li i {
  font-size: 7px;
  vertical-align: middle;
}

.blog-text .blog-btn {
  display: inline-block;
  margin: 15px 0 0 0;
}

.blog-text .blog-btn:hover {
  color: var(--secondary-color);
}

.footer {
  width: 100%;
  background: #ebebeb;
}

.footer-image {
  width: 100%;
}

.footer-image img {
  width: 60%;
}

.footer-image p {
  width: 100%;
  color: var(--fourth-color);
  margin: 20px 0 0 0;
  font-size: 15px;
}

.footer-icon {
  width: 100%;
  margin: 30px 0 0 0;
}

.footer-icon ul {
  display: inline-block;
}

.footer-icon ul li {
  display: inline-block;
  margin: 0 5px 0 0;
}

.footer-icon ul li a {
  padding: 0;
  display: grid;
  place-items: center;
  width: 37px;
  height: 37px;
  background: var(--secondary-color);
  color: var(--tertiary-color);
  font-size: 19px;
}

.footer-icon ul li a:hover {
  background: var(--primary-color);
}

.footer-link {
  width: 100%;
}

.footer-link h3 {
  font-size: 24px;
  color: var(--primary-color);
  margin: 0 0 20px 0;
  padding: 0 0 10px 0;
  position: relative;
  display: inline-block;
  font-family: 'Outfit';
}

.footer-link h3::before {
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  width: 90%;
  height: 3px;
  background: var(--primary-color);
}

.footer-link ul li {
  margin: 0 0 10px 0;
}

.footer-link ul li:last-child {
  margin: 0;
}

.footer-link ul li a {
  position: relative;
  padding: 0 0 0 21px;
  display: inline-block;
  color: var(--fourth-color);
}

.footer-link ul li a::before {
  position: absolute;
  width: 13px;
  height: 13px;
  content: "";
  top: 6px;
  left: 0;
  clip-path: polygon(35% 51%, 0 0, 100% 56%, 0% 100%);
  background: var(--secondary-color);
  transition: 0.5s;
}

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

.footer-link ul li a:hover::before {
  color: var(--primary-color);
}

.footer-second {
  padding: 0 0 0 15%;
}

.footer-contact h3 {
  font-size: 24px;
  color: var(--primary-color);
  margin: 0 0 20px 0;
  padding: 0 0 10px 0;
  position: relative;
  display: inline-block;
  font-family: 'Outfit';
}

.footer-contact h3::before {
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  width: 90%;
  height: 3px;
  background: var(--primary-color);
}

.foot-iconbox {
  width: 100%;
  margin: 0 0 15px 0;
}

.foot-iconbox:last-child {
  margin: 0;
}

.foot-icon {
  width: 30px;
  height: 30px;
  background: var(--secondary-color);
  font-size: 15px;
  color: var(--tertiary-color);
}

.foot-icontext {
  width: calc(100% - 45px);
}

.foot-icontext h4 {
  font-size: 21px;
  color: var(--secondary-color);
  margin: 0 0 5px 0;
}

.foot-icontext a {
  color: var(--fourth-color);
}

.foot-icontext a:hover {
  color: var(--primary-color);
}

.foot-icontext p {
  font-size: 16px;
  font-family: mulish-medium;
  color: var(--fourth-color);
  cursor: pointer;
}

.foot-iconbox:hover .foot-icon {
  background: var(--primary-color);
}

.footer_copyright {
  width: 100%;
  text-align: center;
  background: #ebebeb;
}

.footer_copyright .container {
  border-top: 1px solid var(--primary-color);
}

.footer_copyright p {
  margin: 0;
  color: var(--fourth-color);
  font-family: mulish;
  padding: 30px 0;
}

.footer_copyright p a {
  font-family: mulish;
  color: var(--secondary-color);
}

.footer_copyright p a:hover {
  color: var(--primary-color) !important;
}

.scroll_top {
  width: 40px;
  height: 40px;
  background: var(--secondary-color);
  color: var(--tertiary-color);
  font-size: 17px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 9999;
  transition: all 0.4s;
  cursor: pointer;
}

.scroll_top:hover {
  background: var(--primary-color);
  color: var(--tertiary-color);
}

/* index css ends */

.inner-service-box {
  width: 100%;
}

.inner-service-box .service {
  width: 32%;
}

/* service css ends */

.inner-banner {
  width: 100%;
  height: 400px;
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.about-banner-cont {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(13 147 71 / 36%);
    padding: 13% 0 0 0;
    color: var(--tertiary-color);
}

.about-banner-cont .breadcrumb {
  display: inline-block;
}

.about-banner-cont .breadcrumb-item {
  display: inline-block;
  font-size: 15px;
  font-family: exo2-medium;
}

.about-banner-cont .breadcrumb-item i {
  color: var(--primary-color);
  margin: 0 5px;
  font-size: 14px;
  vertical-align: middle;
}

.about-banner-cont .breadcrumb-item a {
  display: inline-block;
  font-size: 15px;
  font-family: exo2-medium;
}

.about-banner-cont .breadcrumb-item a:hover {
  color: var(--primary-color) !important;
  font-family: 'Outfit';
}

.about-banner-cont .breadcrumb-item + .breadcrumb-item::before {
  display: none;
}

.about-banner-cont .breadcrumb-item + .breadcrumb-item {
  padding: 0;
}

.about-banner-cont .breadcrumb-item.active {
  color: var(--tertiary-color);
}

.about-banner-cont h2 span {
  color: var(--tertiary-color);
}

/* inner banner css ends */

.value-box {
  width: 100%;
  background: #ebebeb;
}

.value-text {
  padding: 60px 30px;
}

.value-text h5 {
  color: var(--secondary-color);
}

.value-info {
  margin: 10px 0 0 0;
}

.value-flex {
  padding: 0 0 15px 0;
  border-bottom: 1px solid #ddd;
  transition: all 0.5s;
}

.value-flex:last-child {
  padding: 0;
  border: none;
}

.value-icon {
  width: 60px;
  height: 60px;
  border-radius: 5px;
  background: var(--primary-color);
  transition: all 0.5s;
}

.value-icon img {
  width: 65%;
  transition: all 0.5s;
  transform-style: preserve-3d;
}

.value-icontext {
  width: calc(100% - 90px);
}

.value-icontext h3 {
  font-size: 25px;
  color: var(--secondary-color);
  transition: all 0.5s;
}

.value-icontext p {
  margin: 10px 0 0 0;
}

.value-flex:hover {
  border-bottom-color: var(--primary-color);
}

.value-flex:hover .value-icon {
  background: var(--secondary-color);
  transform: translateY(-10px);
}

.value-flex:hover .value-icon img {
  transform: rotateY(180deg);
}

.value-flex:hover .value-icontext h3 {
  color: var(--primary-color);
}

.value-image {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.value-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.8s;
}

.value-image:hover img {
  transform: scale(1.2);
}

.counter-box {
  background: var(--primary-color);
}

.counter {
  width: 100%;
}

.counter img {
  width: 60px;
}

.counter-flex {
  margin: 10px 0 0 0;
  font-family: 'Outfit';
}

.counter-flex h3 {
  font-size: 42px;
  font-family: 'Outfit';
}

.counter-flex span {
  font-size: 42px;
  margin: 0 0 0 5px;
}

.choose-box {
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-attachment: fixed;
  position: relative;
  padding: 20px 0 60px 0;
}

.choose-box::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(27, 55, 103, 0.6);
}

.choose-box .container {
  position: relative;
}

.choose-imagebox {
  width: 95%;
  margin: 40px 0 0 0;
}

.choose-imagebox h5 {
  color: var(--tertiary-color);
}

.choose-imagebox h5.subhead::before {
  background: var(--tertiary-color);
}

.choose-imagebox h2 {
  color: var(--tertiary-color);
}

.choose-imagebox p {
  color: var(--tertiary-color);
  margin: 15px 0 0 0;
}

.choose-image {
  width: 100%;
  height: 300px;
  border-radius: 10px;
  margin: 40px 0 0 0;
}

.choose-image img {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  object-fit: cover;
}

.choose-text {
  width: 100%;
  flex-wrap: wrap;
}

.choose {
  width: 48%;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 16px;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  border: 1px solid rgba(255, 255, 255, 0.3);
  padding: 30px;
  margin: 40px 0 0 0;
  cursor: pointer;
}

.choose-icon {
  width: 70px;
  height: 70px;
  background: var(--primary-color);
  border-radius: 5px;
  transition: all 0.5s;
}

.choose-icon img {
  width: 70%;
  filter: invert(1);
  transition: all 0.5s;
  transform-style: preserve-3d;
}

.choose-icontext {
  width: 100%;
  margin: 20px 0 0 0;
}

.choose-icontext h3 {
  color: var(--tertiary-color);
  font-size: 22px;
}

.choose-icontext p {
  color: var(--tertiary-color);
  margin: 10px 0 0 0;
}

.choose:hover .choose-icon {
  background: var(--secondary-color);
}

.choose:hover .choose-icon img {
  transform: rotateY(180deg);
}

.faq-box {
  width: 100%;
}

.faq-box h5 {
  color: var(--primary-color);
}

.faq-box h5.subhead::before {
  background: var(--primary-color);
}

.faq-info {
  width: 60%;
  margin: 10px auto 0 auto;
}

.faq-text {
  width: 95%;
}

.faq {
  margin: 30px 0 0 0;
  width: 100%;
}

.question {
  position: relative;
  padding: 10px 15px;
  background: #ebebeb;
  cursor: pointer;
  border-radius: 5px;
  border: 1px solid transparent;
  border-bottom: none;
}

.question h3 {
  font-size: 18px;
  font-family: 'Outfit';
  color: var(--secondary-color);
}

.toggle-icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 15px;
  transition: all 0.5s;
  font-size: 17px;
}

.question.active {
  background: var(--primary-color);
  border-bottom: none;
  border: 1px solid var(--primary-color);
  border-radius: 5px 5px 0 0;
}

.question.active h3 {
  color: var(--tertiary-color);
}

.question.active .toggle-icon {
  transform: translateY(-50%) rotate(180deg);
  color: var(--tertiary-color);
}

.answer {
  padding: 20px 15px;
  border: 1px solid var(--footer-bg-color);
  border-top: none;
  border-radius: 0 0 5px 5px;
  display: none;
}

.question.active + .answer {
  border: 1px solid var(--primary-color);
  border-top: none;
}

.faq-sec-box {
  margin: 30px 0 0 0;
  width: 100%;
}

.question-sec {
  position: relative;
  padding: 10px 15px;
  background: #ebebeb;
  cursor: pointer;
  border-radius: 5px;
  border: 1px solid transparent;
  border-bottom: none;
}

.question-sec h3 {
  font-size: 18px;
  font-family: 'Outfit';
  color: var(--secondary-color);
}

.question-sec.active {
  background: var(--primary-color);
  border-bottom: none;
  border: 1px solid var(--primary-color);
  border-radius: 5px 5px 0 0;
}

.question-sec.active h3 {
  color: var(--tertiary-color);
}

.question-sec.active .toggle-icon {
  transform: translateY(-50%) rotate(180deg);
  color: var(--tertiary-color);
}

.answer {
  padding: 20px 15px;
  border: 1px solid var(--footer-bg-color);
  border-top: none;
  border-radius: 0 0 5px 5px;
  display: none;
}

.question-sec.active + .answer {
  border: 1px solid var(--primary-color);
  border-top: none;
}

/* about css ends */

/* newsletter css starts */

.newsletter {
  width: 100%;
  position: relative;
  background-position: bottom center;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.newsletter::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(14, 141, 64, 0.9);
}

.newsletter .container {
  position: relative;
}

.newsletter h2 {
  color: var(--tertiary-color);
}

.newsletter p {
  color: var(--tertiary-color);
  width: 60%;
  margin: 20px auto 0 auto;
}

.newsletter a {
  display: inline-block;
  padding: 8px 20px;
  color: var(--tertiary-color);
  background: var(--primary-color);
  border-radius: 4px;
  margin: 30px 0 0 0;
}

.newsletter a.custom-btn:hover {
  color: var(--secondary-color);
}

.newsletter a.custom-btn:hover::before {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  background: var(--tertiary-color);
}

/* newsletter css ends */

.contact-form-box {
  width: 100%;
  background: #ebebeb;
}

.contact-image {
  width: 90%;
}

.contact-image h5 {
  color: var(--secondary-color);
}

.contact-detail {
  flex-wrap: wrap;
}

.contact-flex {
  width: 100%;
  padding: 20px;
  flex-wrap: wrap;
  background: var(--tertiary-color);
  border-radius: 20px;
}

.contact-icon {
  width: 60px;
  height: 60px;
  background: var(--secondary-color);
  transition: all 0.8s;
  font-size: 30px;
  border-radius: 10px;
}

.contact-icontext {
  width: calc(100% - 100px);
}

.contact-icontext h3 {
  font-size: 25px;
}

.contact-flex:hover {
  background: #bdd1ee;
}

.contact-flex:hover .contact-icon {
  transform: rotateY(180deg);
  background: var(--tertiary-color);
  color: var(--secondary-color) !important;
}

.contact-icontext p {
  margin: 5px 0 0 0;
}

.contact-icontext a {
  color: #404040;
  font-family: mulish;
  font-size: 16px;
  margin: 5px 0 0 0;
  display: inline-block;
}

.contact-flex:hover .contact-icontext h3 {
  color: var(--primary-color);
}

.contact-flex:hover .contact-icontext a {
  color: var(--tertiary-color);
}

.contact-flex:hover .contact-icontext a:hover {
  color: var(--primary-color);
  font-family: mulish-medium;
}

.contact-flex:hover .contact-icontext p {
  color: var(--tertiary-color);
}

.cont-info {
  margin: 15px 0 0 0;
}

.contact-text h5 {
  color: var(--secondary-color);
}

.contact-form {
  background: var(--tertiary-color);
  border-radius: 10px;
  border-top: 13px solid var(--primary-color);
  padding: 30px;
  margin: 30px 0 0 0;
}

.contact-form p {
  margin: 0;
}

.contact-form br {
  display: none;
}

.form-flex {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.form-input {
  width: 48%;
}

.form-input label {
  font-size: 15px;
  font-family: 'Outfit';
  display: block;
  margin: 0 0 10px 0;
  color: var(--secondary-color);
}

.form-input input {
  width: 100%;
  padding: 10px;
  font-size: 14px;
  border: 1px solid #e6e6e6;
  outline: none;
  background-color: #f5f5f5;
  border-radius: 5px;
  transition: all 0.5s;
  margin: 0 0 20px 0;
}

.form-input input:focus {
  border-color: var(--primary-color);
}

.form-input select {
  width: 100%;
  padding: 10px;
  font-size: 14px;
  border: 1px solid #e6e6e6;
  outline: none;
  background-color: #f5f5f5;
  border-radius: 5px;
  transition: all 0.5s;
  appearance: none;
  margin: 0 0 20px 0;
}

.form-input
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  position: absolute;
  top: 50% !important;
  right: 1px;
  width: 20px;
  transform: translateY(-50%) !important;
  height: auto !important;
}

.form-input
  .select2-container
  .select2-selection--single
  .select2-selection__rendered {
  padding: 9px 10px !important;
  height: auto !important;
  line-height: normal !important;
}

.form-input .select2-container .select2-selection--single {
  height: auto !important;
}

.form-input .select2-container {
  width: 100% !important;
  margin: 0 0 15px 0 !important;
}

.form-input
  .select2-container--default.select2-container--open.select2-container--below
  .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below
  .select2-selection--multiple {
  border-bottom-left-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
}

.form-input .select2-container--default .select2-selection--single {
  border-radius: 5px !important;
  background-color: #f5f5f5 !important;
  border: 1px solid #e6e6e6 !important;
  transition: all 0.5s;
}

.form-input .select2-container--default .select2-selection--single:focus {
  border-color: var(--primary-color) !important;
}

.form-service {
  width: 100%;
}

.form-service label {
  font-size: 15px;
  font-family: 'Outfit';
  display: block;
  margin: 0 0 10px 0;
  color: var(--secondary-color);
}

.form-service textarea {
  width: 100%;
  height: 100px;
  padding: 10px;
  font-size: 14px;
  border: 1px solid #e6e6e6;
  outline: none;
  background-color: #f5f5f5;
  border-radius: 5px;
  transition: all 0.5s;
  margin: 0 0 20px 0;
}

.form-service textarea:focus {
  border-color: var(--primary-color);
}

.form-checkbox {
  width: 100%;
  display: flex;
  align-items: baseline;
  margin: 0 0 20px 0;
}

.form-checkbox input {
  margin: 0 10px 0 0;
  accent-color: var(--secondary-color);
}

.form-checkbox label {
  font-family: mulish;
  color: #404040;
  font-size: 15px;
  margin: 0;
}

.contact-submit {
  display: inline-block;
  padding: 10px 30px;
  background: var(--primary-color);
  color: var(--tertiary-color);
  font-size: 18px;
  outline: none;
  border: none;
  transition: all 0.5s;
  border-radius: 5px;
}

.contact-submit:hover {
  background: var(--secondary-color);
}

.contact-map {
  width: 100%;
  height: 450px;
}

.contact-map iframe {
  width: 100%;
  height: 100%;
}

/* contact css ends */

.blog-detail {
  width: 95%;
  text-align: left;
}

.blog-detail ul {
  margin: 10px 0 0 0;
  display: inline-block;
}

.blog-detail ul li {
  display: inline-block;
  margin: 0 15px 0 0;
}

.blog-detail ul li:last-child {
  margin: 0;
}

.blog-detail ul li i {
  margin: 0 10px 0 0;
  color: var(--primary-color);
}

.blog-detail-image {
  width: 100%;
  height: 500px;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
  margin: 30px 0 0 0;
}

.blog-detail-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s;
  border-radius: 10px;
}

.blog-detail-image::before {
  top: 0;
  left: -50%;
  content: "";
  position: absolute;
  width: 50%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.3);
  transition: all 0.5s;
  opacity: 0;
}

.blog-detail-image::after {
  top: 0;
  right: -50%;
  content: "";
  position: absolute;
  width: 50%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.3);
  transition: all 0.5s;
  opacity: 0;
}

.blog-detail-image:hover img {
  transform: scale(1.1);
}

.blog-detail-image:hover::before {
  opacity: 1;
  left: 0;
  z-index: 1;
}

.blog-detail-image:hover::after {
  opacity: 1;
  right: 0;
}

.blog-detail p {
  margin: 20px 0 0 0;
}

.blog-detail h4 {
  font-size: 25px;
  color: var(--secondary-color);
  margin: 20px 0 0 0;
}

.blog-info {
  margin: 30px 0 0 0;
  background: var(--secondary-color);
  padding: 30px;
  border-radius: 10px;
  position: relative;
}

.blog-info p {
  margin: 0 0 20px 0;
  color: var(--tertiary-color);
  font-size: 18px;
}

.blog-info h3 {
  font-family: exo2-mediumitalic;
  position: relative;
  display: inline-block;
  padding: 0 0 0 40px;
  color: var(--primary-color);
  font-size: 15px;
}

.blog-info h3::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 30px;
  height: 1px;
  background: var(--tertiary-color);
}

.blog-info img {
  bottom: 20px;
  right: 20px;
  width: 30px;
  z-index: 2;
}

.blog-sidebar {
  width: 100%;
  position: sticky;
  top: 80px;
  text-align: left;
}

.blog-list {
  width: 100%;
  padding: 30px;
  box-shadow: 0 0 70px rgba(0, 0, 0, 0.08);
  border-radius: 10px;
}

.blog-list h3 {
  color: var(--secondary-color);
  font-size: 35px;
}

.blog-list-flex {
  margin: 30px 0 0 0;
  padding: 0 0 20px 0;
  border-bottom: 1px solid #d7d7d7;
}

.blog-list-flex:last-child {
  padding: 0;
  border-bottom: none;
}

.blog-icon {
  width: 80px;
  height: 80px;
  margin: 0 30px 0 0;
}

.blog-icontext a {
  color: var(--fourth-color);
  font-size: 17px;
  display: inline-block;
}

.blog-icontext a:hover {
  color: var(--primary-color);
}

.blog-icontext ul {
  display: inline-block;
  margin: 10px 0 0 0;
}

.blog-icontext ul li {
  display: inline-block;
  margin: 0 10px 0 0;
  font-size: 14px;
}

.blog-icontext ul li:last-child {
  margin: 0;
}

.blog-icontext ul li i {
  color: var(--secondary-color);
  margin: 0 5px 0 0;
}

.blog-form-sidebar {
  width: 100%;
  height: 300px;
  position: relative;
  border-radius: 10px;
  margin: 40px 0 0 0;
}

.blog-sidebar-image {
  width: 100%;
  height: 100%;
  position: relative;
  border-radius: 10px;
  overflow: hidden;
}

.blog-sidebar-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
  transition: all 0.8s;
}

.blog-sidebar-image::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  right: 0;
  box-shadow: inset 0px -250px 100px -40px rgba(27, 55, 103, 0.7);
  z-index: 1;
}

.blog-sidebar-form-text {
  position: absolute;
  padding: 20px 30px 30px 30px;
  left: 0;
  bottom: 0;
  z-index: 2;
}

.blog-sidebar-form-text p {
  margin: 10px 0 0 0;
}

.blog-sidebar-form-text p a {
  font-family: mulish;
}

.blog-sidebar-form-text p a i {
  margin: 0 10px 0 0;
  color: var(--primary-color);
}

.blog-sidebar-form-text p a:hover {
  font-family: mulish-medium;
  color: var(--primary-color) !important;
}

.blog-sidebar-form-text p a:hover i {
  color: var(--tertiary-color);
}

/* blog-detail css ends */

.service-sidebar {
  width: 100%;
  position: sticky;
  top: 80px;
}

.service-list {
  width: 100%;
  padding: 20px;
  border-radius: 6px;
  background: #ebebeb;
  position: static;
  z-index: -3;
}

.service-list h5 {
  color: var(--primary-color);
}

.service-list h5.subhead::before {
  background: var(--primary-color);
}

.service-list h3 {
  font-size: 35px;
  margin: 0;
}

.service-list h3 span {
  color: var(--primary-color);
}

.service-list ul {
  margin: 20px 0 0 0;
}

.service-list ul li a {
  background: var(--tertiary-color);
  padding: 15px;
  width: 100%;
  display: inline-block;
  margin: 0 0 10px 0;
  font-size: 17px;
  position: relative;
  z-index: 1;
  border-radius: 6px;
  color: var(--primary-color);
  font-weight: bold;
}

.service-list ul li:last-child a {
  margin: 0;
}

.service-list ul li a::before {
  content: "";
  position: absolute;
  width: 5px;
  height: 100%;
  background: var(--secondary-color);
  top: 0;
  left: 0;
  z-index: -1;
  transition: all 0.5s;
  border-radius: 6px;
}

.service-list ul li a:hover::before {
  width: 100%;
}

.service-list ul li a:hover {
  color: var(--tertiary-color);
}

.service-list ul li a i {
  margin: 0 10px 0 0;
  transform: rotate(45deg);
}

.service-formbox {
  margin: 40px 0 0 0;
  padding: 20px;
  background: #f5f5f5;
}

.service-formbox h5 {
  color: var(--primary-color);
}

.service-formbox h5.subhead::before {
  background: var(--primary-color);
}

.service-formbox h3 {
  font-size: 35px;
  margin: 0;
}

.service-formbox h3 span {
  color: var(--primary-color);
}

.service-formbox form {
  width: 100%;
  margin: 20px 0 0 0;
}

.service-formbox p {
  margin: 0;
}

.service-formbox br {
  display: none;
}

.service-input {
  width: 100%;
  height: 40px;
  padding: 10px;
  font-size: 14px;
  border: 1px solid #e6e6e6;
  outline: none;
  background-color: var(--tertiary-color);
  border-radius: 5px;
  transition: all 0.5s;
  margin: 0 0 10px 0;
  color: var(--fourth-color);
}

.service-input::placeholder {
  color: #000;
  opacity: 1;
}

.service-input:focus {
  border-color: var(--primary-color);
}

.service-select {
  width: 100%;
  height: 40px;
  padding: 10px;
  font-size: 14px;
  border: 1px solid #e6e6e6;
  outline: none;
  background-color: var(--tertiary-color);
  border-radius: 5px;
  transition: all 0.5s;
  margin: 0 0 10px 0;
  color: var(--fourth-color);
}

.service-select option {
  color: var(--secondary-color);
}

.service-select:focus {
  border-color: var(--primary-color);
}

.service-area {
  width: 100%;
  height: 70px;
  padding: 10px;
  font-size: 14px;
  color: var(--secondary-color);
  border: 1px solid #e6e6e6;
  outline: none;
  background-color: var(--tertiary-color);
  border-radius: 5px;
  transition: all 0.5s;
  margin: 0 0 10px 0;
  color: var(--fourth-color);
}

.service-area::placeholder {
  color: #000;
  opacity: 1;
}

.service-area:focus {
  border-color: var(--primary-color);
}

.service-checkbox {
  width: 100%;
  display: flex;
  align-items: baseline;
}

.service-checkbox input {
  margin: 0 10px 0 0;
  accent-color: var(--primary-color);
}

.service-checkbox label {
  font-family: mulish;
  color: #333;
  font-size: 15px;
  margin: 0;
}

.service-submit {
  margin: 20px 0 0 0;
  display: inline-block;
  font-family: poppins-bold;
  color: var(--tertiary-color);
  background: var(--primary-color);
  padding: 10px 20px;
  transition: all 0.5s;
  border: none;
  outline: none;
  border-radius: 5px;
}

.service-submit:hover {
  background: var(--secondary-color);
}

.service-detail-text {
  width: 95%;
  margin: 0 0 0 auto;
}

.service-detail-text h5 {
  color: var(--primary-color);
}

.service-detail-text h5.subhead::before {
  background: var(--primary-color);
}

.service-detail-text h2 {
  margin: 0;
}

.detail-image {
  width: 100%;
  height: 400px;
  margin: 30px 0 10px 0;
  border-radius: 10px;
  position: relative;
  overflow: hidden;
}

.detail-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
  transition: all 0.8s;
}

.detail-image:hover img {
  transform: scale(1.1);
}

.detail-image::before {
  top: 0;
  left: -50%;
  content: "";
  position: absolute;
  width: 50%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.3);
  transition: all 0.5s;
  opacity: 0;
}

.detail-image::after {
  top: 0;
  right: -50%;
  content: "";
  position: absolute;
  width: 50%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.3);
  transition: all 0.5s;
  opacity: 0;
}

.detail-image:hover::before {
  opacity: 1;
  left: 0;
  z-index: 1;
}

.detail-image:hover::after {
  opacity: 1;
  right: 0;
}

.service-detail-text p {
  margin: 20px 0 20px 0;
}

.service-detail-text h4 {
  font-size: 25px;
  color: var(--secondary-color);
  margin: 20px 0 0 0;
}

.service-detail-text ul {
  margin: 20px 0 0 0;
}

.service-detail-text ul li {
  margin: 0 0 10px 0;
  position: relative;
  padding-left: 26px;
}

.service-detail-text ul li:last-child {
  margin: 0;
}

.service-detail-text ul li i {
  color: var(--primary-color);
  margin: 0 10px 0 0;
}

.service-related {
  width: 100%;
  background: #f0f2f4;
}

.service-related h5 {
  color: var(--primary-color);
}

.service-related h5.subhead::before {
  background: var(--primary-color);
}

.service-slider .item {
  width: 90%;
  margin: 0 auto;
}

.service-slider .item .service {
  width: 100%;
  text-align: left;
}

/* service detail css ends */

.cash-infobox {
  width: 100%;
  background: #ebebeb;
}

.cash-infotext {
  width: 95%;
}

.cash-infotext p {
  margin: 20px;
  font-size: 30px;
  display: inline-block;
}

.cash-infotext p i {
  color: var(--secondary-color);
  margin: 0 10px 0 0 0;
  transition: all 0.5s;
}

.cash-infotext p a {
  display: inline-block;
  font-size: 30px;
  color: var(--secondary-color);
}

.cash-infotext p:hover i {
  color: var(--primary-color);
}

.cash-infotext p:hover a {
  color: var(--primary-color);
  font-family: 'Outfit';
  letter-spacing: 2px;
}

.cash-infoimage {
  width: 100%;
  overflow: hidden;
}

.cash-infoimage img {
  width: 100%;
  transition: all 0.5s;
}

.cash-infoimage:hover img {
  transform: scale(1.2);
}

.cash-detail-box {
  width: 100%;
  background: #f1f1f1;
}

.cash-text {
  width: 95%;
}

.cash-text h5 {
  color: var(--primary-color);
}

.cash-text h5.subhead::before {
  background: var(--primary-color);
}

.cash-text p {
  margin: 20px 0 0 0;
}

.cash-text ul li {
  position: relative;
  padding: 0 0 0 30px;
  margin: 15px 0 0 0;
  font-family: mulish-medium;
  font-weight: 600;
}

.cash-text ul li::before {
  content: url(../images/cash-icon.png);
  width: 16px;
  top: 3px;
  left: 0;
  position: absolute;
}

.cash-image {
  width: 100%;
  height: 300px;
  position: relative;
  overflow: hidden;
}

.cash-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
  transition: all 0.8s;
}

.cash-image:hover img {
  transform: scale(1.1);
}

.cash-image::before {
  top: 0;
  left: -50%;
  content: "";
  position: absolute;
  width: 50%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.3);
  transition: all 0.5s;
  opacity: 0;
}

.cash-image::after {
  top: 0;
  right: -50%;
  content: "";
  position: absolute;
  width: 50%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.3);
  transition: all 0.5s;
  opacity: 0;
}

.cash-image:hover::before {
  opacity: 1;
  left: 0;
  z-index: 1;
}

.cash-image:hover::after {
  opacity: 1;
  right: 0;
  z-index: 1;
}

.cash-image-sec {
  height: 550px;
}

.cash-text-sec {
  margin: 0 0 0 auto;
}

.cash-text-sec h5 {
  color: var(--secondary-color);
}

.cash-text-sec h5.subhead::before {
  background: var(--secondary-color);
}

.cash-text-sec ul li {
  position: relative;
  padding: 0 0 0 30px;
  margin: 15px 0 0 0;
  font-family: mulish-medium;
  font-weight: 600;
}

.cash-text-sec ul li::before {
  content: url(../images/cash-icon.png);
  width: 16px;
  top: 3px;
  left: 0;
  position: absolute;
}

.cash-text-sec ul li a {
  color: var(--primary-color);
  font-family: mulish-medium;
}

.cash-text-sec ul li a:hover {
  color: var(--secondary-color);
}

.cash-slider-box h5 {
  color: var(--secondary-color);
}

.cash-slider {
  margin: 40px 0 0 0;
}

.cash-card {
  width: 100%;
  height: 250px;
  border-radius: 10px;
  position: relative;
}

.cash-card-flip {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  transition: all 0.5s;
  border-radius: 10px;
}

.cash-card-front {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  border-radius: 10px;
  top: 0;
  left: 0;
}

.cash-card-front img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
}

.cash-card-front-text {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 20px;
  box-shadow: inset 0px -180px 100px -40px rgba(27, 55, 103, 0.7);
  width: 100%;
  border-radius: 0 0 10px 10px;
}

.cash-card-front-text h3 {
  color: var(--tertiary-color);
  font-size: 22px;
}

.cash-card-back {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  border-radius: 10px;
  transform: rotateY(180deg);
  background: var(--secondary-color);
  text-align: center;
  padding: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.cash-card-back p {
  font-size: 15px;
  color: var(--tertiary-color);
}

.cash-card-back a {
  display: inline-block;
  padding: 8px 20px;
  color: var(--tertiary-color);
  background: var(--primary-color);
  border-radius: 4px;
  margin: 30px 0 0 0;
}

.cash-card-back a.custom-btn:hover {
  color: var(--secondary-color);
}

.cash-card-back a.custom-btn:hover::before {
  background: var(--tertiary-color);
}

.cash-slider .item {
  width: 90%;
  margin: 0 auto;
}

.cash-card-flip:hover {
  transform: rotateY(180deg);
}

/* cash for car detail css ends */
.service-detail-text h1 {
    font-size: 32px;
    FONT-WEIGHT: 600;
}

.service-detail-text h1 b, .service-detail-text h1 strong {font-weight: 500;}
/* media query starts */
.menu-btn-icon .fa-phone, .foot-icon .fa-phone, .contact-icon .fa-phone{transform: rotate(90deg);}
@media only screen and (max-width: 1451px) {
  h1 {
    font-size: 55px;
  }

  .banner-cont p {
    /* width: 50%; */
  }
}

@media only screen and (max-width: 1399.2px) {
  .container {
    max-width: 1200px;
    margin: 0 auto;
  }

  h1 {
    font-size: 50px;
  }

  h2 {
    font-size: 40px;
  }

  .about-head-flex {
    font-size: 40px;
  }

  .about-head-flex h3 {
    font-size: 40px;
  }

  .banner-cont p {
    /* width: 42%; */
    line-height: 2;
    margin-top: 13px;
    color: #000;
  }

  .counter-flex h3 {
    font-size: 40px;
  }

  .counter-flex span {
    font-size: 40px;
  }

  .toggle-icon {
    font-size: 15px;
    position: static;
    transform: translateY(0);
  }

  .question.active .toggle-icon {
    transform: translateY(0) rotate(180deg);
  }

  .question-sec.active .toggle-icon {
    transform: translateY(0) rotate(180deg);
    color: var(--tertiary-color);
  }

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

  .question-sec {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}

@media only screen and (max-width: 1301px) {
  .question h3 {
    font-size: 16px;
  }

  .question-sec h3 {
    font-size: 16px;
  }
}

@media only screen and (max-width: 1286.2px) {
  .menu {
    padding: 0 0 0 14%;
  }
}

@media only screen and (max-width: 1255.2px) {
  h1 {
    font-size: 45px;
  }
	.menu-btn-text a {
		margin-top:0;
	}
  h2 {
    font-size: 35px;
  }

  h5 {
    font-size: 15px;
  }

  .about-head-flex {
    font-size: 35px;
  }

  .about-head-flex h3 {
    font-size: 35px;
  }

  .banner-cont p {
    width: 70%;
  }

  .banner {
    height: 550px;
  }

  .click-btn {
    font-size: 13px;
    top: 35px;
    right: -15px;
  }

  .custom-margin {
    margin: 40px 0;
  }

  .padd {
    padding: 40px 0;
  }

  .margin-sec {
    margin: 0 0 40px 0;
  }

  .quick-image {
    transform: translateX(-14%);
  }

  .banner-bottom-icon img {
    width: 70px;
    height: 70px;
  }

  .banner-bottom-icon span {
    font-size: 90px;
  }

  .banner-bottom-box .col-lg-4:nth-child(1) span {
    left: -8px;
    top: -34px;
  }

  .banner-bottom-box .col-lg-4:nth-child(2) span {
    top: -28px;
  }

  .banner-bottom-box .col-lg-4:nth-child(3) span {
    top: -28px;
  }

  .vehicle-text h3 a {
    font-size: 22px;
  }

  .home-input {
    margin: 30px 0 0 0;
  }

  .blog-image {
    height: 250px;
  }

  .footer-link h3 {
    font-size: 22px;
  }

  .footer-icon ul li a {
    width: 35px;
    height: 35px;
    font-size: 17px;
  }

  .footer_copyright p {
    padding: 20px 0;
  }

  .brand-box .item {
    padding: 20px 0 10px 0;
    margin: 20px 0 0 0;
  }

  .logo {
    width: 176px;
    /* height: 120px; */
  }

  .logo img {
    width: 82%;
  }

  .menu-btn-icon {
    width: 35px;
    height: 35px;
    font-size: 17px;
  }

  .menu-btn-text a {
    font-size: 18px;
  }

  .home-submit {
    margin: 30px 0 0 0;
  }

  .value-icontext h3 {
    font-size: 24px;
  }

  .inner-banner {
    height: 350px;
  }

  .counter-flex h3 {
    font-size: 35px;
  }

  .counter-flex span {
    font-size: 35px;
  }

  .choose-box {
    padding: 10px 0 40px 0;
  }

  .choose {
    margin: 30px 0 0 0;
  }

  .choose-imagebox {
    margin: 30px 0 0 0;
  }

  .service-detail-text h4 {
    font-size: 23px;
  }

  .blog-detail h4 {
    font-size: 23px;
  }

  .contact-icontext h3 {
    font-size: 24px;
  }
}

@media only screen and (max-width: 1246px) {
  .menu {
    padding: 0 0 0 10%;
    text-align: right;
  }

  .menu ul li {
    margin: 0 25px 0 0;
  }
}

@media only screen and (max-width: 1201px) {
  h1 {
    font-size: 40px;
  }

  .menu ul li {
    margin: 0 20px 0 0;
  }

  .subhead {
    padding: 0 0 0 70px;
  }

  .subhead::before {
    width: 50px;
  }

  .banner-bottom p {
    width: 75%;
  }
}

@media only screen and (max-width: 1151px) {
  .menu ul li a {
    font-size: 15px;
  }

  .menu-btn {
    padding: 5px 18px;
  }

  .vehicle-text {
    width: 60%;
  }

  .vehicle-image {
    width: 40%;
  }
}

@media only screen and (max-width: 1115px) {
  .menu-btn {
    padding: 5px 15px;
  }

  .click-btn {
    right: -13px;
  }

  .logo {
    /* width: 100px; */
    /* height: 100px; */
  }
}

@media only screen and (max-width: 1086px) {
  .menu ul li a {
    font-size: 15px;
  }

  .menu ul.sub-menu li a {
    font-size: 15px;
  }
}

@media only screen and (max-width: 1080px) {
  .menu-btn {
    padding: 5px 13px;
  }
}

@media only screen and (max-width: 1060px) {
  .menu-btn {
    padding: 5px 10px;
  }
}

@media only screen and (max-width: 1050px) {
  .menu ul li a {
    font-size: 14px;
  }

  .menu ul.sub-menu li a {
    font-size: 14px;
  }

  .click-btn {
    top: 34px;
  }

  .banner-cont {
    padding: 15% 0 0 0;
  }

  .blog-sidebar-form-text p a {
    font-size: 14px;
  }
}

@media only screen and (max-width: 1025px) {
  .menu-btn {
    padding: 4px 8px;
  }
}

@media only screen and (max-width: 1005px) {
  .menu-btn {
    padding: 4px 6px;
  }

  .menu ul li {
    margin: 0 15px 0 0px;
  }
}

@media only screen and (max-width: 991.2px) {
  h1 {
    font-size: 35px;
  }

  h2 {
    font-size: 30px;
  }

  .about-head-flex {
    font-size: 30px;
  }

  .about-head-flex h3 {
    font-size: 30px;
  }

  .mobile-menu {
    display: block;
    font-size: 25px;
    margin: 0 0 0 15px;
    color: var(--fourth-color);
  }

  .mobile-menu:hover {
    color: var(--primary-color);
  }

  .offcanvas-header {
    width: 100%;
  }

  .header {
    padding: 10px 0;
  }

  .logo {
    position: relative;
    height: auto;
    width: 20%;
    background: none;
  }

  .logo img {
    width: 60%;
  }

  .offcanvas-header .logo {
    width: 50%;
    background: none;
    height: auto;
    position: static;
  }

  .offcanvas-header .logo img {
    width: 100%;
  }

  .offcanvas-header .close-sidebar {
    display: grid;
    place-items: center;
    outline: none;
    border: none;
    background: transparent;
    transition: all 0.5s;
    color: var(--fourth-color);
    width: 40px;
    height: 40px;
    font-size: 15px;
    border: 2px solid #dddddd;
    border-radius: 50%;
  }

  .offcanvas-header .close-sidebar:hover {
    color: var(--primary-color);
    border: 2px solid var(--secondary-color);
  }

  .offcanvas-header .close-sidebar i {
    transition: all 0.3s;
  }

  .offcanvas-header .close-sidebar:hover i {
    transform: rotate(90deg);
  }

  .menu {
    display: none;
  }

  .offcanvas-body {
    padding: 0 15px;
  }

  .offcanvas-body .menu {
    width: 100%;
    display: block;
    padding: 0;
    text-align: left;
  }

  .offcanvas-body .menu ul {
    width: 100%;
  }

  .offcanvas-body .menu ul li {
    width: 100%;
    margin: 0;
    padding: 0;
  }

  .offcanvas-body .menu ul li a {
    width: 100%;
    padding: 0 0 10px 0;
    margin: 0 0 10px 0;
    border-bottom: solid 1px #e0e0e0;
    display: block;
  }

  .offcanvas-body .menu ul li.active a {
    color: var(--primary-color);
  }

  .offcanvas-body .click-btn2 {
    top: 0;
    right: 0;
  }

  .offcanvas-body .click-btn {
    top: 0;
    right: 0;
  }

  .offcanvas-body ul.sub-menu {
    position: static;
    box-shadow: none;
    padding: 0;
  }

  .offcanvas-body ul.sub-menu li {
    border-bottom: none;
  }

  .offcanvas-body ul.sub-menu li a {
    padding: 5px 10px;
  }

  .offcanvas-body ul.sub-menu2 {
    padding: 0;
  }

  .offcanvas-body ul.sub-menu2 li {
    border-bottom: none;
  }

  .offcanvas-body ul.sub-menu2 li a {
    padding: 5px 10px;
  }

  .offcanvas-body ul.sub-menu2 {
    position: static;
    box-shadow: none;
    padding: 0;
  }

  .menu-btn-box {
    width: 70%;
  }

  .menu-btn {
    padding: 5px 20px;
  }

  .offcanvas-body .menu-btn-box {
    width: 100%;
    margin: 30px 0 0 0;
    display: none;
  }

  .offcanvas-body .menu-btn-box .menu-btn {
    width: max-content;
  }

  .menu ul li a {
    font-size: 16px;
  }

  .menu ul.sub-menu li a {
    font-size: 16px;
  }

  .banner {
    height: 500px;
  }

  .banner-cont {
    padding: 12% 0 0 0;
  }

  .banner-cont p {
    width: 90%;
  }

  .banner-bottom-box.custom-margin {
    margin: 0 0 40px 0;
  }

  .banner-bottom {
    margin: 40px 0 0 0;
  }

  .banner-bottom-box .col-lg-4:nth-child(2) .banner-bottom {
    border: none;
  }

  .banner-bottom-box .col-lg-4:last-child {
    margin: auto;
  }

  .purchase {
    width: 48%;
  }

  .quick-image-box {
    display: none;
  }

  .other-info {
    width: 80%;
  }

  .purchase-head-btn {
    text-align: left;
    margin: 15px 0 0 0;
  }

  .vehicle-head-btn {
    text-align: right;
  }

  .vehicle-text {
    padding: 0 20px 0 20px;
  }

  .vehicle-text h3 {
    font-size: 21px;
  }

  .brand-box p {
    width: 80%;
  }

  .brand-box .owl-carousel .owl-item img {
    width: 70px;
  }

  .testimonial-head-text {
    text-align: left;
    margin: 10px 0 0 0;
  }

  .other-service {
    width: 48%;
  }

  .other-service-image {
    height: 250px;
  }

  .testimonial-text p {
    font-size: 18px;
    margin: 0 0 20px 0;
  }

  .testimonial-text h3 {
    font-size: 20px;
  }

  .footer-four {
    padding: 0 0 0 15%;
  }

  .foot-icontext h4 {
    font-size: 18px;
  }

  .footer.padd {
    padding: 10px 0 40px 0;
  }

  .footer-image {
    margin: 30px 0 0 0;
  }

  .footer-link {
    margin: 30px 0 0 0;
  }

  .footer-contact {
    margin: 30px 0 0 0;
  }

  .vehicle-image {
    width: 100%;
    height: 250px;
    border-radius: 10px 10px 0 0;
  }

  .vehicle-image img {
    border-radius: 10px 10px 0 0;
    object-fit: cover;
  }

  .vehicle-text {
    padding: 20px;
    height: auto;
    width: 100%;
    border-radius: 0 0 10px 10px;
    background: none;
  }

  .vehicle {
    flex-wrap: wrap;
    background: var(--primary-color);
    border-radius: 10px;
  }

  .home-input {
    margin: 20px 0 0 0;
  }

  .home-submit {
    margin: 20px 0 0 0;
  }

  .footer-image img {
    width: 40%;
  }

  .value-icontext h3 {
    font-size: 22px;
  }

  .counter-flex h3 {
    font-size: 30px;
  }

  .counter-flex span {
    font-size: 30px;
  }

  .testimonial-text {
    width: 100%;
    margin: 20px 0 0 0;
  }

  .testimonial-image {
    width: 80px;
    height: 80px;
  }

  .testimonial-image img {
    width: 70px !important;
    height: 70px;
  }

  .value-imagebox {
    display: none;
  }

  .value-box.margin-sec {
    margin: 0;
  }

  .counter-box.padd {
    padding: 10px 0 40px 0;
  }

  .counter img {
    width: 50px;
  }

  .counter {
    margin: 30px 0 0 0;
  }

  .value-icon {
    height: 50px;
    width: 50px;
  }

  .value-icontext {
    width: calc(100% - 80px);
  }

  .choose-image {
    display: none;
  }

  .choose-imagebox {
    margin: 0;
  }

  .choose-box {
    padding: 40px 0;
  }

  .choose {
    margin: 40px 0 0 0;
  }

  .choose-icon {
    width: 50px;
    height: 50px;
  }

  .faq-info {
    width: 80%;
  }

  .question h3 {
    font-size: 18px;
  }

  .question-sec h3 {
    font-size: 18px;
  }

  .inner-banner {
    height: 300px;
  }

  .newsletter p {
    width: 80%;
  }

  .faq-text {
    width: 100%;
  }

  .footer-contact h3 {
    font-size: 22px;
  }

  .inner-service-box .service {
    width: 48%;
  }

  .service-detail-text {
    width: 100%;
  }

  .service-detail .row {
    flex-direction: column-reverse;
  }

  .service-sidebar {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
  }

  .service-list {
    width: 48%;
    margin: 40px 0 0 0;
    position: sticky;
    top: 50px;
  }

  .service-list h3 {
    font-size: 30px;
  }

  .service-formbox {
    width: 48%;
  }

  .service-formbox h3 {
    font-size: 30px;
  }

  .other-service-detail {
    width: 100%;
  }

  .other-service-detail .service-formbox {
    width: 100%;
  }

  .cash-infotext p {
    font-size: 25px;
  }

  .cash-infotext p a {
    font-size: 25px;
  }

  .cash-card-front-text h3 {
    font-size: 20px;
  }

  .service-detail-text h4 {
    font-size: 22px;
  }

  .cash-infotext p {
    margin: 20px 0 0 0;
  }

  .blog-detail {
    width: 100%;
  }

  .blog-detail h4 {
    font-size: 22px;
  }

  .blog-sidebar {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
  }

  .blog-list {
    width: 48%;
    margin: 40px 0 0 0;
  }

  .blog-form-sidebar {
    width: 48%;
  }

  .blog-list h3 {
    font-size: 30px;
  }

  .blog-sidebar-form-text h3 {
    font-size: 30px;
  }

  .blog-icon {
    width: 70px;
    height: 70px;
  }

  .contact-icontext h3 {
    font-size: 22px;
  }

  .contact-image {
    width: 95%;
  }

  .notfound .notfound-404 h1 {
    font-size: 100px !important;
  }

  .notfound .notfound-404 {
    height: auto !important;
  }
}
@media only screen and (max-width: 900.2px) {
  .banner-cont {
    padding: 14% 0 0 0;
  }
.short-con {
    width: 45%;
    margin-left: 20px;
}
.short-con {
    width: 45%;
}
.banner-cont {
    padding-top: 57px;
}
  .logo img {
    width: 70%;
  }
}

@media only screen and (max-width: 800.2px) {
  .banner-cont {
    padding: 15% 0 0 0;
  }

  .logo img {
    width: 80%;
  }
}

@media only screen and (max-width: 785px) {
  .purchase-price {
    width: 100%;
  }

  .purchase-btn {
    width: 100%;
    text-align: left;
    margin: 20px 0 0 0;
  }
}

@media only screen and (max-width: 767.2px) {
  h1 {
    font-size: 30px;
  }
.service {
    width: 48%;
}
  h2 {
    font-size: 28px;
  }

  .about-head-flex {
    font-size: 28px;
  }

  .about-head-flex h3 {
    font-size: 28px;
  }

  .banner-cont p {
    width: 100%;
  }

  .banner-bottom {
    border-right: none;
  }

  .banner-bottom p {
    width: 100%;
  }

  .banner-bottom-icon {
    width: 70px;
  }

  .banner-bottom-icon img {
    width: 60px;
    height: 60px;
  }

  .banner-bottom-icon span {
    font-size: 80px;
  }

  .banner-bottom-box .col-lg-4:nth-child(2) span {
    top: -26px;
    left: -20px;
    font-size: 75px;
  }

  .banner-bottom-box .col-lg-4:nth-child(3) span {
    left: -12px;
    top: -27px;
    font-size: 75px;
  }

  .about-image {
    width: 100%;
    height: 400px;
    margin: 0 0 40px 0;
  }

  .about-text p {
    margin: 10px 0 0 0;
  }

  .service-text p {
    margin: 10px 0 0 0;
  }

  .other-info {
    width: 100%;
  }

  .home-contact-image-box {
    display: none;
  }

  .brand-box p {
    width: 100%;
  }

  .vehicle-head-btn {
    text-align: left;
  }

  .counter-flex h3 {
    font-size: 28px;
  }

  .counter-flex span {
    font-size: 28px;
  }

  .inner-banner {
    height: 250px;
  }

  .faq-info {
    width: 100%;
  }

  .question-sec h3 {
    font-size: 16px;
  }

  .question h3 {
    font-size: 16px;
  }

  .newsletter p {
    width: 100%;
  }

  .service-list h3 {
    font-size: 28px;
  }

  .service-formbox h3 {
    font-size: 28px;
  }

  .detail-image {
    height: 400px;
  }

  .cash-infotext {
    width: 100%;
    text-align: center;
    margin: 20px 0 0 0;
  }

  .cash-infoimage {
    text-align: center;
  }

  .cash-infoimage img {
    width: 70%;
  }

  .cash-infobox .row {
    flex-direction: column-reverse;
  }

  .cash-detail-box .row {
    flex-direction: column-reverse;
  }

  .cash-text {
    width: 100%;
    margin: 40px 0 0 0;
  }

  .cash-image {
    width: 100%;
    height: 400px;
  }

  .cash-image-sec {
    height: 400px;
  }

  .cash-card-front-text h3 {
    font-size: 18px;
  }

  .cash-infoimage img {
    width: 80%;
  }

  .blog-list h3 {
    font-size: 28px;
  }

  .blog-list h3 {
    font-size: 28px;
  }

  .blog-sidebar-form-text h3 {
    font-size: 28px;
  }

  .blog-detail-image {
    height: 400px;
  }

  .blog-list-flex {
    flex-wrap: wrap;
  }

  .blog-icon {
    margin: 0 0 20px 0;
  }

  .blog-icontext {
    width: 100%;
  }

  .single-blog-banner .about-banner-cont {
    padding: 10% 0 0 0;
  }

  .contact-image {
    width: 100%;
  }

  .contact-text {
    margin: 40px 0 0 0;
  }

  .contact-map {
    height: 400px;
  }
}

@media only screen and (max-width: 701.2px) {
  .banner-cont {
    padding: 18% 0 0 0;
  }

  .vehicle-text h3 a {
    font-size: 20px;
  }

  .about-banner-cont {
    padding: 14% 0 0 0;
  }

  .service-list {
    width: 100%;
    margin: 40px 0 0 0;
    position: static;
  }

  .service-formbox {
    width: 100%;
  }

  .blog-list {
    width: 100%;
  }

  .blog-form-sidebar {
    width: 100%;
  }

  .blog-icontext ul {
    display: block;
  }

  .blog-sidebar-form-text p a {
    font-size: 16px;
  }

  .single-blog-banner .about-banner-cont {
    padding: 11% 0 0 0;
  }
}

@media only screen and (max-width: 675px) {
  .vehicle {
    width: 100%;
  }
}

@media only screen and (max-width: 651.2px) {
  .about-banner-cont {
    padding: 16% 0 0 0;
  }

  .detail-image {
    height: 350px;
  }

  .cash-image {
    height: 350px;
  }

  .cash-image-sec {
    height: 350px;
  }

  .cash-infoimage img {
    width: 90%;
  }

  .blog-detail-image {
    height: 350px;
  }

  .single-blog-banner .about-banner-cont {
    padding: 13% 0 0 0;
  }

  .contact-map {
    height: 350px;
  }
}

@media only screen and (max-width: 601px) {
	
  .logo img {
    width: 100%;
  }

  .header {
    padding: 15px 0;
  }

  .about-image {
    height: 300px;
    margin: 0 0 30px 0;
  }

  .service {
    width: 100%;
  }

  .purchase {
    width: 100%;
  }

  .quick:nth-child(1) {
    border-right: none;
    border-bottom: none;
  }

  .quick:nth-child(4) {
    border-top: none;
    border-left: none;
  }

  .quick {
    width: 100%;
    padding: 0;
    margin: 30px 0 0 0;
    transition: all 0.5s;
  }

  .quick-box {
    padding: 10px 0 40px 0;
  }

  .other-service {
    width: 100%;
  }

  .quick:hover {
    padding: 20px;
  }

  .foot-icontext p {
    font-size: 15px;
  }

  .foot-icontext a {
    font-size: 15px;
  }

  .detail-image {
    height: 300px;
  }

  .cash-image {
    height: 300px;
  }

  .cash-image-sec {
    height: 300px;
  }

  .cash-infoimage img {
    width: 100%;
  }

  .blog-detail-image {
    height: 300px;
  }

  .contact-map {
    height: 300px;
  }
}

@media only screen and (max-width: 576.2px) {
  h1 {
    font-size: 28px;
  }

  h2 {
    font-size: 25px;
  }

  .about-head-flex {
    font-size: 25px;
  }

  .about-head-flex h3 {
    font-size: 25px;
  }

  .menu-btn-box {
    display: none;
  }

  .offcanvas-body .menu-btn-box {
    width: 100%;
    margin: 30px 0 0 0;
    display: block;
  }

  .footer-second {
    padding: 0 0 0 0;
  }

  .footer-four {
    padding: 0 0 0 0;
  }

  .footer_copyright p {
    padding: 10px 0;
    font-size: 15px;
  }

  .choose {
    width: 100%;
  }

  .about-banner-cont {
    padding: 17% 0 0 0;
  }

  .inner-service-box .service {
    width: 100%;
  }

  .service-list h3 {
    font-size: 25px;
  }

  .service-formbox h3 {
    font-size: 25px;
  }

  .service-detail-text p {
    margin: 15px 0 0 0;
  }

  .cash-text p {
    margin: 15px 0 0 0;
  }

  .blog-list h3 {
    font-size: 25px;
  }

  .blog-list h3 {
    font-size: 25px;
  }

  .blog-sidebar-form-text h3 {
    font-size: 25px;
  }

  .blog-detail p {
    margin: 15px 0 0 0;
  }

  .single-blog-banner .about-banner-cont {
    padding: 13% 0 0 0;
  }

  .blog-icon {
    width: 60px;
    height: 60px;
    margin: 0 0 15px 0;
  }

  .form-input {
    width: 100%;
  }

  .form-input input {
    margin: 0 0 15px 0;
  }

  .notfound h2 {
    font-size: 18px !important;
  }
}

@media only screen and (max-width: 500.2px) {
	
  h1 {
    font-size: 25px !important;
  }

  .logo {
    width: 25%;
  }

  .banner {
    height: 450px;
  }

  .about-banner-cont {
    padding: 20% 0 0 0;
  }

  .detail-image {
    height: 250px;
  }

  .cash-image {
    height: 250px;
  }

  .cash-image-sec {
    height: 250px;
  }

  .blog-detail-image {
    height: 250px;
  }

  .single-blog-banner .about-banner-cont {
    padding: 13% 0 0 0;
  }

  .contact-map {
    height: 250px;
  }

  .contact-icon {
    width: 50px;
    height: 50px;
  }

  .contact-icontext {
    width: 100%;
    margin: 15px 0 0 0;
    text-align: center;
  }
}

@media only screen and (max-width: 451.2px) {
  .logo {
    width: 25%;
  }

  .single-blog-banner .about-banner-cont {
    padding: 16% 0 0 0;
  }
}

@media only screen and (max-width: 401px) {
  .about-image {
    height: 250px;
  }

  .about-flex {
    width: 100%;
  }

  .about-flex:nth-child(2) {
    margin: 20px 0 0 0;
  }

  .brand-box .item {
    width: 100%;
  }

  .about-flex-box {
    flex-wrap: wrap;
  }

  .brand {
    box-shadow: none;
  }

  .logo {
    width: 30%;
  }

  .about-banner-cont {
    padding: 24% 0 0 0;
  }

  .value-flex {
    flex-wrap: wrap;
  }

  .value-icontext {
    width: 100%;
    margin: 15px 0 0 0;
  }

  .testimonial-image {
    width: 70px;
    height: 70px;
  }

  .testimonial-image img {
    width: 60px !important;
    height: 60px;
  }

  .notfound h2 {
    font-size: 16px !important;
  }

  .notfound .notfound-404 h1 {
    font-size: 80px !important;
  }
}

@media only screen and (max-width: 376px) {
  .banner {
    height: 500px;
  }

  .banner-cont {
    padding: 22% 0 0 0;
  }

  .single-blog-banner .about-banner-cont {
    padding: 12% 0 0 0;
  }

  .blog-sidebar-form-text h3 {
    font-size: 24px;
  }

  .blog-sidebar-form-text {
    padding: 20px;
  }
}

@media only screen and (max-width: 351px) {
  .subhead {
    padding: 0 0 0 50px;
  }

  .subhead::before {
    width: 30px;
  }

  .about-banner-cont {
    padding: 28% 0 0 0;
  }
}

@media only screen and (max-width: 345px) {
  .single-other-banner .about-banner-cont {
    padding: 22% 0 0 0;
  }
}

@media only screen and (max-width: 332px) {
  .blog-sidebar-form-text h3 {
    font-size: 22px;
  }

  .blog-sidebar-form-text p a {
    font-size: 14px;
  }
}

@media only screen and (max-width: 321px) {
  .logo {
    width: 35%;
  }

  .about-banner-cont {
    padding: 30% 0 0 0;
  }
}
section.quick-box.wow.fadeInUp {
    background-image: none !important;
    background: #2A7B9B;
    background: linear-gradient(96deg, rgb(170 31 36) 41%, #0e8d40 40%) !important;
}
.purchase-head-btn.vehicle-head-btn.wow.fadeInUp {text-align-last: right;}
.vehicle-text:hover h3 a, .vehicle-text:hover p {
    color: #fff;
}
.other-service-text:hover h3 a, .other-service-text:hover p {
    color: #fff;
}
.service:hover .service-icon {
    background: #ffffff;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}
section.brand-box {
    padding: 60px 0;
    margin: 0;
}
.testimonial-flex:hover {
    background: var(--secondary-color);
}

.testimonial-flex:hover p, .testimonial-flex:hover h3, .testimonial-flex:hover h4 {
    color :#fff;
}

section.banner-slider {
    position: relative;
}
.short-con {
    background: rgba(255,255,255,0.7);
    width: 35%;
    padding: 27px;
    border-radius: 20px;
}
section.home-contact-box {
    padding: 60px 0;
    margin: 60px 0 0 0;
    background: var(--secondary-color);
}

section.home-contact-box .home-info {
    color: #fff;
}

section.home-contact-box h2 span {
    color: #fff;
}

section.home-contact-box h2 {
    color: #eee;
}
@media only screen and (max-width: 900px) {
    .short-con {
        width: 45%;
        margin-left: 20px;
    }	
	section.quick-box.wow.fadeInUp {
    background: #0e8d40 !important;
}
}


@media only screen and (max-width: 800.2px) {
	.form-area {
      width: 339px; 
      padding: 20px; 
    }

.banner-cont h1 {
    font-size: 32px;
}

h5.subhead {
    padding-left: 34px;
}

h5.subhead::before {
    width: 26px;
}

.banner-cont {
    padding-top: 7%;
}
}
@media only screen and (max-width: 785px) {
	.form-area {
	  position: relative;
	  top: 27px;
	  max-width: 439px;
	  padding: 20px;
	  left: 50%;
	  transform: translatex(-50%);
	  right: 0;
	}
    .short-con {
        width: 65%;
        margin: auto;
    }
	.banner-cont {
    padding-top: 13%;
}

}
@media only screen and (max-width: 601px) {
	.banner-cont {
    padding-top: 10%;
}

.short-con {
    width: 79%;
}
}


@media only screen and (max-width: 576.2px) { 
	.short-con {
        width: 82%;
}
	.menu-btn {
        padding: 5px 5px !important;    
    }
	.menu-btn-box {
        display: flex;
        width: 180px;
        font-size: 10px;
    }
	.menu-btn-text a {
        font-size: 12px;
    }
	.menu-btn-icon {
        width: 30px;
        height: 30px;
        font-size: 10px;
    }
}
.service-detail-text ul li:after {
    background: var(--secondary-color);
    clip-path: polygon(0 0, 100% 52%, 0 100%, 27% 51%);
    position: absolute;
    width: 15px;
    height: 15px;
    content: "";
    left: 0;
    top: 6px;
}
h3.thfaqf-faq-list-title {
    display: none;
}

.faq-item-wrapper {
    margin-top: 20px;
}

.thfaqf-faq-item span.thfaqf-title-text {
    font-size: 19px;
}

.captcha-wrapper {
    margin-bottom: 3px;
}

@media only screen and (max-width: 500.2px) {
	.banner-cont h1 {
        font-size: 25px;
        text-transform: capitalize;
        line-height: inherit;
    }
	    .banner-cont p {
        width: 100%;
        line-height: inherit;
    }
}

/* ======================= */

.menu ul li:hover ul.sub-menu {
    display: block;
}

@media only screen and (max-width: 991.2px) {
	.click-btn {
    color: white;
    padding: 3px 7px;
    background: #aa1f24;
    border-radius: 5px;
}

.offcanvas-body ul.sub-menu {
    position: revert;
    transition: none;
    animation: none;
}

.menu ul li:hover ul.sub-menu {display: none;} 
	
.offcanvas-body .menu ul li a {
    color: #000 !IMPORTANT;
    font-size: 15px;
}

.offcanvas-body .menu ul li ul li a {
    font-size: 14px;
}	
.menu-btn-text {
    justify-content: center;
}	
	
}
a.btn.btn-primary  {
    position: fixed;
    z-index: 99999;
    top: 40%;
    right: -40px;
    transform: rotate(-90deg);
    background: #aa1f24;
    border: 0px !important;
    padding: 3px 14px;
}
}
.wp-block-list li a{background:transparent;color:#aa1f24;padding:0;}
.blog-detail ul.wp-block-list li{
  display: flow-root list-item;
  margin: 0px 0px 0 15px;
  list-style: disc;
}
	.service-formbox.text-pro {
    display: none;
}
@media only screen and (max-width: 701.2px) { 
.service-formbox {
    display: none;
}
	.service-formbox.text-pro {
    display: block !important;
}
}