@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

/***** General CSS *****/

:root {
  --ct1: #7b1b39;
  --ct2: #0d4d36;
  --wt: #fff;
  --bk: #000;
  --mbk: #6b7280;
  --shadow:
    0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

span.txt-color1 {
  color: var(--ct2);
}

html {
  overflow-x: hidden;
}

body {
  word-break: break-word;
  font:
    15px/25px "Poppins",
    sans-serif;
  color: #393939;
  overflow-x: hidden;
}

a {
  text-decoration: none;
  color: #28b16d;
  white-space: initial;
}

a:hover,
a:focus {
  text-decoration: none;
  color: #393939;
}

a:hover {
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
}

img {
  max-width: 100%;
}

input[type="text"]:focus,
textarea:focus,
input[type="password"]:focus,
select:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus {
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  outline: none;
}

select,
input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="number"],
textarea,
input[type="tel"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

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

i {
  font-family: FontAwesome !important;
  font-style: normal;
}

i::before {
  font-family: FontAwesome !important;
}

.heading {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 20px;
  text-align: center;
  width: 77%;
  margin: 0 auto 50px auto;
  position: relative;
}

.sec-bg1 {
  -webkit-mask-image: url("../images/sec-bg1.png");
  mask-image: url("../images/sec-bg1.png");
  mask-repeat: no-repeat;
  mask-size: cover;
  mask-position: 0 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

/***** Font Files *****/

@font-face {
  font-family: "Fonts Awesome";
  src: url(../fonts/fontawesome-webfont.eot);
  src:
    url(../fonts/fontawesome-webfont.eot?#iefix) format("embedded-opentype"),
    url(../fonts/fontawesome-webfont.woff) format("woff"),
    url(../fonts/fontawesome-webfont.ttf) format("truetype"),
    url(../fonts/fontawesome-webfont.svg#fontawesome-webfont) format("svg");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "quilla";
  src: url("../fonts/quilla.otf");
}

/***** Custom Classes *****/

.noPadding {
  padding: 0;
}

.noLeft {
  padding-left: 0;
}

.noRight {
  padding-right: 0;
}

.mt-5 {
  margin-top: 50px;
}

.mb-5 {
  margin-bottom: 50px;
}

.mt-8 {
  margin-top: 80px;
}

.mt-4 {
  margin-top: 40px;
}

.mt-3 {
  margin-top: 30px;
}

.mt-2 {
  margin-top: 20px;
}

.pt-5 {
  padding-top: 50px;
}

.pb-1 {
  padding-bottom: 10px;
}

.pb-2 {
  padding-bottom: 20px;
}

.pb-3 {
  padding-bottom: 30px;
}

.pb-4 {
  padding-bottom: 40px;
}

.pb-8 {
  padding-bottom: 80px;
}

.m-0 {
  margin: 0 !important;
}

.p-0 {
  padding: 0 !important;
}

.pt-8 {
  padding-top: 80px;
}

.pt-4 {
  padding-top: 40px;
}

.pt-3 {
  padding-top: 30px;
}

.pt-2 {
  padding-top: 20px;
}

.sec {
  padding: 80px 0;
}

.centerCol {
  float: none;
  margin: 0 auto;
}

.d-flex {
  display: flex;
  align-items: center;
}

.over-flow-h {
  overflow: hidden;
}

/* Buttons Css Starts */

.theme1 {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 55px;
  padding: 0 30px;
  border-radius: 0 30px 0 30px;
  overflow: hidden;
  background-color: var(--ct1);
  border: 2px solid #0000;
  transition: ease-in;
  transition-duration: 0.5s;
}

.theme1:hover {
  border: 2px solid var(--wt);
  transition: ease-out;
  transition-duration: 0.5s;
}

.theme1::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  height: 0;
  width: 100%;
  background-color: var(--ct2);
  transition: ease-out;
  transition-duration: 0.5s;
}

.theme1:hover::before {
  top: 0;
  height: 100%;
  transition: ease-in;
  transition-duration: 0.5s;
}

.theme1 span.theme1-txt {
  font-size: 20px;
  line-height: 25px;
  font-family: "Montserrat";
  font-weight: 500;
  color: var(--wt);
  position: relative;
  z-index: 1;
}

.theme2 {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 55px;
  padding: 0 30px;
  border-radius: 0 30px 0 30px;
  overflow: hidden;
  background: linear-gradient(
    90deg,
    rgba(30, 69, 54, 1) 0%,
    rgba(73, 50, 56, 1) 50%,
    rgba(110, 33, 57, 1) 100%
  );
  border: 2px solid #0000;
  transition: ease-in;
  transition-duration: 0.5s;
}

.theme2:hover {
  border: 2px solid var(--wt);
  transition: ease-out;
  transition-duration: 0.5s;
}

.theme2::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  height: 0;
  width: 100%;
  background-color: var(--ct1);
  transition: ease-out;
  transition-duration: 0.5s;
}

.theme2:hover::before {
  top: 0;
  height: 100%;
  transition: ease-in;
  transition-duration: 0.5s;
}

.theme2 span.theme2-txt {
  font-size: 20px;
  line-height: 25px;
  font-family: "Montserrat";
  font-weight: 500;
  color: var(--wt);
  position: relative;
  z-index: 1;
}

/* Buttons Css Ends */

.flexRow {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}

.flexCol {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  align-items: center;
}

h1 {
  font-family: "quilla";
  font-size: 110px;
  line-height: 120px;
  color: var(--bk);
  font-weight: 500;
  margin: 0;
}

h2 {
  font-family: "quilla";
  font-size: 87px;
  line-height: 95px;
  color: var(--bk);
  font-weight: 500;
  margin: 0;
}

h3 {
  font-family: "quilla";
  font-size: 75px;
  line-height: 1;
  color: var(--bk);
  font-weight: 500;
  margin: 0;
}

h4 {
  font-family: "quilla";
  font-size: 60px;
  line-height: 65px;
  color: var(--bk);
  font-weight: 500;
  margin: 0;
}

h5 {
  font-family: "quilla";
  font-size: 20px;
  line-height: 25px;
  color: var(--bk);
  font-weight: 500;
  margin: 0;
}

h6 {
  font-family: "quilla";
  font-size: 18px;
  line-height: 23px;
  color: var(--bk);
  font-weight: 500;
  margin: 0;
}

p {
  color: var(--bk);
  font-size: 16px;
  line-height: 25px;
  opacity: 0.7;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  margin: 0;
}

select {
  background: var(--wt) url("../images/arrow.png") no-repeat right;
  padding: 0 40px 0 30px;
}

::-webkit-input-placeholder {
  color: #575757;
}

::-moz-placeholder {
  color: #575757;
  opacity: 1;
}

:-ms-input-placeholder {
  color: #575757;
}

:-moz-placeholder {
  color: #575757;
  opacity: 1;
}

/*Slider Arrow Css Starts */

.slick-slide {
  outline: none;
  opacity: 1;
}

.services_slider .slick-active {
  opacity: 1;
}

.slick-prev,
.slick-next {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 45px;
  width: 45px;
  border-radius: 100px;
  overflow: hidden;
  background-color: var(--ct1);
  z-index: 9;
  transition: ease-in;
  transition-duration: 0.5s;
}

.slick-prev {
  left: -35px;
}

.slick-next {
  right: -35px;
}

.slick-next:before {
  content: "\f178";
  font-family: "Font Awesome 7 Pro";
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  color: var(--wt);
  font-size: 16px;
  transition: ease-out;
  transition-duration: 0.5s;
}

.slick-prev:before {
  content: "\f177";
  font-family: "Font Awesome 7 Pro";
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  color: var(--wt);
  font-size: 16px;
  transition: ease-out;
  transition-duration: 0.5s;
}

.slick-prev:hover,
.slick-next:hover {
  background-color: var(--wt);
  transition: ease-in;
  transition-duration: 0.5s;
}

.slick-prev:focus,
.slick-next:focus {
  background-color: var(--bk);
  transition: ease-in;
  transition-duration: 0.5s;
}

.slick-prev:focus:hover::before,
.slick-next:focus:hover::before {
  color: var(--wt);
  transition: ease-in;
  transition-duration: 0.5s;
}

.slick-prev:hover::before,
.slick-next:hover::before {
  color: var(--bk);
  transition: ease-in;
  transition-duration: 0.5s;
}

/*Slider Arrow Css Ends */

/*Header Css Starts */

header {
  padding: 0;
}
.header-wrap {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: start;
  /* gap: 10px; */
}

.topSec {
  display: flex;
  align-items: center;
  justify-content: start;
  width: 100%;
  background: linear-gradient(
    90deg,
    rgba(30, 69, 54, 1) 0%,
    rgba(73, 50, 56, 1) 50%,
    rgba(110, 33, 57, 1) 100%
  );
  border-radius: 0 0 0 100px;
}

.topSec .row {
  padding: 10px 60px;
}

.menuSec {
  padding: 0px 0;
}

/* .menuSec img {
    margin: 0;
} */

.menu-box ul {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 60px;
  padding: 20px 0;
}

.menu-box ul li {
  position: relative;
  display: inline-block;
  margin: 0;
  padding: 0;
}

.menu-box li ul {
  display: none;
}

.menu-box ul li a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  padding: 0 20px;
  text-transform: capitalize;
  font-size: 18px;
  line-height: 25px;
  font-family: "Montserrat";
  color: var(--bk);
  font-weight: 500;
  border-radius: 5px;
  overflow: hidden;
  transition: ease-in;
  transition-duration: 0.5s;
  transition-delay: 0.5s;
}

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

.menu-box ul li a::before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  margin: 0 auto;
  width: 0;
  border-bottom: 1px solid var(--ct1);
  transition: ease-out;
  transition-duration: 0.5s;
  transition-delay: 0.5s;
  z-index: -1;
}

.menu-box ul li a:hover::before {
  width: 100%;
  transition: ease-out;
  transition-duration: 0.5s;
}

.menu-box ul li a::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  margin: 0 auto;
  height: 0;
  background-color: var(--ct1);
  transition: ease-out;
  transition-duration: 0.5s;
  z-index: -1;
}

.menu-box ul li a:hover::after {
  height: 100%;
  transition: ease-out;
  transition-delay: 0.5s;
  transition-duration: 0.5s;
}

.menu-box ul li a.active::after {
  height: 100%;
}

.menu-box ul li a.active::before {
  width: 100%;
}

.menu-box li:hover > ul {
  display: block;
  position: absolute;
  z-index: 1000;
  background-color: #000000;
  left: 0px;
  width: 230px;
  text-align: left;
  top: 38px;
}

.menu-box ul li a.active {
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  color: #28b16d;
}

.menu-box li:hover > ul {
  display: block;
  position: absolute;
  z-index: 1000;
  background-color: var(--bk) 000;
  left: 0px;
  width: 230px;
  text-align: left;
  top: 38px;
}

.menu-box li > ul > li > a {
  border: none;
  padding: 13px 20px !important;
  color: var(--wt) !important;
  overflow: hidden;
  font-size: 13px;
  line-height: 20px;
}

.menu-box li > ul > li,
.menu-box li > ul > li > a {
  display: block;
  margin: 0;
}

.menu-box li > ul > li > a:before,
.menu-box li > ul > li > a:after {
  display: none;
}

.menu-box li:hover li {
  float: none;
}

.menu-box li ul li a:hover {
  background-color: var(--wt);
  color: var(--bk) 000 !important;
}

.menu-box ul ul ul {
  left: 100%;
  top: 0;
}

/* .menuSec ul:before,
.menuSec ul:after {
    content: "";
    display: table;
} */

/* .menuSec ul:after {
    clear: both;
} */

.menuSec li > ul > li:hover > ul {
  left: 230px;
  top: 0px;
  width: 270px;
}

.menu-box {
  width: 100%;
}

.top-bar-left-list {
  display: flex;
  align-items: center;
  justify-content: start;
  /* gap: 40px; */
}

.top-bar-left-link a {
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 10px;
  transition: ease-in;
  transition-duration: 0.5s;
}

.top-bar-left-link a:hover {
  transition: ease-out;
  transition-duration: 0.5s;
}

.top-bar-left-link a .top-bar-left-link-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  width: 40px;
  border-radius: 100px;
  overflow: hidden;
  background-color: var(--ct1);
  transition: ease-in;
  transition-duration: 0.5s;
}

.top-bar-left-link a:hover .top-bar-left-link-icon {
  background-color: var(--wt);
  transition: ease-out;
  transition-duration: 0.5s;
}

.top-bar-left-link a .top-bar-left-link-icon i {
  color: var(--wt);
  font-size: 16px;
  transition: ease-in;
  transition-duration: 0.5s;
}

.top-bar-left-link a:hover .top-bar-left-link-icon i {
  color: var(--bk);
  transition: ease-out;
  transition-duration: 0.5s;
}

.top-bar-left-link-txt p {
  position: relative;
  color: var(--wt);
  font-weight: 300;
  transition: ease-in;
  transition-duration: 0.5s;
}

.top-bar-left-link-txt p::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  border-bottom: 1px solid var(--wt);
  transition: ease-out;
  transition-duration: 0.5s;
}

.top-bar-left-link a:hover .top-bar-left-link-txt p::before {
  width: 100%;
}

.socials {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 20px;
}

.socials-txt h6 {
  font-size: 20px;
  line-height: 1;
  color: var(--wt);
  font-weight: 400;
  font-family: "Montserrat";
}

.socials-link ul {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 10px;
}

.socials-link ul li a i {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 35px;
  width: 35px;
  border-radius: 100px;
  overflow: hidden;
  background-color: var(--wt);
  color: var(--bk);
  font-size: 16px;
  transition: ease-in;
  transition-duration: 0.5s;
}

.socials-link ul li a i:hover {
  background-color: var(--ct2);
  color: var(--wt);
  transition: ease-out;
  transition-duration: 0.5s;
}

.top-ex {
  margin: 0 0 0 20px;
  padding: 0 0 0 20px;
  border-left: 1px solid var(--wt);
}

.header-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 170px;
  width: 60%;
  margin: 0 0 0 100px;
  padding: 15px;
  background-color: var(--wt);
  box-shadow: 0 0 20px 0 #0000003d;
  border-radius: 0 0 30px 30px;
  position: relative;
  z-index: 1;
}

.header-logo a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
}

.header-logo a img {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  object-fit: contain;
}

/*Header Css Ends */

/*Banner Sec Css Starts */

section.banner-sec {
  position: relative;
  background-image: url("../images/banner.jpg");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  /* background-attachment: fixed; */
  height: 110vh;
  margin: -10px 0 0 0;
}

section.banner-sec .container,
section.banner-sec .row {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: center;
  height: 100%;
  width: 100%;
}

section.banner-sec::before {
  content: "";
  position: absolute;
  bottom: -5%;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 100%;
  height: 10vw;
  background-image: url("../images/ban-ex.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.banner-txt-main {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: start;
  gap: 20px;
}

.banner-txt {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: start;
  gap: 10px;
}

.banner-tag {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: start;
  height: 60px;
  padding: 0 20px 0 0;
  z-index: 3;
}

.banner-tag::before {
  content: "";
  position: absolute;
  top: 0;
  left: -87vw;
  width: 100vw;
  height: 100%;
  background-color: var(--ct2);
  border-radius: 0 100px 100px 0;
  z-index: -1;
}

.banner-tag h6 {
  font-family: "Montserrat";
  font-size: 25px;
  line-height: 1;
  color: var(--wt);
  font-weight: 300;
}

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

/*Banner Sec Css Ends */

/*Inner Banner Sec Css Starts */

section.inner-banner-sec {
  background-image: url(../images/inner-banner.png);
  height: 80vh;
}

section.inner-banner-sec::before {
  bottom: -10%;
}

.about-bottom {
  margin: 50px 0 0 0;
}

/*Inner Banner Sec Css Ends */

/*About Us Sec Css Starts */

.about-txt-main {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: start;
  gap: 20px;
}

.about-txt {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: start;
  gap: 10px;
}

.about-txt h5 {
  font-size: 55px;
  line-height: 60px;
}

.about-btn-main {
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 50px;
}

.about-headphones-main {
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 10px;
}

.about-headphones-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  width: 50px;
}

.about-headphones-txt {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: start;
  gap: 5px;
}

.about-headphones-txt h5 {
  font-size: 15px;
  line-height: 1;
  font-family: "Montserrat";
  font-weight: 500;
  opacity: 0.7;
}

.about-headphones-txt a {
  position: relative;
  font-size: 15px;
  line-height: 1;
  font-family: "Montserrat";
  font-weight: 600;
  color: var(--bk);
  transition: ease-in;
  transition-duration: 0.5s;
}

.about-headphones-txt a:hover {
  transition: ease-out;
  transition-duration: 0.5s;
}

.about-headphones-txt a::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  border-bottom: 1px solid var(--bk);
  width: 0;
  transition: ease-in;
  transition-duration: 0.5s;
}

.about-headphones-txt a:hover::before {
  width: 100%;
  transition: ease-out;
  transition-duration: 0.5s;
}

.about-img-wrap {
  position: relative;
  height: 700px;
}

.about-img {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  overflow: hidden;
  border: 10px solid #fff;
  box-shadow: 0 0 20px 0 #00000033;
  position: absolute;
}

.about-img img {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: 0 0;
}

.about1 {
  height: 400px;
  width: 80%;
  top: 0;
  left: 0;
}

.about2 {
  height: 280px;
  width: 60%;
  bottom: 15%;
  left: 0;
  margin: 0 0 0 -80px;
}

.about3 {
  height: 570px;
  width: 50%;
  bottom: 0;
  right: 0;
}

/*About Us Sec Css Ends */

/*Services Sec Css Starts */

section.services-sec {
  padding: 200px 0;
  position: relative;
  height: 150vh;
}

section.services-sec::before {
  content: "";
  position: absolute;
  top: -6%;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 100%;
  height: 8.5vw;
  background-image: url("../images/sec-ex1.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

section.services-sec::after {
  content: "";
  position: absolute;
  bottom: -3%;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 100%;
  height: 8.2vw;
  background-image: url("../images/sec-ex1.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.services-heading * {
  color: var(--wt);
  opacity: 1;
}

.services-card-main {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: start;
  gap: 20px;
  border-radius: 30px;
  /* overflow: hidden; */
  height: 100%;
  padding: 0 0 50px 0;
  outline: none;
}

.services-card-main::before {
  content: "";
  position: absolute;
  bottom: 9%;
  left: 0;
  right: 0;
  width: 100%;
  height: 85%;
  background-color: var(--wt);
  border-radius: 30px;
  box-shadow: 0 0 20px 0 #00000085;
}

.services-card-txt-main {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 20px;
  padding: 0 40px 50px 40px;
  position: relative;
  z-index: 9;
}

.services-card-txt {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 10px;
}

.services-card-txt h5 {
  font-size: 30px;
  line-height: 35px;
}

.services-card-txt p {
  opacity: 1;
}

.services-card-img {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 340px;
  width: 95%;
  border-radius: 30px;
  overflow: hidden;
  margin: 0 auto;
  position: relative;
}

.services-card-img img {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.services-card-btn {
  position: absolute;
  bottom: -12%;
  z-index: 9;
}

/*Services Sec Css Ends */

/*Gallery Sec Css Starts */

section.gallery-sec {
  padding: 150px 0;
}

.gallery-img {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 333px;
  width: 100%;
  border-radius: 30px;
  overflow: hidden;
  margin: 10px 0;
  transition: ease-in;
  transition-duration: 0.5s;
}

.gallery-img:hover {
  transition: ease-out;
  transition-duration: 0.5s;
}

.gallery-img a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
}

.gallery-img a img {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  object-fit: cover;
  transition: ease-in;
  transition-duration: 0.5s;
}

.gallery-img a img:hover {
  scale: 1.1;
  transition: ease-out;
  transition-duration: 0.5s;
}

/*Gallery Sec Css Ends */

/*Testimonial Sec Css Starts */

section.testimonial-sec {
  padding: 200px 0;
  margin: 0 0 -150px 0;
  position: relative;
  height: 150vh;
}

section.testimonial-sec::before {
  content: "";
  position: absolute;
  top: -6%;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 100%;
  height: 8.5vw;
  background-image: url("../images/sec-ex1.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

section.testimonial-sec::after {
  content: "";
  position: absolute;
  bottom: -3%;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 100%;
  height: 8.2vw;
  background-image: url("../images/sec-ex1.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.testimonial-heading * {
  color: var(--wt);
  opacity: 1;
}

.sec-bg2 {
  -webkit-mask-image: url("../images/sec-bg1.png");
  mask-image: url("../images/sec-bg1.png");
  mask-repeat: no-repeat;
  mask-size: cover;
  mask-position: 0 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.test-box-text {
  padding: 0 40px;
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: center;
  gap: 20px;
  height: 390px;
  background: linear-gradient(
    90deg,
    rgba(30, 69, 54, 1) 0%,
    rgba(73, 50, 56, 1) 50%,
    rgba(110, 33, 57, 1) 100%
  );
  border-radius: 10px;
  overflow: hidden;
}

.testi-img {
  /* border-left: navajowhite; */
}

.testi-img img {
  height: 400px;
  object-position: top;
  border-radius: 10px 0 0 10px;
  border: 5px solid #fff;
  box-shadow: 0 0 20px 0 #00000059;
  object-fit: cover;
}

.testi-box {
  /* background: linear-gradient(
    90deg,
    rgba(30, 69, 54, 1) 0%,
    rgba(73, 50, 56, 1) 50%,
    rgba(110, 33, 57, 1) 100%
  ); */
  /* border-radius: 10px; */
  overflow: hidden;
  /* box-shadow: 0 0 10px 0 #fff; */
  overflow: hidden;
}

.authr-box {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  width: 40px;
}

.authr-box > div {
  margin-left: 10px;
}

.test-box-text h4 {
  font-size: 27px;
  line-height: 1;
  color: var(--wt);
}

.test-box-text span {
  font-size: 20px;
  line-height: 1;
  color: var(--wt);
  font-family: "quilla";
  font-weight: 200;
}

.testi-box {
  margin: 0;
}

.authr-box > img {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  object-fit: contain;
}

.testi-slider .slick-list {
  padding: 20px 0;
}

.testi-slider button.slick-arrow {
  transition: 2s all;
  height: calc(84% - 40px);
  width: 27%;
  background-color: #0cd94100 !important;
  border-radius: 0;
  background-blend-mode: overlay;
  background-size: cover !important;
  background-position: center !important;
  border-radius: 10px;
  overflow: hidden;
  border: 5px solid #ffff;
}

.testi-slider button.slick-prev.slick-arrow {
  left: -240px;
}

.testi-slider button.slick-next.slick-arrow {
  right: -240px;
}

.testi-slider button.slick-prev.slick-arrow::before {
  margin: 0;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  height: 100%;
  background-image: -webkit-linear-gradient(
    87deg,
    rgb(0 0 0 / 73%) 0%,
    rgb(0 0 0 / 68%) 100%
  );
  width: 100%;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0;
  /* border-radius: 40px; */
}

.testi-slider button.slick-prev.slick-arrow::after {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  content: "";
  width: 40px;
  margin: auto;
  height: 30px;
  position: absolute;
  background-image: url(../images/btn-arrow-2.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  filter: brightness(0) saturate(100%) invert(100%) sepia(25%) saturate(2%)
    hue-rotate(41deg) brightness(110%) contrast(100%);
}

.testi-slider button.slick-next.slick-arrow::after {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  content: "";
  width: 40px;
  margin: auto;
  height: 30px;
  position: absolute;
  background-image: url(../images/btn-arrow.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  filter: brightness(0) saturate(100%) invert(100%) sepia(25%) saturate(2%)
    hue-rotate(41deg) brightness(110%) contrast(100%);
}

.testi-slider button.slick-next.slick-arrow:before {
  /* background-image: url(../images/btn-arrow.png); */
  /* background-position: center; */
  /* background-size: contain; */
  /* background-repeat: no-repeat; */
  margin: 0;
  height: 100%;
  background: -webkit-linear-gradient(
    87deg,
    rgb(0 0 0 / 73%) 0%,
    rgb(0 0 0 / 68%) 100%
  );
  width: 100%;
  left: 0 !important;
  right: 0;
  bottom: 0;
  content: "";
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0;
  /* border-radius: 40px; */
}

.testi-slider .slick-slide {
  transition: all ease-in-out 0.3s;
  opacity: 1;
  margin: 10px;
}

.testi-slider button.slick-arrow:before {
  color: #fff;
  font-size: 30px;
  opacity: 1;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
  margin-left: 65px;
}

.testi-slider button.slick-arrow:hover:before {
  color: #fff;
  transition: 0.5s ease-in-out;
}

.testi-slider button.slick-next.slick-arrow:before {
  right: 50px;
  position: absolute;
  left: auto;
}

.testi-slider .slick-dots li.slick-active button:before {
  opacity: 1;
  color: #0c7f7d;
  font-size: 16px;
}

.testi-slider .slick-dots li button:before {
  font-family: "slick";
  font-size: 16px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: "•";
  text-align: center;
  opacity: 1;
  color: black;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.testi-slider .slick-dots {
  position: absolute;
  bottom: -55px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}

.testi-slider-box {
  /* padding: 20px 40px; */
  display: flex;
  align-items: center;
  justify-content: center;
  /* gap: 20px; */
  /* padding-right: 40px; */
  border-radius: 0;
  position: relative;
  z-index: 2;
  transition: 1s ease-in-out;
  background-color: #0000 !important;
  border-radius: 40px;
  box-shadow: 0px 6px 27px 0px rgba(0, 0, 0, 0.09);
  margin: 0 auto;
  width: 100%;
}

.testi-slider-box:hover {
  transition: 1s ease-in-out;
  border-radius: 30px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 6px 27px 0px rgba(0, 0, 0, 0.09);
}

.testi-slider-box .col-lg-8 {
  position: relative;
  z-index: 1;
}

.tesi-user {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: start;
  gap: 10px;
}

.test-box-text p {
  font-size: 14px;
  line-height: 25px;
  color: var(--wt);
  opacity: 1;
}

section.testimonial-sec .top-heading {
  margin-bottom: 10px;
}

/*Testimonial Sec Css Ends */

/*Blog Sec Css Starts */

section.blogs-sec {
    padding: 250px 0 150px 0;
}

.blogs-card-main {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  transition: ease-in;
  transition-duration: 0.5s;
}

.blogs-card-main:hover {
  transition: ease-out;
  transition-duration: 0.5s;
}

.blogs-card-img {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 360px;
  width: 100%;
  border-radius: 30px 30px 0 0;
  overflow: hidden;
}

.blogs-card-img img {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.blogs-card-txt-main {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 20px;
  padding: 20px 20px 0 20px;
  box-shadow: 0 0 20px 0 #0000002e;
  background-color: #0000;
}

.blogs-card-txt-main::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  height: 0;
  width: 100%;
  background: linear-gradient(
    90deg,
    rgba(30, 69, 54, 1) 0%,
    rgba(73, 50, 56, 1) 50%,
    rgba(110, 33, 57, 1) 100%
  );
  transition: ease-in;
  transition-duration: 0.5s;
}

.blogs-card-main:hover .blogs-card-txt-main::before {
  height: 100%;
  top: 0;
  transition: ease-out;
  transition-duration: 0.5s;
}

.blogs-card-date {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 10px;
  position: relative;
  z-index: 9;
}

.blogs-card-date i {
  color: var(--ct1);
  font-size: 18px;
  transition: ease-in;
  transition-duration: 0.5s;
}

.blogs-card-main:hover .blogs-card-date i {
  color: var(--wt);
  transition: ease-out;
  transition-duration: 0.5s;
}

.blogs-card-date p {
  font-weight: 500;
  transition: ease-in;
  transition-duration: 0.5s;
}

.blogs-card-main:hover .blogs-card-date p {
  color: var(--wt);
  opacity: 1;
  transition: ease-out;
  transition-duration: 0.5s;
}

.blogs-card-txt {
  position: relative;
  z-index: 9;
}

.blogs-card-txt h5 {
  font-size: 25px;
  line-height: 30px;
  transition: ease-in;
  transition-duration: 0.5s;
}

.blogs-card-main:hover .blogs-card-txt h5 {
  color: var(--wt);
  transition: ease-out;
  transition-duration: 0.5s;
}

.blogs-card-btn {
  margin: 0 0 -30px 0;
}

/*Blog Sec Css Ends */

/*Footer Css Starts */

.footer-main {
  padding: 160px 0 0 0;
  /* margin: 100px 0 0 0; */
  position: relative;
  z-index: 9;
  height: FIT-CONTENT;
}

.footer-main::before {
  content: "";
  position: absolute;
  top: -10%;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 100%;
  height: 8.5vw;
  background-image: url("../images/sec-ex1.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.sec-bg3 {
  -webkit-mask-image: url("../images/sec-bg1.png");
  mask-image: url("../images/sec-bg1.png");
  mask-repeat: no-repeat;
  mask-size: cover;
  mask-position: 0 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
  z-index: -1;
}

.footer-logo-socials-main {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: start;
  height: 100%;
  gap: 20px;
  border-right: 1px solid var(--wt);
  padding: 0 20px 0 0;
  margin: 0 auto 0 0;
}

.footer-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 220px;
  width: 100%;
}

.footer-logo img {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  object-fit: contain;
}

.footer-socials ul {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.footer-socials ul li a i {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  width: 40px;
  color: var(--bk);
  background-color: var(--wt);
  border-radius: 0 5px 0 5px;
  object-fit: inherit;
  font-size: 18px;
  transition: ease-in;
  transition-duration: 0.5s;
}

.footer-socials ul li a i::before {
  z-index: 9;
}

.footer-socials ul li a i:hover {
  color: var(--wt);
  transition: ease-out;
  transition-duration: 0.5s;
}

.footer-socials ul li a i::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  height: 0;
  width: 0;
  transform: translate(-50%, -50%);
  background: linear-gradient(
    90deg,
    rgba(30, 69, 54, 1) 0%,
    rgba(73, 50, 56, 1) 50%,
    rgba(110, 33, 57, 1) 100%
  );
  border-radius: 0 5px 0 5px;
  transition: ease-in;
  transition-duration: 0.5s;
}

.footer-socials ul li a i:hover::after {
  height: 100%;
  width: 100%;
  transition: ease-out;
  transition-duration: 0.5s;
}

.footer-links-wrap {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: start;
  gap: 20px;
  height: 100%;
  transition: ease-in;
  transition-duration: 0.5s;
}

.footer-links-wrap:hover {
  transition: ease-out;
  transition-duration: 0.5s;
}

.footer-heading h5 {
  font-size: 30px;
  line-height: 35px;
  color: var(--wt);
}

.footer-links ul {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: start;
  gap: 20px;
}

.footer-links ul li a {
  font-size: 16px;
  line-height: 25px;
  color: var(--wt);
  font-weight: 300;
  display: flex;
  align-items: start;
  justify-content: start;
  gap: 20px;
}

.footer-form-main {
  width: 100%;
}

.footer-form {
  display: flex;
  flex-flow: column;
  align-items: start;
  justify-content: start;
  gap: 20px;
  width: 100%;
}

.footer-form-input {
  width: 100%;
  border-radius: 0 30px 0 30px;
  background-color: var(--wt);
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 0;
  height: 60px;
  overflow: hidden;
  padding: 0 20px 0 10px;
}

.footer-form-input i {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 50px;
  color: var(--ct1);
  font-size: 18px;
}

.footer-form-input input {
  width: 100%;
  height: 40px;
  padding: 0;
  outline: none;
  border: 1px solid #0000;
  font-size: 17px;
  line-height: 1;
  font-family: "Montserrat";
  color: var(--bk);
}

.footer-form-input input::placeholder {
  font-size: 17px;
  line-height: 1;
  font-family: "Montserrat";
  font-weight: 500;
  color: var(--bk);
}

.footer-form-btn {
  width: 100%;
}

.footer-form-btn button {
  width: 100%;
  border: 2px solid #fff;
}

.footer-copy-main {
  padding: 20px 0;
  background-color: var(--ct1);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin: 40px 0 0 0;
}

.footer-copy-txt p {
  color: var(--wt);
  opacity: 1;
}

.footer-copy-txt p a {
  color: var(--wt);
  opacity: 1;
}

.footer-quick {
  padding: 0 0 0 30px;
}

.footer-contact {
  padding: 0 50px;
  border-right: 1px solid var(--wt);
  border-left: 1px solid var(--wt);
}

.footer-heading {
  position: relative;
  padding: 0 0 10px 0;
}

.footer-heading::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 60%;
  border-bottom: 2px solid var(--wt);
  transition: ease-in;
  transition-duration: 0.5s;
}

.footer-links-wrap:hover .footer-heading::before {
  width: 100%;
  transition: ease-out;
  transition-duration: 0.5s;
}

/*Footer Css Ends */

/*About Us Page Css Starts */

section.inner-testimonial-sec::after {
  display: none;
}

/*About Us Page Css Ends */

/*Services Page Css Starts */

section.inner-services-sec {
  padding: 150px 0;
  height: 100%;
}

section.inner-services-sec::before,
section.inner-services-sec::after {
  display: none;
}

/*Services Page Css Ends */

/*Services Details Page Css Starts */

.services-details-img {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 530px;
  width: 100%;
  border-radius: 30px;
  overflow: hidden;
}

.services-details-img img {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.services-details-txt {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: start;
  gap: 20px;
}

.services-details-bottom {
  margin: 50px 0;
}

.services-details-img-main {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 340px;
  width: 100%;
  border-radius: 30px;
  overflow: hidden;
}

.services-details-img-main a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
}

.services-details-img-main a img {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  object-fit: cover;
}

/*Services Details Page Css Ends */

/*Gallery Page Css Starts */

.gallery-paginations-list {
  display: flex;
  align-items: center;
  justify-content: end;
  margin: 50px 0 0 0;
  padding: 20px 0 0 0;
  border-top: 1px solid var(--bk);
}

.gallery-paginations-list ul {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 10px;
}

.gallery-paginations-list ul li a p {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  width: 40px;
  font-size: 20px;
  line-height: 1;
  opacity: 1;
  border-radius: 5px;
  overflow: hidden;
  font-weight: 600;
  transition: ease-in;
  transition-duration: 0.5s;
}

.gallery-paginations-list ul li a p:hover {
  background-color: var(--ct1);
  color: var(--wt);
  transition: ease-out;
  transition-duration: 0.5s;
}

.gallery-paginations-list ul li:last-child a p {
  width: 60px;
}

/*Gallery Page Css Ends */

/*Blogs Page Css Starts */

section.inner-blogs-sec {
  padding: 150px 0;
}

section.inner-blogs-sec .blogs-card-main {
  margin: 50px 0;
}

.blogs-paginations-list {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 80px 0 0 0;
}

.blogs-paginations-list ul {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}

.blogs-paginations-list ul li a p {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  width: 50px;
  background-color: var(--wt);
  opacity: 1;
  font-size: 30px;
  color: var(--bk);
  border: 1px solid #0000003b;
}

/*Blogs Page Css Ends */

/*blog deatils*/

.blog-detail {
  padding: 80px 0px;
}

.blog-detail h2 {
  font-size: 50px;
  line-height: 55px;
  font-weight: 400;
  margin: 0 0 20px 0;
}

.blog-detail h6 {
  color: #939598;
  font-size: 14px;
  font-weight: 500;
  font-family: "Poppins", sans-serif;
}

.blog-detail ul {
  display: flex;
  align-items: center;
}

.blog-detail ul li i {
  padding-right: 5px;
  color: #7b7b7b;
  font-size: 18px;
}

.blog-detail ul li h6 {
  color: #2471ff;
  font-size: 15px;
  padding-right: 5px;
}

.blog-detail h3 {
  color: #000000;
  font-size: 44px;
  font-weight: 500;
  padding: 20px 0px;
  margin: 0px;
  width: 60%;
}

.blog-detail p {
  color: #000;
  font-size: 21px;
  line-height: 25px;
  padding-top: 20px;
  opacity: 1;
  font-family: "quilla";
}

.bd-none {
  border: 0px !important;
}

.blog-detail img {
  height: 96%;
  width: 96%;
  object-fit: cover;
  margin: 0 auto;
  display: block;
  box-shadow:
    rgba(0, 0, 0, 0.25) 0px 54px 55px,
    rgba(0, 0, 0, 0.12) 0px -12px 30px,
    rgba(0, 0, 0, 0.12) 0px 4px 6px,
    rgba(0, 0, 0, 0.17) 0px 12px 13px,
    rgba(0, 0, 0, 0.09) 0px -3px 5px;
}

.chng-st ul {
  justify-content: left;
}

.chng-st ul h3 {
  font-size: 20px;
  font-weight: 500;
  margin: 0px;
}

.mg-l {
  margin-left: 35%;
}

.blog-bor-r {
  position: relative;
}

.for-bor1 img {
  border: 2px solid #c89e30;
}

.for-bor2 img {
  border: 4px solid #c89e30;
}

.blog-bor-r {
  position: relative;
  margin-bottom: 43px;
}

.blog-body ul li {
  padding-right: 15px;
  color: #000000;
  font-size: 14px;
  font-weight: 500;
}

.blog-body ul li i {
  color: #939598;
  position: relative;
}

.clander-wrap h6 span {
  padding-left: 28px;
  color: #000;
}

.blog-body.chng-st span span {
  padding-left: 44px;
}

.detail-icon i {
  margin-right: 4px;
  font-size: 21px;
}

section.blog-detail p.lit {
  font-size: 17px;
  font-weight: 400;
  margin-bottom: 4px;
  line-height: 25px;
  font-family: "Montserrat", sans-serif;
}

.clander-wrap h6 {
  margin: 0 0px 0px 10px;
  font-size: 15px;
  color: #000;
}

.clander-wrap {
  display: flex;
  align-items: center;
  border-top: 1px solid #7c7c7c;
  border-bottom: 1px solid #7c7c7c;
  padding: 6% 0;
}

.clander-wrap i {
  color: var(--ct1);
  font-size: 18px;
  margin-right: 4px;
}

.blog-body.chng-st span {
  margin: 0 25px 0px 0;
  font-size: 16px;
  position: relative;
  color: #000;
  font-weight: 500;
}

.detail-icon i {
  color: var(--ct1);
  font-size: 18px;
}

.detail-icon {
  margin-top: 10px;
  padding: 1% 0;
  width: 56%;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
}

section.blog-detail {
  position: relative;
}

.blog-bor-r img {
  width: 100%;
}

/*blog deatils end*/

/* Contact Us Page Css Startss */

section.inner-contact-sec {
  padding: 80px 0;
}

.contact-heading h2 {
  font-size: 50px;
  line-height: 55px;
}

.contact-main {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: start;
  gap: 20px;
  width: 95%;
  margin: 0 auto;
}

.contact-heading {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: start;
  gap: 20px;
}

.contact-link-list-wrap ul {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: start;
  gap: 30px;
}

.contact-link-list-wrap ul li .contact-link-list-main {
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 20px;
}

.contact-link-list-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 70px;
  width: 70px;
  border-radius: 100px;
  overflow: hidden;
  background: linear-gradient(
    90deg,
    rgba(30, 69, 54, 1) 0%,
    rgba(73, 50, 56, 1) 50%,
    rgba(110, 33, 57, 1) 100%
  );
}

.contact-link-list-icon img {
  filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%)
    hue-rotate(237deg) brightness(100%) contrast(103%);
  display: flex;
  align-items: center;
  justify-content: center;
  height: 20px;
  width: 20px;
  object-fit: contain;
}

.contact-link-list-txt {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: start;
  gap: 10px;
}

.contact-link-list-txt h5 {
  font-size: 30px;
  line-height: 35px;
}

.contact-link-list-txt a {
  font-size: 14px;
  line-height: 1;
  font-family: "Montserrat";
  color: #000;
  font-weight: 500;
}

.con-map iframe {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 700px;
  width: 100%;
  margin: 50px 0 0 0;
}

.contact-form-input {
  display: flex;
  align-items: start;
  justify-content: start;
  width: 100%;
  margin: 0 0 20px 0;
}

.contact-form-input input,
.contact-form-input textarea {
  width: 100%;
  height: 50px;
  border-radius: 0 20px 0 20px;
  overflow: hidden !important;
  border: 1px solid #00000038;
  padding: 0 20px;
  font-size: 14px;
  line-height: 1;
  font-family: "Montserrat";
  color: #000;
}

.contact-form-input input::placeholder,
.contact-form-input textarea::placeholder {
  font-size: 14px;
  line-height: 1;
  font-family: "Montserrat";
  color: #000;
  text-transform: uppercase;
  font-weight: 500;
}

.contact-form-input textarea {
  border-radius: 20px;
  height: 175px;
  padding: 20px;
  resize: none;
}

.contact-form-btn button {
  width: 100%;
}

/* Contact Us Page Css Ends */

/*Quote Page Css Starts*/

section.onlinebooking {
  position: relative;
  background-image: url("../images/inner-services-bg.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  margin: -130px 0 0 0;
  padding: 240px 0 80px 0;
  background-position: 0 0;
}

section.onlinebooking img.star-img3 {
  top: 20%;
  right: 3%;
}

.appintment-input {
  position: relative;
}
.appintment-input input {
  width: 100%;
  height: 50px;
  padding: 10px 20px;
  font-size: 14px;
  color: #767676;
  border: 1px solid #cecbcb;
  /* border-radius: 10px; */
  margin: 15px 0;
  border-radius: 0 10px 0 10px;
  /* font-family: 'Montserrat-Regular'; */
  background-color: #fff;
}

.appintment-input select#select-type {
  width: 100%;
  height: 50px;
  padding: 10px 20px;
  font-size: 14px;
  color: #767676;
  border: 1px solid #cecbcb;
  border-radius: 0;
  margin: 15px 0;
  background-color: #fff;
}
.appintment-input input::placeholder {
  color: #767676;
}

.appintment-input i {
  position: absolute;
  top: 30px;
  right: 20px;
  font-size: 20px;
  color: var(--ct1);
}

.appintment-input textarea {
  width: 100%;
  height: 200px;
  /* border-radius: 10px; */
  margin-bottom: 15px;
  padding: 20px 20px;
  resize: none;
  font-size: 14px;
  color: #767676;
  border: 1px solid #cecbcb;
}
.appt-btn a.btn10 {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  width: 23%;
  height: 46px;
  padding: 7px;
  justify-content: end;
}
.form-pic img {
  width: 100%;
}

.border {
  border: 1px solid #dee2e6 !important;
  border-radius: 20px;
  box-shadow: 5px 0px 8px #8080802b;
}

.forms form {
  padding: 0 25px 0 25px;
}

ul.quantity .input-number {
  width: 89%;
  padding: 10px 20px;
  /* vertical-align: top; */
  /* text-align: center; */
  /* outline: none; */
  background: transparent;
  color: #767676;
  height: 50px;
  border: 1px solid #ececec;
  font-size: 15px;
  line-height: 61px;
  border-radius: 10px;
  /* border-top-left-radius: 15px; */
  /* border-bottom-left-radius: 15px; */
}
ul.quantity .input-number::placeholder {
  color: #767676;
}

span.input-number-increment {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 20px;
  position: relative;
  bottom: -11px;
  right: 67px;
  border: solid 1px #ececec;
  height: 28px;
  border-radius: 0;
  color: black;
  border-bottom-right-radius: 9px;
  /* border-left: unset; */
}
.input-number-increment {
  display: inline-block;
  width: 30px;
  line-height: 38px;
  background: transparent;
  color: #b5b5b5;
  text-align: center;
  font-weight: bold;
  cursor: pointer;
}

ul.quantity {
  margin-bottom: 0;
  margin-top: 15px;
  width: 112%;
}

span.input-number-decrement {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 29px;
  position: relative;
  top: -13px;
  left: -34px;
  border: solid 1px #ececec;
  height: 23px;
  border-radius: 0;
  color: black;
  border-top-right-radius: 9px;
}

.appt-btn {
  text-align: center;
}

.appintment-input .form-select {
  background-image: unset !important;
}

.appintment-slec-icon i {
  top: 16px;
  right: 16px;
}

/*Quote Page Css Ends*/