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

body,
html {
  overflow-x: hidden;
}

body {
  margin: 0;
  padding: 0;
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-weight: 300;
}



* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

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

a {
  text-decoration: none;
  transition: all ease 0.5s;
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
}

.container {
  width: 100% !important;
  margin: 0 auto;
  /* padding: 0 10%; */
  padding: 0 3%;
}

h3 {
  padding: 0;
  font-size: 30px !important;
  font-weight: 700 !important;
  color: #1d1d1f;
  margin-bottom: 40px !important;
}

img {
  max-width: 100%;
}

/* header area start */
.headerArea {
  width: 100%;
  /* min-height: 120px; */
  min-height: 100px;
  display: flex;
}

/* Header styles */
header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  /* padding: 20px; */
  /* background-color: #333; */
  color: #fff;
  height: 100%;
}



/* nav {
    display: none; 
} */

nav ul {
  list-style: none;
}

nav ul li {
  display: inline-block;
  margin-right: 20px;
}

nav ul li:last-child {
  margin-right: 0;
}

nav ul li a {
  color: #fff;
  text-decoration: none;
}

nav ul li a:hover {
  color: #3191d1;
}

.nav-links li {
  position: relative;
}

.dropdown-menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background-color: #fff;
  /* Background color of the dropdown */
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  /* Box shadow for the dropdown */
  width: 200px;
  border-radius: 8px;
  padding: 15px;
}

.dropdown-menu li {
  display: block;
  border-bottom: 1px solid #d1d1d1;
  margin-right: 0;
}

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

.nav-links li:hover .dropdown-menu {
  display: block;
}

.menu-toggle {
  display: none;
  /* Hide initially on large screens */
  cursor: pointer;
  width: 21px;
}

/* .actionbluebtn {
  background-color: #3191d1;
  border-radius: 8px;
  font-family: "Oswald", sans-serif;
  font-size: 16px;
  font-weight: 500;
  padding: 12px 15px;
  text-transform: uppercase;
  margin-left: 50px;
  color: #fff !important;
} */
/* .actionbluebtn:hover {
  background-color: #003a58;
} */



.boxz {
  width: 100%;
  padding: 12px;
  display: grid;
  place-content: center;
  color: #000000;
  --border-angle: 0turn;
  --main-bg: conic-gradient(from var(--border-angle), #fab03b, #fab03b, #fab03b, #fab03b);
  border: solid 3px transparent;
  border-radius: 2em;
  --gradient-border: conic-gradient(from var(--border-angle), transparent 25%, #ff1717, #fd5e00 99%, transparent);
  background: var(--main-bg) padding-box, var(--gradient-border) border-box, var(--main-bg) border-box;
  background-position: center center;
  -webkit-animation: bg-spin 3s linear infinite;
  animation: bg-spin 3s linear infinite;
  padding: 12px;
  min-height: 52px;
  border-radius: 50px;
  font-family: "Poppins", sans-serif;
  transition: all ease 0.3s;
  font-size: 17px;
  font-weight: 600;
  cursor: pointer;
}

.boxz:hover {
  opacity: 0.9;
  transition: all ease 0.3s;
}

@-webkit-keyframes bg-spin {
  to {
    --border-angle: 1turn;
  }
}

@keyframes bg-spin {
  to {
    --border-angle: 1turn;
  }
}

.boxz:hover {
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}

@property --border-angle {
  syntax: "<angle>";
  inherits: true;
  initial-value: 0turn;
}



.nav-links a {
  color: #2c2a49;
  font-weight: 500;
  font-size: 18px;
  line-height: 30px;
}

.sticky-btn {
  position: sticky;
  top: 0;
  /* Adjust this value based on your needs */
  z-index: 1000;
  /* Ensures the button stays on top of other content */
}

/* header area end */

/* banner area start */
.bannerArea {
  margin: 0;
  /* padding: 0 8%; */
  min-height: 627px;
  /* background-image: url(../images-landing/banner.png); */
  /* background-image: url(https://staycationfiberglasspools.com/assets/images/gallery/1.webp); */
  background-image: url(https://staycationfiberglasspools.com/assets/images/imagine-line/pool-model-imagine-line.jpg);
  background-size: cover;
  background-position: 0 0;
  background-repeat: no-repeat;
}

.bannerCont {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 100%;
  min-height: 627px;
  justify-content: space-between;
}

.bannerTextArea {
  width: 63%;
}

.formArea {
  width: 422px;
}

/* .bannerTextArea span {
  display: block;
} */
.bannerM-text {
  font-family: "Oswald", sans-serif;
  font-size: 32px;
  font-weight: 500;
  color: #fff;
}

.bannerL-text {
  font-family: "Oswald", sans-serif;
  font-size: 68px;
  font-weight: 500;
  color: #ffc93d;
  position: relative;
  line-height: 65px;
}

.bannerP-text {
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: #cfcfcf;
  margin-top: 15px;
}

.formBox {
  background-color: rgba(176, 176, 176, 0.65);
  border-radius: 20px;
  padding: 30px 20px 30px 20px;
}

.waterdrop {
  position: absolute;
  top: -90%;
  right: 4%;
}

.fldBlock {
  margin-bottom: 15px;
}

.bookfrmcntrl {
  width: 100%;
  padding: 20px;
  border-radius: 10px;
  border: 1px solid #fff;
  color: #fff;
  font-size: 16px;
  margin: 0;
  font-family: "Inter", sans-serif;
}

.bookfrmcntrl::placeholder {
  color: rgba(255, 255, 255, 0.7);
}

.textarea {
  height: 122px;
  font-family: "Inter", sans-serif;
  font-size: 16px;
}

.booksubmitbtn {
  background: rgba(250, 176, 59, 1);
  padding: 20px;
  gap: 30px;
  border-radius: 10px;
  color: #000;
  position: relative;
  width: 100%;
  border: none;
  font-size: 16px;
  font-weight: 600;
  font-family: "Inter", sans-serif;
  cursor: pointer;
}

/* .booksubmitbtn:after {
  content: "";
  position: absolute;
  background-image: url(../images-landing/arrow-right.png);
  background-repeat: no-repeat;
  width: 25px;
  height: 24px;
  right: 15px;
} */
.booksubmitbtn:hover {
  background: #000;
  color: #fff;
}

.booksubmitbtn:hover::after {
  background-image: url(../images-landing/arrow-right-h.png);
}

/* banner area end */

/* our previous work area start */
.ourpreviousworkArea {
  margin: 0;
  padding: 30px 0;
}

.ourpreviousworkArea h1,
.certificationArea h2 {
  text-align: center;
}

.certificationArea h2 {
  margin-bottom: 30px;
}

.heading {
  font-family: "Oswald", sans-serif;
  font-size: 50px;
  font-weight: 700;
  color: #003b5a;
  position: relative;
  line-height: 60px;
  text-transform: capitalize;
  margin-bottom: 30px;
}

.heading span {
  color: #ffc93d;
}

.workImg img {
  border-radius: 8px;
}

.workImg .owl-dots {
  margin-top: 20px;
  text-align: center;
}

.workImg .owl-dot {
  width: 37px;
  height: 37px;
  border: 1px solid #fff;
  border-radius: 50%;
}

.workImg .owl-dot span {
  width: 7px;
  height: 7px;
  background-color: rgba(250, 176, 59, 0.7);
  display: inline-block;
  border-radius: 50%;
  position: relative;
  top: -2px;
}

.workImg .owl-dot.active {
  width: 37px;
  height: 37px;
  border: 1px solid #fab03b;
  border-radius: 50%;
}

.workImg .owl-dot.active span {
  background-color: #fab03b;
}

/* our previous work area end */

/* why choose area start */
.whychooseArea {
  margin: 0;
  padding: 0;
}

.twoSection {
  display: flex;
  flex-direction: row;
}

.whySection {
  width: 50%;
  background-image: url(../images-landing/whychoosebg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  display: flex;
}

/* .whyBoxsArea,
.achievementSection {
  flex: 1;
} */
.whySection,
.achievementSection {
  display: flex;
}

.achievementSection {
  flex: 1;
}

.achievementSection {
  width: 50%;
}

.achievementSection img {
  width: 100%;
  height: 500px;
  object-fit: cover;
}

.achievementSection {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.achiContArea {
  background-color: #fab03b;
  min-height: 600px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-grow: 1;
  /* max-height: calc(100vh - 4%);
    height: 100%; */
}

.achiImgarea {
  line-height: 0;
}

.whysecCont {
  width: 100%;
  padding: 45px;
  height: 100%;
  display: flex;
  flex-direction: column;
  /* align-items: center; */
  justify-content: center;
}

.whysecCont span {
  color: #fab03b;
  font-size: 22px;
  line-height: 29px;
  font-weight: 500;
  font-style: italic;
  font-family: "Playfair Display", serif;
}

.whysecCont h1 {
  font-family: "Oswald", sans-serif;
  font-size: 50px;
  font-weight: 700;
  color: #fff;
  position: relative;
  line-height: 60px;
  text-transform: capitalize;
  margin-bottom: 10px;
}

.whysecCont h1 span {
  color: #fab03b;
  font-family: "Oswald", sans-serif;
  font-size: 50px;
  font-weight: 700;
  font-style: normal;
}

.subCont {
  font-size: 16px;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  line-height: 28px;
  color: #fff;
}

.whyBoxsArea {
  margin-top: 40px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.whyBox {
  width: 46%;
  border-radius: 8px;
  padding: 30px;
  margin-right: 20px;
  margin-bottom: 20px;
  background-color: #fff;
  display: flex;
  flex-direction: row;
}

.whyIcon {
  width: 35px;
  margin-right: 10px;
}

.whyCont {
  width: 80%;
}

.whyIcon img {
  width: 34px;
}

.whyBox h2 {
  color: #3191d1;
  font-size: 21px;
  line-height: 30px;
}

.whyBox p {
  color: #6e6e6e;
  font-size: 16px;
  line-height: 28px;
}

.achiContArea h1 {
  margin: 0;
  padding: 0;
  font-size: 50px;
  font-family: "Oswald", sans-serif;
  font-weight: 700;
  color: #fff;
}

.ourContArea {
  margin-top: 50px;
  display: flex;
  flex-direction: row;
  width: 80%;
  justify-content: center;
}

.qblock {
  width: 30%;
}

.qnumber {
  font-size: 50px;
  font-family: "Oswald", sans-serif;
  font-weight: 700;
  color: #fff;
}

.qheading {
  font-size: 18px;
  font-family: "Oswald", sans-serif;
  font-weight: 400;
  color: #fff;
}

.qleft {
  text-align: left;
}

.qcenter {
  text-align: center;
}

.qright {
  text-align: right;
}

.qborderright {
  border-right: 1px solid rgba(255, 255, 255, 0.2);
}

/* why choose area end */

/* certification Area start */
.certificationArea {
  margin: 0;
  padding: 84px 0;
}

.certificationArea h1 {
  text-align: center;
}

.certificationImgArea {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.certificationBlock {
  width: 32%;
  text-align: center;
}

/* certification Area end */

/* testimonial area start */
.testtimonialArea {
  background-color: #f8f8f8;
  padding: 60px 0;
}

.testimonialsCont {
  display: flex;
  flex-direction: row;
  position: relative;
}

.testLeft {
  width: 50%;
}

.testRight {
  width: 50%;
}

.testheadingArea {
  margin: 0;
  padding: 0;
}

.testheadingArea span {
  color: #fab03b;
  font-size: 22px;
  line-height: 29px;
  font-weight: 500;
  font-style: italic;
  font-family: "Playfair Display", serif;
}

.testheadingArea h1 {
  font-family: "Oswald", sans-serif;
  font-size: 50px;
  font-weight: 700;
  color: #3191d1;
  position: relative;
  line-height: 60px;
  text-transform: capitalize;
  margin-bottom: 10px;
}

.testheadingArea h1 span {
  display: block;
  font-family: "Oswald", sans-serif;
  font-size: 50px;
  font-weight: 700;
  color: #fab03b;
  position: relative;
  line-height: 60px;
  text-transform: capitalize;
  margin-bottom: 10px;
  font-style: normal;
}

#testImg img {
  border-radius: 8px;
  width: 100%;
}

.testislider {
  position: relative;
  left: 0;
  z-index: 2;
  width: 120%;
  margin-top: 30px;
}

.testwhiteBox {
  box-shadow: 0 -1px 12px rgba(0, 0, 0, 0.1), 0 4px 6px rgba(0, 0, 0, 0.1);
  padding: 20px;
  background: #fff;
  margin: 10px;
  border-radius: 8px;
  padding: 60px 40px;
  /* height: 403px; */
  position: relative;
}

.ratingArea span .fa-star {
  color: #ffc93d;
}

.testCont {
  color: #6e6e6e;
  font-size: 20px;
  line-height: 36px;
  margin-top: 15px;
}

.writer {
  font-size: 20px;
  color: #003b5a;
  font-family: "Oswald", sans-serif;
  font-weight: 500;
  position: relative;
  padding-left: 15px;
}

.writer:before {
  content: "";
  position: absolute;
  width: 15px;
  height: 2px;
  left: 0;
  background-color: #003b5a;
  top: 15px;
}

.testiCont .owl-dots {
  position: absolute;
  right: -67%;
  /* bottom: 41px; */
  bottom: -5%;
}

.testiCont .owl-dot {
  width: 37px;
  height: 37px;
  border: 1px solid #fff;
  border-radius: 50%;
}

.testiCont .owl-dot span {
  width: 7px;
  height: 7px;
  background-color: rgba(250, 176, 59, 0.7);
  display: inline-block;
  border-radius: 50%;
  position: relative;
  top: -2px;
}

.testiCont .owl-dot.active {
  width: 37px;
  height: 37px;
  border: 1px solid #fab03b;
  border-radius: 50%;
}

.testiCont .owl-dot.active span {
  background-color: #fab03b;
}

/* testimonial area end */

/* footer area start */
.footerArea {
  margin: 0;
  padding: 60px 0;
  background-color: #3191d1;
}

.footerBlock {
  display: flex;
  flex-direction: row;
}

.footercolumn1 {
  width: 30%;
  margin-right: 50px;
}

.footercolumn2 {
  width: 45%;
  margin-right: 30px;
}

.footercolumn3 {
  width: 20%;
}

.footerheding {
  font-family: "Oswald", sans-serif;
  font-weight: 500;
  font-size: 24px;
  line-height: 30px;
  color: #fff;
  margin-bottom: 30px;
}

.footerlink {
  font-size: 16px;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  line-height: 28px;
  color: #fff;
}

.socialIcons {
  margin-top: 20px;
}

.socialIcons a {
  margin-right: 10px;
}

.footerlink ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.footerlink ul li {
  margin-right: 10px;
  width: 47%;
}

.footerlink ul li a {
  color: #fff;
  font-size: 18px;
}

.footerlink ul li a:hover {
  color: #000;
}

.footeraddress {
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  line-height: 28px;
  color: #fff;
  padding-left: 30px;
  position: relative;
  margin-bottom: 20px;
}

.footeraddress:before {
  background-image: url(../images-landing/loctionIcon.png);
  background-repeat: no-repeat;
  content: "";
  position: absolute;
  width: 17px;
  height: 20px;
  left: 0;
  top: 5px;
}

.footeremail {
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  line-height: 28px;
  color: #fff;
  padding-left: 30px;
  position: relative;
  margin-bottom: 20px;
}

.footeremail:before {
  background-image: url(../images-landing/mailIcon.png);
  background-repeat: no-repeat;
  content: "";
  position: absolute;
  width: 25px;
  height: 20px;
  left: 0;
  top: 5px;
}

.footerno {
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  line-height: 28px;
  color: #fff;
  padding-left: 30px;
  position: relative;
  margin-bottom: 20px;
}

.footerno:before {
  background-image: url(../images-landing/callIcon.png);
  background-repeat: no-repeat;
  content: "";
  position: absolute;
  width: 17px;
  height: 20px;
  left: 0;
  top: 5px;
}

.yellowFooter {
  background-color: #fab03b;
  min-height: 90px;
  display: flex;
}

.copyText {
  font-size: 16px;
  font-weight: 400;
  color: #fff;
  text-align: center;
  font-family: "Inter", sans-serif;
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
}

/* footer area end */

/* call us button start */

.call-us-button {
  position: fixed;
  bottom: 90px;
  right: 0px;
  z-index: 999;
}

.call-us-button img {
  width: 80px;
}

.info {
  text-align: center;
  margin-bottom: 18px;
  font-size: 30px;
  font-family: "Poppins", sans-serif;
  width: 90%;
  margin: 25px auto 0 auto;
  line-height: 40px;
  font-weight: 900;
}

.info span {
  font-size: 30px;
  color: #fab03b;
}

/* call us button end */

/* deal area start */
.deailArea {
  /* background-color: #f8f8f8; */
  padding: 60px 0;
}

.dealImgcontArea {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}

.dealImgArea {
  width: 50%;
  padding-right: 30px;
}

.dealContArea {
  width: 50%;
  padding: 15px 15px 15px 15px;
}

.dealblock {
  margin-bottom: 20px;
}

.subheading {
  font-family: "Oswald", sans-serif;
  font-weight: 500;
  font-size: 40px;
  line-height: 30px;
  color: #3191d1;
  margin-bottom: 20px;
}

.dealImgArea img {
  border-radius: 8px;
}

.deallistofCont {
  margin: 0;
  padding: 0;
  list-style: none;
}

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

.deallistofCont ul li {
  margin: 0;
  padding: 5px 0;
  list-style: disc inside;
  font-size: 16px;
  font-family: "Inter", sans-serif;
  color: #6e6e6e;
  font-weight: 400;
}

.dealText {
  font-size: 16px;
  font-family: "Inter", sans-serif;
  color: #6e6e6e;
  font-weight: 400;
  text-align: center;
  padding-top: 47px;
}

.dealText p:first-child {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 29px;
  display: block;
  align-items: center;

  color: #6e6e6e;
}

.dealText p {
  margin-bottom: 10px;
}

/* deal area end */

/* blog listing page css start */
.blogArea {
  margin: 0;
  padding: 60px 0;
}

.blogPanel {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.blogleftpart {
  width: 68%;
}

.blogrightpart {
  width: 30%;
}

.blogleftpart img {
  width: 100%;
  height: 100%;
}

.bloggrybox {
  background-color: #f2f2f0;
  padding: 20px;
  border-radius: 8px;
}

.bloglistArea {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
}

.blogImg img {
  border-radius: 8px;
}

.bloglistBlcok {
  width: 48%;
}

.bloglistHeading {
  color: #3191d1;
  font-size: 24px;
  font-weight: 600;
  font-family: "Oswald", sans-serif;
}

.post {
  color: #6e6e6e;
  font-size: 16px;
  font-weight: 500;
  font-family: "Inter", sans-serif;
  margin: 10px 0;
}

.blogshortCont {
  color: #6e6e6e;
  font-size: 16px;
  font-weight: 300;
  font-family: "Inter", sans-serif;
  line-height: 25px;
}

.readmorebtn {
  margin: 15px 0;
}

.readmorebtn a {
  display: inline-block;
  border: 1px solid #fab03b;
  padding: 12px 40px;
  color: #fab03b;
  font-weight: 600;
  font-family: "Oswald", sans-serif;
  text-transform: capitalize;
  border-radius: 8px;
  font-size: 16px;
}

.readmorebtn a:hover {
  background-color: #fab03b;
  color: #fff;
}

.searchArea {
  margin-bottom: 20px;
}

.searchbox {
  padding: 15px 51px 15px 20px;
  background-color: #fff;
  border: none;
  border-radius: 8px;
  width: 100%;
  font-family: "Oswald", sans-serif;
  font-size: 20px;
  font-weight: 300;
  background-image: url(../images-landing/searchIcon.png);
  background-repeat: no-repeat;
  background-position: 95% center;
}

.searchbox:focus-visible {
  border: none;
  outline: 0;
}

.categoriesArea {
  margin-bottom: 20px;
}

.silepanelheading {
  margin: 0 0 15px 0;
  padding: 0;
  color: #3191d1;
  font-size: 24px;
  font-weight: 600;
  font-family: "Oswald", sans-serif;
}

.categoriesList {
  margin: 0;
  padding: 0;
}

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

.categoriesList ul li {
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.categoriesList ul li a {
  padding: 10px 0;
  font-size: 16px;
  color: #6e6e6e;
  font-weight: 400;
  font-family: "Inter", sans-serif;
  display: block;
}

.categoriesList ul li:after {
  content: "";
  position: absolute;
  background-image: url(../images-landing/chevron_rightIcon.png);
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
  height: 13px;
}

.articallistArea {
  margin: 0;
  padding: 0;
}

.listblock {
  background-color: #fff;
  border-radius: 8px;
  margin-bottom: 20px;
}

.recentariticaleCont {
  padding: 10px;
}

.articaleheding {
  color: #3191d1;
  font-weight: 600;
  font-family: "Oswald", sans-serif;
  font-size: 16px;
  margin-bottom: 10px;
}

.articlePost {
  color: #6e6e6e;
  font-weight: 400;
  font-family: "Inter", sans-serif;
  font-size: 14px;
}

.tagsArea {
  margin-top: 15pxx;
}

.tagsBlock {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.tagText {
  background-color: #fff;
  padding: 10px 20px;
  font-size: 16px;
  font-family: "Oswald", sans-serif;
  font-weight: 700;
  margin: 5px;
  text-transform: uppercase;
}

.articaleslider .owl-prev {
  background-image: url(../images-landing/butto-Previous.png) !important;
  background-size: contain !important;
  width: 22px;
  height: 16px;
  margin: 0 5px;
}

.articaleslider .owl-nav {
  position: absolute;
  top: -42px;
  right: 0;
}

.articaleslider .owl-prev span {
  display: none;
}

.articaleslider .owl-next {
  background-image: url(../images-landing/butto-Next.png) !important;
  background-size: contain !important;
  width: 22px;
  height: 16px;
  margin: 0 5px;
}

.articaleslider .owl-next span {
  display: none;
}

/* blog listing page css start */

/* blog details area start */
.blogdetailsBlock {
  margin-bottom: 20px;
}

.blogdetailsBlock img {
  border-radius: 8px;
}

.blogdetailsBlock p {
  margin-bottom: 10px;
  color: #6e6e6e;
  font-weight: 400;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  line-height: 25px;
}

.writerBox {
  background-color: #fff;
  box-shadow: 0 5px 32px rgba(0, 0, 0, 0.2);
  padding: 40px;
  border-left: 5px solid #fab03b;
}

.writerBox p.writertext {
  color: #000;
  font-size: 16px;
  font-family: "Oswald", sans-serif;
  font-weight: 700;
}

.name {
  position: relative;
  padding-left: 40px;
}

.name:before {
  content: "";
  position: absolute;
  width: 30px;
  height: 1px;
  left: 0;
  top: 12px;
  background-color: #fab03b;
}

.relatedImgArea {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.img1block {
  width: 49%;
}

.img1block img {
  border-radius: 8px;
}

.authorbox {
  background-color: #fff;
  padding: 40px;
  border: 8px;
  display: flex;
  flex-direction: row;
  border-radius: 16px;
  box-shadow: 0px 16px 32px 0px rgba(6, 40, 61, 0.1);
}

.authorImg {
  width: 150px;
}

.authorImg img {
  width: 150px;
  height: 150px;
  border-radius: 50%;
}

.authorcontent {
  width: 80%;
  margin-left: 15px;
}

.authorname {
  color: #000;
  font-size: 16px;
  font-family: "Oswald", sans-serif;
  font-weight: 700;
  margin-bottom: 15px;
}

.postname {
  color: rgba(0, 0, 0, 0.7);
  font-size: 16px;
  font-family: "Oswald", sans-serif;
  font-weight: 700;
  margin-bottom: 15px;
}

.postcont {
  color: #6e6e6e;
  font-size: 16px;
  font-weight: 400;
  font-family: "Inter", sans-serif;
  line-height: 25px;
}

.formblock {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.formfldArea {
  width: 49%;
}

.formfld {
  border: 1px solid rgba(0, 0, 0, 0.5);
  padding: 10px 20px;
  color: #000;
  font-size: 16px;
  font-family: "Oswald", sans-serif;
  font-weight: 700;
}

.blogtextare {
  border: 1px solid rgba(0, 0, 0, 0.5);
  padding: 10px 20px;
  color: #000;
  font-size: 16px;
  font-family: "Oswald", sans-serif;
  font-weight: 700;
}

.submitbtn {
  background-color: #fab03b;
  border-radius: 8px;
  padding: 12px 30px;
  color: #fff;
  font-size: 16px;
  font-family: "Oswald", sans-serif;
  font-weight: 700;
  border: none;
  cursor: pointer;
  width: auto;
}

.submitbtn:hover {
  background-color: #000;
  color: #fff;
}

/* blog details area end */

.happyCLients3Boxes {
  display: flex;
}

.happyClientBox {
  background: #3191d1;
  width: 33.33%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  color: #fff;
  padding: 47px 20px;
}

.happyClientBox span {
  background: #42a8ec;
  width: 89px;
  height: 89px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 25px;
  gap: 18px;
  color: #fff;
  border-radius: 100%;
}

.happyClientBox img {
  width: 30px;
  height: auto;
}

.happyClientBox div h2 {
  font-size: 50px;
  font-family: "Oswald", sans-serif;
  font-weight: 700;
}

.happyClientBox div p {
  font-size: 18px;
  font-family: "Oswald", sans-serif;
  font-weight: 400;
}

.happyClientBox.yello {
  background: #fab03b;
}

.happyClientBox.yello span {
  background: #e3a23b;
}

/* why choose us style */
.whyChoosUsWrapper {
  text-align: center;
  background: #f8f8f8;
  padding: 25px 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 60px;
}

.whyChoosUsWrapper h3 {
  font-family: "Playfair Display";
  font-style: italic;
  font-weight: 600 !important;
  font-size: 22px !important;
  line-height: 29px;
  margin: 0 !important;
  /* Primary */
  color: #3191d1;
}

.whyChoosUsWrapper h2 {
  font-family: "Oswald";
  font-style: normal;
  font-weight: 700;
  font-size: 50px;
  line-height: 60px;
  margin: 15px 0;
  /* Primary */
  color: #3191d1;
}

.whyChoosUsWrapper h2 span {
  color: #fab03b;
}

.whyChoosUsWrapper p {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 29px;
  /* or 180% */
  display: block;
  text-align: center;
  color: #ababab;
}

/* Group 12 */
.whyChooseBox span {
  width: 87px;
  height: 87px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f6b44b;
}

.whyChooseBox {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 22px 20px;
  gap: 22px;

  width: 32%;
  height: auto;
  background: #ffffff;
  border-radius: 8px;
}

.whyChooseBox h4 {
  font-family: "Oswald";
  font-style: normal;
  font-weight: 500;
  font-size: 22px;
  line-height: 30px;
  display: flex;
  align-items: center;
  text-align: center;
  text-transform: uppercase;
  margin: 0;
  /* Primary */
  color: #3191d1;
}

.whyChooseBox p {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 29px;
  display: flex;
  align-items: center;
  text-align: center;
  color: #6e6e6e;
  margin: 0;
}

.whyChooseBoxContainer {
  margin-top: 50px;
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
}



/* swimming area start */
.swimmingArea {
  margin: 0;
  padding: 60px 0;
}

.abountarea {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  position: relative;
  margin-top: 155px;
}

.swimmingimg {
  width: 48%;
  position: relative;
}

.swmmingimgcont {
  width: 48%;
}

.orengeheading {
  color: #fab03b;
  font-style: italic;
  font-size: 22px;
  line-height: 29px;
  font-family: "Playfair Display", serif;
}

.aboutheading {
  font-size: 50px;
  line-height: 60px;
  font-weight: 700;
  font-family: "Oswald";
  color: #003b5a;
  margin-bottom: 20px;
}

.aboutshortCont {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 29px;
  color: #6e6e6e;
}

.missionvisioncont {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-top: 15px;
}

.mission {
  width: 48%;
}

.vision {
  width: 48%;
}

.abaoutsmallheading {
  font-size: 24px;
  color: #003b5a;
  font-weight: 500;
  font-family: "Oswald";
}

.abouthighlighttext {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  color: #003a58;
  margin-top: 15px;
  line-height: 29px;
}

.aboutCont {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 29px;
  color: #6e6e6e;
  margin-top: 15px;
}

.aboutBtnArea {
  margin: 0;
  padding: 0;
}

.cayellowBtn {
  font-family: "Oswald";
  font-size: 16px;
  font-weight: 600;
  line-height: 27.2px;
  text-align: center;
  padding: 12px 30px;
  color: #fff;
  background-color: #fab03b;
  border-radius: 8px;
  margin-top: 20px;
  border: none;
  cursor: pointer;
}

.cayellowBtn:hover {
  background-color: #3191d1;
}

/* swimming area end */

.cross {
  position: relative;
  z-index: 9999;
  top: -30px;
}

.menu-toggle.cross i {
  color: #fff !important;
}

.quoteImg {
  position: absolute;
  top: -37px;
  right: 133px;
  z-index: 99;
}

.testiCont .owl-item {
  padding-top: 30px;
}

.topfooterimgarea {
  position: relative;
}

.footerLogoArea {
  /* position: absolute;
  top: -44px;
  left: -7px; */
}

.topfooterimgarea img.footerlogo {
  width: 100%;
}

.footerumbrella {
  position: relative;
  top: -34px;
}

.aboutImgArea {
  position: absolute;
  top: -201px;
  right: -35px;
}

.umbrellaImg {
  position: absolute;
  bottom: 170px;
  left: -94px;
}

.achivment {
  width: 42%;
  max-width: 107px;
}

.loadmorebtn {
  margin: 15px 0;
}

.loadmorebtn a {
  display: inline-block;
  border: 1px solid #3191d1;
  padding: 12px 40px;
  color: #fff;
  font-weight: 600;
  font-family: "Oswald", sans-serif;
  text-transform: capitalize;
  border-radius: 8px;
  font-size: 16px;
  background-color: #3191d1;
}

.loadmorebtn a:hover {
  background-color: #fab03b;
  border: 1px solid #fab03b;
  color: #fff;
}

.loadmoreIocn {
  width: 20px !important;
  height: 20px;
  position: relative;
  top: 5px;
  margin-right: 5px;
}

.blogdetailsheading {
  margin-bottom: 20px;
  font-size: 30px;
}

.sticky {
  position: fixed;
  top: 20px;
  right: 20px;
  z-index: 1000;
}

.ourawardsArea {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 64px;
}

.ourawardsleft {
  width: 60%;
}

.ourawardsright {
  width: 40%;
}

.pagination {
  margin: 20px 0;
}

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

.pagination ul li {
  display: inline-block;
  margin-right: 5px;
}

.pagination ul li a {
  color: #333;
  text-decoration: none;
  padding: 7px 10px;
  border: 1px solid rgba(0, 0, 0, 0.5);
  width: 40px;
  height: 40px;
  display: inline-block;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  font-family: "Oswald";
}

.pagination ul li a:hover {
  background-color: #fab03b;
  border: 1px solid #fab03b;
  color: #fff;
}

.pagination ul li a.active {
  background-color: #fab03b;
  border: 1px solid #fab03b;
  color: #fff;
}

.pagiarrow {
  width: 7.4px !important;
  height: 12px !important;
  top: 14px;
  left: 16px;
  gap: 0px;
  opacity: 0px;
}

.innerpage-head-wrap {
  position: relative;
}

.curve {
  position: absolute;
  bottom: 0;
}

.inner-page-title h2 {
  font-family: "Oswald";
  font-style: normal;
  font-weight: 500;
  font-size: 96px;
  line-height: 142px;
  display: flex;
  align-items: center;
  text-transform: capitalize;
  text-align: center;
  display: block;
  color: #ffffff;
}

.inner-page-title.blog-details h2 {
  font-size: 60px;
  line-height: normal;
  color: #ffffff;
  text-align: center;
  display: block;
  margin-bottom: 18px;
  color: #ffffff;
}

.inner-page-title {
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  width: 90%;
}

.inner-page-title ul {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.inner-page-title ul li {
  list-style: none;
  padding: 0;
  margin: 0;
  color: #fff;
  font-family: "Oswald";
  font-style: normal;
  font-weight: 500;
  font-size: 35px;
  line-height: 59px;
  display: flex;
  align-items: center;
}

.inner-page-title ul li span {
  position: relative;
  top: 5px;
}

.inner-page-title ul li a {
  font-family: "Oswald";
  font-style: normal;
  font-weight: 500;
  font-size: 35px;
  line-height: 59px;
  display: flex;
  align-items: center;
  text-transform: capitalize;
  color: #ffffff;
}

/*---------------- staycation Signature Line------------- */
.staycationSignatureLineWrap h1 {
  font-family: "Oswald";
  font-style: normal;
  font-weight: 500;
  font-size: 64px;
  line-height: 95px;
  display: flex;
  align-items: center;
  text-transform: capitalize;
  color: #ffffff;
  margin: 0;
  justify-content: center;
}

.staycationSignatureLineWrap {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.staycationSignatureLineWrap span {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.staycationSignatureCurve {
  position: absolute;
  bottom: -7px;
}

.poolList {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 78px;
  row-gap: 20px;
  flex-wrap: wrap;
  margin: 70px 0;
}

.poolList div h4 {
  font-family: "Oswald";
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 37px;
  display: flex;
  align-items: center;
  text-align: center;
  text-transform: uppercase;
  color: #3c5472;
  margin: 0;
}

.poolList div p {
  font-family: "Oswald";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 24px;
  display: flex;
  align-items: center;
  text-align: center;
  margin: 0;
  color: #7a7a7a;
}

.poolList div {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.poolSoSpecialArea {
  background: url(../images-landing/about.jpg) no-repeat;
  padding: 100px 100px;
  text-align: center;
  background-size: cover;
  position: relative;
}

.poolSoSpecialArea:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.4);
}

.poolSoSpecialArea .container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 26px;
  position: relative;
  z-index: 9;
}

.poolSoSpecialArea h2 {
  font-family: "Oswald";
  font-style: normal;
  font-weight: 600;
  font-size: 32px;
  line-height: 47px;
  display: flex;
  align-items: center;
  color: #ffffff;
  text-align: center;
}

.poolSoSpecialArea p {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 29px;
  /* or 180% */
  display: flex;
  align-items: center;
  text-align: center;
  color: #ffffff;
}

.poolsDetails {
  padding: 30px 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 20px;
}

.poolsDetails h3 {
  font-family: "Oswald";
  font-style: normal;
  font-weight: 600;
  font-size: 32px;
  line-height: 47px;
  display: flex;
  align-items: center;
  color: #000000;
  margin: 0 !important;
}

.poolsDetails>p {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  display: flex;
  align-items: center;
  text-align: center;
  color: #7a7a7a;
  margin-bottom: 40px;
}

.poolDetailsBox {
  display: flex;
  gap: 20px;
}

.poolInfoRightSection {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.poolInfoRightSection h4 {
  font-family: "Oswald";
  font-style: normal;
  font-weight: 700;
  font-size: 30px;
  line-height: 44px;
  display: flex;
  align-items: center;
  letter-spacing: 2.72828px;
  text-transform: capitalize;
  color: #3c5472;
}

.poolInfoRightSection span {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-size: 19.098px;
  line-height: 35px;
  /* identical to box height, or 186% */
  display: flex;
  align-items: center;
  text-transform: capitalize;
  color: #3c5472;
}

.poolInfoRightSection p {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-size: 16.3697px;
  line-height: 30px;
  /* or 186% */
  display: flex;
  align-items: center;
  color: #7a7a7a;
  text-align: left;
}

.poolColorList div {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  text-align: center;
}

.poolColorList {
  display: flex;
  gap: 27px;
}

.poolColorList div p {
  text-align: center;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-size: 16.3697px;
  line-height: 30px;
  /* identical to box height, or 186% */
  display: flex;
  align-items: center;
  text-align: center;
  text-transform: uppercase;

  color: #16365a;
}

.poolDetailsBox {
  margin-bottom: 64px;
}

.fiberglassPoolsImg {
  width: 55%;
}

.fiberglassPools {
  display: flex;
  align-items: center;
  gap: 40px;
}

.fiberglassPoolsInfo {
  width: 40%;
  display: flex;
  flex-direction: column;
}

.fiberglassPoolsInfo h4 {
  font-family: "Oswald";
  font-style: normal;
  font-weight: 500;
  font-size: 40.9242px;
  line-height: 61px;
  display: flex;
  align-items: center;
  color: #000000;
  margin-bottom: 5px;
}

.fiberglassPoolsInfo h5 {
  font-family: "Oswald";
  font-style: normal;
  font-weight: 500;
  font-size: 32px;
  line-height: 32px;
  display: flex;
  align-items: center;
  color: #000000;
  margin-bottom: 20px;
}

.fiberglassPoolsArea {
  padding-bottom: 60px;
}

/*---------------- aqua technics------------- */
.staycationSignatureLineWrap span {
  text-align: center;
  color: #fff;
}

.staycationSignatureLineWrap span p {
  font-family: "Oswald";
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 36px;
  /* identical to box height */
  display: flex;
  align-items: center;
  text-transform: capitalize;
  color: #ffffff;
}

.aquaTechnicsPool {
  display: flex;
  padding: 76px 0;
  justify-content: space-between;
}

.aquaTechnicsPoolInfo {
  width: 45%;
}

.aquaImage {
  width: 50%;
  border-radius: 8px;
  overflow: hidden;
}

.aquaTechnicsPoolInfo h2 {
  margin-bottom: 15px;
  font-family: "Oswald";
  font-style: normal;
  font-weight: 700;
  font-size: 40px;
  line-height: 60px;
  /* identical to box height, or 150% */
  display: flex;
  align-items: center;
  color: #003b5a;
}

.aquaTechnicsPoolInfo p {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  display: flex;
  align-items: center;
  color: #6e6e6e;
}

.aquaTechnicsPoolInfo b {
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
  display: flex;
  align-items: center;
  color: #6e6e6e;
  padding-top: 15px;
}

/* Fo image hove animation  */
.column {
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 13px;
  row-gap: 73px;
}

.column:last-child {
  padding-bottom: 60px;
}

.column::after {
  content: "";
  clear: both;
  display: none;
}

.column>div {
  position: relative;
  width: 24%;
  height: 212px;
  margin: 0;
  padding: 0;
}

.column div:first-child {
  margin-left: 0;
}

.column div a.shortlist {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
  display: block;
  width: 100%;
  margin: 0;
  padding: 20px;

  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  opacity: 0;
  background: #b3b3b3;
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  cursor: pointer;
}

.search-icon {
  position: absolute;
  top: 4px;
  right: -28px;
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  opacity: 0;
  z-index: 9999;
}

.search-icon img {
  filter: brightness(1) invert(1);
}

.image-holder:hover .search-icon {
  opacity: 1;
  right: 6px;
}

figure {
  width: 100%;
  height: 153px;
  margin: 0;
  padding: 0;
  background: #fff;
  overflow: hidden;
}

.image-holder:hover a.shortlist {
  bottom: -59px;
  opacity: 1;
  z-index: 1;
}

/* Zoom In #1 */
.hover01 figure img {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.hover01 figure:hover img {
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
}

.p-info {
  background: #003b5a;
  padding: 15px;
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  line-height: 29px;
  /* identical to box height, or 180% */
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  color: #ffffff;
  position: relative;
  z-index: 99;
}

.no-scroll {
  overflow: hidden !important;
}

/* The Modal (background) */

/* Modal Content */
/* .modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 10px;
  border: 1px solid #888;
  width: 60%;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s;
  z-index: 9999;
  border-radius: 8px;
} */

/* Add Animation */
@-webkit-keyframes animatetop {
  from {
    top: -300px;
    opacity: 0;
  }

  to {
    top: 0;
    opacity: 1;
  }
}

@keyframes animatetop {
  from {
    top: -300px;
    opacity: 0;
  }

  to {
    top: 0;
    opacity: 1;
  }
}

/* The Close Button */
.close {
  color: white;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.modal-header {
  padding: 2px 16px;
  background-color: #5cb85c;
  color: white;
}

.modal-body {
  padding: 2px 16px;
  display: flex;
  width: 100%;
  flex-direction: column;
}

.modal-footer {
  padding: 2px 16px;
  background-color: #5cb85c;
  color: white;
}

.modal-slide img {
  width: 100%;
}

.model-bar-container {
  width: 100%;
  display: flex;
  justify-content: space-between;
  background: #fff !important;
  align-items: center;
}

.modal-dimension {
  color: #fff !important;
  font-size: 18px;
  font-weight: 300;
  padding: 19px 0;
  display: block;
  float: left;
  background: #033051;
  width: 178px;
  text-align: center;
}

.modalDimensionWrap {
  display: flex;
  gap: 10px;
}

.modal-title {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-size: 22px;
  line-height: 29px;
  /* identical to box height, or 180% */
  color: #003b5a;
}

.poolClose {
  position: absolute;
  top: -12.5px;
  z-index: 9999;
  right: -12px;
  display: block;
  width: 30px;
  height: 30px;
  text-indent: -9999px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAA3hJREFUaAXlm8+K00Acx7MiCIJH/yw+gA9g25O49SL4AO3Bp1jw5NvktC+wF88qevK4BU97EmzxUBCEolK/n5gp3W6TTJPfpNPNF37MNsl85/vN/DaTmU6PknC4K+pniqeKJ3k8UnkvDxXJzzy+q/yaxxeVHxW/FNHjgRSeKt4rFoplzaAuHHDBGR2eS9G54reirsmienDCTRt7xwsp+KAoEmt9nLaGitZxrBbPFNaGfPloGw2t4JVamSt8xYW6Dg1oCYo3Yv+rCGViV160oMkcd8SYKnYV1Nb1aEOjCe6L5ZOiLfF120EjWhuBu3YIZt1NQmujnk5F4MgOpURzLfAwOBSTmzp3fpDxuI/pabxpqOoz2r2HLAb0GMbZKlNV5/Hg9XJypguryA7lPF5KMdTZQzHjqxNPhWhzIuAruOl1eNqKEx1tSh5rfbxdw7mOxCq4qS68ZTjKS1YVvilu559vWvFHhh4rZrdyZ69Vmpgdj8fJbDZLJpNJ0uv1cnr/gjrUhQMuI+ANjyuwftQ0bbL6Erp0mM/ny8Fg4M3LtdRxgMtKl3jwmIHVxYXChFy94/Rmpa/pTbNUhstKV+4Rr8lLQ9KlUvJKLyG8yvQ2s9SBy1Jb7jV5a0yapfF6apaZLjLLcWtd4sNrmJUMHyM+1xibTjH82Zh01TNlhsrOhdKTe00uAzZQmN6+KW+sDa/JD2PSVQ873m29yf+1Q9VDzfEYlHi1G5LKBBWZbtEsHbFwb1oYDwr1ZiF/2bnCSg1OBE/pfr9/bWx26UxJL3ONPISOLKUvQza0LZUxSKyjpdTGa/vDEr25rddbMM0Q3O6Lx3rqFvU+x6UrRKQY7tyrZecmD9FODy8uLizTmilwNj0kraNcAJhOp5aGVwsAGD5VmJBrWWbJSgWT9zrzWepQF47RaGSiKfeGx6Szi3gzmX/HHbihwBser4B9UJYpFBNX4R6vTn3VQnez0SymnrHQMsRYGTr1dSk34ljRqS/EMd2pLQ8YBp3a1PLfcqCpo8gtHkZFHKkTX6fs3MY0blKnth66rKCnU0VRGu37ONrQaA4eZDFtWAu2fXj9zjFkxTBOo8F7t926gTp/83Kyzzcy2kZD6xiqxTYnHLRFm3vHiRSwNSjkz3hoIzo8lCKWUlg/YtGs7tObunDAZfpDLbfEI15zsEIY3U/x/gHHc/G1zltnAgAAAABJRU5ErkJggg==");
}

.modalPoolmoreInfo {
  display: flex;
  justify-content: space-between;
  padding-left: 20px;
  margin-top: 50px;
}

.modalPoolmoreInfo ul {
  width: 70%;
}

.modalPollBluePrint {
  width: 30%;
}

.modal {
  display: none;
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.5);
}

.modal-content {
  background-color: #fefefe;
  padding: 20px;
  border: 1px solid #888;
  width: 60%;
  margin: 5% auto !important;
  position: relative;
  border-radius: 8px;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}


.achievementSection img {
  width: 100%;
  height: 600px;
  object-fit: cover;
}

/* footer-start */



/* footer area start */
.footerArea {
  margin: 0;
  padding: 60px 0;
  background-color: #000;
}

.footerBlock {
  display: flex;
  flex-direction: row;
}

.footercolumn1 {
  width: 34%;
  margin-right: 50px;
}

.footercolumn2 {
  width: 20%;
  margin-right: 30px;
}

.footercolumn3 {
  width: 20%;
}

.footercolumn4 {
  width: 26%;
}

.footerheding {
  color: var(--Primary, #3191d1);
  font-family: Roboto;
  font-size: 17px;
  font-style: normal;
  font-weight: 600;
  line-height: 29.77px;
  /* 175.118% */
  text-transform: uppercase;
  margin-bottom: 25px;
}

.footerlink {
  color: #c0bfc1;
  font-family: Inter;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 25px;
  /* 166.667% */
}

.socialIcons {
  margin-top: 20px;
}

.socialIcons a {
  margin-right: 10px;
}

.socialIcons a img {
  border: 1px solid #000;
  border-radius: 100px;
  overflow: hidden;
}

.socialIcons a:hover img {
  opacity: 0.9;
  filter: invert(1) brightness(2);
  border: 1px solid #ccc;

}

.footerlink ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 9px;
}

.footerlink ul li {
  margin-right: 10px;
  width: 100%;
}

.footerlink ul li a {
  color: #fff;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 32.25px;
}

.footerlink ul li a:hover {
  color: #fff;
  text-decoration: underline;
}

.footeraddress {
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  line-height: 28px;
  color: #fff;
  padding-left: 30px;
  position: relative;
  margin-bottom: 20px;
}

.footeraddress:before {
  background-image: url(../images-landing/location_on.svg);
  background-repeat: no-repeat;
  content: "";
  position: absolute;
  width: 22px;
  height: 25px;
  left: 0;
  top: 5px;
}

.footeremail,
.footeremail a {
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  line-height: 28px;
  color: #fff;
  padding-left: 30px;
  position: relative;
  margin-bottom: 20px;
}

.footeremail a {
  padding-left: 0;
}

.footeremail:before {
  background-image: url(../images-landing/mail.svg);
  background-repeat: no-repeat;
  content: "";
  position: absolute;
  width: 25px;
  height: 20px;
  left: 0;
  top: 5px;
}

.footerno,
.footerno a {
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  line-height: 28px;
  color: #fff;
  padding-left: 30px;
  position: relative;
  margin-bottom: 20px;
}

.footerno a {
  padding-left: 0;
}

.footerno:before {
  background-image: url(../images-landing/call.svg);
  background-repeat: no-repeat;
  content: "";
  position: absolute;
  width: 17px;
  height: 20px;
  left: 0;
  top: 5px;
}

.yellowFooter {
  background-color: #3191d1;
  min-height: 60px;
  display: flex;
}

.copyText {
  font-size: 16px;
  font-weight: 400;
  color: #fff;
  text-align: center;
  font-family: "Inter", sans-serif;
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
}


/* ============== Suchismita ============== */

header {
  box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 11%);
  padding: 13px 48px;
  height: 80px;
  border-radius: 100px;
  /* position: fixed; */
  /* width: 94%; */
  background: #fff;
}

.logo img {
  height: auto;
  width: 96px;
}

.headerArea {
  margin-top: 20px;
}

.headerArea.scrolled {
  border-radius: 0px 0px 50px 50px;
  background: rgba(255, 255, 255, 0.10);
  backdrop-filter: blur(25px);
  z-index: 99;
}

/* .headerArea.scrolled {
  margin-top: 0;
  position: fixed;
} */
.headerArea.scrolled header {
  margin-top: 3.5%;
}

.nav-links a {
  color: #3191D1;
  text-align: center;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 30px;
  letter-spacing: 1.68px;
  text-transform: capitalize;
}

.actionbluebtn {
  background-color: #FAB03A;
  border-radius: 68px;
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-weight: 500;
  padding: 12px 24px;
  text-transform: capitalize;
  margin-left: 0;
  color: #000;
}

.actionbluebtn:hover {
  background-color: #003a58;
  color: #fff;
}

.bannerArea {
  margin: 0 3%;
  border-radius: 20px;
  padding: 158px 48px 48px 48px;
}

.heading-part {
  color: #FFF;
  font-family: "Oswald", sans-serif;
  font-size: 64px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.2;
  text-transform: capitalize;
  width: 90%;
  text-shadow: 0px 1px 1px #000000;
}

.heading-part .yellow {
  color: #FAB03A;
}

.bannerTextArea {
  width: 55%;
}

.bannerTextArea .para {
  color: #FFF;
  text-align: left;
  font-family: "Oswald", sans-serif;
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: 45px;
  text-transform: capitalize;
  margin-top: 22px;
  text-shadow: 0px 1px 1px #000000;
}

.formArea {
  width: 492px;
}

.banerList {
  display: flex;
  align-items: center;
  list-style-type: none;
  margin-top: 0;
}

.banerList li {
  color: #FAB03B;
  font-family: "Oswald", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 68.316px;
  text-transform: capitalize;
  text-shadow: 0px 1px 1px #000000;
}

.banerList li+li {
  margin-left: 0px;
  position: relative;
  padding-left: 35px;
}

.banerList li+li::before {
  width: 10px;
  height: 10px;
  background-color: #FFF;
  border-radius: 50px;
  content: '';
  display: block;
  position: absolute;
  top: 53%;
  transform: translateY(-50%);
  left: 10px;
}

.client-logo {
  display: flex;
  align-items: center;
  justify-content: space-between;
  list-style-type: none;
}

.client-logo img {
  max-width: 137px;
}

.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-.5 * var(--bs-gutter-x));
  margin-left: calc(-.5 * var(--bs-gutter-x));
}



.bannerTextArea img {
  max-width: 137px;
}

.bannerArea .row {
  padding: 0 2%;
}

.formBox {
  padding: 24px;
  background-color: #fff;
}

.fldBlock input,
.fldBlock textarea {
  border-radius: 10px;
  border: 1px solid #CDCDCD;
  background: #F3F3F3;
}

.bookfrmcntrl::placeholder {
  color: rgba(69, 69, 69, 0.50);
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 28.8px;
}

.form-class input,
.form-class textarea {
  padding: 16px 18px;
}

.form-class textarea {
  min-height: 174px;
}

.booksubmitbtn {
  padding: 12px;
  min-height: 52px;
  border-radius: 50px;
  font-family: "Poppins", sans-serif;
}

.deailArea .container {
  padding: 0 3%;
}

h5 {
  color: #3191D1;
  font-family: "Oswald", sans-serif;
  font-size: 48px;
  font-style: normal;
  font-weight: 500;
  line-height: 50px;
  text-transform: capitalize;
  text-align: center;
  margin-bottom: 48px;
}

h5 .yellow {
  color: #FAB03B;
}

.countdown {
  display: flex;
  justify-content: start;
  font-family: sans-serif;
  gap: 15px;
  text-align: center;
  align-items: center;
}

.number {
  font-family: "Cal Sans";
  font-size: 60px;
  font-style: normal;
  font-weight: 400;
  color: #EA7401;
  line-height: 1;
  width: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 80px;
  border: 2px solid #ea7401;
  border-radius: 20px;
}

.label {
  font-size: 28px;
  margin-top: 5px;
  color: #000;
  font-weight: 500;
  font-family: "Oswald", sans-serif;
}

.separator {
  font-size: 58px;
  font-weight: bold;
  line-height: normal;
  height: 100%;
  margin-top: 0%;
}

.dealContArea h6 {
  color: #3191D1;
  font-family: "Oswald", sans-serif;
  font-size: 30px;
  font-style: normal;
  font-weight: 500;
  line-height: 50px;
  text-transform: capitalize;
  margin-top: 20px;
}

h4 {
  color: #FAB03A;
  font-family: "Oswald", sans-serif;
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: 50px;
  text-transform: capitalize;
  margin-top: 4px;
}

.dealImgcontArea {
  /* align-items: center; */
}

.ourpreviousworkArea {
  padding: 35px 0 84px 0;
}

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

.eachGallery {
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  margin-bottom: 20px;
}

.eachGallery img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 10px;
  transition: transform 0.3s ease;
}

.cs-text {
  margin-top: 10px;
  padding-right: 50px;
}

.cs-text h1 {
  font-size: 20px;
  margin-bottom: 10px;
  margin-top: 20px;
}

.cs-text p.subtitle {
  margin: 10px 0px 30px;
}

.pool-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

.pool-card {
  margin-bottom: 20px;
}

p.pool-title {
  font-weight: 600;
  margin-bottom: 0px;
  font-size: 16px;
  display: inline-block;
}

p.price {
  color: #14a0fe;
  font-weight: 600;
  font-size: 16px;
  padding-left: 5px;
  margin-bottom: 5px;
  display: inline-block;
}

p.dimensions {
  color: #b2b2b2;
  font-weight: 400;
  font-size: 14px;
  padding-left: 18px;
  margin-bottom: 5px;
}

.offer {
  margin-top: 10px;
}

.cs-text h2 {
  font-size: 20px;
  margin-bottom: 10px;
  margin-top: 0px;
}

.offer ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 10px;
  gap: 10px;
  margin-bottom: 20px;
  padding-left: 15px;
}

.offer ul li {
  font-size: 16px;
  color: #040404;
}

.notes {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 20px;
}

.footer p:first-child {
  margin-bottom: 10px;
  font-weight: 700;
  font-size: 18px;
}

.footer p:nth-child(2) {
  margin-bottom: 10px;
}

.cs-text p.contact {
  color: rgb(0, 0, 0);
  justify-content: flex-start;
  padding: 20px 0px 0px;
  font-weight: 500;
  gap: 15px;
}

.footer p.contact:last-child {
  padding-top: 5px;
}

.gallerySet {
  margin: auto;
}

.masonry-gallery {
  column-count: 3;
  column-gap: 15px;
}

@media (max-width: 991px) {
  .masonry-gallery {
    column-count: 2;
  }
}

@media (max-width: 575px) {
  .masonry-gallery {
    column-count: 1;
  }
}

.ourpreviousworkArea .our-work-see-more {
  background-color: #FAB03A;
  padding: 12px 24px;
  cursor: pointer;
}

.ourpreviousworkArea .our-work-see-more a {
  color: #000;
}

.whyChoose {
  padding-top: 64px;
  padding-bottom: 64px;
  background-image: url(../images-landing/whychoosebg.png);
  background-repeat: no-repeat;
  background-size: cover;
}

@media (min-width: 992px) {
  .col-lg {
    flex: 1 0 0%;
  }
}

@media (min-width: 768px) {
  .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
    padding: 0 10px;
  }
}

.galleryInner {
  display: flex;
  gap: 10px;
}

.totalChoose {
  display: flex;
  align-items: center;
  gap: 40px;
  justify-content: center;
  flex-wrap: wrap;
}

.totalChoose img {
  max-width: 86px;
  width: 100%;
  margin: 0 auto 20px;
  display: block;
}

.totalChoose p {
  color: #FFF;
  text-align: center;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 30.1px;
  text-transform: uppercase;
}

.eachchoose {
  width: 224px;
  transition: all 0.9s ease-in-out;
  border-radius: 4px;
  padding: 16px 0;
}

.eachchoose:hover {
  background-color: #3191D1;
}

.totalChooseNew {
  margin-top: 48px;
}

.totalChooseNew .eachchoose {
  width: 290px;
}

.whyUs {
  padding: 84px 0 60px;
}

.totalWhyus {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.c-form input,
.c-form textarea {
  color: #000000;
}

.eachus {
  transition: all 0.9s ease-in-out;
  padding: 28px 20px;
  border-radius: 16px;
  width: 33%;
}

.eachus img {
  width: 86px;
  margin: 0 auto;
  display: block;
  transition: all 0.9s ease-in-out;
}

.eachus-content {
  text-align: center;
  margin: 20px auto 0;
  max-width: 226px;
}

.eachus-content h6 {
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 30.1px;
  transition: all 0.9s ease-in-out;
}

.eachus-content p {
  color: #383838;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 25px;
  transition: all 0.9s ease-in-out;
}

.eachus:hover {
  background-color: #3191D1;
}

.eachus:hover img {
  -webkit-filter: invert(100%);
  filter: invert(100%);
}

.eachus:hover .eachus-content h6,
.eachus:hover .eachus-content p {
  color: #fff;
}

.totalWhyus-new {
  margin-top: 30px;
}

.totalWhyus.totalWhyus-new-last {
  justify-content: center;
  gap: 99px;
}

.totalWhyus.totalWhyus-new-last .eachus {
  width: 380px;
}

.totalWhyus.totalWhyus-new-last .eachus-content {
  margin: 20px auto 0;
  max-width: 300px;
}

.how-work {
  padding: 64px 0;
  background-image: url(../images-landing/how-workbg.png);
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.how-work::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgba(23, 23, 23, 0.70) 0%, rgba(23, 23, 23, 0.70) 100%);
}

.how-content {
  z-index: 1;
  position: relative;
}

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

.each-work {
  padding: 24px;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(32px);
}

.each-work {
  width: 284px;
}

.each-work img {
  width: 36px;
  margin: 0 auto;
  display: block;
  margin-bottom: 12px;
}

.work-content {
  text-align: center;
}

.work-content h2 {
  margin-bottom: 12px;
  color: #ffffff;
  font-size: 21px;
}

.work-content p {
  color: #ffffff;
  min-height: 72px;
}

.ourawardsright img {
  border-radius: 20px;
}

.offerings .totalChoose {
  gap: 64px;
  justify-content: center;
}

.offerings .eachchoose,
.offerings .totalChooseNew .eachchoose {
  width: 380px;
}

.offerings .eachchoose {
  padding: 16px;
}

.testwhiteBox {
  min-height: 332px;
}

.testislider {
  margin-top: 10px;
}

.testtimonialArea .our-work-see-more {
  cursor: pointer;
  margin: 30px auto 0;
  display: block;
}



.heading {
  font-weight: 700;
  font-size: 16px;
  color: #000;
  padding: 20px;
  cursor: pointer;
  position: relative;
  transition: background 0.3s ease;
}

.accordion-item .heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 600;
}

.contents {
  /* display: none; */
  padding: 10px 0 20px 0;
  font-size: 16px;
  color: #6E6E6E;
  line-height: 1.6;
}

.cs-text p.contact a {
  color: #000000;
}
/* new add css */
.scroll-btn{
  display: none !important;
} 
.tab-slider .owl-nav , .tab-slider .owl-dot{
display: none;
}
span.btn-icon.google-icon {
    background: #ffffff;
    display: inline-block;
    width: 30px;
    border-radius: 50%;
    height: 30px;
    align-items: center;
    display: flex;
    justify-content: center;
}
@media (max-width: 767px) {
  .cs-text p.contact {
    align-items: flex-start;
    gap: 10px;
  }

  .offer ul {
    grid-template-columns: repeat(1, 1fr);
  }

  .pool-grid {
    grid-template-columns: repeat(1, 1fr);
  }

  .accordion-item {
    flex: 1 1 100%;
  }

  .totalChoose p {
    color: #FFF;
    text-align: center;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 1;
    text-transform: uppercase;
  }
 
}



.accordion:last-child {
  padding-left: 24px;
}

.accordion-item .heading {
  margin-bottom: 0;
  font-size: 20px;
  line-height: 1.5;
  padding: 0;
}

.accordion-item .contents {
  height: 0px;
  padding: 0px 0 0px 0;
  font-size: 16px;
  color: #6E6E6E;
  line-height: 1.6;
  overflow: hidden;
  transition: all ease 0.4s;
  position: relative;
  top: 0px;
}

.accordion-item .contents.active {
  height: auto;
  transition: all ease 0.4s;
  top: 10px;
}

.accordion {
  margin-bottom: 24px;
}

.accordion-item {
  padding: 0px;
}

.faq .row {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}

.faq .col-lg-6 {
  width: 50%;
  display: flex;
  /* allow inner div to stretch */
  flex-direction: column;
}

.accordion {
  flex: 1;
}

.all-services {
  margin-top: 24px;
}

.all-services {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 30px;
}

.each-area {
  width: 237px;
  padding: 24px;
  border-radius: 10px;
  box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.10);
}

.each-area img {
  max-width: 48px;
  margin: 0 auto 10px;
  display: block;
}

.each-area h6 {
  color: #000;
  text-align: center;
  font-family: "Poppins", sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: 30.1px;
  text-transform: uppercase;
}

.services {
  padding: 84px 0;
}

.each-area:hover {
  background-color: #3191D1;
}

.each-area:hover img {
  filter: invert(100%);
}

.each-area:hover h6 {
  color: #fff;
}

.getConsultaion.open {
  right: 0;
  transition: all ease 0.4s;
}

.getConsultaion {
  position: fixed;
  bottom: 40%;
  right: -320px;
  font-size: 16px;
  border-radius: 68px;
  z-index: 2;
  color: #000;
  text-align: center;
  background: #FAB03A;
  transition: left 0.5s ease-in-out;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px 24px;
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-weight: 500;
  transition: all ease 0.4s;
}

@media (min-width: 992px) {
  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
    padding: 0 12px;
  }
}

.eachGallery img.middleimg {
  height: 552px;
}

.gallery {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

.gallery-item {
  display: inline-block;
  margin-bottom: 10px;
  width: 100%;
}

.gallery img {
  border-radius: 10px;
  width: 100%;
  height: 100%;
}








@font-face {
  font-family: 'Cal Sans';
  src: url('../fonts/CalSans-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

.banner-area {
  background-image: url(../images-landing/banner-bg.png);
  padding: 70px 0px;
  position: relative;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 99vh;
}

.banner-content h1 {
  color: #FFF;
  font-family: "Cal Sans";
  font-size: 48px;
  font-style: normal;
  font-weight: 400;
  line-height: 68px;
  text-transform: capitalize;
  margin: 10px 0px 10px;
}

.banner-content p {
  color: #FFF;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: capitalize;
  margin: 8px 0px;
}

img.main-logo {
  height: 130px;
}

.banner-option-wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 15px;
  margin: 20px 0px;
}

.single-bow {
  border-radius: 70px;
  border: 1px solid rgba(255, 255, 255, 0.30);
  background: rgba(255, 255, 255, 0.14);
  backdrop-filter: blur(6.099999904632568px);
  padding: 14px 31px;
  justify-content: center;
  align-items: center;
  gap: 18px;
  display: flex;
}

ul.line-option-wrapper {
  display: flex;
  list-style: none;
  padding: 0px;
  align-items: center;
  gap: 20px;
  margin-bottom: 30px;
}

li.line-option {
  color: #FFF;
  font-family: Poppins;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  text-transform: capitalize;
}

ul.line-option-wrapper li span {
  width: 10px;
  height: 10px;
  border-radius: 40px;
  border: 0.7px solid #FFF;
  background: rgba(255, 255, 255, 0.30);
  display: inline-flex;
}

.btn.btn-primary {
  display: inline-flex;
  height: auto;
  width: 260px;
  padding: 20px 25px;
  justify-content: center;
  align-items: center;
  gap: 20px;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: capitalize;
  border-radius: 60px;
  border: 0 solid #FFF;
  background: var(--grad1, linear-gradient(90deg, #E76400 0%, #ED8300 100%));
}

.btn.btn-white {
  display: inline-flex;
  height: auto;
  padding: 20px 25px;
  width: 230px;
  justify-content: center;
  align-items: center;
  gap: 20px;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: capitalize;
  border-radius: 60px;
  border: 0 solid #ffffff;
  color: #E76400;
  background: var(--grad1, linear-gradient(90deg, #FFF 0%, #fff 100%));
}

.btn-wrapper {
  display: flex;
  align-items: center;
  gap: 15px;
}

.single-bow span {
  color: #FFF;
  font-family: Poppins;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 25px;
  text-transform: capitalize;
}

.slider-wrapper {
  height: 100%;
  position: relative;
  text-align: center;
}

.star-wrapper {
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.30);
  background: #FFF;
  backdrop-filter: blur(50px);
  display: inline-flex;
  padding: 15px;
  justify-content: center;
  align-items: center;
  gap: 20px;
  position: absolute;
  top: -40px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 9;
}

.star-wrapper span:first-child {
  color: #F22938;
  font-family: Poppins;
  font-size: 35px;
  font-style: normal;
  font-weight: 700;
  line-height: 1;
  text-transform: capitalize;
  text-align: center;
  display: block;
  margin-bottom: 5px;
}

.star-wrapper span:last-child {
  color: #F22938;
  font-family: Poppins;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 25px;
  text-transform: capitalize;
}

.banner-slider {
  position: relative;
  z-index: 1;
  border-radius: 30px;
  overflow: hidden;
  height: 100%;
}

.top-left-b {
  content: "";
  position: absolute;
  top: -10px;
  left: -10px;
  width: 100%;
  height: 100%;
  border-radius: 30px;
  z-index: 0;
  border-top: 15px solid rgba(255, 255, 255, 0.20);
  border-left: 15px solid rgba(255, 255, 255, 0.20);
}

.bottom-right-b {
  content: "";
  position: absolute;
  bottom: -10px;
  right: -10px;
  width: 100%;
  height: 100%;
  border-radius: 30px;
  z-index: 0;
  border-bottom: 15px solid rgba(255, 255, 255, 0.20);
  border-right: 15px solid rgba(255, 255, 255, 0.20);
}

.owl-carousel .owl-stage-outer {
  height: 100%;
}

.owl-carousel .owl-stage {
  height: 100%;
}

.owl-carousel .owl-item {
  position: relative;
  z-index: 2;
  height: 100%;
}

.owl-carousel .item {
  position: relative;
  z-index: 2;
  height: 100%;
}

.owl-carousel .owl-item img {
  width: 100%;
  display: block;
  border-radius: 30px;
  height: 100%;
  object-fit: cover;
}

.owl-nav {
  position: absolute;
  bottom: 15px;
  left: 50%;
  transform: translateX(-50%);
  display: inline-flex;
  padding: 6px 6px;
  justify-content: space-between;
  align-items: center;
  gap: 15px;
  width: 50%;
  border-radius: 60px;
  border: 1px solid rgba(255, 255, 255, 0.11);
  background: rgba(0, 0, 0, 0.10);
  backdrop-filter: blur(11.5px);
}

span.owl-prev,
span.owl-next {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  width: 30px;
  border: 1px solid #ffffff;
  border-radius: 50%;
  color: #ffffff;
  font-size: 14px;
  cursor: pointer;
}

.owl-dots {
  position: absolute;
  bottom: 21px;
  z-index: 2222;
  left: 50%;
  display: flex;
  align-items: center;
  transform: translate(-50%, -50%);
  gap: 10px;
}

button.owl-dot {
  width: 15px;
  height: 15px;
  aspect-ratio: 1/1;
  border-radius: 1000px;
  border: 1px solid #FFF !important;
  display: block;
  background-color: rgba(255, 255, 255, 0.30) !important;
}

button.owl-dot.active {
  background-color: #ffffff !important;
}

.section-subheading {
  color: #222;
  font-family: Poppins;
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin: 10px 0px 10px;
}

h2.section-heading {
  color: #222;
  font-family: Poppins;
  font-size: 45px;
  font-style: normal;
  font-weight: 300;
  line-height: 1.2;
  letter-spacing: -1px;
}

h2.section-heading span {
  font-weight: 600;
}

.section-body {
  color: #222;
  font-family: Poppins;
  font-size: 15px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  letter-spacing: -0.6px;
  margin: 0px;
}

.top-body {
  text-align: right;
}

.xt-text-wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: 20px;
}

.xt-text-wrapper p {
  color: #0082D8;
  font-family: Poppins;
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin: 0px;
}

.xt-text-wrapper span {
  border-radius: 30px;
  background: #E6E6E6;
  height: 2px;
  display: block;
  width: 20%;
  margin: 0px 20px;
}

.about-bottom {
  text-align: center;
  margin: 30px 0px 0px;
}

.sas-heading {
  color: #000;
  text-align: center;
  font-family: Poppins;
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin: 25px 0px 15px;
}

p.sas-subheading {
  color: #222;
  text-align: center;
  font-family: Poppins;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  letter-spacing: -0.56px;
}

.about-image-wrapper {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(2, 1fr);
}

.about-image-wrapper img {
  border-radius: 70px;
}

.about-image-wrapper img:nth-child(1) {
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
}

.about-image-wrapper img:nth-child(2) {
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
}

.about-image-wrapper img:nth-child(3) {
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
}

.about-image-wrapper img:nth-child(4) {
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
}

.single-abt-section {
  margin: 50px 0px 40px;
}

section {
  padding: 50px 0px 50px;
}

.marquee {
  overflow: hidden;
  width: 100%;
  padding-bottom: 30px;
}

.marquee-track {
  display: flex;
  width: max-content;
  will-change: transform;
  align-items: center;
}

.marquee h1 {
  white-space: nowrap;
  font-size: 6rem;
  margin: 0;
  padding: 0rem 0rem;
  color: #0082D8;
  text-align: center;
  font-family: "Cal Sans";
  font-size: 53px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.marquee img {
  margin: 0px 20px;
}

.pool-models {
  text-align: center;
  position: relative;
}

.pool-model-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 20px 0px 40px;
}

.pool-model-wrapper span {
  border-radius: 65px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  background: rgba(255, 255, 255, 0.00);
  width: 80px;
  height: 43px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.tabs {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 40px;
}

.tabs .tab  , .tab-owl .tab{
  color: #000;
  font-family: Poppins;
  font-size: 17px;
  font-style: normal;
  font-weight: 300;
  line-height: 1;
  background: transparent;
  border: 1px solid white;
  width: 190px;
  display: flex;
  justify-content: center;
  height: 44px;
  align-items: center;
  border-radius: 0;
  outline: 0;
  border-radius: 40px;
  transition: all ease 0.4s;
}
.tab-owl{
  display: none !important;
}
.tabs .tab.active  , .tab-owl .tab.active  {
  color: #0082D8;
  font-family: Poppins;
  border: none;
  border: 1px solid #0082D8;
  background: #0082D81A;
  border-radius: 40px;
  outline: 0;
  transition: all ease 0.4s;
}

.offering {
  background-image: url('../images-landing/offering-bg.png');
  padding: 50px 0px 65px;
  position: relative;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

h3.offer-heading {
  color: #FFF;
  font-family: Poppins;
  font-size: 17px !important;
  font-style: normal;
  font-weight: 500 !important;
  line-height: normal;
  margin-bottom: 10px !important;
}

p.offer-body {
  color: #FFF;
  font-family: Poppins;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 0px !important;
}

.single-offer {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 20px;
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.17);
  background: rgba(255, 255, 255, 0.10);
  padding: 25px;
}

.offer-main-img {
  height: 100%;
  object-fit: cover;
  border-radius: 16px;
}

img.star-2 {
  position: absolute;
  right: 0px;
  top: 5%;
}

img.star-1 {
  position: absolute;
  left: 0px;
  top: 50%;
}

.award-wrapper {
  border-radius: 30px;
  border: 1px solid #ED8101;
  border-top: 0px;
  background: rgba(0, 0, 0, 0.00);
  backdrop-filter: blur(2px);
  overflow: hidden;
  padding: 8px;
  position: relative;
}

img.award-main-img {
  border-radius: 30px;
  width: 100%;
}

.award-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0px 5%;
}

.cer-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
}

.cer-wrapper span {
  background-color: #ffffff;
  width: 100px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  border-radius: 20px;
}

.cer-wrapper img {
  width: 100%;
  height: auto;
}

span.award-w-heading {
  position: absolute;
  background-color: #ffffff;
  top: 8px;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  font-family: Poppins;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 4px;
  color: #E76400;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  padding: 10px 30px;
}

.award-content h3 {
  color: #FFF;
  text-align: center;
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  font-family: "Cal Sans";
  font-size: 40px !important;
  font-style: normal;
  font-weight: 400 !important;
  line-height: normal;
  margin-bottom: 10px !important;
  margin-top: 40px;
}

.award-content p {
  color: #FFF;
  text-align: center;
  font-family: Poppins;
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.4;
  margin: 0px 0px 30px;
}

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

.offer-timer p {
  text-align: center;
  font-family: "Cal Sans";
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: 97px;
  text-transform: capitalize;
  color: #EA7401;
  line-height: 1;
  margin-bottom: 0px;
}

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

.offer-area .formArea {
  border-radius: 20px;
  background: #F7F7F7;
  padding: 25px;
  width: 100%;
  margin-top: 30px;
  flex: 1;
}

img.offer-image-2 {
  width: 100%;
  border-radius: 20px;
}

.offer-area .formArea h4 {
  color: #000;
  text-align: center;
  font-family: "Cal Sans";
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: capitalize;
  margin-bottom: 5px;
}

.offer-area .formArea P {
  color: #222;
  text-align: center;
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.32px;
  text-transform: capitalize;
  margin-bottom: 25px;
}

.offer-area .formBox {
  padding: 0px;
  background-color: transparent;
}

.offer-area .formArea input {
  border: 1px solid #E7E7E7;
  background: #FFF;
  border-radius: 8px;
  outline: none !important;
}

.offer-area .formArea textarea {
  border: 1px solid #E7E7E7;
  background: #FFF;
  border-radius: 8px;
  outline: none !important;
}

.offer-area .fldBlock {
  margin-bottom: 10px;
}

.offer-area .offer-timer-wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.offer-area .boxz {
  margin-top: 95px;
}

.about-area {
  padding-top: 20px;
}


/* =========testimonial start======== */
.testimonial {
  padding: 60px 0;
  background: url("../images-landing/testimonial-bg.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;
}


/* Tabs */
.tab-buttons {
  display: flex;
  justify-content: center;
  gap: 15px;
  margin-top: 50px;
}

.tab-btn {
    padding: 15px 25px;
    border: none;
    border-radius: 30px;
    background: #fff;
    font-weight: 500;
    cursor: pointer;
    transition: 0.3s;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 17px;
    font-weight: 500;
}
.btn-icon  i{
  color: #194A6B;
}
.tab-btn.active  {
  background: linear-gradient(90deg, #194A6B 0%, #2B93D8 46%, #194A6B 100%);
  color: #fff;
  font-size: 17px;
  font-weight: 500;
}
.btn-icon img  {
    height: 20px;
    width: 20px;
}
.btn-icon i{
  font-size: 20px;
}
button.tab-btn.tab-btn-2 {
  font-size: 17px;
  color: #222222;
  font-weight: 500;
  background: #fff;
}

button.tab-btn.tab-btn-1 img,
button.tab-btn.tab-btn-2 img {
  max-width: 30px;
}



.tab_sec {
  height: 500px;
  position: relative;
  left: 0px;
  right: 0px;
}





.pool-models .tab-content.active {
  visibility: visible;
  opacity: 1;
}
.pool-models .tab-content {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  left: 0px;
  right: 0px;
}

.tab-slider .item {
  background: #fff;
  padding: 10px;
  font-size: 20px;
  border-radius: 20px;
  height: 260px;
}

#tab2 .tab-slider .item {
  padding: 20px;
}

.quote-img img {
  max-width: 28px;
}

.tab-contents p {
  font-size: 14px;
  text-align: left;
  height: 97px;
}

.user-img img {
  max-width: 45px;
}

.user-img-div {
  font-size: 20px;
  font-weight: 400;
  background: #C4C4C4;
  height: 45px;
  width: 45px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.names-title {
  display: inline-block;
  color: #00000066;
  font-size: 14px;
  font-weight: 300;
}

.user-content {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-top: 20px;
}

.quote-img {
  margin-bottom: 25px;
}

.user-names h4 {
  font-size: 14px;
  font-weight: 600;
}

.user-names {
  display: grid;
  gap: 1px;
}

.tab-contents-2 {
  height: 100%;
  width: 100%;
}

.tab-contents-2 iframe {
  border-radius: 10px;
}

.smile-1 {
  position: absolute;
  right: 8%;
  top: 2%;
}

.smile-3 {
  position: absolute;
  left: 16%;
  top: 3%;
}

.smile-2 {
  position: absolute;
  left: 3%;
  bottom: 7%;
}

.smile-4 {
  position: absolute;
  right: 10%;
  bottom: 8%;
}

/* =========testimonial close======== */
/* =====areas start====== */
.areas {
  background: url("../images-landing/area-bg.png");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 180px 0;
  position: relative;
  background-attachment: fixed;
}

.areas-serve {
  background: linear-gradient(90deg, #194A6B 0%, #2B93D8 46%, #194A6B 100%);
  padding: 20px;
  border-radius: 20px;
  width: 480px;
  text-align: center;
  display: table;
  margin: auto;
  border: 4px solid #fff;
}

.areas-serve p {
  color: #fff;
  font-size: 20px;
  font-family: "Poppins", sans-serif;
  margin-bottom: 0px;
}

ul.location-point {
  list-style: none;
}

.areas-serve h5 {
  color: #fff;
  font-size: 40px;
  font-weight: 300;
  font-family: "Poppins", sans-serif;
  margin-bottom: 0px;
}

.areas-serve h5 span {
  font-weight: 600;
}

span.location-name {
  color: #222;
  font-size: 20px;
}

.location-point a {
  text-decoration: none;
  display: flex;
  gap: 14px;
  align-items: center;
}

.location-point li {
  position: absolute;
}

li.location.location-1 {
  top: 10%;
  left: 12%;
}

li.location.location-2 {
  top: 22%;
  left: 47%;
}

li.location.location-3 {
  top: 44%;
  right: 6%;
}

li.location.location-4 {
  top: 49%;
  right: 22%;
}

li.location.location-5 {
  top: 10%;
  right: 11%;
}

li.location.location-1 {
  bottom: 15%;
  left: 6%;
}

li.location.location-6 {
  bottom: 10%;
  left: 12%;
}

li.location.location-7 {
  top: 10%;
  left: 32%;
}

li.location.location-8 {
  top: 13%;
  left: 63%;
}

li.location.location-9 {
  top: 54%;
  left: 10%;
}

li.location.location-10 {
  top: 29%;
  left: 21%;
}

li.location.location-11 {
  bottom: 10%;
  right: 23%;
}

li.location.location-12 {
  bottom: 22%;
  left: 34%;
}

li.location.location-14 {
  right: 33%;
  bottom: 24%;
}

li.location.location-13 {
  right: 9%;
  bottom: 25%;
}

/* =====areas close====== */
/* =====financing start====== */
.financing {
  padding: 50px 0;
  background: url("../images-landing/financing-bg.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
}

.sub-title span.sub-heading {
  font-size: 20px;
  color: #fff;
  font-family: "Poppins", sans-serif;
}

.sub-title {
  text-align: center;
}

.sub-title {
  margin-bottom: 60px;
}

.slider-content img {
  height: 190px;
  object-fit: cover;

}

.slider-content {
  border-radius: 10px;
  border: 5px solid #fff;
}

/* =====financing close====== */


/* =======faq start===== */

.faq .sub-title span,
.faq .sub-title h2,
.testimonial .sub-title h2,
.testimonial .sub-title span {
  color: #222222;
}

section.faq {
  background: #fff;
}

.faq .accordion-item {
  margin-bottom: 10px;
  border: 1px solid #CFCFCF;
  border-radius: 10px;
}

.faq .accordion-button {
  padding: 25px;
  font-size: 18px;
  color: #000000;
  background-color: #fff;
  font-weight: 600;
  border-radius: 10px;
}

.faq .accordion-item:last-of-type .accordion-button.collapsed {
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}

.faq .accordion-button:not(.collapsed) {
  color: #000;
  background-color: #fff;
  box-shadow: none;
}

.faq .accordion-item:first-of-type .accordion-button {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.faq .accordion-body {
  padding: 0 25px 25px;
  font-size: 15px;
  color: #222;
}

.faq .accordion-button::after {
  filter: invert(1) brightness(0);
}

/* =======faq close===== */

/* ======footer start==== */
.footer-part {
  padding: 50px 0 30px;
  background: #000000;
}

.social-icons li {
  height: 40px;
  width: 40px;
  background: #fff;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.social-icons li img {
  height: 20px;
  width: 20px;
}

.copy-right {
  background: linear-gradient(90deg, #194A6B 0%, #2B93D8 46%, #194A6B 100%);
  padding: 15px 0;
}

ul.social-icons {
  display: flex;
  justify-content: right;
  gap: 10px;
  align-items: center;
  margin: 0px;
}

.copy-right .row {
  align-items: center;
}

.cory-right-text {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

.footer-logo {
  justify-content: center;
  display: flex;
}

p.footer-content {
  color: #C0BFC1;
  font-size: 15px;
  font-weight: 400;
  text-align: center;
}

span.link-content {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

.link-details li a {
  text-decoration: none;
}

.link-details li {
  display: flex;
  gap: 10px;
  align-items: center;
}

.link-details ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* =====footer close===== */






@media (min-width: 768px) and (max-width: 991.98px) {

  /* location */
  span.location-name {
    font-size: 15px;
  }

  .areas-serve {
    width: auto;
  }

  .location-point a {
    gap: 10px;
  }

  li.location.location-9 {
    top: 54%;
    left: 5%;
  }

  li.location.location-10 {
    top: 26%;
    left: 18%;
  }

  li.location.location-4 {
    top: 28%;
    right: 12%;
  }

  li.location.location-8 {
    top: 8%;
    left: 60%;
  }

  /* footer */
  .link-details ul {
    justify-content: center;
    flex-flow: wrap;
    gap: 10px 20px;
  }

  /* testimonial */
  .smile-1 img,
  .smile-2 img,
  .smile-3 img,
  .smile-4 img {
    max-width: 50px;
  }

  .smile-4 {
    right: 6%;
    bottom: 3%;
  }

  .tab-contents p {
    height: 120px;
  }

  .tab-slider .item {
    height: 285px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {}


@media (min-width: 1200px) {}

.user-names h5 {
  color: #000;
  text-align: justify;
  font-family: Poppins;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.56px;
  margin: 0px;
}

.quote-img img {
  border-radius: 0px !important;
  margin-bottom: 25px;
  width: auto;
}

.tab-contents p {
  margin-bottom: 23px;
}

.slider-content img {
    border-radius: 0px !important;
    height: 180px !important;
    object-fit: fill !important;
}


.tab-img img {
  height: 350px !important;
  border-radius: 10px !important;
}

.projectdiv {
  position: relative;
  border-radius: 10px;
  height: 350px;
}

.projectdiv::after {
  background: linear-gradient(to bottom, #00000000 0%, #000000B2 70%);
  /* height: 100%; */
  width: 100%;
  content: "";
  position: absolute;
  left: 0;
  bottom: 0px;
  border-radius: 10px;
  height: 180px;
}

.img-tag {
  color: #fff;
  font-size: 20px;
  font-weight: 600;
}

.img-tag {
  color: #fff;
  font-size: 20px;
  font-weight: 500;
  position: absolute;
  bottom: 25px;
  z-index: 2;
  font-family: Poppins;
  left: 25px;
}

.projectslider .owl-dot span {
  background: #E2E2E2;
  height: 15px;
  width: 15px;
  display: inline-block;
  border-radius: 50%;
  margin-right: 18px;
}

.projectslider .owl-dot.active span {
  background: #0082D8;

}

.projectslider button.owl-dot {
  width: 15px;
  height: auto;
  aspect-ratio: 1/1;
  border-radius: 0;
  border: none !important;
  display: block;
  background-color: transparent !important;
}

.projectslider .owl-nav button {
  height: 44px;
  width: 78px;
  border-radius: 65px;
  border: 1px solid #00000026 !important;
  background: var(--lightorange);
  transition: all 0.5s ease;
  outline: none;
}

.projectslider .owl-nav {
  position: absolute;
  bottom: 15px;
  left: 50%;
  transform: translateX(-50%);
  display: inline-flex;
  padding: 6px 6px;
  justify-content: space-between;
  align-items: center;
  gap: 15px;
  width: auto;
  border-radius: 60px;
  border: none;
  background: transparent;
  backdrop-filter: none;
}

.projectslider .owl-prev {
  position: absolute;
  top: -103px;
}

.projectslider .owl-next {
  position: absolute;
  top: -103px;
  right: 0;
}

.projectslider .owl-dots {
  bottom: -18% !important;
}

p.section-subheading.reac-text {
  margin: 25px 0 30px;
}

.desktopview {
  display: flex;
}
.mobileview {
  display: none;
}
.green-tick img {
  height: 100%;
  width: auto;
}
.green-tick {
  height: 100px;
  text-align: center;
  margin-bottom: 30px;
}
.o-0 {
    opacity: 0;
    visibility: hidden;
    display: none;
}

.tab-content-wrapper {
  position: relative;
  height: 300px;
  padding: 0px 10px;
}

.tab-content-wrapper .tab-content.active {
    opacity: 1;
    visibility: visible;
}

.tab-content-wrapper .tab-content {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  left: 10px;
  right: 10px;
}
.tab-contents {
  background-color: #ffffff;
  padding: 20px;
  border-radius: 15px;
  border: 1px solid #3291d140;
}
.tab-content-wrapper .owl-nav{
  bottom: -50px;
}
.tab-content-wrapper .owl-dots{
  bottom: -45px;
}
.tab-contents-2 {
  height: 272px;
  width: 100%;
}
section.testimonial .owl-next,
section.testimonial .owl-prev {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 25px;
    width: 25px;
    border: 1px solid #ec7e00 !important;
    border-radius: 50%;
    color: #ec7e00 !important;
    font-size: 14px !important;
    background-color: #ffffff !important;
}


@media only screen and (max-width: 991px) {
  .each-area {
    width: 46%;
    padding: 18px 14px;
  }

  .heading-part {
    font-size: 34px;
    line-height: normal;
    width: 95%;
  }

  .bannerTextArea .para {
    font-size: 20px;
    line-height: normal;
    margin-top: 0;
  }

  .banerList li+li::before {
    left: -17%;
  }

  .banerList li {
    font-size: 14px;
    line-height: normal;
  }

  .bannerTextArea img {
    max-width: 87px;
  }

  .banerList {
    margin-bottom: 20px;
  }

  .dealImgArea {
    padding-right: 20px;
  }

  .dealContArea h6 {
    font-size: 27px;
    margin-top: 20px;
  }

  h4 {
    font-size: 25px;
    line-height: normal;
    margin-top: 0;
  }

  .ourpreviousworkArea {
    padding: 0px 0;
  }

  

  .eachGallery img.middleimg {
    height: 690px;
  }

  .each-work {
    padding: 12px;
  }

  .total-work {
    gap: 15px;
  }

  .work-content h2 {
    font-size: 17px;
  }

  .totalChoose img {
    max-width: 66px;
  }

  .offerings .totalChoose {
    gap: 0;
    justify-content: space-between;
  }

  .offerings .eachchoose,
  .offerings .totalChooseNew .eachchoose {
    width: 50%;
  }

  .totalChoose img {
    max-width: 66px;
  }
  .each-work {
    width: 100%;
  }

  .info {
    line-height: 2;
  }

  .ourawardsArea {
    gap: 40px;
  }

  .certificationArea {
    padding: 50px 0;
  }

  .testRight {
    margin-top: 30px;
  }

  .testwhiteBox {
    margin: 0 0 60px 0 !important;
  }

  .accordion-item .heading {
    font-size: 17px;
  }

  .all-services {
    gap: 15px;
  }

  .services {
    padding: 0px 0px 20px 0px;
  }

  .headerArea {
    min-height: 100px;
  }
}

@media only screen and (max-width: 767px) {
  .cer-wrapper span {
    width: 90px;
    height: 90px;
  }
  .financing .section-subheading {
    margin-top: 0px;
  }
  img.award-2 {
    height: 150px;
    position: absolute;
    bottom: 5%;
    right: 10%;
  }
  img.award-1 {
    height: 150px;
    position: absolute;
    bottom: 5%;
    left: 10%;
  }
  .award-content p {
    font-size: 14px;
  }
  .award-content p br {
    display: none;
  }
  .award-content h3 {
    margin-top: 85px;
    font-size: 25px !important;
  }
  span.award-w-heading {
    font-size: 18px;
  }
  img.award-main-img {
    height: 500px;
    object-fit: cover;
  }

  .award-content {
    flex-direction: column;
  }
  h3.offer-heading {
    font-size: 16px !important;
  }
  .single-offer {
    padding: 15px;
    gap: 20px;
    margin-bottom: 15px !important;
  }
  .single-offer img {
    width: 40px;
  }
  .offer-main-img {
    height: 300px;
    object-fit: cover;
    border-radius: 16px;
    width: 100% !important;
    margin-bottom: 20px;
  }
  .offering h2.section-heading {
    margin-bottom: 30px !important;
  }
  .offering .section-subheading {
    margin-top: 0px;
  }
  .img-tag {
    font-size: 15px;
  }
  .tab_sec {
    height: 400px;
    margin: 30px 0px 0px;
  }
  .pool-image-sec {
    display: none;
  }
  .section-body {
    font-size: 14px;
  }
  .section-body br {
    display: none;
  }
  .pool-models {
    padding: 30px 0px 40px;
  }
  .marquee {
    padding-bottom: 0px;
  }
  .marquee img {
    height: 100px;
  }
  .marquee h1 {
    font-size: 25px;
  }
  .about-image-wrapper {
    gap: 5px;
    margin: 20px 0px;
  }
  .about-image-wrapper img {
    border-radius: 35px;
  }
  p.sas-subheading {
    font-size: 14px;
    letter-spacing: 0px;
    margin-bottom: 0px;
  }
  .sas-heading {
    font-size: 15px;
    font-weight: 500;
    margin: 15px 0px 10px;
  }
  .single-abt-section {
    margin: 20px 0px 20px;
  }
  .sas-wrapper {
    display: flex;
  }
  .xt-text-wrapper {
    justify-content: flex-start;
  }
  .xt-text-wrapper span {
    margin: 0px 10px;
  }
  .xt-text-wrapper p {
    font-size: 14px;
    font-weight: 400;
    width: auto;
  }
  .about-area {
    padding-top: 0px;
  }
  section.about-area .top-body {
    text-align: left;
    margin-top: 10px;
  }
  .section-subheading {
    font-size: 15px;
    font-weight: 500;
  }
  h2.section-heading br {
    display: none;
  }
  .offer-area .boxz {
    margin-top: 15px;
  }
  .offer-area .formArea {
    padding: 20px 15px 10px;
  }
  .offer-area .formArea P {
    font-size: 14px;
  }
  .offer-area .formArea h4 {
    font-size: 25px;
  }
  .offer-timer p {
    font-size: 25px;
  }
  .offer-timer {
    flex-direction: column;
    margin-top: 20px;
  }
  .desktopview {
    display: none;
  }
  .mobileview {
    display: block;
  }
  .offer-heading {
    margin-bottom: 30px !important;
  }
  .offer-heading img {
    height: 60px;
  }
  .testimonial .section-subheading {
    margin-top: 0px;
  }
  

  .smile-1 img,
  .smile-2 img,
  .smile-3 img,
  .smile-4 img {
    max-width: 35px;
  }

  button.tab-btn.tab-btn-1 span,
  button.tab-btn.tab-btn-2 span {
    margin-right: 10px;
  }

  button.tab-btn.tab-btn-1,
  button.tab-btn.tab-btn-2 {
    font-size: 15px;
  }

  button.tab-btn.tab-btn-1 span.btn-icon,
  button.tab-btn.tab-btn-2 span.btn-icon {
    margin-right: 0;
  }

  .tab-btn {
    padding: 13px 50px;
  }

  .smile-4 {
    bottom: 3%;
}
  .smile-2 {
    bottom: 2%;
    left: 2%;
  }

  .tab-contents p {
    height: 115px;
  }

  .tab-slider .item {
    height: 285px;
  }

  .btn-name {
    display: none;
  }

  /* faq */
  

  .areas-serve {
    width: auto;
  }

  .sub-title h2 {
    font-size: 30px;
  }

  .sub-title {
    margin-bottom: 40px;
  }

  .faq .accordion-button {
    font-size: 14px;
  }

  .faq .accordion-body {
    font-size: 13px;
    padding: 0 20px 20px;
  }

  .faq .accordion-button {
    padding: 25px 30px 25px 20px;
  }

  .sub-title span.sub-heading {
    font-size: 15px;
  }

  .areas-serve p {
    font-size: 14px;
  }

  .areas-serve h5 {
    font-size: 25px;
  }

  /* location */
  .location-img img {
    max-width: 12px;
  }

  .location-point a {
    gap: 9px;
  }

  span.location-name {
    font-size: 14px;
  }

  li.location.location-12 {
    bottom: 21%;
    left: 6%;
  }

  li.location.location-14 {
    right: 37%;
    bottom: 21%;
  }

  li.location.location-9 {
    top: 63%;
    left: 19%;
  }

  li.location.location-7 {
    top: 5%;
    left: 41%;
  }

  li.location.location-8 {
    top: 21%;
    left: 9%;
  }

  li.location.location-4 {
    top: 63%;
    right: 22%;
  }

  li.location.location-2 {
    top: 19%;
    left: 47%;
  }

  li.location.location-13 {
    right: 9%;
    bottom: 18%;
  }

  li.location.location-11 {
    bottom: 5%;
    right: 23%;
  }

  li.location.location-3 {
    top: 29%;
    right: 6%;
  }

  /* footer */
  .cory-right-text {
    text-align: center;
    display: block;
    margin-bottom: 15px;
    font-size: 13px;
  }

  ul.social-icons {
    justify-content: center;
    padding: 0px;
  }

  .link-details ul {
    flex-direction: column;
    text-align: center;
    gap: 10px;
    padding: 0px;
  }

  span.link-content {
    font-size: 14px;
  }

  p.footer-content {
    margin-bottom: 30px !important;
    font-size: 14px;
  }


  h2.section-heading {
    font-size: 25px;
  }
  section {
    padding: 40px 0px;
  }
  .banner-area .owl-nav {
    width: 80%;
  }
  .star-wrapper span:last-child {
    font-size: 14px;
    line-height: 1;
    display: block;
    text-align: left;
  }
  .star-wrapper span:first-child {
    font-size: 25px;
    text-align: left;
  }
  .star-wrapper img {
    height: 40px;
  }
  .star-wrapper {
    width: 215px;
    gap: 15px;
    padding: 12px 10px;
    box-shadow: 2px 2px 20px #0000001f;
  }
  .star-wrapper span:last-child {
    font-size: 14px;
    line-height: 1;
  }
  .star-wrapper span:first-child {
    font-size: 25px;
  }
  .btn-wrapper {
    gap: 10px;
  }
  .banner-area .btn.btn-primary,
  .banner-area .btn.btn-white {
    width: 50%;
  }
  .btn.btn-primary,
  .btn.btn-white {
    padding: 15px 10px;
    gap: 10px;
    font-size: 14px;
  }
  .slider-wrapper {
    margin-top: 80px;
  }
  li.line-option {
    color: #FFF;
    font-family: Poppins;
    font-size: 14px;
  }
  .single-bow span {
    font-size: 14px;
    font-weight: 300;
    line-height: 1.4;
  }
  img.maw-icon {
    width: 30px;
  }
  .single-bow {
    padding: 10px 10px;
    gap: 10px;
    display: flex;
    width: 50%;
  }
  .banner-option-wrapper {
    margin: 10px 0px 20px;
    gap: 10px;
  }
  .line {
    width: 100%
  }
  .banner-content p {
    font-size: 14px;
    margin: 7px 0px 5px;
  }
  .banner-area {
    padding: 30px 0px 130px;
  }
  .banner-content h1 {
    font-size: 30px;
    line-height: 1.4;
  }
  .banner-content h1 br {
    display: none;
  }
  .gallery {
    grid-template-columns: repeat(1, 1fr);
    gap: 15px;
  }

  .getConsultaion.open {
    display: none;
  }

  .nav-links.active {
    padding-top: 50px;
  }

  header {
    padding: 13px 20px 13px 10px;
  }

  .bannerArea {
    padding: 38px 15px 18px 15px;
    position: relative;
  }

  .banerList li {
    color: #febc53;
    text-shadow: 1px 1px 0px black;
  }

  .bannerCont {
    position: relative;
    z-index: 1;
  }

  .container {
    padding: 0 3%;
  }

  .bannerArea::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #00000000;
    border-radius: 20px;
  }

  .bannerTextArea {
    margin-top: 0;
  }

  .heading-part {
    font-size: 27px;
    width: 100%;
    text-shadow: 1px 1px 0px black;
    margin-bottom: 10px;
  }

  .bannerTextArea .para {
    font-size: 17px;
    margin-bottom: 10px;
    text-shadow: 1px 1px 0px black;
  }

  .banerList li+li::before {
    width: 6px;
    height: 6px;
    top: 56%;
    left: 6px;
  }

  .banerList li+li {
    margin-left: 0px;
    position: relative;
    padding-left: 18px;
  }

  .bannerTextArea img {
    max-width: 100px;
    height: 100px;
    object-fit: contain;
    background-color: #ffffff;
    border-radius: 11px;
  }

  .formBox {
    padding: 14px;
  }



  h5 {
    margin-bottom: 28px;
    font-size: 30px;
    line-height: normal;
  }

  .deailArea {
    padding: 40px 0;
  }

  .eachGallery img.middleimg {
    height: auto;
  }

  .ourpreviousworkArea {
    padding: 30px 0 30px;
  }

  .totalChoose,
  .totalWhyus,
  .total-work {
    flex-direction: row;
    flex-wrap: wrap;

  }

  .dealContArea {
    padding: 35px 15px 15px 15px;
  }

  h4 {
    text-align: center;
  }

  .dealContArea h6 {
    font-size: 27px;
    margin-top: 20px;
    text-align: center;
    line-height: normal;
  }

  .separator {
    font-size: 58px;
    font-weight: bold;
    line-height: normal;
    height: auto;
    margin-top: 0px;
  }

  .countdown {
    align-items: center;
    justify-content: center;

  }

  .label {
    font-size: 30px;
    margin-top: 0px;
  }

  .number {
    font-size: 50px;
    width: 90px;
  }

  .gallery img {
    border-radius: 10px;
    max-height: 200px;
    width: 100%;
    object-fit: cover;
  }

  .gallery {
    column-count: 1;
    column-gap: 10px;
  }

  .eachus-content p {
    font-size: 14px;
    line-height: 1.5;
  }

  .eachchoose {
    padding: 5px 0;
    width: 45%;
  }

  .totalChoose {
    gap: 20px;
  }

  .whyUs {
    padding: 60px 0 60px;
  }

  .eachus {
    transition: all 0.9s ease-in-out;
    padding: 15px 10px;
  }

  .totalWhyus.totalWhyus-new-last {
    gap: 10px;
  }

  .eachus,
  .totalWhyus.totalWhyus-new-last .eachus {
    width: 50%;
  }

  .each-work {
    padding: 15px;
  }

  .work-content p {
    min-height: auto;
  }

  .info,
  .info span {
    font-size: 15px !important;
  }

  .testiCont .owl-dots {
    left: 28% !important;
    bottom: -23px !important;
    left: 40% !important;
  }

  .testiCont .owl-dot.active {
    width: 25px !important;
    height: 25px !important;
  }

  .accordion:last-child {
    padding-left: 0;
  }

  .faq .col-12 {
    width: 100%;
  }

  .all-services {
    /* flex-direction: column; */
  }

  .logo img {
    width: 70px !important;
  }

  .footercolumn4 {
    width: 100%;
    margin-top: 5%;
  }

  .footerheding {
    margin-bottom: 10px;
  }

  .pool-models .col-md-6 {
    width: 500%;
  }

  .tabs .tab , .tab-owl .tab {
    font-size: 13px;
    height: 36px;
    width: fit-content;
    padding: 0px 7px;
    margin: 0 auto;
  }

 .tabs {
    overflow-x: auto;
    width: 100%;
    gap: 8px;
    justify-content: left;
    margin: 20px 20px 30px;
    scroll-behavior: smooth;
    white-space: nowrap;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
    

  .tab {
    flex: 0 0 auto;
  }

  .projectdiv {
    height: 285px;
  }

  .tab-img img {
    height: 285px !important;
  }

  .projectslider .owl-dots {
    gap: 5px;
    bottom: -20% !important;
  }

  .projectslider .owl-dot span {
    height: 10px;
    width: 10px;
    margin-right: 0;
  }

.section-subheading.reac-text {
    margin: 20px 0 20px !important;
}

  .pool-model-wrapper::-webkit-scrollbar {
    display: none;
  }

  .pool-model-wrapper span {
    width: 45px;
    height: 30px;
    position: absolute;
  }

  span#customPrev {
    bottom: 4%;
    left: 11%;
  }

 span#customNext {
    bottom: 4%;
    right: 11%;
}
  .scroll-btn{
  display: block !important;
}
 
.pool-model-wrapper {
    margin: 0;
}



 span#scrollRight {
    right: -1%;
    width: 40px;
    font-size: 12px;
    line-height: 29px;
}
span#scrollLeft {
    left: -1%;
    width: 40px;
    font-size: 12px;
    line-height: 29px;
}
.tab-slider .owl-nav , .tab-slider .owl-dot{
display: block;
}
.tab-slider .owl-dot span {
    height: 10px;
    width: 10px;
    margin-right: 0;
    border-radius: 50%;
    display: inline-block;
    background: #E2E2E2 !important;
}
.tab-slider .owl-dot.active span {
    background: #0082D8 !important;
}

.tab-slider .owl-nav {
    bottom: -22px;
    left: 0;
    transform: none;
    display: inline-flex;
    padding: 0;
    justify-content: space-between;
    align-items: center;
    gap: 0;
    width: 100%;
    border-radius: 0;
    border: none;
    background: none !important;
    backdrop-filter: none !important;
}
.tab-slider .owl-dots {
    position: absolute;
    bottom: -8%;
    z-index: 2222;
    left: 50%;
    display: flex;
    align-items: center;
    transform: none;
    gap: 10px;
    transform: translateX(-50%);
}
.tab-slider button.owl-dot {
    height: 10px;
    width: 10px;
    aspect-ratio: 1/1;
    border-radius: 50%;
    border: none!important;
    display: block;
    background-color:transparent !important;
}
 .tab-slider button.owl-dot.active {
  background-color: none !important;
}
.tab-slider .owl-next , .tab-slider .owl-prev{
    border: 1px solid rgba(0, 0, 0, 0.15) !important;
    width: 45px;
    height: 30px;
    border-radius: 17px;
}
.tab-slider .owl-next {
    right: 10%;
    position: absolute;
}
.tab-slider .owl-prev {
    left: 10%;
    position: absolute;
}
.tab-owl {
    display: block !important;
}
.tab-owl .owl-nav {
    position: relative;
    bottom: 0;
    left: auto;
    transform: none;
    gap: 0px;
    width: 100%;
    border-radius: 60px;
    border: none;
    background: transparent;
    backdrop-filter: none;
    display: block;
}
.tab-owl.owl-carousel.owl-loaded.owl-drag {
    padding: 0 45px;
}
.tab-owl .owl-next, .tab-owl .owl-prev {
    border: 1px solid rgba(0, 0, 0, 0.15) !important;
    width: 36px;
    height: 25px;
    border-radius: 17px;
}
.tab-owl .owl-next {
    position: absolute;
    right: -45px;
    bottom: 0;
    transform: translateY(-18px);
}
.tab-owl .owl-prev {
    position: absolute;
    left: -45px;
    bottom: 0;
    transform: translateY(-18px);
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .banner-area {
    padding: 70px 0px 160px;
  }
  .slider-wrapper {
    margin-top: 100px;
  }
  .offer-area .offer-timer-wrapper {
    margin-top: 30px;
  }
  .single-abt-section {
    margin: 15px 0px 40px;
  }
  .xt-text-wrapper {
    justify-content: center;
  }
  .xt-text-wrapper p {
    width: 50%;
    text-align: center;
  }
  .xt-text-wrapper span {
    width: 20%;
    margin: 0px 20px;
  }
  .about-area .section-heading {
    text-align: center;
  }
  .about-area .section-heading br{
    display: none;
  }
  .about-area p.section-subheading {
    text-align: center;
    margin-bottom: 20px;
  }
  .sas-heading {
    margin: 15px 0px 5px;
  }
  .about-image-wrapper img {
    border-radius: 20px;
  }
  .marquee {
    padding-bottom: 0px;
  }
  .marquee h1 {
    font-size: 35px;
  }
  .single-abt-section img {
    height: 40px;
  }

  .tab_sec {
    height: 420px; 
  }
  h2.section-heading {
    font-size: 35px;
  }
  img.award-main-img {
    height: 400px;
  }
  img.award-1 {
    height: 110px;
  }
  img.award-2 {
    height: 110px;
  }
  .award-content p br {
    display: none;
  }
  .offer-main-img {
    height: 400px;
    width: 100%;
    margin-bottom: 20px;
  }

  .pool-models .section-body br {
    display: none;
  }

  .tabs {
    gap: 30px;
  }
  .projectslider .owl-dots {
    bottom: -20% !important;
  }

  .tabs .tab {
    font-size: 14px;
    border-radius: 12px;
    height: 45px;
    line-height: 1.2;
  }

  .tabs .tab.active {
    border-radius: 12px;
    height: 45px;
  }

  .projectdiv,
  .tab-img img {
    height: 290px !important;
  }

}

@media (min-width: 992px) and (max-width: 1499px) {
  .tab-contents p {
    font-size: 12px;
    height: 120px;
  }
}