:root {
     --red: #a91630;
     --black1: "#0a0a0a";
     --primaryFont: 'Jost', sans-serif;
     --secondFont: 'Plus Jakarta Sans', sans-serif;
     --trinaryFont: "Roboto", sans-serif;
     --forthFont: "Bebas Neue", sans-serif;
     --fiveFont: "Roboto Slab", serif;
     --border-light: #e5e7eb;
 }


 html,
 body {
     font-family: var(--primaryFont);
 }


 .home_vedio video {
     width: 100%;
 }

 .best_interior {
     padding: 20px;
     margin-top: 20px;
 }

 .c_heading {
     color: #000;
     font-size: 60px;
     font-weight: 800;
     line-height: 1em;
     letter-spacing: -.04em;
     font-family: var(--secondFont);
     text-align: center;
     margin-top: 0;
 }

 .best_interior .c_heading {
     padding: 0% 15% 0% 15%;
     margin-top: 0;
     margin-bottom: 0;
 }

 .best_interior p {
     font-family: var(--trinaryFont);
     font-size: 17px;
     line-height: 1.4em;
     color: rgba(0, 0, 0, .8);
     text-align: center;
     margin-top: 20px;
     font-weight: 600;
 }

 .best_interior .link_arrow {
     margin-top: 0px;

 }

 .link_arrow a {
     text-decoration: none;
     color: #000;
     display: inline-flex;
     justify-content: center;
     gap: 10px;
     outline: none;
 }

 .link_arrow a span {
     position: relative;
 }

 .link_arrow a span:nth-child(1)::after {
     content: "";
     position: absolute;
     bottom: -1px;
     left: 0;
     width: 100%;
     height: 1px;
     background-color: currentColor;
     transition: background-color .25s ease-in-out, width .36s cubic-bezier(.51, .5, .07, .99);
     backface-visibility: hidden;
 }

 .link_arrow a span img {
     height: 30px;
 }

 .link_arrow a:hover span:nth-child(1)::after {
     width: 0;
 }

 .link_arrow a:hover span img {
     transform: translateX(4px);
 }

 .about-section {
     padding: 30px 0;
 }

 .flex_1 {
     display: flex;
     gap: 7%;
     align-items: flex-start;
 }

 .left {
     flex: 1;
 }

 .left img {
     width: 100%;
     border-radius: 15px;
 }

 .right {
     flex: 1;
     flex-basis: 3%;
 }

 .img-contain {
     overflow: hidden;
     border-radius: 15px;
     height: 800px;
     position: relative;
 }

 .img-contain::after {
     content: "";
     background: #000;
     left: 0;
     top: 0;
     position: absolute;
     inset: 0;
     z-index: 1;
     opacity: 0.21;


 }

 .img-contain img {
     height: 100%;
     object-fit: cover;
     object-position: left;
 }

 /* Accordion */
 .accordion-item {
     border: 1px solid rgba(0, 0, 0, .47);
     margin-bottom: 0;
 }

 .accordion-header {
     display: flex;
     justify-content: space-between;
     cursor: pointer;
     background: #fff;
     font-family: "Roboto", Sans-serif;
     font-size: 20px;
     font-weight: 600;
     color: #000;
     padding: 4% 5% 4% 5%;
 }

 .accordion-content {
     /* max-height: 0; */
     overflow: hidden;
     transition: height 0.4s ease;
     /* padding: 0 20px; */
     background: #fff;
     padding: 1% 5% 4% 5%;
     padding-bottom: 10px;
 }

 .accordion-item.active .accordion-content {
     /* max-height: 200px; */
     color: rgba(0, 0, 0, .65);

 }

 .accordion-item .accordion-content p,
 .accordion-item .accordion-content ul li,
 .accordion-item .accordion-content ol li {
     color: rgba(0, 0, 0, .65);
     font-family: var(--primaryFont);
     font-size: 17px;
     font-weight: 400;
     text-align: left;
     line-height: 29px;
     margin-top: 0;
     margin-bottom: 0;
 }

 .accordion-item .accordion-content {
     display: none;
 }

 .accordion-item.active .accordion-content {
     display: block;
 }

 .accordion .accordion-item:nth-child(2),
 .accordion .accordion-item:nth-child(3) {
     border-top: 0;
 }

 /* Icons */
 .icon svg {
     width: 20px;
     height: 20px;
 }

 .minus {
     display: none;
 }

 .accordion-item.active .plus {
     display: none;
 }

 .accordion-item.active .minus {
     display: block;
 }

 /* Stats */
 .stats {
     margin-top: 30px;
     display: flex;
     flex-wrap: wrap;
     gap: 20px;
 }

 .stat {
     width: 45%;
     text-align: center;
 }

 .stat h2 {
     font-family: "Bebas Neue", Sans-serif;
     font-size: 50px;
     color: #000;
     font-weight: 400;
     margin-top: 10px;
     margin-bottom: 10px;
     padding: 0;
     border-bottom: 1px solid rgba(0, 0, 0, .46);
 }

 .stat p {
     margin-top: 10px;
     font-size: 13px;
     letter-spacing: 1px;
     font-family: var(--primaryFont);
     font-weight: 500;
     color: #000000db;
 }

 .second_sec .c_heading {
     font-family: var(--primaryFont);
 }

 .width_second {
     max-width: 640px;
     margin: 0 auto;
 }

 .subtile {
     text-align: center;
     position: relative;
 }

 .subtile span {
     color: rgba(0, 0, 0, .45);
     font-size: 14px;
     text-transform: uppercase;
     letter-spacing: .09em;
     word-spacing: .1em;
     font-weight: 400;
     font-family: var(--fiveFont);
     background: #fff;
     z-index: 1;
     position: relative;
     padding: 0 10px;
 }

 .subtile::after {
     content: "";
     position: absolute;
     left: 0;
     width: 100%;
     top: 50%;
     transform: translateY(-50%);
     height: 0.5px;
     background: #dedede;
 }

 .text-center {
     text-align: center;
 }

 .medium_p {
     font-size: 17px;
     line-height: 1.4em;
     color: rgba(0, 0, 0, .8);
     font-weight: 600;
     font-family: var(--trinaryFont);
 }

 .btn1 {
     font-size: 18px;
     color: #000;
     background-color: transparent;
     border: 2px solid #111;
     padding: 9px 33px;
     box-shadow: none;
     text-decoration: none;
     position: relative;
     font-weight: 500;
     text-transform: none;
     border-radius: 4px;
     outline: 0;
     line-height: 2em;
     transition: color .25s ease-in-out, background-color .25s ease-in-out, border-color .25s ease-in-out;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     font-family: var(--primaryFont);
 }



 .btn1 span img {
     height: 30px;
     margin-left: 10px;
     transform: translateY(6px);
 }

 .hover_animate::after {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     transform-origin: left;
     transform: scaleX(0);
     background-color: #000;
     transition: transform .5s cubic-bezier(.54, .3, .02, 1.01);
     z-index: -1;
 }

 .hover_animate:hover::after {
     transform: scaleX(1) scaleY(1);
 }

 .hover_animate:hover span {
     color: #fff;
 }

 .hover_animate:hover img {
     filter: brightness(0) invert(1);
 }

 /*  */
 body {
     margin: 0;
     font-family: Arial, sans-serif;
 }

 .interior-section {
     padding: 40px 0;
 }

 .container-box {
     display: flex;
     background: #dcd6cc;
     border-radius: 20px;
     overflow: hidden;
 }

 .interior-section .image-box {
     /* width: 60%; */
     flex: 1;
 }

 .interior-section img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     transition: 0.4s ease;
     border-radius: 4px;
 }


 .align-items-center {
     align-items: center;
 }

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

 .interior-section .row {
     margin-top: 20px;
 }

 .interior-section .row+.row {
     margin-top: 40px;
 }

 .interior-section h2 {
     font-size: 44px;
     margin: 0;
     font-weight: 500;
     font-family: var(--primaryFont);
     line-height: 52px;
 }

 .interior-section p {
     margin: 8px 0 0;
     font-size: 16px;
     font-family: var(--primaryFont);
     color: #353535;
 }

 .interior-section .tab.active {
     opacity: 1;
 }

 .interior-section .tab.active h2 {
     text-decoration: underline;
 }

 .interior-section .tab:hover {
     opacity: 1;
 }

 .custom_row {
     display: flex;
     flex-wrap: wrap;
 }

 .custom_row [class*="col-"] {
     box-sizing: border-box;
 }

 .core_sec {
     padding-top: 20px
 }

 .core_sec .width_second {
     max-width: 90%;
 }

 .process-row {
     display: flex;
     justify-content: space-between;
     position: relative;
 }

 /* Horizontal line behind icons (Desktop only) */
 .process-row::before {
     content: "";
     position: absolute;
     top: 55px;
     /* aligns to middle of icons */
     left: 0;
     right: 0;
     height: 2px;
     background: #d9d9d9;
     z-index: 1;
     width: 80%;
     left: 50%;
     transform: translateX(-50%);
 }

 /* ---- Each box ---- */
 .process-item {
     width: 24%;
     padding: 0 20px;
 }

 /* ---- Icon Wrapper ---- */
 .process-icon-wrap {
     position: relative;
     display: inline-block;
 }

 .process-icon {
     width: 120px;
     height: 120px;
     border-radius: 50%;
     background: #e6d6c9;
     display: flex;
     justify-content: center;
     align-items: center;
     font-size: 48px;
     position: relative;
     z-index: 2;
     /* above line */
 }

 .process-section {
     text-align: center;
     margin-top: 60px;
 }

 .process-section .process-icon img {
     height: 70px;
     width: auto;
 }

 /* Step number top bubble */
 .step-count {
     position: absolute;
     top: -3px;
     right: -6px;
     background: #000;
     color: #fff;
     width: 32px;
     height: 32px;
     border-radius: 50%;
     font-size: 15px;
     display: flex;
     justify-content: center;
     align-items: center;
     z-index: 3;
 }

 /* Headings */
 .process-item h5 {
     margin-top: 20px;
     font-size: 20px;
     font-weight: 500;
     margin-bottom: 15px;
     color: #0a0a0a;
     font-family: var(--primaryFont);
 }

 /* Text */
 .process-item p {
     font-size: 15px;
     margin-top: 10px;
     line-height: 1.6;
     color: #595959;
     font-family: var(--primaryFont);

 }


 .interior-slide img {
     width: 100%;
     object-fit: cover;
     border-radius: 6px;
 }

 .interior-desc {
     font-size: 20px;
     margin-top: 18px;
     font-weight: 400;
     color: var(--gray1);
 }


 /* Section */
 .gallery-section {
     max-width: 1300px;
     margin: auto;
     margin-top: 40px;
 }

 /* Masonry Layout */
 .masonry {
     column-count: 2;
     column-gap: 20px;
 }



 /* Card */
 .gallery-item {
     position: relative;
     margin-bottom: 20px;
     overflow: hidden;
     border-radius: 10px;
     break-inside: avoid;
     cursor: pointer;
 }

 .gallery-item img {
     width: 100%;
     display: block;
     border-radius: 10px;
     transition: 0.6s ease;
 }

 /* Overlay */
 .overlay {
     position: absolute;
     inset: 0;
     background: linear-gradient(to top, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.1));
     display: flex;
     align-items: flex-end;
     padding: 25px;
     opacity: 0;
     transition: 0.4s ease;
 }

 .overlay h3 {
     color: #fff;
     font-size: 30px;
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     transition: 0.4s ease;
     margin: 0;
     font-family: var(--fiveFont);
 }

 /* Hover Effects */
 .gallery-item:hover img {
     transform: scale(1.1);
 }

 .gallery-item:hover .overlay {
     opacity: 1;
 }

 .gallery-item:hover .overlay h3 {
     /* transform: translate(-50%); */
 }

 .showcase_sec,
 .pocess_sec,
 .logo_slider_sec,
 .tesimonsial_sec {
     margin-top: 60px;
 }

 .showcase_sec .c_heading,
 .pocess_sec .c_heading {
     margin-bottom: 15px;
 }

 .pocess_sec .process-row::before {
     display: none;
 }

 .pocess_sec .process-icon {
     overflow: hidden;
 }

 .pocess_sec .process-section .process-icon img {
     height: 170px;
     width: auto;
 }

 .logo-slider-section {
     background: #ffbe00;
     /* Yellow background */
     padding: 40px 0;
 }

 .logo-slide img {
     /* height: 100px; */
     width: 100%;
     object-fit: contain;
     filter: brightness(0) contrast(1);
     transition: 0.3s ease;
 }

 .logo-slide img:hover {
     transform: scale(1.05);
 }

 .myTestimonial .swiper-slide {
     text-align: center;
 }

 .myTestimonial .swiper-slide img {
     border-radius: 50%;
     margin-bottom: 22px;
 }

 .myTestimonial .swiper-slide p {
     color: #333;
     font-size: 18px;
     width: 80%;
     margin: 0 auto;
     font-weight: 400;
     opacity: 0.8;
     font-family: var(--primaryFont);

 }

 .myTestimonial .swiper-slide .testimonial-name {
     color: #333;
     font-size: 18px;
     font-weight: 600;
     margin: 14px 0;
     font-family: var(--primaryFont);
 }

 .myTestimonial .swiper-slide .stars {
     color: #ffb900;
     font-weight: 600;
     font-size: 20px;
     letter-spacing: 1px;
 }

 .myTestimonial .swiper-button-prev,
 .myTestimonial .swiper-button-next {
     border: 1px solid #777777;
     width: 32px;
     height: 36px;
     background-color: #fff;
 }

 .myTestimonial .swiper-button-prev::after,
 .myTestimonial .swiper-button-next::after {
     color: #777777;
     font-size: 20px;
     font-weight: 600;
 }

 .myTestimonial .swiper-button-prev:hover,
 .myTestimonial .swiper-button-next:hover {
     background: #bd304d;
 }

 .myTestimonial .swiper-button-prev:hover::after,
 .myTestimonial .swiper-button-next:hover::after {
     color: #fff;
 }

 .client_sec {
     margin-top: 40px;
 }

 .logo-wrapper {
     background: #fff;
 }

 .logo-box {
     background: #f9f9fb;
     border-radius: 12px;
     padding: 15px;
     display: flex;
     align-items: center;
     justify-content: center;
     transition: all 0.25s ease-in-out;
     /* height: 100%; */
     margin-bottom: 25px;
     /* fixed height for perfect alignment */
 }

 .logo-box:hover {
     box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
     background: #ffffff;
 }

 .logo-box img {
     /* max-height: 45px; */
     object-fit: contain;
     mix-blend-mode: multiply;
 }

 .cursor {
     display: inline-block;
     font-weight: 200;
     color: #5f5f5f;
     animation: blink 0.7s infinite;
     font-size: 3rem;
 }

 .gradient_p {
     color: #fff;
     font-size: 17px;
     font-weight: 400;
     font-family: var(--primaryFont);
     background: linear-gradient(90deg, #BA3145 37.88%, rgba(186, 49, 90, 0.00) 72.98%);
     padding: 15px;
 }

 .diff_p {
     margin-top: -30px;
     text-align: center;
     margin-bottom: 50px;
     font-family: var(--primaryFont);
 }

 .home_blog {
     background: #FEF9F2;
     padding: 60px 0;
 }

 .home_blog .subtile span {
     background: #FEF9F2;

 }

 .home_blog .hover_animate span {
     position: relative;
     z-index: 1;
 }

 .home_blog .hover_animate::after {
     z-index: 0;
 }

 .blog_img {
     overflow: hidden;
     border-radius: 22px 22px 22px 22px;
     transition: all 0.3s;
     height: 100%;
 }

 .blog_img img {
     width: 100%;

 }

 .blog_img:hover img {
     transform: scale(1.05);
     transition: all 0.3s;

 }

 .blog_row {
     margin-top: 25px;
 }

 .blog_contain {
     text-align: center;
     flex: 1;
     padding: 20px 27px;
 }

 .blog_contain p {
     margin-bottom: 0;
 }

 .blog_contain p a {
     color: #3c3c3c;
     font-size: 17px;
     font-family: var(--primaryFont);
     text-decoration: none;
 }

 .b_space {
     margin-bottom: 60px;
 }

 .blog_heading {
     margin-top: 10px;
     font-size: 31px;
     font-weight: 700;
     letter-spacing: 0px;
     word-spacing: 5px;
     margin-bottom: 77px;
     font-family: var(--secondFont);
 }

 .blog_heading a {
     color: #000;
     text-decoration: none;

 }

 .blog_heading:hover a {
     text-decoration: underline;
 }

 .blog_contain p a:hover {
     color: #000000;
 }

 .join_us {
     margin-top: 60px;
 }

 .type-container h3 {
     font-size: 43px;
     /* line-height: 60px; */
     font-weight: 200;
     color: #5f5f5f;
     font-family: var(--primaryFont);
 }

 .join_us .subtitle {
     font-size: 20px;
     color: #000c;
     margin-top: -20px;
 }

 .bottom_form {
     background-image: url("https://www.matterofspace.in/wp-content/uploads/2024/07/bb-04.jpg") !important;
     position: relative;
 }

 .bottom_form::after {
     background-color: #0000007a;
     content: "";
     width: 100%;
     height: 100%;
     left: 0;
     top: 0;
     position: absolute;
 }

 .bottom_form .row {
     position: relative;
     z-index: 1;
 }

 .bottom_form h2 {
     font-weight: 700;
     font-size: 60px;
     color: #fff;
     font-family: var(--secondFont);
 }

 .bottom_form form {
     background: transparent;
     position: relative;
     border-radius: 0;
     padding: 80px 22px 50px;
 }

 .bottom_form form::before,
 .bottom_form form::after {
     background: #fff;
     content: "";
     height: 100%;
     position: absolute;
     top: 0;
     width: 50.1%;
     z-index: -1;
 }

 .bottom_form form::before {
     border-radius: 12px 50px 0 12px;
     left: 0;
 }

 .bottom_form form::after {
     border-radius: 50px 12px 12px 0;
     right: 0;
 }



 .bottom_form form .wpcf7-form-control,
 .bottom_form form select {
     border-top: 0 !important;
     border-radius: 0 !important;
     border-left: 0 !important;
     border-right: 0 !important;
     height: 48px;
     font-size: 15px;
     margin-bottom: 5px;
     display: block;
     width: 100%;
     font-weight: 400;
     line-height: 1.5;
     border-bottom: 1px solid #dee2e6 !important;
     outline: none !important;
     font-family: var(--primaryFont);
 }

 .bottom_form {
     padding: 80px 0;
     margin-top: 60px;
 }
 .bottom_form form label{
	  width:100%;
}
 .bottom_form form input[type="submit"] {
     border-radius: 0;
     width: 200px;
     background: #dd3333;
     color: #fff;
     padding: 13px 30px;
     outline: none;
     border: none;
     font-size: 16px;
     font-weight: 500;
     font-family: var(--primaryFont);
     border-radius: 20px;
     width: 80% !important;
     margin: 0 10%;
     margin-top: 20px;
     font-weight: 500;
     border-radius: 0 !important;
     cursor: pointer;
 }

 .m-auto {
     margin: 0 auto;
 }

 .faq_sec {
     margin: 60px 0;
 }

 .faq_sec .accordion-header {
     padding: 15px 20px;
 }

 .faq_sec .accordion-content {
     padding: 5px 20px;

 }

 .faq_sec .accordion-header {
     font-weight: 400;
     font-size: 18px;
 }

 .faq_sec .accordion-item .accordion-content p,
 .accordion-item .accordion-content ul li,
 .accordion-item .accordion-content ol li {
     font-size: 16px;
 }

 .service_info {
     background: #f9f9fb;
     padding: 60px;
 }

 .j_font {
     font-family: var(--primaryFont);
 }

 .m_heading {
     font-size: 45px;
     font-weight: 500;
     line-height: normal;
 }

 .content_p {
     color: rgba(0, 0, 0, .65);
     font-family: var(--primaryFont);
     font-size: 17px;
     font-weight: 400;
     text-align: left;
     line-height: 29px;
     margin-top: 0;
     margin-bottom: 0;
 }

 .content_center p {
     text-align: center;
 }

 .sec-padd {
     padding: 60px 0;
 }

 .content_p img {
     width: 100%;
 }

 .full_width {
     overflow: hidden;
 }

 .content_space {
     width: 85%;
     margin: 0 auto;
     padding: 10px;
 }

 .card_main {
     padding: 20px 40px;
     height: 100%;
     border: 1px solid rgba(0, 0, 0, .47);
     border-radius: 4px;
     text-align: center;
     font-family: var(--primaryFont);
 }

 .card_main h3 {
     font-size: 30px;
     font-family: var(--fiveFont);
     margin: 15px 0;
     font-weight: 400;
     margin-top: 0;
 }

 .card_main h4 {
     font-size: 24px;
     font-weight: 400;
     margin: 20px 0;
 }

 .card_main p {
     font-size: 17px;
     color: rgba(0, 0, 0, .65);
     margin-bottom: 0;
 }

 .faq_expand main h2 {
     font-size: 20px;
     font-family: var(--primaryFont);
     font-weight: 500;
 }

 .faq_expand main p {
     margin-bottom: 40px;
     color: rgba(0, 0, 0, .65);
 }

 .help_sec {
     background: #f9f9f9;
     padding: 60px 0;
 }

 .ipad_show {
     display: none;
 }

 /* header css */
 .header_mos {
     position: sticky;
     top: 0;
     box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
     z-index: 9;
 }

 .header_mos ul li a {
     font-family: var(--primaryFont);
     text-transform: uppercase;
     font-size: 13px;
     font-weight: 500;
     color: #0a0a0a;
 }

 .logo_web {
     margin-top: 1.4%;
     max-height: 76px;

 }

 .navbar-expand-lg .navbar-collapse {
     justify-content: center;
     align-items: center;
 }

 header .navbar-expand-lg .navbar-nav {
     align-items: center;
     gap: 8px;
 }

 header .navbar-expand-lg .navbar-nav .nav-link {
     padding: 7px 12px;
     transition: color 0.4s, background-color 0.4s, opacity 0.4s;
 }

 header .navbar-expand-lg .nav_logo .nav-link {
     padding: 12px 24px;
 }

 header .navbar-expand-lg .nav_logo .nav-link::before {
     display: none !important;
 }

 header .navbar-expand-lg .dropdown-toggle::after {
     display: none;
 }

 header .navbar-expand-lg .dropdown-toggle svg {
     margin-left: 2px;
     margin-top: -2px;
 }

 header .navbar-expand-lg .navbar-nav .nav-link {
     position: relative;
     z-index: 10;
     transition: color 0.4s, background-color 0.4s, opacity 0.4s;
 }

 header .navbar-expand-lg .navbar-nav .nav-link span,
 header .navbar-expand-lg .navbar-nav .nav-link svg {
     position: relative;
     z-index: 1;
 }

 header .navbar-expand-lg .navbar-nav .nav-link:before {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     width: 100%;
     height: 100%;
     opacity: 0;
     transform: scale(1, 0);
     transition: all .2s ease-out;

 }

 header .navbar-expand-lg .navbar-nav .nav-link:hover:before {
     transform: scale(1);
     opacity: 1;
     border-radius: 1.4em;
     height: 100%;
     bottom: 0;
     top: auto;
     background-color: #ededed;
     border-color: #ededed;
 }

 header .navbar-expand-lg .navbar-nav .nav-link span {
     color: #0a0a0a;
     letter-spacing: 1px;
 }



 .header_mos .social-links li a {
     color: #000;
     font-weight: bold;
     text-decoration: none;
     font-size: 14px;
     text-transform: none;
 }

 .header_mos .social-links {
     list-style: none;
     padding-left: 0;
     margin-bottom: 0;
 }

 header .navbar-expand-lg {
     padding: 0;
 }

 header .navbar-expand-lg .nav_logo .nav-link {
     padding-top: 10px;
     padding-bottom: 3px;
 }

 header .navbar-expand-lg .navbar-nav {
     margin-left: 15%;
 }

 .custom-footer {
     background-color: #23252D;
     color: #fff;
     padding: 60px 0;
     font-family: var(--trinaryFont);
     padding-bottom: 20px;
 }

 .custom-footer .footer-title {
     font-size: 20px;
     font-weight: 600;
     margin-bottom: 25px;
 }

 .footer-links {
     list-style: none;
     padding-left: 0;
 }

 .footer-links li {
     margin-bottom: 15px;

 }

 .footer-links a,
 .footer-text a {
     color: #fff;
     text-decoration: none;
     font-weight: 400;
 }

 .custom-footer .copyright {
     font-size: 12px;
 }

 .custom-footer .footer-divider {
     margin-top: 40px;
 }

 .footer-links a img {
     height: 15px;
     margin-right: 10px;
     filter: brightness(0) invert(1);
 }

 .footer-links a:hover {
     color: #c60035;
 }

 .custom-footer .social-icons {
     display: flex;
     gap: 0px;
     align-items: center;
 }

 .custom-footer .social-icons a {
     width: 36px;
     height: 36px;
     display: inline-flex;
     align-items: center;
     justify-content: center;
 }

 .custom-footer .social-icons a:hover {
     background: #BB324C;
 }

 .custom-footer .social-icons img {
     height: 16px;
     filter: brightness(0) invert(1);
 }

 @media (min-width:992px) {

     .header_mos .container,
     .custom-footer .container {
         width: 89%;
         padding: 0;
         max-width: 100%;
     }

     header .navbar-expand-lg .navbar-nav .nav-link.active:before {
         border-color: #0a0000;
         background: #0a0000;
         opacity: 1;
         transform: scale(1);
         bottom: 0;
         top: auto;
         border-radius: 1.4em;

     }

     header .navbar-expand-lg .navbar-nav .nav-link.active span {
         color: #fff;
     }

     .navbar-expand-lg .navbar-nav .dropdown-menu {
         padding: 0;
         position: absolute;
         top: 181%;

         width: 170px;
         z-index: 10310;
         box-shadow: 0px 1px 14px 3px rgba(76, 89, 119, 0.3);
         border-radius: 0;
         border: none;
         transition: all 0.15s ease-out;
     }

     .navbar-expand-lg .navbar-nav .dropdown-menu a {
         display: block;
         padding: 10px 16px;
         border-bottom: 1px solid #c6c6c6;
         font-size: 12px;
         color: #333;
         font-weight: 600;
     }

     .navbar-expand-lg .navbar-nav .dropdown-menu a span {

         padding: 4px 10px 3px 10px;
     }

 }

 @media screen and (min-width: 992px) and (max-width: 1260px) {
     .header_mos {
         zoom: 0.84;
     }

     .logo_web {
         max-height: 65px;
     }
 }

 /* Responsive */
 @media (max-width: 992px) {
     .masonry {
         column-count: 2;
     }

     .social-links {
         display: none;
     }

     .ipad_show {
         display: block;
     }

     .header_mos .ipad_show {

         margin-right: auto;
     }

     .flex_1 {
         flex-direction: column;
     }

     .stats {
         gap: 30px;
     }

     .process-item {
         width: 50%;
         margin-bottom: 40px;
     }

     .process-row::before,
     .ipad_hide {
         display: none;
     }

     .process-row {
         flex-wrap: wrap;
     }

     .header_mos .container {
         justify-content: space-between;
     }

     header .navbar-expand-lg .navbar-nav {
         margin-left: 0;
     }

     .logo_web {
         max-height: 44px;
     }

     header .navbar-toggler {
         /* float: right; */
         background: #a91630;
         width: 40px;
         height: 40px;
         color: #fff;
         border-radius: 4px;
         display: inline-flex;
         justify-content: center;
         align-items: center;
         border: none;
         padding: 7px;
         opacity: 1;

     }

     header .navbar-toggler span {
         filter: brightness(0) invert(1);
         opacity: 1;
     }

     header .navbar-expand-lg .navbar-nav {
         align-items: start;
     }

     header .navbar-expand-lg .navbar-nav .nav-link:before {
         display: none;
     }

     header .navbar-expand-lg .navbar-nav .nav-item {
         width: 100%;
         border-bottom: 1px solid rgba(0, 0, 0, 0.08);
     }

     header .navbar-expand-lg .navbar-nav .nav-item a {
         padding: 18px 0;
         font-size: 17px;
         font-weight: 400;
     }

     header .navbar-expand-lg .navbar-nav {
         padding-bottom: 50px;
     }

     header .dropdown-menu {
         border: 0;
         width: 90%;
         margin-left: auto;
         margin-bottom: 20px;
         margin-top: -10px;
     }

     header .navbar-expand-lg .dropdown-menu li {
         border-bottom: 1px solid rgba(0, 0, 0, 0.08);

     }

     header .dropdown-menu li a {
         background: transparent !important;
     }

     header .dropdown-menu li a {
         padding: 14px 0 !important;
         font-size: 15px !important;
     }
 }

 @media (max-width:767px) {

     .process-row .process-item:nth-child(3),
     .process-row .process-item:nth-child(4) {
         margin-bottom: 0;
     }

     .c_heading,
     .stat h2 {
         font-size: 35px;
     }

     .best_interior .c_heading {
         padding: 0;
     }

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

     .accordion-item .accordion-content p,
     .accordion-item .accordion-content ul li,
     .accordion-item .accordion-content ol li {
         font-size: 15px;
         line-height: 26px;
     }

     .img-contain {
         height: 100%;
         margin-bottom: 30px;
     }

     .best_interior .stat p {
         font-size: 13px;
     }

     .medium_p {
         font-size: 15px;
     }

     .stats {
         gap: 6px 30px;
     }

     .btn1 {
         line-height: 1.4em;
         padding: 6px 16px 6px 16px;
     }

     .btn1 span img {
         transform: translateY(4px);
     }

     .interior-section .row {
         margin-top: 0;
     }

     .core_sec .width_second {
         max-width: 100%;
     }

     .interior-section h2 {
         font-size: 28px;
         margin-top: 10px;
         line-height: 40px;
     }

     .process-item {
         width: 100%;
     }

     .process-icon {
         width: 100px;
         height: 100px;
     }

     .process-section .process-icon img {
         height: 60px;
     }

     .process-item h5 {
         margin-top: 15px;
         margin-bottom: 0;
     }

     .showcase_sec,
     .pocess_sec,
     .logo_slider_sec,
     .tesimonsial_sec {
         margin-top: 40px;
     }

     .logo-slider-section {
         padding: 15px 0;
     }

     .myTestimonial .swiper-slide p {
         font-size: 16px;
     }

     .myTestimonial .swiper-slide p {
         width: 75%;
     }

     .diff_p {
         margin-top: -15px;
     }

     .col-6 {
         width: 50%;
     }

     .col-4 {
         width: 33.33%;
     }

     .logo-box {
         margin-bottom: 15px;
     }

     .logo-box img {
         max-height: 79px;
         object-fit: contain;
     }

     .blog_contain {
         padding: 0;
     }

     .blog_heading {
         font-size: 22px;
     }

     .blog_heading {
         margin-bottom: 20px;
     }

     .home_blog {
         padding: 48px 0;
     }

     .type-container h3 {
         font-size: 30px;
     }

     .cursor {
         font-size: 35px;
     }

     .join_us .subtitle {
         font-size: 16px;
     }

     .bottom_form {
         padding: 40px 0;
         margin-top: 40px;
     }

     .bottom_form h2 {
         font-size: 40px;
     }

     .bottom_form .col-md-6 {
         width: 100%;
     }
 }

 @media(max-width:600px) {
     .masonry {
         column-count: 1;
     }
 }







 /* service page css start here */

 .banner_sec {
     min-height: 450px;
     display: flex;
     align-items: center;
     justify-content: center;
     padding: 20px;
     position: relative;
 }

 .banner_sec::after {
     content: " ";
     position: absolute;
     width: 100%;
     height: 100%;
     background: #000;
     opacity: 0.3;
     left: 0;
     top: 0;
 }

 .banner_content {
     color: #fff;
     text-align: center;
     position: relative;
     z-index: 1;
 }

 .banner_content h1 {
     font-size: 60px;
     font-family: var(--secondFont);
     margin-bottom: 0;
     margin-top: 0;
 }

 .banner_content p {
     font-size: 45px;
     font-family: var(--secondFont);
     margin-top: 10px;
     margin-bottom: 0;
 }

 .btn_red {
     padding: 14px 30px;
     border-radius: 8px;
     background-color: #a91630;
     color: #fff;
     text-decoration: none;
     font-size: 17px;
     font-weight: 500;

 }

 .btn_red:hover {
     background-color: #99132b;
 }

 .btn_service {
     margin-top: 50px;
     margin-bottom: 30px;
 }

 @media (max-width:768px) {
     .banner_sec {
         min-height: 300px;
     }

     .banner_content h1 {
         font-size: 40px;
     }

     .banner_content p {
         font-size: 30px;
     }

     .service_info {
         padding: 30px 0px;
     }

     .m_heading {
         font-size: 30px;
     }

     .full_width.content_p .custom_row:nth-child(even) {
         flex-direction: column-reverse;
         margin-top: 20px;
     }

     .full_width.content_p h2 {
         margin-top: 20px;
         margin-bottom: 0px;
     }

     .sec-padd {
         padding: 40px 0;
     }

     .card_main h3 {
         font-size: 24px;
     }

     .card_main h4 {
         font-size: 20px;
         margin: 15px 0;
     }

     .card_main {
         padding: 20px;
     }

     .card_main p,
     .faq_expand main p {
         font-size: 16px;
     }

     .process_sec .custom_row .col-md-3:nth-child(3),
     .process_sec .custom_row .col-md-3:nth-child(4) {
         margin-top: 20px;
     }

     .faq_expand main h2 {
         font-size: 18px;
         line-height: normal;
     }

     .faq_expand main p {
         line-height: 24px;
         font-size: 15px;
         margin-bottom: 25px;
     }
 }
.client_sec .diff_p{
	 margin-top:0;
}

#colophon{
	display:none;
}