/*
Theme Name: Wedding Planner Lite
Description: Elevate your wedding planning business with our exquisite Wedding Planner Lite WordPress Theme – a tailored solution designed to make your services shine in the digital realm. This theme combines sophistication with user-friendly functionality, creating a visually stunning online presence that captivates engaged couples. Our Wedding Planner Lite Theme boasts a modern and elegant design, perfectly reflecting the romance and grace associated with weddings. Its intuitive layout ensures a seamless browsing experience, allowing potential clients to explore your portfolio, services, and testimonials effortlessly. The theme's responsive interface guarantees a beautiful display on any device, from desktops to mobiles, ensuring your website looks impeccable for all visitors. Crafted for both aesthetics and practicality, the theme provides a platform for you to showcase your expertise in creating dream weddings. Beautiful image galleries, service descriptions, and contact forms are strategically incorporated to highlight your offerings and encourage inquiries. The theme is compatible with popular plugins, facilitating seamless integration of essential features like contact forms, appointment scheduling, and social media feeds. Furthermore, our Wedding Planner Lite WordPress Theme prioritizes user engagement and conversion, featuring strategic call-to-action elements and an easy-to-navigate menu. The color scheme and layout can be customized to align with your brand, ensuring a consistent and memorable online presence.
Author: misbahwp
Theme URI: https://www.misbahwp.com/themes/free-wedding-wordpress-theme/
Author URI: https://www.misbahwp.com/
Version: 1.2
Requires PHP: 5.6
Tested up to: 6.4
Requires at least: 5.0
Tags: blog, photography, portfolio, one-column, two-columns, right-sidebar, left-sidebar, grid-layout, custom-background, custom-colors, custom-header, custom-logo, custom-menu, featured-images, footer-widgets, full-width-template, featured-image-header, editor-style, post-formats, rtl-language-support, theme-options, threaded-comments
Text Domain: wedding-planner-lite
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html

Wedding Planner Lite WordPress Theme, (C) 2024 misbahwp.com
Wedding Planner Lite WordPress Theme is released under the terms of GNU GPL
*/

.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
}
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: 600;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}
#content[tabindex="-1"]:focus {
	outline: 0;
}
body {
	font-family: 'Poppins', sans-serif;
  color: #666666;
  margin:0;
  background: #fff;
}
h1,h2,h3,h4,h5,h6{
  color: #222222;
  font-weight: bold;
}
a {
  color:#222222;
  -webkit-transition: color .1s linear;
  -moz-transition: color .1s linear;
  -o-transition: color .1s linear;
  transition: color .1s linear;
  text-decoration: none;
}
a:hover,
a:focus,
a.close-search-form:focus {
  color:#fc7277;
  text-decoration: none;
}
.wp-block-button.is-style-squared .wp-block-button__link {
  border-radius: 0 !important;
}
.wp-block-button__link{
  color: #fff !important;
}
.wp-block-button.is-style-outline .wp-block-button__link {
  border: 2px solid #222222;
  color: #222222 !important; 
}
.sidebar-widget p a, .post-single a, .page-single a,.sidebar-area .textwidget a,.comment-content a,.woocommerce-product-details__short-description a,#tab-description a,.extra-home-content a {
  text-decoration: underline;
  color:#fc7277;
}

/* ===============================================
   Post Format
   ============================================= */

.entry-video iframe {
  width: 100%;
}
/* ===============================================
  Header
   ============================================= */
.page-template-frontpage #site-navigation{
  position: absolute;
  z-index: 999;
  background: #fff;
  right: 0;
  left: 10%;
}
/* ===============================================
   Top Header
   ============================================= */
.topheader{
  background: linear-gradient(90deg, #fff 58%, #FFB4B6 42%);
    border-bottom: 10px solid;
    border-image-slice: 1;
    border-width: 2px;
    border-image-source: linear-gradient(to right, #eee 58%, transparent 42%);
 }

.topheader .social-links i{
  color: #fff;
}
.topheader .social-links i:hover{
  color: #000000;
}
.top-text{
  color: #000000;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
}
/* ===============================================
   LOGO BOX
   ============================================= */
img.custom-logo {
  height: 70px;
  width: 70px;
}
.logo {
	padding: 18px 0;
}
.logo a {
  color: #fc7277;
  font-size: 25px;
  font-weight: bold;
  text-transform: uppercase;
}
.logo span {
  display: block;
  font-size: 15px;
  line-height: 18px;
  color: #222222;
}

/* ===============================================
   HEADER SEARCH
   =============================================== */

.header-search form.woocommerce-product-search {
  background: #f3f4f7;
  padding: 5px;
  border-radius: 30px;
}
.header-search input#woocommerce-product-search-field {
  background: transparent;
  border: none;
  width: 75%;
}
.header-search button.search-button {
  border: none;
  background: transparent;
  cursor: pointer;
}
.header-search input#woocommerce-product-search-field::placeholder {
  font-size: 14px;
  color: #9eacb9;
}

/* ===============================================
   MENU BOX
   ============================================= */

#main-menu {
	display:block;
	position:relative;
	margin:0 auto;
}
#main-menu ul {
	margin:0;
  padding: 0;
	display:block;
}
#main-menu ul li {
	position:relative;
	display:block;
	float:left;
	text-align:left;
}
#main-menu ul li a {
  display: block;
  z-index: 1;
  padding: 12px 0px 12px 12px;
  font-size: 14px;
  font-weight: 500;
}
#main-menu a:hover,
#main-menu ul li a:hover,
#main-menu li:hover > a,
#main-menu a:focus,
#main-menu ul li a:focus,
#main-menu li.focus > a,
#main-menu li:focus > a,
#main-menu ul li.current-menu-item > a,
#main-menu ul li.current_page_item > a,
#main-menu ul li.current-menu-parent > a,
#main-menu ul li.current_page_ancestor > a,
#main-menu ul li.current-menu-ancestor > a {
	color:#fc7277;
}

li.menu-item-has-children:after {
	color: #222222;
	content: ' ▾';
	position: absolute;
	top: 10px;
	right: 15px;
}
#main-menu ul li a{
  margin-right: 40px;
}

ul.sub-menu li.menu-item-has-children:after {
  color: #fff;
}

#main-menu ul.children ,
#main-menu ul.sub-menu {
	opacity:0;
	position: absolute;
	top: 45px;
	left: -9999em;
	background:#fc7277;
	z-index:10001;
	width:213px;
	padding-left:0;
	-webkit-transition: opacity 0.3s ease 0s;
	-moz-transition: opacity 0.3s ease 0s;
	-o-transition: opacity 0.3s ease 0s;
	transition: opacity 0.3s ease 0s;
}
#main-menu ul.children li ,
#main-menu ul.sub-menu li {
	position:relative;
	margin:0;
	line-height:1.2em;
	text-transform:none;
	width:213px;
	min-height: inherit;
	margin:0;
}
#main-menu li li:hover > ul,
#main-menu li li:focus > ul,
#main-menu li li.focus > ul {
	top:0px;
	left: -100%;
}
#main-menu ul.children li a ,
#main-menu ul.sub-menu li a {
	text-decoration:none;
	text-align:left;
	display:block;
	padding:20px 15px;
	margin:0;
	border:none;
	line-height:inherit;
	color: #fff;
}
#main-menu ul.children li a:hover,
#main-menu ul.sub-menu li a:hover,
#main-menu ul.children li.current-menu-item a,
#main-menu ul.sub-menu li.current-menu-item a {
  background: #222222;
  color: #fff;
}
#main-menu ul.children li ul:before,
#main-menu ul.sub-menu li ul:before,
.menu-toggle,
.dropdown-toggle,
button.close-menu {
	display:none;
}
#main-menu li:hover > ul,
#main-menu li:focus > ul,
#main-menu li.focus > ul {
	opacity:1;
	left: 0;
}

/* ===============================================
   POST BOX
   ============================================= */

.post-box{
  border: 1px solid rgba(0, 0, 0, 0.125);
}
.post-thumbnail {
  line-height: 0;
}
h3.post-title {
  font-size: 20px;
  word-wrap: break-word;
}
h1.post-title {
  word-wrap: break-word;
}
.post-content p{
	color: #fff;
}
.post-content{
  word-wrap: break-word;
}
.post-meta i{
	color: #fc7277;
}
.post-meta span {
  text-decoration: none;
  text-transform: capitalize;
  font-size: 15px;
  font-weight: 600;
  color: #62646c;
}
pre {
	display: block;
	padding: 9.5px;
	margin: 0 0 10px;
	font-size: 13px;
	line-height: 1.42857143;
	color: #222222;
	white-space: break-spaces;
	background-color: #f5f5f5;
	border: 1px solid #ccc;
  	border-radius: 4px;
}
.post-content img,
.post-thumbnail img,
.post-content iframe,
.post-content object,
.post-content embed {
	max-width: 100%;
}
.post-content img,
.post-thumbnail img {
	max-height:100%;
	height:auto;
}
.post-content:after {
  content: "";
  display: table;
  clear: both;
}
#content,footer {
  float: left;
  width: 100%;
}

/* ===============================================
   Slider
   ============================================= */
.slider{
  position: relative;
}
.blog_inner_box {
  background: #000;
}
.slider .blog_box_inner {
  position: absolute;
  top: 130px;
  right: 0;
  left: 10%;
  height: 450px;
  background: #fff;
  padding-top: 80px;
}
.blog_inner_box img{
	height: 750px;
	object-fit: cover;
  opacity: 0.5;
}
.slide-content h6{
  font-weight: 600;
  font-size: 20px;
}
.slide-content h3 {
  font-family: 'Sail', system-ui;
  font-size: 65px;
  font-weight: 400;
  color: #000000;
}
.slide-content p {
  font-size: 16px;
  color: #000000;
}
p.slider-button a,.buy-now-btn a,.deals-info-box .add-to-cart-btn,.product-hover .add-to-cart-btn{
  color: #fff;
  background: #fc7277;
  padding: 10px 20px;
  font-size: 15px;
  font-weight: 600;
  border-radius: 10px;
}
p.slider-button a:hover,.buy-now-btn a:hover,.deals-info-box .add-to-cart-btn:hover{
  background: #000000;
}
/* ===============================================
   Slider Product Section
   ============================================= */
.slider-product-box{
  position: relative;
}
.product-content {
    background: #fff;
    margin-top: 28px;
}
.product-img img{
  height: 400px;
  width: 100%;
  opacity: 1 !important;
}
.slider-product-box .owl-nav{
  position: absolute;
  bottom: 35px;
  margin: auto;
  left: 0;
  right: 40%;
  width: 16%;
  display: flex;
  justify-content: space-between;
}
.slider-product-box .owl-prev ,.slider-product-box .owl-next{
  border-radius: 50%;
  background: #fff !important;
  font-size: 8px !important;
  height: 17px;
  width: 18px;
}

.slider-product-box .owl-dots{
    position: absolute;
    bottom: 35px;
    left: 25%;
}
.slider-product-box .owl-dots button.owl-dot{
    border-radius: 50%;
    height: 8px;
    width: 6px;
    font-size: 1px;
    margin-left: 5px;
    background: #fff;
}

.slider-product-box button.owl-dot.active {
    background: #fc7277;
}
.product-info{
  padding-right: 10px;
}
.product-info .star-rating,.deals-info-box .star-rating,.tab-product .product-details .star-rating{
  overflow: hidden;
  position: relative;
  height: 1em;
  line-height: 1;
  font-size: 1em;
  width: 5.4em;
  font-family: star;
  color:#FDCE38;
}
.deals-info-box .star-rating{
  margin: auto;
}
.product-info .star-rating:before,.deals-info-box .star-rating:before,.tab-product .product-details .star-rating:before{
  content: "\53\53\53\53\53";
  color:#878484;
  float: right;
  top: 0;
  left: 0;
  position: absolute;
}
.product-info .star-rating span::before,.deals-info-box .star-rating span::before,.tab-product .product-details .star-rating span::before{
  content: "\53\53\53\53\53";
  top: 0;
  position: absolute;
  left: 0;
}
.product-info .star-rating span ,.deals-info-box .star-rating span,.tab-product .product-details .star-rating span{
  overflow: hidden;
  float: left;
  top: 0;
  left: 0;
  position:absolute;
  padding-top: 1.5em;
}

.product-info ins span.woocommerce-Price-amount.amount,.product-info .woocommerce-Price-amount.amount bdi{
  font-size: 28px;
  text-decoration: none;
  font-weight: 600;
}
.product-info ins{
  text-decoration: none;
}
.product-info del span.woocommerce-Price-amount.amount bdi{
  display: none;
}
.product-info .product-title {
  font-weight: 600;
  font-size: 20px;
}
.product-info .product-dis{
  font-size: 14px;
  font-weight: 500;
}

.product-info a.button.product_type_simple.add_to_cart_button {
    background: url(assets/images/cart-icon.png) no-repeat scroll 12px #fc7277;
    text-indent: -9999px;
    cursor: pointer;
    border-radius: 50%;
    position: absolute;
    height: 37px;
    width: 40px;
    right: 34px;
    bottom: -6px;
}
.product-info a.added_to_cart.wc-forward ,.deals-info-box .add-to-cart-btn .added_to_cart.wc-forward {
    background: url(assets/images/view-cart-icon.png) no-repeat scroll 12px #fc7277;
    text-indent: -9999px;
    cursor: pointer;
    border-radius: 50%;
    font-size: 0;
    position: absolute;
    right: 34px;
    height: 37px;
    width: 40px;
    bottom: 33px
}
.product-img span.onsale,.tab-product .product-image-box span.onsale {
  position: absolute;
  top: 15px !important;
  font-weight: 500;
  border-radius: 0;
  min-height: 2em;
  min-width: 4em;
  text-align: center;
  line-height: 2;
  right: auto !important;
  background: #fc7277;
  color: #fff;
  letter-spacing: 1px;
  text-transform: uppercase;
}
/* ===============================================
   Our Products
   ============================================= */
   
/* ===============================================
   Daily Deals
   ============================================= */
   .daily-deals h2,.product-tabs h2{
    font-size: 25px;
    font-weight: 600;
   }
   .count-box{
    background: #eee;
    border-radius: 5px;
    padding: 1px 6px;
   }
   .time-number{
    color: #000000;
    font-weight: bold;
    font-size: 18px;
   }
   .time-countdown-text{
    color: #000000;
    font-size: 12px;
    font-weight: 500;
   }
   .daily-deals .owl-carousel{
    background: #eee;
   }
   .daily-deals-box{
    background: #eee;
   }
   .deals-image-box img{
    width: 100%;
    height: 200px;
    object-fit: cover;
    object-position:center top;
   }
   .deals-info-box .add-to-cart-btn,.product-hover .add-to-cart-btn{
    display: inline-block;
   }
   .deals-info-box .add-to-cart-btn a,.product-hover .add-to-cart-btn a{
    color: #fff;
   }
   .deals-info-box h5 ,.tab-product .product-details h5{
    font-weight: 600;
    font-size: 20px;
   }
  .deals-info-box ins span.woocommerce-Price-amount.amount,.tab-product .product-details ins span.woocommerce-Price-amount.amount{
    color: #fc7277;
    font-weight: 600;
    font-size: 18px;
    text-decoration: none;
  }
  .deals-info-box ins{
    text-decoration: none;
  }
  .deals-info-box .price , .tab-product .product-details .price {
    color: #fc7277;
  }
  .deals-info-box .price del,.tab-product .product-details .price del{
    color: #ABABAB;
  }
  .daily-deals .owl-carousel .owl-nav{
    text-align: center;
  }
  .daily-deals .owl-carousel .owl-nav button{
    padding: 2px 8px;
    color: #000;
    border-radius: 30px;
    font-weight: 500;
    font-size: 15px;
    border: 1px solid transparent;
    margin-bottom: 0.5rem;
  }
  .daily-deals .owl-carousel .owl-nav .owl-prev{
    margin-right: 1rem;
  }
  .daily-deals .owl-carousel .owl-nav button:hover{
    border: 1px solid #000;
  }
  .deals-info-box .add-to-cart-btn .added_to_cart.wc-forward{
    bottom: 20px;
  }
/* ===============================================
   Tab Section
   ============================================= */
.tab-section button{
  border: none;
  background: transparent;
  cursor: pointer;
}
.product-tab{
  float: unset;
  position: relative;
  display: inline-block;
  padding-left: 10px;
}
button.tablinks{
  font-size: 16px;
  font-weight: 500;
  display: inline-block;
  text-transform: capitalize;
}
.tabcontent.active {
  display: block;
}
.tabcontent{
  display: none;
}
button.tablinks.active {
  z-index: 99;
  color: #fc7277;
}
.tablinks:hover {
  color: #fc7277;
  transition: all 0.2s;
  z-index: 99;
}
.tab-product .product-image-box span.onsale{
  transform: rotate(90deg);
}
.tab-product .tab-img img{
  width: 100%;
  height: 250px;
  object-fit: cover;
  object-position: center top;
}
.product-image-box:hover .product-hover{
  display: block;
}
.product-image-box .product-hover{
  background: #fff;
  text-align: center;
  padding: 10px;
  font-size: 14px;
  top: 31%;
  transform: translateY(-50%);
  position: absolute;
  z-index: 1;
  width: 80%;
  left: 0;
  height: 52%;
  right: 0;
  margin: auto;
  transition: all 0.3s ease-out;
  display: none;
}
.product-hover .add-to-cart-btn .added_to_cart.wc-forward{
  background: url(assets/images/product-hover-view-icon.png) no-repeat scroll 12px #fff;
  text-indent: -9999px;
  cursor: pointer;
  border-radius: 50%;
  border: 1px solid #fc7277;
  font-size: 0;
  position: absolute;
  /* right: 34px; */
  left: 0;
  right: 0;
  margin: auto;
  height: 37px;
  width: 40px;
  bottom: 11px;
}

/* ===============================================
   Scroll
   ============================================= */

.scroll-up {
  position: fixed;
  bottom: 12px;
  right: 30px;
  z-index: 999;
}
.scroll-up a {
  background: #fc7277;
  color:#000;
}
.scroll-up a:hover{
  background: #000000;
  color:#fff;
}
.scroll-up a {
  display: block;
  height: 2.5rem;
  width: 2.5rem;
  text-align: center;
  line-height: 2;
  font-size: 1.25rem;
  color: #fff;
  opacity: 1;
  transition: all 0.3s ease 0s;
  box-shadow: 0 0 10px rgb(0 0 0 / 20%);
}
.scroll-up span {
  top: 7px;
  position: absolute;
  left: 7px;
  font-size: 25px;
  font-weight: 600;
}

/*===============================================
   PRELOADER
=============================================== */

.cssloader {
  padding-top: calc(45vh - 25px);
  position: fixed;
  width: 100%;
  height: 100%;
  top:0;
  right: 0;
  left: 0;
  bottom: 0;
  background: #212121;
  z-index: 99999;
}

.sh1 {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 50px 50px 0 0;
  border-color: #354952 transparent #ffffff transparent;
  margin: 0 auto;
  animation: shk1 1s ease-in-out infinite normal;
}

.sh2 {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 50px 50px;
  border-color: transparent  transparent #fc7277 transparent ;
  margin: -50px auto 0;
  animation: shk2 1s ease-in-out infinite alternate;
}

/** animation starts here **/
@keyframes shk1 {
  0% {
    transform: rotate(-360deg);
  }

  100% {
  }
}

@keyframes shk2 {
  0% {
    transform: rotate(360deg);
  }
  100% {
  }
}
.lt {
  color: #fff;
  margin: 30px auto;
  text-align: center;
  font-weight: 100;
  letter-spacing: 10px;
}

/* ===============================================
   Pagination
   ============================================= */

.pagination,
.wedding-planner-lite-pagination {
	margin:25px 0;
}

.pagination .nav-links a,
.pagination .nav-links span.current,
.wedding-planner-lite-pagination a span,
.wedding-planner-lite-pagination span.current {
	display:inline-block;
	text-decoration: none;
	padding:10px 12px;
	font-size:14px;
	line-height:21px;
	color:#333;
	text-align:center;
	vertical-align:middle;
	cursor:pointer;
	background:#f3f4f7;
	position:relative;
	margin:0;
	-webkit-transition: background-color .3s ease;
	-moz-transition: background-color .3s ease;
	-ms-transition: background-color .3s ease;
	-o-transition: background-color .3s ease;
	transition: background-color .3s ease;
}

.pagination .nav-links a:hover,
.pagination .nav-links a:focus,
.pagination .nav-links span.current,
.wedding-planner-lite-pagination span.current,
.wedding-planner-lite-pagination span.current:hover,
.wedding-planner-lite-pagination span.current:focus,
.wedding-planner-lite-pagination a span:hover,
.wedding-planner-lite-pagination a span:focus {
	background: #fc7277;
	color: #fff;
}

.woocommerce nav.woocommerce-pagination ul li span.current {
    background: #fc7277;
    color: #fff;
}

/*--------------------------------------------------------------
## Feature Header Image
--------------------------------------------------------------*/

.feature-header{
  position: relative;
  background-color: #000;
}

.feature-header img {
  width: 100%;
  height: 300px !important;
  object-fit: cover;
  opacity: 0.9;
}
h1.post-title.feature-header-title{
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  word-break: break-all;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-reply a:focus{
  color: #fff;
}
.comment-respond input#submit:hover,
.comment-reply a:hover{
	background: #222222;
	color: #fff;
}
.comment-form-url input,nav.navigation.pagination{
  width: 100%;
}
.comment-respond input#submit {
  background: #fc7277;
  border: none;
  color: #fff;
  padding: 10px;
  font-weight: 600;
}
.comment-content a {
  word-wrap: break-word;
}
.bypostauthor {
  display: block;
}
.comments-title {
  font-size: 1.125rem;
}
.comment-body .pull-left {
  padding-right: 0.625rem;
}
.comment-list {
  padding-left: 0;
}
.comment-list .comment {
  display: block;
}
.comment-list .pingback {
  border-top: 1px solid rgba(0, 0, 0, 0.125);
  padding: 0.563rem 0;
}
.comment-list .pingback a {
  margin-left: 5px;
  margin-right: 5px;
}
.comment-content.card-block {
  padding: 15px;
}
.comment-reply a {
  background: #fc7277;
  padding: 5px 15px;
  color: #fff;
}

/* ===============================================
   SIDEBARS
   =============================================== */

.sidebar-area .textwidget img{
  width: 100%;
  height: auto;
}
.sidebar-area .sidebar-widget {
	margin-bottom: 25px;
}
.sidebar-area a,
.sidebar-area p,
.sidebar-area li,
.sidebar-area address,
.sidebar-area dd,
.sidebar-area blockquote,
.sidebar-area td,
.sidebar-area th,
.sidebar-area .textwidget {
	line-height:1.9em;
	font-weight: normal;
}
.sidebar-area ul,#calendar_wrap,.sidebar-area .textwidget,.tagcloud {
  list-style: none;
  margin: 0;
  padding: 0 0px;
}
.sidebar-area li a,
.sidebar-area li {
  font-size: 15px;
  font-weight: 500;
  word-wrap: break-word;
}
.sidebar-area li {
  padding-bottom: 5px;
}
.sidebar-area h4.title, .sidebar-area h1.wp-block-heading, .sidebar-area h2.wp-block-heading, .sidebar-area h3.wp-block-heading,
.sidebar-area h4.wp-block-heading, .sidebar-area h5.wp-block-heading, .sidebar-area h6.wp-block-heading {
  padding: 20px 15px;
  color: #fff;
  font-size: 18px;
  background: #fc7277;
  border-left: solid 5px #000000;
}
.sidebar-area .tagcloud a {
  font-size: 15px !important;
  background: #fc7277;
  color: #fff;
  padding: 5px;
  padding-top: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  display: inline-block;
  margin: 5px 0;
  text-decoration: none;
}
.sidebar-area .tagcloud a:hover{
	background: #000000;
}
.sidebar-area form {
  padding: 15px 0px;
}
.sidebar-area select,
.sidebar-area textarea, #comments textarea,
.sidebar-area input[type="text"], #comments input[type="text"],
.sidebar-area input[type="password"],
.sidebar-area input[type="datetime"],
.sidebar-area input[type="datetime-local"],
.sidebar-area input[type="date"],
.sidebar-area input[type="month"],
.sidebar-area input[type="time"],
.sidebar-area input[type="week"],
.sidebar-area input[type="number"],
.sidebar-area input[type="email"],
.sidebar-area input[type="url"],
.sidebar-area input[type="search"],
.sidebar-area input[type="tel"],
.sidebar-area input[type="color"],
.sidebar-area .uneditable-input,
#comments input[type="email"],
#comments input[type="url"]{
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	width:100%;
	padding: 5px 2%;
	border: solid 1px #222222;
}
#wp-calendar th,
#wp-calendar
#today,
#wp-calendar
#today a {
	background:#f3f4f7;
	color:#434343 !important;
}
#wp-calendar a:hover {
	border:none;
}
#wp-calendar {
	background: #fff;
	width:100%;
}
#wp-calendar caption {
	font-size: 14px;
	text-transform:uppercase;
	margin:0 0 10px 0;
	text-align:left;
}
#wp-calendar th,
#wp-calendar td {
	text-align: center;
	font-size: 14px;
	color:#434343 !important;
	padding:3px 6px;
}
#wp-calendar td a {
	display:block;
	text-align: center;
	font-size: 14px;
	color:#434343 !important;
	text-decoration:underline
}
#wp-calendar td#prev a,
#wp-calendar td#prev a{
	text-decoration:none;
	text-align:left;
}
#wp-calendar th{
	font-weight:bold
}
tr:nth-child(2n+2) {
	background-color: #617a6c;
}
#footer-widgets caption {
    color: #fff;
}
#footer-widgets h4 {
    margin-bottom: 30px;
    font-weight: 600;
}
.searchform label {
	display: block;
}
.searchform input[type=text] {
  width: calc(100% - 110px);
  margin: 0;
  padding: 12px;
  float: left;
  background-color: #f3f4f7;
  border: none;
}
.searchform input[type=submit] {
	background: #fc7277;
	border: none;
	color: #fff;
	font-size:14px;
	font-weight: 600;
	text-align:center;
	position:relative;
	float:left;
	text-shadow:none;
	padding:14px 0;
	width:100px;
	margin:0 auto;
	cursor: pointer;
	-webkit-transition: color .3s ease, background-color .3s ease;
	-moz-transition: color .3s ease, background-color .3s ease;
	-o-transition: color .3s ease, background-color .3s ease;
	transition: color .3s ease, background-color .3s ease;
}
.searchform input[type=submit]:hover ,
.searchform input[type=submit]:focus {
	background-color:#fc7277;
	text-decoration:none
}
.searchform:after {
  content: "";
  display: table;
  clear: both;
}
footer {
	background: #222222;
}
footer .sidebar-area {
	background: none;
	padding: 25px 0 0 0;
}
.wp-block-group__inner-container h2 {
  color: #fff;
}
footer a,
footer p,
footer .sidebar-area li,
footer .sidebar-area address,
footer .sidebar-area dd,
footer .sidebar-area blockquote,
footer .sidebar-area td,
footer .sidebar-area th,
footer .sidebar-area .title,
footer .sidebar-area .textwidget {
	color: #fff;
}
.footer-area ul {
  padding: 0;
}
.footer-area h4.title {
  padding: 0;
  font-size: 30px;
  text-transform: none;
  background: transparent;
  border: none;
}
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
img.alignleft,
img.alignright,
img.aligncenter,
.attachment img {
	max-width:100%;
	height:auto;
}
.alignleft,
img.alignleft {
	display:inline;
	float:left;
	margin-right:24px;
	margin-top:4px;
}
.alignright,
img.alignright {
	display:inline;
	float:right;
	margin-left:24px;
	margin-top:4px;
}
div.aligncenter,
img.aligncenter {
	display: block;
	margin-left: auto !important;
	margin-right: auto !important;
	float:none;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom:12px;
}

.wp-caption {
	line-height:18px;
	margin-bottom:25px;
	max-width:100% !important;
	padding:4px;
	text-align:center;
}

.wp-caption img {
	margin:5px 5px 0;
	width:96%;
	height:100%
}

.wp-caption p.wp-caption-text {
	color:#888;
	font-size:12px;
	margin:5px;
}

.sticky {
}

.gallery-caption {
}

.bypostauthor {
}


.client_logo_white .swiper-slide-inner img {
    filter: brightness(0) invert(1);
}

/* Custom CSS */
.top_header_contact_info .elementor-icon{
		position: relative;
    left: 0;
    width: 32px;
    height: 32px;
    text-align: center;
    border-radius: 50%;
    transition: 0.4s;
    background: transparent;
    display: flex;
    align-items: center;
	border:1px solid #fff !important;
}
.top_header_contact_info .elementor-icon svg{
	font-size: 16px;
    line-height: 0.8;
    margin: 0 auto;
	filter: brightness(0) invert(1);
    transition: 0.4s;
}
.register_form select,.register_form input{
	width:100%;
	padding:12px 15px;
}
.register_form label{
	margin-bottom:10px;
}
.register_form .form_field{
	margin-bottom:15px;
}
.register_form .form_content{
	margin-top:15px;
	font-size:15px;
}
.form_btn input{
    padding: 11px 30px 11px 30px !important;
}
.form_btn{
	display: block;
    transition: all 0.7s ease-in-out;
    position: relative;
    z-index: 1;
    overflow: hidden;
    white-space: nowrap;
	background-color: var( --e-global-color-secondary );
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: var( --e-global-color-secondary );
    border-radius: 0px 0px 0px 0px;
}
.form_btn:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 50%;
    height: 0;
    visibility: hidden;
    opacity: 0;
    z-index: -1;
    transition: all 0.4s ease-in-out;
}
.form_btn:after {
    position: absolute;
    bottom: 0;
    right: 0;
    content: "";
    width: 50%;
    height: 0;
    visibility: hidden;
    opacity: 0;
    z-index: -1;
    transition: all 0.4s ease-in-out;
}
.form_btn:hover {
    color: #1B7261;
}
.form_btn:after, .form_btn:before {
    background: #ECF0F2;
}
.form_btn:hover:after, .form_btn:hover:before {
    width: 100%;
    height: 100%;
    visibility: visible;
    opacity: 1;
}
.pricing_card h2 span {
    font-size: 16px;
    font-weight: 400;
    margin-left: 5px;
    position: relative;
    top: -3px;
}
.pricing_card ul li.elementor-icon-list-item {
    flex-direction: row-reverse;
    justify-content: space-between;
}
.client_testimonial .qodef-e-inner{
	display: flex;
	gap:30px;
}
.client_testimonial .qodef-e-top{
	position:static !important;
}
.client_testimonial .qodef-e-media-image {
    width: 100px;
}
.client_testimonial .qodef-e-quote {
    top:unset !important;
    bottom: 34px;
    right: 30px !important;
}
.client_testimonial .qodef-e-content{
	text-align:left;
}
.client_testimonial .swiper-button-outside {
    border-radius: 50%;
	opacity:0.4;
}
/* .client_testimonial .swiper-button-prev {
    left: -75px !important;
} */
/* .client_testimonial .swiper-button-next {
    right: -75px !important;
} */
.contact_form form{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.contact_form .from_field{
	width: calc(50% - 10px);
	margin-bottom:15px;
}
.contact_form input,.contact_form textarea{
	width:100%;
	padding:12px 15px;
}
.contact_form textarea{
    height: 180px;
	margin-bottom:15px;
}



/*----------footer css----------*/
.ftr_head h3:before {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 81px;
    height: 2px;
    background-color: rgba(255, 255, 255, 0.20);
}
.ftr_head h3:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 51px;
    height: 2px;
    background-color: #fff;
}
.ftr_menu .hfe-nav-menu .menu-item a{
	padding-left: 15px !important;
	position:relative;
	display: inline-block;
}
.ftr_menu .hfe-nav-menu .menu-item a:after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%) !important;
    left: 0;
    width: 10px;
    height: 10px;
	opacity:1 !important;
	background-color:#ffffff00 !important;
    background-image: url(/wp-content/uploads/2024/05/right-arrow-2.svg) !important;
	background-repeat:no-repeat;
	background-position:center;
	background-size:contain;
}
.ftr_menu .hfe-nav-menu .menu-item a:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 1px;
    background-color: #fff !important;
	transition:all 0.3s;
}
.ftr_menu .hfe-nav-menu .menu-item a:hover:before{
	 width: 100%;
}
.ftr_icon_box .elementor-icon {
    margin-top: 4px;
}


button.slick-arrow{
	position:absolute;
	font-size:0;
	top:50%;
	transform:translatey(-50%);
	width:45px;
	height:45px;
	border:none !important;
	border-radius:50%;
	cursor:pointer;
	background:transparent;
}
button.slick-arrow:focus{
	border:none !important;
	outline:none !important;
}
button.prev-arrow:before, button.next-arrow:before{
	content: " " !important;
	width:45px;
	height:45px;
	position:absolute;
	top:0;
	left:0;
/* 	background-color:#fff; */
    background-image: url(/wp-content/uploads/2024/05/next_arrow.svg) !important;
	background-repeat:no-repeat;
	background-position:center;
	background-size:16px;
	border-radius:50%;
	    background-color: transparent;
    border: 1px solid #fff;
    filter: brightness(0) invert(1);
}
button.prev-arrow:before{
	transform:rotate(180deg);
}
button.next-arrow{
	right:-75px !important;
}
button.prev-arrow{
	left:-75px !important;
}
button.prev-arrow:hover:before, button.next-arrow:hover:before{
	background-color: var(--e-global-color-secondary);
	filter:inherit;
}



/*------breadcrumbs------*/
.breadcrumbs svg {
	vertical-align: middle;
}
.breadcrumbs svg path{
	fill:#fff !important;
	vertical-align: middle;
}


/*------About Page------*/
.project_box{
    box-shadow: 0px 6px 20px #ffffff14;
}
.project_box figure.elementor-image-box-img{
	position: absolute;
    top: -25px;
    left: -30px;
    width: 60px !important;
    height: 60px;
    border-radius: 50%;
    background-color: #1B7261;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.btn_project .elementor-icon{
	background-color:#12333233;
	padding:10px;
	border-radius:50%;
}
.btn_project:hover .elementor-icon{
	background-color:#123332;
}
.btn_project:hover .elementor-icon svg{
	filter:brightness(0) invert(1);
}
.project_slider .slick-dots {
    bottom: -70px;
}
.project_slider .slick-dots li{
	width:auto !important;
	transition:all 0.4s;
}
.project_slider .slick-dots li button:before {
    content: "";
    width: 18px;
    height: 7px;
    background: var( --e-global-color-secondary );
	transition:all 0.4s ease-in-out;
}
.project_slider .slick-dots li.slick-active button:before {
    opacity: .75;
    width:30px;
	transition:all 0.4s;
}
.project_slider .slick-dots li  button {
    width:18px;
	transition:all 0.4s ease-in-out;
}

.project_slider .slick-dots li.slick-active button {
    width:30px;
	transition:all 0.4s ;
}




.award_img .elementor-image-box-img{
	height:450px;
}
.award_img .elementor-image-box-img img{
	height:100%;
}
.award_img .elementor-image-box-content{
	position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #fff;
    padding: 25px;
	box-shadow: 0px -4px 15px rgb(18 51 50 / 18%);
    transition: 0.4s;
}
.award_img .elementor-image-box-title{margin:0 !important;}
.contact_form.contact_page_form .form_checkbox a{
	color: #fff;
}
.contact_form.contact_page_form form .row{
	width:100%;
}
.contact_form.contact_page_form .form_checkbox{
	color:#fff;
	text-decoration: underline;
}
.contact_page_form .button{
	display: inline-block;
    transition: all 0.7s ease-in-out;
    position: relative;
    z-index: 1;
    overflow: hidden;
    white-space: nowrap;
	margin: 20px 15px 0;
}

.contact_page_form .button:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 50%;
    height: 0;
    visibility: hidden;
    opacity: 0;
    z-index: -1;
    transition: all 0.4s ease-in-out;
}

.contact_page_form .button:after {
    position: absolute;
    bottom: 0;
    right: 0;
    content: "";
    width: 50%;
    height: 0;
    visibility: hidden;
    opacity: 0;
    z-index: -1;
    transition: all 0.4s ease-in-out;
}
.contact_page_form .button:hover:after, .contact_page_form .button:hover:before {
    width: 100%;
    height: 100%;
    visibility: visible;
    opacity: 1;
}


/* Custom CSS */

.top_header_contact_info.top_social .elementor-icon:hover{transform: translateY(-3px);transition: all 0.4s ease-in-out;}

.main_button .elementor-button-wrapper{display:inline-flex;}
.top_header_contact_info .elementor-icon:hover{background: var(--e-global-color-secondary);}
.main_button .elementor-button:after, .main_button .elementor-button:before {
    background: #ECF0F2;
}
.main_button .elementor-button:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 50%;
    height: 0;
    visibility: hidden;
    opacity: 0;
    z-index: -1;
    transition: all 0.4s ease-in-out;
}
.main_button .elementor-button:after {
    position: absolute;
    bottom: 0;
    right: 0;
    content: "";
    width: 50%;
    height: 0;
    visibility: hidden;
    opacity: 0;
    z-index: -1;
    transition: all 0.4s ease-in-out;
}
.main_button .elementor-button:hover:after, .main_button .elementor-button:hover:before {
    width: 100%;
    height: 100%;
    visibility: visible;
    opacity: 1;
}
.main_button .elementor-button:hover {
    color: var( --e-global-color-primary );
    border: 1px solid rgba(0, 0, 0, 0.09);
}
.main_button .elementor-button{
	display: inline-block;
    transition: all 0.7s ease-in-out;
    position: relative;
    z-index: 1;
    overflow: hidden;
    white-space: nowrap;
}
.elementor.elementor-10{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99;
    transition: 0.4s;
}
.elementor.elementor.elementor-10:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 100%;
    z-index: -1;
    height: 67%;
    background-color: #123332;
}
.bottom_header{
	    background-color: #fff;
    padding: 0 15px;
    position: relative;
    box-shadow: 0px 4px 20px rgb(18 51 50 / 15%);
}
.video_button .elementor-icon{
	width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #fff;
    margin-bottom: 0;
    box-shadow: 0px 0px 15px rgb(18 51 50 / 14%);
    margin-right: 15px !important;
    display: flex;
    align-items: center;
    justify-content: center;
}
.video_button .elementor-icon svg{
	    font-size: 22px;
    line-height: 0.8;
    margin: 0 auto;
    color: #1B7261;
    position: relative;
    left: 2px;
    width: 20px;
    display: inline-block;
    height: 20px;
}
.moveHorizontal {
    animation: moveHorizontal 3000ms infinite ease-in-out;
}
@keyframes moveHorizontal{
	0% {
    transform: translateX(0px);
}
50% {
    transform: translateX(-20px);
}
100% {
    transform: translateX(0px);
}
}

.moveVertical {
    animation: moveVertical 3000ms infinite ease-in-out;
}
@keyframes moveVertical{
	0% {
    transform: translateY(0px);
}
50% {
    transform: translateY(-20px);
}
100% {
    transform: translateY(0px);
}
}











.service_detail {
 box-shadow: 0px 4px 15px rgb(18 51 50 / 18%);
    transition: 0.4s;
}
.service_detail:hover {
    transform: translateY(-5px);
}
.service_detail.service_left .elementor-image-box-img{
	margin: 0 0 15px !important;
}
.service_detail .elementor-image-box-img{
	margin: 0 auto 15px !important;
	    width: 80px;
    height: 80px;
    border-radius: 50%;
	border:1px solid #1B7261;
    background-color: rgb(236, 240, 242);
    text-align: center;
    margin: 0 auto 10px;
    position: relative;
    overflow: hidden;
    z-index: 1;
    transition: 0.4s;
    display: flex !important;
    align-items: center;
    justify-content: center;
}
.service_detail .elementor-image-box-img:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    content: "";
    background-color: #1B7261;
    visibility: hidden;
    opacity: 0;
    z-index: -1;
    transition: 0.4s;
}
.service_detail .elementor-image-box-img img{width:43px;}
.service_detail:hover .elementor-image-box-img:after {
    width: 100%;
    visibility: visible;
    opacity: 1;
	transition: 0.4s;
}
.service_detail:hover .elementor-image-box-img img{
	    filter: brightness(0) invert(1);
	transition: 0.4s;
}


.about_img1{    width: calc(57% - 11px);}

.about_img2{    width: calc(43% - 11px);}
.aboutbox .elementor-widget-container{box-shadow: 0px 4px 15px rgb(18 51 50 / 18%);}
.services_details{
	box-shadow: 0px 3px 10px rgba(5, 17, 69, 0.06);
    width: calc(100% - 50px);
    margin: -95px auto 0;
    background-color: #fff;
    z-index: 3;
    position: relative;
    transition: 0.4s;
}
.services_details .elementor-image-box-img{
	position: absolute;
    bottom: 20px;
    right: 22px;
    opacity: 0.4;
    transition: 0.4s;
}
.main_service{
	transition: 0.4s;
	padding: 0 12px;
}
.services_details .elementor-image-box-content p:last-child{display:none}
.services_details .elementor-image-box-content a{
	    font-weight: 700;
    line-height: 26px;
    display: inline-block;
    position: relative;
	color:#123332;
	font-size: 16px;
    font-family: "Open Sans", sans-serif;
    transition: all 0.4s ease-in-out;
}
.services_details .elementor-image-box-content a:after{
	   position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    width: 0;
    height: 1px;
    background: #EF9C82;
    visibility: hidden;
    opacity: 0;
    transition: all 0.4s ease-in-out;
}
.services_details .elementor-image-box-content a:hover{
	color:#EF9C82;
	transition: all 0.4s ease-in-out;
}
.services_details .elementor-image-box-content a:hover:after {
    visibility: visible;
    opacity: 1;
    width: 100%;
}
/* .main_service:hover .services_details{
	    margin: -115px auto 0;
transition: all 0.4s ease-in-out;
} */

.social_share_icon svg{
	filter:brightness(0) invert(1);
}
.team_social_icon .elementor-grid-item{
	display:block !important;
}
.team_img:hover .team_social_icon{bottom:35px;transition: all 0.4s ease-in-out;opacity:1;visibility:visible;}
.team_img .team_social_icon{transition: all 0.4s ease-in-out;opacity:0;visibility:hidden;}

.main_team{
	position: relative;
    margin-bottom: 25px;
    z-index: 1;
    box-shadow: 0px 3px 10px rgba(5, 17, 69, 0.06);
    transition: 0.4s;
    overflow: hidden;
}
.client_logo .swiper-slide-inner img{filter:brightness(0);}
.image_one{
	   width: calc(50% - 10px) !important;
}
.image_two{
	width: calc(50% - 10px) !important;
	position:relative;
	top:58px;
}
.description p{margin:0 !important;}
.image_filter img{
	    filter: brightness(0) invert(1);
}



@keyframes fadeInUp{
	0% {
    opacity: 0;
    transform: translate3d(0, 50%, 0);
}
100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}
}

.banner_slider .slick-arrow{
		position: absolute;
    transform: translate(-50%, -50%);
    top: calc(50% + 40px);
    z-index: 1;
}
.banner_slider .prev-arrow.slick-arrow{left: -40px;}

.banner_slider .next-arrow.slick-arrow{right: -40px;}


.banner_slider .elementor-element.slick-active .sub_title .elementor-heading-title{
	animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: fadeInUp;
    animation-delay: 0.5s;
}

.banner_slider .elementor-element.slick-active .elementor-heading-title{
	animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: fadeInUp;
    animation-delay: 0.7s;
}


.banner_slider .elementor-element.slick-active .banner_descriptipn .elementor-widget-container{
	   animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: fadeInUp;
    animation-delay: 0.9s;
}

.banner_slider .elementor-element.slick-active .banner_btn{
	animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: fadeInUp;
    animation-delay: 1.1s;
}

.animationFramesTwo {
	animation: animationFramesTwo 20000ms infinite ease-in-out;
}


@keyframes animationFramesTwo{
	0% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
}
20% {
    -webkit-transform: translate(73px, -1px) rotate(36deg);
}
40% {
    -webkit-transform: translate(141px, 72px) rotate(72deg);
}
60% {
    -webkit-transform: translate(83px, 122px) rotate(108deg);
}
80% {
    -webkit-transform: translate(-40px, 72px) rotate(144deg);
}
100% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
}
}
.register_form .form_content{
	line-height:26px;
}
.register_form .form_content a {
    color: #ef9c82;
}
.client_testimonial .swiper-button-outside{opacity:1;border: 1px solid #fff;}
.client_testimonial .qodef-e-quote{opacity:0.4;}
.contact_form .form_btn{
	margin-top:10px;
}
.blog_slider .swiper-button-outside{border-radius:50%;border:1px solid #fff;}

.blog_slider .qodef-blog-item .qodef-e-read-more{
	margin-top:0 !important;
}


.blog_slider .qodef-e-info-date {
    top: auto !important;
    bottom: -32px;
    width: 65px;
    right: 30px !important;
    text-align: center;

}

.elementor-sticky.elementor-sticky--active{
	background:#fff;
}
.elementor-sticky.elementor-sticky--active .bottom_header{box-shadow:none;}
.sb_instagram_header{display:none;}
#sb_instagram #sbi_load{display:none;}
.insta_slider #sbi_images{display:flex !important;margin:0 !important;}
#sb_instagram #sbi_images .sbi_item{
	padding:0 10px;
}
.insta_slider .sbi_photo_wrap{position:relative;}
.insta_slider .sbi_photo_wrap .sbi_photo:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background: rgba(5, 17, 69, 0.3);
    content: "";
    opacity: 0;
    z-index: 0;
    transition: 0.4s;
}
.insta_slider .sbi_item .sbi_photo_wrap .sbi_photo:hover:after {
    width: 100%;
    opacity: 1;
}

.top_header_contact_info .elementor-icon-box-description a{color:#fff;}

.insta_slider .sbi_photo_wrap .sbi_photo:before{
content: " " !important;
    position: absolute;
    background-image: url(/wp-content/uploads/2024/05/icon_insta.svg) !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 30px;
    top: 50%;
    left: 50%;
    vertical-align: middle;
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 50%;
    background-color: #1B7261;
    text-align: center;
    z-index: 1;
	opacity:0;
	visibility:hidden;
    transition: 0.4s;
    transform: translate(-50%, -50%);
}
.insta_slider .sbi_photo_wrap .sbi_photo:hover:before{
	visibility:visible;
	opacity:1;
	transition: 0.4s;
}
.service_detail .elementor-image-box-content p{
	font-family: "Open Sans", Sans-serif;
}
.service_detail .elementor-image-box-content a{
	font-weight: 700;
    line-height: 26px;
    display: inline-block;
    position: relative;
    color: #1B7261;
    transition: all 0.4s ease-in-out;
}
.service_detail .elementor-image-box-content a:after{
	position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    width: 0;
    height: 1px;
    background: #1B7261;
    visibility: hidden;
    opacity: 0;
    transition: all 0.4s ease-in-out;
}
.service_detail .elementor-image-box-content a:hover:after{
	    visibility: visible;
    opacity: 1;
    width: 100%;
}



.blog_slider .qodef-e-read-more a{
	  line-height: 26px;
    position: relative;
    transition: all 0.4s ease-in-out;
}
.blog_slider .qodef-e-read-more a:after{
	position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    width: 0;
    height: 1px;
    background: #123332;
    visibility: hidden;
    opacity: 0;
    transition: all 0.4s ease-in-out;
}
.blog_slider .qodef-e-read-more a:hover:after {
    visibility: visible;
    opacity: 1;
    width: 100%;
}
.contact_info .elementor-icon-box-icon{
	  width: 70px;
    height: 70px;
    border-radius: 50%;
    text-align: center;
    position: relative;
    top: 3px;
    background-color: transparent;
    border: 1px solid #123332;
    transition: 0.4s;
    align-items: center;
    justify-content: center;
}
.contact_info:hover .elementor-icon-box-icon {
  background: #123332;
	transition: 0.4s;
}
.contact_info:hover .elementor-icon-box-icon .elementor-icon{
	filter: brightness(0) invert(1);
	transition: 0.4s;
}

.contact_page_form span.wpcf7-form-control-wrap {
    margin-bottom: 20px;
}
.contact_page_form input.wpcf7-form-control {
    width: 100%;
    background: transparent;
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 10px 15px;
    border-radius: 0;
    font-size: 15px;
}

.contact_page_form textarea.wpcf7-form-control.wpcf7-textarea {
    width: 100%;
    background: transparent;
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 10px 15px;
    border-radius: 0;
    height: 190px;
    resize: none;
    padding-top: 18px;
}
.contact_page_form .form_checkbox{
	font-size: 16px;
    font-family: "Open Sans", sans-serif;
    color: #54595F;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.contact_page_form .form_checkbox .wpcf7-form-control-wrap{
	width: auto;
    margin: 0;
}
.contact_page_form .form_checkbox a{
	font-weight: 600;
    line-height: 26px;
    display: inline-block;
    position: relative;
    color: #123332;
    transition: all 0.4s ease-in-out;
    padding: 0 10px;
    font-family: "Open Sans", sans-serif;
}
.contact_page_form .form_checkbox .wpcf7-form-control-wrap .wpcf7-list-item-label{
	padding-left:15px;
}
.contact_page_form .button{margin-top:20px;}
.contact_page_form .button input{
	  line-height: 26px;
    font-weight: 500;
    transition: all 0.7s ease-in-out;
    position: relative;
    z-index: 1;
    padding: 11px 30px 11px;
    color: #fff;
    border: 1px solid #123332;
    overflow: hidden;
    background: #123332;
    width: auto !important;
    font-size: 16px;
    font-family: "Open Sans", sans-serif;
}
.contact_page_form .button input:hover{
	background: #ECF0F2;
    color: #123332;
}

.bottom_header .hfe-nav-menu li:after{
	display:none;
}



.faq_details .qodef-e-title{
	order: 2;
}
.faq_details .qodef-e-mark{
	    min-width: 55px;
    min-height: 55px;
    text-align: center;
    position: relative;
    margin-right: 8px;
    border-radius: 50%;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    transition: 0.4s;
    order: 1;
	background-color:#fff;
	color:#123332;
}
.faq_details .qodef-e-title-holder{
	justify-content: flex-start;
}
.faq_details .qodef-e-content{
	padding: 0 0 0 65px !important;
}
.faq_details .qodef-e-title-holder .qodef-e-mark span{width:100%;}
.faq_details .ui-accordion-header-active .qodef-e-mark{
	background-color:#EF9C82;
}

.terms_list ul li{
	margin-bottom: 15px;
    padding-left: 3px;
}


.service_detail_list .elementor-icon-list-item a{
	    padding: 18px 25px;
    box-shadow: 0px 6px 20px rgba(5, 17, 69, 0.08);
    transition: 0.4s;
    background-color: var( --e-global-color-2d7082e );
    justify-content: space-between !important;
}

.service_detail_list .elementor-icon-list-item .elementor-icon-list-icon{order:2}

.service_detail_list .elementor-icon-list-item:hover a{
	background:#fff;
}
.detail_title .elementor-widget-container{height:auto !important;position:relative;}

.detail_title .elementor-widget-container:after {
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 24px;
    height: 5px;
    content: "";
    background: var(--e-global-color-secondary);
    transition: 0.4s;
}
.detail_btn .button{
	font-weight: 500;
    line-height: 26px;
    background-color: var(--e-global-color-secondary);
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: var(--e-global-color-primary);
    border-radius: 0px 0px 0px 0px;
    padding: 13px 30px 13px 30px;
    color: var(--e-global-color-primary);
    position: relative;
    overflow: hidden;
}
.detail_btn p{
	margin-bottom: 2rem;
}
.detail_btn .button:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 50%;
    height: 0;
    visibility: hidden;
    opacity: 0;
    z-index: -1;
    transition: all 0.4s ease-in-out;
    background: #fff;
    color: var(--e-global-color-primary);
}
.detail_btn .button:after{
	    position: absolute;
    bottom: 0;
    right: 0;
    content: "";
    width: 50%;
    height: 0;
    visibility: hidden;
    opacity: 0;
    z-index: -1;
    transition: all 0.4s ease-in-out;
	background: #fff;
    color: var(--e-global-color-primary);
}
.detail_btn .button:hover:after, .detail_btn .button:hover:before {
    width: 100%;
    height: 100%;
    visibility: visible;
    opacity: 1;
}
.detail_list ul li{
	margin-bottom:15px;
}



.event_title .elementor-heading-title a{
	color: var(--e-global-color-2d7082e) !important;
}

.courses_module_title h3{margin:0 !important;}

.courses_module_list .elementor-icon-list-item{display:inline-block;}

.sidebar-widget {
    box-shadow: none;
    padding: 40px 30px;
    margin: 0 0 30px;
    position: relative;
    z-index: 1;
    border: 1px solid rgba(255, 255, 255, 0.2);
}
.sidebar-widget #search{
	   width: 100%;
    height: 50px;
    background: #fff;
    font-size: 15px;
    line-height: 21px;
    padding: 10px 60px 10px 20px;
    border-radius: 0;
    position: relative;
    background-color: transparent;
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: #fff;
}
.sidebar-widget #searchform{
	position:relative;
}
.sidebar-widget .search-submit{
position: absolute !important;
    top: 0;
    right: 0;
    padding: 0 18px !important;
    height: 100%;
    background: var(--e-global-color-secondary) !important;
    color: var(--e-global-color-primary) !important;
}

.sidebar-widget .title{
	    margin: 0 0 25px;
    font-size: 20px;
    position: relative;
    line-height: 1;
    position: relative;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--e-global-color-secondary);
    color: #fff;
}

.sidebar-widget h4:after {
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 24px;
    height: 3px;
    content: "";
    background: var(--e-global-color-secondary);
    transition: 0.4s;
}
.sidebar-widget ul li a:before{
	    position: absolute;
    top: 15px;
    left: 0;
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: var(--e-global-color-secondary);
}
.sidebar-widget ul{
	list-style:none;
	padding:0;
}
.sidebar-widget ul li a{
	position:relative;
	    padding: 8px 10px 8px 20px;
    display: block;
    transition: 0.4s;
	color: #fff;
    font-size: 14px;
}

.sidebar-widget .post-tags a{
	display: inline-block;
    font-size: 14px !important;
    line-height: 16px;
    padding: 10px 23px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    transition: 0.3s;
    background: transparent;
    border-color: rgba(255, 255, 255, 0.2);
    color: #fff !important;
    margin: 12px 8px 0px 0px;
}




.post_detail_img .elementor-shortcode img{
	    width: 100%;
    height: 450px;
    object-fit: cover;
    object-position: center;
}

.post_detail_meta .elementor-shortcode span, .post_detail_meta .elementor-shortcode span a{
	    font-size: 14px;
    color: #fff;
    transition: 0.3s;
}
.post_detail_meta .elementor-shortcode .category{margin-left:15px;}
.post_detail_meta .elementor-shortcode .post_date{
	    position: absolute;
    top: -39px;
    right: 25px;
    font-size: 15px;
    background-color: #1B7261;
    padding: 7px 14px;
    color: #fff;
    text-align: center;
    transition: 0.3s;
}

.post_detail_meta .elementor-shortcode span .title{
	font-size:16px;
	color: var(--e-global-color-secondary);
}
.post_detail_meta .saparate{
	    margin-left: 10px;
    color: #818181;
}

.post_detail_title .elementor-shortcode{
	font-size: 32px;
    margin-bottom: 15px;
    font-weight: 600;
    color: #fff;
    font-family: "Lexend", sans-serif;
}

.post_detail_tags .elementor-shortcode a{
	color: #fff;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 01px;
	font-family:"Open Sans";
}



.project_slider .slick-dots{z-index:1;}

.faq_details.detail_faq_details .qodef-e-mark {
    min-width: 40px;
    min-height: 40px;
}
.header_search i{line-height:inherit;}
.contact_form input[type="date"]::-webkit-calendar-picker-indicator{
	color:#fff;
	filter: invert(1);
}

/*-------------------------------
         Responsive CSS
-------------------------------*/

@media only screen and (min-width: 1920px) {
    .header-wrap .e-con-inner {
        max-width: 1660px !important;
    }
	.main_menu nav{
		width:auto !important !important;
	}
}
@media only screen and (min-width:1600px){
	button.next-arrow {
		right: -40px !important;
	}
	.banner_slider .prev-arrow.slick-arrow {
		left: -0px !important;
	}
	button.prev-arrow {
		left: -40px !important;
	}
	.header-wrap .e-con-inner{max-width:1540px !important;}
	.banner_slide .e-con-inner {
        padding-left: 0px !important;
    }
}

@media only screen and (min-width: 1750px) {
    .banner_slider .prev-arrow.slick-arrow {
		left: -75px !important;
	}
	button.next-arrow {
		right: -75px !important;
	}
}
@media only screen and (min-width: 1600px) and (max-width:1750px){
	.banner_slide{padding-left:20px;padding-right:20px;}
	button.prev-arrow:before, button.next-arrow:before{
		width: 35px;
    	height: 35px;
		background-size: 14px;
	}
	button.slick-arrow{
		width: 35px;
    	height: 35px;
	}
}
@media only screen and (min-width: 1399px) and (max-width:1599px){
	.blog_slider .swiper-button-outside {
		width: 38px !important;
		height: 38px !important;
		background: #ef9c82;
        color: #123332 !important;
	}
	.blog_slider .swiper-button-outside.swiper-button-prev{
		left:-30px !important;
	}
	.blog_slider .swiper-button-outside.swiper-button-next{
		right: -30px !important;
	}
	.banner_title .elementor-heading-title {
        font-size: 58px !important;
        line-height: 1.3em !important;
    }
	
	.banner_slider .prev-arrow.slick-arrow {
		left: -0px !important;
	}
	
	button.slick-arrow {
        width: 38px;
        height: 38px;
    }
	button.prev-arrow:before, button.next-arrow:before{
		width: 38px;
        height: 38px;
	}
	button.prev-arrow {
        left: -30px !important;
    }
	button.next-arrow {
        right: -30px !important;
    }
	.client_testimonial .swiper-button-outside {
		width: 38px !important;
		height: 38px !important;
		background: #ef9c82;
        color: #123332 !important;
	}
	.client_testimonial .swiper-button-outside.swiper-button-prev{
		left:-30px !important;
	}
	.client_testimonial .swiper-button-outside.swiper-button-next{
		right: -30px !important;
	}
}
@media only screen and (min-width: 1400px) {
    .header-wrap .e-con-inner {
        max-width: 1340px;
    }
	.banner_slide .e-con-inner{
		padding-left:20px;
	}
	.main_menu li a{
		padding-left: 20px !important;
        padding-right: 20px !important;
	}
	.menu_btn{width: 20%;justify-content: space-between;}
	
}

@media only screen and (min-width: 1367px) and (max-width:1399px) {
	.info_laptop{display:none;}
	.banner_slider .prev-arrow.slick-arrow {
        left: 46% !important;
        top: auto;
        bottom: 0;
    }
	.banner_slider .next-arrow.slick-arrow {
        left: 54% !important;
        top: auto;
        bottom: 0;
    }
    .header-wrap .e-con-inner {
        max-width: 1140px;
    }
	.main_logo img{width: 170px !important;}
	.main_logo .elementor-widget-container{padding: 6px 0px 6px 0px;}
	.main_menu_box{padding: 15px 0;}
	.main_menu li a{
		padding-left: 10px !important;
        padding-right: 10px !important;
	}
	.menu_btn{width: 20%;justify-content: space-between;}
	.header_search .elementor-widget-container,.menu_btn .main_button .elementor-widget-container{margin:0 !important;}
	
	/*--- Baneer ---*/
	.banner_title .elementor-heading-title{
		font-size: 46px !important;
    line-height: 1.3em !important;
	}
	.banner_descriptipn .elementor-widget-container{
		margin: 0px 20px 0px 0px !important;
	}
	.banner_btn{
		margin-top:30px;
	}
/* 	.banner_shape img{
		max-width: 100px !important;
	} */
	.image_one .elementor-widget-container{
		margin: 0px 0px 100px -70px !important;
	}
	.image_two .elementor-widget-container{
		margin: 0px -80px 0px 0px !important;
	}
	.banner_shape{
		right: 100px !important;
		top: 25px !important;
	}
/* 	.banner_slide .e-con.e-flex+{
		padding-top: 200px;
    	padding-bottom: 180px;
	} */
}
@media only screen and (min-width: 1201px) and (max-width:1366px){
	.banner_slider .prev-arrow.slick-arrow {
        left: 46% !important;
        top: auto;
        bottom: 0;
    }
	.banner_slider .next-arrow.slick-arrow {
        left: 54% !important;
        top: auto;
        bottom: 0;
    }
	.faq_details .qodef-e-mark{
		min-width: 45px;
    	min-height: 45px;
	}
}
@media only screen and (min-width: 1201px) and (max-width:1400px){
	.client_testimonial .swiper-button-outside.swiper-button-next, .blog_slider .swiper-button-outside.swiper-button-next{
		right:-10px !important;
	}
	.client_testimonial .swiper-button-outside.swiper-button-prev, .blog_slider .swiper-button-outside.swiper-button-prev{
		left:-10px !important;
	}
	.client_testimonial .swiper-button-outside, .blog_slider .swiper-button-outside{
		background: #ef9c82;
	}
	.client_testimonial .swiper-button-outside svg, .blog_slider .swiper-button-outside svg{
		color:var( --e-global-color-primary );
	}
	button.slick-arrow{
		width: 38px;
    	height: 38px;
	}
	button.prev-arrow:before, button.next-arrow:before{
		width: 38px;
    	height: 38px;
	}
	arrow.slick-arrow {
        left: -10px !important;
    }
	button.next-arrow {
        right: -10px !important;
    }
	button.prev-arrow {
		left: -10px !important;
		z-index: 1;
	}
	button.next-arrow {
        right: -10px !important;
    }
}
/* @media only screen and (max-width:1400px){
	button.next-arrow {
		right: -40px !important;
	}
	.banner_slider .prev-arrow.slick-arrow {
		left: -0px !important;
	}
} */
@media only screen and (max-width:1200px){
/* 	.course_box .elementor-image-box-description{
		-webkit-line-clamp: 4;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		height: 105px;
		overflow-y: auto;
	} */
	.post_detail_img .elementor-shortcode img{
		height:400px;
	}
	.post_detail_meta .elementor-shortcode .post_date{
		top: -40px;
	}
	.post_detail_title .elementor-shortcode {
		font-size: 28px;
	}
	.gallery_tabbing .e-n-tabs-heading{
		flex-wrap: nowrap;
    	overflow-x: scroll;
		margin-bottom:20px;
	}
	.gallery_tabbing .e-n-tabs-heading .e-n-tab-title{
		margin-bottom:0;
		margin-top:0 !important;
	}
	.gallery_tabbing .e-n-tab-title .e-n-tab-title-text{
		white-space: nowrap;
	}
	.banner_slider .prev-arrow.slick-arrow{
		left: 46% !important;
		top: auto;
		bottom: 0;
	}
	.banner_slider .next-arrow.slick-arrow{
		left: 54% !important;
		top: auto;
		bottom: 0;
	}
	.faq_details .qodef-e-mark{
		min-width: 45px;
    	min-height: 45px;
	}
/* 	.banner_slider.header-wrap{
		padding: 0 20px;
        --content-width: min(100%,var(--container-max-width,1140px)) !important;
	} */
	button.slick-arrow{
		transform: inherit;
		width: 38px;
    	height: 38px;
		top: auto;
    	bottom: 0;
	}
	button.prev-arrow:before, button.next-arrow:before{
		width: 38px;
    	height: 38px;
	}
	button.prev-arrow{
		left: 46% !important;
    }
	button.next-arrow{
		left: 52% !important;
    }
	.client_testimonial .swiper-button-prev, .blog_slider .swiper-button-prev{
		left: 45% !important;
	}
	.client_testimonial .swiper-button-next, .blog_slider .swiper-button-next{
		right: 45% !important;
	}
	.client_testimonial .qodef-e-media-image {
		width: 80px;
	}
	.contact_info .elementor-icon-box-icon{
		width: 65px;
    	height: 65px;
	}
	
}
@media only screen and (min-width: 1025px) and (max-width:1200px){
	.services_details{
		width: calc(100% - 19px);
	}
	.blog_grid .qodef-e-inner{height:100%;}
}
@media only screen and (max-width:1024px){
	.menu_btn{justify-content: center;}
	.services_details{
		width: calc(100% - 19px);
	}
	.blog_grid .qodef-e-inner{height:100%;}
	.sidebar-widget {
		padding: 30px 25px;
	}
}
@media only screen and (min-width: 768px) and (max-width:991px){
	.client_testimonial .swiper-button-next, .blog_slider .swiper-button-next {
        right: 44% !important;
    }
	.client_testimonial .swiper-button-prev, .blog_slider .swiper-button-prev {
        left: 44% !important;
    }
	.services_details{
		width: calc(100% - 50px);
	}
}
@media only screen and (max-width:767px){
	.courses_module_title .elementor-image-box-content{margin-top:10px;}
	.top_header_contact_info .elementor-icon{
		width: 30px;
    	height: 30px;
	}
	.saparate{display:none;}
	.post_detail_meta .elementor-shortcode .category{
		display: block;
    	margin: 0;
	}
	.blog_detail_cta .elementor-icon-box-wrapper{
		display:flex !important;
		gap: 20px;
    	align-items: center;
	}
	.blog_detail_cta .elementor-icon-box-icon{margin:0 !important;}
	.blog_detail_cta .elementor-icon-box-content{text-align:left;}
	.blog_grid .qodef-e-media-image{width:100%;}
	.blog_grid .qodef-e-media-image img{width:100%;}
	.gallery_tabbing .e-n-tabs-heading {
        display: flex;
        align-items: center;
    }
	.gallery_tabbing .e-n-tab-title{
		margin-bottom:20px;
	}
	.contact_info .elementor-icon-box-icon{display:flex !important;margin:0}
	.contact_info .elementor-icon-box-wrapper{
		display: flex !important;
    	gap: 25px;
	}
	.contact_info .elementor-icon-box-content{text-align:left;}
	.services_details{
		width: calc(100% - 25px);
	}
	.top_header_contact_info .elementor-icon-box-wrapper{
		display: flex !important;
    	gap: 10px;
	}
	.banner_slide ~ .e-con-inner{
		flex-direction: row;
		max-width:100%;
	}
	.top_header_contact_info .elementor-icon-box-icon{margin:0 !important;}
	.video_button .elementor-icon-box-wrapper{
		display: flex !important;
    	align-items: center;
	}
	.aboutbox .elementor-image-box-wrapper{display:flex;gap:20px;}
	.aboutbox .elementor-image-box-content{text-align:left;}
	.client_testimonial .qodef-e-inner{display:block;text-align: left !important;}
	.client_testimonial .swiper-button-prev, .blog_slider .swiper-button-prev {
        left: 44% !important;
    }
	.client_testimonial .swiper-button-next, .blog_slider .swiper-button-next {
        right: 44% !important;
    }
	.main_menu{
		display: block;
    	max-width: 100%;
    	width: 100%;
	}
	
}



@media only screen and (max-width:600px){
	.contact_page_form .form_checkbox{display:block;}
	.contact_info .elementor-icon-box-wrapper{
		display: block !important;
	}
	.contact_info .elementor-icon-box-content{text-align:center;}
	
	
	.pricing_card, .award_box, .service_box {width:100%;}
	.award_box .e-con-inner{
		max-width: 100%;
	}
	.banner_slider .next-arrow.slick-arrow {
        left: 56% !important;
    }
	.banner_slider .prev-arrow.slick-arrow {
        left: 40% !important;
    }
	button.next-arrow {
        left: 52% !important;
    }
	button.prev-arrow {
        left: 39.5% !important;
    }
	.client_testimonial .swiper-button-prev, .blog_slider .swiper-button-prev {
        left: 35% !important;
    }
	.client_testimonial .swiper-button-next, .blog_slider .swiper-button-next {
        right: 35% !important;
    }
	.contact_form .from_field {
		width: 100%;
	}
}
body {
    overflow-x: hidden;
}
.register_form.service_detail_form textarea{
	width: 100%;
    height: 100px;
}