body { font-family: 'Nunito Sans', sans-serif; } :root { --dark: #00122e; --light: #ffffff; --light-grey: #f3f3f3; --cyan: transparent; --light-cyan: transparent; --pink: transparent; --dark-blue: transparent; ---dark-grey:#D9D9D9; } .text-pink { color: var(--pink); } p{ font-size: 18px; } .text-cyan { color: var(--cyan); } .text-light { color: var(--cyan); } .bg-light-grey { background-color: var(--light-grey); } .pulse:hover, .pulse:focus { animation: pulse 0.5s; box-shadow: 0 0 0 10px transparent; } @keyframes pulse { 0% { box-shadow: 0 0 0 0 var(--light); } } .pulse-dark:hover, .pulse-dark:focus { animation: pulse-dark 0.5s; box-shadow: 0 0 0 10px transparent; } @keyframes pulse-dark { 0% { box-shadow: 0 0 0 0 var(--dark); } } .announcement { background-color: var(--dark); color: var(--light); height: 50px; } .announcement .announcement-text { text-transform: uppercase; font-weight: 700; padding: 15px; display: inline; max-width: 200px; } .navbar-nav{ align-items: baseline; } .fixed-header{ position: fixed; padding: 0px 0px; z-index: 999; opacity: 1; visibility: visible; background-color: #fff; box-shadow: 0 3px 5px rgb(57 63 72 / 30%); } .fixed-header { animation: fadeIn ease 1s; -webkit-animation: fadeIn ease 1s; -moz-animation: fadeIn ease 1s; -o-animation: fadeIn ease 1s; -ms-animation: fadeIn ease 1s; } @keyframes fadeIn { from { opacity: 0; transform: translate3d(0, -20%, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } .fixed-header { top: 0px; margin: 0px; width: 100%; position: fixed; padding: 5px 0px; } .navbar .navbar-brand img { display: inline-block; height: auto; } .navbar #pageMenu .nav-link { font-size: 16px; font-weight: 900; text-transform: uppercase; color: var(--cyan); transition: all 0.3s ease; } .navbar #pageMenu .nav-link.active, .navbar #pageMenu .nav-link:hover { color: var(--pink); } .active, .nav-link:hover { color: var(--pink); } /* new banner chnages */ .book-now-btn{ color: var(--light) !important; padding: 10px 35px 10px 35px !important; line-height: 25px; background-color: var(--cyan) !important; border-color: var(--cyan); } /* .book-now-btn.nav-link{ background-color: red!important; } */ .book-now-btn:hover { background-color:var(--dark-blue)!important; transition: 0.7s; } .banner { background-color: var(--light); height: 550px; } .banner img{ position: absolute; left: 0px; right: 0px; height: 550px; width: 100%; } .banner .call-to-action { margin-top: 55px; position: absolute; line-height: 25px; } /* new banner chnages */ .banner .call-to-action h1 { font-size: 65px; font-weight: 900; color: var(--cyan); margin: 20px 0; } .owl-dots {display: none !important;} .banner_dynamic img { width: 100%; position: absolute; left: 0px; right: 0px; top: 129px; height: 667px; } .call-to-action span{ margin-bottom: 20px; } .banner .call-to-action h2 { font-size: 40px; font-weight: 900; margin: 0; padding-bottom: 25px; } /* for testingabc */ .banner .call-to-action .big { font-size: 55px; color: var(--cyan); text-transform: uppercase; display: inline-block; padding: 0 15px; margin-top: -45px; line-height: inherit; padding-left: 0px; } .banner .call-to-action .btn-cta { background-color: var(--pink); color: var(--cyan); max-height: 60px; font-size: 24px; font-weight: 900; padding: 15px 30px; border-radius: 30px; text-decoration: none; } .about-us { background: transparent url(../imgs/about-us.webp) center center no-repeat; background-size: cover; padding: 70px 0; position: relative; } .location_banner{ background-image: url(../imgs/loca-ban.webp) !important; background-repeat: no-repeat; background-position: center; background-size: cover; /* background: url(images/bg.webp) no-repeat center center fixed; */ -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; height: fit-content; } .location{ background: transparent url(../imgs/delivery5.webp) right center no-repeat; background-size: 50%; padding: 70px 0; position: relative; } .location-img{ background: transparent url(../imgs/delivery5.webp) right center no-repeat; background-size: 50%; padding: 70px 0; /* background-position: right; */ } /* test */ a.dropdown-item { color: var(--cyan); font-size: 17px; font-weight: 700; text-transform: uppercase; } .location_nav{ /* overflow-y: scroll; height: 300px; */ /* border:none; */ } h1.location_heading { font-size: calc(1.375rem + 1.5vw); font-weight: bolder; display: inline-block; } h2.location_heading{ font-weight: lighter; display: inline-block; font-size: calc(1.325rem + .9vw); } .home__img{ width: 300px; justify-self: center; } /*========== HOME ==========*/ .home__container{ height: calc(100vh - var(--header-height)); align-content: center; } .home__title{ font-size: var(--biggest-font-size); color: var(--first-color); margin-bottom: var(--mb-1); } .home__subtitle{ font-size: var(--h1-font-size); color: var(--title-color); margin-bottom: var(--mb-4); } .home__img{ width: 300px; justify-self: center; } /*========== LAYOUT ==========*/ .bd-container{ max-width: 960px; width: calc(100% - 2rem); margin-left: var(--mb-2); margin-right: var(--mb-2); } .bd-grid{ display: grid; gap: 1.5rem; } .l-header{ width: 100%; position: fixed; top: 0; left: 0; z-index: var(--z-fixed); background-color: var(--body-color); } /* whychooseUs style */ h1, h2, h3, h4, h5, h6 {} a, a:hover, a:focus, a:active { text-decoration: none; outline: none; } a, a:active, a:focus { color: #333; text-decoration: none; transition-timing-function: ease-in-out; -ms-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-duration: .2s; -ms-transition-duration: .2s; -moz-transition-duration: .2s; -webkit-transition-duration: .2s; -o-transition-duration: .2s; } ul { margin: 0; padding: 0; list-style: none; } img { max-width: 100%; height: auto; } span, a, a:hover { display: inline-block; text-decoration: none; color: inherit; } .section-head { margin-bottom: 60px; } .section-head h4 { position: relative; padding:0; color:var(--cyan); line-height: 1; letter-spacing:0.3px; font-size: 34px; font-weight: 700; text-align:center; text-transform:none; margin-bottom:30px; } .section-head h4:before { content: ''; width: 60px; height: 3px; background: var(--cyan); position: absolute; left: 0px; bottom: -10px; right:0; margin:0 auto; } .section-head h4 span { padding-bottom: 5px; color:#2f2f2f } .section-head h4 { font-weight: 900; font-size: 30px; } p.service_text{ color:#cccccc !important; font-size:16px; line-height:28px; text-align:center; } /* .section-head p, p.awesome_line{ color:#818181; font-size:16px; line-height:28px; text-align:center; } */ .extra-text { font-size:34px; font-weight: 700; color:#2f2f2f; margin-bottom: 25px; position:relative; text-transform: none; } .extra-text::before { content: ''; width: 60px; height: 3px; background: var(--cyan);; position: absolute; left: 0px; bottom: -10px; right: 0; margin: 0 auto; } .extra-text span { font-weight: 700; color:var(--cyan);; } .why_choose_us_item { background: #fff; text-align: center; padding: 30px 25px; -webkit-box-shadow:0 0px 25px rgba(0, 0, 0, 0.07); box-shadow:0 0px 25px rgba(0, 0, 0, 0.07); border-radius: 20px; /* border:5px solid rgba(0, 0, 0, 0.07); */ margin-bottom: 10px; -webkit-transition: all .5s ease 0; transition: all .5s ease 0; transition: all 0.5s ease 0s; min-height: 345px; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .why_choose_us_item:hover{ background:var(--cyan);; box-shadow:0 8px 20px 0px rgba(0, 0, 0, 0.2); -webkit-transition: all .5s ease 0; transition: all .5s ease 0; transition: all 0.5s ease 0s; } .why_choose_us_item:hover .why_choose_us_item, .why_choose_us_item:hover span.icon{ background:#fff; border-radius:10px; -webkit-transition: all .5s ease 0; transition: all .5s ease 0; transition: all 0.5s ease 0s; } .why_choose_us_item:hover h6, .why_choose_us_item:hover p{ color:#fff; -webkit-transition: all .5s ease 0; transition: all .5s ease 0; transition: all 0.5s ease 0s; } .why_choose_us_item .icon { font-size: 40px; margin-bottom:25px; color: var(--cyan); width: 90px; height: 90px; line-height: 96px; border-radius: 50px; } .why_choose_us_item .feature_box_col_one{ background:rgba(247, 198, 5, 0.20); color:var(--cyan); } .why_choose_us_item.feature_box_col_two{ background:rgba(255, 77, 28, 0.15); color:var(--cyan); } .why_choose_us_item .feature_box_col_three{ background:rgba(0, 147, 38, 0.15); color:var(--cyan); } .why_choose_us_item .feature_box_col_four{ background:rgba(0, 108, 255, 0.15); color:#f91942 } .why_choose_us_item.feature_box_col_five{ background:rgba(146, 39, 255, 0.15); color:#f91942 } .why_choose_us_item .feature_box_col_six{ background:rgba(23, 39, 246, 0.15); color:#f91942 } .why_choose_us_item p{ font-size:16px !important; line-height:26px; max-height: 100px; } .whychoosecontent{ -webkit-line-clamp: 3; text-overflow: ellipsis; overflow: hidden; display: -webkit-box !important; -webkit-box-orient: vertical; word-wrap: break-word; } .why_choose_us_item h6 { margin-bottom: 20px; color: #2f2f2f; font-size: 25px; font-weight: 700; } .mission p { margin-bottom: 10px; font-size: 15px; line-height: 28px; font-weight: 500; } .mission i { display: inline-block; width: 50px; height: 50px; line-height: 50px; text-align: center; background: #f91942; border-radius: 50%; color: #fff; font-size: 25px; } .mission .small-text { margin-left: 10px; font-size: 13px; color: #666; } .skills { padding-top:0px; } .skills .prog-item { margin-bottom: 25px; } .skills .prog-item:last-child { margin-bottom: 0; } .skills .prog-item p { font-weight: 500; font-size: 15px; margin-bottom: 10px; } .skills .prog-item .skills-progress { width: 100%; height: 10px; background: #e0e0e0; border-radius:20px; position: relative; } .skills .prog-item .skills-progress span { position: absolute; left: 0; top: 0; height: 100%; background: #f91942; width: 10%; border-radius: 10px; -webkit-transition: all 1s; transition: all 1s; } .skills .prog-item .skills-progress span:after { content: attr(data-value); position: absolute; top: -5px; right: 0; font-size: 10px; font-weight:600; color: #fff; background:rgba(0, 0, 0, 0.9); padding: 3px 7px; border-radius: 30px; } .mobile-view-why-choose-us{ display: none; } .whychooseus-content{ display: -webkit-box; overflow: hidden; /* -webkit-line-clamp: 3; */ -webkit-box-orient: vertical; } /* test */ .about-us .about h3 { font-weight: 100; color: var(--cyan); } .about-us .about .text { font-size: 24px; } .about-us .download { margin-top: 100px; /* margin-bottom: -60px; */ } .about-us .download h3 { font-size: 45px; font-weight: 900; text-transform: uppercase; color: var(--pink); line-height: 1; margin: 0; text-align: center; } .about-us .download p { font-size: 30px; font-weight: 900; color: var(--cyan); margin: 0; text-align: center; } .download-app { padding: 60px 0; min-height: 400px; background: transparent url('../imgs/download.webp') center center no-repeat; background-size: cover; background-attachment: fixed; } .download-app .buttons { margin-bottom: 45px; clear: both; } .download-app .buttons a { border: none; display: inline-block; border-radius: 30px; overflow: hidden } .download-app .buttons a:first-of-type { margin-right: 30px; } .download-app .btn-cta { background-color: var(--cyan); color: var(--light); max-height: 60px; font-size: 24px; font-weight: 900; padding: 15px 30px; border-radius: 30px; text-decoration: none; margin-top: 30px; } .best-service { padding: 60px 0; min-height: 600px; background-color: var(--light-grey); background: transparent url(../imgs/bubble-bg.webp) center center repeat; } .price-list-card .circle-content{ display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; padding-bottom: 10px; } .custom-tab .nav-item .nav-link.active{ background-color: var(--dark-blue) !important; } .custom-tab button{ font-size: 20px !important; font-weight: 600 !important; } .price-list-card .circle-head { color: #fff; font-size: 28px; font-weight: 800; } .price-list-card .circle-price { font-size: 35px; font-weight: 900; } .price-list-card .circle-per-pound { font-size: 24px; font-style: italic; font-weight: 400; color: #fff; } .best-service h2 { font-size: 45px; font-weight: 900; margin-bottom: 30px; text-transform: uppercase; } .best-service .circles { width: 100%; height: auto; margin: 0 auto; display: flex; justify-content: center; } .best-service .circles > div { min-width: 460px; min-height: 460px; max-width: 460px; max-height: 460px; border-radius: 50%; padding: 40px; margin: 0 -30px; text-align: center; text-overflow: clip; word-wrap: break-word; background: rgb(81,177,254); background: linear-gradient(180deg, rgba(81, 176, 254, 0.068) 0%, rgba(81, 176, 254, 0.164) 38%, rgba(81, 176, 254, 0.199) 100%); } .best-service .circles > div h3 { font-weight: 900; font-size: 18px; text-transform: uppercase; margin: 24px 0; } .best-service .circles > div p { font-size: 14px; font-weight: 300; margin: 0 30px; } .process { background: transparent url(../imgs/pattern.webp) center center repeat; padding: 60px 0; } .call-btn{ border: 5px solid var(--cyan); font-weight: 800; padding: 10px 100px; color: var(--cyan); } .call-btn:hover{ background-color: var(--cyan); color: var(--light); } .schedule-btn{ background-color: var(--cyan) !important; color: var(--light); border-color: var(--cyan); } .process .sub-head { background: var(--light); color: var(--pink); font-weight: 700; position: relative; margin: auto; padding: 5px; z-index: 1; display: inline-block; } .process .sub-head span { position: relative; top: -4px; margin: 0px 15px; display: inline-block; } .process h2 { font-weight: 900; font-size: 45px; color: var(--pink); margin-bottom: 32px; } .process-cycle p { max-width: 220px; line-height: 1.2; margin: 16px auto; text-align: center !important; } .process-cycle p span { text-align: center !important; } .process-cycle img { display: block; margin: auto; } /* from Ashish */ .theme-bg { background-color: var(--cyan) !important; } .faq-section { background-color: var(--light-cyan); } .custom-accrodian button{ font-size: 20px; } .accordion-bg { background-color: var(--cyan) !important; } .accordion-button { background-color: var(--cyan) !important; } .accordion-button::after { background-image: url('../imgs/arrows-angle-expand.webubble-bg.webp') !important; color: var(--light) !important; } .view-faq-btn { background-color: var(--pink); border: var(--pink); } .theme-pink-color{ color: var(--cyan); } .view-faq-btn:hover, .view-faq-btn:active, .view-faq-btn:focus { background-color: var(--pink); border: var(--pink); } .animated:not(.no-animate) { -webkit-animation-duration: .9s; animation-duration: .9s; -webkit-animation-fill-mode: both; animation-fill-mode: both; opacity: 1; } .animation.no-animate { opacity: 1 !important; animation-name: none !important; -webkit-animation-name: none !important; -moz-animation-name: none !important; } div[class^="bubble-"] { height: 1px; width: 1px; position: absolute; background: url(../imgs/buble.webp) no-repeat center center; background-size: cover; border-radius: 50%; transform: translateX(-50%); pointer-events: none; } .bubble-1 { bottom: -28px; left: 58%; animation: bubble-movement 4s infinite ease-in -2.66s; } .bubble-2 { bottom: -126px; left: 48%; animation: bubble-movement 4s infinite ease-in -6.94s; } .bubble-3 { bottom: -10px; left: 30%; animation: bubble-movement 4s infinite ease-in -4.1s; } .bubble-4 { bottom: -58px; left: 23%; animation: bubble-movement 4s infinite ease-in -2.47s; } .bubble-5 { bottom: -65px; left: 85%; animation: bubble-movement 4s infinite ease-in -1.34s; } .bubble-6 { bottom: -195px; left: 91%; animation: bubble-movement 4s infinite ease-in -2.86s; } .bubble-7 { bottom: -105px; left: 70%; animation: bubble-movement 4s infinite ease-in -0.1s; } .bubble-8 { bottom: -123px; left: 48%; animation: bubble-movement 4s infinite ease-in -0.45s; } .bubble-9 { bottom: -37px; left: 19%; animation: bubble-movement 4s infinite ease-in -0.98s; } .bubble-10 { bottom: -190px; left: 4%; animation: bubble-movement 4s infinite ease-in -2.08s; } .bubble-11 { bottom: -22px; left: 33%; animation: bubble-movement 3s infinite ease-in -5.39s; } .bubble-12 { bottom: -189px; left: 32%; animation: bubble-movement 3s infinite ease-in -1.3s; } .bubble-13 { bottom: -90px; left: 15%; animation: bubble-movement 3s infinite ease-in -4.47s; } .bubble-14 { bottom: -75px; left: 10%; animation: bubble-movement 3s infinite ease-in -6.97s; } .bubble-15 { bottom: -187px; left: 8%; animation: bubble-movement 3s infinite ease-in -3.33s; } .bubble-16 { bottom: -62px; left: 92%; animation: bubble-movement 3s infinite ease-in -0.17s; } .bubble-17 { bottom: -116px; left: 44%; animation: bubble-movement 3s infinite ease-in -5.5s; } .bubble-18 { bottom: -4px; left: 39%; animation: bubble-movement 3s infinite ease-in -1.56s; } .bubble-19 { bottom: -141px; left: 57%; animation: bubble-movement 3s infinite ease-in -1.53s; } .bubble-20 { bottom: -188px; left: 56%; animation: bubble-movement 3s infinite ease-in -0.77s; } .bubbleContainer { width: 100%; position: absolute; top: 0; left: 0; height: 100%; overflow: hidden; z-index: 1; pointer-events: none; } @-webkit-keyframes bubble-movement { 0% { transform: translate3d(-50%, 0, 0); height: 1px; width: 1px; } 100% { transform: translate3d(-50%, -280px, 0); height: 75px; width: 75px; } } @-moz-keyframes bubble-movement { 0% { transform: translate3d(-50%, 0, 0); height: 1px; width: 1px; } 100% { transform: translate3d(-50%, -280px, 0); height: 75px; width: 75px; } } @-o-keyframes bubble-movement { 0% { transform: translate3d(-50%, 0, 0); height: 1px; width: 1px; } 100% { transform: translate3d(-50%, -280px, 0); height: 75px; width: 75px; } } @keyframes bubble-movement { 0% { transform: translate3d(-50%, 0, 0); height: 1px; width: 1px; } 100% { transform: translate3d(-50%, -280px, 0); height: 75px; width: 75px; } } /* contact us subcribe css start */ .contact-us{ padding-top: 80px; background-image: url('../imgs/contact-bg.webp') !important; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; } .contact-us input, .contact-us textarea { border: none; resize: none; } .contact-title{ font-size: 45px; font-weight: 800; } .custom-text{ color: var(--dark-blue); } /* contact us subcribe css end */ /* how we work css start */ .how-we-work{ padding-top: 80px; padding-bottom: 50px; background-color: var(--dark); } .we-work-title{ color: var(--cyan); font-weight: 800; font-size: 45px; } .how-we-work-single-box{ margin-top: 80px; position: relative; } .how-we-work-icon { position: relative; height: 170px; width: 170px; background-color: #f3f3f3; box-shadow: 0px 10px 60px 0px rgb(38 33 28 / 5%); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto; z-index: 1; filter: drop-shadow(2px 2px 2px var(--pink)) drop-shadow(-2px -2px 10px var(--pink)); } .how-we-work-count { height: 85px; width: 85px; background-color: var(--pink); border-radius: 50%; display: flex; align-items: center; justify-content: center; position: absolute; top: -30px; margin: 0 auto; font-size: 55px; color: var(--light); font-weight: 800; } .how-we-work-list li::before { position: absolute; top: 170px; right: -75px; content: ""; width: 158px; border-bottom: 1px solid var(--light); } .how-we-work-list li:nth-child(4)::before{ display: none; } .how-we-work-list { position: relative; display: flex; align-items: center; flex-wrap: wrap; counter-reset: count; } .how-we-work-single { position: relative; flex: 25%; max-width: 25%; width: 100%; display: flex; align-items: center; justify-content: center; text-align: center; flex-direction: column; } .custom-badge{ background-color: var(--pink) !important; max-width: 220px; } /* how we work css end */ /* section news subcribe css start */ .news-subcribe{ background-color: var(--pink); } .news-subcribe input { border: none; appearance: none; } .newslater-form input{ padding-right: 200px !important; } /* section news subcribe css end */ /* section footer css start */ .footer-logo img{ display: inline-block; height: auto; max-width: 220px; } .social-media-links ul li{ list-style-type: none; display: inline-block; } .social-media-links ul li a{ font-size: 18px; display: inline-block; background-color: var(--cyan); color: var(--light); line-height: 1; padding: 13px 0; margin-right: 4px; border-radius: 50%; text-align: center; width: 42px; height: 42px; transition: 0.3s; } .footer-link ul li, .footer-title ul li{ list-style-type: none; } .footer-title ul{ padding-left: 0px; } .footer-link ul{ padding-left: 0px; } .footer-link ul li i { position: absolute; left: 0; /* top: 5px; */ } /* section footer css end */ /* section testimonial css start */ .testimonial{ background-color: var(--cyan); padding-bottom: 100px; } .testimonial-head{ font-size: 55px; font-weight: 900; } .custom-card-testimonial .owl-nav{ text-align: right; margin-top: 0px; } .custom-card-testimonial .owl-nav .owl-prev{ background-color: var(--cyan) !important; height: 50px; width: 50px; font-size: 25px !important; border-radius: 50px; color: var(--light) !important; } .custom-card-testimonial .owl-nav .owl-next{ background-color: var(--cyan) !important; height: 50px; width: 50px; font-size: 25px !important; border-radius: 50px; color: var(--light) !important; margin-right: 60px; } .client-image{ box-shadow: 0px 5px 20px 0px rgb(12 46 81 / 15%); border: 1px solid var(--cyan); padding: 20px; } /* section testimonial css end */ /* section Our Packages css Start */ .our-packages{ background-color: var(--light-cyan); padding: 80px 0px 80px 0px; } /* .service-each { background-color: #fff; padding: 25px 20px 25px 20px; min-height: 345px; } */ .service-each:hover{ background-color: var(--cyan); } .service-each:hover .service-text h3{ color: var(--light); } .service-each:hover .service-text p{ color: var(--light); } .service-icn { height: 100px; width: 100px; margin: auto; border-radius: 60px; background-color: #f9fafc; margin-bottom: 20px; } .flex-center { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .service-each .service-text h3 { margin-bottom: 8px; font-size: 22px; margin-top: 24px; color: var(--cyan); } .our-packages .sub-head span { position: relative; top: -4px; margin: 0px 15px; display: inline-block; } /* section Our Packages css end */ /* modal css start */ .modal-close-btn{ position: absolute; right: -15px; background-color: var(--cyan) !important; border-radius: 50px; padding: 10px; top: -17px; opacity: inherit; z-index: 1; color: var(--light) !important; } /* modal css end */ /* pricing css start */ .price-cost{ font-size: 13px; } .avatar{ width: 35px; height: 35px; border-radius: 50%; } .main-header .navbar-brand img { display: inline-block; height: auto; height: 70px; } .main-header .navbar-brand { color: rgba(0,0,0,.9); background: #fff; max-width: 600px; margin: 0 auto; padding: 0px 60px 0px 0px !important; box-sizing: border-box; } .footer-logo img { display: inline-block; height: auto; max-width: 220px; } .navbar{ margin: 0px 0; } .bg-cyan{ background-color: var(--cyan) !important; } .border-cyan{ border-color: var(--cyan); } .custom-wash-tabs .nav-link.active, .custom-wash-tabs .nav-pills .show>.nav-link { background-color: var(--cyan) !important; } .custom-wash-tabs .nav-link{ border: 1px solid var(---dark-grey); margin-right: 10px; color: var(--dark); font-weight: 700; margin-bottom: 10px; } .custom-price-card { background: #fff; margin: 0 auto; min-width: 300px; max-width: 300px; position: relative; display: inline-block; margin-right: 20px; border-radius: 10px 10px 10px 10px; vertical-align: top; margin-top: 20px; } .custom-price-card .card-header{ background-color: var(--dark-blue); border-radius: 10px 10px 0px 0px; } .custom-price-card .card-header h4{ color: var(--light); } .card-body-height { height: 360px; overflow: hidden; overflow-y: auto; } .card-body-height::-webkit-scrollbar { width: 10px; } .card-body-height::-webkit-scrollbar-track { background: #f1f1f1; } .card-body-height::-webkit-scrollbar-thumb { background: var(---dark-grey); border-radius: 20px; } .card-body-height::-webkit-scrollbar-thumb:hover { background-color: var(--dark); } .card-body-height ul li:nth-child(even){ background-color: var(--light-grey) } .lower-alpha{ list-style-type: lower-alpha; } /* pricing css end */ /* New Css Changes Start */ .price-list-card .circle-content .circle-content-inner { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; width: 310px; height: 310px; border-radius: 50%; background-color: #c6eeb4; color: #fff; } .our-packages .sub-head { color: var(--dark); font-weight: 700; position: relative; margin: auto; padding: 5px; z-index: 1; } .package-head { font-size: 45px; font-weight: 900; color: var(--dark); text-transform: uppercase; } .package-sub-head { font-weight: 600; color: var(--dark); } .service-each { background-color: #fff; padding: 25px 20px 25px 20px; min-height: 290px; box-shadow: 0px 4px 22px rgba(0, 0, 0, 0.11) !important; border-radius: 10px !important; } .service-icn{ background: #F0F1F2; } .footer-link ul li { position: relative; font-size: 18px!important; font-weight: bold; color: var(--pink); padding-left: 38px; line-height: 25px !important; } .call-to-action { color: var(--cyan); display: inline-block; padding: 10px 10px 10px 10px; margin-bottom: 35px; max-width: 579px; } .btn-primary, .btn-outline-primary{ border: 5px solid var(--cyan) !important; } .news-subcribe-btn{ position: absolute; top: 4px; z-index: 1; right: 4px; padding: 7px 30px !important; font-size: 20px !important; background-color: var(--cyan); } .news-subcribe-btn:hover{ background-color:var(--dark-blue)!important; } .news-subcribe-btn { background-color:var(--dark-blue)!important; } .download-app h2 { font-size: 45px; font-weight: 900; text-transform: uppercase; color: var(--light); line-height: 50px; margin-bottom: 26px !important; } .about-us .about h2 { font-size: 30px; font-weight: 900!important; color: var(--dark); } .about-us .about .big { font-size: 35px; line-height: 1; font-weight: 500; } .footer-title h5{ font-size: 20px !important; font-weight: 900 !important; } .footer-title ul li a{ font-size: 16px !important; color: var(--dark); font-weight: 700 !important; } .social-media-links{ justify-content: center; text-align: center; align-items: center; } .social-media-links ul li{ margin-right: 2px; } .social-media-links ul li:last-child{ margin-right: 5px; } .offer-card img{ width: 189px !important; height: 161px !important; } .process-cycle .card { background: transparent; max-width: 300px; margin: 0 auto; padding: 0px 0px 0px 0px !important; box-sizing: border-box; margin-top: 55px; margin-bottom: 55px; min-height: 295px; box-shadow: none !important; } .custom-card-testimonial{ box-shadow: 0px 15px 80px 0px rgb(12 46 81 / 7%); border-radius: 100px; padding-bottom: 17px; padding-top: 29px; } .custom-card-testimonial .card-text{ font-size: 25px; font-weight: 700; padding-right: 90px; color: #6c757d!important; } .client-name{ color: var(--cyan); font-size: 20px; font-weight: 800; } .call-now{ font-size: 16px; font-weight: 800; } .client-address{ color: var(--dark); font-weight: 600; } .footer-link ul li{ border-bottom: none; } .mobile-view-packages{ display: none; } .service-icn img{ width: 53px !important; } .our-packages-desktop{ display: block; } .footer-padding { padding-top: 50px; padding-bottom: 20px; } .navbar { margin: 0px 0; padding: 5px 0px 9px 0px; } .contact-title{ text-transform: uppercase; } /* New Css Changes End */ /* fee section */ .priceinfo-wrapper .priceinfo-item:not(:last-child) { margin-right: 32px; } .priceinfo-wrapper .priceinfo-item { display: flex; flex-direction: row; align-items: center; } .my-8 { margin-top: 8px !important; margin-bottom: 8px !important; } .priceinfo-wrapper{ margin-right: 32px; } .priceinfo-item{ padding-left: 20px; padding-right:20px; } .location_nav { position: relative; z-index: 9999; max-height: 200px; overflow-y: auto; border:none; } .location_nav .dropdown-item:active{ background-color: var(--dark-blue); }.why_choose_us_item .icon img{padding: 10px;}.footer-title ul li a:hover{ color: #257bf2;} .footer-link .lh-1{line-height: 23px !important;}.swal2-image{width: 20%;}