/*
CTC Separate Stylesheet
Updated: 2025-05-10 05:21:01
Theme Name: Shapely Child
Theme URI: https://colorlib.com/wp/themes/shapely/
Template: shapely
Author: Colorlib
Author URI: https://colorlib.com
Description: Shapely is a powerful and versatile one page WordPress theme with pixel perfect design and outstanding functionality. It is by far the most advanced free WordPress theme available today with loads of unmatched customization options. This theme comes with several homepage widgets that can be used to add portfolio, testimonials, parallax sections, your product or service information, call for action and much more. Shapely supports most free and premium WordPress plugins such as WooCommerce, Jetpack, Gravity Forms, Contact Form 7, Yoast SEO, Google Analytics by Yoast and much more. This theme is the best suited for business, landing page, portfolio, ecommerce, store, local business, personal websites but can be tweaked to be used as blog, magazine or any other awesome website while highlighting its unique one page setup. This is going to be the last WordPress theme you will ever want to use because it is so much better than anything you have seen. Needless to say that this theme is SEO friendly thanks to its well optimized strucutre. Shapely theme is mobile friendly and fully responsive making it your best multipurpose partnert for any project and website.
Tags: blog,e-commerce,education,entertainment,food-and-drink,news,photography,portfolio,one-column,two-columns,three-columns,four-columns,left-sidebar,right-sidebar,custom-background,custom-colors,custom-logo,custom-menu,featured-images,footer-widgets,full-width-template,sticky-post,theme-options,threaded-comments,translation-ready
Version: 1.2.19.1746854461
*/

*{
	 font-family: "Ubuntu", sans-serif;
}


.header-top-section{
	
    display: flex;
    justify-content: space-between;
    align-items: baseline;

}

.see-posts-cont a{
	color:#000 !important;
	font-weight:500;
}

.header-contact-search{
	
    display: flex;
    align-items: center;
	gap:5px;

}

.header-contact{
	
    display: flex;
    align-items: baseline;
    gap: 10px;

}

.header-contact i{
	
    font-size: 18px;
    color: #000;

}

.header-contact p{
	
    margin-bottom: 0;
    color: #000;

}

.header-contact p a{
	  color: #000;
	  font-weight:500;
}

.fa .fa-search{
	
    font-size: 18px;

}

.module.widget-handle {
    display: inline-block;
    position: relative;
    cursor: pointer;
    padding: 0 0px 0 0px;
    margin-right: -1px;
	top:1px;
}

.header-contact-search .vr{
	width:1px;
	height:20px;
	border:1px solid #00000033;
}

.header-menu-section{
	
    display: flex;
    justify-content: space-between;
    align-items: center;
	box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
	padding:5px 10px; 
	border-radius:10px;
}

.header-enquiry a button{
	
    background: #000;
    color: white;
    padding: 10px 15px;
    font-size: 13px;
    border-radius: 5px;

}

.header-logo img{
    width: 150px;
	padding:5px;
}

.header-bottom-section{
	
    display: flex;
    justify-content: space-between;
    margin: 15px 0;

}

.header-bottom-left{
	
    display: flex;
    gap: 15px;

}

.header-bottom-left .vr{
	
    width: 1px;
    height: 20px;
    border: 1px solid #00000026;

}

select {
    border: 0px solid #ccc;
    font-weight: 600;
}

.header-mail-section i{
	
    color: black;
    font-size: 18px;

}

.header-mail-section a{
	
    color: #000;
    margin-left: 5px;
	font-weight:500;

}

.follow-us span{
	color: black;
    font-weight: 500;
}

.follow-us span a i{
	color:#000;
	font-size:18px;
}

.follow-us{
	
    display: flex;
    gap: 10px;

}

#wedding-filter option{
	
    padding: 5px;
    font-size: 13px;
    font-weight: 600;

}

.page-title-section{
	display:none;
}

.entry-header{
	display:none;
}

.homepage-video{
	height:700px;
}

.content-area {
	padding:0;
}

.image-container{
	  width:90%; 
      height: 350px;
      background-image:url('https://demo.getln.com/dbs/corp/wp-content/uploads/2025/08/Product-Brand-Shoots21.png');
      background-size: cover;
      background-position: center;
      animation: changeImage 15s infinite; /* 1.5s because 0.5s per image */
	 border-radius:5px;
    
	}
	
	 @keyframes changeImage {
      0% {
        background-image: url('https://demo.getln.com/dbs/corp/wp-content/uploads/2025/08/excetive-2.png');
      }
      33.33% {
        background-image: url('https://demo.getln.com/dbs/corp/wp-content/uploads/2025/08/excetive-8.png');
      }
      66.66% {
        background-image: url('https://demo.getln.com/dbs/corp/wp-content/uploads/2025/08/excetive-7.png');
      }
      100% {
        background-image: url('https://demo.getln.com/dbs/corp/wp-content/uploads/2025/08/Product-Brand-Shoots19.png');
      }
    }

.homepage-sec-1{
	padding:50px 0;
	background: #f8f8f8;
}

.homepage-sec-1-cont{
	
    display: flex;
    justify-content: space-between;

}

.homepage-sec-1-left{
	
    width: 48%;

}

.homepage-sec-1-right{
	
    width: 48%;

}

.homepage-sec-1-right button{
	
    background: #000;
    color: white;
    border: none;
    font-size: 12px;
    padding: 5px 10px;
    border-radius: 5px;

}

.homepage-sec-1-right h2{
	
    font-size: 32px;
    font-weight: 500;
    margin-bottom: 0;
	margin-top:20px;

}

.homepage-sec-1-right p{
	
    font-size: 15px;
    line-height: 30px;
   

}

.btn-sec-1 a button{

    padding: 10px 20px;
    background: transparent;
    color: #000;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;

}

.btn-sec-1 a button:hover{
	background: #0000000d;
}

.homepage-sec-1-right-btn{
	
    display: flex;
    gap: 50px;
    align-items: center;

}

.btn-sec-2 a{
	
    color: #000 !important;
   transform: translateX(0px);
	transition:.5s;
	display:block;
}

.btn-sec-2 a:hover{
	transform: translateX(5px);
}

.homepage-sec-2{
	padding:50px 0;
	background: #f8f8f8;
}

.homepage-sec-2-cont{
	
    display: flex;
	justify-content:space-between;

}

.icon-section img{
	transition:.5s;
    transform: scale(1);
	position: relative;
    top: -10px;
}

.icon-section img:hover{
	transition:.5s;
    transform: scale(1.2);

}



.homepage-sec-2-services{
	
    display: flex;
    flex-direction: column;
    align-items: center;
	width:30%;

}

.homepage-sec-2-services h4{
	
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 5px;

}

.homepage-sec-2-services p{
	
    text-align: center;
    font-size: 15px;
    line-height: 28px;

}

/* Accordian css */

.faq-drawer {
  margin-bottom: 15px;
}

.faq-drawer__content-wrapper {
  font-size: 1.25em;
  line-height: 1.4em;
  max-height: 0px;
  overflow: hidden;
  transition: 0.25s ease-in-out;
}

.faq-drawer__content p{
	
    margin-top: 20px;
    font-size: 15px;

}

.faq-drawer__title {
  border-bottom: #0000003b 1px solid;
  cursor: pointer;
  display: block;
  font-size: 1.25em;
  font-weight: 700;
  padding: 0 0 15px 0;
  position: relative;
  margin-bottom: 0;
  transition: all 0.25s ease-out;
}

.faq-drawer__title::after {
  border-style: solid;
  border-width: 1px 1px 0 0;
  content: " ";
  display: inline-block;
  float: right;
  height: 10px;
  left: 2px;
  position: relative;
  right: 20px;
  top: 2px;
  transform: rotate(135deg);
  transition: 0.35s ease-in-out;
  vertical-align: top;
  width: 10px;
}

/* OPTIONAL HOVER STATE */
.faq-drawer__title:hover { 
  color: #4E4B52  ;
}

.faq-drawer__trigger:checked
  + .faq-drawer__title
  + .faq-drawer__content-wrapper {
  max-height: 350px;
}

.faq-drawer__trigger:checked + .faq-drawer__title::after {
  transform: rotate(-45deg);
  transition: 0.25s ease-in-out;
}

input[type="checkbox"] {
  display: none;
}

@media only screen and (max-width: 600px) {
  .container {
    padding: 80px;
  }
}

/* Accordian css */

.homepage-sec-3{
	
    background: #f8f8f8;
    padding: 50px 0;

}

.homepage-sec-3-cont h2{
	font-size:32px;
}

.homepage-sec-4{
	
    padding: 50px 0;
    background: #f8f8f8;

}

.homepage-sec-4-cont{
	
    text-align: center;

}


.homepage-sec-4-cont button{
	
    background: #000;
    color: white;
    border: none;
    font-size: 12px;
    padding: 5px 10px;
    border-radius: 5px;

}

.homepage-sec-4-cont h2{
	
    font-size: 32px;
    font-weight: 500;
    margin-bottom: 0;
    margin-top: 20px;

}

.homepage-sec-4-cont h4{
	
    margin-top: 15px;
    font-size: 18px;
    font-weight: 500;

}

..homepage-sec-4-cont p{
	
    text-align: left;
    font-size: 15px;

}

.clinets-review{
	
    padding-top: 40px;

}

.homepage-sec-6{
	
    padding: 50px 0;
    background: #f8f8f8;

}

.homepage-sec-6-cont{
	
    display: flex;
    justify-content: space-between;
    align-items: center;

}

.homepage-sec-6-left{
	
    width: 48%;

}

.homepage-sec-6-right{
	
    width: 48%;

}



/* Accordian css 2*/

.homepage-sec-6-accordian {
  h1 {
    text-align: center;
  }

  input {
    position: absolute;
    opacity: 0;
    z-index: -1;
  }

  .accordion-wrapper {
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.5);
  
    margin: 0 auto;
  }

  .accordion {
    width: 100%;
    color: white;
    overflow: hidden;
    margin-bottom: 16px;

    &:last-child {
      margin-bottom: 0;
    }
  }

  .accordion-label {
    display: flex;
    justify-content: space-between;
    padding: 16px;
/*     background: rgba(4, 57, 94, 0.8); */
    font-weight: bold;
    cursor: pointer;
    font-size: 18px;
	 color:#000;

/*     &:hover {
      background: rgba(4, 57, 94, 1);
    } */

    &::after {
      content: "\276F";
      width: 16px;
      height: 16px;
      text-align: center;
      transition: all 0.3s;
    }
  }

  .accordion-content {
    max-height: 0;
    padding: 0 16px;
/*     color: rgba(4, 57, 94, 1); */
    background: white;
    transition: all 0.3s;

    p {
      margin: 0;
      color: rgba(4, 57, 94, 0.7);
     font-size: 15px;
      line-height: 28px;
    }
  }

  input:checked + .accordion-label {
/*     background: rgba(4, 57, 94, 1); */

    &::after {
      transform: rotate(90deg);
    }
  }

  input:checked ~ .accordion-content {
    max-height: 100vh;
    padding: 16px;
  }
}


/* Accordian css 2*/


.homepage-sec-6-left h2{
	font-size:32px;
}

.entry-content{
	
    background: #f8f8f8;

}

.entry-footer{
	display:none;
}

.wave-top {
    position: relative;
    top: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
}

.wave-top svg {
    display: block;
    width: 100%;
    height: 80px;
}

footer{
	padding:0;
}

.hentry{
	margin:0;
}

.footer-sec-top-cont{
	
    display: flex;
    justify-content: space-between;
    align-items: center;
   padding: 30px 0;
    border-bottom: 1px solid #80808052;

}

.footer-top-link{
	
    display: flex;
    align-items: baseline;
    gap: 10px;

}

.footer-top-icon i{
	
    color: #8080805c;
    font-size: 16px;

}

.footer-top-text h4{
	
    margin-bottom: 0;

}

.footer-top-text h4 a{
	font-size: 18px;
	color: #8080805c;
	transition:.5s;
	transform:translatex(0);
	display:block;
}

.footer-top-text h4 a:hover{
	transform:translatex(5px);
	color:#80808094;
}

.footer-top-link .follow-us i{
	
    color: #8080807a;
    font-size: 24px;

}

.footer-top-link .follow-us i:hover{
	color: #808080fc;
}

.footer-top-link .follow-us{
	gap:20px;
}

.footer-main-section{
	
    display: flex;
    justify-content: space-between;
    padding: 30px 0;

}

.footer-logo-section{
	
    width: 30%;

}

.footer-content p{
	
    margin-top: 15px;

}

.footer-btn{
	
    width: 120px;
    border: 1px solid #80808054;
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
    height: 40px;
    border-radius: 20px;

}

.footer-btn:hover{
	background: #f5f5f5;
	border:none;
}

.footer-btn i{
	
    color: black;

}

.footer-btn a{
	
    color: black;
    transition:.5s;
	transform:translatex(0);
}

.footer-btn:hover a{
	
    color: black;
	transform:translatex(5px);
}

.footer-link-section{
	width:16%;
}

.footer-blog-section{
	width:20%;
}

.footer-link-section h4{
	
    font-size: 18px;
    font-weight: 500;
    margin-bottom:10px;
}

.footer-links{
	display:flex;
	justify-content:space-between;
	flex-direction:column;
	
}

.footer-links ul{
	
    margin: 0;
    list-style: none;
 
    font-size: 16px;

}

.footer-links ul li{
	
    padding-bottom: 15px;

}

.footer-links ul li a{
	
    color: #8080806b;
    font-weight: 500;

}

.footer-links ul li a:hover{
	color:#808080c7;
}

.footer-blog-section h4{
	font-size: 18px;
    font-weight: 500;
    margin-bottom: 10px;
}

.footer-blog-section a button{
	
    background: #000;
    color: white;
    border-radius: 5px;
    margin-bottom: 15px;
    padding: 10px;
    text-align: left;
    font-weight: 400;
    transition:.5s;
	transform:translatey(0);
}

.footer-blog-section a button:hover{
	transform:translatey(-5px);
}

.header-mobile-section{
	display:none;
}


@media all and (max-width:450px){
	.header-section{
		display:none;
	}
	.header-mobile-section{
	display:block;
}
	    .container {
        padding: 0 15px;
    }
	.header-mobile-top{
		
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top:15px;
	}
	.header-mobile-bottom{
		
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 0px;

	}
	.header-mobile-sec-cont hr{
		margin: 10px 0 10px 0;
	}
	.header-mobile-bottom a button{
		
    padding: 8px;
    font-size: 12px;

	}
	.homepage-video {
    height: 300px;
}
	.homepage-sec-1-cont{
		flex-direction:column-reverse;
		padding: 0 15px;
		gap:30px;
	}
	.homepage-sec-1-left{
		width:100%;
	}
		.homepage-sec-1-right{
		width:100%;
	}
	.image-container{
		width:100%;
	}
	.homepage-sec-1-right h2 {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 10px;
    margin-top: 20px;
}
	.homepage-sec-1-right p {
    font-size: 14px;
    line-height: 27px;
    line-height: 29px;
}
	.homepage-sec-2{
		padding:0;
	}
	.homepage-sec-2-cont{
		flex-direction:column;
	}
	.homepage-sec-2-services{
		width:100%;
	}
	.homepage-sec-2-services p{
		font-size:14px;
		line-height:26px;
	}
	.homepage-sec-3{
		padding:0;
	}
	.homepage-sec-3-cont{
		padding:0 15px;
	}
	.homepage-sec-3-cont h2 {
    font-size: 22px;
}
	.faq-drawer__title{
		font-size:14px;
	}
	.faq-drawer__content p{
		font-size:14px;
	}
	.homepage-sec-4 {
    padding: 20px 0;
    background: #f8f8f8;
}
	.homepage-sec-4-cont h2{
		font-size:22px;
	}
	.homepage-sec-4-cont p{
		font-size:14px;
		line-height:26px;
	}
	.homepage-sec-4-cont{
		padding:0 15px;
	}
	.clinets-review {
    padding-top: 15px;
}
	.homepage-sec-6{
		padding:15px;
	}
	.homepage-sec-6-cont{
		flex-direction:column;
		padding: 0 15px;
	}
	.homepage-sec-6-left{
		width:100%;
	}
	.homepage-sec-6-left h2{
		font-size:22px;
	}
	.homepage-sec-6-right {
    width: 100%;
}
	.homepage-sec-6-accordian {
    & .accordion-content {
        p {
            margin: 0;
            color: rgba(4, 57, 94, 0.7);
            font-size: 14px;
            line-height: 26px;
        }
    }
}
	
	.homepage-sec-6-accordian {
    .accordion-label {
  
        font-size: 14px;
        color: #000;
        font-weight: 400;
        line-height: 30px;
    }
}
	.workflow-container {
    max-width: fit-content;
    margin: 0px auto;
    background: #fff;
    border-radius: 12px;
    padding: 30px 20px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
    text-align: center;
}
	.workflow-step .label {
    font-weight: bold;
    margin-bottom: 6px;
    color: #000;
    padding: 0;
	font-size:16px;
}

	.workflow-step{
		border-left:0;
	}
	
	.workflow-step .desc {
    font-size: 14px;
    color: #6b7280;
    line-height: 1.4;
    width: 80%;
    margin: auto;
}
	
	.footer-sec-top-cont {

    flex-direction: column;
    gap: 15px;
}
	.footer-main-section{
		flex-direction:column;
		gap:10px;
	}
	.footer-logo-section {
    width: 100%;
}
	.footer-logo-section {
    width: 100%;
    text-align: center;
}
	.footer-button-sec{
		display: flex;
    justify-content: center;
	}
	
	.footer-link-section {
    width: 100%;
}
	.footer-links {
    display: flex;
    justify-content: flex-start;
    gap: 10px;
}

	.footer-blog-section {
    width: 100%;
}
	.footer-content p {
     font-size:14px;
}
	.wave-top{
		width:150%;
	}
}

.mega-menu-link{
	
    padding: 30px;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;

}

.mega-menu-link a{
	
    color: #000;
    display: block;
    font-size: 15px;
    font-weight: 400;
    line-height:40px;
}


.search-form button[type="submit"]:hover{
	background-color: #000 !important;
}

.counter-section {
  display: flex;
  justify-content: space-around;
  gap: 50px;
  padding: 50px 0;
  background-color: #f8f8f8;
}

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

.counter-box p{
	
    margin-top: 24px;
    margin-bottom: 0;
    color: #000;
    font-size: 20px;
}


.counter {
    font-size: 50px;
    font-weight: 300;
    color: #000;
}

.counters{
	    font-size: 50px;
    font-weight: 300;
    color: #000;
}

.homepage-about-section{
	
    padding: 50px 0;

}

.homepage-about-sec-cont{
	
    display: flex;
    justify-content: space-between;
    align-items: center;

}

.homepage-about-sec-left{
	
    width: 48%;

}

.homepage-about-sec-left button{
	
    background: #000;
    color: white;
    border: none;
    font-size: 12px;
    padding: 5px 10px;
    border-radius: 5px;

}

.homepage-about-sec-left h2{
	
    font-size: 32px;
    font-weight: 500;
    margin-bottom: 0;
    margin-top: 20px;

}

.homepage-about-sec-left p{
	
    font-size: 15px;
    line-height: 28px;
    margin-top: 15px;

}

.homepage-about-sec-right{
	
    width: 48%;

}

.homepage-about-sec-right h1{
	
    font-weight: 100;
    font-size: 45px;
    vertical-align: middle;
    margin-bottom: 0;

}

.homepage-about-sec-right h1 span{
	
    font-size: 30px;
    position: relative;
    top: -4px;

}

.homepage-job-section{
	
    padding: 50px 0 0 0;

}

.homepage-job-sec-cont{
	
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

}

.homepage-job-icon{
	
    font-size: 30px;
    color: white;
    width: 60px;
    height: 60px;
    background: #000;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;

}

.homepage-job-sec-content{
	
    display: flex;
    flex-direction: column;
    align-items: center;

}

.homepage-job-sec-content h4{
	
    text-align: center;
    margin-top: 15px;
    font-size: 24px;
    margin-bottom: 15px;

}

.homepage-job-sec-content p{
	
    font-size: 15px;
    width: 60%;
    text-align: center;
    margin: 0 auto;

}

.homepage-job-sec-content a button{
	
    margin-top: 15px;
    background: #000;
    color: white;
    padding: 5px 10px;
    border-radius: 5px;

}

.homepage-book-now-sec-cont{
	
    display: flex;
    justify-content: space-around;
    align-items: center;

}

.homepage-book-now-sec-left h2{
	
    font-size: 30px;
    margin-bottom: 10px;

}

.homepage-book-now-sec-left p{
	
    width: 75%;

}

.homepage-book-now-section{
	padding-top:30px;
}

.wpmtst-testimonial-heading testimonial-heading{
	
    font-size: 20px !important;

}


@media all and (max-width:450px){
	.homepage-about-section{
		padding:15px;
	}
	.homepage-about-sec-left{
		width:100%;
	}
	.homepage-about-sec-right{
		width: 100%;
	}
	.homepage-about-sec-cont{
		flex-direction:column;
	}
	.homepage-about-sec-left h2{
		font-size:24px;
		line-height:34px;
	}
	.homepage-about-sec-left p {
    font-size: 14px;
    line-height: 26px;

}
	.homepage-about-sec-right h1{
	font-weight: 100;
    font-size: 32px;
    vertical-align: middle;
    margin-bottom: 0;
    width: 77%;
    margin: auto;
    line-height: 45px;
	}
	
	.counter-section {
    display: flex;
    justify-content: space-around;
    gap: 50px;
    padding: 20px 0;
    background-color: #f8f8f8;
    flex-direction: column;
}
	.homepage-about-sec-right h1 span{
		font-size:20px;
	}
	.counter-box p {
    margin-top: 15px;
    margin-bottom: 0;
    color: #000;
    font-size: 18px;
}
	.counters {
    font-size: 40px;
    font-weight: 300;
    color: #000;
}
	.homepage-job-sec-content p{
		font-size:14px;
		width:80%;
	}
	.homepage-book-now-sec-left h2 {
    font-size: 20px;
    margin-bottom: 0px;
}
	.homepage-book-now-sec-left p {
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
    font-size: 14px;

}
	.homepage-book-now-sec-cont {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}
.header-contact p {
    margin-bottom: 0;
    color: #000;
    font-size: 14px;
}
.footer-links ul li a{
	font-size: 14px;
}
.footer-links ul li {
    padding-bottom: 5px;
}
	.homepage-sec-1 {
    padding: 0px 0 40px 0;
    background: #f8f8f8;
}
	.header-dropdown{
		
    text-align: center;
    padding-bottom: 15px;

	}
	
	#wedding-filter {
    padding: 10px;
    font-size: 16px;
    border-radius: 5px;
    background-color: #fff;
    color: #333;
}

} 

.footer-blog-section h4 {
    text-align: left; 
}