@charset "utf-8";

/* CSS Document */

:root{

	--title-font: "Josefin Sans", sans-serif;

	--paragraph-font: "Lato", sans-serif;

}



body { margin:0; padding:0; overflow-x: hidden;}

h1, h2, h3, h4, h5{font-family: "Josefin Sans", sans-serif; color: #414043; margin: 0; padding: 0;}

ul, li, p, a, del, button, label, input, textarea, select, td{font-family: "Lato", sans-serif;

	font-weight: 300; color: #2F2E2C;}

.btn:focus, .btn-close:focus, .form-control:focus{box-shadow: none;}



.row-reverse{flex-direction: row-reverse;}

/* .container-fluid {width: 90%;} */

.container, .container-fluid, .container-xxl {width: 100%;}



  /*.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {*/

  /*    max-width: 1320px !important;*/

  /*}*/





section{padding-left: 90px;padding-right: 90px;}





.home_banner_inner img{

    width: 100%;

    /*height: 100vh;*/

}

.innerpg_banner_section img{

    width: 100%;

    height: 100vh;object-fit:cover;

}







/* NAVIGATION START */

.header_section{position: absolute;z-index: 1;width: 100%;background: rgba(0,0,0,0.5); }

.header_section .navbar-light .navbar-nav .nav-link {color: rgb(255, 255, 255);font-size: 17px;text-transform: uppercase;font-weight: 400; position: relative; display: inline-block;font-family: "Josefin Sans", sans-serif; }

/*.header_section .navbar-light .navbar-nav .nav-link.active{border-bottom: 1px solid #fff;}*/

#navbar {position: fixed;top: 0;left: 0;width: 100%;transition: background-color 0.3s ease;background-color: transparent;z-index: 1000;}

#navbar.scrolled {background-color: #ffffff; /* Change to your desired color *//* color: white; *//* box-shadow: 0px 4px 7px #777; */}



.menu_bar{font-family: var(--paragraph-font);text-transform: uppercase;}

.menu_bar img{margin-right: 10px;}

.sidenav {

  height: 100%;

  width: 0;

  position: fixed;

  z-index: 9999;

  top: 0;

  right: 0;

  background-color: #111;

  overflow-x: hidden;

  transition: 0.5s;

  padding-top: 60px;

}



.sidenav a {

  padding: 8px 8px 8px 32px;

  text-decoration: none;

  font-size: 20px;

  color: #818181;

  display: block;font-family: var(--paragraph-font);

  transition: 0.3s;

  position: relative;

  

}



/*.sidenav a:hover {*/

/*  color: #f1f1f1;*/

/*}*/



/*.sidenav a:after {    */

/*  background: none repeat scroll 0 0 transparent;*/

/*  bottom: 0;*/

/*  content: "";*/

/*  display: block;*/

/*  height: 2px;*/

/*  left: 0%;*/

/*  position: absolute;*/

/*  background: #818181;*/

/*  transition: width 0.3s ease 0s, left 0.3s ease 0s;*/

/*  width: 0;*/

/*}*/

/*.sidenav a:hover:after { */

/*  width: 100%; */

/*  left: 0; */

/*}*/



.sidenav .closebtn {

  position: absolute;

  top: 0;

  right: 25px;

  font-size: 36px;

  margin-left: 50px;

}





.why-choose-content{

    margin: 10px 0px;

}

.why-choose-content h6{font-size:18px;font-family: "Josefin Sans", sans-serif;}

.why-choose-content p{font-family: var(--paragraph-font);

    font-size: 18px;

    font-weight: 300;

    line-height: 28px;

    text-align: left;

    color: #0d0c0c;}



@media screen and (max-height: 450px) {

  .sidenav {padding-top: 15px;}

  .sidenav a {font-size: 18px;}

}

/* NAVIGATION CLOSE */



.navbar-toggler{

    border: none;

}



.navbar-toggler:focus{

    box-shadow: none;

}



/* BANNER SECTION START */

.home_banner_section .slick-dots{bottom: 20px;}

.home_banner_section {margin-bottom: 100px;}

.slick-dots li {

  display: inline-block;

  font-size: 0;

  line-height: 0;

  list-style: none;

  padding: 10px;

  margin: 0;

  opacity: 1;

  cursor: pointer;

}

.slick-dots li {

  margin: 1px;

}

.slick-dots li button {

  font-size: 0;

  line-height: 0;

  display: block;

  width: 7px;

  height: 7px;

  padding: 5px;

  cursor: pointer;

  color: transparent;

  border: 0;

  outline: none;

  background: transparent;

}

.slick-dots li button {

  position: relative;

  z-index: 1;

  display: inline-block;

  font-size: 0;

  padding: 0;

  margin: 0;

  box-sizing: border-box;

  border: 0;

  vertical-align: bottom;

}

.slick-dots li button {

  border-radius: 50%;

  width: 20px;

  height: 20px;

  border-width: 1px;

  border-style: solid;

  border-color: transparent;

  background: transparent !important;

}

.slick-dots li.slick-active button, .tagcloud a, input[type="submit"]:hover {

  border-color: #ffffff;

}

.slick-dots li.slick-active button, .tagcloud a, input[type="submit"]:hover {

  border-color: #ffffff;

}

.slick-dots li button:before {

  content: "";

  display: block;

  width: 4px;

  height: 4px;

  position: absolute;

  left: 50%;

  top: 50%;

  margin-top: -2px;

  margin-left: -2px;

  border-radius: 50%;

}



.slick-dots li.slick-active button:before {

    opacity: 1;

    color: #ffffff;

    background-color: #ffffff;

}

.banr_img{position: relative; height: 100vh;}

/* .banr_img::before{content: "";background: linear-gradient(1deg, rgba(0, 0, 0, 0) 67.97%, #00000033 99.87%);display: block;width: 100%;height: 100%;top: 0;left: 0;position: absolute;} */



.regular .slick-prev, .regular .slick-next{width: auto;height: auto;z-index: 9;}

.regular .slick-prev:before, .regular .slick-next:before{opacity: 1;line-height: normal;}

.regular .slick-prev {left: 20px;}

.regular .slick-next {right: 20px;}

.regular .slick-prev:before {content: url(../images/left-arrow.svg);}

.regular .slick-next:before {content: url(../images/right-arrow.svg);}



/* BANNER SECTION CLOSE */



/* SOCIAL MEDIA STICKY SECTON START */

.wgl-social-share_pages.fixed {position: fixed;z-index: 90;}

.wgl-social-share_pages.hovered_style {top: 90%;left: 40px;}

.wgl-social-share_pages.hovered_style .share_social-desc {width: 40px;height: 40px;position: absolute;z-index: -1;}

.wgl-social-share_pages.hovered_style .share_social-title {transform: translateY(0%) rotate(180deg);border-radius: 0;writing-mode: vertical-rl;text-orientation: mixed;padding: 0;z-index: 12;white-space: nowrap;transition: all 0.45s ease;font-size: 13px;font-weight: 700;letter-spacing: 2px;color: #323232;line-height: 40px;position: absolute;    bottom: calc(100% + 14px);text-transform: uppercase;}

.wgl-social-share_pages.hovered_style .share_social-icon-plus {height: 40px;line-height: 40px;vertical-align: middle;transition: transform 0.2s ease-in-out;border-radius: 50%;display: inline-block;width: 40px;position: absolute;   cursor: pointer;bottom: 0;background-color: #E1D1BF;}

.wgl-social-share_pages.hovered_style .share_social-icon-plus:before, .wgl-social-share_pages.hovered_style .share_social-icon-plus:after {position: absolute;content: "";z-index: 1;top: 50%;left: 50%;background: #fff;}

.wgl-social-share_pages.hovered_style .share_social-icon-plus:before {width: 2px;height: 12px;margin-left: -1px;    margin-top: -6px;}

.wgl-social-share_pages.hovered_style .share_social-icon-plus:after {width: 12px;height: 2px;margin-top: -1px;    margin-left: -6px;}

.wgl-social-share_pages.hovered_style ul {width: 40px;margin: 0;position: absolute;bottom: 100%;left: 0;    transform: translate(0, 30px);opacity: 0;transition: 0.2s ease-in-out;visibility: hidden;padding: 0;z-index: 2;    padding-bottom: 10px;}

.wgl-social-share_pages.hovered_style ul li {padding: 0;text-align: center;list-style: none;padding: 5px 0px;}

.wgl-social-share_pages.hovered_style ul li a {color: #2F2E2C;font-size: 20px;}

.wgl-social-share_pages.hovered_style:hover .share_social-title {opacity: 0;}

.wgl-social-share_pages.hovered_style:hover .share_social-icon-plus {transform: rotate(-45deg);}

.wgl-social-share_pages.hovered_style:hover ul {opacity: 1;visibility: visible;transform: translate(0, 0);}

.wgl-social-share_pages {display: none;}

/* SOCIAL MEDIA STICKY SECTON CLOSE */



/* ABOUT US SECTION START */

.about_us_Section{margin-bottom: 100px;}

.title{font-family: var(--title-font);font-size: 40px;font-weight: 700;line-height: 50px; text-transform: uppercase;letter-spacing: 0.1em;color: #2F2E2C;text-align: left;margin-bottom: 25px;}

.title span{font-family: var(--title-font);font-weight: 700;line-height: 50px;letter-spacing: 0.1em;text-align: left; color: #76613DEB;}

.about_para p{font-family: var(--paragraph-font);font-size: 18px;font-weight: 300;line-height: 28px;text-align: left;color: #000;}

.about_para .para{margin-bottom:30px;}

.about_para{ padding-right: 20px;}

#counter {background: rgba(0, 0, 0, 0);padding: 0px;width: 800px;max-width: 100%;margin: 0 auto;display: flex; justify-content: space-between;}

#counter li {flex: 1;text-align: center;list-style: none;}

#counter li span{font-size: 50px;font-family: var(--title-font);font-size: 40px;font-weight: 700;line-height: 40px;letter-spacing: 0.1em;text-align: left;color: #2F2E2C;font-family: var(--title-font);}

#counter li p{font-family: var(--title-font);font-size: 18px;font-weight: 300;line-height: 21.6px;text-align: center; padding-top: 20px;}

#counter span.percent:after {content: "+";display: inline-block;}

/* ABOUT US SECTION CLOSE */



/* FEATURED PROJECT SECTION START */

.featured_project_section{background-image: url(../images/black-bg1.jpg);background-repeat: no-repeat;background-size: cover;/*padding: 80px 0px;*/margin-bottom: 100px;padding-top: 80px;padding-bottom: 80px;}



.projects_title p{font-family: var(--paragraph-font);font-size: 22px;font-weight: 700;line-height: 29px;text-align: right;color: #fff;padding-right: 10px;}



.regular-project .project_box{position: relative;}

.regular-project .project_box .proj_img::before {

  content: "";

  background: linear-gradient(179.86deg, rgba(0, 0, 0, 0) 67.97%, #0000004d 99.87%);

  display: block;

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  position: absolute;

}

.regular-project .proj_name{position: absolute;bottom: 25px;left: 15px;}

.regular-project .slick-slide {padding: 0px;}

.regular-project .slick-prev, .regular-project .slick-next{width: auto;height: auto;}

.regular-project .slick-prev:before, .regular-project .slick-next:before{opacity: 1;line-height: normal;}

.regular-project .slick-prev {left: -45px;}

.regular-project .slick-next {right: -45px;}

.regular-project .slick-prev:before {content: url(../images/left-arrow.svg);}

.regular-project .slick-next:before {content: url(../images/right-arrow.svg);}

.regular-project .proj_name p{font-family: var(--paragraph-font);font-size: 15.67px;font-weight: 300;line-height: 20.85px;letter-spacing: 3.5px;text-align: left;color: #FFFFFF;text-transform: uppercase;}

.regular-project .proj_name h3{font-family: var(--title-font);font-size: 40px;font-weight: 700;line-height: 50px;  letter-spacing: 0.1em;text-align: left;color: #FFFCF9;}

/* FEATURED PROJECT SECTION CLOSE */



/* SERVICES SECTION START */

.service_section{margin-bottom: 100px;}

.service_box {position: relative;}

.service_box .service_img{position: relative;}

/* .service_box .service_img::before{content: ""; background: linear-gradient(179.86deg, rgba(0, 0, 0, 0) 67.97%, #000000 99.87%);display: block;width: 100%;height: 100%;top: 0;left: 0;position: absolute;} */

.service_box .service_img img{width: 100%; /*filter: grayscale(1);*/}

.service_box:hover .service_img img{

    filter: none;

}

.service_box .service_title{position: static; bottom: 20px; left: 20px;margin: 8px 0px;}

.service_box .service_title h3{color: #2F2E2C;text-transform: capitalize;font-family: var(--title-font);font-size: 18px; text-transform:uppercase;text-align:center;font-weight: 600;letter-spacing: 0.02em;

    color: #2F2E2C; margin-top: 15px;}

.about_dreamlife_section{margin-bottom: 100px;}

.about_dreamlife_img img{width: 100%;}

.about_dreamlife h6{font-size: 18px;font-weight: 300;line-height: 28px;text-align: left;color: #5B5545;}

.about_dreamlife p{font-size: 18px;font-weight: 300;line-height: 28px;text-align: left;color: #0d0c0c;}



/* CONSULT DESIGN BUILD & TRANSFORM SECTION START */

.consult_design_section{position: relative;margin-bottom: 120px;}

.consult_design_section::before{content: url('../images/consult-design-bg.jpg');position: absolute;/*top: 12px;*/top:50px;left: 0;width: 100%;z-index: -1;/**/content: "";

    display: block;

    background-image: url(../images/consult-design-bg.jpg);

    background-size: cover; /* Ensures the image scales to 100% width and height */

    background-repeat: no-repeat; /* Prevents the image from repeating */

    background-position: center;  /* Centers the image */

    position: absolute; /* To place the pseudo-element correctly */

    top: 60px;

    left: 0;

    width: 100%;

    height: 415px;

    /*margin-top:20px;*/

    z-index: -1; /* Ensures the image is behind the content */}

.consult_design_img{position: relative;}

.consult_design_img_sm{position: absolute;bottom: -100px;left: -100px;}

.consult_design_text a{text-decoration: none;display: inline-block;text-transform: uppercase;font-family: var(--paragraph-font);font-size: 14px;border: 1px solid #2F2E2C;border-radius: 100px;padding: 10px 20px;font-weight: 400;}

.consult_design_text a:hover{background-color: #2F2E2C;border: 1px solid #2F2E2C;color: #fff;}

.consult_design_video video{border-radius: 200px;

    width: 360px;

    object-fit: cover;

    margin: 0 auto;}

/* CONSULT DESIGN BUILD & TRANSFORM SECTION CLOSE */



/* DESIGNED FOR YOU SECTION START */

.design_for_you_section{/*margin: 160px 0px 100px;*/margin-bottom: 100px;padding-left: 0;padding-right: 0;text-align: center;}

.design_for_you_para p{font-family: var(--paragraph-font);font-size: 18px;font-weight: 300;line-height: 28px;text-align: left;color: #0d0c0c;text-align: center;}

.design_for_you_video video{object-fit: cover;height: 90vh;}

.designed_for_you_video_box .col-lg-4{margin: 0;padding: 0;}

/* DESIGNED FOR YOU SECTION CLOSE */



/* CLIENT TESTIMONIALS SECTION START */

.client_testimonials_section{margin-bottom: 100px;}

.client_testimonials_section .grid {

    display: grid;

    grid-gap: 10px;

    grid-template-columns: repeat(auto-fill, minmax(330px,1fr));

    grid-auto-rows: 14px;

    display: grid;

  grid-gap: 10px;

  grid-template-columns: repeat(3, 1fr); /* Always 3 equal columns */

  grid-auto-rows: 30px;

  }

 

  .client_testimonials_section .item {

    background-color: #ffffff;padding:0px 15px;

  }

  .client_testimonials_section .content{display: flex;flex-direction: column;

  text-align: center;}

  .client_testimonials_section .item .testm_pic{width: 80px;}

    .client_testimonials_section .testm_pic img{margin: 0 auto;width: auto;}

  .client_testimonials_section .item .testm_pic img{border-radius:100px;}

  .client_testimonials_section .item .testm_desc{width: calc(100% - 80px);}

  .client_testimonials_section .item .testm_desc .checked {color: orange;}

  .client_testimonials_section .item .testm_desc span{font-size: 11px;}

  .client_testimonials_section .item .testm_desc h5{font-family: var(--title-font);font-size: 16px;font-weight: 700;line-height: 28px;text-align: left;}

  .client_testimonials_section .item .testm_desc p{font-family: var(--paragraph-font);

    font-size: 18px;

    font-weight: 300;

    line-height: 28px;

    text-align: left;

    }

  

  .client_testimonials_section .photothumb{

    width: 100%;

  }

  

  .client_testimonials_section .title {

    padding: 20px;

   }

  

  .client_testimonials_section .title h3{

    font-size: 1.2em;

    color: #ffffff;

    text-transform: uppercase;

  }

  

  .client_testimonials_section .project .title{

    background-color: #607D8B;

  }

  

  .client_testimonials_section .blog .title{

    background-color: #ff9800;

  }

  

  .client_testimonials_section .photo .title{

    background-color: #f44336;

  }

  

  .client_testimonials_section .desc{

    padding: 10px 10px 5px 10px;

  }

  

  .client_testimonials_section .desc img{

    width: 50%;

    margin: 0 10px 10px 0;

    float: left;

  }

  

  .client_testimonials_section .desc p{

    margin-bottom: 10px;

  }

  

  

   .grid {

    display: grid;

    grid-gap: 10px;

    grid-template-columns: repeat(auto-fill, minmax(330px, 1fr));

    grid-auto-rows: 14px;

  }



  .item.hidden {

    display: none;

  }



  #loadMoreBtn {

    margin-top: 20px;

    text-decoration: none;

    display: inline-block;

    text-transform: uppercase;

    font-family: var(--paragraph-font);

    font-size: 14px;

    border: 1px solid #2F2E2C;

    border-radius: 100px;

    padding: 10px 20px;

    font-weight: 400;background-color: transparent;

  }



  #loadMoreBtn:hover {

    background-color: #2F2E2C;

    border: 1px solid #2F2E2C;

    color: #fff;

  }

  

/* CLIENT TESTIMONIALS SECTION CLOSE */



/* Are you ready to makeover your space? SECTION START */

.makeover_space_section{background-image: url(../images/makeover-space-bg.jpg);background-repeat: no-repeat;/*padding: 100px 0px;*/background-size: cover;background-attachment: fixed;position: relative;height: 65vh;background-position:center;}

.makeover_text_box {position: absolute;

  left: 50%;

  top: 50%;

  -webkit-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);}

.makeover_text_box h2{text-align: center;font-family: var(--title-font);font-size: 40px;font-weight: 700; line-height: 50px;letter-spacing: 0.1em;margin-bottom: 30px;text-transform: uppercase;color: #fff;}

.makeover_text_box a {text-decoration: none;display: inline-block;text-transform: uppercase;font-family: var(--paragraph-font);font-size: 14px;border: 1px solid #ffffff;border-radius: 100px;padding: 10px 20px;font-weight: 400;color: #fff;}

.makeover_text_box a:hover{background-color: #ffffff;border: 1px solid #ffffff;color: #181818;}



/* Are you ready to makeover your space? SECTION CLOSE */



/* FOOTER SECTION START */

.footer_section{background-color: #494744;padding: 70px 0px;}

.social_media ul{margin: 0;padding: 0;}

.social_media ul li{margin: 0;padding: 0;list-style: none;display: inline-block;padding: 0px 15px;}

.social_media ul li:first-child{padding-left: 0;}

.footer_box2 ul{margin: 0;padding: 0;}

.footer_box2 ul li{margin: 0;padding: 0;display: block;line-height: 40px;color: #fff;font-family: var(--paragraph-font);font-size: 18px;font-weight: 300;line-height: 40px;text-align: left;}

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

.footer_box2 ul li a:hover{text-decoration: none;color: #fff;}

.footer_box3 ul{margin: 0;padding: 0;}

.footer_box3 ul li{margin: 0;padding: 0;list-style: none;display: flex;align-items: start;}

.footer_box3 ul li .icon{width: 40px;}

.footer_box3 ul li .icon i{font-size: 24px; color: #fff;line-height: 28px;}

.footer_box3 ul li .text{width: calc(100% - 40px);}

.footer_box3 ul li .text a{text-decoration: none;color: #fff;font-family: var(--paragraph-font);font-size: 18px;    font-weight: 300;line-height: 28px;text-align: left;}



.copyrights p{margin: 0;font-family: var(--paragraph-font);font-size: 16px;font-weight: 300;line-height: 22.69px;    text-align: center;color: #fff;padding-top: 30px;}



/* ================================================================== */

/* ABOUT US PAGE START */

/*  */



.about_banner_content{position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);text-align: center;}

.about_banner_content h1{font-family: var(--title-font);font-size: 128px;font-weight: 700;line-height: 128px;  letter-spacing: 0.10000000149011612px;text-align: center;color: #fff;text-transform: uppercase;}

.about_banner_content p{font-family: var(--paragraph-font);font-size: 20px;font-weight: 700;line-height: 30px;      letter-spacing: 10px;text-align: center;color: #fff;text-transform: uppercase;}

/*  */

.quote_section{background-color: #edece8;

    padding: 80px 0px;

    margin-bottom: 100px;text-align:center;background-image:url(../images/consult-design-bg.jpg);background-size:cover;background-attachment:fixed;background-repeat:no-repeat;}

.quote_section h3{font-family: var(--title-font);font-size: 32px;font-weight: 700;line-height: 48px;letter-spacing: 0.1em;text-align: center;margin: 0;padding: 0;padding-top: 4px;}

.quote_section h4{margin-top:20px;text-transform:capitalize;}

/*  */

.principals_section{margin-bottom: 100px;}

.principals_section video{border-radius: 200px;

    width: auto;

    margin: 0 auto;}

.principal_img img{width: 100%;margin-bottom: 20px;}

/*  */

.principals_content .nav-pills .nav-link.active, .principals_content .nav-pills .show>.nav-link {color: #0c0c0c;  background-color: #0d6efd;background: transparent;border-bottom: 1px solid #C9BC9F;border-radius: 0;font-weight:500;}

.principals_content .nav-link{color: #000;font-weight:500;font-size:18px;}

.principals_content .tab-content p{font-family: var(--paragraph-font);

    font-size: 18px;

    font-weight: 300;

    line-height: 28px;

    text-align: left;

    color: #0d0c0c;}



/*  */

.meet_our_team_section{margin-bottom: 100px;}

.meet_team_para p{font-family: var(--paragraph-font); font-size: 18px; font-weight: 300; line-height: 28px;  text-align: left; }

.team-item_wrap {transition: 0.4s;}

.team-item_content {position: relative;z-index: 1;}

.team-image {position: relative;z-index: 1;width: 100%;overflow: hidden;margin-bottom: 20px;}

.team-image:before {content: "";position: absolute;z-index: -1;width: 100%;height: 100%;left: 0;top: 0;border: 1px solid #e1e1e1;box-sizing: border-box;}

.team-image img {transition: 0.4s;width: 100%;transform: scale3d(1, 1, 1);}

.team-item.grayscale_image img {filter: grayscale(100%);}

.team-info_icons {position: absolute;z-index: 1;width: max-content;top: 30px;left: 30px;text-align: center;transition: 0.5s;opacity: 0;}

.team-icon {display: block;width: 35px;height: 37px;line-height: 37px;font-size: 13px;border-radius: unset;opacity: 0;transform: translateY(100%);color: #ffffff;}

.team-icon:hover {color:#ccc;}

.team-item:hover.grayscale_image img{filter: grayscale(0%);}

/* .team-item:hover .team-image img{transform: scale3d(0.9, 0.9, 0.9);} */

.team-item:hover .team-info_icons{opacity: 1;}

.team-item:hover .team-icon{opacity: 1;transform: translateY(0);}



.team-item_titles h4{font-size: 18px;text-transform: uppercase;color: #2F2E2C;

/*margin-bottom: 10px;*/

    

}

.team-item_titles .team-department{text-transform: uppercase;color: #0d0c0c;}



/*  */

.why_Dreamlife_Designs_section{margin-bottom: 100px;background-color:#edece8;}

.why_Dreamlife_Designs {background-color: #edece8;padding: 120px 0px;position: relative;}

.why_Dreamlife_Designs_content{width: 95%;margin: 0 auto;}

.why_Dreamlife_Designs_img_box{position: static;right: 120px;top: 20%;z-index: 99;}

.why_Dreamlife_Designs_img{width: 100%;border-radius: 200px;}





/* ABOUT US PAGE CLOSE */







/* back to  top button */

.back_to_top{background-color: black; color: white;border: 1px solid #000;z-index: 99;}

.back_to_top:hover{background-color: #fff;color: #000;border: 1px solid #000;}





.navbar-nav .nav-item{

    position: relative;

}







.navbar-nav .nav-link:after {    

  background: none repeat scroll 0 0 transparent;

  bottom: 0px;

  content: "";

  display: block;

  height: 2px;

  left: 0%;

  position: absolute;

  background-color: #fff;

  transition: width 1s ease 0s, left 2s ease 0s;

  width: 0;left: 50%;

    bottom: 3px;

    width: 0px;

    height: 2px;

    background: #ffffff;

    transition: all 1s;

}

.navbar-nav .nav-link:hover:after { 

  width: 100%; 

  left: 0; 

}



.image-comparison{

        /* max-width: 75% !important; */

    }



.about_img img, .slick-slide img, .service_box .service_img img, .principal_img img, .team-image img, .team-item.grayscale_image img, .team-image, .image-comparison__figure--overlay .image-comparison__image, .image-comparison__image {

    border-radius: 10px;

}



.project-img:hover .overlay{

    border-radius: 10px;

}



 .home_slider .slick-slide img{

     border-radius: 0px;

 }

 

 .project-slider-link, .regular-project .proj_name h3{

    text-decoration: none;

}



.value-img{

    display: flex;

    position: relative;

}



.value-img img{

        position: absolute;

    top: 0;

    left: 0;

}



.value-img p{

        position: absolute;

    top: 0;

    right: 0;

    padding: 6px 14px;

    background: #f2f2f2;

    border-radius: 50%;

}



/*.single-value .value-img{*/

/*    display: flex;*/

/*    padding: 20px;*/

/*}*/



.value-description{

    margin-top: 80px;

    text-align: left;

    

}



.value-description p{font-family: var(--paragraph-font);

    font-size: 18px;

    font-weight: 300;

    line-height: 28px;

    text-align: left;

    color: #0d0c0c;}





.core-values {

    margin-bottom: 100px;

}



#counter li .counter-subtitle{

    font-size: 20px !important;

}



.content-img{

        display: inline-block;

    background-color: #2F2E2C;

    border-radius: 50% ;

    padding: 20px;

}



.mission-vision-content{

    text-align: center;

}



.odometer.odometer-auto-theme, .odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-minimal, .odometer.odometer-theme-minimal .odometer-digit{

  vertical-align: top !important;  

}



.vision-mission-img{

    position: relative;

}



.vision-mission-img h3{

    position: absolute;

       top: 45%;

    left: 40%;

        font-size: 55px;

    font-weight: 700;

    color: #414043;



}





.vision-mission-overlay{

    position: absolute;

    top: 0%;

    left: 0%;

    width: 100%;

    height: 100%;

    display: flex;

    justify-content: center;

    align-items: center;

    padding: 40px;

    opacity: 0;

    transition: opacity 0.3s ease;

    z-index: 100;

    

}



.vision-mission-overlay p{

    font-size: 20px;

    font-weight: 500;

}



.vision-mission-img:hover .vision-mission-overlay{

           background: linear-gradient(to bottom, #ffffffb8, #b6b6b6d4);

    opacity: 1;

    transform: translateY(0);

    transition-delay: 0s;

    transition: transform .85s cubic-bezier(.23,1,.32,1);

}



.vision-mission-img:hover h3{

    display: none;

}



.custom-col {

    flex: 0 0 20%; /* This ensures that each column takes 19% of the row width */

    max-width: 22%; /* Sets the maximum width to 19% */

    border-style: solid;

    border-width: 0px 1px 0px 0px;

    border-color: #7070701A;

}



/*.core-values-row:nth-child(5){*/

/*    border-width: 0px;*/

/*    border: none;*/

/*}*/



.core-values-row > .custom-col:nth-child(5){

     border: none;

}



.mission-vision-section{

    display: none;

}



@media (min-width: 992px) {

    .navbar-expand-lg .navbar-nav .nav-link {margin-right: 0.5rem;

        margin-left: 0.5rem;}

}



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

  .navbar-brand img{width: 150px;

    margin: 10px 0px;}

    .service_box{margin-bottom: 30px;}.service_box .service_title h3{font-size: 18px;}

    .about_dreamlife_img{margin-bottom: 20px;}

    .footer_box2 {margin: 30px 0px;border-top: 1px solid #595959;border-bottom: 1px solid #595959;padding: 20px 0px;}

    .consult_design_section::before{content: none;}

    .consult_design_section{background-image: url(../images/consult-design-bg.jpg);padding: 100px 0px;}

    .image-comparison{margin-top: 0;}

    .why_Dreamlife_Designs_img_box {

      position: static;

      z-index: 99;

      text-align: center;

      /*background: #f5f0ea;*/

      padding-top: 80px;

  }

  .why_Dreamlife_Designs_img, .why_Dreamlife_Designs_content{width: 80%;}

  .consult_design_section{margin-bottom: 10px;}

  .makeover_text_box{width: 100%;}

  .footer_box img{max-width: 100%;max-height: 200px;

    margin: 0 auto;

    display: block;}

  .banr_img{height: auto !important;}

  .header_section {padding: 0;}

  .consult_design_section{text-align: center;}

  .consult_design_section .title{text-align: center !important;}

  .consult_design_video{margin-top: 20px;}

  .about_banner_content{width: 100%;}

  .innerpg_banner_section img{height: 50vh;}

  .custom-col{flex: auto;max-width: 100%  ;}

  .projects-section{margin-top: 130px !important;}

}



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

    .home_banner_section .slick-slide img {width: 100%;height: 95vh; object-fit: cover;}

    

    .home_banner_inner img{

        height: 570px;

        object-fit: cover;

    }

    .about_img img{margin-bottom: 30px;}

    .title{font-size: 30px;line-height: 40px;}

    .about_para p{font-size: 16px;}

    #counter{margin-top: 30px;display: block;}#counter li{margin-bottom: 30px;}

    #counter li, #counter li p{text-align: center;}

    .projects_title p{text-align: center;}

    .regular-project .slick-slide {padding: 0px;}

    .regular-project .proj_name{position: static;margin-top: 10px;}

    .regular-project .proj_name h3{font-size: 30px;line-height: 40px;}

    .regular-project .slick-arrow{margin: 0 auto;}

    .regular-project .slick-prev, .regular-project .slick-next{bottom: -46px;transform: none;top: initial;z-index: 9;margin: 0;width: 85%;text-align: left;}

    .regular-project .slick-next{right: 0;}

    .regular-project .slick-prev {left: 0px;}



    .consult_design_text {margin-bottom: 30px;}.consult_design_img img{width: 100%;}

    .consult_design_img_sm{ bottom: -80px;left: 0;}



    .about_banner_content h1{font-size: 72px;line-height: 80px;}

    .about_banner_content p{font-size: 16px;font-weight: 700;line-height: 24px;letter-spacing: 5px;}

    .featured_project_section{padding-bottom: 130px;}



    .banr_img{

        height: auto;

    }

    .client_testimonials_section .grid{display:block;}



    section {

      padding-left: 12px;

      padding-right: 12px;

  }

  .regular-project .project_box .proj_img::before{display: none;}

  .makeover_space_section{height: 35vh;}

  .about_banner_content{width: 100%;}

  .meet_our_team_section{margin-bottom: 10px;}

  .project-banner h1{font-size: 28px !important;

  line-height: 35px !important;

  letter-spacing: 0px !important;}

  .footer_box img{max-width: 100%;

  width: auto !important;  }
}



@media (max-width: 576px) {

    

    .custom-col {

        flex: 0 0 100%;

        max-width: 100%;

        margin-bottom: 50px !important;

        border-width: 0px 0px 1px 0px;



    }

    

    .value-description{

        margin-top: 50px;

    }

    

    .vision-mission-img h3{

    top: 43%;

    left: 30%;

    font-size: 50px;

    }

    

    .value-img img{

        height: 50px;

        width: 50px;

    }

    

    .single-value .value-img {

        padding: 10px;

}

.makeover_space_section{

    background-attachment: initial;

}



.consult_design_video video{

    width: 300px;

}

}

.navbar-brand img{width: 150px;max-width: 100%;} 


.footer_box img{
  max-width: 100%;

  width: 70%; }
  @media screen and (max-width: 991px){
    
.footer_box img{
  max-width: 100%;

  width: auto !important; }

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

.navbar-brand img{width: 130px;max-width: 100%;}

.header_section{padding:0px;}

.banr_img{height: auto;}

.footer_box img{max-width: 100%;

  width: 70%; }

  .about_banner_content{width: 100%;}

}