@charset "utf-8"; @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap'); *{margin:0; padding:0;} body{font-family: "Montserrat", sans-serif;} a{-webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;} img{max-width:100%;} h1, h2, h3, h4, h5, h6{font-family: "Montserrat", sans-serif;} p{ font-size: 17px;line-height: 24px;font-weight: 500 !important;color: #333;} ul, ol{list-style:none;} .title h1{margin-top:0;} /********************************************** Header Css **********************************************/ .cta-banner { padding:50px;background:rgba(44,37,45,.04); } .cta-banner img { border-radius:20px; } .header-wrap{position:absolute; top:40px; left:0; z-index:1000; width:100%;} .navigationwrape{} .navbar{margin-bottom:0;} .navbar-default{background:#ebe5d7; border-radius:0; border:none; padding:0px 10px;border-radius:12px;} .navbar-nav{float:right;} .navbar-nav>li{padding:45px 20px;} .navbar-nav>li:last-child{padding-right:0;} .navbar-default .navbar-nav>li>a{font-size:16px; color:#2b2927; font-weight:600; padding:0;} .navbar-default .navbar-nav>li:hover>a, .navbar-default .navbar-nav>li>a:hover{color:#eb595f;} .navbar-collapse{padding-left:0;} .navbar-nav li:hover .dropdown-menu{display:block;} .dropdown-menu{background:#fff !important; border-top:none; padding:0; border-bottom:none; border-top:none; min-width: 200px;} .dropdown-menu>li{border-bottom:1px solid #efefef;} .dropdown-menu>li:last-child{border-bottom:none;} .dropdown-menu>li>a{color:#231f20; font-size:14px; padding:8px 20px 8px 28px; position:relative;} .dropdown-menu>li>a:hover{color: #FFF; background: #eb595f;} .dropdown-menu>li a:before {content: "\f0da"; font-family: 'FontAwesome'; position:absolute; top:9px; left:11px; color:#000;} .dropdown-menu>li>a:hover:before{color:#fff;} .navbar-default .navbar-nav>li>a+i { display: none; position: absolute; right: 15px; top: 7px; font-size: 18px; cursor: pointer; color: #fff; background: #8d752d; width: 25px; height: 25px; text-align: center; line-height: 25px; } .search-bar .search:focus{outline:none;} .search-bar{text-align: center;border-left: 1px solid #2b2927;margin-top: 5px;} .search-bar .search{background: none; border: none; color: #2b2927; font-size: 22px;} .search-bar .search:hover{color:#b78156;} .search-bar .dropdown-menu{left:auto; right:14px; background:none; border:none; box-shadow:none; top:64px;} .search-bar .form-control{height:50px; border-radius:0; width:270px; background:#a58838;} .header-wrap input[type="text"]{color:#fff !important;} .search-bar ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color:#fff !important; } .search-bar ::-moz-placeholder { /* Firefox 19+ */ color: #fff !important; } .search-bar :-ms-input-placeholder { /* IE 10+ */ color: #fff !important; } .search-bar :-moz-placeholder { /* Firefox 18- */ color: #fff !important; } /********************************************** Custom slider options **********************************************/ .tp-banner-container {position: relative; z-index: 1; padding: 0; width: 100%;} .tp-banner {position: relative;	width: 100%;} .tp-caption {line-height:normal !important} .tp-caption a {	color: inherit !important;} .tp-bullets.simplebullets.round .bullet {border: 3px #fff solid; border-radius: 50%; background-image: none !important;} .tparrows {width: auto !important; height: auto !important; background-image: none !important;} .tp-arr-allwrapper {margin: 0 10px; width: 50px; height: 60px; background: rgba(255,255,255,0.5);} .tp-arr-allwrapper:hover .tp-arr-iwrapper {color: #fff;} .tp-leftarrow .tp-arr-allwrapper {} .tp-rightarrow .tp-arr-allwrapper {} .tp-arr-iwrapper {color: #000; text-align: center; font-size: 30px; font-family: FontAwesome; line-height: 60px;} .tp-leftarrow .tp-arr-iwrapper {} .tp-leftarrow .tp-arr-iwrapper:before {content: "\f104";} .tp-rightarrow .tp-arr-iwrapper:before {content: "\f105";} .tp-rightarrow .tp-arr-iwrapper {} .slide-h1 {margin: 5px 0 !important; padding: 0 0 10px !important; padding-bottom: 5px !important; color: #444; text-transform: uppercase; font-weight: bold; font-size: 57px; } .slide-h2 {margin: 5px 0 !important; padding: 0 0 10px !important; padding-bottom: 5px !important; color: #555; font-weight: bold; font-size: 55px; line-height: 100%;} .big-font {text-transform: uppercase; font-weight: 800; font-size: 60px;} .large-desc {font-size: 16px;} .slide-h3 {color: #fff;	font-size: 31px; line-height: 100%;} .slide-h3 span {text-transform: uppercase; font-weight: bold;} .slide-head {text-transform: uppercase; font-weight: 900; font-size: 30px;} .slide-desc {font-size: 22px; line-height: 150%;} .main-title {text-transform: uppercase; font-weight: 800; font-size: 70px;} .icon-cont {padding: 15px 40px;	border-radius: 10px; text-align: center;} .icon-cont:after {position: absolute; bottom: -10px; left: 40%; z-index: 5;	display: inline-block;	width: 0; height: 0; border-width: 10px 10px 0 10px; border-style: solid; content: "";} .icon-cont i {margin-bottom: 10px; color: #fff; font-size: 50px;} .icon-cont span {display: block; padding: 0 0 5px; color: #fff; text-align: center; font-size: 18px;} a.wit-btn {background: #fff; color: #333 !important; text-transform: uppercase;} .wit-line {width: 5%; height: 1px; background: #fff;} .vert-line {min-height: 270px; width: 1px; background: #fff;} .subTxt {text-transform: uppercase; font-weight: bold; font-size: 17px; color: #333;} .large-title {color: #222; font-size: 60px;	font-weight: 800; text-transform: uppercase !important;} .large-light-title {color: #787878 !important;	font-size: 70px; font-weight: lighter; text-transform: uppercase; letter-spacing:2px} .large-text {font-size: 20px; color: #000; font-weight: lighter;} .larger-text {font-size: 24px; font-weight: lighter; text-transform: uppercase;} .witTxt {color: #fff !important;} .light-font {font-weight: lighter !important; font-size: 50px;} .black-bg{background:rgba(0,0,0,.63); color:#a8a8a8; text-transform:none;} .lft-list {padding: 10px; font-size: 18px; color: #fff;} .wit-border {border: 1px #fff solid; padding: 15px 60px; color: #fff; font-size: 16px; text-transform: uppercase;} .rounded-bord {margin-right: 15px; border: 1px #fff solid; width: 30px; height: 30px; text-align: center; line-height: 30px; font-size: 13px; border-radius: 50%;} #vertical-ticker{height:120px; overflow:hidden;} #vertical-ticker li{padding:15px 20px; display:block; text-align:center;} .to-bottom i.fa{font-size: 30px; border:2px #a8a8a8 solid; padding:20px 22px; border-radius:50%; -webkit-animation: bounce 2s infinite linear;	animation: bounce 2s infinite linear;} .tp-bannertimer{display:none;} .slidertext1{color:#fff; font-size:60px; font-weight:700; text-shadow:0 0 10px rgba(0, 0, 0, 0.41); padding:15px 0; text-transform:uppercase; font-family: "Montserrat", sans-serif; text-align:center;} .slidertext2{color:#fff; font-size:36px; font-weight:700; padding:15px 0; text-transform:uppercase; font-family: "Montserrat", sans-serif;} .slidertext3{color:#fff; font-size:16px; font-weight:700; padding:15px 0; text-transform:none !important; line-height:30px; text-align:center;} .slidertext4{color:#fff; font-size:18px; font-weight:600; padding:15px 0; text-transform:none !important; text-align:left; font-family:'OpenSans', sans-serif; line-height:24px;} a.slidebtn{background:#a58838; color:#fff !important; padding:15px 30px; font-size:16px; font-weight:700; text-transform:uppercase; display:inline-block; font-family: "Montserrat", sans-serif;} a.slidebtn i{margin-left:10px;} @-webkit-keyframes bounce { 0% { transform:translateY(0%); } 50% { transform:translateY(-30%); } 100% { transform:translateY(0); } } /* Mozilla Firefox 15 below */ @-moz-keyframes bounce { 0% { transform:translateY(0%); } 50% { transform:translateY(-30%); } 100% { transform:translateY(0); } } /* Opera 12.0 */ @-o-keyframes bounce { 0% { transform:translateY(0%); } 50% { transform:translateY(-30%); } 100% { transform:translateY(0); } } /* W3, Opera 12+, Firefox 16+ */ @keyframes bounce { 0% { transform:translateY(0%); } 50% { transform:translateY(-30%); } 100% { transform:translateY(0); } } /********************************************* Slider Video wrap start *********************************************/ .video{position:relative; height:600px;} .hero-wrapper{height:600px; min-width: 100%; position: absolute; top:0px; left:0; width:100%;} .hero-wrapper:before { content: ''; position: absolute; top: 0; z-index: 1; width: 100%; height: 100%; background: rgba(0,0,0,0.2); } .hero-image { width: 100%; height: 100%; overflow: hidden; z-index: -1; top: 0; background-position: center center; background-size: cover; } .hero-image #bgvid { display: block; min-height: 100%; min-width: 100%; max-width: inherit; } .sliderTxt{position:absolute; top:30%; width:100%; left:0; z-index:1; text-align:center;} .sliderTxt .contentBox{width:100%; background:rgba(0,0,0,0.5); padding:10px 0; text-align:center;} .sliderTxt .slidertext1{line-height: 50px;} .sliderTxt .slidertext2{line-height: 24px;} .sliderTxt .slidertext3{color:#fff; font-size:16px; font-weight:500; padding:15px 0; text-transform:none !important; line-height:30px; text-align:center; padding:0 170px;} .sliderTxt .slidertext4{text-align:center;} .sliderTxt .slidertext4 a{background: #eb595f; color: #fff !important; padding: 10px 20px; border-radius:4px; font-size: 16px; font-weight: 700; text-transform: uppercase; display: inline-block; text-decoration:none; font-family: "Montserrat", sans-serif;} .sliderTxt .slidertext4 a:hover{color:#000 !important;} .sliderTxt a.grenn{-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: #83c142; -webkit-box-shadow: 2px 3px 5px rgba(0,0,0,.33); -moz-box-shadow: 2px 3px 5px rgba(0,0,0,.33); box-shadow: 2px 3px 5px rgba(0,0,0,.33); } .sliderTxt a.wht{-webkit-border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: rgba(255,255,255,.2); -webkit-box-shadow: 2px 3px 5px rgba(0,0,0,.33); -moz-box-shadow: 2px 3px 5px rgba(0,0,0,.33); box-shadow: 2px 3px 5px rgba(0,0,0,.33); border: solid 1px #d1d1d1; } .sliderTxt a:hover{background:#fff; color:#000;} /********************************************* Welcome css *********************************************/ .welcomeWrap{padding:50px 0; /*background:url(../images/welcome-bg.jpg) no-repeat top; background-size:cover;*/ text-align:center;} .welcomeWrap .section-header {margin-bottom: 15px;} .title h1{font-size:40px; font-weight:600; /*text-transform:uppercase;*/ } .title h1 span{display:block; font-size:24px; color:#2b2927;} .title h1 strong{color:#eb595f;} .welcomeWrap h3{font-weight:600;} .welImg img{border:20px solid #fff;} .welcomeWrap p{ font-size: 15px;line-height: 28px;color: #040404;} .welcomeWrap h3 { font-size: 35px;margin-top: 10px; } .welcome-content-box {width: 100%; margin-top:30px;} .welcome-box h4 {display: block; font-size:18px; font-weight:600; color: #eb595f;} .readmore{margin-top:5px;} .readmore a{background:#0a225f; font-size:14px; color:#fff !important; text-transform:uppercase; font-weight:700; display:inline-block; padding:12px 26px;} .readmore a:hover{background:#ff0000; text-decoration:none;} .houseIcon{margin-bottom:20px;} /********************************************* Furniture css *********************************************/ .furniture-wrap{background: #fff; /*#ecedf2;*/ } .furniture-service{max-width:870px; margin:0 auto; margin-top:-60px; z-index: 1000; position: relative;} .furniture-service li{text-align:center; display:inline-block; max-width: 125px; margin: 0 8px;} .furniture{background:#eb595f; padding:15px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: #eb595f; -webkit-box-shadow: 0 6px 8px rgba(0,0,0,.42); -moz-box-shadow: 0 6px 8px rgba(0,0,0,.42); box-shadow: 0 6px 8px rgba(0,0,0,.42);} .furniture h3{font-size:16px; color:#fff; margin-top:16px; line-height:20px; margin-bottom:0; font-family: 'Open Sans', sans-serif;} .furniture-service li a{text-decoration:none;} .furniture-service li:hover .furniture{background:#2b2927;} /********************************************* Project css *********************************************/ .project-wrap { background:rgba(44,37,45,.04);padding-bottom:50px; } .project-heading{ /*background:url(../images/ptn-1.png) repeat;*/ padding:40px 0;} .project-wrap .col-md-3, .project-wrap .col-md-4, .project-wrap .col-md-6, .project-wrap .col-md-8, .project-wrap .col-md-9{padding:0;} .project-heading .title{border-right:1px solid #eb595f; float:left; padding-right:50px; margin-right:50px;} .project-heading p{margin-top:0px;} .projectImg{position:relative;padding:5px;} .service-overlay{z-index:1000; position:relative;} .heading a{text-decoration:none; color:#fff; z-index:100; position:relative; font-size:24px; font-family: "Montserrat", sans-serif; font-weight:600;text-shadow:2px 2px 4px rgb(0 0 0 / .6)!important} .heading{opacity: 0; -webkit-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s;} /*.projectImg:after { position: absolute; content: ""; left: 0; bottom: 0; width: 100%; height: 0; background-color: rgba(0, 0, 0, 0.38); -webkit-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; padding:5px; }*/ .projectImg:hover:after {height: 100%;} .projectImg img { border-radius:5px; } .service-overlay p{font-size:16px; color:#fff;text-shadow:2px 2px 4px rgb(0 0 0 / .6)!important; } .service-overlay { position: absolute; left: 30px; bottom: 0px; right: 40px; opacity:0; -webkit-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; } .projectImg:hover .service-overlay { bottom:30px; opacity:1; } .projectImg:hover:after { height: 100%; } .projectImg:hover .heading{ opacity: 1; } /********************************** Team Css **********************************/ .team-wrap{padding:60px 0; background:url(../images/ptn-1.png) repeat;} .team-wrap .title{ margin-bottom:50px; border-right: 1px solid #eb595f; float: left; padding-right: 50px; margin-right: 50px; } .team-wrap p{margin-top:0px;} .team-wrap ul{list-style:none;} .teamInfo{background:#FFF; box-shadow:0 0 16px rgba(0, 0, 0, 0.23); padding:15px; margin:0 15px; text-align:center; margin-top:-20px; z-index:1000; position:relative;} .teamInfo h3{margin-top:0; font-weight:600; margin-bottom:6px; font-size:20px;} .social-icons{list-style:none; display:block; text-align:center; position:absolute; top:20px; right:20px; z-index:1000;} .social-icons li{padding:5px 0;} .social-icons li a{text-decoration:none; width:35px; height:35px; text-align:center; line-height:35px; border:1px solid #eb595f; color:#eb595f; font-size:18px; display:block; border-radius:100%;} .social-icons li:nth-child(1) a{color:#3b5998; border:1px solid #3b5998;} .social-icons li:nth-child(1) a:hover{background:#3b5998;} .social-icons li:nth-child(2) a{color:#1da1f2; border:1px solid #1da1f2;} .social-icons li:nth-child(2) a:hover{background:#1da1f2;} .social-icons li:nth-child(3) a{color:#0174b5; border:1px solid #0174b5;} .social-icons li:nth-child(3) a:hover{background:#0174b5;} .team-wrap ul li:hover li a{color:#fff; border:1px solid #fff;} .teamImg{position:relative; overflow:hidden;} .teamImg:before { position: absolute; content: ""; width: 100%; left: 0; height: 100%; bottom: 100%; background-color: rgba(0, 0, 0, 0.4); visibility: hidden; transition: all 0.4s ease-in-out 0s; text-align: center; } .team-wrap ul li:hover .teamImg:before { z-index: 1000; visibility: visible; transition: all 0.4s ease-in-out 0s; bottom: 0px; } /*--------------------------------------- Counter section -----------------------------------------*/ #counter {text-align:center; background:url(../images/counter-bg.jpg) no-repeat top; background-size:cover; padding: 40px 0 } .animatebg { background: #0562da; -webkit-animation: bannerbg 5s linear 2s infinite alternate; /* Safari 4.0 - 8.0 */ animation: bannerbg 5s linear 2s infinite alternate; } /* Safari 4.0 - 8.0 */ @-webkit-keyframes bannerbg { 0% { background-color:#0562da; } 25% { background-color:#fec107; } 50% { background-color:#c90157; } 75% { background-color:#e63d53; } 100% { background-color:#e63d53; } } /* Standard syntax */ @keyframes bannerbg { 0% { background-color:#0562da; } 25% { background-color:#fec107; } 50% { background-color:#c90157; } 75% { background-color:#e63d53; } 100% { background-color:#e63d53; } } #counter .counter-number { display: block; color: #fff; font-size: 40px; line-height: 40px; margin-bottom: 10px; } #counter span { color: #fff; font-weight: 600; font-size:18px; } .counter-icon { font-size: 50px; margin-bottom: 0px; color: #fff; } .counterbox { } /************************************* Testimonials css *************************************/ .testimonials-wrap{background:url(../images/bg-people.jpg) no-repeat top; background-size:cover; padding:70px 0} .testimonials-wrap .title{text-align:center; margin-bottom:90px;} .testimonials-wrap .title h1{font-size:42px; margin-top:0;} .testimonialsList{position:relative; margin-bottom:0; list-style:none; border:1px solid #ededed; background:#eae3cd; max-width:800px; margin:0 auto; padding:30px;} .testimonialsList li{text-align:center;} .testimonialsList li .clientname{font-size:18px; color:#000; padding-top:11px; font-family: 'Rubik', sans-serif;} .testimonialsList li .clientinfo{font-size:14px; color:#333; margin-bottom:15px;} .testimonialsList li p{max-width:850px; margin:0 auto; color:#000; font-style:italic; position:relative;} .testimonialsList li p:before{content:"\f10d"; font-family: 'FontAwesome'; position:absolute; top:0; left:0; font-size:62px; font-style:normal; color: rgba(165, 136, 56, 0.18823529411764706);} .testimonialsList li .rating{color:#ff8a00; font-size:24px; margin-bottom:15px;} .testimg{margin-bottom:15px; float:left; margin-right:15px;} .testimg img{border-radius:100%;} .testInfo{max-width:230px; text-align:left; margin:20px auto 0 auto;} .testimonials-wrap .owl-controls{text-align:center; margin:0; position:absolute; top:-70px; left:50%; margin-left:-50px;} .testimonials-wrap .owl-nav div { display: inline-block !important; width: 60px; height: 60px; margin: 0 4px; line-height:72px; text-align:center; background:#eee; border:1px solid #d6d6d6; } .testimonials-wrap .owl-nav div i { font-size:26px; color: #a4a4a4; } .testimonials-wrap .owl-nav div:hover{background:#eb595f;} .testimonials-wrap .owl-nav div{width:40px; height:40px; line-height:40px;} .testimonials-wrap .owl-nav div i{font-size:16px;} .testimonials-wrap .owl-next{margin-bottom:-20px !important;} .testimonials-wrap .owl-dots{display:none !important;} /*********************************** News css ***********************************/ .desfeature .fetcol-1{float:left; width:50%; text-align:center; padding-top:190px; min-height:545px; position:relative;} .desfeature .fetcol-1:before{width:2px; background:#eb595f; height:70%; content:''; position:absolute; left:50px; bottom:50px;} .desfeature .fetcol-1:after{width:40%; background:#eb595f; height:2px; content:''; position:absolute; left:50px; bottom:50px;} .desfeature .fetcol-2{float:right; width:50%; background:url(../images/news01.jpg) no-repeat top; background-size:cover; height:545px;} .desfeature .sectitle p{max-width:530px;} .matinstwrp .col-md-6{padding:0;} .matinstwrp .micol{float:left; width:50%; background:url(../images/news02.jpg) no-repeat top; background-size:cover; height:400px; position:relative;} .matinstwrp .micol:before{width:2px; height:100px; position:absolute; right:45px; bottom:45px; z-index:1; content:''; background:#fff;} .matinstwrp .micol:after{width:100px; height:2px; position:absolute; right:45px; bottom:45px; z-index:1; content:''; background:#fff;} .matinstwrp .micol.bg2{background:url(../images/news03.jpg) no-repeat top; background-size:cover;} .matinstwrp .micol2{float:left; width:50%; background:#faf8f5; padding:30px 50px; height:400px; padding-top:110px;} .matinstwrp .sectitle p{width:auto;} .ourworkwrap .sectitle{margin-bottom:30px;} .gthumb{margin-top:30px;} .gthumb img{width:100%; display:block;} .section{padding:60px 0;} .sectitle{text-align:center; position:relative; margin-bottom:50px;} .sectitle h3{font-size:48px; font-weight:400; margin-top:25px; margin-bottom:10px;} .sectitle p{font-size:16px; line-height:26px; margin:0 auto; max-width:770px;} /********************************************* Footer Css *********************************************/ .footer-wrap{background:#000000; padding:44px 0 15px 0;} .footer-wrap p{font-size:17px; line-height:26px; color:#ffffff; margin-top:10px;} .footer-wrap p a{color:#eb595f; text-decoration:none;} .footer-wrap p a:hover{text-decoration:none;} .footer-wrap h3{margin-top:0; color:#fff; font-size:24px; margin-bottom:35px; position:relative} .footer-wrap h3:before{content:""; background:#eb595f; height:2px; width:40px; position:absolute; bottom:-15px; left:0;} .footer-links{list-style:none;} .footer-links li{line-height:28px;} .footer-links li a{text-decoration:none; color:#ffffff; font-size:16px;line-height:37px;} .footer-links li a:hover{color:#eb595f;} .footer-links li:before{content: "\f0da"; font-family: 'FontAwesome'; padding-right:10px; color:#eb595f;} .footer-address{color:#ffffff; font-size:16px; position:relative; padding-left:22px; margin-top:20px;} .footer-address:before{content: "\f041"; font-family: 'FontAwesome'; color:#eb595f; position:absolute; top:0; left:0; font-size:16px; font-weight:400;} .call-us{margin-top:10px; position:relative; padding-left:22px;} .call-us a{color:#ffffff; font-size:16px;} .call-us:before{content: "\f095"; font-family: 'FontAwesome'; font-size:16px; color:#eb595f; position:absolute; top:0; left:0; font-weight:400;} .fax{margin-top:10px; position:relative; padding-left:22px;} .fax a{color:#ffffff; font-size:16px;} .fax:before{content: "\f1ac"; font-family: 'FontAwesome'; font-size:16px; color:#eb595f; position:absolute; top:0; left:0; font-weight:400;} .footer{background:#000; padding:13px 0;} .site{text-align:right; color:#a6a6a6;} .site a{color:#bfbfbf;} .copyright{font-size:16px; color:#929292; padding-top:5px; text-align:center;} .footerWrp{border-top:1px solid #3c3c3c; padding-top:8px; margin-top:15px;} .social{list-style:none;} .social a{text-decoration:none; font-size:24px; color:#fff; margin:0 2px;} .instragram{list-style:none;} .instragram li{display:inline-block; padding:0 5px; margin:5px 0;} .inner-heading{background:url(../images/inner-heading-bg.jpg) no-repeat; background-size:cover; padding:160px 0 60px 0;} .inner-heading h1{color:#fff; text-align:center; font-weight:600;} .inner-content {position: relative; padding: 60px 0px;} /******************************************** Blog CSS ********************************************/ .blog-thumb{background: #fff; margin-bottom: 30px; position: relative; border: solid 1px #e1e7e8; box-shadow: 0 15px 40px 0 rgba(0, 0, 0, 0.08);} .blogInfo{padding: 15px 16px 10px 0px;} .blog-meta{margin-bottom:10px;} .blogInfo h5{} .blogInfo h5 a{text-decoration:none; color:#000; font-size:20px; font-weight:600;} .blogInfo h5 a:hover{color:#eb595f;} .blog-meta li{display:inline-block; margin: 0 5px; color: #91a8ae; position: relative;} .blog-meta li a{text-transform: capitalize; text-decoration:none; color: #778b90;} .readmore a{background:#eb595f; text-decoration:none; color: #fff; padding: 10px 22px; display:inline-block; font-size: 14px; text-transform: uppercase; font-weight: bold;} .readmore a:hover{background:#000;} .blog-thumb::before { top: auto; left: auto; left: -3px; width: 35px; content: ""; bottom: -3px; height: 35px; position: absolute; border-style: solid; border-color: #eb595f; z-index:-1; } .blogImg{position:relative; overflow:hidden;} .blogImg img{-moz-transition: all 0.3s; width:100%; -webkit-transition: all 0.3s; transition: all 0.3s;} .blog-thumb:hover .blogImg img { -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); } .blog-thumb::after { top: auto; left: auto; right: -3px; width: 35px; content: ""; bottom: -3px; height: 35px; position: absolute; border-style: solid; border-color: #eb595f; z-index:-1; } .blog-grid .blogInfo{padding:20px;} .blog-detail-section .list-style-1 { margin-bottom: 20px; margin-top: 2px; } .list-style-1 li { list-style: circle; list-style-position: inside; font-size:14px; line-height:26px; } .sidebar-widgets .input-group{display:block;} blockquote { float: left; width: 100%; margin-bottom: 23px; padding: 26px 30px 22px; background:#eee; border-left: 5px solid #eb595f; } blockquote p { float: left; width: 100%; font-size: 16px; font-weight: 300; margin-bottom: 0 !important; font-style: italic; } .image-holder h2{text-transform:capitalize;} .img-thumb{margin-bottom:20px;} .BlogWrp nav {text-align:right;} .pagination>li>a, .pagination>li>span{color:#000;} .pagination>li>a.active, .pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover{background:#eb595f; border-color:#eb595f; color:#fff;} /******************************************** Sidebar CSS ********************************************/ .sidebar-widgets .xs-serach input:not([type="submit"]) { height: 53px; padding: 0 15px; border: 1px solid #eaeaea; background-color: #FFFFFF; width: 100%; } .search-btn i{font-size:18px;} .sidebar-widgets .xs-serach input:not([type="submit"])::-webkit-input-placeholder { color: #b1b1b1; } .sidebar-widgets .xs-serach input:not([type="submit"]):-ms-input-placeholder { color: #b1b1b1; } .sidebar-widgets .xs-serach input:not([type="submit"])::-ms-input-placeholder { color: #b1b1b1; } .sidebar-widgets .xs-serach input:not([type="submit"])::placeholder { color: #b1b1b1; } /********************************************* Archives Css **********************************************/ .archive li{line-height: 45px;} .archive li a{margin-top:0; color:#888; font-size:14px; font-weight:600;} .archive li span {float: left; height: 30px; width: 30px; text-align: center; background: #f5f5f5; border:1px solid #fff; outline: 3px solid #f5f5f5; margin-right:20px; line-height: 26px; font-size: 12px; color: #777777; margin-top:10px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .archive li a:hover span {background: #eb595f; color: #fff;} .archives{margin-bottom:15px !important; font-size:18px;} .sidebar-widgets .xs-serach .search-btn { width: 62px; background-color: #eb595f; border: 0px; font-size: 1.05882rem; color: #FFFFFF; position: absolute; right: 0px; top: 0px; height: 100%; cursor: pointer; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .sidebar-widgets .xs-serach .search-btn:hover { background: #002677; } .sidebar-widgets .widget { margin-bottom: 35px; border: 1px solid #eeeeee; padding: 30px 30px 35px; } .sidebar-widgets .widget:last-of-type { margin-bottom: 0; } .sidebar-widgets .widget.widget-search { border: none; padding: 0; } .sidebar-widgets .widget .widget-title { color: #eb595f; font-weight:600; margin-bottom: 36px; } .sidebar-widgets .widget .widget-title span { color: #282828; } .sidebar-widgets .widget.widget-faq .xs-btn.sm-btn { display: block; width: 100%; } .sidebar-widgets .widget-posts .widget-post { padding-bottom: 25px; display: flex; margin-bottom: 25px; border-bottom: 1px solid #eee; } .sidebar-widgets .widget-posts .widget-post img { padding-right: 17px; } .sidebar-widgets .widget-posts .widget-post .post-meta-date a { color: #808080; font-size: 12px; line-height: 15px; margin-bottom: 12px; display: block; } .sidebar-widgets .widget-posts .widget-post .entry-title { font-size: 14px; line-height: 24px; margin: 0; } .sidebar-widgets .widget-posts .widget-post .entry-title a {font-weight: bold; color: #282828; } .sidebar-widgets .widget-posts .widget-post .entry-title a:hover { color: #eb595f;} .sidebar-widgets .widget-posts .widget-post:last-of-type { margin-bottom: 0; padding-bottom: 0px; border: none; } .sidebar-widgets .list-group li:not(:last-child) { border-bottom: 1px solid #eaeaea; padding-bottom: 14px; margin-bottom: 14px; } .sidebar-widgets .list-group li { position: relative; } .sidebar-widgets .list-group li a, .sidebar-widgets .list-group li span { color: #6d6d6d; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; } .sidebar-widgets .list-group li a:hover, .sidebar-widgets .list-group li span:hover { color: #eb595f; } .sidebar-widgets .list-group li span { position: absolute; right: 0; } .sidebar-widgets .tag-lists a { display: inline-block; padding: 8px 15px; border: 1px solid #eaeaea; margin-right: 15px; margin-bottom: 15px; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; border-radius: 3px; font-family: "Open Sans", sans-serif; color: #6d6d6d; } .sidebar-widgets .tag-lists a:hover { color: #eb595f; border-color: #eb595f; } .list-style-1 li { list-style: circle; list-style-position: inside; font-size: 14px; line-height: 26px; } /******************************************** Inner Testimonials CSS ********************************************/ .single-testmonial { position: relative; margin:20px 0; } .single-testmonial p { padding: 46px 36px; margin-bottom: 0; position: relative; font-size: 14px; background:#f4f4f4; } .single-testmonial .testmonial-author { text-align: right; position: relative; padding-right: 65px; margin-right: 50px; margin-top: 35px; } .single-testmonial .testmonial-author label { font-size: 14px; font-weight: 500; font-family: "Poppins", sans-serif; color: #282828; display: block; margin-bottom: 0; line-height: 20px; } .single-testmonial .testmonial-author span { color: #6d6d6d; } .single-testmonial .testmonial-author img { position: absolute; right: 0; top: 0; width: 45px; height: 45px; border-radius: 50%; } .single-testmonial p:before { position: absolute; left: 20px; top: -20px; content: '\f10d '; font-size: 15px; color: #FFFFFF; background: #002677; font-family: 'FontAwesome'; width: 45px; height: 45px; border-radius: 50%; display: block; text-align: center; padding: 10px 0; } .single-testmonial p:after { position: absolute; right: 12%; bottom: -10px; content: ''; border-style: solid; border-width: 10px 10px 0 10px; border-color: #f4f4f4 transparent transparent transparent; } .inner-content .team-wrap{padding:0; background:none;} .inner-content .team-wrap ul li{margin:30px 0;} .inner-content #counter{margin-top:60px;} .aboutWrp .team-wrap{background:none; padding-top:60px;} .inner-content .project-wrap ul li{margin:15px 0;} .inner-content .project-wrap .col-md-4{padding:0 15px;} .about-wrap .title{margin-top:32px;} /********************************************* 404 page **********************************************/ .four-zero-page{text-align:center; padding: 0 0 50px 0; } .four-zero-page h2 { font-size: 300px; color: #eb595f; text-shadow: 0 0 20px rgba(0, 0, 0, 0.21); font-weight: 800; } .four-zero-page h3 { color: #111111; font-weight: 600; font-size: 30px; letter-spacing: 10px; } .four-zero-page p{letter-spacing: 2px; padding:0 250px;} .four-zero-page .readmore{margin-top:30px;} /******************************************** Contact us CSS ********************************************/ .inner-content{ position:relative; padding:50px 0px; } .inner-content .title-box{ position:relative; text-align:center; margin-bottom:60px; } .inner-content .title-box .title{ position:relative; color:#eb595f; font-size:18px; font-weight:700; margin-bottom:10px; } .inner-content .title-box h2{ position:relative; color:#222222; font-size:36px; font-weight:500; margin-bottom:10px; } .inner-content .title-box .text{ position:relative; color:#000; font-size:18px; line-height:1.8em; max-width:730px; margin:0 auto; } .inner-content .default-form{ max-width:970px; margin:0 auto; } .contact-form .form-control{color:#000; font-size:14px !important; height:46px;} textarea.form-control{height:144px !important;} .contact-form .input-group{margin-bottom:15px; width:100%;} .submitbtn{text-align:center; display:block;} .contact-form .sub{font-size:14px; text-transform:uppercase; font-weight:600; background:#eb595f; color:#fff; padding:12px 30px; border:none; cursor:pointer;} .xs-contact-infomation.xs-contact-infomation-v2 [class*='col-']:last-of-type .contact-info-group { padding: 27px 40px; } .xs-contact-infomation.xs-contact-info-1 { margin-top: 60px; } .contact-info-group { background: #f7f7f7; min-height: 307px; padding: 40px; text-align: center; -webkit-box-shadow: 2px 6px 29px -6px #e0e0e0; box-shadow: 2px 6px 29px -6px #e0e0e0; } .contact-wrap i { font-size: 45px; display: block; color: #eb595f; margin-bottom: 30px; } .contact-wrap h4 { font-size: 18px; font-weight:600; position: relative; padding-bottom: 14px; margin-bottom: 20px; } .contact-wrap h4:before { position: absolute; left: 0; bottom: 0; content: ''; width: 54px; height: 1px; background: #eb595f; display: block; right: 0; margin: auto; } .contact-info-group span, .contact-info-group a { display: block; color: #000000; font-weight: 500; font-size: 17px; } .contact-wrap input[type="text"], textarea { color : #000 !important; } .contact-wrap ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #999 !important; } .contact-wrap ::-moz-placeholder { /* Firefox 19+ */ color: #999 !important; } .contact-wrap :-ms-input-placeholder { /* IE 10+ */ color: #999 !important; } .contact-wrap :-moz-placeholder { /* Firefox 18- */ color: #999 !important; } /********************************************* Service Css **********************************************/ .serviceInfo h5 a { text-decoration: none; color: #41303e; font-size: 20px; font-weight: bold; border-radius:0 0 10px 10px; } .serviceInfo h5 a:hover{color:#eb595f;} .serviceInfo {background:#fff; box-shadow: 0 15px 40px 0 rgba(0, 0, 0, 0.08); padding: 10px; } .serviceImg{position:relative; overflow:hidden;} .serviceImg img{-moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; border-radius:10px 10px 0 0; } .service-thumb:hover .serviceImg img { -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); } .service-thumb{position:relative; margin:15px 0;} /*.service-thumb::before { top: auto; left: auto; left: -3px; width: 35px; content: ""; bottom: -3px; height: 35px; position: absolute; border-style: solid; border-color: #eb595f; z-index: -1; } .service-thumb::after { top: auto; left: auto; right: -3px; width: 35px; content: ""; bottom: -3px; height: 35px; position: absolute; border-style: solid; border-color: #eb595f; z-index: -1; }*/ .projectWrp{padding:0;} /********************************************* Faqs css **********************************************/ .faqsWrp h2{margin-top:0;} .faq-news .main-heading:before{content: " "; width:70px;} .faqs-service{list-style:none; margin-top:20px;} .faqs-service li{margin-bottom:8px;} .faqs-service li h4{font-size:1.7em; background: #f5f5f5; cursor: pointer; color:#5f5b67; border: 1px solid #dddddd; padding:16px 25px; position:relative; margin-bottom:0;} .faqs-service li h4:before{content: "\f055"; font-family: 'FontAwesome'; color:#eb595f; margin-right:10px; font-size:1em; display:inline-block; text-align:center; transition:0.3s ease-in; -moz-transition:0.3s ease-in; -webkit-transition:0.3s ease-in; -ms-transition:0.3s ease-in; position:absolute; top:20px; right:8px;} .faqs-service li h4:hover, .faqs-service li h4.active{color:#fff; background:#eb595f; border:1px solid #eb595f;} .faqs-service li h4:hover:before{color:#fff;} .faqs-service li h4.active:before{content: "\f056"; color:#fff;} .faqs-service li p{height: auto; overflow: hidden; position: relative; padding: 20px 18px; line-height:24px; margin-bottom:0; font-size:1.2em; color:#797979; background:#f5f5f5; border:1px solid #e8e8e8;} .faq-news .view-btn{text-align:center;} .faq-news .view-btn a{background:#cb171e; display: inline-block;} .faq-news .view-btn a:hover{background:#000; color:#fff;} .faq-head{margin-top:30px !important;} /********************************************* Media Screen css **********************************************/ @media screen and (max-width: 1200px) { .sectitle h3{font-size:36px;} .navbar-nav>li {padding: 29px 12px;} .matinstwrp .micol2{padding: 30px 30px;} } @media all and (max-width: 768px) { /*** BANNER CALL ***/ .banner-call .thumb { display: none; } .banner-call h2, .banner-call p { text-align: center; } .banner-call .text-right { text-align: center; } .info-widget { margin-bottom: 50px; } .res-mrg-bottom-30 { margin-bottom: 30px; } } @media screen and (max-width: 990px) { .logo{text-align: center; border-bottom: 1px solid #969696; padding-bottom: 10px; margin-bottom: 6px;} .navbar-nav>li {padding: 17px 10px;} .header-wrap{top: 16px;} .teamImg img, .projectImg img{width:100%;} .team-wrap ul li{margin:20px 0;} .team-wrap ul li:last-child{margin-bottom:0;} .welImg{text-align:center; margin-top:20px;} .furniture-service li{max-width: 118px; margin: 0 -1px;} .team-wrap p {margin-top: -12px;} .desfeature .fetcol-1:after, .desfeature .fetcol-1:before{display:none;} .four-zero-page p{letter-spacing: 1px; padding:0;} .newsWrp{float:left !important;} .sliderTxt .slidertext3{padding:0 !important;} .blogList .blogInfo{padding:20px;} .contact-info-group{margin-bottom:30px;} .desfeature .fetcol-1{padding:30px;} } @media screen and (max-width: 767px) { .header-wrap{position:static;} .furniture-service{margin-top:60px;} .furniture-service li{padding:0 10px; float:left; width:33%; max-width:inherit; margin-top:15px;} .welcome-content-box{text-align:center; width:auto;} .title{float:none !important; border-right:none !important; padding:0 !important;} .team-wrap, .project-heading{text-align:center;} .footer-wrap h3{margin-top:10px;} .search-bar{border:none;} .navigationwrape .pull-right{float:none !important;} .navbar-nav{float:none;} .navbar-nav>li{padding:0;} .navbar-default .navbar-nav>li>a{padding:10px 32px;} .navbar-default .navbar-nav>li>a:hover{background: #eb595f; color:#fff;} .welcomeWrap .title h1{margin-top:0;} .social-icons li{margin:0 !important;} .footerWrp{text-align:center;} .desfeature .fetcol-1{float:none; width:auto; min-height:inherit; padding-top:60px; background: #f7f7f7;} .matinstwrp .micol, .desfeature .fetcol-2{float:none; width:auto;} .matinstwrp .micol2{float:none !important; width:auto !important; height:auto; padding-top:60px !important;} .title h1{font-size:52px;} .furniture-service li{width:50%;} .project-heading p span, .team-wrap p span{display:none;} .team-wrap p{margin-top:10px;} .four-zero-page h2 {font-size: 236px;} .news-wrap .pull-right{float:none !important; background: #f7f7f7;} .sliderTxt .slidertext1{font-size:48px;} .desfeature{padding:0 15px;} .search-bar{float:left;} .navbar-header{float:right; z-index:99; position:relative;} .navbar-collapse{margin-top:46px;} .search-bar .dropdown-menu{left:0; right:auto; top:48px;} .navbar-collapse.in{overflow:hidden;} .navbar-collapse{overflow:hidden;} .navbar-nav>li>.dropdown-menu{position:static; float:none; width:100%;} .dropdown-menu>li>a{padding: 8px 20px 8px 45px;} .dropdown-menu>li a:before{left: 28px;} .inner-heading{padding:40px 0;} .navbar-default{padding: 5px 0 5px 10px;} .service-wrap .service-thumb{max-width: 345px; margin: 30px auto 30px auto;} .testimonials-wrap .title h1{font-size:36px;} .title{margin:0 !important;} .testimonials-wrap .title{margin-bottom:90px !important;} .navbar-default{background:none;}.header-mobile-logo { max-width:125px !important; }  .header-wrap{background: #fff;} .navbar-default .navbar-nav>li>a+i {display: block;} .navbar-nav li:hover .dropdown-menu {display: none;} .navbar-collapse{width:100%;} } @media screen and (max-width: 480px) { .four-zero-page h2 {font-size: 140px;} .four-zero-page h3{font-size:18px;} .sliderTxt .slidertext1{font-size:36px; padding-top:0;} .sliderTxt .slidertext2{font-size:24px;} .furniture{min-height: 132px;} .title h1{font-size:38px;} .testimonials-wrap .title h1{font-size:24px;} .title h1 span{font-size:18px;} .mobiledivhide { display: none; } } /************ 1-11. BANNER CALL ************/ .banner-call { position: relative; color: #ffffff; padding: 28px 0; background:#eb595f; } .banner-call .thumb { position: absolute; left: 0; bottom: -124px; } .banner-call h2 { font-family: 'Open Sans', sans-serif; font-size: 28px; line-height: 36px; margin-bottom: 5px; font-weight: 700; letter-spacing: .7px; } .banner-call h2 span { color: #ffea00; } .banner-call p { color: #ffffff; margin: 0; font-size: 16px; line-height: 36px; } .banner-call .btn-default-arrow { background: black; color: white; margin-top:26px; } .banner-call .btn-default-arrow:hover { box-shadow: none; color: #01539F !important; } .btn-default-arrow { position: relative; color: #01539F; background-color: #fff; border: 0; border-radius: 0; padding: 15px 30px 15px 30px; font-size: 14px; font-family: 'Raleway', sans-serif; font-weight: 700; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .text-center { text-align:center; } .welcome-box span { color:#040098 !important; } .companycolor { color:#eb595f; } .addressone { color:#eb595f !important; } .toolbar-sl-share { margin-top:10px; } .toolbar-sl-share ul li { display: inline-block;font-size: 14px;margin-right: 8px;padding: 8px 0; } .toolbar-sl-share ul li a { display: block;color: #ffffff;transition: all 0.3s ease;text-decoration: none;font-size: 14px; } .facebook-btn { background: #6081C4;padding: 4px 10px;border-radius: 5px; } .twitter-btn { background: #43BDF0;padding: 4px 10px;border-radius: 5px; } .instagram-btn { background: #E25961;padding: 4px 10px;border-radius: 5px; } .linkedin-btn { background: #2697CF;padding: 4px 10px;border-radius: 5px; } .youtube-btn { background: #F6594A;padding: 4px 10px;border-radius: 5px; } .form-box{ position:relative; border:2px solid #f4f4f4; padding:18px 18px 0px 18px; } .comment-form .form-box{ padding:25px 25px 0px 25px; } .default-form .form-group{ position:relative; margin-bottom:20px; } .comment-form .form-box .form-group{ margin-bottom:25px; } .default-form.form-box .row{ margin-left:-10px; margin-right:-10px; } .default-form.form-box .row .form-group{ padding:0px 10px !important; } .default-form .form-group .field-label{ display:block; line-height:24px; text-transform:uppercase; margin-bottom:10px; color:#232323; font-weight:500; font-size:13px; } .default-form .form-group .field-label sup{ color:#ff0000; font-size:14px; } .default-form input[type="text"], .default-form input[type="email"], .default-form input[type="password"], .default-form input[type="number"], .default-form select, .default-form textarea{ display:block; width:100%; line-height:24px; height:50px; font-size:16px; border:1px solid #f4f4f4; padding:12px 15px; background-color:#f4f4f4; color:#111111; border-radius:2px; transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .default-form select{ cursor:pointer; color:#666666; -moz-appearance:none; -webkit-appearance:none; -ms-appearance:none; -o-appearance:none; background:#f4f4f4 url(../images/icons/icon-select.png) right center no-repeat; } .default-form textarea{ height:110px; resize:none; } .default-form select option{ text-indent:15px; } .default-form input:focus, .default-form select:focus, .default-form textarea:focus{ border-color:##222f3e; background-color:#ffffff; } .default-form input.error, .default-form select.error, .default-form textarea.error{ border-color:#ff0000 !important; } .default-form label.error{ display:block; line-height:24px; padding:5px 0px 0px; margin:0px; text-transform:uppercase; font-size:11px; color:#ff0000; font-weight:500; } .form-box .form-group button{ width:100%; padding:14px 20px; } .radio { /*background: #454857;*/ padding: 4px; border-radius: 3px; /*box-shadow: inset 0 0 0 3px rgba(35, 33, 45, 0.3), 0 0 0 3px rgba(185, 185, 185, 0.3);*/ position: relative !important; } .radio input { width: auto; height: 100%; appearance: none; outline: none; cursor: pointer; border-radius: 2px; padding: 4px 8px; background: #454857; color: #bdbdbdbd; font-size: 14px; font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; transition: all 100ms linear; position: relative !important; margin-left:0px !important; } .radio input:checked { background-image: linear-gradient(180deg, #95d891, #74bbad); color: #fff; box-shadow: 0 1px 1px #0000002e; text-shadow: 0 1px 0px #79485f7a; } .radio input:before { content: attr(label); display: inline-block; text-align: center; width: 100%; } .icon-bar { position: fixed; z-index:9999; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } /* Style the icon bar links */ .icon-bar a { display: block; text-align: center; padding: 16px; transition: all 0.3s ease; color: white; font-size: 20px; } /* Style the social media icons with color, if you want */ .icon-bar a:hover { background-color: #000; } .whatsapp { background: #19AF00;color: white; } .search { background: #FF7E00;color: white; } .phone { background: #3B5998;color: white; } .twitter { background: #55ACEE;color: white; } .google { background: #dd4b39;color: white; } .linkedin { background: #007bb5; color: white; } .youtube { background: #bb0000;color: white; } .instagram { background: #E32258;color: white; } .breadcrum { text-align:center; } .breadcrum p { color: #fff;max-width: 700px;margin: auto;padding-top: 13px; } /* ========================================================= PASSION DECOR — MISSION & VISION ========================================================= */ #sparsh-decor-passion-mission-vision, .sparsh-decor-passion-mv { width: 100%; position: relative; overflow: hidden; background: #eb595f; padding: 50px 30px; box-sizing: border-box; font-family: Arial, Helvetica, sans-serif; } /* Subtle background detail */ .sparsh-decor-passion-mv::before { content: ""; position: absolute; width: 420px; height: 420px; border: 1px solid rgba(255,255,255,0.12); border-radius: 50%; top: -220px; right: -150px; pointer-events: none; } .sparsh-decor-passion-mv::after { content: ""; position: absolute; width: 280px; height: 280px; border: 1px solid rgba(255,255,255,0.08); border-radius: 50%; bottom: -180px; left: -100px; pointer-events: none; } /* Container */ .sparsh-decor-passion-mv-container { width: 100%; max-width: 1200px; margin: 0 auto; position: relative; z-index: 2; } /* ========================================================= HEADER ========================================================= */ .sparsh-decor-passion-mv-header { max-width: 100%;margin-bottom: 40px;display: flex;column-gap: 40px; } .sparsh-decor-passion-mv-eyebrow { display: inline-flex; align-items: center; gap: 12px; color: rgba(255,255,255,0.75); font-size: 15px; font-weight: 600; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 10px; } .sparsh-decor-passion-mv-eyebrow::before { content: ""; display: block; width: 38px; height: 1px; background: rgba(255,255,255,0.7); } .sparsh-decor-passion-mv-title { margin: 0; color: #ffffff; font-size: clamp(42px, 5vw, 35px); line-height: 1.25; font-weight: 600; letter-spacing: -2.5px; } .sparsh-decor-passion-mv-title span { color: rgba(255,255,255,0.68); } .sparsh-decor-passion-mv-intro { max-width: 786px; margin: 23px 0 0; color: rgba(255,255,255,1); font-size: 17px; line-height: 1.8; font-weight: 500; } /* ========================================================= CARDS GRID ========================================================= */ .sparsh-decor-passion-mv-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 22px; } /* ========================================================= CARD ========================================================= */ .sparsh-decor-passion-mv-card { position: relative; min-height: 400px; padding: 25px; box-sizing: border-box; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.22); display: flex; flex-direction: column; transition: transform 0.45s ease, background 0.45s ease, border-color 0.45s ease; overflow: hidden; } .sparsh-decor-passion-mv-card:hover { transform: translateY(-8px); background: rgba(255,255,255,0.13); border-color: rgba(255,255,255,0.38); } /* Vision card slight contrast */ .sparsh-decor-passion-mv-card-vision { background: rgba(0,0,0,0.08); } .sparsh-decor-passion-mv-card-vision:hover { background: rgba(0,0,0,0.14); } /* ========================================================= NUMBER ========================================================= */ .sparsh-decor-passion-mv-number { color: #fff; font-size: 17px; font-weight: 500; letter-spacing: 2px; } /* Decorative line */ .sparsh-decor-passion-mv-line { width: 55px; height: 1px; background: rgba(255,255,255,0.55); margin: 20px 0 20px; } /* ========================================================= CONTENT ========================================================= */ .sparsh-decor-passion-mv-content { display: flex; flex-direction: column; flex: 1; } .sparsh-decor-passion-mv-label { display: block; color: #fff; font-size: 17px; letter-spacing: 2.5px; font-weight: 600; margin-bottom: 18px; } .sparsh-decor-passion-mv-content h3 { margin: 0; max-width: 430px; color: #ffffff; font-size: clamp(27px, 3vw, 30px); line-height: 1.3; font-weight: 600; letter-spacing: -1px; } .sparsh-decor-passion-mv-content h3 span { color: rgba(255,255,255,0.68); } .sparsh-decor-passion-mv-content p { max-width: 470px; margin: 25px 0 0; color: #fff; font-size: 15px; line-height: 1.8; } /* ========================================================= BOTTOM KEYWORDS ========================================================= */ .sparsh-decor-passion-mv-bottom { margin-top: auto; padding-top: 35px; display: flex; flex-wrap: wrap; gap: 9px; } .sparsh-decor-passion-mv-bottom span { display: inline-block; padding: 9px 13px; border: 1px solid rgba(255,255,255,0.2); color: rgba(255,255,255,0.65); font-size: 9px; letter-spacing: 1.5px; font-weight: 600; } /* ========================================================= RESPONSIVE — TABLET ========================================================= */ @media (max-width: 900px) { #sparsh-decor-passion-mission-vision, .sparsh-decor-passion-mv { padding: 85px 24px; } .sparsh-decor-passion-mv-header { margin-bottom: 50px; } .sparsh-decor-passion-mv-grid { grid-template-columns: 1fr; gap: 18px; } .sparsh-decor-passion-mv-card { min-height: 420px; } } /* ========================================================= RESPONSIVE — MOBILE ========================================================= */ @media (max-width: 600px) { #sparsh-decor-passion-mission-vision, .sparsh-decor-passion-mv { padding: 70px 18px; } .sparsh-decor-passion-mv-header { margin-bottom: 38px; } .sparsh-decor-passion-mv-eyebrow { font-size: 9px; letter-spacing: 2px; margin-bottom: 17px; } .sparsh-decor-passion-mv-eyebrow::before { width: 25px; } .sparsh-decor-passion-mv-title { font-size: 39px; line-height: 1.08; letter-spacing: -1.5px; } .sparsh-decor-passion-mv-intro { font-size: 14px; line-height: 1.7; margin-top: 22px; } .sparsh-decor-passion-mv-card { min-height: 430px; padding: 28px 24px; } .sparsh-decor-passion-mv-line { margin: 23px 0 32px; } .sparsh-decor-passion-mv-content h3 { font-size: 29px; line-height: 1.18; } .sparsh-decor-passion-mv-content p { font-size: 14px; line-height: 1.75; margin-top: 20px; } .sparsh-decor-passion-mv-bottom { padding-top: 28px; } .sparsh-decor-passion-mv-bottom span { font-size: 8px; padding: 8px 10px; } } /* ========================================================= VERY SMALL DEVICES ========================================================= */ @media (max-width: 380px) { .sparsh-decor-passion-mv-title { font-size: 34px; } .sparsh-decor-passion-mv-card { padding: 25px 20px; } .sparsh-decor-passion-mv-content h3 { font-size: 26px; } } #sparsh-decor-passion-testimonials, .sparsh-decor-passion-testimonials { width: 100%; background: #ffffff; padding: 50px 30px; box-sizing: border-box; overflow: hidden; font-family: Arial, Helvetica, sans-serif; } /* ========================================================= CONTAINER ========================================================= */ .sparsh-decor-passion-testimonials-container { width: 100%; max-width: 1250px; margin: 0 auto; } /* ========================================================= HEADING ========================================================= */ .sparsh-decor-passion-testimonials-heading { text-align: center; max-width: 680px; margin: 0 auto 60px; } .sparsh-decor-passion-testimonials-eyebrow { display: inline-flex; align-items: center; gap: 12px; color: #eb595f; font-size: 17px; font-weight: 700; letter-spacing: 3px; margin-bottom: 20px; } .sparsh-decor-passion-testimonials-eyebrow::before, .sparsh-decor-passion-testimonials-eyebrow::after { content: ""; width: 28px; height: 1px; background: #eb595f; } .sparsh-decor-passion-testimonials-heading h2 { margin: 0; color: #222222; font-size: clamp(38px, 5vw, 35px); line-height: 1.05; font-weight: 600; letter-spacing: -2px; } .sparsh-decor-passion-testimonials-heading h2 span { display: block; color: #eb595f; } .sparsh-decor-passion-testimonials-heading p { margin: 22px auto 0; max-width: 560px; color: #777777; font-size: 15px; line-height: 1.8; } /* ========================================================= SLIDER ========================================================= */ .sparsh-decor-passion-testimonials-slider { width: 100%; overflow: hidden; } .sparsh-decor-passion-testimonials-track { display: flex; gap: 22px; transition: transform 0.75s cubic-bezier(0.22, 0.61, 0.36, 1); will-change: transform; } /* ========================================================= TESTIMONIAL CARD ========================================================= */ .sparsh-decor-passion-testimonial-card { flex: 0 0 calc((100% - 44px) / 3); min-height: 350px; padding: 34px; box-sizing: border-box; background: #eb595f; position: relative; display: flex; flex-direction: column; border-radius: 20px; transition: transform 0.4s ease, box-shadow 0.4s ease; } .sparsh-decor-passion-testimonial-card:hover { transform: translateY(-8px); box-shadow: 0 20px 45px rgba(235, 89, 95, 0.2); } /* ========================================================= TOP ========================================================= */ .sparsh-decor-passion-testimonial-top { display: flex; justify-content: space-between; align-items: flex-start; } .sparsh-decor-passion-testimonial-quote { width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: rgba(255, 255, 255, 0.15); color: #ffffff; font-family: Georgia, serif; font-size: 32px; line-height: 1; padding-top: 7px; } .sparsh-decor-passion-testimonial-stars { color: #ffffff; font-size: 12px; letter-spacing: 2px; white-space: nowrap; } /* ========================================================= TESTIMONIAL TEXT ========================================================= */ .sparsh-decor-passion-testimonial-text { margin: 30px 0 30px; color: rgba(255, 255, 255, 0.92); font-family: Georgia, "Times New Roman", serif; font-size: 17px; line-height: 1.75; font-weight: 400; flex: 1; } /* ========================================================= AUTHOR ========================================================= */ .sparsh-decor-passion-testimonial-author { display: flex; align-items: center; gap: 14px; padding-top: 22px; border-top: 1px solid rgba(255, 255, 255, 0.25); } .sparsh-decor-passion-testimonial-avatar { width: 45px; height: 45px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: #ffffff; color: #eb595f; font-size: 12px; font-weight: 700; } .sparsh-decor-passion-testimonial-author h4 { margin: 0 0 5px; color: #ffffff; font-size: 14px; font-weight: 600; letter-spacing: 0.2px; } .sparsh-decor-passion-testimonial-author span { color: rgba(255, 255, 255, 0.65); font-size: 11px; } /* ========================================================= NAVIGATION ========================================================= */ .sparsh-decor-passion-testimonials-navigation { margin-top: 38px; display: flex; justify-content: center; align-items: center; gap: 18px; } .sparsh-decor-passion-testimonial-prev, .sparsh-decor-passion-testimonial-next { width: 46px; height: 46px; border: 1px solid #dddddd; background: #ffffff; color: #333333; border-radius: 50%; cursor: pointer; display: flex; align-items: center; justify-content: center; font-size: 18px; transition: background 0.3s ease, color 0.3s ease, border-color 0.3s ease, transform 0.3s ease; } .sparsh-decor-passion-testimonial-prev:hover, .sparsh-decor-passion-testimonial-next:hover { background: #eb595f; color: #ffffff; border-color: #eb595f; transform: translateY(-2px); } /* ========================================================= PROGRESS BAR ========================================================= */ .sparsh-decor-passion-testimonial-progress { width: 100px; height: 2px; background: #eeeeee; overflow: hidden; } .sparsh-decor-passion-testimonial-progress span { display: block; width: 33.333%; height: 100%; background: #eb595f; transition: width 0.5s ease; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1000px) { #sparsh-decor-passion-testimonials, .sparsh-decor-passion-testimonials { padding: 90px 24px; } .sparsh-decor-passion-testimonial-card { flex: 0 0 calc((100% - 22px) / 2); } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 650px) { #sparsh-decor-passion-testimonials, .sparsh-decor-passion-testimonials { padding: 75px 18px; } .sparsh-decor-passion-testimonials-heading { margin-bottom: 40px; } .sparsh-decor-passion-testimonials-heading h2 { font-size: 39px; letter-spacing: -1.5px; } .sparsh-decor-passion-testimonials-heading p { font-size: 14px; line-height: 1.7; } .sparsh-decor-passion-testimonial-card { flex: 0 0 100%; min-height: 380px; padding: 28px; } .sparsh-decor-passion-testimonial-text { font-size: 16px; line-height: 1.7; } } /* ========================================================= SMALL MOBILE ========================================================= */ @media (max-width: 380px) { .sparsh-decor-passion-testimonials-heading h2 { font-size: 34px; } .sparsh-decor-passion-testimonial-card { padding: 24px; } } .bg-white { background:#fff !important; } #sparsh-decor-passion-founder, .sparsh-decor-passion-founder { width: 100%; position: relative; background: #eb595f; color: #ffffff; overflow: hidden; box-sizing: border-box; padding: 50px 35px; } /* ========================================================= CONTAINER ========================================================= */ .sparsh-decor-passion-founder-container { width: 100%; max-width: 1240px; margin: 0 auto; display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(400px, 0.75fr); align-items: center; gap: 90px; position: relative; z-index: 3; } /* ========================================================= DECORATIVE BACKGROUND CIRCLE ========================================================= */ .sparsh-decor-passion-founder-circle { position: absolute; width: 620px; height: 620px; border: 1px solid rgba(255,255,255,0.13); border-radius: 50%; right: -280px; top: -250px; pointer-events: none; } .sparsh-decor-passion-founder-circle::after { content: ""; position: absolute; width: 440px; height: 440px; border: 1px solid rgba(255,255,255,0.08); border-radius: 50%; top: 90px; left: 90px; } /* ========================================================= DECORATIVE VERTICAL LINE ========================================================= */ .sparsh-decor-passion-founder-line { position: absolute; width: 1px; height: 220px; background: linear-gradient( to bottom, transparent, rgba(255,255,255,0.20), transparent ); left: 7%; top: 50%; transform: translateY(-50%); pointer-events: none; } /* ========================================================= EYEBROW ========================================================= */ .sparsh-decor-passion-founder-eyebrow { display: flex; align-items: center; gap: 13px; color: rgba(255,255,255,0.72); font-size: 11px; font-weight: 600; letter-spacing: 3px; margin-bottom: 25px; } .sparsh-decor-passion-founder-eyebrow::before { content: ""; width: 42px; height: 1px; background: rgba(255,255,255,0.65); } /* ========================================================= TITLE ========================================================= */ .sparsh-decor-passion-founder-title { max-width: 720px; margin: 0; color: #ffffff; font-size:clamp(27px, 3vw, 30px); font-weight: 600; line-height: 1.3; letter-spacing: -2.8px; } .sparsh-decor-passion-founder-title span { display: block; color:rgba(255,255,255,0.66); } /* ========================================================= DIVIDER ========================================================= */ .sparsh-decor-passion-founder-divider { width: 65px; height: 1px; background: #ffffff; opacity: 0.65; margin: 34px 0 27px; } /* ========================================================= INTRO ========================================================= */ .sparsh-decor-passion-founder-intro { max-width: 650px; margin: 0 0 17px; color: #ffffff; font-size: 20px; line-height: 1.65; font-weight: 400; } /* ========================================================= DESCRIPTION ========================================================= */ .sparsh-decor-passion-founder-description { max-width: 625px; margin: 0; color: rgba(255,255,255,0.72); font-size: 15px; line-height: 1.85; font-weight: 400; } /* ========================================================= FOUNDER DETAILS ========================================================= */ .sparsh-decor-passion-founder-details { margin-top: 35px; padding-left: 18px; border-left: 1px solid rgba(255,255,255,0.45); } .sparsh-decor-passion-founder-details h3 { margin: 0 0 6px; color: #ffffff; font-size: 19px; font-weight: 500; letter-spacing: 0.2px; } .sparsh-decor-passion-founder-details span { color: rgba(255,255,255,0.62); font-size: 11px; letter-spacing: 1.5px; text-transform: uppercase; } /* ========================================================= CTA ========================================================= */ .sparsh-decor-passion-founder-actions { margin-top: 35px; } .sparsh-decor-passion-founder-btn { display: inline-flex; align-items: center; gap: 22px; padding: 14px 20px 14px 22px; background: #ffffff; color: #eb595f; text-decoration: none; font-size: 12px; font-weight: 600; letter-spacing: 0.4px; transition: transform 0.35s ease, background 0.35s ease, color 0.35s ease; } .sparsh-decor-passion-founder-btn span { font-size: 18px; line-height: 1; transition: transform 0.35s ease; } .sparsh-decor-passion-founder-btn:hover { background: #222222; color: #ffffff; transform: translateY(-3px); } .sparsh-decor-passion-founder-btn:hover span { transform: translateX(5px); } /* ========================================================= IMAGE AREA ========================================================= */ .sparsh-decor-passion-founder-visual { position: relative; width: 100%; max-width: 500px; justify-self: end; } /* ========================================================= IMAGE FRAME ========================================================= */ .sparsh-decor-passion-founder-image-frame { position: relative; width: 100%; padding: 11px; box-sizing: border-box; background: #ffffff; } /* Decorative offset frame */ .sparsh-decor-passion-founder-image-frame::before { content: ""; position: absolute; top: -16px; right: -16px; width: 100%; height: 100%; border: 1px solid rgba(255,255,255,0.38); z-index: -1; } .sparsh-decor-passion-founder-image { display: block; width: 100%; height: 570px; object-fit: cover; object-position: center; filter: saturate(0.92) contrast(1.02); } /* ========================================================= FLOATING BADGE ========================================================= */ .sparsh-decor-passion-founder-badge { position: absolute; left: -45px; bottom: 35px; display: flex; align-items: center; gap: 15px; padding: 15px 18px; background: #ffffff; color: #222222; box-shadow: 0 15px 40px rgba(0,0,0,0.12); } .sparsh-decor-passion-founder-badge-number { display: flex; align-items: center; justify-content: center; width: 38px; height: 38px; background: #eb595f; color: #ffffff; font-size: 11px; font-weight: 600; } .sparsh-decor-passion-founder-badge-text { font-size: 9px; line-height: 1.5; letter-spacing: 1.5px; font-weight: 600; color: #555555; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1050px) { #sparsh-decor-passion-founder, .sparsh-decor-passion-founder { padding: 85px 30px; } .sparsh-decor-passion-founder-container { grid-template-columns: minmax(0, 1fr) minmax(330px, 0.7fr); gap: 55px; } .sparsh-decor-passion-founder-image { height: 500px; } .sparsh-decor-passion-founder-badge { left: -25px; } } /* ========================================================= TABLET / SMALL LAPTOP ========================================================= */ @media (max-width: 800px) { #sparsh-decor-passion-founder, .sparsh-decor-passion-founder { padding: 75px 24px; } .sparsh-decor-passion-founder-container { grid-template-columns: 1fr; gap: 55px; } .sparsh-decor-passion-founder-content { max-width: 700px; margin: 0 auto; text-align: center; } .sparsh-decor-passion-founder-eyebrow { justify-content: center; } .sparsh-decor-passion-founder-title { margin-left: auto; margin-right: auto; } .sparsh-decor-passion-founder-divider { margin-left: auto; margin-right: auto; } .sparsh-decor-passion-founder-intro, .sparsh-decor-passion-founder-description { margin-left: auto; margin-right: auto; } .sparsh-decor-passion-founder-details { display: inline-block; text-align: left; } .sparsh-decor-passion-founder-visual { width: min(100%, 500px); margin: 0 auto; justify-self: center; } .sparsh-decor-passion-founder-line { display: none; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 600px) { #sparsh-decor-passion-founder, .sparsh-decor-passion-founder { padding: 65px 18px; } .sparsh-decor-passion-founder-container { gap: 42px; } .sparsh-decor-passion-founder-eyebrow { font-size: 9px; letter-spacing: 2.3px; margin-bottom: 20px; } .sparsh-decor-passion-founder-eyebrow::before { width: 27px; } .sparsh-decor-passion-founder-title { font-size: 40px; line-height: 1.08; letter-spacing: -1.7px; } .sparsh-decor-passion-founder-intro { font-size: 17px; line-height: 1.65; } .sparsh-decor-passion-founder-description { font-size: 14px; line-height: 1.8; } .sparsh-decor-passion-founder-details { margin-top: 28px; } .sparsh-decor-passion-founder-image-frame { padding: 8px; } .sparsh-decor-passion-founder-image { height: 450px; } .sparsh-decor-passion-founder-image-frame::before { top: -10px; right: -10px; } .sparsh-decor-passion-founder-badge { left: 10px; bottom: 20px; padding: 11px 13px; gap: 10px; } .sparsh-decor-passion-founder-badge-number { width: 32px; height: 32px; } .sparsh-decor-passion-founder-badge-text { font-size: 8px; letter-spacing: 1.2px; } } /* ========================================================= SMALL MOBILE ========================================================= */ @media (max-width: 380px) { .sparsh-decor-passion-founder-title { font-size: 35px; } .sparsh-decor-passion-founder-image { height: 400px; } .sparsh-decor-passion-founder-btn { width: 100%; justify-content: center; box-sizing: border-box; } } #sparsh-decor-passion-faq, .sparsh-decor-passion-faq { width: 100%; position: relative; overflow: hidden; box-sizing: border-box; padding: 50px 35px; background: #eb595f; color: #ffffff; font-family: Arial, Helvetica, sans-serif; } /* ========================================================= MAIN CONTAINER ========================================================= */ .sparsh-decor-passion-faq-container { width: 100%; max-width: 1240px; margin: 0 auto; /*display: grid; grid-template-columns: minmax(320px, 0.72fr) minmax(500px, 1.28fr); gap: 100px;*/ align-items: start; position: relative; z-index: 2; } /* ========================================================= DECORATIVE CIRCLE ========================================================= */ .sparsh-decor-passion-faq-circle { position: absolute; width: 650px; height: 650px; right: -310px; bottom: -380px; border: 1px solid rgba(255,255,255,0.13); border-radius: 50%; pointer-events: none; } .sparsh-decor-passion-faq-circle::before { content: ""; position: absolute; width: 430px; height: 430px; top: 110px; left: 110px; border: 1px solid rgba(255,255,255,0.08); border-radius: 50%; } /* ========================================================= DECORATIVE LINE ========================================================= */ .sparsh-decor-passion-faq-line { position: absolute; left: 7%; top: 0; width: 1px; height: 100%; background: linear-gradient( to bottom, transparent, rgba(255,255,255,0.14) 30%, rgba(255,255,255,0.14) 70%, transparent ); pointer-events: none; } /* ========================================================= INTRO ========================================================= */ .sparsh-decor-passion-faq-intro { position: sticky; top: 80px; } /* ========================================================= EYEBROW ========================================================= */ .sparsh-decor-passion-faq-eyebrow { display: flex; align-items: center; gap: 13px; margin-bottom: 25px; color: rgba(255,255,255,0.72); font-size: 10px; font-weight: 600; letter-spacing: 3px; } .sparsh-decor-passion-faq-eyebrow::before { content: ""; width: 40px; height: 1px; background: rgba(255,255,255,0.65); } /* ========================================================= TITLE ========================================================= */ .sparsh-decor-passion-faq-title { margin: 0; max-width: 500px; color: #ffffff; font-size: clamp(42px, 5vw, 65px); font-weight: 400; line-height: 1.04; letter-spacing: -2.5px; } .sparsh-decor-passion-faq-title span { display: block; color: rgba(255,255,255,0.63); } /* ========================================================= DESCRIPTION ========================================================= */ .sparsh-decor-passion-faq-description { max-width: 440px; margin: 30px 0 0; color: rgba(255,255,255,0.74); font-size: 15px; line-height: 1.85; } /* ========================================================= HELP NOTE ========================================================= */ .sparsh-decor-passion-faq-note { display: flex; align-items: center; gap: 14px; margin-top: 45px; padding-top: 25px; border-top: 1px solid rgba(255,255,255,0.20); max-width: 420px; } .sparsh-decor-passion-faq-note-icon { display: flex; align-items: center; justify-content: center; width: 38px; height: 38px; flex-shrink: 0; border: 1px solid rgba(255,255,255,0.4); border-radius: 50%; color: #ffffff; font-family: Georgia, serif; font-size: 19px; } .sparsh-decor-passion-faq-note strong { display: block; margin-bottom: 4px; color: #ffffff; font-size: 13px; font-weight: 600; } .sparsh-decor-passion-faq-note span { color: rgba(255,255,255,0.62); font-size: 11px; } /* ========================================================= ACCORDION ========================================================= */ .sparsh-decor-passion-faq-accordion { width: 100%; } /* ========================================================= FAQ ITEM ========================================================= */ .sparsh-decor-passion-faq-item { border-top: 1px solid rgba(255,255,255,0.27); } .sparsh-decor-passion-faq-item:last-child { border-bottom: 1px solid rgba(255,255,255,0.27); } /* ========================================================= QUESTION ========================================================= */ .sparsh-decor-passion-faq-question { width: 100%; display: grid; grid-template-columns: 48px 1fr 35px; align-items: center; gap: 18px; padding: 27px 0; border: 0; outline: none; background: transparent; color: #ffffff; text-align: left; cursor: pointer; font-family: inherit; } /* ========================================================= NUMBER ========================================================= */ .sparsh-decor-passion-faq-number { color: rgba(255,255,255,0.46); font-size: 10px; letter-spacing: 1.5px; font-weight: 600; } /* ========================================================= QUESTION TEXT ========================================================= */ .sparsh-decor-passion-faq-question-text { color: #ffffff; font-size: 17px; line-height: 1.45; font-weight: 400; transition: color 0.3s ease; } .sparsh-decor-passion-faq-question:hover .sparsh-decor-passion-faq-question-text { color: rgba(255,255,255,0.72); } /* ========================================================= PLUS / MINUS ICON ========================================================= */ .sparsh-decor-passion-faq-icon { position: relative; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; border: 1px solid rgba(255,255,255,0.32); border-radius: 50%; transition: background 0.3s ease, border-color 0.3s ease, transform 0.3s ease; } .sparsh-decor-passion-faq-icon span { position: absolute; width: 10px; height: 1px; background: #ffffff; transition: transform 0.35s ease; } .sparsh-decor-passion-faq-icon span:first-child { transform: rotate(0deg); } .sparsh-decor-passion-faq-icon span:last-child { transform: rotate(90deg); } /* ACTIVE ICON */ .sparsh-decor-passion-faq-active .sparsh-decor-passion-faq-icon { background: #ffffff; border-color: #ffffff; transform: rotate(180deg); } .sparsh-decor-passion-faq-active .sparsh-decor-passion-faq-icon span { background: #eb595f; } .sparsh-decor-passion-faq-active .sparsh-decor-passion-faq-icon span:last-child { transform: rotate(0deg); } /* ========================================================= ANSWER ========================================================= */ .sparsh-decor-passion-faq-answer { display: grid; grid-template-rows: 0fr; transition: grid-template-rows 0.45s cubic-bezier(.22,.61,.36,1); } .sparsh-decor-passion-faq-active .sparsh-decor-passion-faq-answer { grid-template-rows: 1fr; } .sparsh-decor-passion-faq-answer-inner { overflow: hidden; /*max-width: 720px;*/ padding-left: 66px; padding-right: 55px; color: rgba(255,255,255,0.72); font-size: 14px; line-height: 1.85; } /* ========================================================= ANSWER BOTTOM SPACING ========================================================= */ .sparsh-decor-passion-faq-active .sparsh-decor-passion-faq-answer-inner { padding-bottom: 29px; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1050px) { #sparsh-decor-passion-faq, .sparsh-decor-passion-faq { padding: 90px 30px; } .sparsh-decor-passion-faq-container { grid-template-columns: minmax(280px, 0.7fr) minmax(420px, 1.3fr); gap: 55px; } .sparsh-decor-passion-faq-title { font-size: 48px; } } /* ========================================================= TABLET / SMALL LAPTOP ========================================================= */ @media (max-width: 800px) { #sparsh-decor-passion-faq, .sparsh-decor-passion-faq { padding: 75px 24px; } .sparsh-decor-passion-faq-container { grid-template-columns: 1fr; gap: 55px; } .sparsh-decor-passion-faq-intro { position: relative; top: auto; text-align: center; } .sparsh-decor-passion-faq-eyebrow { justify-content: center; } .sparsh-decor-passion-faq-title { margin-left: auto; margin-right: auto; } .sparsh-decor-passion-faq-description { margin-left: auto; margin-right: auto; } .sparsh-decor-passion-faq-note { margin-left: auto; margin-right: auto; text-align: left; } .sparsh-decor-passion-faq-line { display: none; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 600px) { #sparsh-decor-passion-faq, .sparsh-decor-passion-faq { padding: 65px 18px; } .sparsh-decor-passion-faq-container { gap: 40px; } .sparsh-decor-passion-faq-eyebrow { font-size: 8.5px; letter-spacing: 2.1px; margin-bottom: 19px; } .sparsh-decor-passion-faq-eyebrow::before { width: 25px; } .sparsh-decor-passion-faq-title { font-size: 39px; line-height: 1.08; letter-spacing: -1.6px; } .sparsh-decor-passion-faq-description { margin-top: 23px; font-size: 14px; line-height: 1.75; } .sparsh-decor-passion-faq-note { margin-top: 32px; padding-top: 20px; } .sparsh-decor-passion-faq-question { grid-template-columns: 32px 1fr 32px; gap: 10px; padding: 22px 0; } .sparsh-decor-passion-faq-question-text { font-size: 14px; line-height: 1.5; } .sparsh-decor-passion-faq-number { font-size: 9px; } .sparsh-decor-passion-faq-icon { width: 28px; height: 28px; } .sparsh-decor-passion-faq-answer-inner { padding-left: 42px; padding-right: 28px; font-size: 13px; line-height: 1.75; } .sparsh-decor-passion-faq-active .sparsh-decor-passion-faq-answer-inner { padding-bottom: 24px; } } /* ========================================================= VERY SMALL DEVICES ========================================================= */ @media (max-width: 380px) { .sparsh-decor-passion-faq-title { font-size: 34px; } .sparsh-decor-passion-faq-question { grid-template-columns: 27px 1fr 29px; } .sparsh-decor-passion-faq-question-text { font-size: 13px; } .sparsh-decor-passion-faq-answer-inner { padding-left: 37px; padding-right: 20px; font-size: 12.5px; } }
.inner-content ul li { font-size: 17px;line-height: 24px;font-weight: 500 !important;color: #333; }
.inner-content ol li { font-size: 17px;line-height: 24px;font-weight: 500 !important;color: #333; }
.navbar-toggle { margin-top:3px !important;margin-bottom:3px !important; }
.sr-only { position: relative !important; }