@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

:root{
    --text-primary: #060606;
    --text-secondary: #E67A6E;
    --text-blue: #363476;
    --text-purple: #1B1A3C;
    --purple-bg-color: #1B1A3C;
    --light-pink-color: #FFD5D0;
    --dark-pink-color: #E67A6E;
}

html{
    scroll-behavior: smooth;
}

body{
    color: #232323;
    font-size: 16px;
    font-weight: 500;
    line-height:25px;
    font-family:  "Montserrat", sans-serif;
}

/* ---- default ---- */
a{
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    font-family:  "Montserrat", sans-serif;
}
p, ul li{
    font-size: 16px;
    font-weight: 500;
    font-family:  "Montserrat", sans-serif;
    text-align: inherit;
}
ul,ol,figure{
    margin: 0;
    padding: 0;
}
h1, h2, h3, h4, h5, h6{
    font-weight: 600;
    font-family:  "Montserrat", sans-serif;
    color: #1B1A3C;
}

button:focus, .btn:focus, .navbar-toggler:focus, .form-control:focus{box-shadow: none;}

hr{border-top: 1px solid #fff;}

/* Font Size */
.fw-normal{font-weight: 400!important;}
.fw-medium{font-weight: 500!important;}
.fw-semibold{font-weight: 600!important;}
.fw-bold{font-weight: 700!important;}

/* text color and bg */
.text-primary{color: var(--text-primary)!important;}
.text-secondary{color: var(--text-secondary)!important;}
.text-purple {color: var(--text-purple);}
.text-blue {color: var(--text-blue);}
.text-light-pink{color: var(--light-pink-color);}
.bg-primary{background-color: var(--purple-bg-color)!important;}
.dark-pink {background-color: var(--dark-pink-color)!important;}
.text-justify {text-align: justify;}
.bg-light{background-color: #EFEFEF;}

/* btn */
.btn{
    color: #fff;
    padding: .6rem 1.6rem;
}
.btn:hover{
    color: #fff;
}
/* theme-btn */
.theme-btn{
    position: relative;
    border: none;
    background-color:#363476;
    padding:4px 25px;
    width:auto;
    overflow: hidden;
    position: relative;
    transition: 0.5s;
}
.theme-btn a{font-size: 15px;    color: #fff;}
.theme-btn:after {
  content: '\f0a9';
  position: absolute;
  font-family: 'Font Awesome 6 Free';
  font-weight: 900;
  opacity: 0;  
  top: 5px;
  right: -10px;
  transition: 0.5s;
  color: #ffffff;
}
.theme-btn:hover{
  padding-right:45px;
  padding-left:18px;
  background-color:#e67a6e;
}

.theme-btn:hover:after {
  opacity: 1;
  right:15px;
}

.theme-btn2{
    position: relative;
    border: none;
    background-color:#e67a6e;
    padding:4px 25px;
    width:auto;
    overflow: hidden;
    position: relative;
    transition: 0.5s;
}
.theme-btn2 a{font-size: 15px;    color: #fff;}
.theme-btn2:after {
  content: '\f0a9';
  position: absolute;
  font-family: 'Font Awesome 6 Free';
  font-weight: 900;
  opacity: 0;  
  top: 5px;
  right: -10px;
  transition: 0.5s;
  color: #ffffff;
}
.theme-btn2:hover{
  padding-right:45px;
  padding-left:18px;
  background-color:#9796c9;
}

.theme-btn2:hover:after {
  opacity: 1;
  right:15px;
}

.read-btn{
    position: relative;
    border: none;
    background-color:#ffffff;
    padding:3px 30px;
    width:auto;
    transition: 0.5s;
    overflow: hidden;
}
.read-btn:after {
  content: '\f0a9';
  position: absolute;
  font-family: 'Font Awesome 6 Free';
  font-weight: 900;
  opacity: 0;  
  top: 5px;
  right: -10px;
  transition: 0.5s;
  color: #ffffff;
}
.read-btn:hover{
  padding-right:45px;
  padding-left:18px;
  background-color:#e67a6e;
}
.read-btn:hover a{color: #fff;}
.read-btn:hover:after {
  opacity: 1;
  right:15px;
}
.view a:hover{color:#fd9b90 !important;}
.read-btn a{color: var(--text-primary); font-size: 15px;}
.nav-btn {background-color: transparent;border: none;border: 1px solid #fff;}
.nav-btn:hover {border: none; background-color:#363476;margin: 1px;}
.nav-btn:hover .nav-link {color: #ffffff !important;border-bottom: 0px !important;}

@keyframes scale-up {
    to {
        transform: scale(600);
    }
}

@keyframes scale-down {
    from {
        transform: scale(600);
    }
    to {
        ransform: scale(0);
    }
}
.section-space{
    padding-top: 80px;
    padding-bottom: 80px;
}
.section-space-bottom{
  padding-bottom: 80px;
}
.section-space-top{
  padding-top: 80px;
}
.section-space2{
    padding-top:50px;
    padding-bottom:50px;
}
.section-space2-bottom{
  padding-bottom:50px;
}
.text-link{
    background: none;
    color: var(--theme-color);
    font-weight: 500;
    border: 0;
    padding: 0;
    text-decoration: underline;
    text-underline-offset: 2px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.text-link:hover{
    color: var(--orange-dark-color);
}

/* heading */
.tittle {margin-bottom: 30px;}
.heading-style{font-size: 36px;font-weight:700;margin-bottom: 20px;}
.sub-heading-style{font-size:24px;font-weight: 700;margin-bottom: 25px;}
.sub-heading-style2{font-size:20px;font-weight: 700;margin-bottom: 25px;}

/* form */
.form-control:focus{
    border-color: var(--orange-dark-color);
}
.form-floating > label {
    padding: 0.8rem .75rem;
}
.form-floating .form-control[required],
.form-floating .form-control.required {
    position: relative;
}
.form-floating .form-control[required] + label::after,
.form-floating .form-control.required + label::after{
    content: "*";
    color: rgb(224, 23, 23);
    font-size: 14px;
    position: absolute;
    top: 8px;
    right: 5px;
}

/* table */
.table thead{
    font-size: 20px;
    font-weight: 600;
    background-color: #D16729;
}
.table tr th{
    padding: 10px 20px;
}
.table tr td{
    padding: 8px 20px;
}
.table tr th:not(:last-child),
.table tr td:not(:last-child){
    border-right:1px solid #b9b9b9;
}


/* headerFixed */
#header-fixed{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 5;
    transition: background-color 0.4s ease, box-shadow 0.4s ease;
}

#header-fixed.scrolled {background-color: #ffffff;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);}
.navbar-brand{padding: 0px;}
.header-call img{filter: invert(100%) grayscale(100%) brightness(100%);}
.logo{width: 90%;}
.nav-item {padding: 0 3px;}
  .navbar {
      background: #fff;
      box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    }

    .navbar .nav-link {
      font-weight: 600;
      color: #333;
    }
    .navbar .nav-link.active,
    .navbar .nav-link:hover,
    .navbar .nav-link:focus {
      color:var(--dark-pink-color)
    }

    /* Submenu support */
    .dropdown-submenu {
      position: relative;
    }
    .dropdown-submenu > .dropdown-menu {
      top: 0;
      left: 100%;
      margin-left: 0.1rem;
      margin-right: 0.1rem;
    }
    .nav-link.active{
      color: var(--dark-pink-color);
    }
   .dropdown-item.active, .dropdown-item:active {
      color: var(--dark-pink-color);
      background-color: #fff;
    }
    .dropdown-menu .dropdown-item {
      position: relative;
      padding-left: 20px;
      transition: all 0.3s ease;
      font-weight:600;
    }
    .dropdown-menu .dropdown-item::before {
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      height: 100%;
      width: 5px;
      background: #e85b4b;
      opacity: 0;
      transition: opacity 0.3s ease;
    }
    .dropdown-menu .dropdown-item:hover::before {
      opacity: 1;
    }
.dropdown .dropdown-menu {
  display: none;
}
.dropdown:hover > .dropdown-menu,
.dropend:hover > .dropdown-menu {
  display: block;
  margin-top: .125em;
  margin-left: .125em;
}
@media screen and (min-width:992px) {
  .dropend:hover > .dropdown-menu {
    position: absolute;
    top: 0;
    left: 100%;
  }
  .dropend .dropdown-toggle {
    margin-left: .5em;
  }
}

    /* Show submenu on hover for desktop */
    @media (min-width: 992px) {
      .dropdown-submenu:hover > .dropdown-menu {
        display: block;
      }
    }
/* .navbar-brand {margin-right:30px;}
.nav-link, .header-call a {color:var(--text-primary); font-size: 15px;font-weight: 600;}
.navbar-nav .nav-link {color: var(--text-primary);padding-left: 0 !important;}
.navbar-nav .nav-link:hover, .navbar-nav .nav-link.active{color: var(--dark-pink-color);}
.dropend .dropdown-toggle {margin-left: 1em;}
.dropdown-item:hover {color:var(--dark-pink-color);background: none;}
.dropdown .dropdown-menu {display: none;width:220px;padding:7px;left:-15px;border: 0;box-shadow: 0px 1px 5px #0000004f;}
.dropdown:hover > .dropdown-menu,
.dropend:hover > .dropdown-menu {display: block;}
.dropdown-item {width: 100%;padding: 5px 7px;font-weight: 600;font-size: 15px;}
.dropdown-item.active, .dropdown-item:active{color:var(--dark-pink-color);background: none;}
.sub-toggle {
  margin-left: 5px;
  vertical-align: middle;
  cursor: pointer;
  color: #000;
}
.dropend .dropdown-toggle:empty::after {
    margin-left: 0;
    position: absolute;
    right: 22px;
    top: 14px;
} */
 /* Navbar styling */
/* .navbar {
  background: #fff;
  padding: 12px 0;
}
.navbar .nav-link {
  font-weight: 600;
  color: #222;
  margin: 0 8px;
}
.navbar .nav-link:hover,
.navbar .dropdown-menu .dropdown-item:hover {
  color: #e85b4b;
}
.dropdown-menu {
  border-radius: 8px;
  padding: 8px 0;
}
.dropdown-menu .dropdown-item {
  padding: 8px 20px;
  font-weight: 500;
}

/* Submenu (desktop) */
@media (min-width: 992px) {
  .dropdown-menu .dropdown-menu {
    top: 0;
    left: 100%;
    margin-left: 0.1rem;
  }
} */
/* Ensure hover works for submenus */
/* .nav-item.dropend:hover > .dropdown-menu {
  display: block;
}
.dropdown-menu::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 90px;
  height: 90px;
  background: var(--dark-pink-color);
  border-radius: 50% 50% 0 0;
  transform: translate(-40%, 40%);
  z-index: -1;
} */

/* @media screen and (min-width: 769px) {
  .dropend:hover > .dropdown-menu {
    position: absolute;
    top: 0;
    left: 104%;
  }
  .dropend .dropdown-toggle {
    margin-left:0;
  }
} */
/* ---- home Page ---- */

#slider{
  overflow:hidden;
}

.slides{
  overflow:hidden;
  animation-name:fade;
  animation-duration:1s;
  display:none;
}
@keyframes fade{
  from{
    opacity:0.4;
  }
  to{
    opacity:1;
  }
}
/* feature section */
.feature-section  {background-color: #FFF2F0;padding: 20px 0px;}
.feature-list ul li {padding: 10px 40px;font-size:22px;margin-bottom: 0;}
.feature-list ul li+li {border-left: 1px solid #a3a3a3;}

.main-service-box{padding-bottom: 60px;}
.swiper-slide {
  transform: translateY(calc(var(--i) * 20px)); 
  transition: transform 0.5s ease;
}
.swiper-slide:hover {
  transform: translateY(calc(var(--i) * 20px - 10px));
}

.swiper-slide img {
  width: 100%;
  border-radius: 10px;
}
 .swiper-slide.swiper-slide-active {
    transform: translate(0, 5px);
}
.swiper-slide.swiper-slide-next {
    transform: translate(0,50px);
}

.bg-purple::after{content: ''; background-color: var(--purple-bg-color);height:45%;width: 100%;
    position: absolute;bottom: 0;left: 0; z-index: -9;}
.slider-container { width: 100%;margin: auto;overflow: hidden;position: relative;}
.slider {display: flex;transition: transform 0.6s ease;}
.slider .card { flex: 0 0 33.3333%; border: none; transform: scale(0.85); transition: transform 0.6s ease; } 
.slider .card img { width: 100%; border-radius: 12px; display: block; } 
.slider .card p { text-align: center; margin-top:20px; } 
.slider .card.active { transform: scale(1); opacity: 1; }

.snip1295 {
  position: relative;
  overflow: hidden;
  margin: 7px;
  padding: 6px;
  min-width: 230px;
  max-width: 315px;
  width: 100%;
  box-shadow: none !important;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-box-sizing: padding-box;
  box-sizing: padding-box;
}
.snip1295 img {
  max-width: 100%;
  vertical-align: top;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}
.snip1295 .border {
  position: absolute;
  opacity: 0.45;
}
.snip1295 .border:before,
.snip1295 .border:after,
.snip1295 .border div:before,
.snip1295 .border div:after {
  background-color: var(--dark-pink-color);
  position: absolute;
  content: "";
  display: block;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.snip1295 .border:before,
.snip1295 .border:after {
  width: 0;
  height: 1px;
}
.snip1295 .border div:before,
.snip1295 .border div:after {
  width: 1px;
  height: 0;
}
.snip1295 .border.first {
  left: 0;
  top: 0;
  right: 12px;
  bottom: 12px;
}
.snip1295 .border.first:before,
.snip1295 .border.first div:before {
  left: 0;
  top: 0;
}
.snip1295 .border.first:after,
.snip1295 .border.first div:after {
  bottom: 0;
  right: 0;
}
.snip1295 .border.secoend {
  left: 12px;
  top: 12px;
  right: 0;
  bottom: 0;
}
.snip1295 .border.secoend:before,
.snip1295 .border.secoend div:before {
  right: 0;
  top: 0;
}
.snip1295 .border.secoend:after,
.snip1295 .border.secoend div:after {
  bottom: 0;
  left: 0;
}
.snip1295 a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  z-index: 1;
}
.snip1295:hover .border:before,
.snip1295.hover .border:before,
.snip1295:hover .border:after,
.snip1295.hover .border:after {
  width: 100%;
}
.snip1295:hover .border div:before,
.snip1295.hover .border div:before,
.snip1295:hover .border div:after,
.snip1295.hover .border div:after {
  height: 100%;
}

.swing {
    animation: swing ease-in-out 1s infinite alternate;
    transform-origin: center -20px;
}
 
@keyframes swing {
    0% { transform: rotate(3deg); }
    100% { transform: rotate(-3deg); }
}
.mySlides {
  display: none;
}
.mySlides img {
  display: block;
  width: 100%;
  aspect-ratio: 9/7;
  border-radius:20px;
}

/* image gradient overlay [optional] */
/*  .mySlides::after {
  content: "";
  position: absolute;
  inset: 0;
    background-image: linear-gradient(-45deg, rgba(110, 0, 255, .1), rgba(70, 0, 255, .2));
}  */

/* Next & previous buttons */
.prev,
.next {
  cursor: pointer;
  position: absolute;
  bottom:10%;
  transform: translate(0, -50%);
  width: auto;
  padding: 20px;
  color: white;
  font-size: 24px;
  background:none;
  user-select: none;
}
.next { right:50%;}
.prev {left: 50%;}
.dots { display: none; }

/* transition animation */
.animate {
  -webkit-animation-name: animate;
  -webkit-animation-duration: 1s;
  animation-name: animate;
  animation-duration: 2s;
}

@keyframes animate {
  from {
    transform: scale(1.1) rotateY(10deg);
  }
  to {
    transform: scale(1) rotateY(0deg);
  }
}


#scrolling_path{
    position:relative;
    overflow:hidden;
    height:90vh;
    border-radius: 20px;
}
#scrolling_images{
    position:absolute;
    width:100%;
    display:flex;
    flex-direction:column;
    animation: animate 15s cubic-bezier(0.77, 0, 0.175, 1) infinite;
}
#scroll{
    max-width:100%;
    width:100%;
    height:90vh;
  clip-path: polygon(0 0, 0 100%, 30% 100%, 30% 0, 70% 0, 70% 100%, 10% 100%, 11% 100%, 100% 100%, 100% 0%);  
}

#scrolling_part2{
  position:absolute;
  width:100%;
  display:flex;
  flex-direction:column-reverse;
  animation: animate0 15s cubic-bezier(0.77, 0, 0.175, 1) infinite;
}
#scroll0{
  max-width:100%;
  width:100%;
  height:90vh;
  clip-path: polygon(29% 0, 71% 0, 71% 100%, 29% 100%);
}

@keyframes animate{
  0%{
    top:0;
  }
  11%{
    top:0;
  }
  17%{
    top:-100%;
  }
  28%{
    top:-100%;
  }
  34%{
    top:-200%;
  }
  45%{
    top:-200%;
  }
  51%{
    top:-300%;
  }
  62%{
    top:-300%;
  }
  68%{
    top:-400%;
  }
  79%{
    top:-400%;
  }
  85%{
    top:-500%;
  }
  95%{
    top:-500%;
  }
  100%{
    top:-600%;
  }
}

/*second image gallery*/

@keyframes animate0{
  0%{
    top:-600%;
  }
  11%{
    top:-600%;
  }
  17%{
    top:-500%;
  }
  28%{
    top:-500%;
  }
  34%{
    top:-400%;
  }
  45%{
    top:-400%;
  }
  51%{
    top:-300%;
  }
  62%{
    top:-300%;
  }
  68%{
    top:-200%;
  }
  79%{
    top:-200%;
  }
  85%{
    top:-100%;
  }
  95%{
    top:-100%;
  }
  100%{
    top:0;
  }
}

/*mobile--view*/

@media screen and (max-width:700px){
  #scrolling_path{
    position:relative;
    overflow:hidden;
    width:100%;
    height:50vh;
  }
  #scrolling_images{
    position:absolute;
    width:700%;
    display:flex;
    animation: animate 15s cubic-bezier(0.77, 0, 0.175, 1) infinite;
    flex-direction:row;
  }
  #scroll{
    object-fit:cover;
    max-width:100%;
    width:14.285%;
    clip-path: polygon(0% 0%, 0% 100%, 0 100%, 0 30%, 100% 30%, 100% 70%, 0 70%, 0 100%, 100% 100%, 100% 0%);
    height:50vh;
  }
  
  #scrolling_part2{
    position:absolute;
    width:700%;
    display:flex;
    animation: animate0 15s cubic-bezier(0.77, 0, 0.175, 1) infinite;
    flex-direction:row-reverse;
  }
  #scroll0{
    object-fit:cover;
    max-width:100%;
    width:14.285%;
    height:50vh;
    clip-path: polygon(0 29%, 100% 29%, 100% 71%, 0 71%);
  }
  
  @keyframes animate{
  0%{
    left:0;
  }
  11%{
    left:0;
  }
  17%{
    left:-100%;
  }
  28%{
    left:-100%;
  }
  34%{
    left:-200%;
  }
  45%{
    left:-200%;
  }
  51%{
    left:-300%;
  }
  62%{
    left:-300%;
  }
  68%{
    left:-400%;
  }
  79%{
    left:-400%;
  }
  85%{
    left:-500%;
  }
  95%{
    left:-500%;
  }
  100%{
    left:-600%;
  }
}

  @keyframes animate0{
  0%{
    left:-600%;
  }
  11%{
    left:-600%;
  }
  17%{
    left:-500%;
  }
  28%{
    left:-500%;
  }
  34%{
    left:-400%;
  }
  45%{
    left:-400%;
  }
  51%{
    left:-300%;
  }
  62%{
    left:-300%;
  }
  68%{
    left:-200%;
  }
  79%{
    left:-200%;
    }
  85%{
    left:-100%;
  }
  95%{
    left:-100%;
  }
  100%{
    left:0;
  }
}
}
.list {align-items: center;}
.list-icon {background-color: var(--purple-bg-color);border-radius: 100px;align-content: center;padding:12px;width:60px;height:60px;text-align: center;}
.list-icon img {height:23px}
.list .list-para p{margin-bottom: 0;}
.list2{align-items: center;}
.list2 .list-icon {background-color: var(--dark-pink-color);border-radius: 100px;align-content: center;padding:8px;
  width:51px; height:50px;text-align: center;}
.list2 .list-para p{color: #fff;margin-bottom: 0;}
.list2:hover .list-icon {box-shadow: 0px 0px 10px #b36b63;}
.journey-para .no{font-size:28px;}
.journey-para .sub-heading-style2{font-size: 19px;}
.journey-icon {background: var(--dark-pink-color);border-radius:50px;width:47px;height:47px; margin-top: -10px; padding:6px;border: 5px solid #f08175;}
.journey:hover .journey-icon {background: #363476;border: 5px solid #575597;}
.journey:hover .journey-para .sub-heading-style2 {color: var(--dark-pink-color);}
.journey:hover .no{color: var(--text-blue) !important;}
.home  {font-size:95px;}
.left-side-img figure{border-radius: 25px 0px 0px;}
.right-side-img figure{border-radius:0px 0px 25px ;}
.hover14 figure {
	position: relative;
  overflow: hidden;
}
.hover14 figure::before {
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}
.hover14 figure:hover::before {
	-webkit-animation: shine .95s;
	animation: shine .95s;
}
@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}



/****** FAQ *******/
.accordion-item {
  background-color: #FFD5D0;
  border-radius: 8px;
  margin-bottom: 15px;
  border: 1px solid #ad998f;
  overflow: hidden;
  position: relative;
}

.accordion-button {
  background-color: #FFD5D0;
  color: #000;
  font-weight: 500;
  border: none;
  box-shadow: none;
  padding: 15px 20px;
  align-items: flex-start;
}

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

.accordion-button:focus {
  box-shadow: none;
}

.accordion-body {
  padding: 10px 20px 20px 20px;
  background-color: #FFD5D0;
  border-top: none;
  font-weight: 400;
  color: #000;
}
.light-purple {background-color: #312F72;border: 5px solid #2E2C6D;border-radius: 50px 50px 0px 0px;}
.living-card  {padding: 0 10px;}
.living-card img{border-radius: 20px;}

/* Footer */
.social li{width: 30px;height: 30px; border-radius: 50px; align-content: center;}
.social li i{color: var(--purple-bg-color);}
.social li:hover {background-color: var(--light-pink-color) !important;}
.foot-service ul li a:hover, .foot-contact a:hover{color: var(--light-pink-color) !important;}
.foot-ser {justify-items: center;}
.foot-contact p, .foot-contact a{font-weight: 400;}
.foot-contact .fa-solid  {font-size: 18px;}
.foot-contact .fa-phone{font-size: 17px;}
.copyright{background-color: #111035;}
.copyright ul li, .copyright ul li a {font-size: 15px;}
.copyright ul li a:hover{color: var(--light-pink-color) !important;}
button.wh-ap-btn {
	outline: none;
	width:50px;
	height:50px;
	border: 0;
	background-color: #2ecc71;
	padding: 0;
	border-radius: 100%;
	cursor: pointer;
  line-height:60px;
}

button.wh-ap-btn:hover {
	opacity: 1;
	background-color:#1ca95e;
}

.wh-api {
	position: fixed;
	bottom: 0;
	right: 0;
}

.wh-fixed {
	margin-right: 15px;
	margin-bottom: 15px;
}

.wh-fixed > a {
	display: block;
	text-decoration: none;
}

.wh-fixed > a:hover button.wh-ap-btn::before {
	opacity: 1;
	width: auto;
	padding-top: 7px;
	padding-left: 10px;
	padding-right: 10px;
	width: 100px;
}
.wh-ap-btn i{font-size: 30px;color: #fff;}
/* animacion pulse */

.whatsapp-pulse {
	width:50px;
	height:50px;
	right: 10px;
	bottom: 10px;
	background: #10b418;
	position: fixed;
	text-align: center;
	color: #ffffff;
	cursor: pointer;
	border-radius: 50%;
	z-index: 99;
	display: inline-block;
	line-height:30px;
}

 /******* Popup ********/
 /* Popup */
 .modal-body {padding:10px 5px;}
.modal-dialog {
  max-width:900px;
  width: 90%;
}
.modal-content {
  border-radius:26px;
}
.popup {
  background: #fff;
  width:900px;
  max-width: 95%;
  border-radius: 26px;
  overflow: hidden;
  box-shadow: 0 5px 25px rgba(0,0,0,0.3);
  position: relative;
}
.popup-left {
  position: relative;
}
.discount-badge, .discount-badge img {
  border-radius: 15px;
}
.popup-right {
  flex: 1;
}
.modal-header { background: #2c2173;border-radius: 40px;padding:8px;}
.modal-header h3 {
  color: #fff;
  font-size:20px;
  text-align: center;
  font-weight: 500;
  width: 100%;
  margin: 0 auto;
}
.modal-header .btn-close{background-color: #fff;border-radius: 20px;margin-right:0px;}
.offer20 {
  position: absolute;
  top: -18px;
  text-align: center;

  left: 5%;
}
.form-group {
  margin-bottom: 15px;
}
.form-group label, .form-group p{
  display: block;
  font-size: 15px;
  margin-bottom: 5px;
  color: #333;
}
.form-group input,
.form-group select {
  width: 100%;
  padding: 8px 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
  font-size: 14px;
}
.property-type {
  margin-bottom: 15px;
}
.property-type button {
  padding:3px 8px;
  border: 1px solid #ccc;
  background: #fff;
  border-radius: 5px;
  cursor: pointer;
  font-size: 15px;
}
.property-type button+button{
  margin: 5px 0 0 5px ;
}
.property-type button:hover {
  background: #2c2173;
  color: #fff;
  border-color: #2c2173;
}
.property-type button.active {
  background: #2c2173;
  color: #fff;
  border-color: #2c2173;
}


@media (max-width: 576px) {
  .modal-dialog {
    max-width: 95%;
    margin: 10px auto;
  }
  .modal-content {
    padding: 15px;
  }
}


/* Close button */
.close-btn {
  position: absolute;
  top:12px;
  right: 20px;
  font-size:28px;
  color: #fff;
  cursor: pointer;
  z-index: 10;
}

/****  AboutUs  ****/
.feature-card {
  position: relative;
  height: 100%;
  background: #FFD5D0;
  padding:65px 50px 30px;
  transition: all 0.3s ease;
}
.feature-card::before {
  content: '';
  position: absolute;
  border: 1px solid #818181;
  width:94%;
  height: 94%;
  left: 3%;
  top: 3%;
}

.feature-card:hover {
  background-color: #f0eff9;
  transform: translateY(-10px);
  box-shadow: 0 4px 10px rgba(0,0,0,0.2);
}
.feature-card:hover  .icon-circle {
  background-color:#e67a6e;
}
.feature-card h3 {
  position: relative;
  font-weight: 700;
  margin-top: 20px;
  color: #2d2d5c;
  font-size: 24px;
  margin-bottom: 25px;
}
.feature-card h3::after {content: '';position: absolute; background-image: url(../img/horizontal-line.svg);background-repeat: no-repeat;height: 3px;width: 100%;top: 77px;left: 0;}
.icon-circle {
  position: absolute;
  top: -40px;
  left: 50%;
  transform: translateX(-50%);
  background: #2d2d5c; /* dark purple */
  color: #fff;
  width:95px;
  height:95px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
  box-shadow: 0 3px 8px rgba(0,0,0,0.2);
}
.hvr-outline-in {
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
}
.hvr-outline-in:before {
    pointer-events: none;
    content: '';
    position: absolute;
    border: #57567a solid 3px;
    top: -16px;
    right: -16px;
    bottom: -16px;
    left: -16px;
    opacity: 0;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: top, right, bottom, left;
    transition-property: top, right, bottom, left;
}
.hvr-outline-in:hover:before, .hvr-outline-in:focus:before, .hvr-outline-in:active:before {
    top: -13px;
    right:-2px;
    bottom: -13px;
    left:-2px;
    opacity: 1;
}
/****  Services  ****/
.breadcrumb {margin-top:6.5%;margin-bottom: 0;}
.interiorimg {border-radius:10px;}
.bhk {overflow: hidden;position: relative;display: block;padding: 30px 0px 0px;z-index: 3;}
.bhk-bg img{z-index:2;position: relative;}
.bhk-bg::before {
    content: '';
    position: absolute;
    background-color:#2C2A58;
    width:78%;
    height:122%;
    left: 50%;
    transform: translateX(-50%);
    align-self: center;
    transition: all 500ms ease;
  }
  .bhk-bg::after {
      position: absolute;
    top: 0;
    left: -58%;
    display: block;
    content: "";
    width: 40%;
    height: 100%;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 100%);
    transform: skewX(-25deg);
    z-index: 3;
}
.bhk-bg:hover::before {
    transform: translateX(-50%) rotateY(180deg);
    transition-delay: 300ms;
    background-color: var(--text-blue);
}
.bhk-bg:hover::after{
    animation: shine 1s;
}
.left-gallery {width: 30%;padding: 0 10px;}
.center-gallery {width:35%;padding: 0 10px;}
.right-gallery {width: 30%;padding: 0 10px;}
.one {width: 60%;justify-self: end;}
.one img{border-radius: 20px 0px 0px;}
.three {width: 80%;justify-self: end;}
.three img{border-radius: 0px 0px 0px 40px;}
.four, .five{height: 296px;}
.four img, .five img{height:100%;overflow: hidden;}
.six {width:80%;justify-self: start;}
.six img{border-radius: 0px 40px 0px 0px;}
/* .seven{height:183px;overflow: hidden;}
.seven img{height:-webkit-fill-available;} */
.eight {width:65%;justify-self: start;}
.eight img{border-radius: 0px 0px 40px 0px;}
.modal-content {width: 85%;margin: 0 auto;}
.red-bg {
    background:url(../img/red.png);
    background-repeat: no-repeat;
    height: 100%;
    padding: 28px 0px;
    margin: 0 auto;
    background-size: contain;
}
.red-bg span{font-size:34px;}
.slick-prev, .slick-next {
  background:#fff;
  border: none;
  font-size: 18px;
  padding: 8px 9px;
  border-radius: 50%;
  position: absolute;
  bottom:0%;
  display: flex;
  /* top: 50%;
  transform: translateY(-50%); */
  z-index: 10;
  cursor: pointer;
  transition: background 0.3s;
}

.slick-prev:hover, .slick-next:hover {
  background:#e67a6e;
}
.slick-prev { left:9%;}
.slick-next { left:13%;}
.slick-slide img {border-radius: 10px;}
.idea {background-color: #F4F4F4;height: 100%;}
.idea img{border-radius: 20px;}
.style-list::after {content: '';position: absolute; background-image: url(/assets/img/line.png);
  background-repeat: no-repeat;width: 2px;height:120px;top:-55%;left: 50%;}
  .interior-section .card img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
    margin-bottom:30px;
  }
  .interior-section .card {
    width: 100%;
    height: 100%;
    border: 0;
    text-align: center;
  }
.interior-section .card h3{font-size: 20px;}
.interiorSlider {padding-right:35%;}
.interiorSlider  {padding-bottom: 0;}
.bedroom-align, .bedroom-align img{border-radius: 25px 25px 0px 0px; height: 100%;}
.bedroom-align h3{font-size:17px;}
.bedroom-align p{font-size:15px;}
.bedroom-align-content {padding: 0 5px;}
.style-price::after {content: '';position: absolute; background-image: url(/assets/img/line2.png);
  background-repeat: no-repeat;width: 2px;height:160px;top:-60%;left: 50%;}
.round-grey figure {background:#F3F3F3;padding: 20px;}
.round-grey figure:hover{background-color:#b0afc0;}
.round-grey h3 {font-size:18px;}
.process-steps {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    position: relative;
    margin: auto;
}

.process-steps::before {
    content: "";
    position: absolute;
    top: 40px;
    width: 80%;
    margin: 0 auto;
    left: 0;
    right: 0;
    height: 2px;
    background: #fff;
    opacity: 0.3;
}

.step {
    text-align: center;
    position: relative;
    width:20%;
    bottom:80px;
}
.step2 {
    text-align: center;
    position: relative;
    width:20%;
    top:18px;
}
.step-subtitle {
    font-size: 14px;
    line-height: 1.4;
    margin-bottom: 10px;
    color: #ffffff;
}

.step-title {
    font-size: 16px;
    font-weight: 600;
     color: #ffffff;
}
.step:hover .highlight, .step2:hover .highlight {
    color:var(--text-secondary)
}

.step-number {
    display: inline-block;
    margin-top: 10px;
    background: #fff;
    color: #1b1a3c;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    font-size: 14px;
    line-height: 26px;
    font-weight: 600;
    position: relative;
    z-index: 1;
}
.step:hover .step-number, .step2:hover .step-number {background-color: var(--text-secondary);}


.slider-container2 { width: 100%;margin: auto;overflow: hidden;position: relative;}
.slider2 {display: flex;transition: transform 0.6s ease;}
.slider2 .card {
  flex: 0 0 35%;
  border: none;
  transform: scale(1);
  transition: transform 0.6s ease, box-shadow 0.6s ease;
}

.slider2 .card img {
  width: 100%;
  border-radius: 12px;
  display: block;
  transition: transform 0.6s ease;
}

.slider2 .card p {
  text-align: center;
  margin-top:20px;
}

.slider2 .card.active {
  transform: scale(0.70);
}
.expertise {
      position: relative;
      overflow: hidden;
      cursor: pointer;
    }

    .expertise img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
      transition: transform 0.5s ease;
      border-radius: 7px 0px;
    }

    /* Overlay */
  .bg-purple-before {width:85%;height:15px;background: #363476d7;transition: opacity 0.5s ease;margin: 0 auto;}
    .expertise figure::after {
      content: '';
      position: absolute;
      bottom: 0; 
      left:7.5%;
      width:85%;
      height:85%;
      background:#312f6be7;
      opacity: 0;
      transition: opacity 0.9s ease;
      z-index: 1;
    }

    .expertise:hover figure::after {
      opacity: 1;
    }
    .expertise .content {
      position: absolute;
      top:51%;
      left: 50%;
      transform: translate(-50%, -50%);
      padding:10px;
      text-align: center;
      opacity: 0;
      transition: opacity 0.5s ease;
      z-index: 2;
      width: 80%;
    }

    .expertise:hover .content {
      opacity: 1;
    }

    .expertise .content h3 {
      margin-bottom:20px;
      font-size: 20px;
      font-weight:600;
      color: #ffffff;
    }
   .expertise:hover  .content h3 {visibility:visible !important;}
  .expertise h3 {font-size:19px;font-weight: 500; margin-bottom: 0;}
    .expertise:hover  h3 {visibility: hidden;}
    .expertise .content p {color: #ffffff;font-size: 15px;}
.top-60 {top:60% !important}
 .testimonial-section {
      padding: 60px 20px;
      text-align: center;
      background: #0d0e3d;
    }

    .testimonial-section h2 {
      font-size: 32px;
      font-weight: bold;
      margin-bottom: 40px;
      color: #fff;
    }

    /* Swiper container */
    .swiper {
      width: 100%;
      max-width:1000px;
      margin: auto;
      padding-bottom: 50px;
    }

    /* Testimonial Card */
    .testimonial-card {
      background: #fff;
      color: #333;
      border-radius: 8px;
      padding: 30px;
      max-width: 700px;
      margin: auto;
      position: relative;
      text-align: left;
      box-shadow: 0 4px 20px rgba(0,0,0,0.15);
    }

    .testimonial-card::after {
      content: "";
      position: absolute;
      bottom: -20px;
      left: 50%;
      transform: translateX(-50%);
      width: 0;
      height: 0;
      border-left: 20px solid transparent;
      border-right: 20px solid transparent;
      border-top: 20px solid #fff;
    }

    .testimonial-card h3 {
      font-size: 18px;
      font-weight: bold;
      margin-bottom: 10px;
      color: #111;
    }

    .testimonial-card p {
      font-size: 15px;
      line-height: 1.6;
      color: #444;
    }

    /* Arrows */
    .swiper-button-next,
    .swiper-button-prev {
      color: #fff;
      font-weight: bold;
    }

    .swiper-button-next::after,
    .swiper-button-prev::after {
      font-size: 22px;
    }

  .highlights {font-weight: 400;}
    .polygon {
      width:250px;
      aspect-ratio: 1;
      clip-path: polygon(100% 50%,75% 93.3%,25% 93.3%,0% 50%,25% 6.7%,75% 6.7%);
      background-color: #FFD5D0;
      align-content: center;
    }
    .polygon p{font-size: 15px;}
    .retail-store-design img {background-color: var(--dark-pink-color);border-radius: 8px;padding: 10px;width: 70px;height: 60px;}
    .retail-store-design2 figure {background-color:#DA6F63;border-radius:50px;padding:8px;width: 70px;height: 70px;align-content:space-around;border:5px solid #f57f72;}
    .retail-store-design2 {display: inline-block;}

    /* Overlay */
  .bg-purple-before2 {width:100%;height:100%;background: #363476d7;transition: opacity 0.5s ease;}
  .retail-services figure img{border-radius: 100px 0px 0px;}

    .retail-services:hover figure::after {
      opacity: 1;
    }
    .retail-services .content {
      position: absolute;
      top:51%;
      left: 50%;
      transform: translate(-50%, -50%);
      padding:10px;
      text-align: center;
      opacity: 0;
      transition: opacity 0.5s ease;
      z-index: 2;
      width: 80%;
    }

    .retail-services:hover .content {
      opacity: 1;
    }

    .retail-services .content h3 {
      margin-bottom:20px;
      font-size: 20px;
      font-weight:600;
      color: #ffffff;
    }
   .retail-services:hover  .content h3 {visibility:visible !important;}
    .retail-services-content h3 {font-size:18px !important;font-weight: 500; margin-bottom: 0;}
    .retail-services .content p {color: #ffffff;font-size: 15px;}
  .redefine {background-color:#312F72;padding:40px;border-radius: 30px;position: relative;align-items: center;}
  .redefine::after{
    z-index: -1;
    position: absolute;
    content: '';
    background-color: #3C3A8B;
    border-radius: 30px;
    width: 78%;
    height: 96%;
    left: -3%;
    top: 6px;}
  .redefine .heading-style{font-size:34px !important;}
  .ratio.ratio-16x9 {background: none !important;}
  .modal-body .btn-close {background: #000000 !important;}

  .process-section {
  background: #1B1A3C;
  padding: 80px 20px;
  color: #fff;
}

.process-steps2 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap:35px;
}

.step-card {
  display: flex;
  align-items: center;
  background: transparent;
  color: #fff;
  border-radius: 12px;
  padding: 0;
  width: 360px;
  cursor: pointer;
  transition: all 0.3s ease;
}

.step-card:hover {
  transform: translateY(-8px);
}

.circle {
  min-width:110px;
  height: 110px;
  border-radius: 50%;
  background: #2b2b70;
  border: 6px solid #39398d;
  color: #fff;
  font-weight: bold;
  font-size: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 20px;
  position: relative;
  z-index: 2;
}

.circle::before {
  content: "";
  position: absolute;
  inset: -20px;
  border: 6px solid #2b2b70;
  border-radius: 50%;
  opacity: 0.5;
}

.circle.orange {
  background:#e67a6e;
  border: 6px solid #ffa298;
}

.circle.orange::before {
  border-color: #e85b4b;
}

.step-content {
  background: #fff;
  color: #222;
  padding:14px 14px 14px 50px;
  border-radius: 12px;
  flex: 1;
  box-shadow: 0 6px 15px rgba(0,0,0,0.15);
  position: relative;
  z-index: 1;
  margin-left: -40px; /* overlap with circle */
}

.step-content h4 {
  margin: 0 0 8px;
  font-weight: 600;
  font-size:16px;
}

.step-content p {
  font-size: 14px;
  line-height: 1.5;
  margin: 0;
}
.addons-section {
  background: #1B1A3C;
  padding: 80px 20px;
  text-align: center;
  color: #fff;
}



.addon-card {
  background: #2a2860;
  max-width: 85%;
  color: #fff;
  border-radius: 8px;
  padding: 60px 35px 30px;
  position: relative;
  box-shadow: 0 8px 18px rgba(0,0,0,0.2);
  transition: all 0.3s ease;
  justify-self:center;
}

.addon-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 25px rgba(0,0,0,0.35);
}
.mb-20{margin-bottom: 20%;}
.addon-icon {
  position: absolute;
  top: -40px;
  left: 50%;
  transform: translateX(-50%);
  width: 85px;
  height: 85px;
  border-radius: 50%;
  background: #F5C6C6;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
  color: #222;
  box-shadow: 0 4px 10px rgba(0,0,0,0.25);
}

.addon-card h3 {
  margin: 20px 0 10px;
  padding: 0 20px;
  font-size: 18px;
  font-weight: 600;
  color: #ffffff;
}

.addon-card p {
  font-size: 14px;
  line-height: 1.6;
  margin: 0;
}
.policy-contact ul li a:hover {text-decoration: underline;color: var(--dark-pink-color);}


/****  Contact Us  *****/
.contact-info {width:45%;background-color:#1D1B52;padding:45px;}
.contact-info-item {display: flex;}
.contact-info-icon i {
  font-size: 19px;
  line-height:30px;
  color: #ffffff;
}

.contact-info-content {
  margin-left: 20px;
}

.contact-info-content h4 {
  color: #1da9c0;
  font-size: 1.4em;
  margin-bottom: 5px;
}

.contact-info-content p {
  color: #FFF;
  font-size: 1em;
}

.contact-form {
  background-color: #fff;
  padding: 40px;
  width: 55%;
  padding-bottom: 20px;
  padding-top: 20px;
}

.contact-form h2 {
  font-weight: bold;
  font-size: 2em;
  margin-bottom: 10px;
  color: #333;
}

.contact-form .input-box {
  position: relative;
  width: 100%;
  margin-top: 10px;
}

.contact-form .input-box input,
.contact-form .input-box textarea{
  width: 100%;
  padding:0;
  font-size: 16px;
  margin: 10px 0;
  border: none;
  border-bottom: 1px solid #dfdfdf;
  outline: none;
  resize: none;
}

.contact-form .input-box span {
  position: absolute;
  left: 0;
  padding: 5px 0;
  font-size: 16px;
  margin: 10px 0;
  pointer-events: none;
  transition: 0.5s;
  color: #666;
}

.contact-form .input-box input:focus ~ span,
.contact-form .input-box textarea:focus ~ span{
  color: var(--dark-pink-color);
  font-size: 12px;
  transform: translateY(-20px);
  top: -10px;
}

.contact-form .input-box input[type="submit"]
{
  width: 100%;
  background: #00bcd4;
  color: #FFF;
  border: none;
  cursor: pointer;
  padding: 10px;
  font-size: 18px;
  border: 1px solid #00bcd4;
  transition: 0.5s;
}

.contact-form .input-box input[type="submit"]:hover
{
  background: #FFF;
  color: #00bcd4;
}

@media (max-width: 991px) {
  /* section {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  
  .row {
    flex-direction: column;
  }
   */
  .contact-info {
    margin-bottom: 40px;
    width: 100%;
    padding: 25px;
    }
  .contact-form {
    width: 100%;
    padding: 25px;
  }
}
.cont-details{position: relative;padding:50px 0;}
.cont-details::after {
  content: '';
    position: absolute;
    background-image: url(/assets/img/cont-line.svg);
    background-repeat: no-repeat;
    width: 2px;
    height:100%;
    top: 0;
    right: -26px;
  }
.cont-details2{padding:50px 0;}




/********* Responsive Css ********/

@media only screen and (min-width:1620px) and (max-width:1920px){
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 1420px;}
.nav-item {padding: 0 20px;}
body, a, p, ul li{font-size:18px;}
.heading-style{font-size:42px;font-weight:700;}
}
@media only screen and (min-width: 1200px) and (max-width: 1324px){
 .breadcrumb { margin-top:9%;}

}
@media only screen and (min-width: 992px) and (max-width: 1199px){
  .header-call{display: none;}
  .breadcrumb { margin-top: 10.5%;}
  .snip1295 {max-width: 100%;min-width: 100%;}
  .feature-list ul li {padding: 10px 20px;}
  .journey-icon{margin-top: 0;}
  .list-icon {width: 70px;height: 60px;}
  .bhk-bg::before {height: 170px;}
}

@media (min-width: 1024px) {
  .swiper-slide.swiper-slide-prev {
    transform: translateY(30px);
  }
  .swiper-slide.swiper-slide-active {
    transform: translateY(0);
  }
  .swiper-slide.swiper-slide-next {
    transform: translateY(60px);
  }
}

@media only screen and (max-width: 991px){
.style-list::after  {display: none;}
.breadcrumb { margin-top: 13.5%;}
.slick-prev, .slick-next {bottom: 3%;}
.slick-next {left: 18%;}
.bedroom-align {border-radius: 45px 45px 0px 0px;}
}
@media only screen and (max-width: 767px){
  .navbar-collapse{flex-grow: 0; background:#ededed;margin-top: 8px;}
.navbar-collapse .nav-link, .header-call a {color: #000   !important;}
.nav-btn {border: 1px solid #000  !important;}
.dropend .dropdown-toggle {margin-left: 0;}
.main-service-box {padding-bottom:10px;}
.navbar-nav .nav-link {text-align: center;}
.dropdown .dropdown-menu{width: auto;}
 .slider .card {flex: 0 0 100%;}
 .banner {margin-top:18%;}
 .breadcrumb {margin-top: 15%;}
.cont-details, .cont-details2 {padding: 15px 0;}
.cont-details::after {display: none;}
.style-list::after  {display: none;}
.foot-ser {justify-items: start; padding-left:40px;}

}
@media only screen and (max-width: 640px){
.section-space{
    padding-top:50px;
    padding-bottom:50px;
}
.section-space-bottom{
  padding-bottom:50px;
}
.section-space-top{
  padding-top:50px;
}
.heading-style {
    font-size:30px;
    margin-bottom:10px;
}
.tittle {
    margin-bottom:20px;
}
.sub-heading-style {font-size: 20px;margin-bottom: 20px;}
.navbar-collapse{flex-grow: 0; background:#e9e9e9;margin-top: 8px;}
.navbar-collapse .nav-link {color: #000;}
.snip1295 {max-width: 100%;min-width: 100%;}
.feature-list {padding: 0 30px;}
.feature-list ul li+li {
    border-top: 1px solid #a3a3a3;
    padding:15px;
    border-left: 0;
}
.feature-card h3::after {top:52px;left: 50px;}
.offer-banner {padding: 20px;}
.list2 .list-icon {padding:8px;width:46px; height:45px;text-align: center;}
.list-icon img { width: 33px;}
.list-icon {width: 55px;height: 55px;}
.swiper-slide.swiper-slide-next {transform: translate(0,40px);}
.main-service-box {padding-bottom:15px;}
.journey-icon{margin-top: 0;}
.journey{margin-bottom: 20px;}
.breadcrumb  {margin-top:16%;}
.slider  {display: block;}
.slider .card.active {transform: scale(0.85);}
.cont-details, .cont-details2 {padding: 15px 0;}
.polygon  {margin: 0 auto;width: 275px;}
.polygon p {font-size: 16px;}
.retail-services-content h3 {font-size: 20px;}
.interiorSlider  {padding: 0 !important;}
.addon-card {max-width: 100%;margin-bottom: 20%;}
.expertise {margin-bottom: 20px;}
.left-gallery, .center-gallery, .right-gallery, .one, .three, .six, .eight{width: 100%;}
}


@media only screen and (max-width:480px){
.breadcrumb  {margin-top: 23%;}
.banner {margin-top:23%;}
.feature-card h3::after {left: 0;}
}

@media only screen and (max-width:400px){
.breadcrumb  {margin-top:26%;}
.feature-card h3::after {display: none;}
}