/** Theme Name: inlifeinteriors Version: 1.0.0 Text Domain: inlifeinteriors Template: astra */ @import url('https://fonts.googleapis.com/css2?family=Jost:wght@300;500;600;800&family=Playfair+Display:wght@300;500;600;800&family=Roboto:wght@300;500;800&display=swap'); * { margin: 0px; padding: 0px; outline: none; } img { height:auto; max-width:100%; } a { text-decoration: none; transition: all 0.3s ease; } a:hover { transition: all 0.3s ease; } #colophon { display:none; } :root { --primary-color: #000000; --secondary-color: #008080; --third-color: #fafcfb; --white-color: #fff; --black-color: #000; --font-Roboto-family: 'Roboto', sans-serif; --font-Playfair-family: 'Playfair Display', serif; --font-Jost-family: 'Jost', sans-serif; --font-weight-light: 300; --font-weight-regular: 400; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; --font-weight-extrabold: 800; --font-weight-black: 900; } body { font-size:18px; line-height: 30px; color: var(--primary-color); font-family: var(--font-Jost-family); font-weight: var(--font-weight-light); background: #fff; letter-spacing: 1px; } #page h1 { color: var(--primary-color); font-family: var(--font-Playfair-family); font-size: 100px; line-height: 72px; font-weight: var(--font-weight-bold); letter-spacing: 0px; } #page h2 { color: var(--primary-color); font-family: var(--font-Playfair-family); font-size: 72px; line-height: 52px; font-weight: var(--font-weight-regular); letter-spacing: 2px; } #page h3 { color: var(--primary-color); font-family: var(--font-Playfair-family); font-size: 48px; line-height: 60px; font-weight: var(--font-weight-regular); letter-spacing: 0px; } #page h4 { color: var(--primary-color); font-family: var(--font-Playfair-family); font-size: 30px; line-height: 42px; font-weight: var(--font-weight-regular); letter-spacing: 1px; } #page p, #page .elementor-widget-container, #page .elementor-widget-text-editor, #page .elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, #page .elementor-widget-icon-list .elementor-icon-list-item > a { font-size:20px; line-height: 32px; color: var(--primary-color); font-family: var(--font-Jost-family); font-weight: var(--font-weight-light); letter-spacing: 1px; height: auto;} #page ul li, #page ol li { font-size:16px; line-height: 26px; color: var(--text-color); font-family: var(--font-montserrat-family); font-weight: var(--font-weight-medium); letter-spacing: 0px; } #page .white-title h1, #page .white-title h2, #page .white-title h3, #page .white-title h4, #page .white-title h5, #page .white-title h6, #page .white-title p, #page .white-title .elementor-widget-container { color: var(--white-color); } #page .elementor-button { font-family: var(--font-montserrat-family); font-size: 15px; font-weight: var(--font-weight-semibold); text-transform: uppercase; line-height: 23px; letter-spacing: 0.06em; fill: var(--white-color); color: var(--white-color); background-color: var(--primary-color); border: none; border-radius: 3px; padding: 16px 30px; outline: none; display: inline-flex; align-items: center; justify-content: center; } #page .elementor-button:hover { color: var(--white-color); background-color: var(--secondary-color); } #page .btn-red .elementor-button { background-color: var(--secondary-color); border: 2px solid var(--secondary-color); height: 48px; } #page .btn-red .elementor-button:hover { background-color: var(--white-color); border: 2px solid var(--secondary-color); color: var(--secondary-color); } #page .btn-white .elementor-button { background-color: var(--white-color); color: var(--title-color); } #page .btn-white .elementor-button:hover { background-color: var(--primary-color); color: var(--white-color); } #page .btn-red-border .elementor-button { background-color: var(--white-color); border: 2px solid var(--secondary-color); color: var(--secondary-color); height: 48px; } #page .btn-red-border .elementor-button:hover { background-color: var(--secondary-color); border: 2px solid var(--secondary-color); color: var(--white-color); } #page .btn_only_link .elementor-button, #page .elementor-flip-box__button.elementor-button { padding: 0; background-color: transparent; color: var(--primary-color); line-height: 23px; height: 0px; } #page .btn_only_link .elementor-button:hover { color: var(--secondary-color); } #page .btn-icon .elementor-button { padding: 16px 10px 16px 10px; background-color: #0000004D; text-transform: none; font-size:16px; line-height: 26px; font-weight: var(--font-weight-medium); width: 260px; display: flex ; justify-content: flex-start; } #page .btn-icon .elementor-button:hover { background-color: var(--primary-color); } #page .btn-icon .elementor-button-content-wrapper::after { position: relative; width: 100%; height: 100%; } #page .btn-icon .elementor-button-content-wrapper::after { content: ""; background-image: url("/wp-content/uploads/2025/07/button-arrow.svg"); position: absolute; width: 17px; height: 13px; background-repeat: no-repeat; background-size: contain; background-position: center; right: 15px; } #page .btn-icon .elementor-button .elementor-button-icon svg, #page .btn-icon .elementor-button .elementor-button-icon svg { width: 25px ; height: 25px; } #page .btn-icon .elementor-button .elementor-button-content-wrapper { align-items: center; } #page .green-col h1, #page .green-col h2, #page .green-col h3, #page .green-col h4, #page .green-col h5, #page .green-col h6, #page .green-col p, #page .green-col .elementor-widget-container {color: var(--secondary-color); } #page .iteration-sec .elementor-counter-number-wrapper { font-size: 72px; letter-spacing: 2px; color: var(--primary-color); font-weight: var(--font-weight-black); font-family: var(--font-Jost-family);} #page .iteration-sec .elementor-counter-title { font-size: 30px; line-height: 40px; letter-spacing: 1px; font-weight: 400; font-family: var(--font-Playfair-family); text-align: center; color:var( --secondary-color) } #page #banner .swiper-slide { padding:0;} /***Header***/ #page .banner .swiper-slide { padding:0;} #page .header { position:absolute; width:100%; } #page .header .box-btn a span.elementor-button-text:after { display:none;} #page .header ul li a { color: var(--white-color); font-family: var(--font-Jost-family); text-transform:uppercase;} #page .header ul li a:hover { color:var(--black-color);} #page .header .box-btn svg {width:2em } #page .header .box-btn span.elementor-button-content-wrapper { align-items: center;} #page .header .box-btn {background:#363636;} #page .header .box-btn:hover { background:var(--white-color);} #page .header .box-btn:hover a { color:var(--secondary-color);} #page .header .box-btn a {color: var(--white-color);} /***Banner***/ #page .banner span.elementor-slide-heading { font-size:30px; font-family: var(--font-Roboto-family); font-weight:var(--font-weight-regular); } #page .banner h2 { color: var(--white-color);} #page .banner h3 { color: var(--white-color); font-size:100px; text-transform:uppercase; line-height:100px; margin-bottom:35px;} #page .banner a { color: var(--white-color);} #page .banner .swiper-slide .elementor-button.elementor-slide-button::after { position: relative; width: 100%; height: 100%; } #page .banner .swiper-slide .elementor-button.elementor-slide-button::after { content: ""; background-image: url("/wp-content/uploads/2025/07/button-arrow.svg"); position: absolute; width: 17px; height: 13px; background-repeat: no-repeat; background-size: contain; background-position: center; right: 15px; } #page .banner .swiper-pagination { display: flex; position: absolute; height: max-content; width:auto; top: 48%; left: 50px; z-index:1; flex-direction: column; gap: 0px; font-size: 14px; font-weight: var(--font-weight-regular);} #page .banner .swiper-pagination span:nth-child(1):before { content: "1";color: var(--black-color); } #page .banner .swiper-pagination span.swiper-pagination-bullet-active:nth-child(1):before { content: "1";color: var(--white-color); } #page .banner .swiper-pagination span:nth-child(2):before { content: "2"; color:#000; } #page .banner .swiper-pagination span.swiper-pagination-bullet-active:nth-child(2):before { content: "2";color: var(--white-color); } #page .banner .swiper-pagination span:nth-child(3):before { content: "3"; color:#000; } #page .banner .swiper-pagination span.swiper-pagination-bullet-active:nth-child(3):before { content: "3";color: var(--white-color); } #page .banner .swiper-pagination span:nth-child(4):before { content: "4"; color:#000; } #page .banner .swiper-pagination span.swiper-pagination-bullet-active:nth-child(4):before { content: "4";color: var(--white-color); } #page .banner .swiper-pagination span:nth-child(5):before { content: "5"; color:#000; } #page .banner .swiper-pagination span.swiper-pagination-bullet-active:nth-child(45):before { content: "5";color: var(--white-color); } #page .banner .swiper-pagination span { width:0; opacity:1; height: 33px;} #page .banner .swiper-pagination:before { content:''; background:var(--black-color); width:1px; height:100px; top:-101px; position:absolute; left: 77%;} #page .banner .swiper-pagination:after { content:''; background:var(--white-color); width:1px; height:100px; bottom:-100px; position:absolute; left: 77%;} /***Footer ***/ #page .form-cont input {font-family: var(--font-Jost-family); font-size:18px; font-weight: var(--font-weight-regular); letter-spacing:5px; text-transform:uppercase;} #page .form-cont input:focus { outline:0; box-shadow:none;} #page .form-cont .elementor-field-type-text input { background:url(https://doctest.a2hosted.com/inlife/wp-content/uploads/2025/09/inlifeinteriors_v2_03.webp) no-repeat left center; padding:14px; padding-left:50px; } #page .form-cont .elementor-field-type-email input { background:url(https://doctest.a2hosted.com/inlife/wp-content/uploads/2025/09/inlifeinteriors_v2_06.webp) no-repeat left center; padding:14px; padding-left:50px; } #page .form-cont .elementor-field-type-tel input { background:url(https://doctest.a2hosted.com/inlife/wp-content/uploads/2025/09/inlifeinteriors_v2_08.webp) no-repeat left center; padding:14px; padding-left:50px; } #page .form-cont .elementor-field-type-date input { background:url(https://doctest.a2hosted.com/inlife/wp-content/uploads/2025/09/inlifeinteriors_v2_13.webp) no-repeat left 13px; padding:14px; padding-left:50px; padding-bottom:30px; } #page .form-cont .elementor-field-type-date:before { content: ''; background: url(https://doctest.a2hosted.com/inlife/wp-content/uploads/2025/09/inlifeinteriors_v2_16.webp) no-repeat left center; padding: 25px; padding-right: 30px; position: absolute; right: 0; background-size: 50px; top: 6px;} #page .elementor-icon-list-icon svg { fill: var(--secondary-color); } #page .small-text.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text { font-size: 16px; letter-spacing: 0px; line-height: 32px; } .quick-link .elementor-icon-list-icon { background-image: url("https://doctest.a2hosted.com/inlife/wp-content/uploads/2025/09/footer-arrow-icon.webp"); background-position: center; background-repeat: no-repeat; background-size: contain; position: absolute; width: 11px; height: 7px; top: 10px; left: 0px; } #page .quick-link .elementor-icon-list-icon svg { fill: transparent !important; color: transparent; } #page .quick-link .elementor-icon-list-text { padding-inline-start: 40px; } #page .elementor-testimonial__image img { object-fit: contain; } #page .elementor-testimonial__text { padding-top: 100px; } #page .testimonial-slide .swiper:before { content: ""; background: url("https://doctest.a2hosted.com/inlife/wp-content/uploads/2025/09/quote-img.webp"); width: 82px; height: 61px; position: absolute; top: 0px; left: 50%; margin: 0 auto; background-repeat: no-repeat; background-size: contain; z-index: 99; transform: translatex(-50%); } #page .elementor-testimonial__text { font-size: 24px; letter-spacing: 1px; line-height: 38px; color: var(--primary-color); font-weight: var(--font-weight-regular); font-style: italic; font-family: var(--font-Jost-family); } #page .elementor-testimonial__name { font-size: 30px; letter-spacing: 1px; text-transform: uppercase; font-weight: var(--font-weight-bold); font-family: var(--font-Jost-family); font-style: normal; padding-top: 48px; padding-bottom: 15px; } #page .elementor-testimonial__title { font-size: 18px; letter-spacing: 0px; font-weight: var(--font-weight-light); font-family: var(--font-Jost-family); font-style: normal; } #page .testimonial-slide .elementor-swiper-button-prev { content:" "; background: url("https://doctest.a2hosted.com/inlife/wp-content/uploads/2025/09/testimonial-left-arrow.webp"); background-repeat: no-repeat; background-position: center; background-size: contain; width: 56px; height: 56px; position: absolute; } #page .testimonial-slide .elementor-swiper-button-next { content:" "; background: url("https://doctest.a2hosted.com/inlife/wp-content/uploads/2025/09/testimonial-right-arrow.webp"); background-repeat: no-repeat; background-position: center; background-size: contain; width: 56px; height: 56px; position: absolute; } #page .why-sec h4 { color: var(--secondary-color); } #page .inlife-sec h6 { font-family: var(--font-Jost-family); } #page .inlife-sec .elementor-image-box-wrapper { min-height:80px;} #page .inlife-sec h6 { min-height:130px;} /***Our Work***/ #page .our-work .as-wposslides .as-wposslide .as-layer { opacity:0!important; -webkit-transform: none; transform: none; } #page .oru-work .as-wposslides .as-wposslide.as-opened .as-layer {-webkit-transform: none!important; transform: none!important; opacity:1!important;visibility: visible!important;} body #page #wpaas-accordion-1 .as-opened .as-layer { opacity:1!important; visibility:visible!important;} #page .our-work .as-wposslides .as-wposslide .as-layer { visibility:hidden; opacity:0!important; -webkit-transform: none; transform: none; } body #page .as-layer { opacity:1!important;} #page .our-work .as-wposslides .as-wposslide img { filter: grayscale(100%); } body #page #wpaas-accordion-1 .as-opened img { filter: grayscale(0%); } body #page #wpaas-accordion-1 .as-layer { background:transparent; font-size:48px; padding-bottom:20px; padding-left:30px; font-family: var(--font-Playfair-family); line-height: 60px; font-weight: var(--font-weight-regular)!important;} body #page .as-wposslide:before { content: ''; background: url(https://doctest.a2hosted.com/inlife/wp-content/uploads/2025/09/inlifeinteriors_v2_07.webp) no-repeat center top; padding: 20px; background-size: 40px; position: absolute; top: 20px; display: flex; z-index: 99; justify-content: center; width: 100%;} body #page .as-wposslide.as-opened:before { display: none;} /***Styles***/ #page .testimonial-slide .elementor-testimonial__content { padding: 40px 100px;} /******************* Responsive ***************************/ @media screen and (max-width: 1750px) { #page .header ul li a { margin:0 10px; font-size: 15px; padding: 12px;} } @media screen and (max-width: 1550px) { #page .header ul li a { font-size: 15px; padding: 12px; margin: 0 0px;} #page .box-btn .elementor-button { font-size: 15px;letter-spacing: 4px;} #page h5 { font-size: 20px; line-height: 28px;} #page .test-sec h5 { font-size: 24px; line-height: 33px; } #page h6 { font-size: 19px; line-height: 26px; } #page .iteration-sec .elementor-counter-title { font-size: 24px; line-height: 36px;} #page .iteration-sec .elementor-counter-number-wrapper { font-size: 60px; line-height:77px;} #page h3 { font-size: 40px; line-height: 55px;} #page h4 { font-size: 26px; line-height: 38px; } body #page #wpaas-accordion-1 .as-layer { background: transparent; font-size: 40px; line-height:50px;} } @media screen and (max-width: 1366px) { #page .box-btn .elementor-button { font-size: 14px; letter-spacing: 2px; } #page .header ul li a { font-size: 14px; padding: 10px; ;} } @media screen and (max-width: 1200px) { #page .banner h3 { color: var(--white-color); font-size: 80px; text-transform: uppercase; line-height: 80px; margin-bottom: 25px;} #page .banner span.elementor-slide-heading { font-size: 25px;} #page .banner .swiper-pagination { left:35px;} #page h2 { font-size: 44px; line-height: 55px;} #page h4 { font-size: 20px; line-height: 30px; } #page .form-cont input { font-size:16px; padding-left:40px;} #page .testimonial-slide .elementor-testimonial__content { padding: 20px 40px;} #page .elementor-testimonial__text { font-size: 21px; letter-spacing: 1px; line-height: 34px;} #page .elementor-testimonial__name { font-size: 25px; letter-spacing: 1px; padding-top: 22px; padding-bottom: 10px;} #page .elementor-testimonial__text { padding-top: 53px;} body #page #wpaas-accordion-1 .as-layer { background: transparent; font-size: 30px; line-height: 42px;} body #page .as-wposslide:before { content:''; padding: 14px; background-size: 30px;} #page .iteration-sec .elementor-counter-title { font-size: 20px; line-height: 30px;} #page .iteration-sec .elementor-counter-number-wrapper { font-size: 50px; line-height: 55px; } #page p, #page .elementor-widget-container, #page .elementor-widget-text-editor, #page .elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, #page .elementor-widget-icon-list .elementor-icon-list-item > a { font-size: 20px;line-height: 30px;} } @media screen and (max-width: 1024px) { #page p, #page .elementor-widget-container, #page .elementor-widget-text-editor, #page .elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, #page .elementor-widget-icon-list .elementor-icon-list-item > a { font-size: 18px; line-height: 28px;} #page .banner .swiper-pagination { left:25px;} #page .banner h3 { color: var(--white-color); font-size: 66px; text-transform: uppercase; line-height: 77px; margin-bottom: 25px;} #page .banner span.elementor-slide-heading { font-size: 22px;} } @media (min-width: 1400px) and (max-width: 1499px) { } @media (min-width: 1300px) and (max-width: 1399px) { } @media (min-width: 1200px) and (max-width: 1299px) { } @media (min-width: 1025px) and (max-width: 1200px) { #page h1 { font-size: 50px; line-height: 62px; } #page h2 { font-size: 40px; line-height: 50px; } #page h3 { font-size: 32px; line-height: 42px; } #page h4 { font-size: 20px; line-height: 30px; } #page .small-text p, #page .small-text .elementor-widget-container, #page .small-text .elementor-widget-text-editor { font-size: 13px; line-height: 23px; } #page p, #page .elementor-widget-container, #page .elementor-widget-text-editor{ font-size:16px; line-height: 26px; } #page ul li, #page ol li { font-size:16px; line-height: 26px; } #page .elementor-button { padding: 16px 30px; } } @media (min-width: 881px) and (max-width: 1024px) { #page h1 { font-size: 45px; line-height: 57px; } #page h2 { font-size: 40px; line-height: 50px; } #page h3 { font-size: 32px; line-height: 42px; } #page h4 { font-size: 20px; line-height: 30px; } #page .small-text p, #page .small-text .elementor-widget-container, #page .small-text .elementor-widget-text-editor { font-size: 13px; line-height: 23px; } #page p, #page .elementor-widget-container, #page .elementor-widget-text-editor{ font-size:16px; line-height: 26px; } #page ul li, #page ol li { font-size:16px; line-height: 26px; } #page .elementor-button { padding: 14px 20px; } } @media (min-width: 768px) and (max-width: 880px) { #page h1 { font-size: 40px; line-height: 50px; } #page h2 { font-size: 35px; line-height: 45px; } #page h3 { font-size: 30px; line-height: 40px; } #page h4 { font-size: 19px; line-height: 29px; } #page .small-text p, #page .small-text .elementor-widget-container, #page .small-text .elementor-widget-text-editor { font-size: 13px; line-height: 23px; } #page p, #page .elementor-widget-container, #page .elementor-widget-text-editor{ font-size:16px; line-height: 26px; } #page ul li, #page ol li { font-size:16px; line-height: 26px; } #page .elementor-button { padding: 14px 20px; } } @media (max-width: 767px) { #page h1 { font-size: 35px; line-height: 45px; } #page h2 { font-size: 30px; line-height: 40px; } #page h3 { font-size: 25px; line-height: 35px; } #page h4 { font-size: 18px; line-height: 28px; } #page .small-text p, #page .small-text .elementor-widget-container, #page .small-text .elementor-widget-text-editor { font-size: 13px; line-height: 23px; } #page p, #page .elementor-widget-container, #page .elementor-widget-text-editor{ font-size:15px; line-height: 25px; } #page ul li, #page ol li { font-size:15px; line-height: 25px; } #page .elementor-button { padding: 12px 20px; } #page .elementor-testimonial__text { font-size: 17px; letter-spacing: 0; line-height: 27px; } #page p, #page .elementor-widget-container, #page .elementor-widget-text-editor, #page .elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, #page .elementor-widget-icon-list .elementor-icon-list-item > a { font-size: 16px;line-height: 25px;} #page .banner .swiper-pagination { left:15px;} #page .banner h3 { color: var(--white-color); font-size: 55px; text-transform: uppercase; line-height: 66px; margin-bottom: 20px;} #page .banner span.elementor-slide-heading { font-size: 18px;} #page .test-sec h5 {font-size: 18px; line-height: 29px; letter-spacing: 0; } #page .elementor-testimonial__name { font-size: 18px; letter-spacing: 0; padding-top: 16px; } #page .elementor-testimonial__title {font-size: 16px;} #page .bottom-shadow:after { content: ""; height: 50px; bottom: -30px; background-size: cover; height: 30px; } #page .testimonial-slide .elementor-testimonial__content { padding: 20px;} #page .testimonial-slide .elementor-swiper-button-next { content: " "; width: 45px; height: 45px;} #page .testimonial-slide .elementor-swiper-button-prev { content: " "; width: 45px; height: 45px;} #page .elementor-testimonial__text { font-size:16px; line-height:28px;} } @media (max-width: 480px) { #page h1 { font-size: 30px; line-height: 40px; } #page h2 { font-size: 25px; line-height: 35px; } #page h3 { font-size: 20px; line-height: 30px; } #page h4 { font-size: 16px; line-height: 26px; } #page .test-sec .e-n-carousel.swiper { width:100%!important;} #page .small-text p, #page .small-text .elementor-widget-container, #page .small-text .elementor-widget-text-editor { font-size: 12px; line-height: 22px; } #page p, #page .elementor-widget-container, #page .elementor-widget-text-editor{ font-size:14px; line-height: 25px; } #page ul li, #page ol li { font-size:14px; line-height: 25px; } #page .elementor-button { padding: 10px 20px; } #page .btn-icon .elementor-button-content-wrapper::after { width: 16px; height: 12px; } #page .btn-icon .elementor-button { padding: 12px 10px 12px 10px; } #page .btn-icon .elementor-button .elementor-button-icon svg, #page .btn-icon .elementor-button .elementor-button-icon svg { width: 20px; height: 20px; } #page .elementor-button, #page .btn-icon .elementor-button { font-size: 14px; } .phone-ring-container { position: fixed; right: 20px; top: 25%!important;} .testimonial-slide .swiper-slide { padding: 0!important; } }