/**
* Template Name: Dashboard
*/

/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
*{padding:0;margin:0;text-decoration:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
:focus{outline:0 none}
a:focus{outline:0 none}
a img{border:none}
a{text-decoration:none; transition: 0.3s;}
a:hover{text-decoration:none!important}

.btn{white-space:normal;}
.btn-info.focus, .btn-info:focus{box-shadow: none;}

img,a,input,textarea,select{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent}
input,textarea,select{-webkit-border-radius:0;border-radius:0;appearance:none}

input[type="checkbox"]{-webkit-border-radius:0;border-radius:0;appearance:checkbox!important}
input[type="radio"]{-webkit-border-radius:0;border-radius:0;appearance:radio!important}

::-moz-selection{background-color:#000;color:#fff}
::selection{background-color:#000;color:#fff}

input[type="text"]::-webkit-input-placeholder{opacity:1;color:#2B3241;}
input[type="text"]::-moz-placeholder{opacity:1;color:#2B3241;}
input[type="text"]::-ms-input-placeholder{opacity:1;color:#2B3241;}
input[type="email"]::-webkit-input-placeholder{opacity:1;color:#2B3241;}
input[type="email"]::-moz-placeholder{opacity:1;color:#2B3241;}
input[type="email"]::-ms-input-placeholder{opacity:1;color:#2B3241;}
input[type="password"]::-webkit-input-placeholder{opacity:1;color:#2B3241;}
input[type="password"]::-moz-placeholder{opacity:1;color:#2B3241;}
input[type="password"]::-ms-input-placeholder{opacity:1;color:#2B3241;}
textarea::-webkit-input-placeholder{opacity:1;color:#2B3241;}
textarea::-moz-placeholder{opacity:1;color:#2B3241;}
textarea::-ms-input-placeholder{opacity:1;color:#2B3241;}

select::-ms-expand{display:none}
select{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none}

/* 
font-family: 'Jost', sans-serif;

*/

@font-face {
  font-family: 'chiffonRegular';
  src: url('assets/fonts/chiffon-trial-regular.woff') format('woff');
}

img{display: block; max-width: 100%; height: auto; }
a{color: #1E1E1E; transition: 0.3s;}
a:hover, a:active, a:focus{ text-decoration: none; color: inherit; color: #000;}
h1, h2, h3, h4, h5, h6, ol, ul, li, a, p{ margin: 0;padding:0; list-style-type: none;}
strike {text-decoration: line-through; }
.form-control:focus{box-shadow: none;}

ul, ol { list-style-position: inside; }

html{text-rendering:optimizeLegibility!important;-webkit-font-smoothing:antialiased!important;}
body{margin: 0; padding: 0; font-size: 18px; color: #090909; font-weight: 300; font-family: 'Jost', sans-serif; line-height: 25px; overflow-x: hidden;}

.container{max-width: 1590px; padding: 0 15px;}

h1,h2,h3,h4,h5,h6 {color: #000; font-family: 'chiffonRegular';}
h1 { font-size: 32px; font-weight: 600;}
h2 { font-size: 26px; font-weight: 600;}
h3 { font-size: 65px; line-height: 70px; margin: 0 0 35px; font-weight: 400;}
h4 { font-size: 30px; line-height: 40px; margin: 0 0 5px; font-weight: 600;}
h6 { font-size: 20px; font-weight: 400; line-height: 24px; margin: 0 0 30px; }
p{margin: 0 0 20px;}

.slicknav_menu { display: none }

/*--------------------------------------------------------------
# Preloader
--------------------------------------------------------------*/
#preloader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 9999; overflow: hidden; background: #fff; display: flex; align-items: center; justify-content: center; }
.loader { width: 60px; display: flex; justify-content: space-evenly; }
.ball { list-style: none; width: 12px; height: 12px; border-radius: 50%; background-color: #000; }
.ball:nth-child(1) { animation: bounce-1 2.1s ease-in-out infinite; }

@keyframes bounce-1 {
  50% {
    transform: translateY(-90px);
    scale: 0.3;
  }
}

.ball:nth-child(2) {
  animation: bounce-3 2.1s ease-in-out 0.3s infinite;
}

@keyframes bounce-2 {
  50% {
    transform: translateY(-90px);
    scale: 0.3;
  }
}

.ball:nth-child(3) {
  animation: bounce-3 2.1s ease-in-out 0.6s infinite;
}

@keyframes bounce-3 {
  50% {
    transform: translateY(-90px);
    scale: 0.3;
  }
}

/* For WebKit browsers (Chrome, Safari) */
::-webkit-scrollbar {
  width: 10px; /* width of the scrollbar */
}

::-webkit-scrollbar-thumb {
  background-color: #888; /* color of the thumb */
  border-radius: 6px; /* roundness of the thumb */
}

::-webkit-scrollbar-track {
  background-color: #f1f1f1; /* color of the track */
}

/* For Firefox */
/* Note: Firefox currently only supports scrollbar styling in the dark theme. */
/* You may need to enable it manually in about:config by setting 'ui.systemUsesDarkTheme' to 1. */
/* Refer to Firefox documentation for the latest updates. */

/* width of the scrollbar */
html, .awards-list {
  scrollbar-width: thin;
}

/* color of the thumb */
html, .awards-list {
  scrollbar-color: #888 #f1f1f1;
}

/*--------------------------------------------------------------
# Button
--------------------------------------------------------------*/
.btn{transition: 0.4s; position: relative;} .btn i{transition: 0.4s;}

.btn.btn-primary { display: inline-block; font-size: 22px; font-weight: 400; line-height: 35px; padding: 10px 30px; background: #A99282; color: #fff; border-radius: 5px; border: 0; text-transform: capitalize; }
/*.btn.btn-primary:hover, .btn.btn-primary:focus{background: #d19757; color: #212121;} */

.btn.btn-secondary { display: inline-block; font-size: 22px; font-weight: 400; line-height: 35px; padding: 10px 30px; background: #c0ccc2; color: #000; border-radius: 5px; border: 0; text-transform: capitalize; }
.btn.btn-secondary:hover, .btn.btn-secondary:focus{background: #d19757; color: #212121;}

/* .btn-link { font-size: 16px; font-weight: 600; color: #fff; text-decoration: none; padding: 35px 0 0 75px; background: url(assets/img/hm-arrow.png) left top no-repeat; background-size: contain; letter-spacing: 20%; text-align: left; text-transform: uppercase; }
.btn-link.v2{background: url(assets/img/hm-arrow2.png) left top no-repeat; background-size: contain; color: #000;}
.btn-link:hover, .btn-link:focus{color: #d19757 !important;background-position: 10px top;} */

.btn-link { font-size: 16px; font-weight: 600; color: #fff; text-decoration: none; padding: 30px 49px 19px; background: #a99282 url(assets/img/hm-arrow.png) no-repeat; background-size: contain; letter-spacing: 20%; text-align: left; text-transform: uppercase; background-position: 10px 10px; background-size: 90%; }

.btn-link:hover, .btn-link:focus{background-color: #d19757 !important; color: #212121;}

.btn.btn-outline { display: inline-block; font-size: 22px; font-weight: 400; line-height: 35px; padding: 10px 30px; background: #fff; border: 2px solid #A99282; color: #A99282; border-radius: 5px; text-transform: capitalize; }
.btn.btn-outline:hover, .btn.btn-outline:focus{background: #d19757; border-color: #d19757; color: #212121;}

.btn.btn-text { display: inline-block; font-size: 16px; font-weight: 600; line-height: 22px; padding: 12px 30px; background: #fff; color: #000; border-radius: 5px; border: 0; text-transform: capitalize; }
.btn.btn-text:hover, .btn.btn-text:focus{background: #000; color: #fff;}

@media only screen and (max-width: 991.98px) { 
  
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
.header-main { position: absolute; top: 0; left: 0; width: 100%; z-index: 99; }
.header-inner > div { width: 100%; }
.header-main .logo{margin: 0 auto; display: block; max-width: 160px;}
.header-main li { display: inline-block; margin-right: 20px; }
.header-main li a{font-size: 22px; color: #fff;}
.header-main li a:hover{color: #d19757;}

/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/
.home-banner { height: 100vh; background-size: cover !important; z-index: 1; position: relative; text-align: center; padding-top: 150px; padding-bottom: 40px; min-height: 100vh; }
.home-banner::after{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(180deg, #000000 -11.12%, rgba(0, 0, 0, 0) 104.85%); z-index: -1; }
.home-banner h1 { font-size: 80px; line-height: 90px; text-align: center; color: #fff; margin:  0 0 50px; }
.banner-slider { position: absolute !important; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; }
.banner-slider img{width: 100%; height: 100%; min-height: 100vh; object-fit: cover;}
.bn-slider-block {height: 100% !important; min-height: 100% !important; }

.our-story { padding: 110px 0 600px; background: url(assets/img/story-bg.png) top center no-repeat; background-size: cover; margin-top: -75px; position: relative; z-index: 2; }
.storypg{margin-top: -55px;}
.our-story p{ font-family: 'chiffonRegular';}
.our-story h6{ font-size: 20px;}
.git-inner{background: #FFF7F2;box-shadow: 0px 19px 42px 0px #C0CCC233; border-radius: 10px; padding: 60px; position: relative; } .git-inner p { font-family: 'chiffonRegular'; }
.get-in-touch{margin-top: -500px; position: relative; z-index: 3;}
.get-in-touch img { max-width: 90%; }
.petals-img1 { position: absolute; top: -50px; left: 30px; max-width: 90px; padding: 0; pointer-events: none;}
.petals-img2 { position: absolute; right: -25px; top: 70px; max-width: 70px; padding: 0; pointer-events: none;}

.our-services { background: #f6f9db url(assets/img/service-bg.jpg) top center no-repeat; padding: 300px 0; margin-top: -230px; position: relative; z-index: 1; background-size: cover; }
.our-services h3 { position: relative; display: inline-block; margin: 0 0 70px; color: #fff !important;}
.our-services h3::after { content: ''; position: absolute; bottom: -48px; right: -138px; width: 200px; height: 100px; background: url(assets/img/title-img.png) center center no-repeat; background-size: contain;  }
.srv-slider-block { display: flex !important; align-items: stretch; gap: 30px; position: relative; margin: 0 15px; margin-bottom: 50px; }
.srv-img { position: relative; min-width: 390px; max-width: 390px; border-radius: 6px; overflow: hidden; }
.srv-img::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; /*background: url(assets/img/shape.png) center bottom no-repeat;*/ pointer-events: none; }
.srv-img img{width: 100%; height: 100%; object-fit: cover;}
.srv-content { width: 100%; display: flex; align-items: center; }
.srv-content p{font-size: 16px; line-height: 20px; color: #fff !important;}
.srv-content h4{color: #fff;}
.srv-content ul li{font-size: 18px; line-height: 20px; letter-spacing: -5%; margin: 0 0 19px; list-style-type: disc; color: #fff !important;}
.srv-content .btn{margin-top: 15px; background: #fff; color: #333;}
.srv-span.srv-ico1 { position: absolute; width: 150px; height: 150px; bottom: -65px; background: url('assets/img/ring1.png') center center no-repeat; background-size: contain; left: 190px; pointer-events: none; }
.srv-span.srv-ico2 { position: absolute; width: 150px; height: 150px; bottom: -65px; background: url('assets/img/ring2.png') center center no-repeat; background-size: contain; left: 190px; pointer-events: none;}

.slick-dots { display: flex; align-items: center; justify-content: center; margin-top: 25px; }
.slick-dots li{line-height: 0; margin: 0 10px;}
.slick-dots li button{font-size: 0; width: 9px; height: 9px; border-radius: 50%; border: 0; background: #C0CCC2;}
.slick-dots li.slick-active button{background: #fff; border: 10px solid #C0CCC2; width: 30px; height: 30px;}

.service-bar{margin-top: -200px; z-index: 2; position: relative; line-height: 0;}
.story-slider-block{margin: 0 30px; padding: 50px; text-align: center; margin-bottom: 35px;}
.story-img { width: 100%; height: 246px; border-radius: 6px; position: relative; }
.story-img img{width: 100%; height: 246px; object-fit: cover;}

.tell-stories { background: #FFF7F2; margin-top: -285px; padding-bottom: 260px; position: relative; z-index: 3; }
.tell-stories h3{margin-top: -100px;}
.story-slider-block { padding: 50px; text-align: center; position: relative; z-index: 1; transition: all 0.4s; margin-top: 30px; }
.story-slider-block::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 80%; background: #C0CCC2; border-radius: 20px; z-index: -1;  transition: all 0.4s;}
.story-slider-block:hover::after{background: #A99282; transition: all 0.4s;}
.story-slider-block:hover{margin-top: 0;}
.story-slider-block h4, .story-slider-block p{transition: all 0.4s;}
.story-slider-block:hover h4, .story-slider-block:hover p{color: #fff; transition: all 0.4s;}

.stories-bar{margin-top: -200px; z-index: 3; position: relative; line-height: 0;}

.moments-sec { background: #C0CCC2; margin-top: -200px; padding-bottom: 100px; position: relative; z-index: 4;}
.moments-inner { padding: 40px; border-radius: 10px; background: url(assets/img/moments-bg.jpg) center center no-repeat; background-size: cover; display: flex; align-items:  center; justify-content: flex-end; }
.moments-block { background: #fffdd0; border-radius: 10px; padding: 35px; max-width: 43%; }
.moments-block h3{font-size: 65px; line-height: 70px;}
.moments-block p{font-size: 25px; line-height: 35px;  font-family: 'chiffonRegular'; margin: 0;}

.story-art.art1 { position: absolute; width: 100%; height: 150px; bottom: -80px; background: url('assets/img/ring1.png') center center no-repeat; background-size: contain; left: 0; }
.story-art.art2 { position: absolute; width: 100%; height: 155px; bottom: 0; background: url('assets/img/ring2.png') center center no-repeat; background-size: contain; left: 0; }

.footer-main{background: #fffdd0 url(assets/img/footer-bg.jpg) bottom right no-repeat; background-size: cover; padding: 40px 0;}
.footer-menu{padding: 60px 0; margin-bottom: 30px; position: relative; }
.footer-menu::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 55px; background: url(assets/img/footer-bar.png) left bottom no-repeat;  background-size: cover; pointer-events: none; }
.footer-menu::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 55px; background: url(assets/img/footer-bar.png) left bottom no-repeat; transform: rotate(180deg); background-size: cover;  pointer-events: none; }
.footer-menu ul{ display: flex; align-items: center; justify-content: space-around; font-size: 20px; font-weight: 600; color: #474747;}
.footer-menu ul li{position: relative;}
.footer-menu ul li::after { content: ''; position: absolute; top: 50%; width: 75px; height: 50px; background: url('assets/img/footer-ic.png') center center no-repeat; background-size: contain; margin-top: -25px; right: -120px; }
.footer-menu ul li:last-child:after{display: none;} 
.footer-menu ul li a { font-size: 20px; font-weight: 600; color: #474747; }
.footer-menu ul li a:hover{color: #d19757;}
.footer-bottom { display: flex; align-items: flex-start; justify-content: space-between; gap: 15px; }
.footer-bottom ul li{ margin: 0 0 5px; position: relative;}
.footer-bottom ul li a { font-size: 20px; line-height: 35px; color: #363636; }
.footer-bottom ul li a:hover { color: #d19757; }
.footer-bottom h4{margin-bottom: 15px;}
.footer-block.ct-block i{color: #A99282; font-size: 16px; width: 20px;}
.footer-block.follow i { width: 40px; height: 40px; background: #A99282; color: #fff; display: inline-block; line-height: 40px; text-align: center; border-radius: 50%; }
.footer-block.follow li{margin-bottom: 15px;}
.footer-block.quick-links li { list-style-type: disc; }

.modal-dialog{max-width: 840px;}
.modal-body { padding: 40px 35px; background: #f6f9db url(assets/img/service-bg.jpg) left top no-repeat; background-size: cover; position: relative; z-index: 1; }
.close-modal { border: 0; background: transparent; padding: 4px 10px; position: absolute; right: 5px; top: 8px; font-size: 29px; }
.modal-body .petals-img2{right: 0;}
label { font-weight: 500; font-size: 16px; margin: 0 0 3px; }
.form-control, .form-select { width: 100%; height: 46px; font-size: 16px; }
textarea.form-control {height: 120px;}
.modal-body .petals-img1, .modal-body .petals-img2{z-index: -1;}

.inner-banner { position: relative; padding: 360px 0 70px; text-align: center; z-index: 1; background-size: cover !important; }
.inner-banner::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(180deg, #000000 -11.12%, rgba(0, 0, 0, 0) 104.85%); z-index: -1; pointer-events: none; }
.inner-banner h1 { font-weight: 500; font-size: 50px; line-height: 60px; letter-spacing: 0%; text-align: center; color: #fff; margin: 0 0 10px; }
.inner-banner p, .inner-banner p a{color: #fff;}
.bread-crumb i { font-size: 5px; vertical-align: middle; margin: 0 5px; }
.gallery-main { position: relative; padding: 60px 0; background: #FFF7F2; z-index: 1; }
.gallery-main::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url('assets/img/gall-art1.png') left center no-repeat; z-index: -1; background-size: 300px; }
.gallery-main::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url('assets/img/gall-art2.png') right center no-repeat; z-index: -1; background-size: 300px; }
.gallery-cat { display: flex; align-items: flex-start; justify-content: center; gap: 30px; }

.gall-cat-block { position: relative; box-shadow: 0px 0px 4px 0px #00000040 inset; background: #fff; border: 10px solid #fff; margin: 0 0 100px;}
.cat-img { position: relative; overflow: hidden;  max-width: 640px;  }
.cat-img::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(142, 142, 142, 0.2) 59.62%, rgba(0, 0, 0, 0.85) 100%); z-index: 1; }
.cat-img h4 { position: absolute; bottom: 40px; text-align: center; width: 100%; color: #fff; font-size: 35px; z-index: 2; line-height: 40px; }

.top-text h3{margin: 0;}
.top-text {margin: 0 0 40px;}

.gall-cat-block:nth-child(1) .cat-art { position: absolute; bottom: -75px; z-index: 1; left: -90px; max-width: 280px; }
.gall-cat-block:nth-child(2) .cat-art { position: absolute; bottom: -75px; z-index: 1; right: -90px; max-width: 260px; }

.img-list { column-width: 250px; }
.gall-img-block { margin: 0 0 20px; display: block; border: 10px solid #fff; }

.ct-top { position: relative; padding: 60px 0; background: #FFF7F2; z-index: 1; }
.ct-btm { background: #C0CCC2; padding: 0 0 60px; margin-top: -290px; position: relative; z-index: 1; }
.ct-btm::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url('assets/img/gall-art1.png') left center no-repeat; z-index: -1; background-size: 300px; }
.ct-btm::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url('assets/img/gall-art2.png') right center no-repeat; z-index: -1; background-size: 260px; }
.ct-bar { background: #FFF7F2; line-height: 0; }

.ct-info-inner{gap: 30px;}
.ct-block { display: flex; align-items: center; justify-content: center; flex-direction: column; background: #FFFFE0; gap: 10px; padding: 40px; text-align: center; border-radius: 10px; position: relative; width: 100%; max-width: 600px; }
.ct-block p i { font-size: 5px; vertical-align: middle; margin: 0 5px; }
.ct-ic { display: flex; align-items: center; justify-content: center; margin: 0 0 15px; border-radius: 50%; width: 70px; height: 70px; background: #EEE3DC; }

.ct-block:nth-child(1)::after { content: ''; position: absolute; top: 0; left: -117px; width: 150px; height: 150px; background: url('assets/img/ct-img1.png') center center no-repeat; background-size: contain; }
.ct-block:nth-child(2)::after { content: ''; position: absolute; bottom: -55px; right: -80px; width: 150px; height: 190px; background: url('assets/img/ct-img2.png') center center no-repeat; background-size: contain; }
.ct-form { max-width: 1024px; margin: 0 auto; }
.ct-form label { font-size: 16px; margin: 0 0 10px; font-family: 'chiffonRegular'; }
.ct-form .form-control, .ct-form .form-select { height: 60px; padding: 10px 20px; font-size: 16px; color: #747474; font-family: 'chiffonRegular'; }
.ct-form textarea.form-control{height: 120px;}
.ct-block p { margin: 0 !important; }

.nw-services-list { position: relative; padding: 60px 0; background: #FFF7F2; z-index: 1; }
.nw-services-list::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url('assets/img/gall-art1.png') left center no-repeat; z-index: -1; background-size: 300px; }
.nw-services-list::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url('assets/img/gall-art2.png') right center no-repeat; z-index: -1; background-size: 300px; }

.nw-service-block { position: relative; border: 14px solid #fff; box-shadow: 0px 0px 12px 0px #00000040; max-width: 350px; margin: 0 auto;  }
.nw-service-img { width: 100%; height: 530px; overflow: hidden; }
.nw-service-img img { width: 100%; height: 100%; object-fit: cover; }
.nw-service-desc { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: flex-end; flex-direction: column; text-align: center; gap: 30px; padding: 0 45px; z-index: 1; transition: all 0.4s; }
.nw-service-desc::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 28.47%, rgba(0, 0, 0, 0.6) 100%); z-index: -1; transition: all 0.4s; }
.nw-service-desc h4{color: #fff;}
.nw-service-desc img, .nw-service-desc .btn { height: 1px; visibility: hidden; opacity: 0; overflow: hidden; transition: all 0.4s; }
.nw-service-block:hover .nw-service-desc img, .nw-service-block:hover .nw-service-desc .btn{height: auto; visibility: visible; opacity: 1; overflow: inherit;}
.nw-service-block:hover .nw-service-desc::after {background: linear-gradient(180deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.7) 100%); transition: all 0.4s; }
.nw-service-block:hover .nw-service-desc{justify-content: center;}
.nw-srv-list{padding: 90px 0 60px;}
.nw-srv-list .row > div:nth-child(2), .nw-srv-list .row > div:nth-child(3) { margin-top: -90px; }
.nw-srv-list .row > div:nth-child(2n+1) .nw-service-block::after { content: ''; position: absolute; bottom: -100px; right: -50px; width: 200px; height: 200px; background: url('assets/img/cat-art1.png') center center no-repeat; z-index: 2; background-size: contain; transform: rotate(-40deg); }
.nw-srv-list .row > div:nth-child(2n+2) .nw-service-block::after { content: ''; position: absolute; bottom: -90px; right: -50px; width: 175px; height: 200px; background: url('assets/img/cat-art2.png') center center no-repeat; z-index: 2; background-size: contain; transform: rotate(-40deg); }
.nw-get-started { text-align: center; padding: 60px 0; background: #C6D4C8; }
.nw-get-started h4 { font-size: 22px; }

.service-overview { background: url('https://work-update.site/envisionevents/wp-content/themes/envisiontheme/assets/img/overview-bg.jpg') center center no-repeat; background-size: cover; padding: 60px 0; }
.overview-inner { display: flex; align-items: stretch; justify-content: space-between; }
.overview-inner > div { width: 50%; display: flex; align-items: center; }

.ovr-left h3 { color: #fff; }
.ovr-right { border-left: 3px dashed #fff; padding-left: 35px; }
.ovr-left{padding-right: 35px;}
.over-block { display: flex; align-items: center; gap: 20px; margin: 0 0 40px; }
.over-block:last-child{margin: 0;}
.over-count { width: 60px; height: 60px; min-width: 60px; display: flex; align-items: center; justify-content: center; border: 2px solid #fff; border-radius: 12px; color: #fff; font-size: 26px; font-family: 'chiffonRegular'; font-weight: 700; }
.ovr-desc h4, .overview-block h4 { color: #fff; }
.ovr-desc p, .overview-block p { color: #fff; }

.overview-slider{margin-top: 35px; width: 100% !important;}
.slick-arrow { position: absolute; bottom: -55px; left: 0; width: 45px; height: 45px; border: 2px solid #fff; background: transparent; font-size: 0; border-radius: 50%; }
.slick-next.slick-arrow { left: 70px; }
.slick-arrow::after { content: '\f060'; font-family: 'Font Awesome 6 Free'; font-weight: 700; font-size: 16px; color: #fff; display: ; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }
.slick-next.slick-arrow::after { transform: rotate(180deg); }

.sd-main { position: relative; padding: 60px 0; background: #f1f7f9; z-index: 1; }
.sd-main::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url('assets/img/service-art.png') right center no-repeat; z-index: -1; background-size: 300px; }
.sd-list { display: flex; align-items: flex-start; flex-wrap: wrap; justify-content: center; gap: 30px; padding-top: 60px; }
.sd-block { width: calc(33.33% - 20px); text-align: center; padding: 40px 30px 130px; background: #C0CCC2; border-radius: 20px; transition: all 0.4s; position: relative; margin: 0 0 40px; }
.sd-block h4 { font-size: 24px; margin: 0 0 15px; transition: all 0.4s; }
.sd-block p { transition: all 0.4s; }
.sd-list .sd-block:nth-child(3n+1)::after { content: ''; position: absolute; bottom: -35px; left: 0; width: 100%; height: 100%; background: url('assets/img/service-art1.png') bottom center no-repeat; background-size: 170px; pointer-events: none;}
.sd-list .sd-block:nth-child(3n+2)::after { content: ''; position: absolute; bottom: -35px; left: 0; width: 100%; height: 100%; background: url('assets/img/service-art2.png') bottom center no-repeat; background-size: 170px; pointer-events: none;}
.sd-list .sd-block:nth-child(3n+3)::after { content: ''; position: absolute; bottom: -35px; left: 0; width: 100%; height: 100%; background: url('assets/img/service-art3.png') bottom center no-repeat; background-size: 125px; pointer-events: none;}

.sd-list.wedingpg .sd-block:nth-child(3n+1)::after {bottom: -70px;}
.sd-list.wedingpg .sd-block:nth-child(3n+2)::after { bottom: -70px;}
.sd-list.wedingpg .sd-block:nth-child(3n+3)::after { bottom: -70px;}


.sd-block:hover{transform: translateY(-50px); background: #A99282;}
.sd-block:hover h4, .sd-block:hover p{color: #fff;}
.services-columns .service-column:nth-child(3n+2) .sd-block:hover{transform: translateY(-20px);}

.sd-about { background: url('assets/img/about-service.jpg') center center no-repeat; background-size: cover !important; padding: 60px 0; }
.sd-about .inner { display: flex; align-items: center; justify-content: space-between; gap: 30px; }
.sd-about-left { max-width: 60%; }
.sd-about h3, .sd-about p, .sd-about ul { color: #fff; margin: 0 0 30px; }
.sd-about ul li{margin: 0 0 15px;}
.sd-about-img{position: relative;}
.sd-about-img img { width: 355px; height: 420px; object-fit: cover; border-top-left-radius: 300px; border-top-right-radius: 300px; }
.sd-about ul li{color: #fff; list-style-type: disc;}

.sd-about-img::before { content: ''; position: absolute; top: -50px; right: -50px; width: 100%; height: 100%; background: url('assets/img/service-art4.png') top right no-repeat; pointer-events: none; background-size: 201px; }
.sd-about-img::after { content: ''; position: absolute; top: 40px; left: -40px; width: 100%; height: 100%; background: url('assets/img/service-art3.png') bottom left no-repeat; pointer-events: none; }

.storyletsp{margin-top: 40px;}

.monthcoord{display: inherit !important;}
.services-columns {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 20px;
}

.service-column {
  display: flex;
  flex-direction: column;
  gap: 40px;
  flex: 1 1 31%;
  max-width: 31%;
}

.service-box {
  background: #d9e6df;
  padding: 20px;
  border-radius: 12px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}
.services-columns .sd-block{width:100% !important;}
.services-columns .service-column:first-child .sd-block, .services-columns .service-column:last-child .sd-block{min-height: 450px;}
.services-columns .service-column:first-child,.services-columns .service-column:last-child{ gap: 60px;}
.services-columns .service-column:nth-child(3n+2){margin-top:-50px;}
.mobileSlider{display: none;}




html, body{overflow-x: hidden;}

@media only screen and (max-width: 1670.98px) {
  .header-main .logo{max-width: 120px;} 
  .header-main li a { font-size: 15px; line-height: 20px; }
  .btn.btn-primary, .btn.btn-secondary{font-size: 15px !important; line-height: 25px; padding: 8px 20px;}
  .home-banner h1 { font-size: 60px; line-height: 80px; }
  .container{width: 85%;}
  .btn-link { font-size: 12px !important; padding: 25px 40px 14px; }
  h3 { font-size: 45px; line-height: 50px; margin: 0 0 25px; }
  h4 { font-size: 28px; line-height: 30px;}
  p, body { font-size: 16px; line-height: 25px;  }
  p{margin: 0 0 15px;}
  .get-in-touch img{max-width: 80%;}
  .our-story{background-size: contain;}
  .git-inner{padding: 40px;}
  .our-services { margin-top: -230px; }
  .srv-img{min-width: 262px;}
  .srv-span.srv-ico1, .srv-span.srv-ico2{left: 21%; pointer-events: none;}
  .story-slider-block{padding: 25px;}
  .story-img, .story-img img {height: 190px;}
  .moments-inner { padding: 30px;}
  .moments-block{max-width: 47%;}
  .moments-block h3 { font-size: 40px; line-height: 45px; }
  .moments-block p { font-size: 20px; line-height: 30px; }
  .petals-img1 { top: -40px; left: 35px; max-width: 70px; }
  .petals-img2{max-width: 55px;}
  .srv-content ul li { font-size: 16px; line-height: 18px; margin: 0 0 10px; }
  .story-cont h4 { font-size: 24px; line-height: 30px; margin: 0 0 10px; }
  .footer-menu ul li a { font-size: 15px;}
  .footer-menu { padding: 45px 0;}
  .footer-bottom h4 { margin-bottom: 15px; font-size: 24px; line-height: 28px; }
  .footer-bottom ul li a { font-size: 17px; line-height: 30px; }
  .footer-logo { display: block; max-width: 140px; margin: 0 0 10px; }
  .gall-cat-block:nth-child(1) .cat-art { bottom: -60px; left: -65px; max-width: 220px; }
  .gall-cat-block:nth-child(2) .cat-art { bottom: -75px; right: -100px; max-width: 220px; }


  .ct-btm::after { background-size: 180px; }
  .ct-btm::before { background-size: 220px; }
  .ct-btm{margin-top: -230px;}
}

@media only screen and (max-width: 1370.98px) { 
  .git-inner{padding: 30px;}
  .our-services { margin-top: -335px; padding-top: 360px; }
  .srv-span.srv-ico1, .srv-span.srv-ico2 { left: 27%; width: 150px; height: 150px; bottom: -70px; }
  .moments-block h3 { font-size: 35px; line-height: 55px; }
  .srv-slider-block{gap: 15px;}
  .srv-content ul li { font-size: 15px; line-height: 16px; margin: 0 0 10px; }
  .srv-content p { font-size: 15px; line-height: 18px; color: #333; } 
  .our-services h3 { margin-bottom: 45px; }
  .story-slider-block { margin: 30px 15px 0; }
  .story-art.art2{height: 110px;}
  .story-art.art1 { height: 144px; bottom: -50px; }
  .moments-inner{padding: 30px;}
  .moments-sec{padding-top: 50px;}
  .footer-menu ul li::after { width: 60px; right: -75px; }
}

@media only screen and (max-width: 1300.98px) { 
  .get-in-touch { margin-top: -580px;}
}

@media only screen and (max-width: 1270.98px) {  
  .our-story { background-size: cover; padding: 100px 0 300px; }
  .get-in-touch { margin-top: -245px; }
  .our-services { margin-top: -275px; padding-top: 330px; padding-bottom: 180px; } .container { width: 96%; }
  .srv-img { min-width: 230px; }
  .srv-span.srv-ico1, .srv-span.srv-ico2 { left: 23%; width: 110px; height: 162px; bottom: -60px; }
  .service-bar { position: relative; height: 150px; margin: 0; background: url(assets/img/service-bar.png) center top no-repeat; background-size: cover; z-index: 9; margin-top: -130px;}
  .service-bar img{display: none;}
  .tell-stories{margin-top: 95px;}
  .ct-block{padding: 30px;}
  .ct-btm{margin-top: -145px;}
}

@media only screen and (max-width: 1170.98px) {  
  .srv-img { min-width: 170px; }
  .srv-slider-block{margin: 0 10px; margin-bottom: 50px;}
  .footer-menu ul li a { font-size: 16px;}
  h4{font-size: 20px; line-height: 30px;}
  .footer-menu { padding: 45px 0;}
  .nw-service-desc{padding: 0 10px;}
}

@media only screen and (max-width: 991.98px) {
  .mmenu-main{display: block !important;}
  .mmenu-trigger { font-size: 30px; color: #a99282; margin-left: 15px; }
  .mmenu-trigger:hover, .mmenu-trigger:focus{color: #d19757;}
  .header-main .container { width: 96%; }
  .nav-block:nth-child(1) { display: none !important; }
  .nav-block ul{display: none;} .header-main .logo { max-width: 100px; margin: 0; }
  .nav-block { justify-content: flex-end !important; }

  .our-story .row > div:nth-child(2) { order: -1; }
  .our-story { padding: 60px 0; }
  .get-in-touch { margin-top: 0; padding: 60px 0; background: #fff; }
  .srv-img { min-width: 300px; }
  .moments-block { max-width: 60%; padding: 15px; }
  .moments-block h3 { font-size: 26px; line-height: 36px; }
  .moments-block p { font-size: 18px; line-height: 27px; }
  .moments-block p { margin: 0; }
  .moments-sec { padding: 60px 0; }
  .footer-logo-block { display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center; }
  .footer-logo { max-width: 150px; }
  
  .mmenu-close { position: absolute; top: 20px; right: 20px; color: #fff; font-size: 25px; }
  .mmenu-inner ul { display: block !important; }
  .mmenu-inner ul li{display: block; margin: 0 0 20px;}
  .mmenu-inner ul li a{font-size: 20px; line-height: 36px; font-weight: 500;}
  .mmenu-inner { position: fixed; top: 0; right: -260px; background: #d19757; width: 260px; height: 100vh; z-index: 99; padding: 60px 30px; overflow: auto; transition: all 0.4s; }
  .mmenu-inner.active{right: 0;}

  .gall-cat-block:nth-child(1) .cat-art { bottom: -60px; left: -35px; max-width: 175px; }
  .gall-cat-block:nth-child(2) .cat-art { bottom: -65px; right: -62px; max-width: 160px; }
  .cat-img h4{font-size: 24px;}
  .ct-block{padding: 25px 15px;}

  .nw-srv-list .row > div:nth-child(2), .nw-srv-list .row > div:nth-child(3) { margin-top: auto; }
  .nw-srv-list { padding: 0; }
  .nw-service-block { margin: 60px auto; }

  .overview-inner { flex-direction: column; }
  .overview-inner > div { width: 100%; padding: 0; }
  .ovr-right { border-top: 3px dashed #fff; border-left: 0; padding: 35px 0 0 !important; margin: 100px 0 0; }
  .sd-block { width: calc(50% - 20px); }
  .service-column .sd-block { height: inherit !important; min-height: unset !important; }
  .service-column { flex: unset !important; width: 100%; max-width: unset; gap: 30px !important; }
  .services-columns .sd-block { width: 100% !important; }
  .services-columns .service-column:nth-child(3n+2) { margin-top: 0; }

  .sd-about .inner { flex-direction: column; }
  .sd-about-left { max-width: unset; text-align: center;}
  .sd-about-right { max-width: 85%; }

}



@media only screen and (max-width: 767.98px) { 
  .btn.btn-primary { padding: 8px 20px; }
  .header-main .logo { max-width: 88px; }
  .home-banner h1 { font-size: 40px; line-height: 50px; } .our-story { padding: 40px 0; }
  body, p{font-size: 16px;}
  h3 { font-size: 30px; line-height: 39px; margin: 0 0 10px; }
  .our-story { text-align: center; }
  .get-in-touch { text-align: center; }
  .srv-slider-block { gap: 15px; flex-direction: column; }
  .srv-img { min-width: unset; max-width: unset; width: 100%; height: 280px; }
  .srv-span.srv-ico1, .srv-span.srv-ico2 { left: auto; width: 125px; height: 113px; bottom: auto; right: 0; top: 206px; pointer-events: none; }
  .srv-slider-block { margin: 0 10px; margin-bottom: 15px; }
  .our-services { padding: 60px 0; margin: 0; background-position: left; }
  .service-bar { margin-top: -45px; height: 75px; }
  .story-slider-block { margin: 30px 10px 0; padding: 15px; }
  .tell-stories { margin-top: 95px; padding: 0 0 80px; }
  .moments-sec { padding: 0 0 60px; margin: 0; }
  .stories-bar { margin-top: -45px;}
  .moments-inner { padding: 15px; padding-top: 245px; background-size: cover !important;}
  .moments-block { max-width: 100%; padding: 15px; }
  .moments-block h3 { font-size: 22px;}
  .moments-block p { font-size: 16px;}
  .footer-menu ul li { margin: 0 20px; }
  .footer-menu ul li::after{display: none;}
  .footer-menu ul { flex-wrap: wrap; gap: 10px; justify-content: center; flex-direction: column; }
  .footer-bottom { flex-direction: column; }
  .footer-bottom > div { text-align: center; width: 100%; }
  .footer-block.follow ul { display: flex; align-items: center; justify-content: center; gap: 10px; }
  .footer-block.follow ul li a{font-size: 0; }
  .footer-block.follow ul li a i{font-size: 16px;}
  .modal-body { padding: 20px 15px;}
  .our-story{margin-top: 0;}
  .home-banner{height: auto; min-height: 100vh;}
  .moments-inner { background: none !important; flex-direction: column; padding: 0; }
  .m-moments-img.d-none { display: block !important; width: 100%; height: 300px; background-size: cover !important; border-radius: 15px; }
  .moments-block { max-width: 92%; margin: 0 auto; margin-top: -120px; }
  .moments-block h3 br { display: none; }
  .inner-banner h1 { font-size: 34px; line-height: 34px; }
  .gallery-cat { flex-direction: column; }
  .gall-cat-block{margin: 0 0 45px;}
  .ct-info-inner { flex-direction: column; }
  .ct-btm { margin-top: -35px; }
  .ct-btm::before { background-size: 220px; left: -113px; opacity: 0.3; }
  .ct-btm::after { background-size: 180px; right: -113px; opacity: 0.3; top: auto; bottom: 0; background-position: bottom right; }

  .ct-form .form-control, .ct-form .form-select { height: 48px; font-size: 14px; }
  .nw-srv-list .row > div:nth-child(1) .nw-service-block { margin: 0; }
  .sd-block { width: 100%; }
  .sd-list{padding-top: 20px;}
  .sd-block:hover { transform: translateY(-20px); }
  .desktopSlider{ display: none !important;}
  .mobileSlider{ display: block !important;}
}

@media only screen and (max-width: 640.98px) { 
  h3{font-size: 26px;}
  .container{width: 100%;}
}