@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&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&family=Signika+Negative:wght@300..700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Rammetto+One&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&family=Signika+Negative:wght@300..700&display=swap');


@import url('https://fonts.googleapis.com/css2?family=Prata&display=swap');

html {
  scroll-behavior: smooth;
}
body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	font-weight: 400;
	line-height: 1.4;
	background: #ffffff;
	font-family: "Poppins", sans-serif !important;
	overflow-x: hidden;
}

.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, #0004288f, #004e928f); /* gradient bg */
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-family: Arial, sans-serif;
    font-size: 3rem;
    font-weight: bold;
    z-index: 9999;
    text-align: center;
    backdrop-filter: blur(15px);
}

::-ms-input-placeholder { /* Edge 12-18 */
  color: #ffffff !important;
}

::placeholder {
  color:#ffffff !important;
}
h2,
h4,
h5,
h6 {
	margin: 0;
	font-family: "Poppins", sans-serif;
}

h1,
h3 {
  font-family: "Prata", serif;
  font-weight: 400;
  font-style: normal;
}
h3{
  font-size: 19px;
}
h1{
  font-size: 61px;
}

h2 {
	font-size: 20px;
	/* font-size: 17px; */
	/* text-transform: uppercase; */
	color: #707070;
	font-weight: 600;
	/* letter-spacing: 2px; */
	font-size: 18px;
}


h4 {
  font-size: 30px;
  font-weight: 300 !important;
  color: #EE1C25;
}

h5 {}

h6 {}

p {
	margin: 0;
	font-family: "Poppins", sans-serif;
	font-weight: 300;
	font-size: 16px;
	color: #000000;
	/*text-transform: capitalize;*/
}

img {
	max-width: 100%;
}

ul,
li {
	list-style: none;
	text-decoration: none;
	margin: 0;
	padding: 0;
}

a {
	list-style: none;
	text-decoration: none;
	margin: 0;
	padding: 0;
	outline: none;
	box-shadow: none;
	font-family: "Poppins", sans-serif !important;
}
input{
  outline: none;
  box-shadow: none;
}

.form-control:focus{
  border: 0px solid #4e4e4e;
  box-shadow: none;
}

.form-floating>.form-control-plaintext:focus,
.form-floating>.form-control-plaintext:not(:placeholder-shown),
.form-floating>.form-control:focus,
.form-floating>.form-control:not(:placeholder-shown) {
	outline: none;
	box-shadow: none;
}

.form-control:focus {
	border: 1px solid #4e4e4e;
}

.btn:focus {
	outline: none;
	box-shadow: none;
}

.cover_bg {
	width: 100%;
	background-size: cover;
	background-position: center center;
	display: flex;
	justify-content: center;
	align-items: center;
	object-fit: cover;
	background-repeat: no-repeat;
}

.btnsub {
	color: #ffffff;
	text-transform: capitalize;
	outline: none !important;
	box-shadow: none !important;
	background: #EE1C25;
	position: relative;
	padding: 0.5rem 1rem;
	font-size: 16px;
  border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
-moz-border-radius: 3px 3px 3px 3px;
}

.btnsub:hover {
	background: #e41212;
	/* color: #ffffff; */
	/* border: 2px solid #56997e; */

}

.container {
  max-width: 1440px;
  }

@media only screen and (min-width: 1540px){
  .container {
  max-width: 1440px !important;
  }
  }



/* .referalbg {
	width: 100%;
	height: 100%;
	background: url(assets/image/bg-red-blue-smoked.jpg);
	background-size: cover;
	background-position: center center;
	object-fit: cover;
	background-repeat: no-repeat;
	height: 100%;
	background-attachment: fixed;
	position: fixed;
	overflow-y: scroll;
} */

.header_left_bg{
	position: relative;
	display: flex;
	align-items: center;
  justify-content: center;
}
.header_left_bg .logo{
	display: flex;
  left: 0;
	display: flex;
	position: absolute;
	top:-15px;
	width: auto;
}
.headerlogo{
  padding-right: 84px !important;
  padding-left: 36px !important;
}
.headerlogo img{
    width:100px;
}
.logomedia{
  display: none !important;
}
.header_left_bg .header_nav_bg{
	display: flex;
}


header {
	width: 100%;
	display: flex;
	align-items: center;
	min-height: 97px;
	z-index: 999;
	position: absolute;
	padding: 0.5rem 0rem;
  background-color: rgba(0, 0, 0, 0.5);
}
header .btnsub{
    position: relative;
    font-weight: bold;
    font-size: 18px;
    padding: 0.5rem 2rem;
    padding-bottom: 0.1rem;
	margin-right: 5rem;
}
header .btnsub::before {
	content: "";
    border: 1px solid #FF0000;
    position: absolute;
    width: 100%;
    left: -1px;
    bottom: -3px;
    height: 100%;
	border-radius: 27px 27px 27px 27px;
	-webkit-border-radius: 27px 27px 27px 27px;
	-moz-border-radius: 27px 27px 27px 27px;
	z-index: -1;
  }
.logo {
	z-index: 1;
	position: relative;
}

/*================= slimmenu =====================*/

header ul{
    margin: 0;
    padding: 0;
    top: 100%;
  }
  header ul.slimmenu{
    width: auto;
    display: flex;
    align-items: center;
    justify-content: space-around;
  }
  header ul.slimmenu li > ul {
    /* top: 76px; */
  }
  header ul.slimmenu li .sub-toggle > i:before{
    content: "\f0d7";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 20px;
  }
  header ul.slimmenu > li {
    border-left: 0px solid #999;
}
  header ul.slimmenu li{
    background: none;
  }

  header ul.slimmenu li a {
    text-decoration: none;
    color: #ffffff;
    padding: 12px 22px 12px 15px;
    font-weight: 400;
    font-size: 15px;
    text-transform: uppercase;

    
    /* height: 96px; */
    display: flex;
    align-items: center;
  }
  header ul.slimmenu li .sub-toggle{
    background: none;
  }
  header ul.slimmenu li:hover ul li a{
    color: #4A4A4A;
    height: auto;
  }
  header ul.slimmenu li:hover ul li a:hover{
    color: #ff8f8f;
  }
  header ul.slimmenu li ul{
	box-shadow: 2px 0px 5px 0px rgba(0,0,0,0.16);
	-webkit-box-shadow: 2px 0px 5px 0px rgba(0,0,0,0.16);
	-moz-box-shadow: 2px 0px 5px 0px rgba(0,0,0,0.16);
  }
  header ul.slimmenu li ul li {
    background: #ffffff;
	border-bottom: 1px solid #f8f8f8;
}
/* header ul.slimmenu li ul li a:hover {
    background: #fcb6b6;
} */
/* header ul.slimmenu li a:hover {
    background: #3d735e;
} */
header ul.slimmenu li .sub-toggle > i {
    color: #ffffff;
}

header ul.slimmenu li .sub-toggle {
    top: 2px;
}
header ul.slimmenu li > ul {
    width: 250px;
    /* top: 96px; */
}
header ul.slimmenu li > ul li{
    width: 100%;
}

header ul.slimmenu li a:hover{
    background: none;
  }
  header ul.slimmenu li:hover a{
    color: #ff8f8f;
  }
  header ul.slimmenu li:hover .sub-toggle i{
    color: #ff8f8f;
  }
  header ul.slimmenu li .sub-toggle {
    width: 17px;
  }
  header .alembg{
    width: 35px;
    height: 35px;
    background: #517365;
    display: flex;
    justify-content: center;
    border-radius: 50%;
    border: 2px solid #3b3b3b;
  }
  header .alembg:hover{
    background: #3e574c;
  }


  header .alembg svg{
width: 15px;
  }
  .referalbg header{
background: none;
  }


.innernav{

}
.innernav .header_left_bg {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100% !important;
}
.innernav .header_left_bg .header_nav_bg {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.innernav .btn-danger{
background: none;
border-radius: 0;
border: 1px solid #ffffff;
}
.innernav .btn-danger:hover{
background: #c41212;
  }



#deltaLogo .btmTxt {
    fill: #666666;
}
.siteLogo {
    resize: both;
    width: 31%;
    aspect-ratio: 1;
}
@media only screen and (min-width: 992px) {
    #deltaLogo .btmTxt {
        fill: #fff;
    }
}

























/*================= slimmenu ==============//====*/

/*================= swiper ========================*/
.home_banner_sec{
	position: relative;
	width: 100%;
	margin: 0;
  padding: 0;
  overflow: hidden;
  height: 100vh;
}

.home_banner_sec .swiper {
	width: 100%;
	height: 100%;
	margin-top: 0px;
  }

  .home_banner_sec .swiper-slide{
	display: flex;
	align-items: center;
	justify-content: center;
	background: #EEE;
	width: 100% !important;
  }
  .home_banner_sec .swiper_box_bg{
	position: relative;
    display: flex;
    justify-content: start;
    align-items: center;
    width: 100%;
  }
  .home_banner_sec .swiper-pagination-bullet {
    width: 33px;
    height: 7px;
    border-radius: 3px !important;
    display: inline-block;
    border-radius: 100%;
    background: #e3afaf;
    opacity: 1;
}
.home_banner_sec .swiper-pagination-bullet-active {
    opacity: 1;
    background: #FF0F0F;
    display: none;
}
.home_banner_sec .swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 40px;
}
.top_banner_slider{
position: absolute;
left: 0rem;
    width: 100%;
    z-index: 2;
}
.top_banner_slider h4{
padding-bottom: 0.5rem;
}
.top_banner_slider h1{
  border-bottom: 1px solid #fff;
  margin-bottom: 1.5rem;
  padding-bottom: 0.0rem;
  }
  
  .top_banner_slider h3{
  border-bottom: 1px solid #fff;
  margin-bottom: 1.5rem;
  padding-bottom: 0.0rem;
  font-size: 54px;
  }

.home_banner_sec .swiper-button-next{
	background: none;
	right: 2rem;
}
.home_banner_sec .swiper-button-prev{
	background: none;
	left: 2rem;
}
.home_banner_sec .swiper-button-prev::before {
	content: "\f104";
    font-size: 39px !important;
    color: #ff0000;
    font: normal normal normal 14px / 1 FontAwesome;
    position: absolute;
    width: 50px;
    top: 0;
    left: 0;
    height: 50px;
    background: #ffffff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
	box-shadow: -3px -1px 9px 0px rgba(0,0,0,0.42);
-webkit-box-shadow: -3px -1px 9px 0px rgba(0,0,0,0.42);
-moz-box-shadow: -3px -1px 9px 0px rgba(0,0,0,0.42);
border: 3px solid #ccc;
  }
.home_banner_sec .swiper-button-next::before {
	content: "\f105";
    font-size: 39px !important;
    color: #ff0000;
    font: normal normal normal 14px / 1 FontAwesome;
    position: absolute;
    width: 50px;
    top: 0;
    left: 0;
    height: 50px;
    background: #ffffff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
	box-shadow: -3px -1px 9px 0px rgba(0,0,0,0.42);
-webkit-box-shadow: -3px -1px 9px 0px rgba(0,0,0,0.42);
-moz-box-shadow: -3px -1px 9px 0px rgba(0,0,0,0.42);
border: 3px solid #ccc;
  }

  .mouse_scrollbg{
    width: 100%;
    display: flex;
    justify-content: center;
    position: absolute;
    bottom: 30px;
  }
  .mouse_scroll {
    margin: 0 auto;
    width: 24px;
    height: 100px;
    position: absolute;
    bottom: 0px;
    z-index:10;
  }
  
  .m_scroll_arrows
  {
    display: block;
    width: 5px;
    height: 5px;
    -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
    transform: rotate(45deg);
     
    border-right: 2px solid white;
    border-bottom: 2px solid white;
    margin: 0 0 3px 4px;
    
    width: 16px;
    height: 16px;
  }
  
  
  .unu
  {
    margin-top: 1px;
  }
  
  .unu, .doi, .trei
  {
      -webkit-animation: mouse-scroll 1s infinite;
      -moz-animation: mouse-scroll 1s infinite;
      animation: mouse-scroll 1s infinite;
    
  }
  
  .unu
  {
    -webkit-animation-delay: .1s;
    -moz-animation-delay: .1s;
    -webkit-animation-direction: alternate;
    
    animation-direction: alternate;
    animation-delay: alternate;
  }
  
  .doi
  {
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -webkit-animation-direction: alternate;
    
    animation-delay: .2s;
    animation-direction: alternate;
    
    margin-top: -6px;
  }
  
  .trei
  {
    -webkit-animation-delay: .3s;
    -moz-animation-delay: .3s;
    -webkit-animation-direction: alternate;
    
    animation-delay: .3s;
    animation-direction: alternate;
    
    
    margin-top: -6px;
  }
  
  .mouse {
    height: 42px;
    width: 24px;
    border-radius: 14px;
    transform: none;
    border: 2px solid white;
    top: 170px;
  }
  
  .wheel {
    height: 5px;
    width: 2px;
    display: block;
    margin: 5px auto;
    background: white;
    position: relative;
    
    height: 4px;
    width: 4px;
    border: 2px solid #fff;
    -webkit-border-radius: 8px;
            border-radius: 8px;
  }
  
  .wheel {
    -webkit-animation: mouse-wheel 0.6s linear infinite;
    -moz-animation: mouse-wheel 0.6s linear infinite;
    animation: mouse-wheel 0.6s linear infinite;
  }
  
  @-webkit-keyframes mouse-wheel{
     0% {
      opacity: 1;
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0);
    }
  
    100% {
      opacity: 0;
      -webkit-transform: translateY(6px);
      -ms-transform: translateY(6px);
      transform: translateY(6px);
    }
  }
  @-moz-keyframes mouse-wheel {
    0% { top: 1px; }
    25% { top: 2px; }
    50% { top: 3px;}
    75% { top: 2px;}
    100% { top: 1px;}
  }
  @-o-keyframes mouse-wheel {
  
     0% { top: 1px; }
    25% { top: 2px; }
    50% { top: 3px;}
    75% { top: 2px;}
    100% { top: 1px;}
  }
  @keyframes mouse-wheel {
  
     0% { top: 1px; }
    25% { top: 2px; }
    50% { top: 3px;}
    75% { top: 2px;}
    100% { top: 1px;}
  }
  
  @-webkit-keyframes mouse-scroll {
  
    0%   { opacity: 0;}
    50%  { opacity: .5;}
    100% { opacity: 1;}
  }
  @-moz-keyframes mouse-scroll {
  
    0%   { opacity: 0; }
    50%  { opacity: .5; }
    100% { opacity: 1; }
  }
  @-o-keyframes mouse-scroll {
  
    0%   { opacity: 0; }
    50%  { opacity: .5; }
    100% { opacity: 1; }
  }
  @keyframes mouse-scroll {
  
    0%   { opacity: 0; }
    50%  { opacity: .5; }
    100% { opacity: 1; }
  }
  
/*================= swiper ================//========*/

/*================ innerbannerb ===================*/
.innerbannerb{
  position: relative;
  width: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
  height: 100vh;
  z-index: 0;
}
.innerbannerb h3{
font-size: 2.5rem !important;
}
.innerbannerb .swiper_box_bg {
  position: relative;
  display: flex;
  justify-content: start;
  align-items: center;
  width: 100%;
}
.innerbannerb .swiper_box_bg::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #000;
    z-index: 2;
    opacity: 0.6;
}
.innerbannerb h1{
  width: auto;
  padding-bottom: 0.2rem;
}
.innerbannerb-small{

}



















/*================ innerbannerb =============//======*/
/*=========== aboutbg ====================*/
.aboutbg{
  position: relative;
}
.aboutbgborder{
  position: absolute;
  top: 7rem;
  left: 0rem;
  height: 162px;
  display: inline-block;
  border-left: 1px solid #FF0000;
}
.aboutbg .row{
  box-shadow: -1px 2px 10px 0px rgba(0,0,0,0.23);
  -webkit-box-shadow: -1px 2px 10px 0px rgba(0,0,0,0.23);
  -moz-box-shadow: -1px 2px 10px 0px rgba(0,0,0,0.23);
position: relative;
margin-top: 2rem;
margin-bottom: 2rem;
padding-left: 4rem;
}
.aboutbg_heahing{
  font-family: "Prata", serif;
  font-weight: 400;
  font-size: 31px;
}
.aboutbg h3{
  padding-top: 2rem;
  margin-bottom: 1.5rem;
  color: #373737;
}
.aboutbgaligntext{
  position: relative;
  text-align: center;
}
.aboutbgaligntext span{
  position: relative;
  display: block;
  color: #E6E6E6;
  text-transform: uppercase;
  font-size: 60px;
}

/*=========== aboutbg ==========//==========*/
/*======================= our_journey ================*/
.our_journey{
position: relative;
text-align: center;
padding: 4rem 0rem;
padding-bottom: 5rem;
}  
.our_journey h3{

}
.our_journey h4{
margin-top: 1rem;
}
.productcount_border{
  border: 0px solid #FCBEBE;
  margin-top: 3rem;
  background: #ffffff;
  position: relative;
}
.productcount_border::before {
  content: "";
  border: 5px solid #FF0303;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 50px;
  left: -50px;
  z-index: 0;
}

.productcount_border .row div{
  border: 1px solid #FCBEBE;
  border-bottom: 0;
  border-right: 0;
  z-index: 1;
  position: relative;
  background: #fff;
}
.productcount_border .row div:nth-last-child(-n + 3) {
  border-bottom: 1px solid #FCBEBE;
}
.productcount_border .row div:nth-child(3n + 3) {
  border-right: 1px solid #FCBEBE;
}
.our_journey .col-md-4{
  padding: 2rem 1rem;
}
.counternumber{
  color: #EB8186;
  font-size: 30px;
  font-weight: 600;
  padding-top: 2rem;
  padding-bottom: 0.5rem;
}
.counter_heading{
  color: #676767;
  font-size: 20px;
}

/*======================= our_journey ======//========*/
/*=============== Featured Properties ====================*/
.featured_properties_bg{
  position: relative;
  padding: 0rem 0rem;
  padding-top: 2rem;
  }
  .smallheading{
    color: #EE1C25;
    font-size: 23px;
    padding-bottom: 5rem;
    display: block;
  }
  .featured_properties_banner{
  width: 100%;
  height: auto;
  background-repeat: no-repeat;
  background-position: top left;
  background-size: 101%;
  object-fit: cover;
  padding-top: 7rem;
  position: relative;
  }
  .featured_properties_banner::before {
    content: "";
    width: 100%;
    height: 100%;
    background: #000000;
    opacity: 0.6;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
  }
  
  .featured_properties_slider{
    position: relative;
    width: 100%;
    z-index: 1;
    overflow: hidden;
  }
  .featured_properties_slider .swiper-button-next,.featured_properties_slider .swiper-button-prev{
    background: none;
    width: 70px;
    height: 40px;
    bottom: 0;
    padding-left: 1rem;
  }
  .featured_properties_slider .swiper-button-next::before , .featured_properties_slider .swiper-button-prev::before {
    content: "";
    width: 100%;
    height: 100%;
    background: #000000;
    opacity: 0.6;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
  }
  .featured_properties_slider .swiper-button-next svg , .featured_properties_slider .swiper-button-prev svg {
  fill: #ffffff;
  position: relative;
  z-index: 1;
  width: 40px;
  }
  .featured_properties_slider .swiper-button-next , .featured_properties_slider .swiper-button-prev{
  top: auto;
  bottom: 50px;
  }
  .featured_properties_slider .swiper-button-next{
    top: auto;
    bottom: 50px;
    right: 50px;
    }
    .featured_properties_slider .swiper-button-prev{
  left: auto;
  right: 130px;
    }
  .locasationbg{
    background-color: rgba(255, 255, 255, 0.7);
    width: auto;
    height: auto;
    color: #646363;
    display: flex;
    align-items: center;
    position: absolute;
    top: 50px;
    right: 50px;
    font-size: 20px;
    padding: 1rem;
    justify-content: center;
    border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  font-weight: 500;
  box-shadow: 2px 0px 5px 0px rgba(0,0,0,0.25);
  -webkit-box-shadow: 2px 0px 5px 0px rgba(0,0,0,0.25);
  -moz-box-shadow: 2px 0px 5px 0px rgba(0,0,0,0.25);
  }
  .locasationbg img{
  padding-right: 10px;
  }
  .locasationabbress{
    /*background-color: rgba(255, 255, 255, 0.2);*/
    background-color: rgb(255 255 255 / 91%);
    width: auto;
    height: auto;
    /*color: #ffffff;*/
    color: #373737;
    display: flex;
    align-items: center;
    position: absolute;
    bottom: 10px;
    left: 23px;
    font-size: 16px;
    padding: 1rem;
    justify-content: center;
  font-weight: 200;
  box-shadow: 2px 0px 5px 0px rgba(0,0,0,0.25);
  -webkit-box-shadow: 2px 0px 5px 0px rgba(0,0,0,0.25);
  -moz-box-shadow: 2px 0px 5px 0px rgba(0,0,0,0.25);
  flex-wrap: wrap;
  
  }
  .locasationabbress span{
    display: block;
    width: 100%;
    font-weight: 400;
  }
  .fucturrotatedtext{
    position: relative;
    rotate: 270deg;
    width: 190px;
    height: 80px;
    display: inline-block;
    color: #BBBBBB;
    font-size: 25px;
    font-weight: 500;
    z-index: 2;
    display: none;
  }
  .featured_properties_bg h4{
    font-weight: bold;
    color: #ffffff;
    position: relative;
    z-index: 1;
    padding: 0.5rem 0rem;
    margin-left: 2rem;
  }
  
  .featured_properties_bg h4::before {
    content: "";
    width: 150px;
    height: 1px;
    background: #ff3030;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
  }
  .featured_properties_bg .perabox{
    position: relative;
    background: #646363;
    padding: 1rem;
    z-index: 1;
    margin: 1.5rem 0rem;
    width: 600px;
      z-index: 2;
      margin-left: 2rem;
  
  }
  .featured_properties_bg .perabox p{
    color: #ffffff;
    padding-top: 0.5rem;
  }
  .featured_properties_bg .perabox small{
    padding: 1rem 0rem;
    color: #ffffff;
    font-weight: 200;
  }
  .vuemorebg{
    border: 1px solid #ffffff;
    font-size: 12px;
    padding: 6px;
    color: #ffffff;
    position: relative;
    z-index: 1;
    margin: 1rem 0rem;
    display: inline-block;
    margin-left: 2rem;
  }
  .vuemorebg:hover{
    border: 1px solid #ff6262;
    color: #ff6262;
  }
  
  .subheadingb{
    color: #EB8186;
    font-size: 16px;
    position: relative;
    z-index: 1;
    width: 100%;
    display: block;
    padding-top: 2rem;
    margin-left: 2rem;
    display: none;
  }
  
  /*=============== Featured Properties =========//========*/
  
/*============== Client Testimonials =========================*/

.client_testimonials{
position: relative;
padding: 6rem 0rem;
}
.client_box{
  position: absolute;
  top: 0;
  left: 0;
}
.client_cover{
  background-repeat: no-repeat;
  background-position: top left;
  background-size: 101%;
  object-fit: cover;
}
.swiper-testmonial{
  overflow: hidden;
  position: relative;
  display: flex;
}
/* .swiper-testmonial .swiper-slide img{
display: none;
} */
.paragrapboxcontent{
  position: relative;
  z-index: 1;
  width: 70%;
}
.paragrapboxcontent p{
  position: relative;
  z-index: 1;
  padding: 1.5rem;
}
.paragrapboxcontent svg{
  width: 30px;
}
.rotatpera{
  transform: rotate(180deg);
}

.client_testimonials .swiper-button-prev,.client_testimonials .swiper-button-next{
background: none;
width: 50px;
height: 50px;
border-radius: 50%;
border: 2px solid #959595;
display: flex;
justify-content: center;
align-items: center;
left: auto;
right: 0;
top: 30%;
}
.client_testimonials .swiper-wrapper{
overflow: hidden;
}
.client_testimonials .swiper-button-prev svg,.client_testimonials .swiper-button-next svg{
  width: 30px;
  fill: #959595;
  }

  .swiper-testmonial .swiper-slide{
    width: 150px !important;
    height: 150px !important;
  }
  .swiper-testmonial .swiper-slide .col-md-8{
display: none;
}


  .client_testimonials .swiper-button-next{
    top: 30%;
    right: 50px;
  }
  .client_testimonials .swiper-button-prev{
    top: auto;
    bottom: 30%;
    right: 50px;
  }
  .client_testimonials .swiper-button-next svg{
    rotate: 90deg;
  }
  .client_testimonials .swiper-button-prev svg{
    rotate: -90deg;
  }


/*============== Client Testimonials ===============//======*/

/*======================= Our Partners =========================*/
.our_partners{
position: relative;
padding-bottom: 3rem;
padding-top: 4rem;
}
.swiper-partners{
  position: relative;
  overflow: hidden;
  padding: 3rem 0rem;
  padding-bottom: 4rem;

}
.swiper-partners .swiper-slide{
  border: 1px solid #B4B4B4;
  border-right: 0;
  height: 200px !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
.swiper-partners .swiper-slide:last-child {
  border-right: 1px;
}
.swiper-partners .swiper-pagination-bullet-active {
  opacity: 1;
  background: #878787;
}
.swiper-partners .swiper-pagination-bullet {
  width: 15px;
  height: 15px;
}
.swiper-partners .swiper-button-prev ,.swiper-partners .swiper-button-next{
 background: none;
 top: 50%;
  }
.swiper-partners .swiper-button-next{
right: 26px;
     }
.swiper-partners .swiper-button-prev svg ,.swiper-partners .swiper-button-next svg{
fill: #8D8787;
}
.swiper-partners .swiper-pagination{

}


/*======================= Our Partners ==============//===========*/


/*============== ongoingproject ======================*/
.ongoingproject{
  position: relative;
  z-index: 0;
}
.home_banner_sec .swiper_box_bg::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: #000;
  z-index: 2;
  opacity: 0.6;
}
.ongoingproject h3{
  border: 1px solid #fff !important;
  padding: 1rem 0rem;
  position: relative;
  /* z-index: 3; */
}
.ongoingproject h1{
    border:none;
}
.ongoingproject .top_banner_slider {
  position: absolute;
  left: 0rem;
  width: 100%;
  z-index: 2;
}
.ongoingproject .bgbottom{
  background: none;
}
.ongoingproject .btn-group{
  border: 1px solid #22438A;
  border-radius: 0px;
}
.btnsub_blue {
  background: #22438A;
  padding: 1rem 8rem;
}
.btnsub_blue:hover {
  background: #1c3874;
  color: #ffffff;
}
.ongoingproject .swiper-button-prev::before{
  background: none;
  opacity: 0.4;
  border: 4px solid #ccc;
  content: "\f060";
  font-size: 25px !important;
  color: #fff;
}
.ongoingproject  .swiper-button-next::before {
  background: none;
  opacity: 0.4;
  border: 4px solid #ccc;
  content: "\f061";
  font-size: 25px !important;
  color: #fff;
}




/*============== ongoingproject ==============//======*/
/*========= popartyitemsbg ======================*/
.popartyitemsbg{
  width: 100%;
  position: relative;
  padding: 5rem 0rem;
  background: #ffffff;
}
.container{
  position: relative;
}
.popartyitemsbg .searchpopartybox{
  position: absolute;
  /* width: 100%; */
  background: #fff;
  box-shadow: 1px 5px 13px 0px rgba(0,0,0,0.19);
  -webkit-box-shadow: 1px 5px 13px 0px rgba(0,0,0,0.19);
  -moz-box-shadow: 1px 5px 13px 0px rgba(0,0,0,0.19);
padding: 2rem 1rem;
top: -8.4rem !important;
}
.right_dropdownbg{
  position: relative;
  display: flex;
  flex-flow: row;
  gap: 2rem;
}
.right_dropdownbg .dropdown{
  padding-right: 1rem;
}
.right_dropdownbg .nav-item{

}
.right_dropdownbg .dropdown-menu{
  position: absolute;
  background: #22438A;
}
.right_dropdownbg .nav-link{
color: #000;
text-transform: uppercase;
font-size: 20px;
}
.right_dropdownbg .nav-link:hover{
  color: #22438A;
}
.left_dropdownbg .nav-link{
  color: #C6C6C6;
  text-transform: uppercase;
  font-size: 20px;
  }
  .left_dropdownbg .nav-link:hover{
    color: #e98f07 !important;
  }
.gridcolor{
  color: #FF9900 !important;
  padding-right: 1rem;
}
.gridcolor::after{
  font-size: 0px !important;
}
.moreborder{
  border-bottom: 1px solid #C7C7C7;
  margin-bottom: 2rem;
}
.moreborder a{
  color: #22438A;
  font-weight: 500;
  margin-bottom: 1rem;
}
.morepagflatbg{
  position: relative;
  background: #818181;
  color: #ffffff;
  display: inline-block;
  width: auto;
  padding: 12px 50px;
  margin: 0 0rem;
  margin-top: 3rem;
}
.moreborder a:hover{
  color: #14264d;
  font-weight: 500;
  margin-bottom: 1rem;
}
.grid_border_color{
  border-right: 1px solid #C6C6C6;
  /* margin-right: 27px; */
}
.right_dropdownbg .dropdown-toggle::after{
  content: "\f107";
  font: normal normal normal 14px / 1 FontAwesome;
  border: 0px !important;
  font-size: 26px;
  position: absolute;
}
.product_item_box_bg{
  position: relative;
}

.product_item_box{
  position: relative;
  width: 100%;
  border: 0px;
  border-radius: 0px;
  height: 100%;
}
.productimages_box{
  position: relative;
  border-radius: 30px 30px 18px 18px;
-webkit-border-radius: 30px 30px 18px 18px;
-moz-border-radius: 30px 30px 18px 18px;
overflow: hidden;
height: 245px !important;
}
.productimages_box:after {
    content: "";
    inset: 0;
    background: linear-gradient(0deg, #000000bf, transparent, transparent);
    z-index: 0;
    position: absolute;
}
.productimages_box .sell_heading {
    z-index: 1;
}
.sell_price{
  position: absolute;
  top: 0;
  left: 0;
  background: #EB8186;
  padding: 5px 18px;
  border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  margin: 15px;
  color: #fff;
  font-size: 16px;
}
.sell_heading{
  position: absolute;
  width: auto;
  bottom: 0;
  right: 0;
  margin: 15px;
  color: #fff;
  font-size: 20px;
}
.product_min_heading{
  position: relative;
  font-family: "Prata", serif;
  font-size: 20px;
}
.locationproduct{
  color: #7D8282;
  font-size: 16px;
}
.locationproduct svg{
  padding-right: 2px;
  color: #C6C6C6;
}
.gropbtnstyle{
  margin-top: 0.3rem;
margin-bottom: 1rem;
}
.gropbtnstyle .btn:first-child{
margin-left: 0;
  }
  .gropbtnstyle .btn:last-child{
    margin-right: 0;
      }
.gropbtnstyle .btn svg{
width: 20px !important;
}
.gropbtnstyle .btn{
  color: #7D8282;
  padding: 10px 1px;
  background: #efefef;
  margin: 0px;
  border: 1px solid #a3a3a3;
}
.gropbtnstyle .btn {
  font-size: 13px;
}



.livebgbtn{
  position: relative;
  box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.23);
  -webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.23);
  -moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.23);
border: 1px solid #efefef;
padding: 0.5rem 1rem;
border-radius: 6px 6px 6px 6px;
-webkit-border-radius: 6px 6px 6px 6px;
-moz-border-radius: 6px 6px 6px 6px;
margin-bottom: 1.5rem;
color: #868686;
}
.livebgbtn .btn{
font-size: 20px;
color: #afafaf;
}
.livebgbtn .btn:hover{
  /* font-size: 20px; */
  color: #252525;
  }
 .prodownlod{
  position: relative;
  border: 1px solid #1371FF;
  font-size: 16px;
  color: #1371FF;
  box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.23);
  -webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.23);
  -moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.23);
  margin-left: 1rem;
  display: flex;
    align-items: center;
 } 
 .prodownlod:hover{
  border: 1px solid #90aeda;
 }
.prodownlod svg{
  margin-right: 10px;
}
.vuedetailbtn{
  border: 1px solid #FF0000;
  color: #FF0000;
  margin-left: 0rem;
}
.vuedetailbtn:hover{
  border: 1px solid #f11a1a;
  color: #ee4848;
  background: #a80505;
  color: #ffffff;
 }
 .vuedetailbtn svg {
  margin-right: 0px;
  margin-left: 5px;
}

/*========= popartyitemsbg ======================*/



/*============= projectdetails ======================*/

.projectdetails{
  position: relative;
}
.projectdetails_banner{
  position: relative;
}
.projectdetails .right_dropdownbg{
  justify-content: space-around;
  flex-wrap: wrap;
  gap: 10px;
}
.projectdetails .searchpopartybox{
padding: 0;
}
.projectdetails .searchpopartybox{
  top: -11rem;
}
.projectdetails .right_dropdownbg .nav-link:hover{
color: #FF0000;
border: 1px solid #F89292;
text-decoration: underline;
}
.projectdetails .right_dropdownbg .nav-link{
  padding: 3rem 1rem;
  border: 1px solid #ffffff;
  }
.projectdetails_banner{
  position: relative;
} 
.projectdetails_banner .swiper-button-prev{
display: none;
}
.projectdetails_banner .swiper-button-next{
  display: none;
}
.projectdetails_banner h1{
  border: 0px solid #ffffff !important;
border-bottom: 1px solid #ffffff !important;
display: inline-block;
}
.projectdetails .overview_box{
position: relative;
}
.projectdetails .overview_box_left{
  position: relative;
  box-shadow: 1px 0px 10px 0px rgba(0,0,0,0.18);
  -webkit-box-shadow: 1px 0px 10px 0px rgba(0,0,0,0.18);
  -moz-box-shadow: 1px 0px 10px 0px rgba(0,0,0,0.18);
  border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
  }
  .projectdetails .overview_box_left h3{
  color: #FF0000;
  margin-bottom: 2rem;
  margin-top: 2rem;
  text-align: center;
}
.projectdetails .verticleheading{
  position: relative;
  text-align: center;
}
.projectdetails .verticleheading span{
  position: relative;
  display: block;
  font-size: 60px;
  color: #C1C0C0;
  font-family: "Prata", serif;
}
.eventbox_round{

}
.hidenboxbg{
  overflow: hidden;
  border-radius: 20px 20px 20px 20px;
  -webkit-border-radius: 20px 20px 20px 20px;
  -moz-border-radius: 20px 20px 20px 20px;
padding: 0rem 1rem;
}
.eventbox{
  position: relative;
  box-shadow: -1px 4px 13px -1px rgba(0,0,0,0.19);
  -webkit-box-shadow: -1px 4px 13px -1px rgba(0,0,0,0.19);
  -moz-box-shadow: -1px 4px 13px -1px rgba(0,0,0,0.19);
padding: 1rem;
height: 100%;
flex-direction: column;
background: #ffffff;
}
.hidenboxbg .col-md-6:nth-child(1) .eventbox{
  background: #FFF4F4;
}
.hidenboxbg .col-md-6:nth-child(4) .eventbox{
  background: #FFF4F4;
}
.hidenboxbg .col-md-6:nth-child(5) .eventbox{
  background: #FFF4F4;
}
.eventbox h3{
  color: #666666;
  text-align: center;
  width: 100%;
}
.eventbox span{
  color: #666666;
  padding-bottom: 1rem;
  font-size: 20px;
}
.eventbox p{
/* font-size: 12px; */
padding-bottom: 10px;
}




/*============= projectdetails ===========//=======*/


/*=============== productdetails ======================*/
.productdetails{
  position: relative;
  padding-top: 0rem;
  padding-bottom: 1rem;
}
.currentbg{
  position: relative;
  background: #F5F5F5;
  border-radius: 17px 17px 17px 17px;
-webkit-border-radius: 17px 17px 17px 17px;
-moz-border-radius: 17px 17px 17px 17px;
box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.24);
-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.24);
-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.24);
overflow: hidden;
}
.currentboxbg{
  position: relative;
  background: #FFD7D7;
  padding: 1rem;
}
.currentboxbg span{
  position: relative;
  color: #666666;
  font-weight: 500;
}
.lightboxb{
  background: #F5F5F5;
  border-radius: 7px 7px 7px 7px;
  -webkit-border-radius: 7px 7px 7px 7px;
  -moz-border-radius: 7px 7px 7px 7px;
box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.24);
-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.24);
-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.24);
margin: 2rem;
padding: 1rem;
}


/*=============== productdetails =============//======*/

/*=============== pricecountbg ======================*/
.pricecountbg{
  position: relative;
}
.pricecountbg_box{
  position: relative;
  display: flex;
  flex-wrap: wrap;
  margin: 4rem 0rem;
  background: #ffffff;
  box-shadow: 1px 1px 9px 0px rgba(0,0,0,0.47);
  -webkit-box-shadow: 1px 1px 9px 0px rgba(0,0,0,0.47);
  -moz-box-shadow: 1px 1px 9px 0px rgba(0,0,0,0.47);
}
.pricecountbg_box_item{
  position: relative;
  display: flex;
  width: 20%;
  display: flex;
  flex-wrap: wrap;
  padding: 4rem 0rem;
  justify-content: center;
}
.smallheadingb{
  color: #666666;
  width: 100px;
  height: 100px;
  text-align: center;
  background: #ffffff;
  box-shadow: -2px 2px 5px 0px rgba(0,0,0,0.28);
  -webkit-box-shadow: -2px 2px 5px 0px rgba(0,0,0,0.28);
  -moz-box-shadow: -2px 2px 5px 0px rgba(0,0,0,0.28);
  border-radius: 50%;
  font-size: 20px;
  margin-bottom: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.smallheading_price{
  background: #F5F5F5;
  color: #666666;
  font-size: 20px;
  width: 100%;
  text-align: center;
  padding: 10px;
  margin: 0 1rem
}


/*=============== pricecountbg =============//======*/
/*================= productdetailsgallery ==================*/
.productdetailsgallery{
  position: relative;
}
.productdetailsgallery h4{
  position: relative;
  margin-bottom: 3rem;
}
.swiper-photovideo{
  position: relative;
  padding: 4rem 0rem;
  padding-bottom: 7rem;
  overflow: hidden;
}
.swiperborderbox{
  border-bottom: 2px solid #b8b8b8;
  border-right: 2px solid #b8b8b8;
  padding-bottom: 3rem;
}
.swiperborderbox .swiper-pagination{
bottom: 20px !important;
}
.swiper-photovideo .swiper-wrapper{
 
}
.productdetailsgallery .swiper-slide-active .galaryimg01{
  margin-left: -350px;
  width: 150px;
  overflow: hidden;
  margin-top: 50px;
  height: 200px;
  cursor: pointer;
}
.productdetailsgallery .swiper-slide .galaryimg01 img{
  width: 100%;
  object-fit: cover;
  height: 100%;
  }
.productdetailsgallery .swiper-slide-prev .galaryimg01{
  margin-left: 140px;
  width: 200px;
  overflow: hidden;
  margin-top: 0px;
  height: 300px;
}
.productdetailsgallery .swiper-slide-next .galaryimg01{
  margin-left: -330px;
  width: 300px;
  overflow: hidden;
  margin-top: -50px;
  height: 400px;
  z-index: -1;
}

.galleryvue{
  position: relative;
  margin-top: 4.5rem;
  margin-left: 2rem;
}
.galleryvue li{
  position: absolute;
}
.galleryvue li .boxvu{
  border: 5px solid #ffffff;
  cursor: pointer;
}
.galleryvue li .boxvu img {
  width: 100%;
  object-fit: cover;
  height: 100%;
}
.galleryvue li:nth-child(1) .boxvu {
  margin-left: 0px;
  width: 150px;
  overflow: hidden;
  margin-top: 50px;
  height: 200px;
  display: inline-block;
  z-index: 4;
  position: relative;
}
.galleryvue li:nth-child(2) .boxvu {
  margin-left: 50px;
  overflow: hidden;
  margin-top: 0px;
  display: inline-block;
  z-index: 3;
  position: relative;
  width: 200px;
  height: 300px;
}
.galleryvue li:nth-child(3) .boxvu {
  margin-left: 100px;
  overflow: hidden;
  margin-top: -50px;
  display: inline-block;
  z-index: 2;
  position: relative;
  width: 300px;
  height: 400px;
}

.videogallery0{
  position: relative;
  border: 4px solid #D2D1D1;
  width: auto;
  display: inline-block;
  margin: 0 auto;
}
.videogallery0 h3{
position: absolute;
top: 40px;
left: 0;
width: 100%;
text-align: center;
color: #ffffff;
}
.videogallery0{
  position: relative;
  border: 4px solid #D2D1D1;
  width: auto;
  display: inline-block;
  margin: 0 auto;
}
.videogallerybutton{
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  top: 0;
  cursor: pointer;

}
.galaryimg01{
  position: relative;
    cursor: pointer;
    border: 4px solid #d6d6d6;
    width: auto;
    height: 100%;
    display: inline-block;
}
.modalvideolength{
  max-width: 1000px;
}
.productgalleryimg{
  width: 100%;
}

.swiper-photovideo .swiper-pagination-bullet{
background: none;
color: #686868;
/* opacity: 0.6; */
opacity: 0.6;
}
.swiper-photovideo .swiper-pagination-bullet-active{
  color: #FF0000;
  opacity: 1;
}

/*================= productdetailsgallery ======//=========*/

/*================== highlights =========================*/
.highlights{
  position: relative;
  padding: 5rem 0rem;
}
.highlights h3{
  /* color: #707070; */
}
.highlightsbox{
  position: relative;
  position: relative;
  width: 900px;
}
.highlightsboximg{
  position: relative;
  width: 500px;
}
.ghlightsimg{
  position: absolute;
  left: 100px;
  top: 100px;
  width: 200px;
}
.popartybenefit{
  position: absolute;
  top: -11px;
  left: 0;
}
.popartybenefit li{
  position: relative;
  display: flex;
  align-items: center;
  margin-bottom: 0px;
  margin-left: 360px;
}
.popartybenefit li span{
margin-right: 1rem;
}

.popartybenefit li:nth-child(2) {
  margin-left: 446px;
}
.popartybenefit li:nth-child(3) {
  margin-left: 493px;
    margin-top: 21px;
}
.popartybenefit li:nth-child(4) {
  margin-left: 514px;
    margin-top: 26px;
}
.popartybenefit li:nth-child(5) {
  margin-left: 514px;
  margin-top: 30px;
}
.popartybenefit li:nth-child(6) {
  margin-left: 495px;
  margin-top: 23px;
}
.popartybenefit li:nth-child(7) {
  margin-left: 452px;
  margin-top: 13px;
}
.popartybenefit li:nth-child(8) {
  margin-left: 362px;
  margin-top: 5px;
}



/*================== highlights ===========//===========*/

/*===================== siteplanbg ==================*/
.siteplanbg{
  position: relative;
  width: 100%;
}
.siteplanbg h3{
  margin-bottom: 3rem;
}

/*===================== siteplanbg ===========//=======*/
/*================= unitplansbg =======================*/
.unitplansbg{
  position: relative;
  width: 100%;
  padding: 6rem 0rem;
}
.unitplansbg .mapboxbg{
  position: relative;
  width: 100%;
text-align: center;
}
.unitplansbg .mapboxbg img{
  position: relative;
  box-shadow: 0px 3px 23px 0px rgba(0,0,0,0.34);
  -webkit-box-shadow: 0px 3px 23px 0px rgba(0,0,0,0.34);
  -moz-box-shadow: 0px 3px 23px 0px rgba(0,0,0,0.34);
  max-width: 450px;
}
.unitplansbg .nav-pillscenter{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.unitplansbg .nav-pills{
margin: 2.5rem 0rem;
margin-top: 1rem;
}

.unitplansbg .nav-pills .nav-link{
  box-shadow: 3px 1px 5px 0px rgba(0,0,0,0.36);
  -webkit-box-shadow: 3px 1px 5px 0px rgba(0,0,0,0.36);
  -moz-box-shadow: 3px 1px 5px 0px rgba(0,0,0,0.36);
  border-radius: 0px;
  color: #707070;
  font-size: 22px;
  text-transform: uppercase;
  padding: 15px 35px;
}
.unitplansbg .nav-pills .nav-link:hover{
  background: #FFD7D7;
}
.unitplansbg .nav-pills .nav-link.active{
background: #FFD7D7;
}

/*================= unitplansbg ===============//========*/
/*================= cutplanbg =================*/
.cutplanbg{
  position: relative;
  width: 100%;
}
.cutplanbg h3{
  margin-bottom: 3rem;
}

/*================= cutplanbg ============//=====*/
/*============== locationbg ==================*/
.locationbg{
  position: relative;
  width: 100%;
  padding: 6rem 0rem;
}
.locationbg h3{
  margin-bottom: 3rem;
}
.locationbg iframe{
  width: 100%;
  height: 500px;
  border: none;
  box-shadow: none;
}


/*============== locationbg ==========//========*/
/*============== contactfrombg ==================*/
.contactfrombg{
  position: relative;
  width: 100%;
}
.contactfrombgbox{
  background: #E9E9E9;
  box-shadow: 1px 0px 5px 2px rgba(0,0,0,0.13);
  -webkit-box-shadow: 1px 0px 5px 2px rgba(0,0,0,0.13);
  -moz-box-shadow: 1px 0px 5px 2px rgba(0,0,0,0.13);
  padding: 2rem 1rem;
  margin-bottom: 3rem;
}
.contactbanner img{
  border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
overflow: hidden;
}
.contact-project{
    height: 100%;
}
.contact-project img{
    height: 100%;
    object-fit: cover;
}
.contactfrombg h3{
text-transform: uppercase;
margin-bottom: 3rem;
margin-top: 2rem;
}
.contactfrombg .form-label{
margin-top: 1.5rem;
color: #615F5F;
font-size: 20px;
}
.contactfrombg .form-control,.form-select{
  height: 50px;
}
.contactfrombg .btn-danger{
  background: #FF0000;
  font-size: 22px;
  font-weight: 500;
  padding: 0.5rem 2rem;
  margin-top: 2rem;
}
.contactfrombg .btn-danger:hover{
  background: #d60505;
}

::placeholder {
  color: #a8a8a8 !important;
  opacity: 1;
}

::-ms-input-placeholder { 
  color: #a8a8a8 !important;
}
.contactfrombg select{
  color: #a8a8a8 !important;

}
.contactfrombg .form-select:focus{
  box-shadow: none;
  border: 1px solid #000000 !important;

}
.contactfrombg select option{
  color: #a8a8a8 !important;
}

.contactfrombg .form-select:focus{
  box-shadow: none;

}


/*============== contactfrombg ==========//========*/

/*=============== servicebg ===================*/
.servicebg{
  position: relative;
  padding: 5rem 0rem;
}
.servicebg h3{
color: #818284;
display: inline-block;
margin: 0 auto;
width: auto;
border-bottom: 1px solid #818284;
margin-bottom: 4rem;
}
.servicebgbox{
  position: relative;
  width: 100%;
  height: 100%;
  background: #ffffff;
  box-shadow: -1px 2px 17px 0px rgba(0,0,0,0.32);
  -webkit-box-shadow: -1px 2px 17px 0px rgba(0,0,0,0.32);
  -moz-box-shadow: -1px 2px 17px 0px rgba(0,0,0,0.32);
text-align: center;
padding:5rem 2rem;
border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
}
.servicebgbox img{
  width: 100px;
}
.servicebgbox p{
 color: #818284;
 padding-top: 2rem;
 font-family: "Prata", serif;
 font-size: 18px;
}

/*=============== servicebg ======//=============*/

/*=============== architecturalbg ==================*/

.architectural-banner{
  position: relative;
  /* padding: 5rem 0rem; */
}
.architectural-banner h3{
  position: relative;
}
.architectural-banner p{
  position: relative;
  color: #ffffff;
  margin-top: 1rem;
}
.architecturalbg{
  position: relative;
  padding: 6rem 0rem;
}
.architecturalbg .row{
  padding: 2rem 0rem;
}
.architecturalbg h3{
  position: relative;
  color: #000000;
  display: inline-block;
  margin-left: 3rem;
  margin-bottom: 1rem;
}
.architecturalbg p{
  position: relative;
  color: #969696;
  font-family: "Prata", serif;
  line-height: 27px;
}
.smallbox{
  position: relative;
  background: #F3F3F3;
  padding: 2rem 2rem;
}
.architecturalbg .smallbox span{
  position: relative;
  color: #716C6C;
  font-family: "Prata", serif;
  font-size: 25px;
  padding-bottom: 1rem;
  display: inline-block;
}
.architecturalbg .smallbox p{
  position: relative;
}


/*=============== architecturalbg ==================*/
/*====================== contactbg ====================*/
.contactbg{
  position: relative;
}
.contactbg p{
  position: relative;
  font-size: 12px;
}
.contactbg .swiper_box_bg::before {
  background: #21293d;
  z-index: 2;
  opacity: 0.8;
}
.contactbg .servicebgbox{
  padding: 2rem 4rem;
}
.contactbg .servicebgbox p{
  font-size: 16px;
  color: #000;
}
.contactbg .contactfrombgbox{
  background: #000000;
}

.contactbg .contactfrombgbox  h3 {
  text-align: left;
  color: #fff;
  text-transform: capitalize;
}
.contactbg .form-label{
  font-family: "Prata", serif;
}
.contactbg .btn-danger{
  background: #5C5C5C;
  border: 0px;
  border-radius: 0px;
}
.contactbg .btn-danger:hover{
  background: #383838;
  border: 0px;
  }
  .contactbg .form-control, .contactbg .form-select{
    background: #000;
    border: 0px;
    border-bottom: 1px solid #272727;
    border-radius: 0px;
}
.contactbg  .form-control{
margin-bottom: 1rem;
}

.contactbg .form-control {
  color: #746F6F !important;
  }
  .contactbg input{
     color: #746F6F !important;
     font-family: "Prata", serif;
  }
  .contactbg textarea{
    height: 100px !important;
  }

/*====================== contactbg ================//====*/
/*================= faqbg ==================*/
.faqbg{
  position: relative;
}
.faqbg .accordion-body{
  background: #ECECEC;
  padding-bottom: 4rem;
}
.faqbg .accordion-body p{
  color: #4A4A4A;
  text-align: left;
}
.faqbg .accordion-button{
font-weight: 500;
color: #4A4A4A;
}
.faqbg .accordion-item:first-of-type .accordion-button{
  background: #ffffff;

}
.faqbg .accordion-button:not(.collapsed){
  background: #ffffff;
  
}
.faqbg button:focus:not(:focus-visible){
  outline: none !important;
}

.faqbg .accordion-item{
  box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.23);
  -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.23);
  -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.23);
  margin-bottom: 1rem;
  border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
}
.faqbg .accordion-button:focus{
box-shadow: none;
}

/*================= faqbg ==========//========*/
/*================== interior =====================*/
.interiorbg{
  position: relative;
  width: 100%;
  padding: 5rem 0rem;
}
.interior-hed-box{
position: relative;
background: #ffffff;
box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.18);
-webkit-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.18);
-moz-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.18);
border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
padding: 2rem 8rem;
}
.interior-hed-box h3{
  color: #818284;
  font-family: "Prata", serif;
}
.interior-hed-box p{
  color: #818284;
}
.arcivfont p{
  font-family: "Prata", serif;
}

.dreamtab{
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 3rem 0rem;
}
.dreamtab .nav-item .nav-link{
  color: #818284;
  border: 1px solid #818284;
  margin: 0.7rem;
  padding: 1rem 1.5rem;
  font-size: 18px;

}
.dreamtab .nav-item .nav-link:hover{
color: #ffffff;
background: #FF6464;
}
.dreamtab .nav-item .active{
  background: #FF6464;
  color: #ffffff;
}
.interiorbg .productimages_box{
  border-radius: 24px 24px 0px 0px;
  -webkit-border-radius: 24px 24px 0px 0px;
  -moz-border-radius: 24px 24px 0px 0px;
}
.interiorbg .card-body{
  box-shadow: -1px 4px 9px 0px rgba(0,0,0,0.19);
  -webkit-box-shadow: -1px 4px 9px 0px rgba(0,0,0,0.19);
  -moz-box-shadow: -1px 4px 9px 0px rgba(0,0,0,0.19);
  padding: 1.5rem;
  border-radius: 0px 0px 21px 21px;
-webkit-border-radius: 0px 0px 21px 21px;
-moz-border-radius: 0px 0px 21px 21px;
}
.interiorbg .card-body p{
  font-family: "Poppins", sans-serif !important;
  font-size: 18px;
  font-weight: 500;
  padding-bottom: 0.5rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow : hidden;
 width:100%;
 height: 55px;
}
.interiorbg .vuedetailbtn{
  box-shadow: none;
  border-radius: 21px 21px 21px 21px;
  -webkit-border-radius: 21px 21px 21px 21px;
  -moz-border-radius: 21px 21px 21px 21px;
  font-weight: 400;
  padding: 7px 33px;
  font-size: 13px;
}
.interiorbg .prodownlod{
  border-radius: 21px 21px 21px 21px;
-webkit-border-radius: 21px 21px 21px 21px;
-moz-border-radius: 21px 21px 21px 21px;
font-weight: 500;
}
.getbtn{
  background: #FF0000;
  color: #ffffff;
}
.interiorbg .morepagflatbg{
  border: 1px solid #FF0000;
  background: none;
  color: #FF0000;
}
.interiorbg .morepagflatbg:hover{
  background: #e90404;
  color: #ffffff;
}

/*================== interior =========//============*/
/*============== aboutinner ===================*/
.aboutinner{
  position: relative;
}
.aboutbox{
  box-shadow: -2px 3px 10px 0px rgba(0,0,0,0.15);
  -webkit-box-shadow: -2px 3px 10px 0px rgba(0,0,0,0.15);
  -moz-box-shadow: -2px 3px 10px 0px rgba(0,0,0,0.15);
background: #ffffff;
}
.aboutbox img{
  padding: 3rem 0rem;
}
.aboutbox h3{
  margin-bottom: 1.5rem;
border: 0;
text-align: left;
width: 100%;
}
.aboutbox p{
  font-family: "Prata", serif;
  color: #818284;
  font-size: 16px;
  text-align: left;
  line-height: 29px;
}
.aboutbox_right{
  padding: 7rem 2rem;
  padding-left: 8rem;
  background: #F9F9F9;
  width: 58rem;
  position: absolute;
  right: 0;
  top:-2rem;
}
.aboutbox_left{
  z-index: 2;
  position: relative;
}
.aboutinner .gaptopabout{
  position: relative;
}
.aboutinner .directorbox{
position: relative;
text-align: left;
box-shadow: 1px 0px 10px 0px rgba(0,0,0,0.25);
-webkit-box-shadow: 1px 0px 10px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 1px 0px 10px 0px rgba(0,0,0,0.25);
}
.aboutinner .directorbox h3{
  margin-bottom: 1rem;
  text-align: left;
  color: #FF7A7A;
  }
  .aboutinner .smalltexthed{
  border: 0;
  color: #454545 !important;
  margin: 2rem 0rem !important;
}
.aboutinner .directorbox p{
  font-family: "Prata", serif;
  color: #656565;
  margin-bottom: 1.5rem;
}
.aboutinner .directorbox small{
  color: #FF7A7A;
  font-size: 16px;
}
.aboutinner .group-leadership h3{
  margin-bottom: 1rem;
}

/*============== aboutinner ============//=======*/

/*===================== group-leadership ======================*/
.group-leadership{
  position: relative;
  padding-top: 4rem;
}
.group-leadership .leadership_box{
position: relative;
}
.group-leadership .leadership_box .userboxbg{
  background: #313131;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  margin: 0 auto;
  margin-bottom: 1rem;
}
.text-box-hed{
  position: relative;
  border-radius: 6px 6px 6px 6px;
-webkit-border-radius: 6px 6px 6px 6px;
-moz-border-radius: 6px 6px 6px 6px;
box-shadow: -3px 3px 5px 0px rgba(0,0,0,0.25);
-webkit-box-shadow: -3px 3px 5px 0px rgba(0,0,0,0.25);
-moz-box-shadow: -3px 3px 5px 0px rgba(0,0,0,0.25);
padding: 1rem;
}
.text-box-hed span{
  font-family: "Prata", serif;
  color: #818284;
  font-size: 22px;
  margin-bottom: 0.5rem;
}
.text-box-hed small{
  font-family: "Prata", serif;
  font-size: 18px;
}


/*===================== group-leadership =============//=========*/



/*================ missionvisionbg =====================*/
.missionvisionbg{
  position: relative;
  border: 1px solid #424242;
}
.missionvisionbghed h3{
  position: relative;
  /* margin-top: 5rem; */
}
.missionvisionbg::before {
  content: "";
  width: 55%;
  clip-path: polygon(0 0, 100% 0, 78% 100%, 0% 100%);
  background: #424242;
  height: 100%;
  left: 0;
  top: 0;
  position: absolute;
  z-index:-1;
}
.missionvisionbghedtex{
  color: #000000;
  margin-bottom: 2rem;
  font-family: "Prata", serif;
  text-align: center;
  margin-top: 2rem;
  z-index: 2;
}
.missionvisionbg p{
  text-align: left;
  font-family: "Prata", serif;
  line-height: 32px;
  margin-top: 3rem;
  padding: 0 1rem;
  margin-bottom: 4rem;
}
.lefttexmr p{
  padding-left: 2rem;
}
.lefttexml p{
  padding-right: 3rem;
  color: #fff;
}
.lefttexml h4{
  color: #fff;
}



/*================ missionvisionbg =====================*/
/*================= ourclientsbg ====================*/
.ourclientsbg{
  position: relative;
}

/*======================= completed ==============================*/
.completed{
  position: relative;
}

.completed .productimages_box .card-img-top{
    filter: grayscale(100%);
}






/*======================= completed ==============//==============*/























@media only screen and (min-width: 1366px){
  .container {
  max-width: 1240px !important;
  }
  header ul.slimmenu li a {
    padding: 12px 26px 11px 15px;
    font-size: 15px;
}
.headerlogo {
  padding-right: 26px !important;
  padding-left: 0px !important;
}
h1 {
  font-size: 54px;
}
.aboutbgaligntext span {
  font-size: 50px;
}
.btnsub_blue {
  padding: 0.6rem 8rem;
  font-size: 16px;
  font-weight: 300;
}
.livebgbtn .btn {
  font-size: 14px;
}
.prodownlod {
  font-size: 13px;
}
.locationproduct svg {
  width: 15px !important;
}
.locationproduct {
  color: #7D8282;
  font-size: 14px;
}
.prodownlod svg {
  width: 10px !important;
}






  }











































/*==================== footer =========================*/
footer{
  position: relative;
  width: 100%;
  background: #464646;
  padding: 4rem 0rem;
  padding-bottom:1rem;
}
footer form .form-control{
  background: #5b5b5b;
  border: 0px;
  border-radius: 0;
  color: #fff;
  padding: 15px 15px;
}
footer .form-control:focus {
  background-color: #5b5b5b;
  border: 0px solid #3b3b3b;
}
footer form .btnsub{
  border: 0px;
  font-weight: 500;
  margin-top: 1rem;
  padding: 10px 20px;
  font-size: 20px;
}
footer h3{
  color: #ffffff;
  font-size: 25px;
  font-weight: 300;
  padding-top: 3rem;
  padding-bottom: 0rem;
}
footer .socialmedia .nav-item .nav-link{
width: 30px;
margin-right: 1rem;
}


footer .copyrightbo{
border-top: 1px solid #ffffff;
margin-top: 4rem;
}
footer .copyrightbo p{
color: #BBBBBB;
}
.footer_logo{
  width: auto;
  display: block;
  padding-bottom: 1rem;
  text-align: center;
}
.footer_logo img{
    width: 150px;
}
footer p{
color: #ffffff;
margin-top: 1rem;
}
footer .emaildesc{
  color: #FFF0F1;
  padding-bottom: 0.5rem;
  display: inline-block;
}
footer h4{
  /* font-size: 22px; */
  color: #ffffff;
  margin-bottom: 1rem;
  border-bottom: 1px solid #fff;
  display: inline-block;
}
footer .nav-link{
  color: #ffffff;
  padding: 0.5rem 0rem;
  font-size: 19px;
}
footer .nav-link:hover{
  color: #ff5c65;
}
.social_media {
  justify-content: center;
}
.social_media .nav-link{
  width: 57px;
  padding: 0px 6px;
}
.contact_bg{
  position: relative;
}
.contact_bg .nav-item{
  display: flex;
  align-items: center;
  margin-top: 0.5rem;
}
.contact_bg .nav-item img{
  margin-right: 1rem;
}
.aboutbg .rowwer{
    display: flex;
    flex-wrap: wrap;
    position: relative;
}
.about_col{
    padding: 0 10px;
}
/*==================== footer ==================//=====*/

@media only screen and (max-width: 1380px) {

	/* .container {
		max-width: 1280px !important;
	} */

}


@media only screen and (max-width: 1250px) {


}
@media only screen and (max-width: 1199px) {
 

}


@media only screen and (max-width: 991px) {
.aboutbox_right{
    padding: 2rem 2rem !important;
    width: 100%;
    position: static;
}
/*.rowwer{*/
/*    align-items: flex-start !important;*/
/*}*/

.top_banner_slider .btn-group{
    overflow: hidden !important;
}
.perabox p{
    font-size: 13px;
}
.top_banner_slider .btnsub{
    padding-top:6px;
    padding-bottom: 6px;
}
.ongoingproject .btn-group{
    border: 0px !important;
}
.top_banner_slider .btn-group, .top_banner_slider .btn-group-vertical{
    display: block !important;
}

.swiper-partners .swiper-slide{
    border-right: 1px solid #B4B4B4;
}

.header_left_bg  .logo.logomedia{
    display: none !important;
}
.cover_bg{
    height: 100%;
}
  h1 {
    font-size: 30px;
  }

	h3 {
		font-size: 16px;
		letter-spacing: 1px;
	}
	.top_banner_slider h3 {
    font-size: 18px;
  }
  .top_banner_slider .btnsub {
    font-size: 15px;
    padding-bottom: 0.5rem;
    margin-top: 0.5rem;
  }
  .logomedia{
    display: block !important;
  }
  header .col-auto{
width: 100%;
flex-direction: column;
  }
  .header_left_bg {
    justify-content: space-between;
  }

  header .menu-collapser {
    position: relative;
    width: 100%;
    height: auto;
    padding: 0 0px;
    font-size: 0px;
    line-height: 0;
  }
  .menu-collapser{
    background: none;
  }

  header ul.slimmenu {
    width: 100%;
    position: absolute;
    left: 0;
    /* top: 53px; */
    top: 100%;
    background: #f51e27;
    flex-direction: column;
    /* display: none !important; */
    padding: 10px;
  }
  ul.slimmenu.collapsed li a {
    color: #ffffff;
  }
  header ul.slimmenu li .sub-toggle > i {
    color: #ffffff;
}
  /* header ul.slimmenu li:hover{
    background: #fcb6b6;
  } */
  header .btnsub {
    position: absolute;
    margin-top: -34px;
    right: 0;
    font-size: 12px;
  padding: 0.2rem 1rem;
  }
  header ul.slimmenu li .sub-toggle {
    width: 36px;
  }
  .header_left_bg .logo {
    width: 143px;
  }
  header ul.slimmenu li a{
    height: auto;
  }
  .header_left_bg .header_nav_bg {
    width: 100%;
  }
  header {
    min-height: 57px;
    background: #fff;
  }
  .header_left_bg .logo {
    top: -21px;
  }

  .top_banner_slider ul li p {
    font-size: 14px;
  }

  .we_teach h3 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  .global_heading {
    font-size: 20px;
  }
  .we_teach_box {
    padding: 1rem 1rem;
  }
  .we_teach .col-md-3 {
    margin-bottom: 1rem;
  }
  h2 {
    font-size: 16px;
  }
  .about_tutormeets h2 {
    margin-bottom: 1rem;
    margin-top: 1.5rem;
    font-size: 22px;
    text-align: center;
  }
  .about_tutormeets p {
    font-size: 14px;
    word-spacing: 2px;
    line-height: 27px;
  }
  .about_tutormeets .btnsub {
    padding: 0.2rem 1rem;
    font-size: 13px;
  }
  .tutormeets_best h3 {
    font-size: 1rem;
    box-shadow: 3px 6px 0px 0px rgb(255 0 0);
  -webkit-box-shadow: 3px 6px 0px 0px rgb(255 0 0);
  -moz-box-shadow: 3px 6px 0px 0px rgb(255 0 0);
  }
  .tutormeets_best h3::before {
    left: 6px;
    bottom: -12px;
  }
  .about_tutormeets {
    padding-bottom: 3rem;
  }
  .tutormeets_best {
    padding-bottom: 2rem;
  }
  .bring_firend h3 {
    font-size: 1rem;
  }
.bring_firend_icon img{

}
.bring_firend h2 {
  font-size: 1.5rem;
  font-weight: bold;
  -webkit-text-stroke-width: 1px;
  letter-spacing: 1px;
}
.bring_firend p {
  font-size: 16px;
}
.footer_logo {
  /* width: 100%;
  text-align: center;
  width: 100px; */
    text-align: center;
    margin: 0 auto;
    display: inline-block;
}
footer p {
  text-align: center;
  font-size: 14px;
}
footer h3 {
  text-align: center;
  margin-top: 1rem;
}
footer .nav-link {
  text-align: center;
}
.social_media {
  margin-top: 1rem;
}
.contact_bg {
  justify-content: center;
}
.contact_bg .nav-item {
  width: 100%;
  justify-content: center;
}
footer {
  padding: 2rem 0rem;
  text-align: center;
}
header ul.slimmenu li > ul {
  width: 100%;
}

.tutormeets_best .tutormeets_best_box1{
  width: 100%;
  margin-bottom: 1rem;
}
.tutormeets_best .tutormeets_best_box2{
  width: 100%;
  margin-bottom: 1rem;
}
.tutormeets_best_box01{
  width: 100%;
}
.tutormeets_best_box01 {
  margin-bottom: 0rem;
}
header .container{
  padding: 0 20px;
}
.swiper_box_bg::before{
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background: #ffffff;
  opacity: 0.7;
  width: 100%;
  height: 100%;
}
.about_tutormeets .btnsub{
  width: 127px;
}
header ul.slimmenu li a i{
  display: none;
}

footer .social_media .nav-item {
  flex-direction: column;
  align-items: center;
  width: 100%;
    display: flex;
}
footer .social_media .nav-item .nav-link{
padding-bottom: 0.5rem;
}
.testimonials_video_box .heading_sub_heading {
  margin-left: 0rem;
}
.social_testimonials_box_min {
  text-align: left;
}
.social_star_bg{
  width: 60%;
  margin: 0 auto;
}
.home_banner_sec .swiper-button-prev {
  left: 0.4rem;
}
.home_banner_sec .swiper-button-next {
  right: 0.4rem;
}
.mouse_scroll {
  height: 60px;
}
.aboutbg .row {
  padding-top: 1rem;
}
.aboutbg h3 {
  font-size: 20px;
}
.aboutbgaligntext span {
  position: relative;
  display: block;
  font-size: 35px;
}
.aboutbg .row {
  padding-left: 0rem;
}
.aboutbgborder {
  top: 1.5rem;
  left: 0.4rem;
  height: 111px;
}
.our_journey {
  padding: 1rem 0rem;
    padding-bottom: 1rem;
  padding-bottom: 3rem;
}
.productcount_border::before {
  border: 2px solid #FF0303;
  top: 20px;
  left: -10px;
}
.smallheading {
  font-size: 18px;
  padding-bottom: 2rem;
}




















}

@media screen and (max-width: 991px) and (orientation: portrait) {
	.home_banner_sec {
    height: 80vh;
  }
  .home_banner_sec .cover_bg {
    height: 80vh;
  }
  .top_banner_slider h3{
    /* width: 100%; */
    width: 100%;
  }
  /* .top_banner_slider {
    left: 2rem;
    right: 2rem;
  } */
  .home_banner_sec .swiper-button-prev::before {
    font-size: 18px !important;
    width: 20px;
    height: 20px;
  }
  .home_banner_sec .swiper-button-next::before {
    font-size: 18px !important;
    width: 20px;
    height: 20px;
  }
  .top_banner_slider .btnsub {
    font-size: 12px;
    padding-bottom: 0.5rem;
    margin-top: 0.5rem;
  }


}
@media screen and (max-width: 991px) and (orientation: landscape) {
  .top_banner_slider {
    position: absolute;
    left: 5.5rem;
    width: auto;
    right: 4rem;
  }
  .top_banner_slider h3 {
    width: 90%;
  }


}

@media only screen and (max-width: 767px) {
    
    
    .gaptopabout .col-md-4{
        order: 1;
    }
    .gaptopabout .col-md-8{
        order: 2;
    }
	/*-- 320 check disktop device --*/
.about_col_holder .about_col:last-child{
    order: 1;
}
.about_col_holder .about_col:nth-child(1){
    order: 2;
}
.about_col_holder .about_col:nth-child(2){
    order: 3;
}
.about_col_holder{
    display: flex;
    flex-direction: column;
}
.fucturrotatedtext{
    width: 100%;
    text-align: center;
    height: auto;
}


.subheadingb{
    padding-top: 0;
}
.fucturrotatedtext{
    rotate: 0deg;
}
.aboutbgborder, .aboutbg_heahing br{
    display: none;
}
.featured_properties_banner{
    padding-top:0;
}
.our_journey{
    margin-top: 80px;
}

.about_col_heading{
    position: absolute;
        top: 60px;
        left: -2px;
        z-index: 9999;
}


.featured_properties_bg .perabox{
    max-width: 600px;
    width: 100%;
    margin: 1.5rem auto;
}
.featured_properties_banner{
    background-size: cover !important;
}
.aboutbox_right{
    padding: 2rem 2rem !important;
    width: 100%;
    position: static;
}


.missionvisionbg::before{
    width: 100%;
    clip-path: none !important;
}
.missionvisionbg p, .missionvisionbghedtex{
    color: #fff;
}
.lefttexml p{
    padding-right: 0px;
}
}
@media only screen and (max-width: 575px) {
    /*:root {
      --dynamic-scale: calc(
        var(--min-scale) + 
        (var(--max-scale) - var(--min-scale)) * 
        ((100vw - var(--min-vw)*1px) / (var(--max-vw) - var(--min-vw))
      );
    }*/
    
    .right_dropdownbg{
        display: block;
    }
    
    .servicebgbox img {
    width: 50px;
}
    .moreborder{
        padding-top: 120px;
    }
    
    
    /*.searchpopartybox{
        display: block !important;
        text-align: center;
    }*/
    .popartyitemsbg .searchpopartybox{
        display: block;
        position: unset;
        text-align: center;
    }
    
    
    .right_dropdownbg .nav-link{
        font-size: 16px;
    }
    .projectdetails .right_dropdownbg .nav-link {
        padding: 1rem;
    }
    
    .top_banner_slider h1{
        font-size: 25px;
    }
    
    .pricecountbg_box {
        flex-direction: column;
    }
    .pricecountbg_box_item {
        flex: 1 0 auto;
        width: 100%;
        padding: 1.5rem 0;
    }
    .smallheadingb {
        margin-bottom: 0.9rem;
    }
    .unitplansbg .nav-pills .nav-link {
        font-size: 1rem;
        padding: 0.3rem 1rem;
    }
    
    /*.highlightsbox {
        transform: scale(var(--dynamic-scale));
        transform-origin: left;
    }*/
}
@media only screen and (max-width: 480px) {
	/*-- 320 check disktop device --*/
.aboutbgaligntext span{
    font-size: 27px;
}
.headerlogo{
    padding: 0 !important;
}

.productcount_border .row div{
    border-right: 1px solid #FCBEBE !important;
}

.about_col_heading{
    top: 20px;
}

.aboutbg_heahing{
    font-size: 24px;
}


.footer_col{
    margin: 25px 0;
}
}




/*--thank you pop starts here--*/
.thank-you-pop{
	width:100%;
 	padding:20px;
	text-align:center;
}
.thank-you-pop img{
	width:76px;
	height:auto;
	margin:0 auto;
	display:block;
	margin-bottom:25px;
}

.thank-you-pop h1{
	font-size: 42px;
    margin-bottom: 25px;
	color:#5C5C5C;
}
.thank-you-pop p{
	font-size: 20px;
    margin-bottom: 27px;
 	color:#5C5C5C;
}
.thank-you-pop h3.cupon-pop{
	font-size: 25px;
    margin-bottom: 40px;
	color:#222;
	display:inline-block;
	text-align:center;
	padding:10px 20px;
	border:2px dashed #222;
	clear:both;
	font-weight:normal;
}
.thank-you-pop h3.cupon-pop span{
	color:#03A9F4;
}
.thank-you-pop a{
	display: inline-block;
    margin: 0 auto;
    padding: 9px 20px;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    background-color: #8BC34A;
    border-radius: 17px;
}
.thank-you-pop a i{
	margin-right:5px;
	color:#fff;
}
/*--thank you pop ends here--*/








.h2-line h2 {
    font-family: Maven Pro,sans-serif;
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

@media only screen and (max-width: 1023px) {
    .h2-line h2 {
        font-size:1.5rem;
        padding-left: 1rem;
        padding-right: 1rem
    }
}

.h2-line .line {
    /*height: 1px;*/
    height: 1.3em;
    max-width: 250px;
    width: 100%
}

.h2-line svg {
    height: 100%;
    width: 100%;
}

@media only screen and (max-width: 1023px) {
    .h2-line .line {
        display:none
    }
}

.head_tags h1 {
    margin-bottom: 4rem
}

.head_tags h2,.head_tags h3 {
    margin-bottom: 2rem
}

.head_tags h4,.head_tags h5,.head_tags h6 {
    margin-bottom: 1rem
}

.head_tags ol {
    color: gray;
    font-weight: 500;
    list-style: auto!important;
    margin: 12px 0;
    padding-left: 1.5rem
}

.head_tags strong {
    color: #000!important
}
.market-content p {
    color: gray;
    font-weight: 500;
    margin: 12px 0
}

.market-content p figure.image img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.market-content table {
    border-collapse: separate;
    border-spacing: 0 15px;
    padding: 5px!important
}

@media only screen and (max-width: 767px) {
    .market-content table {
        font-size:13px
    }
}

.market-content tr {
    padding: 5px
}

.market-content td {
    border: 1px solid #ece9dc;
    border-collapse: separate;
    color: gray;
    font-weight: 500;
    margin: 10px 0;
    padding: 10px 45px
}

@media only screen and (max-width: 480px) {
    .market-content td {
        padding:0
    }
}

.market-content td strong {
    color: #000
}

.market-content td:first-child {
    background-color: #fcf9f0;
    border-right: hidden;
    color: #535352;
    font-weight: 600
}

.market-content td:nth-child(2) {
    background-color: #fffefa
}

.market-content ul {
    color: #818181;
    font-weight: 500;
    list-style: disc;
    margin-left: 40px!important
}
.city-hero-section {
    position: relative
}

.city-hero-section span {
    width: 100%!important
}

.city-hero-section span img {
    -o-object-fit: cover;
    object-fit: cover
}

@media only screen and (max-width: 1023px) {
    .city-hero-section span {
        height:60svh!important
    }
}

.city-hero-section .text-div {
    background: rgba(0,0,0,.35);
    bottom: 5rem;
    padding: 2rem;
    position: absolute;
    text-transform: uppercase;
    width: -moz-max-content;
    width: max-content
}

@media only screen and (max-width: 1023px) {
    .city-hero-section .text-div {
        width:70%
    }
}

@media only screen and (max-width: 767px) {
    .city-hero-section .text-div h1 {
        font-size:30px
    }
}

@media only screen and (max-width: 480px) {
    .city-hero-section .text-div h1 {
        font-size:20px
    }
}

@media only screen and (max-width: 767px) {
    .city-hero-section .text-div h5 {
        font-size:15px
    }
}

@media only screen and (max-width: 480px) {
    .city-hero-section .text-div h5 {
        font-size:11px
    }
}

.city-hero-section .text-div h1,.city-hero-section .text-div h5 {
    color: #fff;
    font-family: Maven Pro;
    font-weight: 500;
    line-height: 1.2
}

@media only screen and (max-width: 1023px) {
    .city-hero-section .text-div {
        bottom:2.5rem;
        font-size: 20px;
        padding: 1.25rem
    }
}

@media only screen and (max-width: 639px) {
    .city-hero-section .text-div {
        bottom:1.25rem;
        font-size: 18px;
        padding: 16px
    }
}

.city-intro-section {
    background: linear-gradient(0deg,#fdfaef,#fdfcfb)
}


.property-single {
    position: relative;
    width: 100%
}

.property-single .property-picture {
    background-color: #fbfbfb;
    height: 464px;
    overflow: hidden;
    position: relative
}

.property-single .property-picture img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.property-single .property-picture .property-overlay {
    background-clip: padding-box;
    background-color: rgba(0,0,0,.84);
    border-bottom: 40px solid rgba(0,0,0,.84);
    border-right: 15px solid rgba(0,0,0,.84);
    border-top: 40px solid rgba(0,0,0,.84);
    bottom: 0;
    left: 0;
    opacity: 0;
    overflow: auto;
    padding-top: 0;
    position: absolute;
    right: 0;
    top: 100%;
    transition: all .25s ease-in-out 0s
}

.property-single .property-picture .property-overlay .icon {
    height: 20px;
    width: 20px
}

.property-single .property-picture .property-overlay span {
    font-family: Maven Pro
}

.property-single .property-picture .property-overlay .overlay-top .top-single:first-child {
    margin-top: 0
}

@media only screen and (max-width: 1279px) {
    .property-single .property-picture .property-overlay .overlay-top .top-single {
        flex-direction:column;
        justify-content: flex-start
    }
}

.property-single .property-picture .property-overlay .overlay-top span {
    color: #fff
}

@media only screen and (max-width: 1279px) {
    .property-single .property-picture .property-overlay .overlay-top .top-right {
        margin-top:4px;
        width: 100%
    }
}

.property-single .property-picture .property-overlay .overlay-top .top-left {
    flex-shrink: 0;
    font-weight: 500;
    letter-spacing: 1.025px;
    max-width: 160px;
    width: 100%
}

@media only screen and (max-width: 1279px) {
    .property-single .property-picture .property-overlay .overlay-top .top-left {
        max-width:100%
    }
}

.property-single .property-picture .property-overlay .overlay-bottom {
    border-top: 1px solid #fff
}

.property-single .property-picture .property-overlay .overlay-bottom span {
    color: #5fb233;
    font-weight: 500;
    letter-spacing: 1.025px
}

.property-single .property-picture .property-overlay .overlay-bottom .icon {
    height: 20px;
    width: 20px
}

@media only screen and (max-width: 1279px) {
    .property-single .property-picture .property-overlay .overlay-bottom .icon {
        margin-right:12px
    }
}

.property-single .property-picture .property-overlay.active {
    opacity: 1;
    top: 0
}

.property-single .property-picture .property-overlay::-webkit-scrollbar-track {
    background: #414040
}

.property-single .property-picture .property-overlay::-webkit-scrollbar-thumb {
    background: #fff
}

.property-single .property-picture .property-overlay::-webkit-scrollbar {
    width: 2.5px
}

.property-single .property-picture .toast-block {
    bottom: 40px;
    position: absolute;
    right: 40px
}

@media only screen and (max-width: 1535px) {
    .property-single .property-picture {
        height:379px
    }
}

@media only screen and (max-width: 1279px) {
    .property-single .property-picture {
        height:293px
    }
}

@media only screen and (max-width: 1023px) {
    .property-single .property-picture {
        height:356px
    }
}

@media only screen and (max-width: 639px) {
    .property-single .property-picture {
        height:328px
    }
}

.property-single .map-fig {
    height: auto
}

.property-single:before {
    background: #fff;
    border: 1px solid #ddd;
    bottom: -16px;
    box-shadow: 0 25px 50px 3px rgba(0,0,0,.08);
    content: "";
    left: -16px;
    opacity: 0;
    padding: 16px;
    position: absolute;
    right: -16px;
    top: -16px;
    visibility: hidden
}

.property-single>* {
    position: relative
}

.property-single h3 {
    color: #000;
    font-family: Maven Pro,sans-serif;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1
}

@media only screen and (max-width: 1023px) {
    .property-single h3 {
        font-size:18px;
        margin-top: 4px
    }
}

@media only screen and (max-width: 639px) {
    .property-single h3 {
        font-size:16px
    }
}

.property-single .property-location span {
    color: #666;
    font-size: 14px!important
}

@media only screen and (max-width: 639px) {
    .property-single .property-location span {
        font-size:12px
    }
}

.property-single .property-location .icon {
    cursor: pointer
}

.property-single .property-location .icon.icon-like.active .stroke-like,.property-single .property-location .icon.icon-like.active path[class$=__stroke-like],.property-single .property-location .icon.icon-like:hover .stroke-like,.property-single .property-location .icon.icon-like:hover path[class$=__stroke-like] {
    fill: #b8105e;
    stroke: #b8105e
}

.property-single .property-location.active .icon-plus {
    transform: rotate(225deg)
}

.property-single .property-status {
    align-self: flex-start;
    background: #fff;
    border: 1px solid #e4e4e4;
    border-radius: 4px
}

.property-single .property-status span {
    font-size: 12px;
    font-weight: 600;
    line-height: 1.25
}

.property-single .property-status .icon {
    height: 16px;
    width: 16px
}

.property-single .icon-group .icon {
    height: 30px;
    width: 30px
}

@media only screen and (max-width: 767px) {
    .property-single .icon-group .icon {
        height:24px;
        width: 24px
    }

    .property-single .property-details {
        margin-top: 4px
    }
}

.property-single .property-details b {
    font-weight: 600
}

.property-single .mt-1,.property-single .property-details .mt-1 {
    font-size: 14px
}

.property-single:hover:before {
    opacity: 1;
    visibility: visible
}

.property-single.active .property-overlay {
    animation: linear infinite alternate;
    animation-name: BottomToTop;
    opacity: 1;
    top: 0;
    duration: .25s
}

.property-single.active .icon-plus svg {
    transform: rotate(225deg)
}

@media only screen and (max-width: 767px) {
    .property-single {
        max-width:360px;
        width: 100%
    }

    .property-single:hover:before {
        display: none
    }
}

.acc-faq .accordion-button {
    color: #a3a3a3;
}
.acc-faq .accordion-button:focus { box-shadow: none; }
.acc-faq .accordion-button:not(.collapsed) {
    color: #1e1e1e;
    background-color: unset;
}
.acc-faq .accordion-button::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-plus-lg' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M8 2a.5.5 0 0 1 .5.5v5h5a.5.5 0 0 1 0 1h-5v5a.5.5 0 0 1-1 0v-5h-5a.5.5 0 0 1 0-1h5v-5A.5.5 0 0 1 8 2'/%3E%3C/svg%3E");
}
.acc-faq .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-dash-lg' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8'/%3E%3C/svg%3E");
}