html {
scroll-behavior: smooth;
}
.m-0 {
margin: 0 !important
}
.m-1 {
margin: .25rem !important
}
.m-2 {
margin: .5rem !important
}
.m-3 {
margin: 1rem !important
}
.m-4 {
margin: 1.5rem !important
}
.m-5 {
margin: 3rem !important
}
.m-auto {
margin: auto !important
}
.mx-0 {
margin-right: 0 !important;
margin-left: 0 !important
}
.mx-1 {
margin-right: .25rem !important;
margin-left: .25rem !important
}
.mx-2 {
margin-right: .5rem !important;
margin-left: .5rem !important
}
.mx-3 {
margin-right: 1rem !important;
margin-left: 1rem !important
}
.mx-4 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important
}
.mx-5 {
margin-right: 3rem !important;
margin-left: 3rem !important
}
.mx-auto {
margin-right: auto !important;
margin-left: auto !important
}
.my-0 {
margin-top: 0 !important;
margin-bottom: 0 !important
}
.my-1 {
margin-top: .25rem !important;
margin-bottom: .25rem !important
}
.my-2 {
margin-top: .5rem !important;
margin-bottom: .5rem !important
}
.my-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important
}
.my-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important
}
.my-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important
}
.my-auto {
margin-top: auto !important;
margin-bottom: auto !important
}
.mt-0 {
margin-top: 0 !important
}
.mt-1 {
margin-top: .25rem !important
}
.mt-2 {
margin-top: .5rem !important
}
.mt-3 {
margin-top: 1rem !important
}
.mt-4 {
margin-top: 1.5rem !important
}
.mt-5 {
margin-top: 3rem !important
}
.mt-auto {
margin-top: auto !important
}
.me-0 {
margin-right: 0 !important
}
.me-1 {
margin-right: .25rem !important
}
.me-2 {
margin-right: .5rem !important
}
.me-3 {
margin-right: 1rem !important
}
.me-4 {
margin-right: 1.5rem !important
}
.me-5 {
margin-right: 3rem !important
}
.me-auto {
margin-right: auto !important
}
.mb-0 {
margin-bottom: 0 !important
}
.mb-1 {
margin-bottom: .25rem !important
}
.mb-2 {
margin-bottom: .5rem !important
}
.mb-3 {
margin-bottom: 1rem !important
}
.mb-4 {
margin-bottom: 1.5rem !important
}
.mb-5 {
margin-bottom: 3rem !important
}
.mb-auto {
margin-bottom: auto !important
}
.ms-0 {
margin-left: 0 !important
}
.ms-1 {
margin-left: .25rem !important
}
.ms-2 {
margin-left: .5rem !important
}
.ms-3 {
margin-left: 1rem !important
}
.ms-4 {
margin-left: 1.5rem !important
}
.ms-5 {
margin-left: 3rem !important
}
.ms-auto {
margin-left: auto !important
}
.m-n1 {
margin: -0.25rem !important
}
.m-n2 {
margin: -0.5rem !important
}
.m-n3 {
margin: -1rem !important
}
.m-n4 {
margin: -1.5rem !important
}
.m-n5 {
margin: -3rem !important
}
.mx-n1 {
margin-right: -0.25rem !important;
margin-left: -0.25rem !important
}
.mx-n2 {
margin-right: -0.5rem !important;
margin-left: -0.5rem !important
}
.mx-n3 {
margin-right: -1rem !important;
margin-left: -1rem !important
}
.mx-n4 {
margin-right: -1.5rem !important;
margin-left: -1.5rem !important
}
.mx-n5 {
margin-right: -3rem !important;
margin-left: -3rem !important
}
.my-n1 {
margin-top: -0.25rem !important;
margin-bottom: -0.25rem !important
}
.my-n2 {
margin-top: -0.5rem !important;
margin-bottom: -0.5rem !important
}
.my-n3 {
margin-top: -1rem !important;
margin-bottom: -1rem !important
}
.my-n4 {
margin-top: -1.5rem !important;
margin-bottom: -1.5rem !important
}
.my-n5 {
margin-top: -3rem !important;
margin-bottom: -3rem !important
}
.mt-n1 {
margin-top: -0.25rem !important
}
.mt-n2 {
margin-top: -0.5rem !important
}
.mt-n3 {
margin-top: -1rem !important
}
.mt-n4 {
margin-top: -1.5rem !important
}
.mt-n5 {
margin-top: -3rem !important
}
.me-n1 {
margin-right: -0.25rem !important
}
.me-n2 {
margin-right: -0.5rem !important
}
.me-n3 {
margin-right: -1rem !important
}
.me-n4 {
margin-right: -1.5rem !important
}
.me-n5 {
margin-right: -3rem !important
}
.mb-n1 {
margin-bottom: -0.25rem !important
}
.mb-n2 {
margin-bottom: -0.5rem !important
}
.mb-n3 {
margin-bottom: -1rem !important
}
.mb-n4 {
margin-bottom: -1.5rem !important
}
.mb-n5 {
margin-bottom: -3rem !important
}
.ms-n1 {
margin-left: -0.25rem !important
}
.ms-n2 {
margin-left: -0.5rem !important
}
.ms-n3 {
margin-left: -1rem !important
}
.ms-n4 {
margin-left: -1.5rem !important
}
.ms-n5 {
margin-left: -3rem !important
}
.p-0 {
padding: 0 !important
}
.p-1 {
padding: .25rem !important
}
.p-2 {
padding: .5rem !important
}
.p-3 {
padding: 1rem !important
}
.p-4 {
padding: 1.5rem !important
}
.p-5 {
padding: 3rem !important
}
.px-0 {
padding-right: 0 !important;
padding-left: 0 !important
}
.px-1 {
padding-right: .25rem !important;
padding-left: .25rem !important
}
.px-2 {
padding-right: .5rem !important;
padding-left: .5rem !important
}
.px-3 {
padding-right: 1rem !important;
padding-left: 1rem !important
}
.px-4 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important
}
.px-5 {
padding-right: 3rem !important;
padding-left: 3rem !important
}
.py-0 {
padding-top: 0 !important;
padding-bottom: 0 !important
}
.py-1 {
padding-top: .25rem !important;
padding-bottom: .25rem !important
}
.py-2 {
padding-top: .5rem !important;
padding-bottom: .5rem !important
}
.py-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important
}
.py-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important
}
.py-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important
}
.pt-0 {
padding-top: 0 !important
}
.pt-1 {
padding-top: .25rem !important
}
.pt-2 {
padding-top: .5rem !important
}
.pt-3 {
padding-top: 1rem !important
}
.pt-4 {
padding-top: 1.5rem !important
}
.pt-5 {
padding-top: 3rem !important
}
.pe-0 {
padding-right: 0 !important
}
.pe-1 {
padding-right: .25rem !important
}
.pe-2 {
padding-right: .5rem !important
}
.pe-3 {
padding-right: 1rem !important
}
.pe-4 {
padding-right: 1.5rem !important
}
.pe-5 {
padding-right: 3rem !important
}
.pb-0 {
padding-bottom: 0 !important
}
.pb-1 {
padding-bottom: .25rem !important
}
.pb-2 {
padding-bottom: .5rem !important
}
.pb-3 {
padding-bottom: 1rem !important
}
.pb-4 {
padding-bottom: 1.5rem !important
}
.pb-5 {
padding-bottom: 3rem !important
}
.ps-0 {
padding-left: 0 !important
}
.ps-1 {
padding-left: .25rem !important
}
.ps-2 {
padding-left: .5rem !important
}
.ps-3 {
padding-left: 1rem !important
}
.ps-4 {
padding-left: 1.5rem !important
}
.ps-5 {
padding-left: 3rem !important
}
.blog-single {
padding: 0;
}
.mt-0 {
margin-top: 0 !important
}
.mb-0 {
margin-bottom: 0 !important
}
.fw-400{
font-weight:400;
}
.overflow-hidden{
overflow:hidden;
}
.bg-transparent{
background-color:#fff0 !important;
}
.h-100{
height:100% !important;
}
.row-no-gutters {
margin-right: 0;
margin-left: 0
}
.row-no-gutters [class*=col-] {
padding-right: 0;
padding-left: 0
}
@media screen and (max-width: 768px){
.col-sm-12 {
width: 100%
}
}
/*anshika*/
@media screen and (max-width: 410px) {
.high-end-btns .btn-transparent {
width: 100%;
}
.high-end-btns .btn-wpink {
width: 100%;
margin-left: 0px !important;
margin-top: 10px;
}
.high-end-review-slider {
width: 90%;
margin-left: 5%
}
.high-end-image-slider {
height: 300px;
}
}
.video_slider{
width:80%;
margin:auto;
}
.project-slider-video11 .slick-arrow.slick-prev{
left: 21px;
background: white;
height: 50px;
width: 50px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
}
.project-slider-video11 .slick-arrow.slick-next{
right: 21px;
background: white;
height: 50px;
width: 50px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
}
.project-slider-video11 .slick-arrow img{
display:none;
}
.slick-list {
margin: auto !important;
/* padding: 0 20px !important; */
}
@media screen and (max-width: 520px) {
.project-slider-video11 .slick-arrow.slick-prev{
left: 21px;
background: white;
height: 30px;
width: 30px;
top: 55%;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
}
.project-slider-video11 .slick-arrow.slick-prev img,.project-slider-video11 .slick-arrow.slick-next img{
height: 15px;
width: 15px;
}
.project-slider-video11 .slick-arrow.slick-next{
right: 21px;
background: white;
height: 30px;
width: 30px;
top: 55%;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
}
.video_slider{
width:100%;
}
.thumbhide{
display:none;
}
.eventTitle {
font-weight: 500;
margin-bottom: 10px;
font-size: 10px !important;
}
.blogHeading{
font-weight: 700;
font-family: "Work Sans",sans-serif;
font-size: 1.7rem;
line-height: 18px !important;
color: #3c3c3c;
}
.fp-invetory-section .panel-group.faq .panel-default .panel-heading h2 a.has-dropdown2[aria-expanded="false"]::after,
.fp-invetory-section .panel-group.faq .panel-default .panel-heading h2 a.has-dropdown2[aria-expanded="true"]::after {
left: 260px !important;
}
.panel-group.faq .panel-default .panel-heading h2 a.has-dropdown .FAQspan {
padding-right: 15px;
display: block;
}
.panel-group.faq .panel-default .panel-heading h2 {
padding-right: 0px;
}
.panel-group.faq .panel-default .panel-heading {
padding: 15px 0;
}
.subscribe-input {
margin-bottom: 10px;
}
.knowmore-card{height:210px !important;}
}
/* nav.navbar .navbar-collapse .navbar-nav>li>a.has-dropdown+.top-sublinks.service-top-sublink .sublink-listing:nth-child(2)+.sublink-listing {
min-width: 210px;
left: calc(2 * 200px) !important;
}
nav.navbar .navbar-collapse .navbar-nav>li>a.has-dropdown+.top-sublinks.service-top-sublink .sublink-listing:nth-child(1)+.sublink-listing {
min-width: 200px;
left: calc(1 * 200px);
}
nav.navbar .navbar-collapse .navbar-nav>li>a.has-dropdown+.top-sublinks.sector-top-sublink .sublink-listing:nth-child(1)+.sublink-listing {
min-width: 210px;
left: calc(1 * 160px) !important;
}
nav.navbar .navbar-collapse .navbar-nav>li>a.has-dropdown+.top-sublinks.sector-top-sublink .sublink-listing:nth-child(2)+.sublink-listing {
left: calc(2 * 160px) !important;
} */
nav.navbar .navbar-collapse .navbar-nav>li>a.has-dropdown+.top-sublinks .sublink-listing li a {
position:relative;
font-weight:400;
}
nav.navbar .navbar-collapse .navbar-nav>li>a.has-dropdown+.top-sublinks .sublink-listing li a:hover:before {
width:100%;
}
nav.navbar .navbar-collapse .navbar-nav>li:not(.dropdown-parent):last-child > a {
padding-right: 0;
}
nav.navbar .navbar-collapse .navbar-nav>li>a.has-dropdown+.top-sublinks .sublink-listing li a:before {
content: '';
position: absolute;
left: 0;
bottom: -3px;
width: 0;
height: 1px;
background: #cd5f91;
transition: all ease .5s;
}
/* .top-sublinks.service-top-sublink {
position: absolute;
display: flex !important;
right: 119% !important;
left: auto !important;
} */
.top-sublinks.service-top-sublink.hide{
display:none!important;
}
nav.navbar .navbar-collapse .navbar-nav > li > a.has-dropdown + .top-sublinks .sublink-listing{
padding-top:6px;
}
ul.sublink-listing {
padding-left: 10px !important;
}
.review-section .review-carousel .carousel-control {
top: -50% !important;
}
.carousel-inner>.item {
padding: 0px 0px !important;
}
.wpcf7-form-control-wrap .math-captcha {
width: 100% !important;
}
@media (max-width: 1024px){
nav.navbar .navbar-collapse .navbar-nav > li > a {
color: #fff !important;
}
nav.navbar .navbar-collapse .navbar-nav > li > a
{
padding: 1rem 2rem !important;
}
}
@media (max-width: 720px) {
.wpcf7-checkbox {
display: block !important;
justify-content: space-between;
}
.roi .input-checkbox-holder .wpcf7-list-item {
display: block !important;
}
}
/* for top Strip */
.top-strip .alert-danger {
font-size: 13px;
text-align: center;
font-weight: 500;
padding: 0;
border: none;
border-radius: 0px;
padding: 0px 15px;
margin: 0;
}
.top-strip {
position: fixed;
top: 0;
z-index: 99999;
right: 0;
left: 0;
display: block;
/* height: 52px; */
}
/*.contact-us .navbar-fixed-top {
top: 52px !important;
}*/
.contact-us nav.navbar .navbar-collapse .navbar-nav>li>a.has-dropdown+.top-sublinks::before {
top: 133px;
}
@media screen and (max-width: 520px) {
/* .product-section.zigzag-layout .flex-row:nth-child(odd) .content-text{
float: left;
margin-left: 0px !important;
} */
.team-content {
height: auto !important;
}
.embed-container{
height:350px !important;
}
.video-banner #myCarousel .carousel-inner .active {
height: 350px !important;
}
.cookiestable{
display:none;
}
/* .banner-carousel{
margin-top: 84px !important;
} */
/* for google review */
#wprev-slider-1 .wprev_preview_tcolor1_T1 {
font: normal 300 normal normal 13px/16px "Work Sans", sans-serif !important;
}
#wprev-slider-1 .wprev_preview_tcolor2_T1 {
font: normal 300 normal normal 13px/16px "Work Sans", sans-serif !important;
}
/* end */
.top-strip .alert-danger {
font-size: 8px;
}
.top-strip {
z-index: 99;
}
}
@media (max-width: 768px) {
}
@media (min-width: 768px) and (max-width: 1024px) {
.top-strip {
z-index: 99;
}
#wprev-slider-1 .wprev_preview_tcolor1_T1{
font: normal 300 normal normal 23px/27px "Work Sans",sans-serif;
}
.wprs_unslider-nav{
display:none !important;
}
#wprev-slider-1 .wprev_preview_tcolor2_T1{
font: normal 300 normal normal 23px/27px "Work Sans",sans-serif;
color:#3c3c3c !important;
}
.top-strip .alert-danger {
font-size: 12px;
}
}
/* end top Strip */
/* for google review */
#wprev-slider-1 .wprev_preview_tcolor1_T1 {
font: normal 300 normal normal 23px/27px "Work Sans", sans-serif;
}
.wprs_unslider-nav {
display: none !important;
}
#wprev-slider-1 .wprev_preview_tcolor2_T1 {
font: normal 300 normal normal 23px/27px "Work Sans", sans-serif;
color: #3c3c3c !important;
}
.wprs_unslider-arrow {
background: url('https://www.instyledirect.com/wp-content/themes/instyledirect/assets/img/svg-post/arrows/right-carousel.svg') !important;
width: 40px !important;
height: 25px !important;
background-repeat: no-repeat !important;
top: 30% !important;
background-size: 23px 24px !important;
}
.wprevpro_t1_DIV_2 {
padding: 20px !important;
}
.wprevpro_star_imgs span.svgicons {
background: #919191 !important;
}
.banner-carousel{
margin-top: 0px;
}
/* End */
.blogHeading{
font-weight: 700;
font-family: "Work Sans",sans-serif;
font-size: 1.7rem;
line-height: 28px;
color: #3c3c3c;
}
.knowmore-card{height:350px;}
.modal .wpcf7 .input-holder input[name="dscf7captcha-853"] {
background: #eceae7 !important;
}
#sidebar{
position: sticky;
top: 90px;
width: 400px;
padding: 0;
}
.blog-detail{
align-items: flex-start;
}
#sidebar .related-post {
margin: 103px 0 0;
}
#sidebar .widget .widget-title {
margin: 40px 0 35px;
}
#sidebar .widget .widget-title ~ .related-post {
margin: 0;
}
#sidebar .related-post .blog-item.promotion-main {
margin: 1rem 0 2rem;
}
.after-before-container {
position: absolute;
bottom: 10px;
width: 94%;
display: flex;
left: 3%;
}
.after-before-container>span {
flex: 1;
text-align: left;
font-size: 20px;
color: #fff;
font-weight: 500;
text-shadow: 0 0 7px #3c3c3c;
}
.after-before-container>span:last-child {
text-align: right;
}
.team-content {
height: auto;
}
.invText{
font-size: 14px;
font-weight: 500;
line-height: 1.1;
color: inherit;
}
.customheadingcls{
font-size: 2.5rem;
line-height: 32px;
font-weight: 300;
}
.blog-detail img{
height: auto;
}
.eventTitle {
font-weight: 500;
margin-bottom: 10px;
display: flex;
align-items: center;
gap: 5px;
}
.eventTitle p{
margin: 0px !important;
}
nav.navbar .navbar-collapse .navbar-nav>li>a.has-dropdown+.top-sublinks::before{top: auto;margin-top: 2px;background: rgb(239 239 239 / 96%)}
.overlay-bg-menus {
display: none !important;
}
.dNone {
display: block;
}
.bannerTextBottom {
display: none;
}
@media screen and (max-width: 1100px){
#sidebar{
width: 360px;
}
}
@media screen and (max-width: 520px){
.bannerTextBottom {
position: absolute;
display: block !important;
z-index: 999;
bottom: 0px;
right: 0px;
background: rgba(0, 0, 0, 0.4);
padding: 10px;
font-size: 14px;
color: white;
}
.dNone {
display: none;
}
}
.enabled-pink ~ div .breadcrumbtwo {
margin-top: 130px;
}
.contact-page-form textarea.h-auto {
min-height: inherit;
}
/* .product-section.zigzag-layout .flex-row:nth-child(odd) .content-text{
float: left;
margin-left: calc(100% - 62rem) !important;
} */
/* .product-section.zigzag-layout .content-text {
max-width: 600px !important;
width: 100%;
float: left;
padding: 25px 15px;
padding-left: 4rem;
margin-left: 0rem !important;
} */
.form-slider{
z-index: 9999 !important;
top:58% !important;
}
/* update css for sideform */
.input-holder .wpcf7-form-control{
margin-bottom:0px !important;
}
/* for success list and detail */
.buttonSec{
display:flex;
justify-content: space-between;
align-items: center;
height: 60px;
display: none;
}
.pageButton{
background: #cd5f91;
color: #ffffff !important;
padding: 10px 20px;
font-weight: 600;
text-transform: uppercase;
cursor:pointer;
border: 2px solid #cd5f91;
}
.pageButton:hover{
background: white;
border: 2px solid #919191;
color: #919191 !important;
}
.instacard{
background:#FFF4F0;
padding: 2rem 0 0rem;
}
.instacard .project-slider .slide-item{
max-height:100%
}
.instacard .development-image {
overflow:hidden;
}
.instacard .development-item .development-image.with-watermark img{
max-width:100%;
padding:0px;
position: relative;
top: unset;
left: unset;
transform: unset;
height: 280px;
width: 100%;
}
.instacard .development-item{
border: 1px solid #f5f4f4;
padding: 0px;
border-radius:6px;
position:relative;
}
.instacard .development-item:hover{
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
}
.instacard .development-image.with-watermark img {
transition: all ease .6s;
}
.instacard .development-item:hover .development-image.with-watermark img {
transform: scale(1.09);
}
.instacard .development-listing .development-item .development-image.with-watermark{
display: flex;
justify-content: center;
align-items: center;
}
.instacard .instatop{
display:flex;
gap:10px;
margin-bottom:10px;
}
.instacard .instatop img{
height: 30px;
width: 30px;
border-radius: 50%;
}
.instacard .development-titlecls{
margin-top: 2.8rem;
font-size: 15px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
font-weight: 400;
white-space: unset;
}
.development-item:hover .overlayCard {
opacity: 1;
}
.overlayCard {
position: absolute;
top: 0;
left: 0px;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
color: #fff;
font-weight:400;
opacity: 0;
transition: opacity 0.3s ease;
}
.instacard .cationText{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
margin: 10px 2px;
font-size: 13px;
font-weight:400;
}
.instacard .topusername{
text-align: center;
margin-top: 10px;
font-weight:400;
}
.instacard .bottomuserDetails{
position: absolute;
bottom: 0;
display: flex;
justify-content: space-between;
width: 100%;
padding: 0px 10px;
font-weight:400;
align-items: center;
}
.instacard .slick-dots li button:before{
font-size: 70px;
}
.instacard .image-carousel{
margin-bottom:2rem;
}
.FollowBtn{
display: flex;
gap: 10px;
justify-content: center;
margin: 0rem auto;
width:fit-content;
border: 1px solid #3C3C3C !important;
background: #3C3C3C !important;
color:#FFFFFF !important;
}
.modalcationText{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 8;
-webkit-box-orient: vertical;
margin: 10px 2px;
font-size: 13px;
font-weight:400;
}
@media (min-width: 768px){
.instamodal {
width: 800px;
}
}
.feedslider{
height:250px !important;
}
#myCarousel .carousel-inner .successPage {
height:250px !important;
}
.msacwl-gallery-caption,.msacwl-common-slider button.slick-next,.msacwl-common-slider button.slick-prev,.mfp-bottom-bar{
display:none !important;
}
.msacwl-common-slider .slick-dots{
bottom: -25px;
}
.missonary-tabs>li.active a,
.blog-section .blog-category-area ul li.active a {
border-bottom: 1px solid #cd5f91 !important;
font-weight: 500;
}
.blog-category-area ul li:not(:last-child)::after {
content: "|";
padding: 0 1rem;
}
.blog-category-area ul li:hover a {
border-bottom: 1px solid #cd5f91 !important;
}
.blog-category-area ul li.active a {
border-bottom: 1px solid #cd5f91 !important;
font-weight:400
}
.blog-category-area ul li {
display: inline-block;
padding: 0;
}
.msacwl-slide img.msacwl-img, .msacwl-carousel-slide img.msacwl-img,.msacwl-slider-wrap .msacwl-slide, .msacwl-carousel-wrap .msacwl-carousel-slide{
height: 200px !important;
}
.contact-page-form textarea.h-auto {
min-height: inherit;
}
.mainSection {
margin-top: 116px;
}
nav.navbar .navbar-header .navbar-brand{
padding: 10px 15px !important;
height: auto !important;
}
.main_menu nav>ul>li>a{
padding: 22px 10px !important;
}
.development-titlecls {
font-size: 2rem;
margin-bottom: 2.8rem;
font-weight: 300;
display: inline-block;
width: 100%;
}
.blog-section .top-search .search-icon{
top: 18px;
}
@media (max-width: 1024px){
nav.navbar .navbar-header .navbar-brand{
padding: 22px 15px !important;
}
.mainSection {
margin-top: 140px;
}
}
@media (max-width: 1020px){
.mainSection {
margin-top: 0px;
}
}
@media (max-width: 767px){
.about-links-pages .link-page .image-block {
height: 20rem;
}
}
.panel-group.faq .panel-default .panel-heading {
padding: 20px 0 0;
background: 0 0;
}
.panel-group.faq .panel-default {
border: none;
border-radius: 0;
border-bottom: 0;
margin-top: 0;
box-shadow: none;
}
.panel-group.faq h3 {
margin-top: 8px;
margin-bottom: 3px;
}
.panel-group.faq .panel-body {
padding: 0 40px 10px 0;
}
.panel-group.faq .panel-body a {
text-decoration: underline;
}
.panel-group.faq .panel-body a:hover {
text-decoration:none;
}
.btn {
text-decoration: none !important;
}
.content-text a {
text-decoration: underline;
}
.project-slider {
padding: 0 20px;
}
.project-slider .slick-list {
max-width: 100%;
}
.home-banner .scrollable-arrow,
.video-banner .scrollable-arrow {
margin-bottom: 30px;
outline: 0;
}
.eventData .table>tbody>tr>td{
border-top: none;
color: black;
}
.eventData {
margin-bottom: 25px
}
.table>tbody>tr.info>td, .table>tbody>tr.info>th, .table>tbody>tr>td.info, .table>tbody>tr>th.info, .table>tfoot>tr.info>td, .table>tfoot>tr.info>th, .table>tfoot>tr>td.info, .table>tfoot>tr>th.info, .table>thead>tr.info>td, .table>thead>tr.info>th, .table>thead>tr>td.info, .table>thead>tr>th.info{
background: #F9F9F9;
}
.table>tbody>tr.active>td, .table>tbody>tr.active>th, .table>tbody>tr>td.active, .table>tbody>tr>th.active, .table>tfoot>tr.active>td, .table>tfoot>tr.active>th, .table>tfoot>tr>td.active, .table>tfoot>tr>th.active, .table>thead>tr.active>td, .table>thead>tr.active>th, .table>thead>tr>td.active, .table>thead>tr>th.active{
background-color: #ECEAE7;
}
/* global spacing corrections */
.view-our-inventories {
background: #f0edec;
padding: 20px 0;
}
.view-our-inventories h2 {
margin-bottom: 0;
}
.view-our-inventories .thumbnail {
margin: 0 auto;
}
.view-our-inventories .rowitem {
padding: 5px 10px;
}
.campaign-form-template {
background: #eceae7;
}
.campaign-form-template h2 {
margin-bottom: 30px;
}
.panel-group.faq .panel-default .panel-heading h3 {
position: relative;
cursor: pointer;
font-weight: 300;
padding-right: 30px;
margin-bottom: 0;
}
.panel-group.faq .has-dropdown2 {
position: static;
}
.fp-invetory-section .optional-inventory .inventory-column {
flex-basis: 33.33%;
}
.fp-invetory-section .panel-group.faq {
margin-bottom: 0;
}
.fp-invetory-section ul {
margin-bottom: 0;
}
.panel-group.faq .panel-body .panel-group {
margin: 0;
}
.panel-group.faq .panel-body .panel-group .panel-default .panel-heading {
padding: 0;
}
.panel-group.faq .panel-body,
.panel-group.faq .panel-body .panel-group .panel-body {
padding: 0;
}
.panel-group.faq .inventory-content h3 {
margin: 10px 0 10px;
}
.panel-group.faq
.panel-default
.panel-heading
h3
a.has-dropdown[aria-expanded="true"]::after {
content: "";
background-image: url(../img/svg-post/General/minus.svg);
width: 16px;
height: 16px;
position: absolute;
top: 8px;
right: 0;
}
.panel-group.faq
.panel-default
.panel-heading
h3
a.has-dropdown[aria-expanded="false"]::after {
content: "";
background-image: url(../img/svg-post/General/plus.svg);
width: 16px;
height: 16px;
position: absolute;
top: 8px;
right: 0;
}
.review-section .wprev-slider {
padding: 0;
}
.review-section .wprs_unslider p.m0 {
margin: 0!important;
}
.review-section .wprs_unslider br {
display: none;
}
.fp-invetory-section .panel-group.faq .panel-body {
padding: 0 13px;
}
.sitemap-page {
padding: 20px 0;
}
.development-section-content .col-lg-12 p:last-child {
margin: 0;
}
.pb12.pt12.bg-lightwarmgrey h2 {
margin-bottom: 20px;
}
.service-project-carousel .slick-dotted.slick-slider {
margin: 0;
}
.team .team-content {
margin-bottom: 2rem;
}
.process-section .btn-transparent{
margin-top:0;
}
footer .social-icons img {
transition: all .5s ease;
}
footer .social-icons img:hover {
transform: translateY(-7px);
transition: all .5s ease;
filter: brightness(0.5);
}
.client-slider .slick-slide img{
max-width: 90%;
}
.client-slider .slick-initialized .slick-slide{
padding: 0 10px;
}
.client-slider .slick-initialized .slick-arrow{
display:none;
}
@media (min-width: 992px) {
.banner-carousel.portfolio-banner ~ .mt4.mb4 {
padding: 60px 0;
margin: 0 auto;
}
.FAQSec h2 {
margin: 0;
}
.development-listing .development-item .development-image {
margin-bottom: 1.5rem;
}
.development-item .development-titlecls {
margin-bottom: 0;
}
.banner-carousel.portfolio-banner ~ .mt4.mb4 h1 {
margin-bottom: 30px;
}
.development-listing.scrollinvold {
margin: 0;
}
.development-listing .load-more {
padding-bottom: 60px !important;
}
.video_slider {
padding: 60px 0;
}
.development-listing.scrollinvold ~ .video_slider {
padding: 0 0 60px;
}
.service-project-carousel {
margin: 0;
}
.banner-carousel.portfolio-banner h1 {
margin-bottom: 30px;
}
.video_slider .thumbhide {
margin-bottom: 0;
}
.fp-invetory-overview,
.FAQSec,
.client-slider,
.service-project-carousel,
.development-section-content,
.membership-page,
.process-section,
.terms-page {
padding: 40px 0;
}
.campaign-form-template {
padding: 60px 0;
margin: 0;
}
.singleBlog {
padding: 60px 0 40px;
}
.singleBlog h2 {
margin-bottom: 30px;
}
.service-project-carousel.extraSection {
padding: 60px 0 !important;
}
.service-project-carousel.extraSection p {
margin: 0 0 30px;
}
.service-project-carousel.extraSection ~ .development-listing.scrollinvold {
padding: 60px 0;
}
.service-project-carousel.extraSection ~ .development-listing.scrollinvold .font25 {
margin: 0 0 30px;
}
.contact-page-form.campaign-form-main {
padding: 0;
}
.contact-page-form .dscf7captcha {
margin-bottom: 0;
}
.contact-page-form .input-holder {
position: relative;
}
.contact-page-form .col-sm-3 .input-holder.mb4 {
margin: 0;
}
.contact-page-form .input-holder .ajax-loader {
position: absolute;
left: 0;
bottom: -30px;
}
.FAQSec .panel-group {
margin-bottom: 0;
}
.contact-page-form .input-holder input {
margin-bottom: 0 !important;
}
.process-section h2 {
margin: 0;
}
.service-project-carousel h2 {
margin-bottom: 30px;
}
.process-section .btn-transparent {
margin: 0;
}
.view-our-inventories {
padding: 60px 0 30px;
}
.zigzag-layout .fluid-container {
padding: 10px 8px;
}
.client-slider .heading-2 {
margin-bottom: 40px;
}
footer {
margin: 0;
padding: 30px 0;
}
.review-section {
padding: 60px 0 !important;
}
.review-section h2 {
margin-bottom: 30px;
}
.review-section .wprevpro_t1_DIV_2 {
padding: 0 20px !important;
}
.review-section .wprevpro_t1_DIV_1 {
margin: 0;
}
.contact-green-quarter .contact-info:not(:last-child),
.mb8,
.project-container .property-description .description,
.video-banner p:last-of-type,
.webinar-listing:last-child{
margin-bottom: 30px;
}
.service-project-carousel .image-carousel {
margin-bottom: 3rem;
}
.project-slider .slide-item {
max-height: fit-content;
}
.project-slider .slick-list img {
height: 280px;
object-fit: cover;
}
.about-links-pages {
padding: 60px 0;
}
.project-container .property-description {
margin: 50px auto 20px;
}
.projectVideo h2 {
margin-bottom: 30px;
}
.development-listing {
padding: 0 0 30px;
}
.contact-page-form.campaign-form-main .text-center.mb4.h2{
margin-bottom: 30px;
}
.timeline-section {
padding: 60px 0;
}
.timeline-section .get-in-touch {
padding: 6rem 0 0;
}
.service-what-offers {
padding: 60px 0;
}
}
@media (max-width: 991px) {
footer {
margin: 0;
padding: 20px 0 70px;
}
}
@media (max-width: 768px) {
.project-slider .slick-list img{
min-height: 240px;
}
.service-what-offers {
padding: 20px 0;
}
.banner-carousel.portfolio-banner ~ .mt4.mb4 {
padding: 20px 0;
margin: 0 auto;
}
.development-item .development-titlecls {
margin-bottom: 0;
}
.banner-carousel.portfolio-banner ~ .mt4.mb4 h1 {
margin-bottom: 15px;
}
.development-listing.scrollinvold {
padding: 0;
margin: 0;
}
.development-listing .load-more {
padding-bottom: 20px !important;
}
.video_slider {
padding: 20px 0;
}
.service-project-carousel {
margin: 0;
}
.banner-carousel.portfolio-banner h1 {
margin-bottom: 15px;
}
.video_slider .thumbhide {
margin-bottom: 0;
}
.fp-invetory-overview,
.FAQSec,
.client-slider,
.service-project-carousel,
.development-section-content,
.membership-page,
.process-section,
.terms-page {
padding: 20px 0;
}
.campaign-form-template {
padding: 20px 0;
margin: 0;
}
.singleBlog {
padding: 20px 0 0;
}
.singleBlog h2 {
margin-bottom: 15px;
}
.service-project-carousel.extraSection {
padding: 20px 0 !important;
}
.service-project-carousel.extraSection p {
margin: 0 0 15px;
}
.service-project-carousel.extraSection ~ .development-listing.scrollinvold {
padding: 20px 0;
}
.service-project-carousel.extraSection ~ .development-listing.scrollinvold .font25 {
margin: 0 0 15px;
}
.contact-page-form.campaign-form-main {
padding: 0;
}
.contact-page-form .dscf7captcha {
margin-bottom: 0;
}
.contact-page-form .input-holder {
position: relative;
}
.contact-page-form .input-holder .wpcf7-spinner {
position: absolute;
left: 0;
bottom: -30px;
}
.FAQSec .panel-group {
margin-bottom: 0;
}
.contact-page-form .input-holder input {
margin-bottom: 0 !important;
}
.process-section h2 {
margin: 0;
}
.service-project-carousel h2 {
margin-bottom: 15px;
}
.process-section .btn-transparent {
margin: 0;
}
.view-our-inventories {
padding: 20px 0 0;
}
.zigzag-layout .fluid-container {
padding: 10px 8px;
}
.client-slider .heading-2 {
margin-bottom: 15px;
}
footer {
margin: 0;
padding: 20px 0 70px;
}
footer .social-icons {
margin-bottom: 20px;
}
footer .items li a {
font-size: 13px;
line-height: 22px;
}
footer .first-sec .nw-subscribe {
margin: 0 0 15px;
}
footer .list-unstyled {
margin-bottom: 20px;
}
.review-section {
padding: 20px 0 !important;
}
.review-section h2 {
margin-bottom: 15px;
}
.contact-green-quarter .contact-info:not(:last-child),
.mb8,
.project-container .property-description .description,
.service-project-carousel .image-carousel,
.video-banner p:last-of-type,
.webinar-listing:last-child{
margin-bottom: 15px;
}
.about-links-pages {
padding: 20px 0;
}
.project-container .property-description {
margin: 20px auto 0;
}
.projectVideo h2 {
margin-bottom: 15px;
}
.development-listing {
padding: 0 0 20px;
}
.contact-page-form.campaign-form-main .text-center.mb4.h2{
margin-bottom: 15px;
}
.timeline-section {
padding: 20px 0;
}
.review-section .wprevpro_t1_DIV_2 {
padding: 0 10px !important;
}
.review-section .wprevpro_t1_DIV_1 {
margin: 0;
}
.timeline-section .get-in-touch {
padding: 1rem 0 0;
}
}
.bg-lightwarmgrey ~ .service-project-carousel {
background-color: #fff;
}
.campaign-form-template,
.contact-page-form.campaign-form-main {
background: #e5e2dd;
}
.blog-container .blog-detail .panel-group.faq h2 {
margin: 0;
}
.faqs .list-inline>li {
display: block;
text-align: left;
}
.faqs .missonary-tabs {
margin: 50px 0 0;
}
.faqs .missonary-tabs>li::after {
display: none;
}
.faqs .missonary-tabs>li>a{
font-size: 1.7rem;
}
.faqs .missonary-tabs>li{
margin: 0 0 10px;
}
.faqs .list-inline>li {
display: block;
text-align: left;
}
.panel-group.faq .panel-default .panel-heading {
padding: 15px 0 0;
}
.panel-group.faq .panel-default .panel-heading h2, .panel-group.faq .panel-default .panel-heading h3 {
font-size: 20px;
font-weight: 400;
line-height:25px;
}
.panel-group.faq .panel-body {
margin: 0px 0 0;
}
.panel-group.faq .panel-default {
border-bottom: #ddd 1px solid;
padding-bottom: 15px;
}
.faqs .container.pb5 {
padding-top: 50px;
padding-bottom: 20px;
}
.faqs .page-title {
margin: 0;
}
.blog-section .blog-top-area {
margin: 1.5rem 0;
padding-bottom: 0;
}
.blog-section .blog-top-area .h1,
.blog-section .blog-top-area h1 {
margin-bottom: 0;
font-size:25px;
font-weight:400;
}
.blog-section .top-search {
margin-right: 0;
}
.blog-section .blog-top-area .blog-social-area {
display: none;
}
.post-thumbnail.video-thumbnail img {
aspect-ratio: 16 / 9;
min-height: auto;
}
.scrollable-arrow {
margin-bottom: 30px;
}
@media (max-width: 768px) {
.panel-group.faq .panel-default .panel-heading h3{
margin-bottom:10px;
}
.faqs .container.pb5 {
padding-top: 20px;
padding-bottom: 20px;
}
.panel-group.faq .panel-default .panel-heading h2 {
font-size: 16px;
padding-right: 30px;
}
.customheadingcls {
font-size: 16px !important;
}
.panel-group.faq .panel-default .panel-heading h2 {
font-size: 18px;
}
}
/* post carousel css */
.post-carousel .carousel-inner .after-before-container {
position: absolute;
bottom: 0;
padding: 2rem 0;
display: flex;
width: 100%;
}
/* .post-carousel .carousel-inner .after-before-container::before {
content: "";
background: rgba(0, 0, 0, 0);
background: linear-gradient(
180deg,
rgba(0, 0, 0, 0) 0,
rgba(0, 0, 0, 0.9) 100%
);
width: 100%;
height: 100%;
z-index: 2;
position: absolute;
bottom: 0;
} */
.post-carousel .carousel-inner .after-before-container {
left: 0;
padding: 2rem;
}
.post-carousel .carousel-inner p {
margin-bottom: 0;
}
/* .post-carousel .carousel-inner .after-before-container::before{
left: 0;
} */
.post-carousel .carousel-inner .after-before-container > div, .zigzag-layout .flex-row .img-content .after-before-container > div {
width: 100%;
text-align: left;
font-size: 2.4rem;
font-weight: 500;
color: #fff;
z-index: 2;
}
.entry-content ul li{
margin-bottom: 1rem;
}
.entry-content ul{
margin-bottom: 3rem;
}
.post-carousel p:empty {
display: none;
}
/* gap issue between cta and section */
.strip-main.two-block ~ p {
display: none;
}
.fp-invetory-section .inventory-content {
flex-direction: column;
}
.fp-invetory-section .inventory-content>div{
width:auto;
}
.panel-group.faq .panel-default .panel-default {
border: 0;
}
.fp-invetory-section .optional-inventory .inventory-column {
padding-right: 20px;
}
.fp-invetory-section .optional-inventory .inventory-column h3 br {
display: none;
}
.fp-invetory-section .optional-inventory .inventory-column h3 small,
.fp-invetory-section .optional-inventory .inventory-column h3 .small
{
display: block;
}
.service-section .full-width-img img {
object-fit: cover;
height: 420px;
}
.high-end-image-slider.carousel-inner .item {
height: 420px;
}
@media (max-width: 768px) {
.service-section .full-width-img img {
height: 214px;
}
.high-end-image-slider {
height: 214px;
}
.high-end-image-slider.carousel-inner .item,
.high-end-image-slider.carousel-inner .item>.tbl-format {
min-height: inherit;
height: 214px;
}
.service-page-slider.banner-carousel {
margin: 0 !important;
}
.blog-section .top-search {
margin-bottom: 0;
}
#sidebar {
width: 100%;
}
.entry-content blockquote {
font-size: 1.7rem;
}
}
.semiBoldHeading {
font-weight: 500;
}
.brochure-process-section {
padding: 60px 0;
}
.brochure-process-section .brochure-process-inner {
background: #f0edec;
padding: 60px 20px 130px;
position: relative;
}
.brochure-process-section .brochure-process-inner h4 {
line-height: 42px;
letter-spacing: 0px;
font-size: 35px;
font-weight: 700;
margin-bottom: 30px;
}
.brochure-process-section .brochure-process-inner .btn {
padding: 14px;
}
.brochure-process-section .brochure-process-inner h5 {
font-size: 1.8rem;
font-weight: 400;
letter-spacing: 2px;
margin: 0 0 40px;
}
.brochure-process-section .brochure-process-inner .row .col-md-6:last-child {
position: absolute;
right: 0;
top: 0;
bottom: 0;
padding: 0;
}
.brochure-process-section .brochure-process-inner img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: right;
}
.blog-section iframe {
width: 100%;
}
.position-relative {
position: relative;
}
.invtag {
position: absolute;
left: 0px;
top: 0px;
background: #cd5f91;
color: #fff;
padding: 3px 6px;
font-size: 12px;
line-height: 20px;
font-weight: 500;
z-index: 4;
}
.furniture-packs.zigzag-layout .flex-row .content-text p{
margin-bottom: 1rem;
}
.zigzag-layout .flex-row .flex-col.img-content div.position-relative{
height: 100%;
}
.zigzag-layout .flex-row .flex-col.img-content p {
margin-bottom: 0;
height: 100%;
}
.zigzag-layout .flex-row {
position: relative;
}
@media (max-width: 768px) {
.brochure-process-section .brochure-process-inner {
background: #f0edec;
padding: 258px 0 30px;
}
.brochure-process-section .brochure-process-inner h4 {
line-height: normal;
font-size: 20px;
}
.brochure-process-section .brochure-process-inner .row .col-md-6:last-child {
position: absolute;
right: 0;
top: 0;
bottom: auto;
padding: 0;
width: 100%;
height: 240px;
}
}
.gallery-carousel.carousel-inner .item {
height: calc(100vh - 80px);
}
.gallery-carousel.carousel-inner .item > .tbl-format {
height: calc(100vh - 80px);
}
.gallery-listing-row .development-titlecls:before {
content: "";
display: block;
background: #3c3c3c;
margin: 10px 0 0;
height: 8px;
}
.gallery-listing-row {
padding: 20px 0 30px;
}
.gallery-listing-row h6 {
color: #919191;
font-size: 17px;
font-style: normal;
font-weight: 500;
margin: 12px 0 4px;
}
.gallery-listing-row .development-item {
margin-bottom: 30px;
}
.gallery-listing-row .development-item .development-image {
margin: 0 0 4px;
}
.gallery-listing-row .development-item .development-content {
margin: 10px 0 0;
}
.gallery-listing-row .development-image img {
width: 100% !important;
object-fit:cover;
object-position:center;
}
.gallery-detail-content {
padding: 60px 0 70px;
}
.gallery-detail-row {
margin-top: 20px;
}
.gallery-detail-row h5 {
color: #3C3C3C;
font-size: 17px;
margin: 30px 0 2px;
}
.gallery-detail-row p {
color: #3C3C3C;
font-size: 17px;
margin: 0;
}
.home-anniversary-banner .opacity-bg {
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: 0.6 !important;
}
.home-anniversary-banner .carousel-inner .with-after-before img {
object-position: top !important;
}
.home-anniversary-banner .banner-heading span {
font-size: 80px;
color: #cd5f91;
}
.widget .widget-title {
font-size: 25px !important;
}
.home-anniversary-banner .carousel-arrows {
max-width: 100% !important;
}
.home-anniversary-banner .mobile-thanks-text {
display: none;
}
.gallery-carousel.carousel-inner .item {
height: calc(100vh - 80px);
}
.banner-carousel .carousel-inner .after-before-container {
left: 0 !important;
}
.banner-carousel .carousel-inner .after-before-container::before {
left: 0;
right: 0;
}
@media (max-width: 768px) {
.home-anniversary-banner .banner-carousel {
margin-top: 0 !important;
}
.home-anniversary-banner p {
font-size: 15px;
display: none;
}
.home-anniversary-banner .banner-heading {
margin: 0 0 15px;
line-height: normal;
}
.home-anniversary-banner .banner-heading span {
font-size: 36px;
}
.home-anniversary-banner #myCarousel .carousel-inner .active {
height: auto !important;
}
.home-anniversary-banner .mobile-thanks-text {
display: block;
}
.form-slider {
z-index: 999 !important;
}
}
.gallery-detail-carousel {
padding: 60px 0;
}
.gallery-detail-image {
padding-left: 0;
}
.galleryDetail-slider .slick-list {
max-width: 100%;
}
.galleryDetail-slider .slide-item {
padding: 0 10px;
position: relative;
}
.gallery-detail-data {
position: absolute;
top: 50%;
right: 0;
transform: translate(0%, -25%);
}
.wpcf7-spinner {
display: none !important;
}
form.submitting .wpcf7-spinner {
visibility: visible;
display: block !important;
}
.customheadingcls {
font-size: 20px;
margin-bottom: 20px;
line-height: normal;
}
.carousel-inner.gallery-carousel .tbl-format .col-sm-offset-1 {
position: static;
}
.carousel-inner.gallery-carousel .tbl-format .large-text {
position: absolute;
right: 0;
bottom: 0;
margin: 0;
background: rgba(0, 0, 0, 0.4);
padding: 5px 20px 10px;
}
.carousel-inner.gallery-carousel .item {
height: calc(70vh - 110px);
}
.development-item {
position: relative;
}
.development-tagOverlay {
padding: 2px 8px;
background: rgba(0, 0, 0, 0.4);
color: #fff;
margin-bottom: 1px;
display: inline-block;
font-weight: 500;
position: absolute;
top: 0;
left: 0;
z-index: 1;
font-size: 14px;
}
.missonary-main.container {
padding: 45px 22px 0;
}
.gallery-detail-carousel .slick-slide img {
object-fit: cover;
height: 468px;
}
.reviews {
background: #f0edec;
}
.reviews {
padding: 40px 0;
margin: 40px 0 0;
}
form.wpcf7-form label {
font-size: 16px;
font-weight: 400;
}
.modal-dialog p.dscf7captcha {
margin-bottom: 0;
}
.modal .input-holder .wpcf7-form-control.wpcf7-submit:hover {
border: 1px solid #c2c2c2;
color: #ffffff;
background: #c2c2c2;
}
.modal .input-holder .wpcf7-form-control.wpcf7-submit {
margin-top:10px;
border: 1px solid #cd5f91;
color: #ffffff;
background: #cd5f91;
}
#contactUsModal .modal-dialog .input-holder {
margin-bottom: 6px;
}
#contactUsModal .modal-dialog, #christmasOfferModal .modal-dialog{
top: 2%;
}
#contactUsModal .modal-content, #christmasOfferModal .modal-content{
margin: 0rem;
}
.reviews .container {
position: relative;
}
.reviews .carousel-inner>.item {
padding: 0 50px !important;
text-align: center;
}
.reviews .carousel .reviews-google p {
font-weight: 500;
color: black;
}
.reviews .item p {
font-size: 20px;
margin: 0 0 10px;
}
.reviews .carousel-arrows {
position: absolute;
top: 50%;
left: 0;
z-index: 2;
right: 0;
}
.reviews a {
width: auto !important;
background-image: inherit !important;
}
.reviews a img {
width: 24px;
}
.galFormDetail .banner-carousel .carousel-inner .with-after-before img {
height: auto !important;
min-height: 550px;
}
@media (max-width: 768px) {
.galFormDetail .banner-carousel .carousel-inner .with-after-before img {
height: auto !important;
min-height: auto;
}
.reviews {
position: relative;
margin: 20px 0 0;
padding: 20px 0;
}
.reviews .container,
.reviews .container .carousel {
position: static;
}
.reviews .item {
padding: 0 !important;
text-align: center;
}
.reviews .item p {
font-size: 14px;
}
.gallery-detail-image .banner-carousel {
margin-top: 0!important;
}
.development-item .development-titlecls {
margin-bottom: 0;
white-space: normal;
line-height: normal;
overflow: inherit !important;
text-overflow: inherit !important;
}
.missonary-main.container {
padding: 20px;
}
.gallery-detail-image {
padding-left: 0;
padding-right:0;
}
.gallery-detail-data {
position: static;
margin: 30px 0 0;
transform: inherit;
}
.gallery-detail-carousel {
padding: 30px 0;
}
.gallery-listing-row .development-titlecls:before {
display: none;
}
.gallery-listing-row .development-titlecls p {
margin: 2px 0 0 !important;
}
.gallery-listing-row .development-titlecls {
white-space: normal;
}
.gallery-carousel.carousel-inner .item {
height: auto;
min-height: inherit;
}
.gallery-carousel.carousel-inner .item > .tbl-format {
height: auto;
min-height: 40vh;
}
.banner-carousel .carousel-inner .item > .tbl-format .large-text {
margin: 0;
}
.gallery-listing-row .development-item .development-image {
height: 180px;
}
.gallery-listing-row {
padding: 20px 0 0;
}
.galleryDetail-slider .slide-item {
padding: 0;
}
.gallery-detail-carousel {
padding: 0;
margin-bottom: 30px;
}
.blog-section .blog-container .blog-single .entry-content .table {
display: block;
overflow: auto;
}
.gallery-detail-image .banner-carousel .carousel-inner .with-after-before img {
height: calc(55vh - 110px) !important;
}
.gallery-detail-carousel .slick-slide img {
display: block;
object-fit: cover !important;
width: 100%;
height: 380px;
object-position: center center;
}
.carousel-inner.gallery-carousel .item {
height: auto;
}
.carousel-inner.gallery-carousel .tbl-format .large-text {
margin: 0 15px 10px;
}
.gallery-detail-data .table {
margin-bottom: 10px;
}
.gallery-detail-data .btn.apply-200 {
min-width: 100%;
}
}
.slick-arrow {
z-index: 10;
}
.slick-lightbox-slick .slick-arrow img {
display: none;
}
.slick-lightbox-slick .slick-prev:after {
content: "";
width: 0;
height: 0;
display: block;
border: medium inset transparent;
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px;
border-right: 17px solid #FFF;
}
.slick-lightbox-slick .slick-next:after {
content: "";
width: 0;
height: 0;
display: block;
border: medium inset transparent;
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px;
border-left: 17px solid #FFF;
}
.slick-lightbox-slick-item-inner {
position: relative;
}
.slick-lightbox-slick-img {
max-width: 100% !important;
}
.slick-lightbox-close {
top: -28px !important;
right: -5px !important;
font-weight: bold;
font-size: 24px !important;
color: #fff !important;
opacity: 0.7;
}
.slick-lightbox-close:before {
display: none;
}
.portfolio-sidebar {
width: 100% !important;
}
.eventData .table tr:nth-child(odd) td {
background: #eceae7;
}
.eventData .table tr:nth-child(even) td {
background: #f9f9f9;
}
.halfscreen-container .halfscreen-text {
margin-top: 1.5rem;
}
.halfscreen-container .halfscreen-text .office-map .map-small {
height: 460px !important;
}
.contact-page-form .wpcf7-list-item {
font-size: 15px;
}
.contact-page-form .subscribe-input .wpcf7-list-item.last {
margin: 0;
}
.contact-page-form .dscf7captcha {
width: 200px;
}
.contact-page-form h1 {
margin-bottom: 15px;
}
.contact-page-form textarea {
height: 220px;
}
.contact-meet-offices {
margin: 60px 0 20px;
}
.contact-meet-offices h2 {
font-weight: 500;
text-align: center;
width: 100%;
margin-bottom: 35px;
}
.contact-meet-offices strong {
margin-bottom: 20px;
display: block;
}
.contact-meet-offices strong:after {
content: "";
display: block;
width: 125px;
height: 2px;
margin: 4px 0;
background: #BD497E;
}
.contact-meet-offices .address {
border: 0;
margin-right: 0 !important;
width: 100%;
flex: 1;
}
.contact-meet-offices .address-phone {
margin: 24px 0 0;
}
.contact-meet-offices .row {
display: flex;
flex-wrap: wrap;
}
.contact-meet-offices .col-xs-12 {
float: none;
display: flex;
}
.office-addresses .address {
margin-top: 2rem;
margin-bottom: 0;
}
.office-addresses .address strong:after {
content: "";
display: block;
width: 78%;
height: 2px;
margin: 4px 0;
background: #bd497e;
}
.contactus-thanks-section {
margin: 3rem 0;
}
.contactus-thanks-section .banner-heading{
margin-top:20px;
}
@media (max-width: 768px) {
.contactus-thanks-section {
padding: 30px 0 0;
}
.contactus-thanks-section .banner-heading {
font-size: 20px;
line-height: normal;
}
.contactus-thanks-section img {
max-width: 50%;
}
.halfscreen-container .halfscreen-text .office-map .map-small {
height: 360px !important;
}
.contact-container {
padding: 0 15px;
}
.contact-meet-offices .address {
margin-bottom: 0;
margin-right: 10px !important;
}
.contact-container .contact-meet-offices p {
font-size: 13px;
}
.contact-container .contact-meet-offices .col-xs-12 {
width: 50%;
padding: 0;
}
.contact-container .contact-meet-offices .row {
margin: 0;
}
.contact-meet-offices {
margin: 10px 0 0;
}
.contact-meet-offices h2 {
margin-bottom: 15px;
}
.contact-meet-offices strong {
margin-bottom: 10px;
}
.contact-meet-offices .address-phone {
margin: 10px 0 0;
}
.contact-page-form .wpcf7-list-item {
font-size: 13px;
}
.contact-form .dscf7captcha .wpcf7-form-control-wrap input {
height: 30px;
}
.contact-form .input-row {
margin-bottom: 10px;
}
.furniture-detail .flex-col.img-content .carousel,
.furniture-detail .flex-col.img-content .carousel p {
margin: 0;
}
}
#accordian li.noborder {
border-top: 0;
}
#accordian ul {
margin: 0;
padding: 0;
}
#accordian h3, #accordian p {
margin: 0;
display: flex;
font-size: 13px;
line-height: 16px;
}
#accordian h3 a, #accordian p a {
color: white;
text-decoration: none;
padding: 1rem 2rem;
display: flex;
align-items: center;
font-size: 1.7rem;
font-weight: 400;
flex: 1;
text-transform: uppercase;
}
#accordian li.btn-cta a {
background: #cd5f91;
font-size: 14px;
line-height: 17px;
color: #fff;
padding: 10px 2rem;
text-transform: uppercase;
display: block;
}
#accordian i {
margin-right: 10px;
}
#accordian li {
list-style-type: none;
color: #fff;
display: block;
width: 100%;
float: left;
border-top: 1px solid #939292;
position: relative;
}
#accordian ul ul li a,
#accordian h4 {
color: white;
text-decoration: none;
padding: 1rem 2rem;
font-size: 1.7rem;
display: block;
font-weight: 400;
text-transform: uppercase;
}
#accordian ul ul {
display: none;
}
#accordian li.active>ul {
display: block;
}
#accordian ul li li a {
padding-left: 25px;
}
#accordian ul li li li a {
padding-left: 35px;
}
#accordian ul ul ul {
padding-left: 0;
}
#accordian span {
width: 40px;
height: 38px;
border-left: 1px solid #939292;
display: flex;
justify-content: center;
align-items: center;
position: relative;
z-index: 100;
flex: none;
cursor: pointer;
}
#accordian span:after {
background: url('https://www.instyledirect.com/wp-content/uploads/2024/07/plus-wh-svg.png') no-repeat;
content: "";
right: 10px;
top: 0;
font-size: 24px;
background-size: contain;
width: 18px;
height: 18px;
}
#accordian li.active span:after {
background: url('https://www.instyledirect.com/wp-content/uploads/2024/07/minus-wh-svg.png') no-repeat;
background-size: contain;
}
#accordian li.active li span:after {
background: url('https://www.instyledirect.com/wp-content/uploads/2024/07/plus-wh-svg.png') no-repeat;
background-size: contain;
}
#accordian li.active li.active span:after {
background: url('https://www.instyledirect.com/wp-content/uploads/2024/07/minus-wh-svg.png') no-repeat;
background-size: contain;
}
#accordian .active>span:not(:only-child):after {
background: url('https://www.instyledirect.com/wp-content/uploads/2024/07/minus-wh-svg.png') no-repeat;
background-size: contain;
}
#accordian li li.active {
background: #7d7474;
}
#accordian li li.active h3 {
background: #cd5f91;
}
.process-content .process-icon {
height:60px;
display: flex;
align-items: center;
justify-content: center;
}
.process-content .process-icon img {
width: auto;
height:80px;
}
.process-content .process-icon.sizeDif img {
height: 100%;
width: 90px;
}
.process-icon.size80 {
height: 145px;
}
.process-icon.size80 .img100{
width:100px;
}
.customTable{
padding: 0, 10px;
overflow:auto;
}
.blog-single table {
margin: 0 10px;
margin-bottom: 30px;
border-color: #000;
border-collapse: collapse; /* Ensure borders render correctly */
}
.blog-single table tr td {
padding: 5px 10px;
font-size: 1.5rem;
line-height: 23px;
vertical-align: top;
border: 1px solid #000; /* Ensure borders render correctly */
}
.blog-single table tr td:first-child {
width: 40%;
}
.blog-single table tr td p {
margin-bottom: 0;
font-size: 1.5rem;
line-height: 22px;
}
.blog-single table tr td h3 {
margin-bottom: 4px !important;
font-size: 18px;
font-weight: 500;
line-height: 22px;
color: #cd5f91;
}
.blog-single table tr td h4 {
margin-bottom: 0;
font-size: 17px;
font-weight: 500;
line-height: 22px;
}
/* Vendor prefixes for compatibility */
.blog-single table tr td {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.blog-single table {
margin: 0 10px;
margin-bottom: 30px;
}
.blog-single table tr td {
padding: 5px 10px;
font-size: 1.5rem;
line-height: 23px;
}
.blog-single table tr td:first-child {
width: 40%;
}
.blog-single table tr td p {
margin-bottom: 0;
font-size: 1.5rem;
line-height: 22px;
}
.blog-single table tr td h3 {
margin-bottom: 4px !important;
font-size: 18px;
font-weight: 500;
line-height: 22px;
color: #cd5f91;
}
.blog-single table tr td h4 {
margin-bottom: 0;
font-size: 17px;
font-weight: 500;
line-height: 22px;
}
}
.blog-single ol p{
margin-bottom:5px
}
.blog-single ol li{
margin-bottom:10px
}
.blog-single ul {
padding-left: 21px;
margin-bottom:15px;
}
.videoWrapper{
position:relative;
}
.videoWrapper a {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
margin: auto;
width: 100%;
}
.videoWrapper a img{
width: 70px;
height: auto;
object-fit: contain !important;
}
.videoIcon{
position:relative;
}
.videoIcon img{
filter: brightness(0.9);
}
.videoIcon a {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
margin: auto;
width: 70px;
}
.videoIcon a img{
filter: brightness(1);
width: 100%;
height: auto;
object-fit: contain !important;
}
.video-dialog {
max-width: 300px;
}
.video-dialog .modal-content {
background: transparent;
border-radius: 10px;
}
.video-dialog .btn-close {
z-index: 12;
position: absolute;
right: -15px;
top: -15px;
background: rgba(255, 255, 255, 0.9);
color: #FB3434CC;
display: flex;
align-items: center;
justify-content: center;
font-size: 14px;
border-radius: 100%;
opacity: 1;
line-height: 100%;
padding: 7px 6px 5px;
}
.video-dialog .modal-content .modal-body {
padding: 0;
border-radius: 10px;
aspect-ratio: 0.56 / 1;
}
.video-dialog .modal-content .modal-body iframe {
height: 100%;
border-radius: 10px;
}
.zigzag-layout .flex-row .img-content.videoWrapper img.btn-block{
height: 100%;
width: auto;
object-fit: cover;
max-width:100%;
}
.zigzag-layout .flex-row .img-content.videoWrapper img.btn-block.widthImg{
height: 500px;
width: 380px;
object-fit: cover;
}
.displayFlex{
display:flex;
}
.justifyContentCenter{
justify-content:center;
}
.justifyContentBetween{
justify-content: space-between;
}
.justifyContentArround{
justify-content: space-around;
}
.alingItemsEnd{
align-items:end
}
.alignSelfEnd{
align-self:end;
}
.alingItemsCenter{
align-items:center
}
.flexWrap{
flex-wrap:wrap;
}
.dscf7captcha span.wpcf7-form-control-wrap input.wpcf7-form-control {
margin-top: 12px;
}
.gallery-listing-row .development-item.catItem{
transition:1s all ease;
transform: scale(0.7);
opacity:0;
}
section.strip {
margin-top: 0px;
padding: 20px 0;
background: #cd5f91;
}
section.strip p {
margin: 0;
color: #fff;
font-size: 18px;
font-weight: 500;
}
section.strip .btn-group a{
background:white;
color:#cd5f91;
font-weight:500;
}
section.strip p.smallText{
color: #fff;
font-size: 10px;
margin-bottom:0;
text-align:left;
padding-right: 14px;
}
.mt_30{
margin-top:30px;
}
.newThanksPage{
display:flex;
justify-content:center;
flex-wrap:wrap;
}
.newThanksPage h1.banner-heading {
font-size: 45px;
}
.newThanksPage p {
margin-bottom: 10px;
}
.newThanksPage p img {
margin: 11px 0;
width: 180px;
}
.newThanksPage li a{
color:#d5769f;
font-weight:400;
}
.post-content p.videoRight {
float: right;
margin-bottom: 0 !important;
margin-left: 15px;
padding-top: 10px;
}
p.videoRight iframe{
min-width:330px;
min-height:460px;
}
.post-content p {
margin-bottom: 1.5rem;
text-align: justify;
}
.blog-single ol li{
text-align:justify;
}
.blog-single ol li::marker {
font-weight: 400;
}
.post-content ol {
padding-left: 20px;
}
.post-content h2{
margin-bottom:1.5rem;
}
.post-content h3{
margin-bottom:1.5rem;
}
.content-readmore p{
margin-bottom: 1.5rem;
}
.content-readmore h2{
margin-bottom: 1.8rem;
}
a:active, a:focus, a:focus-within, a:hover, a:visited {
text-decoration: none;
color: inherit;
}
section.fp-invetory-section .panel, section.fp-invetory-section {
background: #f0edec;
padding: 10px 0 30px;
}
section.fp-invetory-section.inventoryPack, section.fp-invetory-section.inventoryPack .panel {
background: #fff;
}
section.fp-invetory-section .panel, section.fp-invetory-section {
background: #f0edec;
}
.content-readmore h3{
margin-bottom: .8rem;
}
.galTag{
padding: 2px 8px;
background: rgba(0, 0, 0, 0.4);
color: #fff;
margin-bottom: 1px;
display: inline-block;
font-weight: 500;
position: absolute;
top: 0;
left: 0;
z-index: 1;
font-size: 14px;
}
section.galTopBanner {
text-align: center;
background: #eceae7;
padding: 50px 0;
}
.galTopBanner h1 {
margin: 0;
font-size: 28px;
font-weight: 400;
}
.breadcrumbtwo.bgBlack{
background-color:#8e8c8b!important;
padding: 8px 22px;
}
.breadcrumbtwo.bgBlack li{
color: #eceae7;
}
.privacy-page {
padding-top: 1rem;
}
.privacy-page strong, .privacy-page b{
font-weight: 500;
}
.privacy-page .responsive-table{
overflow:auto
}
.privacy-page table{
width:100%;
margin-bottom: 1.5rem;
}
.privacy-page table td{
padding:5px 10px;
}
.privacy-page p{
margin-bottom: 1.5rem;
}
.privacy-page table tr td:nth-child(3){
word-break: break-all;
}
.cutom_frame.video-dialog {
max-width: 60%;
width: auto;
height: 100vh;
display: flex;
justify-content: center;
align-items: center;
margin: 0 auto;
}
.cutom_frame.video-dialog .modal-content{
width:100%;
box-shadow: none;
border-color:#fff0;
}
.cutom_frame.video-dialog .modal-content .modal-body {
aspect-ratio: 2 / 1.1;
}
@media (max-width: 768px) {
.content-readmore h3{
font-size: 21px;
font-weight: 400;
}
.flexDirectionSM {
flex-direction: column-reverse;
}
.cutom_frame.video-dialog {
max-width: 90%;
height:auto;
}
.modal-dialog.video-dialog {
margin: auto;
margin-top: 30%;
}
.privacy-page table{
min-width:600px;
}
.post-content h1{
font-size: 22px;
line-height: 27px;
font-weight: 500;
}
.post-content h2{
font-size: 20px;
line-height: 27px;
font-weight: 500;
}
.post-content h3{
font-size: 18px;
line-height: 25px;
font-weight: 500;
}
.galTopBanner h1 {
font-size: 23px;
}
section.galTopBanner {
padding: 30px 0;
}
.post-content p.videoRight {
float: none;
margin-left: 0px;
margin-bottom:1rem !important;
padding-top: 5px;
}
.zigzag-layout .flex-row .img-content.videoWrapper img.btn-block.widthImg{
height: auto;
width: auto;
}
section.strip p {
margin-bottom: 10px;
text-align: center;
line-height: 23px;
}
section.strip p.smallText {
font-size: 8px;
text-align: center;
line-height: 9px;
margin-top: 10px;
line-height:12px;
margin-bottom: 15px;
}
.blog-single table tr td {
line-height: 17px;
}
.zigzag-layout .flex-row:first-child .img-content img {
max-width: 100%;
}
.zigzag-layout .flex-row .img-content.videoWrapper img.btn-block {
height: auto;
}
}
.brochureHeading{
margin-bottom:0px;
background:#333;
color:#fff;
padding-top:5px;
}
/* new event page */
.event-content p.big {
color: #3C3C3C;
font-family: "Work Sans";
font-size: 24px;
font-style: normal;
font-weight: 300;
line-height: 26px;
margin-bottom: 15px;
}
.event-content p {
color: #3C3C3C;
text-align: center;
font-family: "Work Sans";
font-size: 20px;
font-style: normal;
font-weight: 300;
line-height: 26px;
margin-bottom: 20px;
}
.event-content h1 {
color: #3C3C3C;
text-align: center;
font-family: "Work Sans";
font-size: 32px;
font-style: normal;
font-weight: 300;
line-height: 38px;
text-transform: uppercase;
}
.dateSection p, .timeSection p {
color: #3C3C3C;
text-align: center;
font-family: "Work Sans";
font-size: 35px;
font-style: normal;
font-weight: 700;
line-height: 35px;
margin-bottom:0;
}
.eventTimeSection {
border: 1px solid #3c3c3c;
padding: 15px;
margin: 13px 0 20px;
}
.dateSection p span, .timeSection p span {
color: #3C3C3C;
text-align: center;
font-family: "Work Sans";
font-size: 17px;
font-style: normal;
font-weight: 500;
line-height: 23.862px;
text-transform: uppercase;
display: block;
margin-top: 3px;
}
.dateSection {
text-align: center;
}
.timeSection {
border-right: 1px solid #3c3c3c;
border-left: 1px solid #3c3c3c;
padding: 0px 10px;
margin: 0 14px;
}
.timeSection p {
margin: 0 5px;
}
.addressSection {
width: 45%;
}
.addressSection p{
margin-bottom: 0;
}
a.event {
background: #cd5f91;
color: #fff !important;
padding: 6px 15px;
border: none;
font-size: 17px;
display: inline-block;
min-width: 140px;
margin-bottom: 15px;
}
.exceptContent h2 {
color: #3C3C3C;
font-family: "Work Sans";
font-size: 32px;
font-style: normal;
font-weight: 400;
line-height: 28px;
margin-bottom: 14px;
}
.exceptContent ul {
padding-left: 20px;
}
.exceptContent ul li {
color: #3C3C3C;
font-family: "Work Sans";
font-size: 18px;
font-style: normal;
font-weight: 300;
line-height: 26px;
}
section.joinUsSection.newyear .dateSection p, section.joinUsSection.newyear .timeSection p, section.joinUsSection.newyear .dateSection p span, section.joinUsSection.newyear .timeSection p span, section.joinUsSection.newyear .event-content p.big, section.joinUsSection.newyear .event-content p, section.joinUsSection.newyear .event-content h1, section.joinUsSection.newyear .exceptContent h2, section.joinUsSection.newyear .exceptContent ul li, section.joinUsSection.newyear .innerContent h3, section.joinUsSection.newyear .innerContent p{
color:#fff;
}
section.joinUsSection.newyear .event-content p.big{
color: #FFF;
text-align: center;
font-family: "Work Sans";
font-size: 22px;
font-style: normal;
font-weight: 300;
line-height: 28px;
text-transform: uppercase;
margin-bottom: 10px;
}
.event-content p.smtextp{
font-size:16px;
line-height:23px;
padding:10px 15px
}
section.joinUsSection.newyear .addressSection p {
margin-bottom: 0;
font-size: 14px;
font-weight: 500;
line-height: 20px;
}
section.joinUsSection.newyear .event-content h1{
color: #E69338;
text-align: center;
font-family: "Work Sans";
font-size: 97px;
font-style: normal;
font-weight: 700;
line-height: 88px;
text-transform: uppercase;
margin-bottom: 10px;
}
section.joinUsSection.newyear .event-content h2{
color: #FFF;
text-align: center;
font-family: "Work Sans";
font-size: 40px;
font-style: normal;
font-weight: 500;
line-height: 48px;
text-transform: uppercase;
margin-bottom: 10px;
}
section.joinUsSection.newyear .timeSection {
padding: 0px 19px;
}
section.joinUsSection.newyear .eventTimeSection{
border: 2px solid #AEA79E;
}
section.joinUsSection.newyear .timeSection {
border-right: 1px solid #AEA79E;
border-left: 1px solid #AEA79E;
}
section.joinUsSection.newyear a.event{
background: #E69338;
color: #76241F !important;
font-weight: 500;
}
section.joinUsSection.newyear .exceptContent{
margin-top:15px;
}
section.joinUsSection.newyear .absImg.circle {
left: 44%;
bottom: 6%;
top: auto;
}
section.joinUsSection.newyear .exceptContent img {
margin: 13px 0;
}
section.joinUsSection.newyear .absImg{
position: absolute;
top: 0;
z-index: 11;
width: 150px;
height: 150px;
left: 0px;
}
section.joinUsSection.newyear .absImg.secondRect{
position: absolute;
top: 0;
right: 0px;
left:auto;
}
section.joinUsSection.newyear .absImg.bottomImg1{
position: absolute;
top: auto;
bottom:20px;
left: -32px;
}
section.joinUsSection.newyear .absImg.bottomImg2{
position: absolute;
top: auto;
bottom:-8px;
left: 0px;
right: -32px;
left:auto;
}
section.joinUsSection.newyear .absImg.star1 {
top: 40%;
}
section.joinUsSection.newyear .absImg.star2 {
right: 0;
left: auto;
top: 50%;
}
.thumbImg img {
max-height: 420px;
}
.formsubmitBtn input {
background: #cd5f91 !important;
color: #fff !important;
padding: 4px 13px;
border: none !important;
font-size: 16px;
display: inline-block;
min-width: 140px;
margin-top: 5px;
}
.innerContent h3 {
color: #3C3C3C;
font-family: "Work Sans";
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 26px;
margin-bottom: 15px;
margin-top: 21px;
}
.innerContent p {
color: #3C3C3C;
font-family: "Work Sans";
font-size: 19px;
font-style: normal;
font-weight: 300;
line-height: 26px;
margin-bottom: 15px;
}
.exceptSection {
margin: 20px 0;
}
section.joinUsSection.newyear{
padding:30px 0 10px;
background: #76241F;
color:#fff;
overflow:hidden;
}
section.joinUsSection.newyear .container {
z-index: 10;
}
.addressSection p br{
display: none;
}
.development-titlecls h2 {
margin-bottom: 0;
font-size: 2rem;
}
.headPadding{
width:75%;
margin:0 auto;
text-align:center;
}
.recentHead{
font-size: 2.5rem;
line-height: 32px;
}
.ph3 {
font-size: 22px;
line-height: 27px;
font-weight: 300;
margin-bottom: 0;
text-align: left !important;
}
.breadcrumbtwo, .breadcrumb {
display: flex;
overflow-x: auto;
width: 100%;
}
.breadcrumbtwo li, .breadcrumb li{
text-wrap:nowrap;
}
.panel-group.faq h2 {
margin-bottom: 0;
}
section.eventBg {
/* margin-top: 100px; */
margin-bottom: 0;
position: relative;
background: #f0edec;
padding-top: 10px;
}
section.eventBg .contact-page-form.w100 {
background: #f0edec;
}
.absImg {
position: absolute;
top: -30px;
z-index: -1;
width: 150px;
height: 150px;
right: 100%;
}
.absImg img {
width: 100%;
}
/* section.eventBg:before{
content: '';
position: absolute;
width: 100%;
height: 130px;
bottom: 96%;
background-image: url(https://www.instyledirect.com/wp-content/uploads/2024/10/formbg.png);
background-size: 100%;
background-repeat: no-repeat;
background-position: bottom;
z-index: -1;
} */
.team-content p.lang {
min-height: 26px;
margin-bottom: 5px;
font-size: 15px;
}
.team .job-title{
margin-bottom: 0rem;
}
.videoWrapper a.carousel-control {
opacity: 0;
width: auto;
}
.formsecc {
width: 70%;
margin: 0 auto;
}
.formsecc p a{
color:#cd5f91;
}
section.brochure-process-inner.second h4 {
line-height: 42px;
letter-spacing: 0px;
font-size: 40px;
font-weight: 700;
margin-bottom: 28px;
}
section.brochure-process-inner.second h5 {
line-height: 22px;
letter-spacing: 0px;
font-size: 21px;
font-weight: 500;
margin-bottom: 35px;
}
section.brochure-process-inner.second a.btn {
color: #fff;
}
section.brochure-process-inner.second {
background: #f0edec;
padding: 0;
position: relative;
margin-bottom: 18px;
box-shadow: 0px 0px 20px 5px #868585;
}
section.brochure-process-inner.second .row {
display: flex;
align-items: center;
flex-wrap: wrap;
margin: 0;
}
section.brochure-process-inner.second img {
max-width: 100%;
}
section.brochure-process-inner.second .container-fluid {
padding: 0;
}
section.brochure-process-inner.second .brochureContent{
padding:30px 0px 30px 10%;
}
section.brochure-process-inner.second .col-md-6.brochurethumb {
padding: 0;
}
div#christmasPopup .modal-body {
padding: 0;
}
div#christmasPopup .modal-body img {
max-width: 100%;
}
div#christmasPopup button.btn-close {
position: absolute;
z-index: 9;
right: -10px;
background: #fff;
border: 0;
top: -10px;
border-radius: 100%;
}
div#christmasPopup .modal-dialog{
margin: 0;
height: 100vh;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
}
p.heighlightp {
font-size: 15px;
line-height: 22px;
font-weight: 500;
margin-bottom: 15px;
}
h3.christmasText {
color: #f03877;
font-weight: 500;
font-style: italic;
margin-bottom: 15px;
font-size: 20px;
}
footer .copyright p{
width:100%;
}
.googleRevSummry {
display: flex;
flex-direction: column;
margin-left: 10px;
border: 1px solid #929292;
border-radius: 8px;
background-color:#fff;
}
.googleRevSummry .ti-widget.ti-goog a.ti-header {
padding: 0px 10px 6px;
}
.googleRevSummry .ti-widget.ti-goog .ti-text {
font-size: 15px;
font-weight: 500;
}
.googleRevSummry .ti-widget.ti-goog a.ti-header .ti-name {
font-size: 12px;
}
.googleRevSummry .ti-widget.ti-goog .ti-widget-container {
margin: 0;
}
.googleRevSummry .ti-widget.ti-goog .ti-header .ti-stars{
margin-top:0px;
}
.googleRevSummry a.linkBtn {
text-align: center;
background: #4285f4;
color: #fff;
padding: 0px;
font-size: 15px;
border-radius: 0px 1px 8px 8px;
}
.pinkcol{
color:#cd5f91!important;
font-weight:500;
}
.webstories {
padding-bottom: 10px;
}
.webstories h1 {
margin: 15px 0 0;
/* font-weight: 500; */
}
.webstories h2 {
margin: 16px 0 0;
border-left: 4px solid #041e41;
line-height: 100%;
font-weight: 400;
padding-left: 12px;
color: #041e41;
}
.webstories .card {
height: 350px;
background: #e6f0f5;
position: relative;
margin: 12px 0;
border-radius: 8px;
}
.webstories .card .card-body {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
display: flex;
flex-direction: column;
justify-content: flex-end;
color: #fff;
padding: 10px;
border-radius: 8px;
}
.webstories .card img {
border-radius: 8px;
height: 100%;
width: 100%;
}
.webstories .card .card-body .card-title {
font-size: 20px;
font-weight: 600;
margin-bottom: 10px;
word-break: break-word;
}
.webstories .card .card-body p {
margin: 0;
}
.CardIcon {
position: absolute;
top: 15px;
left: 15px;
}
.CardIcon img {
height: 25px!important;
width: 25px!important;
border-radius: 50px!important;
}
.webstories .card .card-body .card-title:hover {
text-decoration: underline;
}
nav.navbar .navbar-collapse .navbar-nav>li.btn-cta{
display:none;
}
nav.navbar .navbar-collapse .navbar-nav > li > a {
border-bottom: 2px solid #fff;
line-height: 17px;
padding: 27px 16px 27px 16px;
position: relative;
text-decoration: none;
text-transform: uppercase;
font-size: 16px;
color: #3C3C3C;
font-weight: 500;
}
nav.navbar .navbar-collapse .navbar-nav > li > a.has-dropdown::after {
top: 31px;
right: 0px;
}
.blog-section .blog-category-area ul li.active a, .missonary-tabs>li.active a, .navbar.faq-nav .navbar-nav>li>a.active, .page-title .with-border, nav.navbar .navbar-collapse .navbar-nav>li>a.has-dropdown+.top-sublinks .sublink-listing li a:hover {
font-weight: 500;
border-bottom: 0px !important;
}
.mobileBottom {
display:none;
position: fixed;
bottom: 0;
background: #888888;
width: 100%;
color: #fff;
padding: 0px 0px;
z-index:3;
transition:1s all ease;
}
.mobileBottom.hideMenu {
bottom: -20%;
}
.mobileBottom ul.menu {
padding: 0;
display: flex;
/* flex-wrap: wrap; */
justify-content: space-around;
align-items: center;
list-style: none;
margin: 0;
padding: 0 0px 0 10px;
}
.mobileBottom ul.menu li {
text-align: center;
font-size: 9px;
line-height: 19px;
font-weight: 500;
text-transform: uppercase;
}
.mobileBottom ul.menu li a img, .mobileBottom ul.menu li button img {
display: block;
width: 25px;
margin: 0 auto 2px;
filter: brightness(11);
}
.mobileBottom ul.menu li button.navbar-toggle {
border: 0;
margin: 0;
background: #fff0 !important;
float:none;
margin:auto;
}
.mobileBottom ul.menu li button.navbar-toggle img {
width: 25px;
filter: brightness(11);
}
.mobileBottom ul.menu li.centerList a span.iconImg {
background: #bd5886;
display: flex;
justify-content: center;
align-items: center;
border-radius: 100%;
width: 50px;
height: 50px;
text-align: center;
margin: auto;
margin-top: -24px;
margin-bottom: 2px;
box-shadow: 0px 0px 8px 1px #ffbddb;
}
.mobileBottom ul.menu li.centerList a span.iconImg img {
filter: brightness(10.5);
line-height: 50px;
}
.mobileBottom ul.menu li:not(:last-child) {
margin-right: 10px;
}
section.galImagesec {
margin: 30px 0;
}
section.galImagesec .galThumb img {
max-width: 100%;
width: 100%;
height: 100%;
max-height: 350px;
object-fit: cover;
border-radius: 8px;
min-height: 430px;
max-height: 450px;
object-position: center;
}
section.galImagesec .col-md-6, section.galImagesec .col-md-3 {
padding: 5px;
}
section.galImagesec .galThumb {
height: 100%;
position: relative;
overflow: hidden;
border-radius: 8px;
}
section.galImagesec .galThumb img {
transform: scale(1);
transition: all 1s ease;
}
section.galImagesec .galThumb:hover img {
transform: scale(1.1);
transition: all 1s ease;
}
section.galImagesec .galThumb:before {
content: '';
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
color:#fff;
z-index:9;
opacity:0;
background-image:url('https://www.instyledirect.com/wp-content/uploads/2025/05/loupe.png');
width: 35px;
height: 35px;
background-size: contain;
background-repeat: no-repeat;
filter: invert(1);
}
section.galImagesec .galThumb:after {
content: '';
position: absolute;
width:0;
height:0;
background:#0000002e;
left: 50%;
top: 50%;
border-radius:8px;
transform: translate(-50%, -50%);
opacity:0;
transition:all 1s ease;
}
section.galImagesec .galThumb:hover:after{
opacity:1;
transition:all 1s ease;
width:100%;
height:100%;
}
section.galImagesec .galThumb:hover:before{
opacity:1;
transition:all 1s ease;
}
.gallery-detail-carousel{
padding:30px 0;
}
.galContantSec .disc h2 {
margin-bottom: 10px;
font-weight: 400;
}
.galContantSec .disc h3 {
margin-bottom: 10px;
}
section.galFormDetail .galfirstImage {
margin: 0px !important;
}
section.galFormDetail .eventData {
padding-top: 20px;
}
.galleryPage .galThumb {
position: relative;
}
.galleryPage .galThumb:before {
content: '';
position: absolute;
width: 100%;
height: 100%;
background: #0000001a;
top: 0;
left: 0;
transition:1s all ease;
transform:scale(0);
}
.galleryPage .galThumb:after {
content: "+";
font-family:'FontAwesome';
position: absolute;
font-size: 70px;
font-weight: 500;
top: 50%;
left: 50%;
transform:scale(0) translate(-50%, -50%);
color:#fff;
transition:1s all ease;
}
.galleryPage .galThumb:hover:before {
transform:scale(1);
}
.galleryPage .galThumb:hover:after {
transform:scale(1) translate(-50%, -50%);
}
.gallery-detail-carousel .gallery-img-holder.js-gallery-popup {
max-width: 700px;
}
.gallery-detail-carousel .gallery-img-holder.js-gallery-popup img {
width: 100%;
}
section.home-gallery-sec ul.nav-tabs {
justify-content: flex-start;
display:flex;
border: none;
border-bottom: 2px solid #d8d8d8;
margin: 0 6px .6rem;
}
section.home-gallery-sec ul.nav-tabs li.nav-item button {
background: #e5e5e500;
border: none;
padding: 3px 0;
width: 100%;
font-size: 18px;
font-weight: 400;
border-radius: 0;
border-bottom: 3px solid #aeaeae;
}
section.home-gallery-sec ul.nav-tabs li.nav-item button:hover{
background: #e5e5e552;
}
section.home-gallery-sec ul.nav-tabs li.nav-item.active button {
border-bottom: 3px solid #ce5f8f;
background: #e5e5e552;
}
section.home-gallery-sec ul.nav-tabs li.nav-item {
width: auto;
min-width: 200px;
text-align: center;
margin-right: 2px;
}
section.home-gallery-sec .post-content h2 {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
}
.embed-responsive{
border-bottom:2px solid #cd5f91;
}
a.linkUnderline, .anchor-underline{
text-decoration:underline;
}
a.linkUnderline:hover, .anchor-underline:hover{
text-decoration:none;
}
@media (max-width: 1024px) {
nav.navbar .responsive-collapse {
width: 100%;
max-width: max-content;
height: auto;
max-height: fit-content;
bottom: -100%;
right:0;
top: auto;
z-index: 0;
padding: 15px 0 40px;
}
nav.navbar .responsive-collapse.show{
bottom: 62px;
max-width: 100%;
}
.navbar-toggle {
display: block;
}
}
@media (max-width: 1024px) {
.mobileBottom {
display:block;
}
.absImg {
left: -20px;
}
}
@media (max-width: 991px){
.video-detail .post-content p {
text-align: left;
line-height: 20px;
}
section.galImagesec .galThumb img {
max-height:350px;
min-height:auto;
}
section.galFormDetail .row{
flex-direction:column-reverse;
}
section.galFormDetail .galfirstImage{
margin-top:10px !important;
}
section.brochure-process-inner.second .brochureContent{
padding:30px 0px 30px 0;
text-align:center;
}
section.brochure-process-inner.second .brochureContent{
padding:30px 0px 30px 0;
text-align:center;
}
section.brochure-process-inner.second .row{
flex-direction:column-reverse;
}
}
@media (max-width: 768px) {
.ph3 {
margin-bottom:15px;
}
section.home-gallery-sec ul.nav-tabs li.nav-item{
min-width: 170px;
}
section.galImagesec .galThumb img {
max-height: 250px;
}
section.galImagesec .col-md-6, section.galImagesec .col-md-3 {
padding: 5px 5px;
}
nav.navbar .navbar-collapse .navbar-nav>li:not(.dropdown-parent) {
padding-right: 0px !important;
}
nav.navbar .navbar-collapse .navbar-nav > li > a.has-dropdown {
margin-right: 40px;
padding: 2rem 2rem;
}
nav.navbar .navbar-collapse .navbar-nav > li > a {
color: #fff;
padding: 14px 16px 14px 16px;
}
section.joinUsSection.newyear .event-content h1{
font-size: 88px;
line-height: 86px;
}
section.joinUsSection.newyear .event-content h2{
font-size: 26px;
line-height: 34px;
}
.event-content p.smtextp {
padding: 10px 0px;
font-size: 14px;
line-height: 19px;
}
section.joinUsSection.newyear .exceptContent {
margin-top: 3px;
}
section.joinUsSection.newyear .absImg{
width: 73px;
height: 73px;
}
section.joinUsSection.newyear .exceptContent img {
width: 40px;
}
section.joinUsSection.newyear .event-content p.big {
font-size: 18px;
}
section.brochure-process-inner.second h4 {
line-height: 32px;
font-size: 22px;
margin-bottom: 20px;
}
.formsecc {
width: 100%;
margin: 0 auto;
}
.thumbImg {
margin-right: 30px;
}
/* section.eventBg {
margin-top: 40px;
} */
section.eventBg:before {
height: 50px;
bottom: 99%;
background-size: 130%;
}
section.eventBg .contact-page-form.w100 {
padding-top: 0px;
}
.absImg {
position: absolute;
top: -30px;
z-index: -1;
width: 80px;
height: 80px;
left: 0;
}
.breadcrumbtwo, .breadcrumb {
padding: 9px 10px 10px !important;
}
.team .team-content {
margin-bottom: 20px;
}
.breadcrumbtwo, .breadcrumb {
display: flex !important;
}
.headPadding{
width:100%;
margin:0 auto;
}
.event-content {
margin-top: 15px;
}
.formsubmitBtn input {
margin-top: -5px;
}
.exceptSection {
margin: 10px 0;
}
.event-content h1 {
font-size: 19px;
line-height: 22px;
margin-bottom: 10px;
}
.event-content p.big {
font-size: 18px;
line-height: 21px;
margin-bottom: 15px;
}
section.joinUsSection.newyear .event-content p.big{
color:#fff;
}
.event-content p {
font-size: 15px;
line-height: 19px;
margin-bottom: 9px;
}
section.joinUsSection.newyear .event-content p{
color:#fff;
}
.addressSection p br{
display: inline;
}
.dateSection p, .timeSection p {
font-size: 19px;
line-height: 25px;
margin-bottom: 0;
}
.p-sm-0 {
padding: 0;
}
.addressSection {
width: 100%;
margin-top: 13px;
}
.dateSection p span, .timeSection p span {
font-size: 15px;
}
.exceptContent h2 {
font-size: 24px;
line-height: 31px;
margin-bottom: 10px;
}
.exceptContent ul li {
font-size: 15px;
line-height: 21px;
}
.innerContent h3 {
font-size: 16px;
line-height: 20px;
margin-bottom: 8px;
}
.innerContent p {
font-size: 16px;
line-height: 20px;
margin-bottom: 10px;
}
.thumbImg img {
max-height: 270px;
}
section.campaign-form-template2 .contact-page-form {
padding: 20px 0;
}
.timeSection {
padding: 0px 7px;
margin: 0 10px;
}
}
/* new Event page end */
.thumbnilVideo {
position: relative;
}
.thumbnilVideo .videoIcon {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.thumbnilVideo .videoIcon img {
opacity: .5;
filter: brightness(10.5);
width: 120px;
}
.thumbnilVideo img,
.thumbnilVideo .videoIcon {
cursor: pointer;
}
.blog-section .blog-category-area{
border-bottom: 0px solid #e4e4e3;
padding-bottom: 1rem;
}
/* div#add12.col-lg-9 h1, #listingSection.col-lg-9 h1 {
display: none;
} */
.transitionm{
transition:1s all ease;
}
div#catSidebar {
padding-top: 4px;
}
.blog-container aside {
position: sticky;
top: 102px;
margin: 0;
padding: 0;
}
.blog-section .blog-category-area.newDesign a:hover {
border-bottom: 1px solid #cd5f91 !important;
}
.blog-category-area.newDesign {
margin-bottom: 1rem;
}
.blog-category-area.newDesign ul {
display:flex;
flex-wrap:wrap;
flex-direction: row;
border-top: 1px solid #878585;
border-bottom: 1px solid #878585;
padding: 5px 0 0px;
}
.blog-category-area.newDesign ul li {
margin-bottom: 4px;
padding: 0 16px 0 0;
position:relative;
}
.blog-category-area.newDesign ul li:not(:last-child)::before {
content: "|";
position: absolute;
right: -5px;
font-weight: 300;
padding: 0 1rem;
}
.blog-section .blog-category-area.newDesign ul li::after{
display:none;
}
.h2-head{
font-weight:400;
margin-bottom:10px;
}
/* New Home Page */
.btn-primary {
color: #fff;
background-color: #CD5F91;
border-color: #CD5F91;
}
.video-banner.banner-slide{
min-height: calc(100vh - 110px);
}
.video-banner.banner-slide .bannerThumb img{
width:100%;
}
.video-banner.banner-slide img.bannerImage {
position: absolute;
top: 0;
bottom: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position:bottom;
}
.btn-primary:hover{
background-color: #1d2327;
border-color: #1d2327;
}
section.home-service-sec {
background: #EFEEEC;
padding: 30px 0;
}
section.home-service-sec .fade{
transition: all 2s ease;
}
/* section.home-service-sec a.btn.btn-medium:hover {
background: #d9d9d9;
} */
section.home-service-sec .sectionHead {
text-align: center;
padding-bottom: 15px;
}
.sectionHead h2 {
font-size: 30px;
font-weight: 400;
line-height: 32px;
}
.sectionHead p{
margin-bottom:10px;
}
section.home-service-sec .sectionHead .serviceLinks {
list-style: none;
padding: 0;
display: flex;
flex-wrap:wrap;
justify-content: center;
border-bottom: none;
}
section.home-service-sec .sectionHead .serviceLinks li a,
section.home-service-sec .sectionHead .serviceLinks li button {
display: inline-block;
border: 1px solid #AFAAA0;
min-width: auto;
margin: 0 5px;
padding: 2px 18px;
border-radius: 5px;
font-size: 16px;
}
section.home-service-sec .sectionHead .serviceLinks li a.active, section.home-service-sec .sectionHead .serviceLinks li.active button {
background: #cd5f91;
color: #fff;
border-color:#cd5f91;
}
section.home-service-sec .sectionHead .serviceLinks li a:hover, section.home-service-sec .sectionHead .serviceLinks li button:hover {
background: #cd5f91;
color: #fff;
border-color:#cd5f91;
}
section.home-sector-sec.estate-gallery .sectorInner img {
min-height: 280px;
max-height: 280px;
object-fit: cover;
object-position: center;
}
section.home-sector-sec {
background: #F7F7F6;
padding: 30px 0 20px;
}
.sectorSlider .slick-arrow.slick-next{
right:-15px;
}
.sectorSlider .slick-arrow.slick-prev{
left:-15px;
}
.sectorInner .galTag {
border-top-left-radius: 8px;
}
.sectorSlider .slick-list {
margin: auto;
}
.sectorSlider .slick-slide {
margin: 0 10px;
}
.sectorOuter{
padding:10px 0;
}
.sectorInner {
position: relative;
transform: translateY(0px);
transition: .4s all ease;
display:block;
}
a.btn.btn-wpink{
transform: scale(1);
transition: .4s all ease;
}
a.btn.btn-wpink:hover{
transform: scale(1.1);
}
.sectorInner:hover {
transform: translateY(-10px);
}
.sectorInner .sectorContent p {
max-height: 0;
transition: 1s all ease;
overflow: hidden;
margin: 0;
}
.sectorInner:hover .sectorContent p{
max-height: 240px;
transition: 1s all ease;
}
.sectorInner img {
width: 100%;
border-radius: 8px;
min-height: 280px;
max-height: 280px;
object-fit:cover;
}
.sectorInner .sectorContent {
position: absolute;
left:0;
bottom: 0;
color: #fff;
padding: 13px 20px;
width:100%;
background: #00000087;
border-radius: 0px 0px 8px 8px;
}
.sectorInner .sectorContent h3 {
margin-bottom: 0px;
font-size: 22px;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
}
.sectorInner:hover .sectorContent h3{
-webkit-line-clamp: none;
}
/* section.home-sector-sec .sectorInner:before {
content: '';
position: absolute;
width: 100%;
height: 100%;
left: 0;
bottom: 0;
z-index: 0;
background: linear-gradient(180deg, rgb(0 0 0 / 11%) 50%, rgb(0 0 0 / 96%) 89%);
border-radius:8px;
} */
section.home-gallery-sec {
padding: 30px 0 30px;
}
.home-gallery-sec .galItem {
position: relative;
margin-bottom: 30px;
display: block;
height: calc(100% - 30px);
transform: translateY(0px);
transition: .4s all ease;
border-radius: 8px;
padding-top:10px;
overflow:hidden;
}
.home-gallery-sec .galItem:hover {
transform: translateY(-10px);
transition: .4s all ease;
}
.home-gallery-sec .galItem .galTag {
top: 10px;
border-top-left-radius: 8px;
}
/* .home-gallery-sec .masonryItem:before {
content: '';
position: absolute;
width: 100%;
height: 100%;
background: #00000044;
left: 0;
top: 0;
transform:scale(0);
transition:1s all ease;
} */
.home-gallery-sec .galContent {
position: absolute;
/* left: 50%;
right: 50%; */
transform: scale(1) ;
width: 100%;
text-align: center;
transition:1s all ease;
padding: 10px 10px;
bottom: 0;
background: #00000078;
border-radius: 0px 0px 8px 8px;
}
.home-gallery-sec .galContent h3 {
font-size: 20px;
font-weight: 400;
color: #fff;
margin-bottom:0;
}
/* .home-gallery-sec .masonryItem:hover::before{
transform:scale(1);
} */
/* .home-gallery-sec .masonryItem:hover .galContent{
transform:scale(1) ;
} */
.home-gallery-sec .galItem img{
max-width: 100%;
width: 100%;
border-radius: 8px;
max-height: 344px;
object-fit: cover;
height: 100%;
min-height: 248px;
/* transform: scale(1);
transition: .4s all ease; */
}
.home-gallery-sec .galItem:hover img {
/* transform: scale(1.2);
transition: .4s all ease; */
}
section.home-gallery-sec .galCatDropdown select {
max-width: 230px;
padding: 2px 3px;
border-radius: 3px;
font-size: 14px;
font-weight: 400;
}
.masonryLayout {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
gap: 20px;
}
.masonryItem {
background-color: #ffffff;
box-sizing: border-box;
transition: transform 0.3s;
display: flex;
align-items: center;
justify-content: center;
font-size: 1.2em;
color: #fff;
}
.masonryItem img {
width: 100%;
height: auto;
display: block;
}
.masonryItem:hover {
transform: translateY(-10px);
}
section.home-cta-section {
background: #F7F7F6;
}
section.home-cta-section .ctaThumb img {
max-width: 100%;
}
section.home-cta-section .row {
margin: 0;
}
section.home-cta-section .row .col-md-6 {
padding: 0;
}
section.home-cta-section .ctaContent {
padding: 0 30px 0 30%;
}
section.home-development-listing {
padding: 30px 0 30px;
background: #EFEEEC;
}
section.home-development-listing .development-item .development-image img {
max-width: 100%;
width: 100%;
object-fit: cover;
max-height: 230px;
border-radius: 8px 8px 0px 0px;
}
section.home-development-listing .development-item .development-titlecls h3 {
margin: 15px 0 10px;
font-weight: 400;
font-size: 20px;
}
section.home-development-listing .development-item {
background: #f4f4ef;
padding-bottom: 20px;
border-radius: 8px;
box-shadow: 0px 0px 12px 3px #d9d9d9;
height: calc(100% - 20px);
margin-bottom: 20px;
}
section.home-development-listing .development-item:hover {
box-shadow: 0px 0px 16px 9px #d9d9d9;
}
section.home-development-listing .development-item .development-titlecls{
white-space: normal;
overflow: auto;
}
section.home-development-listing .development-item .development-titlecls, section.home-development-listing .development-item .development-content.mb2 {
padding: 0 10px;
color: #000;
}
section.home-development-listing .development-image {
border-radius: 8px 8px 0px 0px;
}
section.home-development-listing .development-item .development-content.mb2 {
margin-bottom: 0;
}
section.process-section.home-process-section {
padding: 30px 0 30px;
}
section.home-blog-section {
padding: 30px 0 30px;
border-bottom: 2px solid #efefef;
}
section.home-blog-section .blog-listing {
margin-bottom: 0px;
}
section.home-blog-section .post-thumbnail img {
height: auto;
}
section.home-blog-section .blog{
box-shadow: 0px 0px 12px 3px #d9d9d9;
border-radius: 8px;
}
section.home-blog-section .post-content{
border-radius: 0px 0px 8px 8px;
}
section.home-blog-section .post-thumbnail{
border-radius: 8px 8px 0px 0px;
}
.blg-card .blg-thumb img{
filter: brightness(0.8);
}
.blg-thumb img {
width:100%;
max-width: 100%;
border-radius: 8px;
object-fit:cover;
min-height:228px;
cursor:pointer;
}
.blg-big-height .blg-thumb img {
min-height: 143px;
max-height: 145px;
}
.blg-full-card {
background: #f8f8f8;
border-radius: 8px;
margin-right: 6px;
margin-bottom:10px;
}
.blg-full-card .blg-content {
padding: 10px 20px;
}
.blg-full-card .blg-thumb {
overflow: hidden;
border-radius: 8px 8px 0 0;
}
.blg-full-card .blg-thumb img {
transform: scale(1);
transition: .7s all ease;
border-radius: 8px 8px 0 0;
}
.blg-full-card:hover .blg-thumb img {
transform: scale(1.1);
transition: .7s all ease;
}
.blg-content a.blg-cat {
display: inline-block;
background-color: #eee;
border-radius: 5px;
padding: 1px 10px;
color: #cf6090;
font-size: 13px;
line-height: 20px;
font-weight: 400;
}
.blg-content a.blg-cat:hover {
color: #000000;
background-color: #d9d9d9;
}
.blg-content h3 a {
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
margin: 10px 0 ;
font-weight: 400;
}
.blg-full-card .blg-content p {
display: -webkit-box;-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
margin-bottom: 10px;
}
.blg-card .blg-content {
position: absolute;
bottom: 0;
padding: 10px 10px 0;
left: 0;
}
.blg-card .blg-content h3 {
color: #fff;
font-size: 18px;
margin: 5px 0 6px;
}
.blg-card {
position: relative;
margin: 0 6px 12px;
}
.blg-card .blg-thumb {
overflow:hidden;
border-radius:8px;
}
.blg-card .blg-thumb img{
transform: scale(1);
transition: .7s all ease;
}
.blg-card:hover .blg-thumb img{
transform: scale(1.1);
transition: .7s all ease;
}
section.estimate-section {
background-size: cover;
background-position: center;
padding: 20px 0;
}
section.estimate-section .estimateThumb img {
max-width: 100%;
}
section.estimate-section .estimateThumb img {
max-width: 100%;
}
section.estimate-section .content h3 {
font-size: 33px;
line-height: 40px;
font-weight: 400;
color: #cd5f91;
padding-right: 20%;
margin-bottom: 30px;
}
section.estimate-section .content a.btn.btn-transparent {
border: 2px solid #cd5f91;
color: #cd5f91;
width: auto;
min-width: 200px;
font-weight: 400;
}
ul.column-five li.process-content {
list-style: none;
max-width: 25%;
width: 24%;
margin-bottom: 20px;
padding: 10px;
}
ul.column-five {
margin-top:30px;
padding: 0;
}
ul.column-five li.process-content h3 {
font-size: 20px;
line-height: 22px;
margin-bottom: 10px;
min-height: 44px;
margin-top: 10px;
}
ul.column-five li.process-content p {
margin: 0;
font-size: 14px;
line-height: 20px;
}
ul.column-five li.process-content img {
margin-bottom: 10px;
}
section.broucher-section {
padding: 30px 0 20px;
border-top: 2px solid #efefef;
}
.broucher-card {
padding: 0px 0px;
text-align: center;
margin-bottom: 20px;
height: calc(100% - 20px);
display: flex;
flex-direction: column;
justify-content: space-between;
transform: translateY(0);
transition: .8s all ease;
}
.broucher-card .broucher-card-inner{
width:100%;
height:342px;
transform-style: preserve-3d;
padding-bottom: 100%;
transition: transform 0.6s;
}
.broucher-card:hover .broucher-card-inner{
transform: rotateY(180deg);
}
.broucher-card .br-thumb{
}
/* .broucher-card .br-thumb:hover{
transform: translateY(-10px);
transition: .8s all ease;
} */
.broucher-card .br-thumb img {
object-fit: contain;
margin-bottom: 10px;
width:100%;
max-height: 304px;
transition: .8s all ease;
}
.broucher-card .br-thumb, .broucher-card .broucher-content{
position: absolute;
width: 100%;
height: 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.broucher-card .broucher-content{
transition: .8s allease;
color: #fff;
border-radius: 8px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
transform: rotateY(180deg);
background: linear-gradient(180deg, rgba(205, 95, 145, 1) 0%, rgba(0, 0, 0, 0.9249824929971989) 100%);
}
.broucher-card .broucher-content a.btn.btn-transparent {
border-color: #fff;
color: #fff;
}
.broucher-card .broucher-content a.btn.btn-transparent:hover {
color: #000;
}
.btn.btn-transparent:hover{
background: #cd5f91;
color: #ffffff;
border-color: #cd5f91;
}
.broucher-card .broucher-content p{
font-size:22px;
margin-bottom:30px;
}
h1.banner-heading {
font-size: 4.76rem;
line-height: 67px;
margin-bottom: 20px;
}
@media (max-width: 1024px) {
ul.column-five li.process-content {
max-width: 33%;
width: 33%;
}
}
@media (max-width: 991px) {
ul.column-five li.process-content {
max-width: 33%;
width: 33%;
}
}
@media (max-width: 991px) {
.video-item {
margin-bottom: 15px;
}
.broucher-card .br-thumb h3 {
font-size: 18px;
}
.blg-content h3 a{
margin-bottom:15px;
}
.blg-content h3{
font-size: 20px;
}
section.home-development-listing .development-item .development-titlecls h3{
line-height: 31px;
}
section.home-sector-sec .sectorInner .sectorContent h3 {
margin-bottom: 6px;
}
.blg-big-height .blg-thumb img {
max-height:none;
}
.broucher-card{
font-size: 19px;
}
.broucher-card{
margin-bottom: 0px;
}
ul.column-five li.process-content {
max-width: 50%;
width: 50%;
}
.blg-card{
margin:0 6px 10px;
}
section.home-blog-section .blog {
margin-bottom: 15px;
}
.home-gallery-sec .masonryItem .galContent h3 {
font-size: 13px;
}
.home-gallery-sec .masonryItem::before{
transform:scale(1);
}
.home-gallery-sec .masonryItem .galContent{
transform:scale(1) ;
}
.video-banner.banner-slide {
min-height: calc(45vh);
height:45px;
}
h1.banner-heading {
font-size: 2.3rem;
line-height: 25px;
margin-bottom: 15px;
}
.sectionHead h2 {
font-size: 22px;
margin-bottom: 25px;
line-height: 30px;
}
section.home-service-sec .sectionHead .serviceLinks{
margin-bottom:0px;
}
section.home-service-sec .sectionHead .serviceLinks li a,
section.home-service-sec .sectionHead .serviceLinks li button{
min-width: 168px;
margin: 0 5px 10px;
padding: 2px 7px 5px;
}
section.home-service-sec .row {
flex-direction: column-reverse;
}
section.home-service-sec .content-text {
margin-top: 17px;
}
/* section.home-sector-sec {
padding: 20px 0 10px;
} */
section.home-sector-sec .sectorInner {
margin-bottom: 20px;
}
.home-gallery-sec .galItem img{
min-height: 165px;
}
.masonryLayout {
grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
gap: 10px;
}
section.home-cta-section .row {
flex-direction: column-reverse;
}
section.home-cta-section .ctaContent {
padding: 30px 20px;
}
section.home-development-listing .development-item .development-image img {
min-height:auto;
}
.client-slider .heading-2 {
padding: 0 10px;
font-size: 2.2rem;
}
.wprs_unslider-arrow.prev {
left: 0px;
}
.wprs_unslider-arrow {
top: 50%;
}
.wprs_unslider-arrow{
right:0;
}
section.estimate-section .row{
flex-direction:column-reverse;
}
section.estimate-section .content {
text-align: center;
margin-top: 20px;
}
section.estimate-section .content h3 {
padding: 0;
}
.blg-big-height .blg-thumb img {
min-height: 130px;
}
}
@media (max-width: 768px) {
.dynamicText h3{
margin:20px 0 15px !important
}
.blg-card{
margin:0 0px 10px;
}
.home-gallery-sec .galItem img{
max-height: max-content;
height: auto;
min-height: auto;
}
}
@media (max-width: 620px){
ul.column-five li.process-content {
max-width: 100%;
width: 100%;
}
}
/* China Desk Page */
#aboutSection, #getintouchs{
scroll-margin-top: 100px;
}
section#aboutSection h2 {
/* font-size: 27px; */
/* font-weight: 300; */
/* line-height: 40px; */
}
.chinaHome .banner-heading span {
display: block;
font-size: 70px;
line-height: 70px;
font-weight: 300;
text-transform: uppercase;
}
.chinaHome .banner-heading {
font-size: 24px;
line-height: 30px;
font-weight: 400;
}
.aboutSec {
padding:0px 0;
}
.aboutSec p{
margin-bottom:0;
}
.aboutSec.product-section.zigzag-layout .content-text{
max-width: fit-content;
}
.whyChooseSec{
background: #EFEEEC;
padding: 40px 0;
}
.chooseListItem {
text-align: center;
margin-bottom: 10px;
}
.chooseListItem .chooseThumb {
text-align: center;
display:flex;
align-items:center;
justify-content: center;
/* background: #cd5f91; */
line-height: 70px;
font-size: 25px;
font-weight: 500;
color: #fff;
width: 70px;
/* height: 70px; */
border-radius: 100%;
margin: 0 auto 10px;
}
.chooseListItem .chooseThumb img {
width: 70px;
}
.chooseListItem .chooseContent {
padding: 10px 19px;
}
.chooseListItem .chooseContent h3 {
margin-bottom: 10px;
font-weight: 400;
}
.chooseListItem .chooseContent p {
margin-bottom: 10px;
font-size: 16px;
}
.whyChooseSec .sectionHead{
margin-bottom:20px;
}
.product-section.zigzag-layout.full-text .flex-row .content-text {
max-width: 90%;
/* margin: 0; */
}
.chinaDesk .content-text h3 {
font-size: 25px;
font-weight: 300;
margin-bottom: 15px;
}
.How-we-work {
background-color : #f0edec;
padding : 40px 0;
}
.How-we-work .sectionHead{
margin-bottom:25px;
}
.How-we-work .stepsThumb img{
max-width:100%;
}
.How-we-work .stepsContent{
text-align:center;
background:#fff;
padding-bottom:20px;
margin-bottom:30px;
height:calc(100% - 30px);
}
.How-we-work .stepsContent:hover {
transform: translateY(-10px) !important;
}
.stepsContent h3 {
background: #d677a0;
color: #fff;
padding: 7px 10px;
font-weight:400;
}
.stepsContent p {
padding: 0 20px;
margin-bottom:0;
}
section.chinaFaq {
padding: 40px 0;
background: #F7F7F6;
}
section.chinaFaq .panel-group.faq .panel-default .panel-heading {
padding: 0px 0 0;
}
section.chinaFaq .panel-group.faq .panel-default .panel-heading {
padding: 10px 0 0;
}
section.chinaFaq .panel-group.faq .panel-default{
padding-bottom:10px;
background: #fff0;
}
.chinaDesk {
padding:40px 0 ;
}
.chinaContactUs p.postTitle {
font-size:14px;
}
.chinafaqborder{
padding:10px 20px 20px;
border:1px solid #DDDDDD;
}
.stepsContent .panel.panel-default {
background-color: #cf6090;
padding: 6px 10px;
color: #fff;
border-bottom: #f0edec 3px solid;
margin-bottom: 30px;
text-transform: uppercase;
position: relative;
z-index: 2;
}
.stepsContent .panel.panel-default .panel-heading h2 {
color: #fff;
font-size: 19px;
line-height: 26px;
}
.stepsContent .panel.panel-default .panel-heading {
padding: 0;
}
.stepsContent .panel-group.faq .panel-default .panel-heading h2 a.has-dropdown[aria-expanded="false"]::after, .stepsContent .panel-group.faq .panel-default .panel-heading h2 a.has-dropdown[aria-expanded="true"]::after {
filter: brightness(6.5);
top: 5px;
}
.stepsContent .panel.panel-default:not(:last-child):before {
content: "";
position:absolute;
left:50%;
top: 98%;
transform:translatex(-50%);
background-position: center;
background:url('https://preview.isdnew.benhams.co.uk/wp-content/uploads/2025/02/downArrow-1.png');
width: 44px;
height: 32px;
background-size: 40%;
background-repeat: no-repeat;
/* background-color: #fff; */
z-index: 0;
}
span.wprs_rd_more {
font-weight: 400;
}
.review-section h2 {
font-size: 30px;
font-weight: 400;
}
.china-rev-section{
padding:40px 0 ;
}
.china-rev-section .revItem {
padding: 10px 10%;
text-align: center;
}
.china-rev-section .revItem p {
margin: 0;
}
.china-rev-section .revItem p.rev-star {
margin-bottom: 10px;
}
.china-rev-section .revItem p.revText {
font-size: 22px;
line-height: 27px;
font-weight: 300;
color: #3c3c3c;
text-align: center;
margin-bottom: 15px;
}
.china-rev-section .revItem p.revName {
font: normal 300 normal normal 24px / 27px "Work Sans", sans-serif;
text-transform:uppercase;
color: #3c3c3c !important;
}
.strip-main.two-block .strip-inner {
display: flex;
flex-wrap: wrap;
justify-content: center;
padding: 45px 20px;
}
.chinaHome p.big-text {
font-size: 23px;
line-height: 29px;
font-weight:400;
}
@media (max-width: 991px) {
.chinaHome .banner-heading span {
font-size: 34px;
}
}
@media (max-width: 768px) {
.revColumn {
flex-direction: column-reverse;
}
.chooseListItem .chooseContent p{
font-size: 16px;
line-height: 21px;
}
.chooseListItem .chooseContent {
padding: 10px 0px;
}
.chinaArrow{
display: none;
}
.chinaHome .banner-heading span {
font-size: 30px;
line-height: 4rem;
font-weight:400;
margin-bottom: 10px;
}
.chinaHome p.big-text {
font-size: 18px;
line-height: 29px;
font-weight:400;
}
section#aboutSection h2 {
font-size: 23px;
line-height: 30px;
text-align: center;
}
.chinaDesk .content-text h3 {
line-height: 28px;
}
.aboutSec .flex-row {
display: flex;
flex-wrap: wrap;
flex-direction: column-reverse !important;
}
.strip-main.two-block .strip-inner{
flex-wrap:wrap;
padding: 15px 40px;
}
.d-none-mobile{
display:none;
}
.whyChooseSec .sectionHead {
padding: 0 15px;
}
.review-section h2 {
font-size: 22px;
}
.chinaDesk .flex-row {
display: flex;
flex-wrap: wrap;
flex-direction: column-reverse !important;
}
.chinaDesk.zigzag-layout .flex-row .flex-col {
justify-content: center;
text-align: center;
}
.aboutSec .content-text.content-readmore.ps-5{
padding: 20px 8px !important;
}
.aboutSec .content-text.content-readmore {
text-align: justify;
}
.chinaHome .banner-heading {
font-size: 2rem;
line-height: 21px;
}
}
/* Home Owner page */
section.detailSection .fluid-container .flex-row:nth-child(odd) {
background: #f0edec;
}
section.detailSection .fluid-container .flex-row .flex-col {
padding: 0;
}
section.detailSection .fluid-container .flex-row .flex-col.img-content img{
min-height:auto;
}
section.detailSection .panel.panel-default {
background-size: 50% auto;
background-position: right center;
background-repeat: no-repeat;
padding: 0;
background-color: #f7f7f6;
border: none;
}
section.detailSection .detail-internal{
padding: 40px 0 0px;
background-color: #f7f7f6;
}
section.detailSection .panel.panel-default:nth-child(odd){
background-color: #f0edec;
}
section.detailSection .panel-group.faq .panel-default .panel-heading h2 a.has-dropdown{
padding-left:20px;
}
section.detailSection .panel-group.faq .panel-default .panel-heading h2 a.has-dropdown:after{
display:none;
}
section.detailSection .panel-group.faq .panel-body {
padding: 30px 25px 50px 30px;
width:45%;
}
section.detailSection .panel-group.faq .panel-default .panel-heading{
padding:0;
}
section.detailSection .panel-group.faq .panel-default .panel-heading h2 a.has-dropdown{
padding: 30px 20px;
font-size: 23px;
color: #000;
}
section.detailSection .panel-group.faq .panel-default:hover .panel-heading h2 a.has-dropdown {
text-decoration: underline;
}
section.homeOwnerInventory{
padding:30px 0
}
.weServe-sec .development-titlecls p{
font-size: 1.7rem;
line-height: 26px;
margin-bottom:0;
}
section.homeOwnerInventory span.show-inventory {
left: auto;
right: 0;
padding-right: 34px;
}
section.homeOwnerInventory.fp-invetory-section .panel-group.faq .panel-default .panel-heading h2{
padding:0;
}
section.homeOwnerInventory.fp-invetory-section .panel-group.faq .panel-default .panel-heading h2 a.has-dropdown2::after {
left: auto;
right: 10px;
}
section.homeOwnerInventory.fp-invetory-section .panel-group.faq .panel-default .panel-heading h2 a.has-dropdown2{
padding:0 5px;
}
section.homeOwnerInventory.fp-invetory-section .panel-group.faq .panel-default .panel-heading h2 a.has-dropdown2[aria-expanded="true"] {
background: #ddd;
}
section.chinaDesk.contactSec {
background-color: #f4f4ef;
padding: 14px 0;
}
@media (max-width: 768px) {
.has-dropdown2 .show-inventory {
display: none;
}
.btn.btn-medium {
font-size: 13px;
width: auto;
margin-left: auto;
margin-right: auto;
}
section.detailSection .panel.panel-default {
background-image: none !important;
}
section.detailSection .panel-group.faq .panel-body {
width: 100%;
padding: 1px 15px 20px 20px;
}
section.detailSection .panel-group.faq .panel-default .panel-heading h2 a.has-dropdown {
padding: 16px 16px;
font-size: 22px;
}
.product-section.zigzag-layout.full-text .flex-row .content-text{
margin: auto;
}
.content-text.content-readmore {
padding: 15px 0;
}
}
/* Auther Section */
section.authors .item-img{
position:relative;
}
section.authors .item-img p {
text-align: center;
margin: 0;
background: #0000008c;
color: #fff;
font-size: 14px;
font-weight: 400;
padding: 4px 0;
position:absolute;
left:0;
bottom:0;
width:100%;
}
section.authors.main-item-container .item .item-img{
max-height: fit-content;
}
section.authors.main-item-container .item .item-content p.disc {
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
margin-bottom: 15px;
}
section.authors.main-item-container .item .item-content p#readBtn, section.authors.main-item-container .item .item-content p#readlessBtn{
font-size: 16px;
font-weight: 500;
margin-bottom: 0;
cursor:pointer;
}
/* estate agent */
div#serviceAccordion a.has-dropdown {
text-decoration: none;
}
div#serviceAccordion .panel-heading {
padding-top: 0px;
}
div#serviceAccordion .panel-heading h2{
font-weight:300;
}
div#serviceAccordion .panel.panel-default {
border-bottom: #a8a8a8 1px solid;
padding: 10px 6px ;
background-color: #fff0;
}
img.btn-block.lazy.h-100 {
object-fit: cover;
object-position: center;
}
div#serviceAccordion .panel.panel-default .panel-body{
margin-top:0;
}
section.chinaDesk.contactSec.whyDo-section{
padding: 40px 0;
}
section.chinaDesk.contactSec.whyDo-section .chinaContactUs {
padding: 15px 0 25px;
}
.logoBtn {
position: relative;
padding-left: 39px;
margin-left:2rem;
}
.logoBtn img {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: -9px;
width: 45px;
border-radius: 10px;
height: auto !important;
}
.max-h-600 {
max-height:624px;
}
/* skleton */
.skeleton-card {
margin-bottom:20px;
box-shadow: 0px 0px 14px 1px #dddddd;
padding:10px;
background:#fff;
border-radius: 8px;
}
.skeleton-thumb {
aspect-ratio: 1/.5;
border-radius: 8px;
}
.skeleton-tittle {
width: 95%;
aspect-ratio: 1/0.03;
border-radius: 4px;
margin: 15px 0;
}
.skeleton-content {
width: 90%;
aspect-ratio: 1 / 0.03;
border-radius: 4px;
}
.animate {
animation: shimmer 3s;
animation-iteration-count: infinite;
background: linear-gradient(to right, #e6e6e6 5%, #cccccc 25%, #e6e6e6 35%);
background-size: 1000px 100%;
}
@keyframes shimmer {
from {
background-position: -1000px 0;
}
to {
background-position: 1000px 0;
}
}
ul.column-five li.process-content p.smText {
font-size: 9px;
line-height: 17px;
font-weight: 400;
}
/* guide page */
section.guide-section {
padding: 30px 0 50px;
}
section.guide-section .guide-card {
position: relative;
margin: 20px 0 20px;
cursor: pointer;
display:block;
}
section.guide-section .guide-card .guide-thumb img {
width: 100%;
max-height:420px;
min-height:300px;
}
section.guide-section .guide-card .guide-thumb {
position: relative;
}
section.guide-section .guide-card .guide-content {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 80%;
}
section.guide-section .guide-card .guide-content h2 {
font-size: 30px;
color: #fff;
line-height: 33px;
text-transform: uppercase;
margin-bottom: 10px;
font-weight: 500;
}
section.guide-section .guide-card .guide-content p {
color: #fff;
font-size: 19px;
line-height: 25px;
margin-bottom: 10px;
}
section.guide-section .guide-card .guide-thumb:before {
content: '';
position: absolute;
width: 100%;
height: 100%;
background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
top: 0;
left: 0;
}
section.guide-section .guide-card .guide-thumb:after {
content: '';
position: absolute;
width: 92%;
height: 92%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
border: 1px solid #fff;
transition: .6s all ease;
}
section.guide-section .guide-inner .guide-card:hover .guide-thumb:after {
transition: .6s all ease;
width: 90%;
height: 90%;
}
.video-banner .opacity-bg{
top:0;
/* background: rgb(0 0 0 / 32%); */
}
.video-banner .banner-overlay{
background: #0000006e;
padding: 30px 10px 50px;
border: 0px solid #eeeeee;
}
.input-holder textarea {
width: 100% !important;
max-height: 150px;
}
figure {
position: relative;
}
.guide-cat.blog-category-area ul {
margin-bottom:0px;
padding: 3px 0 6px;
border-top: 1px solid #999999;
border-bottom: 1px solid #999999;
}
.beforeAfter {
position: absolute;
bottom: 0;
width: 100%;
left: 0;
background: #cd5f91c9;
text-align: center;
color: #fff;
font-size: 17px;
font-weight: 500;
padding: 3px 0;
}
p.internationalTitle {
background: #f2f2f2;
padding: 7px 15px;
font-weight: 500;
line-height: 30px;
font-size:2rem;
}
.modal-dialog{
margin: 14px auto;
}
.modal p.internationalTitle span {
display:block;
font-size: 16px;
font-weight: 400;
}
.modal .input-holder .wpcf7-form-control {
margin-bottom: 0px !important;
background: #fff;
border: 1px solid #eceae7;
font-size: 15px;
line-height: 20px;
padding: 6px 10px;
border-radius: 3px;
}
.modal .input-holder .wpcf7-form-control:focus{
border-color:#747474;
}
.modal .input-holder textarea {
max-height: 70px;
min-height: 70px;
}
.modal .input-row label {
display: block;
font-size: 14px;
line-height: 17px;
margin-bottom: 5px;
}
.modal .input-holder input.wpcf7-form-control.wpcf7-validates-as-required {
background: #fff !important;
}
.borderTop{
border-top:2px solid #c2c2c2
}
.bg-gray{
background: #f7f7f6;
}
/* area guide Page */
section.keyDevelopment {
padding: 30px 0;
}
.key-card {
position: relative;
display: block;
overflow: hidden;
background: #eeeeee;
padding: 10px;
border-radius: 7px;
height: calc(100% - 20px);
margin-bottom: 20px;
}
.keyDevelopment .key-card:hover {
box-shadow: 0px 3px 4px 0px #dcdcdc;
}
.key-card .thumb {
border-radius: 7px;
overflow: hidden;
}
.key-card img {
width: 100%;
transform: scale(1);
transition: .7s all ease;
max-height: 220px;
object-fit: cover;
border-radius: 7px;
}
.key-card:hover img {
transform: scale(1.1);
transition:.7s all ease;
}
.key-card:after {
/* content:''; */
position: absolute;
top: 0;
right: 0;
background: linear-gradient(0deg, rgb(0 0 0 / 83%) 0%, rgb(0 0 0 / 0%) 41%);
width: 100%;
height: 100%;
}
.key-card .key-content {
/* position: absolute;
z-index: 9;
color: #fff;
bottom: 10px;
text-align: center;
width: 100%; */
padding:10px 10px 0;
}
.key-card .key-content h3{
margin-bottom:10px;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
}
.key-card .key-content p{
margin:0;
max-height:auto;
transition:1s all ease;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
}
.key-card:hover .key-content p{
/* max-height:240px; */
transition:1s all ease;
}
.key-card p.arrowSign {
position: absolute;
z-index: 9;
color: #000000;
top: 10px;
right: 10px;
text-align: center;
width: 30px;
height: 30px;
line-height: 28px;
margin: 0;
background: #f0edec;
border-radius: 100%;
}
.key-card p.arrowSign img {
width: 17px;
}
.whyContent {
background: #f7f7f6;
text-align: center;
padding: 20px 30px;
height: calc(100% - 15px);
display: flex;
flex-direction: column;
justify-content: center;
margin-bottom: 15px;
}
.whyContent .whyThumb img {
height: 90px;
margin-bottom: 15px;
transform: scale(1);
transition: all .5s ease;
}
.whyContent:hover img {
transform: scale(1.1);
transition: all .5s ease;
}
.whyContent h3 {
margin-bottom: 0;
font-size: 19px;
}
.whyChooseThumb img {
width: 100%;
}
section.guideCta {
padding: 0 0 40px;
}
.guideCta .cta-thumb img{
max-width:100%;
width:100%;
object-fit:cover;
}
.guideCta .cta-content {
padding: 25px 15px 25px 4rem;
margin-left: 20px;
max-width: 565px;
}
.guideCta .cta-content.right {
padding: 25px 15px 25px 4rem;
margin-left: 0;
max-width: 540px;
}
.guideCta .cta-content p {
margin-bottom: 20px;
}
.chelsa-slider{
padding:30px 0 0;
margin:30px 0;
}
.fw-400{
font-weight:400
}
/* .chelsa-slider .furniture-packs.zigzag-layout .flex-row .content-text{
max-width: fit-content;
margin-left:0px !important;
} */
.chelsa-slider .zigzag-layout .flex-row .img-content img{
min-height:auto;
}
section.place-slider {
padding: 30px 0 30px;
}
section.place-slider .slick-list{
max-width:98%;
margin:auto;
}
.place-slider .sectorInner img {
width: 100%;
max-height: 230px;
object-fit: cover;
border-radius:0px;
}
.place-slider .sectorInner {
/* margin: 0 15px ; */
background: #f2f2f2;
}
section.place-slider ul.slick-dots {
bottom: -35px;
}
.place-slider .slick-slide{
padding:20px;
transition:1s all ease;
transform:scale(.9)
}
.place-slider .slick-slide.slick-current{
transform:scale(1.1);
transition:1s all ease;
}
.place-slider .sectorInner .content {
padding: 0px 10px 10px;
}
.place-slider .content h3 {
margin-top: 15px;
margin-bottom:0;
font-size: 19px;
}
.place-slider .content p.readMoreContent{
-webkit-line-clamp: 5;
}
section.place-slider button.slick-arrow {
background: #f2f2f2;
border-radius: 100%;
width: 32px;
height: 32px;
text-align: center;
line-height: 32px;
/* display:none !important; */
}
section.place-slider button.slick-prev.slick-arrow {
left: -20px;
}
section.place-slider button.slick-next.slick-arrow {
right: 0px;
}
section.place-slider .slick-dots li button:before{
font-size: 45px;
}
section.place-slider button.slick-arrow img {
height: auto;
width: 18px;
}
section.areaRouteSec {
padding: 30px 0;
margin: 30px 0;
}
section.areaRouteSec .sectionHead h2 {
/* font-size: 30px;
text-transform: uppercase;
font-weight: bold;
margin-bottom:30px; */
}
section.areaRouteSec .sectionHead h2.font-normal {
text-transform: capitalize;
font-size: 2.5rem;
}
section.areaRouteSec .sectionHead p {
font-size: 18px;
}
section.areaRouteSec .routeCard {
text-align: center;
padding: 20px 30px;
position:relative;
height:100%;
z-index:6;
}
section.areaRouteSec .routeCard p.routeTime {
margin-bottom: 15px;
font-size: 25px;
text-transform: uppercase;
font-weight: 500;
color: #000;
}
section.areaRouteSec .routeCard p {
margin: 0;
}
section.areaRouteSec .row .col-md-3:not(:last-child) .routeCard:not(.no-border)::after {
content: '';
position: absolute;
height: 0;
width: 100%;
background: #cf6090;
top: 60px;
left: 50%;
border: 1.5px solid #cf6090;
z-index: -1;
}
section.areaRouteSec .routeCard .routeIcon img {
width: 50px;
filter: invert(1) brightness(10.5);
transform: scale(1);
transition: all .5s ease;
}
section.areaRouteSec .routeCard:hover .routeIcon img {
transform: scale(1.1);
transition: all .5s ease;
}
section.areaRouteSec .routeCard .routeIcon {
position:relative;
background: #ca5e8f;
width: 80px;
height: 80px;
border-radius: 100%;
display: flex;
justify-content: center;
align-items: center;
margin: 0 auto 20px;
}
section.areaRouteSec .routeCard .routeIcon:after{
content: '';
position: absolute;
height: 13px;
width: 4px;
background: #cf6090;
top: 100%;
left: calc(50% - 3px);
}
@media (max-width: 991px){
section.areaRouteSec .row .col-md-3:not(:last-child) .routeCard:not(.no-border)::after{
display:none;
}
}
@media (max-width: 768px) {
section.keyDevelopment {
padding: 10px 0;
}
.place-slider .sectorInner img{
min-height:auto;
}
/* section.areaRouteSec .sectionHead h2 {
font-size: 25px;
margin-bottom: 20px;
line-height: 33px;
} */
section.areaRouteSec .routeCard p.routeTime {
margin-bottom: 5px;
font-size: 18px;
line-height: 29px;
}
section.areaRouteSec .routeCard {
padding: 20px 0px;
}
section.areaRouteSec .routeCard:not(.no-border)::after {
content: none;
}
}
/* Development Page */
.developmentSearch{
padding-top: 30px;
}
.sectionPadding{
padding:30px 0!important;
}
.sectionMargin{
margin:30px 0!important;
}
.readMoreContent{
display: -webkit-box;
-webkit-line-clamp: unset;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
margin-bottom: 4px;
}
.readMoreContent.readLess{
-webkit-line-clamp: unset !important;
}
.readLessBtn{
font-size:16px;
font-weight:500;
}
.readMoreContent span{
display:block;
margin:7px 0;
}
.cta-content .readMoreContent.hideText{
-webkit-line-clamp: 11;
}
.developers-banner .banner-inner img {
width: 100%;
height:100%;
object-fit: cover;
}
.developers-banner .banner-content {
position: absolute;
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
bottom: 0;
padding: 10px 15px;
background-color: #ffffff9e;
}
.developers-banner .banner-inner {
position: relative;
height:100%;
height: calc(100vh - 116px);
}
.developers-banner .banner-content .ban-head {
margin-bottom: 0;
font-size: 16px;
font-weight: 500;
text-transform:uppercase;
}
.bottomSec{
padding:40px 0;
}
.bottomSec .content .bigText{
font-size:19px;
}
.bottomSec .content p, .bottomSec .content h3{
margin-bottom:10px;
}
.package-banner .item .ban-content {
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
text-align: center;
height: 100%;
width: 30%;
margin: 0 auto;
color: #fff;
}
.package-banner .item .ban-content h2{
margin-bottom:12px;
color:#fff;
}
/* .developmentSearch{
padding-top:70px;
} */
.development-listing{
padding:40px 0;
}
section.chelsa-slider .sliderf-Inner {
padding: 25px 10px 15px 15px;
}
section.chelsa-slider .sliderf-Inner .fixContent{
margin-bottom:50px;
}
section.chelsa-slider .sliderf-Inner .fixContent h2 {
margin-bottom: 12px;
}
section.chelsa-slider .slick-arrow.slick-prev {
display: none !important;
}
section.chelsa-slider .sliderf-Inner .chelsaContentSlider .slick-arrow {
background: #C6C6C6;
border-radius: 100%;
}
section.chelsa-slider .sliderf-Inner .chelsaContentSlider .slick-arrow img {
width: 15px;
height: 16px;
}
section.chelsa-slider .sliderf-Inner .fixContent p, section.chelsa-slider .sliderf-Inner .chelsaContentSlider p{
margin-bottom:10px;
}
section.chelsa-slider .sliderf-Inner .chelsaContentSlider h3{
margin-bottom:12px;
}
section.chelsa-slider .chelsaSlider .item img{
width:100%;
height:100%;
object-fit:cover;
}
section.chelsa-slider .chelsaSlider .slick-list{
max-width:100%!important;
}
.h-full{
height:100%
}
.div-h-full div{
height:100% !important;
}
.slick-dots li button:before {
font-size: 34px;
}
section.projectSection {
padding: 30px 0;
}
section.projectSection .projectCard img {
width: 100%;
max-height: 350px;
object-fit: cover;
border-radius: 10px 10px 0px 0px;
}
section.projectSection .projectCard {
background: #f2f2f2;
border-radius: 10px;
}
section.projectSection .projectCard .projectContent {
padding: 15px 20px;
}
section.projectSection .projectCard .projectContent h3 {
margin-bottom: 14px;
}
section.projectSection .projectCard .projectContent p {
margin-bottom: 5px;
}
@media (max-width: 1024px) {
.developers-banner .banner-inner {
height: auto;
}
}
@media (max-width: 991px) {
.developers-banner .banner-inner {
height: auto;
}
.developers-banner .banner-content{
flex-wrap:wrap;
}
.developers-banner .banner-inner img {
max-height: 400px;
}
.developers-banner .banner-content .ban-head{
margin-bottom:10px
}
.developers-banner .banner-content a.btn.btn-wpink{
width:auto;
}
section.home-gallery-sec ul.nav-tabs li.nav-item button{
font-size: 15px;
}
section.home-gallery-sec ul.nav-tabs li.nav-item {
min-width: 160px;
}
.package-banner .item .ban-content {
width: 100%;
}
.bottomSec .content h3{
line-height:22px;
}
section.guideCta {
padding: 20px 0 40px;
}
.guideCta .cta-content{
padding: 20px;
}
.key-card {
margin-bottom: 20px;
}
.whyChooseThumb{
margin-top:20px;
}
}
@media (max-width: 768px){
.sectionPadding {
padding: 10px 0 !important;
}
section#aboutSection .cta-content h2 {
margin-top: 20px;
text-align: left;
}
.guideCta .cta-content {
padding: 20px;
margin-left: 0;
}
.developers-banner .banner-content{
justify-content:center;
}
}
.modal p.internationalTitle {
background: #f2f2f2;
padding: 7px 15px;
font-weight: 500;
line-height: 30px;
font-size:2rem;
}
.modal-dialog{
margin: 14px auto;
}
.modal p.internationalTitle span {
display:block;
font-size: 16px;
font-weight: 400;
}
.modal .input-holder .wpcf7-form-control {
margin-bottom: 0px !important;
background: #fff;
border: 1px solid #eceae7;
font-size: 15px;
line-height: 20px;
padding: 6px 10px;
border-radius: 3px;
}
.modal .input-holder .wpcf7-form-control:focus{
border-color:#747474;
}
.modal .input-holder textarea {
max-height: 70px;
min-height: 70px;
}
.modal .input-row label {
display: block;
font-size: 14px;
line-height: 17px;
margin-bottom: 5px;
}
.modal .input-holder input.wpcf7-form-control.wpcf7-validates-as-required {
background: #fff !important;
}
/* Stock Unit */
section.projectSection.noBorders .projectCard, section.projectSection.noBorders .projectCard img{
border-radius:0;
}
section.beforeAfterSlider {
padding: 30px 0;
}
section.beforeAfterSlider .beforeAfterThumb{
padding:0 1px;
}
section.beforeAfterSlider .beforeAfterThumb img {
width: 100%;
max-height: 400px;
object-fit: cover;
}
section.beforeAfterSlider .beforeAfterThumb p.beforeAfterText {
position: absolute;
top: 10px;
left: 30px;
background: #cd5f91;
color: #fff;
padding: 3px 10px;
}
section.beforeAfterSlider .beforAfterOuter {
padding: 0 10px;
}
.projectContent .textList{
padding:0;
}
.projectContent .textList li{
list-style:none;
display:flex;
margin-bottom:10px;
align-items: center;
}
.projectContent .textList li .listicon{
background: #707070;
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
margin-right: 15px;
}
.projectContent .textList.iconBg li .listicon{
background:#CD5F91;
}
.projectContent .textList li .listicon img{
/* filter: invert(1) brightness(5.5); */
width: 30px;
}
section.unitProcessSec {
padding: 50px 0 30px;
}
section.unitProcessSec img{
width:100%;
}
section.unitProcessSec #processSlider{
padding-top:10%;
}
section.unitProcessSec ol.carousel-indicators {
position: relative;
left: auto;
margin: 0;
display: flex;
justify-content: space-between;
padding: 0 50px;
width:100%;
bottom: auto;
margin-bottom: 40px;
}
section.unitProcessSec ol.carousel-indicators li {
position:relative;
padding-top: 20px;
width: 33.3%;
height: auto;
text-indent: inherit;
text-align:center;
font-size:17px;
font-weight:400;
border: none;
background: transparent;
}
section.unitProcessSec .carousel-inner .content {
text-align: center;
}
section.unitProcessSec ol.carousel-indicators li:after {
content: '';
position: absolute;
width: 20px;
height: 20px;
background: #f2f2f2;
top: 0;
left: 50%;
transform: translateX(-50%);
border-radius: 100%;
z-index:4;
}
section.unitProcessSec ol.carousel-indicators li:not(:last-child):before {
content: '';
position: absolute;
width: 100%;
border: 1px solid #f2f2f2;
top: 10px;
z-index: 2;
left: 50%;
}
section.unitProcessSec ol.carousel-indicators li.active:after {
background: #cd5f91;
}
section.unitProcessSec .unitProcessCard {
text-align: center;
position: relative;
}
section.unitProcessSec .unitProcessCard span.dot {
display: inline-block;
width: 12px;
height: 12px;
border: 1px solid #000;
border-radius: 100%;
background: #fff;
position: relative;
z-index: 3;
}
section.unitProcessSec .unitProcessCard span.number {
display: block;
font-size: 45px;
margin: 10px 0 15px;
color: #CB5D90;
font-weight: 500;
}
section.unitProcessSec .unitProcessCard h3, section.unitProcessSec .unitProcessCard p {
margin: 10px;
}
section.unitProcessSec .unitProcessCard:before {
content: '';
position: absolute;
width: calc(100% + 28px);
border: 1px dashed;
top: 12px;
left: 50%;
transform:translatex(-50%)
}
section.unitProcessSec .row .col-lg-3:first-child .unitProcessCard:before{
width: calc(50% + 14px);
transform: none;
}
section.unitProcessSec .row .col-lg-3:last-child .unitProcessCard:before{
width: calc(50% + 14px);
transform: none;
left:auto;
right:50%;
}
/* Before After Slider */
.beforeAfter-slider .slider-container {
display: grid;
position: relative;
overflow: hidden;
border-radius: 1rem;
--position: 50%;
}
.beforeAfter-slider .image-container {
max-width: 100%;
}
.beforeAfter-slider .slider-image {
width: 100%;
height: 100%;
object-fit: cover;
object-position: left;
max-height: 500px;
}
.beforeAfter-slider .image-before {
position: absolute;
inset: 0;
width: var(--position);
}
.beforeAfter-slider .sliderInput {
position: absolute;
inset: 0;
cursor: pointer;
opacity: 0;
/* for Firefox */
width: 100%;
height: 100%;
}
.beforeAfter-slider .sliderInput:focus-visible ~ .sliderInput-button {
outline: 5px solid black;
outline-offset: 3px;
}
.beforeAfter-slider .slider-line {
position: absolute;
inset: 0;
width: .2rem;
height: 100%;
background-color: #fff;
left: var(--position);
transform: translateX(-50%);
pointer-events: none;
}
.beforeAfter-slider .slider-button {
position: absolute;
background-color: #fff;
color: black;
padding: 15px;
border-radius: 100vw;
display: grid;
place-items: center;
top: 50%;
left: var(--position);
transform: translate(-50%, -50%);
pointer-events: none;
box-shadow: 1px 1px 1px hsl(0, 50%, 2%, .5);
}
.beforeAfter-slider .slider-button img {
width: 30px;
}
.home-gallery-sec .video-item {
background: #f4f4ef;
height: 100%;
}
.home-gallery-sec .video-item .post-thumbnail.video-thumbnail {
margin: 0;
}
@media screen and (max-width: 768px){
section.unitProcessSec ol.carousel-indicators{
padding:0
}
}
/* Show Home Page */
section.unitProcessSec.showHomeProcess .carousel-inner .content {
text-align: left;
padding-left:30px;
}
section.unitProcessSec.showHomeProcess .carousel-inner .content h3{
margin-bottom: 20px;
font-weight:400;
}
section.unitProcessSec.showHomeProcess ol.carousel-indicators{
margin-bottom:20px;
}
section.unitProcessSec.showHomeProcess ol.carousel-indicators li{
padding:10px 0;
text-align:center;
background: #888888;
color: #fff;
border-radius: 0;
width: 180px;
clip-path: polygon(70% 0%, 100% 50%, 70% 100%, 0% 100%, 25% 50%, 0% 0%);
}
section.unitProcessSec.showHomeProcess ol.carousel-indicators li:not(:last-child){
margin-right: -15%;
}
section.unitProcessSec.showHomeProcess ol.carousel-indicators li.active{
background: #c75c8c;
color: #fff;
}
section.unitProcessSec.showHomeProcess ol.carousel-indicators li:after, section.unitProcessSec.showHomeProcess ol.carousel-indicators li:before{
content:none;
}
section.unitProcessSec.showHomeProcess .carousel-inner .thumb img {
border-radius: 20px;
}
section.unitProcessSec.showHomeProcess .carousel-inner .content ul {
padding-left: 20px;
}
section.unitProcessSec.showHomeProcess .carousel-inner .content ul li {
margin-bottom: 15px;
}
section.whyDoSec .chooseListItem{
text-align:left;
margin-bottom: 20px;
background: #fff;
height: calc(100% - 20px);
padding:15px 15px;
}
section.whyDoSec .chooseListItem .chooseThumb{
margin: 0 0 10px;
}
section.whyDoSec .chooseListItem .chooseThumb img {
width: 50px;
}
section.whyDoSec .chooseListItem .chooseContent{
padding:0;
}
.font-normal{
font-weight:400 !important;
}
section.areaRouteSec .routeCard h3 {
margin-bottom: 10px;
font-weight: 400;
}
form.wpcf7-form label {
font-size: 14px;
font-weight: 400;
}
.modal-body .input-holder {
margin-top: 9px;
}
.modal-body form.wpcf7-form label{
font-size: 13px;
line-height: 17px;
}
.modal-dialog p.dscf7captcha {
margin-bottom: 0;
}
#christmasOfferModal .modal-dialog, #contactUsModal .modal-dialog{
top: 2%;
}
#christmasOfferModal .modal-content, #contactUsModal .modal-content{
margin: 0rem;
}
.project-slider .slide-item {
max-height: fit-content;
border-radius: 15px;
}
.project-slider .slider-overlay{
display:block;
height:auto;
top:auto;
bottom:0;
padding:0;
}
.project-slider .slider-overlay .slider-item-content{
background: #00000087;
color: #fff;
}
.project-slider .slide-item .customheadingcls {
font-size: 22px;
margin-bottom: 10px;
font-weight: 300;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
}
.project-slider .slide-item:hover .customheadingcls{
-webkit-line-clamp: none;
}
.post-thumbnail.video-thumbnail{
margin-bottom: 20px;
}
.project-slider .slider-overlay .slider-item-content p:last-child {
font-size: 13px;
}
.home-gallery-sec .tab-content>.tab-pane {
display: block !important;
opacity: 1 !important;
height: 0;
overflow: hidden;
}
.home-gallery-sec .tab-content>.tab-pane.active {
display: block;
height: auto;
overflow: hidden;
}
.search_btn.btn.btn-transparent:hover{
background: #f0edec;
cursor:text;
}
.search_btn.btn.btn-transparent:focus{
outline:0;
box-shadow:none;
}
.afterBefore {
position: absolute;
width: 100%;
top: 0;
display: flex;
justify-content: space-between;
padding: 10px 20px;
}
.afterBefore p {
margin:0;
background: #cd5f91;
color: #fff;
padding: 4px 17px;
line-height: 20px;
font-weight: 400;
}
.afterBefore.abslider-text{
z-index:9;
width:calc(var(--position) - 15px);
overflow: hidden;
}
.afterBefore.justifyContentEnd{
justify-content:flex-end !important;
left: auto;
right: 0;
width:calc(98% - var(--position));
overflow:hidden;
}
.aigpl-design-1 .aigpl-img-wrp .aigpl-img-link{
position:relative;
display: block;
}
.aigpl-design-1 .aigpl-img-wrp .aigpl-img-link:before {
content: '';
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
color:#fff;
z-index:9;
opacity:0;
background-image:url('https://www.instyledirect.com/wp-content/uploads/2025/05/loupe.png');
width: 35px;
height: 35px;
background-size: contain;
background-repeat: no-repeat;
filter: invert(1);
}
.aigpl-design-1 .aigpl-img-wrp .aigpl-img-link:after {
content: '';
position: absolute;
width:0;
height:0;
background:#0000002e;
left: 50%;
top: 50%;
border-radius:8px;
transform: translate(-50%, -50%);
opacity:0;
transition:all 1s ease;
}
.aigpl-design-1 .aigpl-img-wrp .aigpl-img-link:hover:after{
opacity:1;
transition:all 1s ease;
width:100%;
height:100%;
}
.aigpl-design-1 .aigpl-img-wrp .aigpl-img-link:hover:before{
opacity:1;
transition:all 1s ease;
}
.aigpl-gallery-slider .slick-arrow{
background-color: #d9d9d9 !important;
}
.blog-detail figure figcaption, .blog-detail figure .figcaption ~ .wp-caption-text {
background: #00000061;
text-align: center;
padding: 3px 0;
color: #ffffff;
font-weight: 400;
font-size: 10px;
font-style: italic;
line-height: 13px;
width: 100%;
}
.entry-content .wp-caption .figCaption ~ .wp-caption-text{
background: #00000061 !important;
text-align: center !important;
padding: 3px 0 !important;
color: #ffffff !important;
font-weight: 400 !important;
font-size: 10px !important;
font-style: italic !important;
line-height: 13px !important;
width: 100% !important;
position: relative !important;
}
.blog-detail figure {
margin-bottom: 0px !important;
position: relative;
}
@media screen and (max-width: 1024px){
section.unitProcessSec.showHomeProcess .carousel-inner .thumb{
margin-bottom:20px;
}
}
@media screen and (max-width: 991px){
#christmasOfferModal .modal-dialog, #contactUsModal .modal-dialog {
top: 5%;
width: 90%;
}
section.unitProcessSec.showHomeProcess .carousel-inner .content{
min-height:200px;
}
section.unitProcessSec.showHomeProcess ol.carousel-indicators li{
width:33.3%;
font-size: 13px;
padding-left: 10px;
}
section.unitProcessSec.showHomeProcess ol.carousel-indicators li:not(:last-child){
margin-right: -4%;
}
}
@media screen and (max-width: 768px){
section.unitProcessSec.showHomeProcess.renoBfraftr .carousel-inner .content{
min-height:110px;
}
}
/* area guide listing */
section.main_banner {
height: calc(90vh - 110px);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
position: relative;
}
section.main_banner .main_banner_content {
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
z-index: 1;
width: auto;
max-width: 55%;
padding: 15px 20px 10px;
background: #00000052;
}
section.main_banner .main_banner_content h1{
line-height: 35px;
font-weight: 400;
font-size: 32px;
margin-bottom: 2px;
}
section.main_banner .main_banner_content p{
font-size: 19px;
font-weight: 400;
margin-bottom: 10px;
}
/* section.main_banner:after {
content: '';
position: absolute;
top: 0;
left: 0;
background: #00000026;
width: 100%;
height: 100%;
z-index: 0;
} */
.guide_card {
position: relative;
overflow: hidden;
margin-bottom: 20px;
border-bottom: 6px solid #cd5f91;
display:block;
}
.guide_card img {
width: 100%;
height: 180px;
object-fit: cover;
transform: scale(1);
transition: all 1s ease;
}
.guide_card .content {
position: absolute;
bottom: 0;
padding: 0 10px 10px;
width: 100%;
color: #fff;
z-index: 3;
}
section.area_guide_listing{
padding:40px 0 20px;
}
.guide_card .content p.guide_date {
margin: 0;
font-weight: 400;
}
.guide_card .content h3 {
margin-bottom: 3px;
line-height: 20px;
}
.guide_card:before {
content: '';
position: absolute;
width: 100%;
height: 100%;
background: #0000001c;
left: 0;
top: 0;
z-index: 1;
}
.guide_card:hover img {
transform: scale(1.1);
transition: all 1s ease;
}
.font-14{
font-size:14px !important;
}
.more_about{
padding: 30px 0 30px;
}
.more_about .content .h4{
font-size: 20px;
line-height: 27px;
font-weight: 400;
}
.more_about h2{
/* text-transform: uppercase; */
margin-bottom: 10px;
}
.more_about h3 {
font-size: 22px;
font-weight: 300;
margin-bottom: 20px;
}
@media screen and (max-width: 768px){
section.main_banner .main_banner_content {
width: auto;
max-width: 100%;
padding: 15px 15px 10px;
}
section.main_banner .main_banner_content h1 {
line-height: 35px;
font-size: 26px;
margin-bottom: 10px;
}
section.main_banner .main_banner_content p {
font-size: 16px;
line-height: 22px;
}
section.main_banner {
height: 50vh;
}
.more_about .content .h4 {
/* color: #a5a5a5; */
margin-bottom: 10px;
line-height: 25px;
}
}
/* refurbishment page */
section.refurbisTable {
padding: 40px 0 30px;
}
section.refurbisTable table.table thead {
background: #EFEEEC;
}
section.refurbisTable table.table tbody tr:nth-child(odd) {
background: #F9F9F9;
}
section.refurbisTable table.table, section.refurbisTable table.table td {
border: 0;
}
section.refurbisTable table.table tbody tr td:not(:first-child), section.refurbisTable table.table thead tr th:not(:first-child) {
text-align: center;
}
section.refurbisTable table.table td {
font-size: 17px;
color: #3c3c3c;
font-weight: 400;
}
.expertiseSec .key-card{
background: #ffffff;
padding: 10px 10px 15px;
}
.expertiseSec .key-card a.btn{
margin-top:15px;
}
.expertiseSec .key-card p{
min-height:131px;
-webkit-line-clamp: 5;
transition:1s all ease;
}
/* .expertiseSec .key-card:hover p{
-webkit-line-clamp: unset;
} */
.product-section.zigzag-layout.zigzag_sec .content-text {
max-width: 510px;
margin-left: 7%;
}
@media screen and (max-width: 768px){
section.refurbisTable table.table th, section.refurbisTable table.table td {
font-size: 11px;
}
section.refurbisTable table.table td img {
width: 13px;
}
.zigzag_sec{
padding:15px 0
}
.zigzag_sec.product-section.zigzag-layout .content-text {
padding: 20px;
text-align:center;
margin:auto;
}
}
section.icon_services_sec {
padding: 30px 0 10px;
}
section.icon_services_sec .sectionHead{
margin-bottom:40px;
}
.iconCard {
text-align: center;
margin-bottom: 40px;
display: flex;
justify-content: center;
align-items: center;
}
.iconCard .thumb {
width: fit-content;
margin: 0 auto 0px;
background: #cd5f91;
padding: 9px;
border-radius: 100%;
transform: rotate(0deg);
transition: all 1s ease;
}
.iconCard:hover .thumb {
transform: rotate(360deg);
}
.iconCard .content h3 {
font-size: 19px;
margin: 0;
line-height: 23px;
}
.iconCard .thumb img {
filter: invert(1) brightness(10.5);
width: 50px;
}
.iconCard .content {
width: 100%;
margin: 0 auto;
background: #f7f7f6;
padding: 20px 10px 20px 20px;
border-radius: 5px;
text-align: left;
min-height: 86px;
display: flex;
align-items: center;
}
section.product-section.zigzag-layout img {
height: 100%;
object-fit: cover;
}
@media screen and (max-width: 768px){
section.home-gallery-sec.sectionPadding {
padding: 10px 0 30px !important;
}
ul.column-five li.process-content h3 {
line-height: 27px;
margin-top: 15px;
}
.expertiseSec .key-card p{
min-height:auto;
}
}
.map-sec {
width:100%;
height: 100%;
min-height: 400px;
display: flex;
justify-content: center;
align-items: center;
background: #eee;
background-blend-mode: luminosity;
}
.map-sec ul {
width: 90%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
display: flex;
justify-content: space-around;
flex-wrap:wrap;
}
.map-sec ul li {
max-width: 48%;
}
.map-sec ul li .map_icon img {
width: 30px;
}
.map-sec ul li a {
padding: 20px 10px;
display: inline-block;
margin: 10px;
backdrop-filter: blur(2px);
background-color: #f3f3f370;
border-radius: 8px;
}
.map-sec ul li p {
font-size: 14px;
margin: 0;
font-weight: 300;
line-height: 19px;
}
.map-sec ul li h3 {
margin-bottom: 2px;
font-size: 18px;
}
.map-sec ul li .map_icon {
margin-bottom: 10px;
transition: transform 0.3s ease-in-out;
}
.map-sec ul li a:hover {
background-color: #f3f3f3ab;
}
.map-sec ul li a:hover .map_icon {
animation: mapIconMoving 2s infinite;
}
@keyframes mapIconMoving {
0% { transform: translateY(0); }
50% { transform: translateY(-10px); }
100% { transform: translateY(0); }
}
@media screen and (max-width: 700px){
.map-sec ul li {
max-width: 100%;
}
section#aboutSection h2{
margin-top:20px;
}
}
@media screen and (max-width: 1024px){
section#aboutSection h2{
margin-top:20px;
}
}
.gm-style .gm-style-iw-c {
padding: 15px 15px 0!important;
background: #fff0 !important;
box-shadow: none !important;
}
.gm-style .gm-style-iw-c .gm-style-iw-d {
padding: 15px 0px 4px 15px !important;
background-color: #ffffff !important;
-webkit-box-shadow: 0 2px 7px 1px rgba(0, 0, 0, .3);
box-shadow: 0 2px 7px 1px rgba(0, 0, 0, .3);
border-radius: 10px !important;
}
.gm-style .gm-style-iw-c .gm-style-iw-chr {
position: absolute;
right: 3px;
top: 4px;
font-size: 10px;
width: 26px;
height: 27px;
background: #cd5f91;
border-radius: 100%;
text-align: center;
padding: 3px;
}
.gm-style .gm-style-iw-c .gm-style-iw-chr button {
font-size: 14px;
width: 100% !important;
height: 100% !important;
opacity: 1 !important;
text-align: center;
}
.gm-style .gm-style-iw-c .gm-style-iw-chr button span {
margin: 0px !important;
width: 20px !important;
height: 20px !important;
filter: invert(3) brightness(20.5);
opacity: 1;
}
.gm-style .gm-style-iw-c div#content h1 {
font-size: 23px;
line-height: 27px;
margin-bottom: 4px;
color: #cd5f91;
}
.gm-style .gm-style-iw-c div#content div#bodyContent address {
margin-bottom: 0;
line-height: 22px;
}
.modal-dialog.video-dialog.cutom_frame .modal-content p {
margin: 0;
}