@font-face {

  font-family: "Fontspring-DEMO-theseasons-lt";

  src: url('../fonts/Fontspring-DEMO-theseasons-lt.otf');

}



@font-face {

  font-family: "Swiss";

  src: url('../fonts/Swiss\ 721\ SWA.ttf');

}



html {

  font-size: 10px;

}



body {

  font-size: 1.4rem;

  font-family: "Swiss", sans-serif;

  font-style: normal;

  font-weight: 400;

}



body::-webkit-scrollbar-track {

  -webkit-box-shadow: inset 0 0 0.6rem rgba(0, 0, 0, 0.3);

  background-color: #F5F5F5;

  border-radius: 0px;

}



body::-webkit-scrollbar {

  width: 0.9rem;

  background-color: #F5F5F5;

}



body::-webkit-scrollbar-thumb {

  background-color: #AAA;

  border-radius: 0px;

  background-image: -webkit-linear-gradient(5deg, #095652 53%, #095652 99%)

}



.modal::-webkit-scrollbar-track {

  -webkit-box-shadow: inset 0 0 0.6rem rgba(0, 0, 0, 0.3);

  background-color: #F5F5F5;

  border-radius: 0px;

}



.modal::-webkit-scrollbar {

  width: 0.9rem;

  background-color: #F5F5F5;

}



.modal::-webkit-scrollbar-thumb {

  background-color: #AAA;

  border-radius: 0px;

  background-image: -webkit-linear-gradient(5deg, #095652 53%, #095652 99%)

}



#lock {

  display: none;

}



.heading {

  font-weight: 800 !important;

  color: #fff;

  font-size: 3rem;

  text-transform: uppercase !important;

  margin-bottom: 0.8rem !important;

  font-family: "Fontspring-DEMO-theseasons-lt";

  letter-spacing: 2px;

}



.heading {

  /* background: linear-gradient(45deg, #fef3d2 20%, #d59247 100%);

    -webkit-text-fill-color: transparent; */

  -webkit-background-clip: text;

}



#Features .heading {

  background: unset;

  -webkit-text-fill-color: unset;

  -webkit-background-clip: unset;

  color: #095652;

}



.subheading {

  font-family: "zona";

  letter-spacing: 0.2rem;

  font-size: 2.3rem;

  text-transform: uppercase !important;

  margin-bottom: 1rem;

}



.bg {

  background-color: #f0f0f0;

}



.paratext {

  line-height: 2.1rem;

  letter-spacing: 2px;

text-align: center;

  margin-bottom: 1.2rem;

  font-size: 1.8rem;

}



.carousel .carousel-control-prev:hover,

.carousel .carousel-control-next:hover {

  transition: all 0.6s ease;

  background: white !important;

  color: #fff;

}



.carousel .carousel-control-prev:hover iconify-icon,

.carousel .carousel-control-next:hover iconify-icon {

  background: transparent !important;

  color: #095652;

}



.owl-nav .owl-prev:hover,

.owl-nav .owl-next:hover {

  transition: all 0.6s ease;

  background: white !important;

  color: #fff;

}



.owl-nav .owl-prev:hover iconify-icon,

.owl-nav .owl-next:hover iconify-icon {

  background: transparent !important;

  color: #095652;

}



/* ==================== navbar start ==================== */

.header {

  position: fixed;

  top: 0rem;

  z-index: 999;

  left: 0;

  background: #095652;

  box-shadow: 0 0 0.5rem 0.5rem #dcd6d630;

}



.header #mainNav {

  padding: 1rem 0;

}

.logodmag{

margin-left: -22.5px;

}

.navbar .navbar-brand {

  width: 12%;

}



.header .navbar-brand {

  padding-top: 0.5rem;

  padding-bottom: 0.5rem;

  font-size: 2.0rem;

}

.project-logo {
  text-align: center;
}

.project-logo img {
  max-width: 85% !important;
}


.header .navbar-nav .nav-item .nav-link {

  padding: 0.8rem 1rem;

  font-size: 1.55rem;

  color: #fff;

  text-transform: uppercase;

  transition: all 0.6s ease;

  font-weight: 300;

}



.header .navbar-nav .nav-item .nav-link:hover,

.header .navbar-nav .nav-item .nav-link.active {

  transition: all 0.6s ease;

  color: #d89049;

}



.navbar .navbar-nav .nav-item .nav-link:hover,

.navbar .navbar-nav .nav-item .nav-link.active {

  transition: all 0.6s ease;

  color: #fff;

  font-weight: 900;

  /* background: linear-gradient(45deg, #fae8b2 20%, #fff 100%);

  -webkit-text-fill-color: transparent; */

  -webkit-background-clip: text;

}



/* ==================== navbar End ==================== */



/* ==================== Slider start ==================== */

.home .arrowslide {

  width: 11.7rem;

  position: absolute;

  z-index: 1;

  bottom: 20%;

  left: 3%;

}



.carousel .carousel-control-prev,

.carousel .carousel-control-next {

  width: 4.5rem;

  height: 4.5rem;

  border: 0.2rem solid #000 !important;

  color: #000;

  border-radius: 50%;

  opacity: 1;

  top: 50%;

  transform: translateY(-50%);

  transition: all 0.6s ease;

  cursor: pointer;

}



/* ==================== Slider end ==================== */



/* ==================== Highlight Start ==================== */

.highlights {

  position: relative;

  background-color: #095652;

/* background-image: url(../img/bg001.jpg); */

/* background-repeat: no-repeat; */

background-size: cover;

  padding: 8rem 0;

}



.highlights .containerstyle {

  width: 87%;

  margin-right: auto !important;

  margin-left: auto !important;

}



/* .iconsboxs p{background: linear-gradient(45deg, #fef3d2 20%, #d59247 100%);

    -webkit-text-fill-color: transparent;

    -webkit-background-clip: text;font-size: 1.2rem;} */

.iconsboxs p {

  color: #c8a464;

  font-size: 1.1rem;

}



.iconsboxs .icon {

  margin-bottom: 1.2rem;

}



#DownloadBrchure {
  box-shadow: 0 0rem 0.2rem 0.1rem #fff;
  color: #fff;
  text-transform: uppercase;
  font-weight: 500;
  padding: 1.2rem 2.1rem;
  border-radius: 0;
  font-size: 1.5rem;
  background: #d28c72;
  position: relative;
  z-index: 1;
  transition: all 0.6s ease;
}



#DownloadBrchure:hover {

  color: #095652;

}



#DownloadBrchure:hover::before {

  transition: all 0.6s ease;

  height: 100%;

}



#DownloadBrchure::before {

  content: "";

  position: absolute;

  width: 100%;

  height: 0;

  z-index: -1;

  bottom: 0;

  background: linear-gradient(180deg, #ffff 20%, #fff 100%);

  transition: all 0.6s ease;

  left: 0;

  right: 0;

  margin: 0 auto;

}

.maguspara{

  font-size: 19px;

}

/* ==================== Highlight end ==================== */

.ameheading {

  display: flex

;

  align-items: center;

  justify-content: center;

}

/* ==================== Amenities start ==================== */

.mainbg {

  /* background-image: url(../img/bgpattern.webp); */

  background-repeat: no-repeat;

  background-size: cover;

}



.amenities {

  position: relative;

  padding: 8rem 0;

}



.amenities .containerstyle {

  width: 87%;

  margin-right: auto !important;

  margin-left: auto !important;

}



.amenities .amenitiesbox {

  max-width: 95%;

}



.amenities .nav-tabs {

  background: #fff;

  border: 0;

  width: 81%;

  padding: 0 0 0 15%;

  margin-top: 5.5rem;

}



.amenities .nav-tabs .nav-item {

  padding: 2rem 0;

  margin: 0;

}



.amenities .nav-tabs .nav-item .nav-link {

  cursor: pointer;

  padding: 0;

  border: 0;

  text-transform: uppercase;

  line-height: 2.6rem;

  position: relative;

  color: #095652;

}



.amenities .nav-tabs .nav-item .nav-link::before {

  content: "";

  position: absolute;

  width: 0%;

  height: 0.2rem;

  background: linear-gradient(45deg, #d59347c1 20%, #d59247 100%);

  left: 0;

  transition: all 0.6s ease;

  bottom: 0;

}



.amenities .nav-tabs .nav-item .tabhead1 {

  font-family: "zona";

  letter-spacing: 0.2rem;

  font-size: 2.5rem;

  color: #d89049;

  background: linear-gradient(45deg, #d59347c1 20%, #d59247 100%);

  -webkit-text-fill-color: transparent;

  -webkit-background-clip: text;

}



.amenities .nav-tabs .nav-item .tabsubhead1 {

  font-family: "zona";

  letter-spacing: 0.2rem;

  font-size: 1.6rem;

}



.amenities .nav-tabs .nav-item .nav-link.active::before,

.amenities .nav-tabs .nav-item .nav-link:hover::before {

  width: 100%;

  transition: all 0.6s ease;

}



.amenities .nav-tabs .nav-item .nav-link::before {

  content: "";

  position: absolute;

  width: 0%;

  height: 0.2rem;

  background: linear-gradient(45deg, #d59347c1 20%, #d59247 100%);

  left: 0;

  transition: all 0.6s ease;

  bottom: 0;

}



.amenities .nav-tabs .nav-item {

  padding: 2rem 0;

}



.amenities .nav-tabs .nav-item:nth-child(2) {

  margin: 0 0 0 11%;

  padding: 2rem 0;

}



.amenities .nav-tabs .nav-item:nth-child(3) {

  margin: 0 0 0 11%;

  padding: 2rem 0;

}



.amenities .amenitiesimg {

  padding-right: 19%;

  position: relative;

}



.amenities .amenitiesimg .overlaypath {

  position: absolute;

  bottom: 0;

  right: 0;

  width: 25%;

  /* background: url(../img/bgpath.png) #b29766 no-repeat; */

  background: url(../img/bgpath.png), linear-gradient(181deg, #fef3d2 20%, #d59247 100%);

  background-repeat: no-repeat;

  display: flex;

  justify-content: center;

  align-items: center;

  text-align: center;

  background-position: right top;

  height: 38.4rem;

  background-size: cover;

}



.amenities .amenitiesimg .overlaypath .amenhead {

  color: #fff !important;

  font-family: "zona";

  letter-spacing: 0.2rem;

  font-size: 3rem;

  margin: 0;

}



.amenities .tab-content .arrowslide {

  width: 11.7rem;

  position: absolute;

  z-index: 1;

  bottom: 11%;

  right: 8%;

}



.amenities .carousel .carousel-control-prev,

.amenities .carousel .carousel-control-next {

  width: 4.5rem;

  height: 4.5rem;

  border: 0.2rem solid #fff !important;

  color: #fff;

  border-radius: 50%;

  opacity: 1;

  top: 50%;

  transform: translateY(-50%);

  transition: all 0.6s ease;

  cursor: pointer;

}



.amenities .heading {

  color: #095652;

  background: unset;

  -webkit-text-fill-color: unset;

  -webkit-background-clip: unset;

  margin-bottom: 0.8rem !important;

  letter-spacing: 2px;

}



/* ==================== Amenities end ==================== */



/* Construction section css  */



/* construction section css */



/* ==================== specifications Start ==================== */

/* .specifications {

  padding-bottom: 4rem;

} */



.specifications .spechead {

  color: #d89049;

  font-family: "zona";

  font-weight: 600;

  letter-spacing: 0.2rem;

  font-size: 2.1rem;

  background: linear-gradient(45deg, #d59347c1 20%, #d59247 100%);

  -webkit-text-fill-color: transparent;

  -webkit-background-clip: text;

}



.specifications .specul {

  font-size: 1.4rem;

}



.specifications ul {

  padding: 0 0 0 2rem;

  margin: -2.6rem 0 0;

}



.specifications .containerstyle {

  max-width: 95%;

  margin-left: auto;

}



.specifications .heading {

  color: #095652;

  margin-bottom: 0.8rem !important;

  background: unset;

  -webkit-text-fill-color: unset;

  -webkit-background-clip: unset;

}



.specifications .owl-nav {

  display: flex;

  flex-wrap: wrap;

  justify-content: center;

  width: 10rem;

  margin-top: 1.6rem;

}



.specifications .owl-nav .owl-prev,

.specifications .owl-nav .owl-next {

  width: 4.5rem;

  height: 4.5rem;

  border: 0.2rem solid #fff !important;

  color: #fff;

  border-radius: 50%;

  opacity: 1;

  transition: all 0.6s ease;

  cursor: pointer;

  display: flex;

  flex-wrap: wrap;

  justify-content: center;

  align-items: center;

  border: 0.1rem solid #b29766 !important;

}



.specifications .owl-nav iconify-icon {

  color: #b29766;

}



.specifications .owl-next {

  margin-left: auto;

}



.specifications ul li::marker {

  color: #095652;

}



.specifications .owlspecification {

  margin-top: 4.6rem;

}



.specifications ul li {

  font-size: 1.6rem;

  margin-bottom: 0.6rem;

}



.specifications .accordion-header button,

.specifications .accordion-header button:focus {

  display: block;

  padding: 1.1rem 3.5rem;

  font-size: 1.6rem;

  color: #fff;

  background: #095652;

  border-bottom: 0.1rem solid #fff;

  position: relative;

  font-family: "zona", sans-serif;

  text-transform: capitalize;

  transition: all 0.3s ease 0s;

  box-shadow: none;

}



.specifications .accordion-header button:hover {

  color: #ffc58b;

}



.specifications .accordion-header button:after {

  content: "+";

  /* font-family: "Font Awesome 5 Free"; */

  font-weight: 900;

  width: 3rem;

  height: 3rem;

  line-height: 2rem;

  border-radius: 50%;

  background: #FFF;

  text-align: center;

  font-size: 1.2rem;

  color: #095652;

  border: 0.5rem solid #095652;

  position: absolute;

  top: 0.4rem;

  left: 0rem;

  transition: all 0.3s ease 0s;

}



.specifications .accordion-header button:not(.collapsed)::after {

  content: "x" !important;

  font-family: "zona";

}



.specifications .accordion-header button[aria-expanded=true]::after {

  content: "x" !important;

  font-family: "zona";



}



.specifications .accordion-header button[aria-expanded=true] {

  content: "x" !important;



}



.specifications .accordion-body {

  background: #095652;

  color: #fff;

  font-size: 1.5rem;



}



/* ==================== specifications end ==================== */



/* ==================== Plans Start ==================== */

.plans {

  position: relative;

  padding: 8rem 0;

 background-color: #095652;

  padding: 8rem 0;

  position: relative;

  /* background-size: cover; */

}



.plans .owlplans {

  margin-top: 2.4rem !important;

}



.plans .containerstyle {

  max-width: 100%;



}




.plans .owlplans .overlay {

  position: absolute;

  width: 100%;

  height: 100%;

  display: flex;

  align-items: center;

  justify-content: center;

  top: 0;

  cursor: pointer;

  transition: all 0.6s ease;

}



.plans .overlay .ico {

  width: 4.5rem;

  height: 4.5rem;

  border-radius: 50%;

  border: 0.2rem solid #000;

  color: #000;

  display: flex;

  align-items: center;

  justify-content: center;

  transition: all 0.6s ease;

}



.plans .owlplans .img {

  position: relative;

}



.plans .owlplans .headfnt {

  color: #fff;

  font-family: "zona";

  letter-spacing: 0.2rem;

  margin: 1.6rem 0;

  font-size: 2.1rem;

}



.plans .owlplans .owl-nav {

  display: flex;

  flex-wrap: wrap;

  justify-content: center;

  width: 10rem;

  margin-top: 1rem;

}



.plans .owlplans .owl-nav .owl-prev,

.plans .owlplans .owl-nav .owl-next {

  width: 4.5rem;

  height: 4.5rem;

  border: 0.2rem solid #fff !important;

  color: #fff;

  border-radius: 50%;

  opacity: 1;

  transition: all 0.6s ease;

  cursor: pointer;

  display: flex;

  flex-wrap: wrap;

  justify-content: center;

  align-items: center;

}



.plans .owlplans .owl-nav .owl-next {

  margin-left: auto;

}



.plans .heading {

  color: #fff;

}



.plans .subheading {

  color: #fff;

}



.plans .owlplans .ico iconify-icon {

  font-size: 2rem;

}



.fimg-blurimg {

  filter: blur(3px);

}



/* ==================== Plans end ==================== */

/* ==================== Location start ==================== */

#Location .accordion-header button,

#Location .accordion-header button:focus {

  display: block;

  padding: 1.1rem 3.5rem;

  font-size: 1.6rem;

  color: #fff;

  background: #095652;

  border-bottom: 0.1rem solid #fff;

  position: relative;

  font-family: "zona", sans-serif;

  text-transform: capitalize;

  transition: all 0.3s ease 0s;

  box-shadow: none;

}



#Location .accordion-header button:hover {

  color: #fff;

}



#Location .accordion-header button:after {

  content: "+";

  /* font-family: "Font Awesome 5 Free"; */

  font-weight: 900;

  width: 3rem;

  height: 3rem;

  line-height: 2rem;

  border-radius: 50%;

  background: #FFF;

  text-align: center;

  font-size: 1.2rem;

  color: #095652;

  border: 0.5rem solid #095652;

  position: absolute;

  top: 0.4rem;

  left: 0rem;

  transition: all 0.3s ease 0s;

}



#Location .accordion-header button:not(.collapsed)::after {

  content: "x" !important;

  font-family: "zona";

}



#location .accordion-header button[aria-expanded=true]::after {

  content: "x" !important;

  font-family: "zona";



}



#location .accordion-header button[aria-expanded=true] {

  content: "x" !important;



}



.accordion-body {

  background: #095652;

  color: #fff;

  font-size: 1.5rem;

  /* text-transform: lowercase; */

}



.accordion-body h4 {

  color: #ffc58b;

}



.accordion-button {

  text-transform: uppercase;

}



#Location .accordion-header:focus button:after {

  content: "-";

}



.accordion-item {

  border: none;

  box-shadow: none;

  border-radius: 1rem;

  margin-bottom: 1rem;

}



.location {

  position: relative;

  padding: 5rem 0;


}



.location .containerstyle {

  max-width: 95%;

}



.location .plaleft {

  padding-left: 1.5rem;

}



.location .subheading {

  color: #095652;

}

.location .heading{

  color: #095652;

}

.location .owllocation {

  margin-top: 4.6rem;

}



.location .locationheadbox {

  display: flex;

  flex-wrap: wrap;

}



.location .locationheadbox .ico {

  max-width: 12%;

  flex: 0 0 12%;

}



.location .locationheadbox .txt {

  max-width: 88%;

  flex: 0 0 88%;

  color: #fff;

  padding-left: 1.5rem;

}



.location .locationheadbox .locationitemhead {

  color: #d89049;

  background: linear-gradient(45deg, #d59347c1 20%, #d59247 100%);

  -webkit-text-fill-color: transparent;

  -webkit-background-clip: text;

  font-size: 1.6rem;

  font-family: "zona";

  letter-spacing: 0.2rem;

}

.headcolor{

  background: #095652;

}

.headcolor .heading {

  background: #fff;

  -webkit-text-fill-color: transparent;

  -webkit-background-clip: text;

}



.location .mobimg {

  margin: 0 1.6rem;

}



.location .loccontent {

  margin-top: 1.6rem;

}



.location .locationup {

  margin-bottom: .8rem !important;

  font-weight: 500;

}



.location .loccontent li {

  font-size: 1.5rem;

  font-weight: 300;

  margin: 0 0 0.4rem;

}



.location .owllocation .owl-nav {

  display: flex;

  flex-wrap: wrap;

  justify-content: center;

  width: 10rem;

  margin-top: 1rem;

}



.location .owllocation .owl-nav .owl-prev,

.location .owllocation .owl-nav .owl-next {

  width: 4.5rem;

  height: 4.5rem;

  border: 0.2rem solid #fff !important;

  color: #fff;

  border-radius: 50%;

  opacity: 1;

  transition: all 0.6s ease;

  cursor: pointer;

  display: flex;

  flex-wrap: wrap;

  justify-content: center;

  align-items: center;

}



.location .owllocation .owl-nav .owl-next {

  margin-left: auto;

}



/* ==================== Location end ==================== */

/* ==================== About Us Start ==================== */


.aboutdeveloper .containerstyle {

  max-width: 95%;

  margin-left: auto !important;

  position: relative;

}



.aboutdeveloper .containerstyle .overlay {

  top: 0%;

  padding: 2.4rem 5% 8rem 0;

  position: absolute;

  width: 45%;

  background: #fff;

  left: 0;

  height: 100%;

}



.aboutdeveloper .containerstyle .mainhead {

  margin-bottom: 4.8rem;

}



.aboutdeveloper .containerstyle .subheading {

  margin-bottom: 2.4rem

}



.aboutdeveloper .containerstyle .overlay p {

  line-height: 2.5rem;

}



.aboutdeveloper .containerstyle .counters {

  margin: 27rem 0 0;

  list-style-type: none;

  margin: 2.69rem 0 0;

  padding: 0;

  display: flex;

  flex-wrap: wrap;

  position: relative;

}



.aboutdeveloper .containerstyle .counters::before {

  content: "";

  width: 100%;

  height: 0.1rem;

  /* background: #b29766; */

  top: 54%;

  transform: translateY(-50%);

  left: 0;

  right: 0;

  margin: 0 auto;

  position: absolute;

  bottom: -3.6rem;

}



.aboutdeveloper .containerstyle .counters::after {

  content: "";

  width: 0.1rem;

  height: 100%;

  /* background: #b29766; */

  top: 0;

  left: -3.6rem;

  right: 0;

  margin: 0 auto;

  position: absolute;

}



.aboutdeveloper .containerstyle .counters li {

  /* max-width: 50%;

  flex: 0 0 50%; */

  margin: 0;

  text-align: center;

}



.aboutdeveloper .containerstyle .counters li:nth-child(2) {

  text-align: center;

}



.aboutdeveloper .containerstyle .counters li:nth-child(3) {

  margin-top: 1.5rem;

}



.aboutdeveloper .containerstyle .counters li:nth-child(4) {

  margin-top: 1.5rem;

  text-align: center;

}



.aboutdeveloper .containerstyle .counters li .headfnt {

  font-family: "zona";

  letter-spacing: 0.2rem;

  font-size: 3.3rem;

  color: #000;

  /* background: linear-gradient(45deg, #d59347c1 20%, #d59247 100%);

  -webkit-text-fill-color: transparent; */

  -webkit-background-clip: text;

}



.aboutdeveloper .containerstyle .counters li .smatxt {

  margin-top: -0.4rem;

  display: block;

  font-size: 11px;

}



/* ==================== About Us end ==================== */

/* ==================== Contact start ==================== */

.contactus {

  position: relative;

  padding: 4rem 0 0rem;

  background: #095652;

  color: #fff;

  /* background: url(../img/footer.webp);background-size: cover;background-repeat: no-repeat; */

}



.contactus .containerstyle {

  padding: 0 3rem 4rem;

}



.contactus .containerrow {

  margin-top: 4.8rem;

}



.contactus .containerrow .txsec.txsecf {

  margin-top: 2.4rem;

  margin-bottom: 2.72rem;

}



.contactus .containerrow .txsec {

  margin-bottom: 2.72rem;

}



.contactus .containerrow .contactusmedium {

  font-size: 1.6rem;

}



.contactus .containerrow .inputfield {

  margin-bottom: 2.72rem;

}



.contactus .containerrow input[type=text],

.contactus .containerrow input[type=tel],

.contactus .containerrow input[type=email],

.contactus .containerrow input[type=email],

.contactus .containerrow textarea {

  color: #e3e3e3;

  border: 0.1rem solid #e3e3e3;

  font-size: 1.4rem;

  background: transparent;

  width: 100%;

  padding: 1.1rem 1.2rem;

  font-size: 1.3rem;

  resize: none;

}



.contactus .containerrow input[type=text]::placeholder,

.contactus .containerrow input[type=tel]::placeholder,

.contactus .containerrow input[type=email]::placeholder,

.contactus .containerrow input[type=email]::placeholder,

.contactus .containerrow textarea::placeholder {

  color: #e3e3e3;

}



#cp-registration {

  box-shadow: 0 0.2rem 0.3rem #d89049;

  color: #fff;

  text-transform: uppercase;

  font-weight: 500;

  padding: 1.2rem 2.1rem;

  border-radius: 0;

  font-size: 1.5rem;

  background: #095652;

  position: relative;

  z-index: 1;

  transition: all 0.6s ease;

}



#cp-registration:hover::before {

  transition: all 0.6s ease;

  height: 100%;

}



#cp-registration::before {

  content: "";

  position: absolute;

  width: 100%;

  height: 0;

  z-index: -1;

  bottom: 0;

  background: linear-gradient(180deg, #fef3d2 20%, #d59247 100%);

  transition: all 0.6s ease;

  left: 0;

  right: 0;

  margin: 0 auto;

}



#btn-footer {

  box-shadow: 0 0rem 0.2rem 0.3rem #fff;

  color: #fff;

  text-transform: uppercase;

  font-weight: 500;

  padding: 1.2rem 2.1rem;

  border-radius: 0;

  font-size: 1.5rem;

  background: #095652;

  position: relative;

  z-index: 1;

  transition: all 0.6s ease;

}



#btn-footer:hover {

  color: #095652;

}



#btn-footer:hover::before {

  transition: all 0.6s ease;

  height: 100%;

}



#btn-footer::before {

  content: "";

  position: absolute;

  width: 100%;

  height: 0;

  z-index: -1;

  bottom: 0;

  background: linear-gradient(180deg, #fff 20%, #fff 100%);

  transition: all 0.6s ease;

  left: 0;

  right: 0;

  margin: 0 auto;

}



.contactus .containerrow .txsec p a {

  color: #fff;

  text-decoration: none;

}



.contactus .containerrow p.Disclaimer {

  font-size: 0.8rem;

  text-align: justify;

}



.contactus .containerrow .form-check-label {

  font-size: 0.9rem;

}



.footer .containerstyle2 {

  border-top: 0.1rem solid #fff;

  padding: 2rem 0;

  max-width: 98%;

  margin: auto;

}



.footer .containerstyle2 p {

  margin: 0;

  color: #e3e3e3;

}



.footer .containerstyle2 p a {

  color: #e3e3e3;

  text-decoration: underline;

  transition: all 0.6s ease;

}



.footer .containerstyle2 ul {

  margin: 0;

  padding: 0;

  list-style-type: none;

  justify-content: end;

}



.footer .containerstyle2 ul li a {

  color: #fff;

  text-decoration: none;

  transition: all 0.6s ease;

}



.footer .containerstyle2 ul li a {

  color: #fff;

  text-decoration: none;

  transition: all 0.6s ease;

}



.footer .containerstyle2 .icons a {

  display: inline-block;

  text-align: center;

  text-decoration: none;

  margin: 0 0.6rem;

  border-radius: 50%;

  position: relative;

}



.footer .containerstyle2 .icons p {

  display: flex;

  justify-content: center;

  align-items: center;

}



.footer .containerstyle2 .icons iconify-icon {

  font-size: 3rem;

}



/* ==================== Contact end ==================== */

/* ==================== modal Start ==================== */

.modal .modal-content .close {

  position: absolute;

  width: 5.0rem;

  height: 5.0rem;

  background: #095652;

  top: -2.0rem;

  right: -2.0rem;

  border: 0.1rem solid #d89049;

  display: flex;

  align-items: center;

  justify-content: center;

  opacity: 1 !important;

  z-index: 1;

  color: #fff;

  font-size: 2rem;

}



.modal .modal-dialog {

  max-width: 87%;

  margin: 2.9rem auto !important;

}



.modal .modal-content {

  position: relative;

  padding: 0;

  /* background: url(../img/bgpattern.webp); */

  background-repeat: no-repeat;

  background-size: cover;

}



.modal .con {

  padding: 1.6rem 1.5rem;

}



.modal .con .logo {

  width: 35%;

  margin: 0 auto;

}



#exampleModalLongTitle {

  font-size: 2.1rem;

  font-family: "zona";

  letter-spacing: 0.2rem;

}



.modal input[type=text],

.modal input[type=tel],

.modal input[type=email],

.modal textarea {

  color: #1e1e1e;

  border: 0.1rem solid #1e1e1e;

  font-size: 1.4rem;

  width: 100%;

  font-size: 1.3rem;

  resize: none;

  padding: 1.1rem 1.6rem;

  background: transparent;

}



.modal input[type=text]::placeholder,

.modal input[type=tel]::placeholder,

.modal input[type=email]::placeholder,

.modal textarea::placeholder {

  color: #1e1e1e;

}



.modal .con .form-check-label {

  font-size: 1rem;

}



.btntest {

  color: #fff;

  text-transform: uppercase;

  font-weight: 500;

  padding: 1.2rem 2.1rem;

  border-radius: 0;

  font-size: 1.5rem;

  background: #095652;

  position: relative;

  z-index: 1;

  transition: all 0.6s ease;

}



.btntest:hover::before {

  transition: all 0.6s ease;

  height: 100%;

}



.btntest::before {

  content: "";

  position: absolute;

  width: 100%;

  height: 0;

  z-index: -1;

  bottom: 0;

  border: 1px solid #000;

  /* background: linear-gradient(180deg, #fef3d2 20%, #d59247 100%);

  transition: all 0.6s ease; */

  left: 0;

  right: 0;

  margin: 0 auto;

}



/* ==================== modal end ==================== */

/* ==================== Enquire Start ==================== */

.enquieryrap {

  position: fixed;

  right: 0.8%;

  bottom: 5%;

  z-index: 11;

}



.enquieryrap .iconenqui {

  width: 4.5rem;

  height: 4.5rem;

  border-radius: 50%;

  padding: 1.2rem;

  display: flex;

  margin-bottom: 1rem;

  position: relative;

  box-shadow: unset;

  border: 0.1rem solid #b29766;

  background: #095652;

}



.enquieryrap .iconenqui .img {

  line-height: 0;

}



.enquieryrap .iconenqui .txt {

  position: absolute;

  right: 0;

  width: 17.5rem;

  background: #095652;

  padding: 1.1rem 1.3rem;

  top: 0%;

  border-radius: 1.9rem 1.9rem;

  z-index: -1;

  color: #fff;

  text-decoration: none;

  opacity: 0;

  transition: all 0.6s ease;

  transform: translateX(0);

  font-weight: 500;

  display: none;

}



.enquieryrap .iconenqui img {

  width: 100%;

}



.enquieryrap .iconenqui .img span {

  display: none;

}



.enquieryrap .iconenqui:hover .txt {

  display: block;

  opacity: 1;

  transition: all 0.6s ease;

  transform: translateX(0);

}



@keyframes pulse2 {

  0% {

    transform: scale(1, 1);

    opacity: 0;

  }



  50% {

    opacity: 0.8;

  }



  100% {

    transform: scale(1.2, 1.2);

    opacity: 0;

  }

}



#scroll,

.scroll-anchor {

  display: flex;

  position: fixed;

  bottom: 1.3rem;

  right: 0.8rem;

  background: #000;

  width: 4.0rem;

  height: 3.6rem;

  z-index: 9999;

  text-align: center;

  justify-content: center;

  align-items: center;

  color: #fff;

  transition: all 0.6s ease;

  box-shadow: 0 0.4rem 0.8rem rgba(255, 255, 255, 0.2392156863);

}



/* ==================== Enquire end ==================== */

/* Rohit css */

label.error {

  color: red;

  font-size: 1.3rem;

}



.inputfield {

  position: relative !important;

}



.inputfield label.error {

  color: red;

  font-size: 1.3rem;

  position: absolute !important;

  left: 1rem !important;

  bottom: -2.5rem !important;

}



.labelerrorposition {

  position: relative !important;

}



.labelerrorposition label.error {

  color: red;

  font-size: 1.3rem;

  position: absolute !important;

  left: 1rem !important;

  bottom: -1.8rem !important;

}



input {

  outline: unset;

}



#scroll {

  /* display: flex; */

  position: fixed;

  bottom: 1.3rem;

  right: 0.8rem;

  /* background: linear-gradient(45deg, #d59347c1 20%, #d59247 100%); */

  width: 4rem;

  height: 4rem;

  z-index: 9999;

  text-align: center;

  justify-content: center;

  align-items: center;

  color: #fff;

  /* transition: all 0.6s ease; */

  box-shadow: 0 0.4rem 0.8rem rgba(255, 255, 255, 0.2392156863);

}



#scroll.active {

  display: flex !important;

}



#scroll {

  display: none !important;

}



.aboutdeveloper .heading {

  background: #095652;

  -webkit-text-fill-color: transparent;

  -webkit-background-clip: text;

}



.form-check-label {

  position: relative;

}



.form-check-label label.error {

  position: absolute;

  top: 1.9rem;

  background: #fff;

  color: red;

  padding: 0px 0.3rem;

  border: 0.1rem solid #095652;

  z-index: 9;

  left: -0.5rem !important;

}



.form-check-label label.error:after {

  content: " ";

  position: absolute;

  left: 0.1rem;

  top: -0.9rem;

  border-top: none;

  border-right: 0.8rem solid transparent;

  border-left: 0.8rem solid transparent;

  border-bottom: 0.8rem solid red;

}



/* ======================= Amenities Start ======================= */

.innerAmenities {

  padding: 50px 0px;

}



.headAmenities {

  text-align: center;

}



#Amenities {

  .owl-carousel {

    padding: 30px 0px 0px;

  }



  .title {

    margin-bottom: 10px;

    font-size: 30px;

  }



  .owl-carousel {

    img {

      max-height: 100%;

      max-width: 100%;

      width: auto;

      height: auto;

      position: absolute;

      top: 0;

      bottom: 0;



      border: 1.5px solid #095652;

      left: 0;

      right: 0;

      margin: auto;

      height: 300px;

      /* object-fit: cover; */

      @include transition(all 0.2s ease);

      -webkit-box-shadow: 12px 12px 10px -10px rgba(0, 0, 0, .25);

      -moz-box-shadow: 12px 12px 10px -10px rgba(0, 0, 0, .25);

      box-shadow: 17px 12px 12px -12px rgb(0 0 0 / 77%);

    }



    .owl-item {

      height: 300px;

      position: relative;

      transform: scale(0.7);

      -ms-transform: scale(0.7);

      transition: all .2s;

      -webkit-transform: all .2s;

      z-index: 1;



      /* @media (max-width: 768px) {

        height: 270px;

      } */



      /* @media (max-width: 380px) {

        height: 200px;

      } */

    }



    .owl-stage-outer {

      padding-bottom: 10px;

    }

  }



  .owl-item {

    &.big {

      transform: scale(1);

      -ms-transform: scale(1);

      z-index: 3;

    }

  }



  .owl-item {

    &.medium {

      transform: scale(0.8);

      -ms-transform: scale(0.8);

      z-index: 2;



      &.mdright {

        position: relative;

        left: -30px;



        @media (min-width: 768px) {

          left: 0px;

        }

      }



      &.mdleft {

        position: relative;

        right: -30px;



        @media (min-width: 768px) {

          right: 0px;

        }

      }

    }

  }



  .owl-item {

    &.smallRight {

      &.active {

        transform: scale(0.7);

        -ms-transform: scale(0.7);

        position: relative;

        left: -30px;

      }

    }

  }



  .owl-item {

    &.smallLeft {

      &.active {

        transform: scale(0.7);

        -ms-transform: scale(0.7);

        position: relative;

        right: -30px;

      }

    }

  }



  .owl-nav {

    .owl-prev {

      left: 0px;

    }



    .owl-next {

      right: 0px;

    }

  }

}



/* #Amenities .AmenitiesSlider  .owl-nav .owl-prev,#Amenities .AmenitiesSlider  .owl-nav .owl-next{    width: 4.5rem;height: 4.5rem;border:0.2rem solid #095652 !important;color: #095652;border-radius: 50%;opacity: 1;transition: all 0.6s ease;cursor: pointer;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;} */

#Amenities .owl-nav {

  display: flex;

  justify-content: center;

  align-items: center;

}



#Amenities .owl-nav .owl-prev,

#Amenities .owl-nav .owl-next {

  width: 4.5rem;

  height: 4.5rem;

  border: 0.2rem solid #095652 !important;

  color: #095652;

  border-radius: 50%;

  opacity: 1;

  transition: all 0.6s ease;

  cursor: pointer;

  display: flex;

  flex-wrap: wrap;

  justify-content: center;

  align-items: center;

  border: 0.2rem solid #095652 !important;

}



#Amenities .owl-nav .owl-next {

  margin: 1rem;

}



.owl-prev i {

  display: none;

}



.owl-next i {

  display: none;

}



.gallery-slider a:hover .overlay {

  background-color: #b29766b7;

}



.overlay {

  position: absolute;

  top: 0;

  left: 0;

}



.overlay img {

  height: auto !important;

}



.overlay {

  width: 100%;

  height: 100%;

  overflow: hidden;

}



.overlay>img {

  left: 50%;

  margin-left: -10px;

  margin-top: -10px;

  opacity: 0;

  position: absolute;

  top: 50%;

  -webkit-transition: opacity 0.3s ease 0s;

  -o-transition: opacity 0.3s ease 0s;

  transition: opacity 0.3s ease 0s;

  border: none !important;

  width: 25px !important;

}



.gallery-slider a:hover>.overlay>img {

  opacity: 1;

}



/* ======================= Amenities End ======================= */





/* ======================= Construction Update Start ======================= */

/* .innerAmenities {

  padding: 50px 0px;

}



.headAmenities {

  text-align: center;

} */

#Construction .heading {

  color: #fff !important;

}



.construct {

  position: relative;

  padding: 8rem 0;

  /* background: #095652; */

  background-image: url(../img/bg001.jpg);

    background-repeat: no-repeat;

  background-size: cover;

}



.construct .subheading {

  color: #fff;

}



.construct .heading {

  /* background: linear-gradient(45deg, #fef3d2 20%, #d59247 100%);

  -webkit-text-fill-color: transparent; */

  -webkit-background-clip: text;

  margin-bottom: 0.8rem !important;

}



#Construction {

  .owl-carousel {

    padding: 30px 0px 0px;

  }



  .title {

    margin-bottom: 10px;

    font-size: 30px;

  }



  .owl-carousel {

    img {

      max-height: 100%;

      max-width: 100%;

      width: auto;

      height: auto;

      position: absolute;

      border: 1.5px solid #fff;

      top: 0;

      bottom: 0;

      left: 0;

      right: 0;

      margin: auto;

      height: 300px;

      /* object-fit: cover; */

      @include transition(all 0.2s ease);

      -webkit-box-shadow: 12px 12px 10px -10px rgba(0, 0, 0, .25);

      -moz-box-shadow: 12px 12px 10px -10px rgba(0, 0, 0, .25);

      box-shadow: 12px 12px 10px -10px rgba(0, 0, 0, .25);

    }



    .owl-item {

      height: 300px;

      position: relative;

      transform: scale(0.7);

      -ms-transform: scale(0.7);

      transition: all .2s;

      -webkit-transform: all .2s;

      z-index: 1;



      @media (max-width: 768px) {

        height: 270px;

      }



      @media (max-width: 380px) {

        height: 200px;

      }

    }



    .owl-stage-outer {

      padding-bottom: 10px;

    }

  }



  .owl-item {

    &.big {

      transform: scale(1);

      -ms-transform: scale(1);

      z-index: 3;

    }

  }



  .owl-item {

    &.medium {

      transform: scale(0.8);

      -ms-transform: scale(0.8);

      z-index: 2;



      &.mdright {

        position: relative;

        left: -30px;



        @media (min-width: 768px) {

          left: 0px;

        }

      }



      &.mdleft {

        position: relative;

        right: -30px;



        @media (min-width: 768px) {

          right: 0px;

        }

      }

    }

  }



  .owl-item {

    &.smallRight {

      &.active {

        transform: scale(0.7);

        -ms-transform: scale(0.7);

        position: relative;

        left: -30px;

      }

    }

  }



  .owl-item {

    &.smallLeft {

      &.active {

        transform: scale(0.7);

        -ms-transform: scale(0.7);

        position: relative;

        right: -30px;

      }

    }

  }



  .owl-nav {

    .owl-prev {

      left: 0px;

    }



    .owl-next {

      right: 0px;

    }

  }

}



/* #Amenities .AmenitiesSlider  .owl-nav .owl-prev,#Amenities .AmenitiesSlider  .owl-nav .owl-next{    width: 4.5rem;height: 4.5rem;border:0.2rem solid #095652 !important;color: #095652;border-radius: 50%;opacity: 1;transition: all 0.6s ease;cursor: pointer;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;} */

#Construction .owl-nav {

  display: flex;

  justify-content: center;

  align-items: center;

}



#Construction .owl-nav .owl-prev,

#Construction .owl-nav .owl-next {

  width: 4.5rem;

  height: 4.5rem;

  border: 0.2rem solid #fff !important;

  color: #fff;

  border-radius: 50%;

  opacity: 1;

  transition: all 0.6s ease;

  cursor: pointer;

  display: flex;

  flex-wrap: wrap;

  justify-content: center;

  align-items: center;

  border: 0.2rem solid #fff !important;

}



#Construction .owl-nav .owl-next {

  margin: 1rem;

}



.owl-prev i {

  display: none;

}



.owl-next i {

  display: none;

}



.gallery-slider a:hover .overlay {

  background-color: #b29766b7;

}



.overlay {

  position: absolute;

  top: 0;

  left: 0;

  /* new ================ */

  width: 100%;

  height: 100%;

  overflow: hidden;

}



.overlay img {

  height: auto !important;

}



.overlay {

  width: 100%;

  height: 100%;

  overflow: hidden;

}



.overlay>img {

  left: 50%;

  margin-left: -10px;

  margin-top: -10px;

  opacity: 0;

  position: absolute;

  top: 50%;

  -webkit-transition: opacity 0.3s ease 0s;

  -o-transition: opacity 0.3s ease 0s;

  transition: opacity 0.3s ease 0s;

  border: none !important;

  width: 25px !important;

}



.gallery-slider a:hover>.overlay>img {

  opacity: 1;

}



/* Blue overlay for date */

.date-overlay {

  position: absolute;

  bottom: 0px;

  left: 0px;

  background-color: #095652;

  /* Semi-transparent blue */

  color: #fff;

  padding: 5px 10px;

  font-size: 0.9rem;

  /* border-radius: 3px; */

  font-weight: bold;

  transition: all 0.3s ease-in-out;

}



/* Adjust hover effect for overlay */

.gallery-slider a:hover .overlay {

  background-color: #b29766b7;

}



/* Hover effect on date overlay (optional) */

.gallery-slider a:hover .date-overlay {

  background-color: #17042bc7;

  /* Darker blue on hover */

}



#DownloadBrchuremob {

  display: none;

}



/* ======================= Construction Update End ======================= */

.largetitleimg{

  /* background-color: #fff; */

  /* box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; */

}

/* ==================== AboutUs Start ==================== */

.aboutimgsize img {

  width: 70px;

}



.innerAboutUs {

  background-image: url(../img/bg1.jpg);

  background-repeat: no-repeat;

  background-size: cover;

  background-repeat: no-repeat;

  background-size: cover;

  color: #fff;

}



.innerAboutUs .section-head {

  color: #fff;

}



.innerAboutUs .headingborder1 {

  border-color: #fff;

}



#AboutUs {

  position: relative;

}



.ameelementimgup2 {

  position: absolute;

  top: -25px;

  left: 20%;

}



.ameelementimgdown2 {

  position: absolute;

  bottom: -25px;

  left: 20%;

}



.section-title {

  z-index: 1;

  margin-bottom: 0px;

  padding: 0px 0px 30px;

  text-align: left;

  position: relative;

}



.small-line {

  color: #ffff;

  font-size: 18px;

  position: relative;

  letter-spacing: 5px;

  margin-bottom: 20px;

  text-transform: uppercase;

}



.small-line:after {

  top: 13px;

  content: '';

  height: 2px;

  width: 100px;

  right: -120px;

  position: absolute;

  background-color: #bf9c26;

}



.section-title h2 {

  color: #b2904a;

}



.aboutpara p {

  text-align: justify;

  color: #000;

  font-size: 14px;

  letter-spacing: 1.2px;



}



.aboutuscount h1 {

  font-weight: 700;

}



/* #AboutUs {

  background: linear-gradient(to right, #fef5ec 45%, #fff 45%);



} */

.AboutUs .containerstyle {

  max-width: 95%;

  margin-left: auto !important;

  position: relative;

}

.colpadding {

  padding: 0px 20px 0px 20px;

}



#AboutUs ul li span {

  font-size: 20px;

  color: #000;

}



#AboutUs h1 {

  color: #000;

}



#AboutUs .borderbottom {

  font-size: 13px;

}



.counterbg {

  background-color: #fff;

  height: 130px;

  display: flex;

  justify-content: center;

  align-items: center;

  flex-direction: column;

  padding: 5px;

  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;

}

.AboutUs .heading{

  color: #000 !important;

}



/* ==================== AboutUs End ==================== */

body, html {
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
}

.main-container {

    height: 100svh;
    width: 100svw;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.iframe-container {
    flex-grow: 1;
}

.iframe-fullscreen {
    width: 100%;
    height: 100%;
    border: none;
}



.magus-config-section{
    padding: 80px 0;
    background: #f8f8f8;
}

.magus-config-head{
    margin-bottom: 40px;
}

.magus-config-title{
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #c97f62;
    margin-bottom: 10px;
}

.magus-config-subtitle{
    font-size: 38px;
    font-weight: 700;
    color: #1f1f1f;
    margin: 0;
}

.magus-config-table{
    width: 100%;
    background: #fff;
    border-collapse: collapse;
    overflow: hidden;
    border-radius: 12px;
}

.magus-config-table thead tr{
    background: #e49a78;
}

.magus-config-table thead th{
    color: #fff;
    padding: 18px;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
}

.magus-config-table tbody td{
    padding: 18px;
    font-size: 16px;
    color: #222;
    text-align: center;
    border-bottom: 1px solid #e8e8e8;
}

.magus-config-highlight td{
    background: #e49a78;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    padding: 14px;
    border-bottom: 0;
}

.magus-price-btn{
    display: inline-block;
    padding: 10px 22px;
    background: #e49a78;
    color: #fff;
    text-decoration: none;
    border-radius: 30px;
    font-size: 14px;
    font-weight: 600;
    transition: 0.3s ease;
}

.magus-price-btn:hover{
    background: #0c5c56;
    color: #fff;
}

@media(max-width:767px){

    .magus-config-section{
        padding: 60px 0;
    }

    .magus-config-subtitle{
        font-size: 28px;
    }

    .magus-config-table thead th,
    .magus-config-table tbody td{
        padding: 14px 10px;
        font-size: 14px;
    }

    .magus-config-highlight td{
        font-size: 18px;
    }

}


.error-text{
    color: red;
    font-size: 13px;
}

.form-error{
    color:#ff0000;
    font-size:13px;
    display:block;
    margin-top:5px;
}



.thankyou-wrapper{
    width: 100%;
    padding: 20px;
    height: 100vh;
    display: flex;
    align-items: center;
}

.thankyou-card{

    background:#fff;

    max-width:650px;

    margin:auto;

    border-radius:30px;

    padding:60px 45px;

    text-align:center;

    box-shadow:
    0 15px 50px rgba(0,0,0,0.08);

    position:relative;

    overflow:hidden;
}

.thankyou-card::before{

    content:'';

    position:absolute;

    width:250px;
    height:250px;

    background:#e49a78;

    border-radius:50%;

    top:-120px;
    right:-120px;

    opacity:.08;
}

.thankyou-card::after{

    content:'';

    position:absolute;

    width:180px;
    height:180px;

    background:#e49a78;

    border-radius:50%;

    bottom:-80px;
    left:-80px;

    opacity:.08;
}

.logo-box img{

    max-width:180px;

    margin-bottom:35px;
}

.success-icon{

    width:95px;
    height:95px;

    background:
    linear-gradient(
    135deg,
    #e49a78,
    #e49a78
    );

    color:#fff;

    font-size:42px;

    border-radius:50%;

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

    margin:0 auto 30px;

    box-shadow:
    0 12px 30px rgba(16,185,129,0.35);
}

.thankyou-card h1{

    font-size:42px;

    font-weight:700;

    color:#111827;

    margin-bottom:18px;
}

.thankyou-card p{

    font-size:17px;

    line-height:1.8;

    color:#6b7280;

    max-width:500px;

    margin:auto auto 35px;
}

.back-btn{

    display:inline-flex;

    align-items:center;
    justify-content:center;

    padding:15px 38px;

    background:
    linear-gradient(
    135deg,
    #e49a78,
    #e49a78
    );

    color:#fff;

    text-decoration:none;

    font-size:15px;

    font-weight:600;

    border-radius:60px;

    transition:.3s ease;

    box-shadow:
    0 10px 25px rgba(79,70,229,0.25);
}

.back-btn:hover{

    transform:translateY(-3px);

    color:#fff;

    box-shadow:
    0 15px 35px rgba(79,70,229,0.35);
}

@media(max-width:768px){

    .thankyou-card{

        padding:45px 25px;
        border-radius:24px;
    }

    .thankyou-card h1{

        font-size:32px;
    }

    .thankyou-card p{

        font-size:15px;
    }

    .success-icon{

        width:80px;
        height:80px;

        font-size:35px;
    }

}