@import url(../css/bootstrap.min.css);

@import url(../css/font-awesome.min.css);

@import url(../css/owl.carousel.css);

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@500;600;700&display=swap');

html{scroll-behavior: smooth;}

body{background-color:#fff;font-family: 'Poppins', sans-serif; font-size:16px;}

a,button{transition:all 0.3s ease;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;}

a{text-decoration:none;color:#f675a8;}

a:hover{text-decoration:none;outline:0;color:#4e4387;}

a, img{border:none;outline:none;}

img{max-width:100%;height:auto;display:inline-block;vertical-align:middle;}

label{font-weight:400;}

h1, h2, h3, h4, h5, h6 {font-family: 'Poppins', sans-serif;line-height: 1.3;margin: 0 0 20px;color: #000;}

h1{font-size: 42px;line-height: 1.35; font-weight: 600;}

h2{font-size: 40px;line-height: 1.35;}

h3{font-size: 18px;font-weight: 600;}

ul, ol{padding-left:18px;list-style: none;}

p{display:block;line-height:26px;margin:0;margin:0 0 20px;font-family: 'Poppins', sans-serif;color: #000; font-size:16px;}

p:last-child{margin: 0;}

.btn-custom {cursor: pointer; display:inline-block; font-size:16px; color:#fff;font-family: 'Poppins', sans-serif; font-weight:600; padding:0 40px; height: 55px;  outline:none; text-align: center; background: #554994; min-width: 160px; border: 0; display: inline-flex; align-items: center; justify-content: center; border-radius: 10px;} 

.btn-custom.btn-white {background: #fff;color: #f675a8; border-radius: 30px;}

.action-container .btn-custom {margin-left: 55px;}

.btn-custom:hover, .btn-custom:focus{ background:#312766; color:#fff !important; outline:none;}

.btn-custom.btn-xs {height: 30px;font-size: 14px;font-weight: 500;padding: 0 15px;}

.btn-custom img, .btn-custom i{margin-left: 5px; max-width: 20px;}

.btn-custom.icon-first img{margin: 0 10px 0 0;}

.btn-custom.btn-sm {height: 42px;font-size: 14px;padding: 0 27px;min-width: auto;}

.container.container-lg{max-width:1550px;position:relative;}

.container{max-width:1300px;position:relative;}

.sec-space{padding: 50px 0;}

.bg-pink {background-color: #f675a8;}

.bg-grey{background: #F7F9FB;}

.form-group{margin-bottom: 25px;}

.form-control {height: 60px;background: transparent;border-radius: 10px;border: 1px solid rgba(0,0,0,0.4); padding: 0 20px;}

select.form-control{height: 60px !important; border-radius: 5px;}

label{font-size: 14px;font-weight: 500;color: #000;margin-bottom: 2px;}

/* header start */

.header-top-bar {background:linear-gradient(90deg, rgba(255,255,255,1) 0%,  rgba(255,255,255,1) 20%, #f5679f 156%);padding: 9px 0;}

.header-top-bar * {color: #101010;font-size: 14px;}

.header-top-bar a:hover {color: #4e4387;}

.top-bar-menu {display: flex;padding: 0;margin: 0; justify-content: flex-end;}

.top-bar-menu li { margin-right: 10px; font-weight: 500; text-transform: uppercase;}

.top-bar-menu li img {margin-right: 10px;}

.top-bar-menu li:first-child:after {content: "|"; margin-left: 10px; }

.header {padding: 5px 0;z-index: 15;background: #fff;box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);position: relative;transition: 0.3s ease-in-out;}

.shrink .header{position:fixed;top: 0;left:0;right:0; padding: 10px 0;}

.shrink .logo img {margin-top: -13px; max-height: 70px;}

.logo img {display: block;margin-top: -48px;max-height: 130px; transition: 0.3s ease all;}

.head-right {position:relative;top:-1px;}

.navigation{margin: 0; padding:0;}

.navigation ul{margin: 0; padding: 0; display:flex;}

.navigation ul li{margin:0 35px 0 0; padding: 0; list-style: none; display:block;line-height:100%;}

.navigation ul li:last-child{margin-right: 20px;}

.navigation ul li a{ display: block; font-size:15px; color: #000000; font-weight:500; position: relative; padding:0;text-transform: uppercase;}

.navigation ul li a:hover, .navigation ul li.active a:hover{color: #f675a8;}

.navigation ul li.active a{color: #f675a8;}

.navigation > ul > li > a::after{width: 10px;height:2px;background:#f675a8;position: absolute;bottom:-9px;right: 0;left: 0;margin: 0 auto;content: "";opacity: 0;transition:all 0.3s ease;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;}

.navigation ul li a:hover::after{ width: 100%; opacity:1;}

.navigation ul li.active a::after{ width: 100%; opacity:1;}

.call-info::before { color: #000; content: "|"; margin-right: 15px;}



.menuIcon{display:block;height:36px;margin:0;padding:0;position:absolute;right: 30px;top: 50%;width:40px;z-index:9;transform: translateY(-50%);cursor: pointer;}

.menuIcon span{background: #52468e none repeat scroll 0 0;border-radius:1px;display:block;height:4px;left:5px;position:absolute;right:5px;top: 7px;transition:all 0.3s ease; border-radius: 2px;}

.menuIcon span.line2{top: 16px;}.menuIcon span.line3{top:25px}

.nav-opened .menuIcon span.line2{width:0;opacity:0}

.nav-opened .menuIcon span.line1{transform:rotate(45deg);transform-origin:left center 0}

.nav-opened .menuIcon span.line3{top: 28px;transform:rotate(-45deg);transform-origin:left center 0;}

.menuIcon span.line2 {top: 16px;}.menuIcon span.line3 {top: 25px;}

.nav-overlay {position: fixed;top: 0;bottom: 0;right: 0;left: 0;padding: 30px;background: #fcf8f8;transition: 0.3s ease all;transform: translateY(-100%);z-index: -1;opacity: 0;}

.nav-overlay .navigation ul {flex-direction: column; width: 300px;}

.nav-overlay .navigation ul li a {padding: 15px 0;}

.nav-overlay .navigation ul li a::after {bottom: 0;}

.nav-opened .nav-overlay {transform: translateY(0);z-index: 2;opacity: 1}

.nav-overlay .navigation {    max-height: calc(100vh - 130px);overflow: auto;}

/* header end */

/* banner css start */

.banner {min-height: 200px;background: #dadada;}

.banner .container {max-width: 100%; padding-right: 2%;}

.banner-item {position: relative; padding-bottom: 39%;}

/*.banner .owl-carousel .owl-stage-outer {height: 100% !important;}*/

.banner-item > img {position: absolute;left: 0;right: 0;top: 0;bottom: 0;object-fit: cover;}

.banner-item .caption{text-align: center;background: url(../images/banner-flover.png) no-repeat 0 0;padding: 66px 140px 66px 140px;display: flex;justify-content: center;align-items: center;flex-direction: column;min-height: 450px; width: 910px; margin-left: auto;}

.banner-item .container {position: absolute;top: 50%;left: 0;right: 0;transform: translateY(-50%);}

.caption h1{text-shadow: 0px -3px 1px rgb(0 0 0 / 22%);color: #fff;}

.banner .banner-slider::after {width: 308px; height: 132px; background-image: url(../images/banner-nav.png); background-size: contain; background-position: bottom; position: absolute; left: 0; right: 0; margin: 0 auto; content: ""; bottom: -5px; z-index: 2;}

.owl-dot {width: 30px;height: 8px;border-spacing: 4px;border-radius: 5px;margin: 0 4px;display: flex;align-items: center;justify-content: center;z-index: 9;background: #f675a8;}

.owl-dots {display: flex;position: absolute;bottom: 0;left: 0;right: 0;justify-content: center;}

.owl-dot.active {background: #fac4d1;}

.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next{background: url(../images/arrow_left-black.png) no-repeat center; width: 50px; height: 50px;    position: absolute;top: 50%;transform: translateY(-50%); left: -60px;}

.owl-carousel .owl-nav .owl-next {right: -60px; left: auto; background: url(../images/arrow_right-black-.png) no-repeat center;}

/* banner css end */

/* about us */

.about-us.sec-space {background: #fcf8ec;padding-bottom: 10px;}

.about-us h2{line-height: 1.2;font-size: 29px;color: #f675a8;margin-bottom: 30px;}

.first-letter-big {font-size: 18px;color: #f675a8;font-weight: 500;}

.big-letter::first-letter {font-size: 40px;font-weight: 600;}

.about-img img{margin-top: -100px;position: relative;z-index: 9;}

/* why choose us */

.why-choose-us {padding: 20px 0 40px;}

.why-choose-us .sec-title h2 {color: #fff;line-height: 1; position: relative;}

.why-choose-us .sec-title h2 span {display: inline-flex;align-items: self-end;}

.why-choose-us .sec-title h2 span img {margin: 0 -5px 5px -25px;}

.sec-title {margin-bottom: 40px;text-align: center;}

.sec-title h2 {padding-bottom: 20px; color: #f675a8; position: relative;}

.sec-title h2:last-child{margin: 0}

.sec-title h2::after {width: 60px; height: 4px; background: #f675a8; bottom: 0; left: 0; right: 0; content: ""; position: absolute; border-radius:2px ; margin: 0 auto;}

.why-choose-us .sec-title h2::after{background: #fff;}

.service-item {background: #fff;display: block;border-radius: 10px;padding: 40px 15px 20px;text-align: center;box-shadow: 0 0 43px rgba(0,0,0,.26);color: #000;font-weight: 500; height: 100%; transition: 0.3s ease all;}

.service-item:hover {background: #4e4387; color: #fff;}

.service-item:hover img {filter: brightness(0) invert(1);transition: 0.3s ease all;}

.service-item span {display: block;margin-top: 20px;}

.service-item .icon {height: 92px;display: flex;align-items: center;justify-content: center;}

/* service */

.services.sec-space {padding-bottom: 20px;}

.service-card {margin-bottom: 30px;}

.service-card-footer {padding: 10px 20px;background-color: #fdebf7;align-items: center;}

.service-card-footer .btn-custom, .btn-pink {background-color: #fc28fb;}

.service-card-footer .btn-custom:hover, .btn-pink:hover {background: #4e4387;}

.book-now-caption {position: absolute;top: 0;bottom: 0;left: 0;right: 0;background: rgb(252 40 251 / 20%);padding: 80px;display: flex;flex-direction: column;align-items: flex-start;justify-content: center;}

.book-now-caption h2, .book-now-caption p {color: #fff;}

.book-now-caption h2{font-size: 48px;font-weight: 700;}

.product-content {background: #fdebf7;padding: 20px;text-align: center;}

.product-content h3 {margin-bottom: 10px;}

.actions-container {margin-top: 20px;}

.price.d-block {color: #269200; font-weight: 500;}

.product-item {border-radius: 10px;box-shadow: 0 0 10px rgb(0 0 0 / 15%);overflow: hidden;margin: 10px;}

.product-item .prod-img {display: flex;height: 200px;align-items: center;justify-content: center;}

.product-item .prod-img img {height: auto;width: auto;max-height: 100%;}



/* testimonials */

.testimonials-sec {background-image: url(https://ik.imagekit.io/forceofweb/Mr%20Coconut%20Home%20Page/testimonials.webp); position: relative;}

.testimonials-sec .container {max-width: 1000px;}

.testimonials-sec .sec-title h2 {color: #fff}

.testimonials-sec .sec-title h2::after{background: #fff;}

.testi-box {padding: 0 30px 30px;background: #fff;border-radius: 30px; background-image: url(https://ik.imagekit.io/forceofweb/Mr%20Coconut%20Home%20Page/quote.webp); background-repeat: no-repeat; background-position: 30px 50px; min-height: 432px;}

.testi-box .user-img img {height: 175px;width: auto;margin: 0 auto;border-radius: 0 0 20px 20px; max-width: 200px; object-fit: contain;}

.testi-box .user-img {margin-bottom: 20px;}

.testi-box .name {font-size: 18px;color: #f675a8}

.testimonials-sec .owl-dots {bottom: -18px;}

.testimonials-sec::after {width: 100%;height: 86px;background: #fff;position: absolute;left: 0;bottom: 0;content: "";right: 0;}



/* blog */

.blog{background-color: #ecebf0;}

.blog-post {background: #f675a8;border-radius: 10px;}

.blog .blog-carousel {margin-bottom: -90px;}

.blog-post * {color: #fff;}

.post-content {padding: 20px;}

.post-content h4 {font-size: 20px;}

.post-content ul li img {width: auto;}

.meta{display: flex;padding: 0;}

.owl-carousel .meta li img {width: auto;margin-right: 10px;}

.meta li {display: flex;align-items: center;font-size: 14px;}

.meta li:not(:last-child) {margin-right: 15px;}

.post-content .btn-custom {border: 1px solid #fff; background-color: transparent; color: #fff; border-radius: 0;}

.post-content .btn-custom:hover {background-color: #4e4387; border-color: #4e4387;}

.service-in-city ul {display: flex;flex-wrap: wrap;padding: 0;margin: 0;}

.service-in-city ul li {width: 33%;text-align: center; margin-bottom: 5px;}

.service-in-city ul li a {padding: 5px 20px;min-width: 160px;display: inline-block;color: #101010;text-transform: uppercase;font-weight: 500; border-radius: 20px;}

.service-in-city ul li a:hover {background-color: #4e4387; color: #fff;}

.worked-at h2 {background: #f675a8;padding: 10px;border-radius: 10px;color: #fff;  max-width: 500px; margin: 0 auto; font-weight: 500;}

.brand-slider.owl-carousel .owl-item img {width: auto;margin: 0 auto;}

.brand-slider {margin-top: 50px;}

.service-in-city.sec-space {padding-top: 90px;}

/* footer */

.footer-section {background-color: #40396d;padding: 20px 0px;border-top: 4px solid #f781b0;}

.footer-head {font-size: 16px;color: #f675a8ff;font-weight: 600;}

.footer-sub {font-size: 16px;color: #fff;}

.footer-child {display: block;font-size: 13px;color: #fff;}

.footer-description li {list-style: none;}

.footer-description li a {text-decoration: none;color: #bf8cb0;font-size: 14px;}

.bord-footer-midal {width: 100%;height: 1px;background-color: #f675a8ff;display: flex}

.useful-menu li {list-style: none;    padding-bottom: 10px}

.useful-menu li a {text-decoration: none;color: #fff;border-radius: 20px;padding: 5px 20px 5px 0px;align-items: center;font-size: 14px;font-weight: 400}

.useful-menu li a:hover {color: #f675a8;}

.menu-social-list li {list-style: none;}

.menu-social-list {padding-left: 0rem;}

.payment-image {margin-left: 0px !important}

.menu-social-list li {padding-right: 33px;}

.menu-social-list li a i {font-size: 24px;color: #fff;}

.menu-social-list li a:hover i {color: #f5679f;}

.footer-head.box3 {margin-bottom: 39px;display: block}

.tree-box {float: right;margin-top: -44px;}

.form-box {background: #f675a8;box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.20);border-radius: 13px;text-align: center;padding: 16px 15px 20px 15px;}

.form-subscribe input {border: none;padding: 11px 29px;border-radius: 22px;font-size: 14px;font-weight: 400;}

.btn.btn-subscribe {background: #554994 !important;border-radius: 29px !important;padding: 8px 36px !important;text-transform: capitalize;color: #fff;font-size: 18px;font-weight: 400;}

.btn.btn-subscribe:hover {background-color: #fff!important;color: #554994;}

.newsletter-head {font-size: 24px;text-transform: uppercase;font-weight: 600;}

.copyright-title {color: #fff;font-size: 14px;padding-top: 19px;font-weight: 400;}

.form-box::before, .form-box::after {content: '';background: url(../images/flover-left.png) repeat-x center top;background-size: auto;height: 114px;width: 16%;position: absolute;left: -44px;top: 7px;z-index: 1;background-size: cover;}

.form-box::after {background: url(../images/flover-right.png) repeat-x center top;background-size: auto;right: -44px;left: auto;}

.vedio-block {display: flex;align-items: center;justify-content: center;margin-bottom: 50px;}.vedio-block a {border: 1px solid;border-radius: 20px;overflow: hidden;}

.menu-liner li a { width: 50px; height: 50px;background: #f675a8; display: block;  align-items: center; display: flex; justify-content: center;}

.menu-liner li:nth-child(2) a {background-color: #70b758;}

.menu-liner li:nth-child(3) a{background: #554994}

.menu-liner {padding: 0;margin: 0;position: fixed;top: 66%;transform: translateY(-50%);right: 0; z-index: 9;}



/* new css */

.more-action-section {padding: 40px 0;background: #40396d;}

.more-action-section .box-main-link {padding: 0;margin: 0;}

.more-action-section .box-main-link li a {color: #fff;}

.more-action-section .box-main-link li a:hover {color: #bf8cb0;}

.more-action-section .box-main-link li {padding: 0 0 10px 20px;font-size: 14px; position: relative;}

.more-action-section .box-main-link li::before{width: 8px; height: 8px; border-radius: 50%; content: ""; position: absolute; left: 0; top: 7px; background-color: #f5679f;}

.listsocal{position:fixed;top: 26%;right: 0px;z-index: 999;}







/* responsive css */



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

h1 {font-size: 34px;}

.header, .shrink .header {padding: 10px 70px 10px 0;}

.book-now-caption h2 {font-size: 32px; word-break: break-all;;}

footer.footer-section {padding: 20px 40px;}

.newsletter-head {font-size: 20px;}

.book-now-caption {padding: 50px;}

.banner-item .caption {margin-left: auto;padding: 66px 50px 66px 50px;background-size: 700px;    width: 800px;background-position: center;}

.menu-liner {top: 65%;}

.menu-right-social img{ height:220px;}

.listsocal {top: 28% !important;}

.menu-liner li a {width: 38px;height: 39px;}

}

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

h2 {font-size: 30px;}	

.owl-carousel .owl-nav .owl-prev{left: 0; background-color: #fff; border-radius: 50%; background-size: 20px;}

.owl-carousel .owl-nav .owl-next {right: 0; background-color: #fff;border-radius: 50%; background-size: 20px;}

.menuIcon {right: 15px;}

.form-box::before {left: -40px;}

.form-box::after {right: -40px;}

.form-subscribe input {width: 100%;}

.about-us h2 {font-size: 48px;}

.menu-liner {top: 72%;}

.menu-right-social img{ height:172px;}

.listsocal {top: 31% !important;}

.menu-liner li a {width: 30px;height: 39px;}

}



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

body {font-size: 14px;}

h1 {font-size: 36px;}

h2 {font-size: 30px;}

h3 {font-size: 16px;margin-bottom: 12px;}

p {font-size: 14px; line-height: 22px;}

.logo img {max-height: 100px;}

.navigation ul li {margin: 0 15px 0 0;}

.navigation ul li a { font-size: 13px;}

.header-top-bar * {font-size: 12px;}

.header-top-bar img {max-height: 15px;}

.btn-custom { font-size: 14px; padding: 0 20px; height: 45px; min-width: 130px;}

.book-now-caption h2 {font-size: 24px;margin-bottom: 10px;}

.sec-space {padding: 30px 0;}

footer.footer-section {padding: 20px 0;}

.footer-sub {font-size: 12px;}

.footer-description li a {font-size: 11px;}	

.useful-menu li a {font-size: 12px;}

.form-box::before, .form-box::after {display: none;}

.service-item {margin-bottom: 20px; height: calc(100% - 20px);}

.product-content {padding: 15px 10px;}

.menu-liner {top: 65%;}

.menu-right-social img{ height:172px;}

.listsocal {top: 31% !important;}

.menu-liner li a {width: 30px;height: 39px;}



}	

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

h1 {font-size: 24px;}

h2 {font-size: 22px;}

.sec-title h2 {padding-bottom: 14px; margin-bottom: 15px;}

.call-info {font-size: 12px;}

.header, .shrink .header {padding: 10px 50px 10px 0;}	

.navigation ul li {margin: 0 10px 0 0;}	

.logo img {max-height: 60px;margin-top: -38px;}

.call-info::before {margin-right: 6px;	}

.navigation ul li a {font-size: 12px;}

.sec-title {margin-bottom: 25px;}

.banner-item .caption {padding: 66px 50px 66px 50px;background-size: 560px;width: 530px;}

.banner-item > img {min-height: 450px; height: auto;}

.about-us.sec-space {padding-bottom: 30px;}

.about-img img {margin-top: 0}	

.worked-at h2 {padding: 10px;font-size: 20px;max-width: initial;}

.worked-at.text-center.pt-5 {padding-top: 30px!important;}

.book-now > img { height: 300px; object-fit: cover;}

.first-letter-big {font-size: 14px;}

.big-letter::first-letter {font-size: 30px;font-weight: 600;}

.menu-liner {top: 65%;}

.menu-right-social img{ height:172px;}

.listsocal {top: 31% !important;}

.menu-liner li a {width: 30px;height: 39px;}

}	

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

.caption h1{display: none;}

.head-right, .header-top-bar {display: none;}

.book-now > img { height: 300px; width: 100%; object-fit: cover;}

.action-container .btn-custom {margin-left: 5px;}

.navigation {    max-height: calc(100vh - 130px);overflow: auto;}

.banner-item .caption {padding: 66px 50px 66px 50px;background-size: 379px;width: 494px;display: none;}

.owl-dots {bottom: 10px;}

.banner-item > img {min-height: auto;}

.banner .banner-slider::after {display: none;}

.about-us h2 {font-size:18px;}	

.logo img {max-height: 56px;margin: 0}

.tree-box {float: inherit; margin-top: 0;}

.service-item {background: #fff;display: block;border-radius: 10px;padding: 15px;	}

.service-item {padding: 15px;}

.service-item .icon {height: 50px;}

.service-item .icon img {max-height: 100%;}

.why-choose-us .sec-title h2 span img {margin: 0 -5px 5px -25px;height: 40px;	}

.brand-slider {margin-top: 30px;}

.book-now-caption {padding: 20px;}

.service-in-city ul li {width: 50%;}	

.btn-custom.btn-sm {height: 38px;font-size: 12px;padding: 0 18px;}

.out-concept.sec-space {padding-bottom: 20px;}

.testi-box .name {font-size: 14px;}

.service-item span {margin-top: 15px;font-size: 12px;}

.service-card-footer {padding: 10px;}

.logos img {height: 70px;}

.meta {flex-wrap: wrap}

.shrink .logo img {margin-top: 0;max-height: 40px;}

.testi-box {background-size: 50px;	}

.testi-box .user-img img {height: 105px;}

.banner {min-height: 120px;background: #dadada;}

.menu-liner {top: 65%;}

.menu-right-social img{ height:172px;}

.listsocal {top: 31% !important;}

.menu-liner li a {width: 30px;height: 39px;}

}



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

.btn-custom.btn-xs {height: 30px;font-size: 10px;}

.owl-carousel .owl-nav  {display: none !important;}

.menu-liner {top: 63%;}

.menu-right-social img{ height:172px;}

.listsocal {top: 31% !important;}

.menu-liner li a {width: 30px;height: 39px;}

.req_quatation_mobile{ display:none}

}

.listsocal{position:fixed;
    top: 28%;
    right: 0px;
    z-index: 999;}
.popup-heading{color: #fcf8ec;
    font-size: 28px;
    font-weight: normal;
    text-align: center;
    margin-bottom:25px;
}
.form-input{ width: 100%;
    margin-bottom:15px;
    text-align: center;}
.popup-input{ width: 92%;
    padding: 10px;
    border-radius: 8px;
    border: 1px solid #356108;
    color: #356108;}
.submit_btn{width: 92%;
    padding: 14px 0px;
    font-size: 21px;
    background: #fcf8ec;
    color: #000;
    border: 1px solid #fcf8ec;
    border-radius: 6px;}
.left_box img{
	height: 100%;
    object-fit: cover;
    object-position: center;
}	
.modal-dialog {
    max-width: 757px;
}
.success {
    margin-bottom:0px;
    border-radius:0px;font-weight: normal;
}
input[type='date'], input[type='time'] {
    -webkit-appearance: none;
}