/*
Theme Name: Real Industry
Theme URI: https://www.logicalthemes.com/products/free-industry-wordpress-theme/
Author: LogicalThemes
Author URI: https://www.logicalthemes.com
Description: If you’re an entrepreneur engaged in any real industry - be it manufacturing, processing, electronic, oil refinery or any other, Real Industry WordPress Theme is the best choice for you to take your business or expanding the reach of your business by creating a presence online.  The design creates a grand impression of stability and robustness. Whether it’s a business that you’ve set up yourself, or your family has been engaged in it for generations, the look and layout of Real Industry WordPress Theme will work perfectly for you across niches. It's divided into several sections offering you the freedom to create a flow that will help you share your product and business model both with your visitors. The Real industry you’re into may focus on a single process, operation, or manufacturing of unit, but the process may involve several aspects.  Real Industry WordPress Theme will enable you to highlight all the aspects in a very effective and compelling manner. Right from your core area of work, to an about us section where you can highlight your vision and values, to a section that you can dedicate to publish your posts, services, and so on. What is relevant for your business can be accommodated in the layout Real Industry WordPress Theme offers. Real Industry WordPress Theme compatibility can be compared to the best! This theme flows well on all browsers and devices. The best thing about Real Industry WordPress Theme is that you can maintain it yourself without spending money on hiring web designers or time on learning coding language or technical expertise. The user interface is rather simple to use, with a little practice you will easily be able to handle online presence on your own. Download and install it today and see how simple it is to take your real industry business online.  
Requires at least: 5.0
Tested up to: 6.1
Requires PHP: 7.2
Version: 0.2.3
License: GNU General Public License v3.0 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: real-industry
Tags: wide-blocks, flexible-header, left-sidebar, right-sidebar, one-column, two-columns, three-columns, four-columns, grid-layout, custom-colors, custom-background, custom-logo, custom-menu, custom-header, editor-style, featured-images, footer-widgets, sticky-post, full-width-template, theme-options, threaded-comments, rtl-language-support, blog, portfolio, e-commerce

Real Industry WordPress Theme has been created by LogicalThemes(logicalthemes.com), 2022.
Real Industry WordPress Theme is released under the terms of GNU GPL
*/

*, body, img, p, .bypostauthor, .wp-caption-text, .wp-caption, .sticky, .gallery-caption{
  margin:0;
  padding:0;
}
*{
  outline:none;
}
body{ 
  -ms-word-wrap:break-word;
  word-wrap:break-word;
  background-color:#fff;
  font-size: 15px;
  color: #999;
/*  font-family: 'Montserrat', sans-serif;*/
  font-family: 'Poppins',sans-serif;
  overflow-x: hidden;
}
img{ 
  border:none;
  max-width:100%;
  height:auto;
}
section img{
  max-width:100%;
}
a:hover {
  text-decoration: none !important;
}
h1,h2,h3,h4,h5,h6{ 
  margin:0;
  color: #F3C112;
  font-weight: bold;
}
p{ 
  font-size: 15px;
  line-height: 1.8;
}
a{ 
  text-decoration:none;
  color: #F3C112;
}
a:hover{ 
  text-decoration:none;
  color: #F3C112;
}
a:focus, input:focus, textarea:focus, button:focus,.woocommerce form .form-row input.input-text:focus, .woocommerce form .form-row textarea:focus{
  outline: 2px solid #fa84da;
  border-bottom: 1px solid #fa84da;
}
.mid-header .sign-link a:focus, .mid-header span.cart_no a:focus, span.entry-date a:focus, #sidebar input[type="submit"]:focus {
  outline-color: #000;
  border-color: #000;
}
.footersec input[type="submit"]:focus, .copyright a:focus {
  outline-color: #fff;
  border-color: #fff;
}
#footer-section h1,#footer-section h2,#footer-section h3,
	#footer-section h4,#footer-section h5,#footer-section h6 {
    color: #fff;
  }

table, select, span.woocommerce-input-wrapper{
  width:100%;
}
ul,ol{ 
  margin:0 0 0 15px;
  padding:0;
}
input[type='submit']{
  background-color: #F3C112;
  padding: 1%;
  border: 0;
  color: #000;
  margin: 2% 0;
}
.clear{ 
  clear:both;
}
input[type='submit']:hover{
  cursor: pointer;
}
input[type="text"],input[type="email"],input[type="phno"],textarea{
  border:1px solid #bcbcbc;
  width:100%;
  font-size:16px;
  padding:10px 10px;
  margin:0 0 23px 0;
  height:auto;
}
textarea{
  height:111px;
}
.clearfix{clear: both;}
.center{ 
  text-align:center;
  margin-bottom:40px;
}
.wrapper{
  margin:3% auto;
}
.wp-caption{ 
  font-size:13px;
  max-width:100%;
}
.read-moresec a {
  background: #F3C112;
  font-size: 16px;
  color: #fff;
  border-radius: 30px;
}
/*wide block*/
.entry-content .alignwide {
  margin-left  : -80px;
  margin-right : -80px;
}
.entry-content .alignfull {
  margin-left  : calc( -100vw / 2 + 100% / 2 );
  margin-right : calc( -100vw / 2 + 100% / 2 );
  max-width    : 100vw;
}
.alignfull img {
  width: 100vw;
} 
/* Text meant only for screen readers. */
.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;
  width: 1px;
  word-wrap: normal !important;
}
.screen-reader-text:focus {
  background-color: #eee;
  clip: auto !important;
  clip-path: none;
  color: #444;
  display: block;
  font-size: 1em;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000; /* Above WP toolbar. */
}
.entry-content a,.comment p a,#sidebar .widget_text p a{
  text-decoration: underline;
}
.footersec .widget_text p a {
  color: #fff;
  text-decoration: underline;
}
.alignleft,img.alignleft {
  display: inline;
  float: left;
  margin-right: 45px;
  margin-top: 4px;
  margin-bottom: 20px;
  padding: 0;
}
.alignright,img.alignright { 
  display: inline;
  float: right;
  margin-left:45px;
  margin-top:4px;
  margin-bottom:20px;
  padding:0;
}
.aligncenter,img.aligncenter { 
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top:0;
}
.comment-list .comment-content ul { 
  list-style:none;
  margin-left:15px;
}
.comment-list .comment-content ul li{
  margin:5px;
}
.main-container ol{
  list-style-position:outside;
  margin-left:20px;
}
.main-container ol li{
  margin:5px 0;
}
h2.section-title {
  font-size:30px;
  font-weight:700;
  padding:0 0 45px 0;
  text-align:center;
  display:table;
  margin-bottom:50px;
}
.padding-0{padding: 0;}
.marrgin-0{margin: 0;} 
/*----------Sticky Header------*/
.fixed-menubox {
  position: fixed;
  top: 0px; 
  left:0;
  width: 100%;
  box-shadow: 2px 2px 10px 0px #000;
  z-index: 999999;
  background: #fff;
  padding: 10px;
}
.page-template-home-custom .fixed-menubox{
  background: #fff;
}

.menu-section.text-lg-center {
  padding: 6px 0;
}

/* ---------Inner Page Header --------- */
.header-content {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
.inner-head {
  padding: 5% 0;
  position: relative;
  background: linear-gradient(175deg, black 65%, transparent 25%);
  height: 515px;
}
.inner-head:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(174deg, #F3C112 68%, transparent 25%);
  z-index: -1;
}
.inner-head img.head-img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 0.6;
  clip-path: polygon(0 0, 100% 0, 100% 55%, 0 85%);
}
.inner-head h1 {
  color: #fff;
  font-size: 28px;
  display: inline-block;
  padding: 15px 100px 15px 30px;
  border-radius: 40px;
  background: #F3C112;
}
.lt-breadcrumbs {
  color: #F3C112;
  font-size: 25px;
  font-weight: 600;
  padding: 7px 20px 10px;
  background: #fff;
  border-radius: 30px;
  display: inline-block;
  line-height: 1;
  margin-left: -80px;
  position: relative;
  top: -3px;
}
.lt-breadcrumbs a, .lt-breadcrumbs span {
  color: #F3C112;
  font-size: 18px;
  display: inline-block;
}
.header-image {
  position: relative;
  z-index: 1;
}
.header-image {
  position: relative;
  -webkit-transform: perspective(600) rotateY(-30deg);
  transform: perspective(600) rotateY(-30deg);
}
.header-image:after {
  content: '';
  width: 100%;
  height: 101%;
  position: absolute;
  top: 0;
  left: 0;
  background-size: 100% 100%;
  z-index: 999;
}
.header-image img {
  width: 100%;
  border-radius: 90px;
  height: 350px;
  object-fit: cover;
  position: relative;
  top: 4px;
}

/*header Button*/

#header .top-head{
  background: #E4DFDE;
  /*margin-left: -70px;   
  text-align: right;*/
  padding: 10px 4em 10px 4em;
}
#header .contactusbtn {
    text-align: right;
}
#header .contactusbtn a {
    background: #DB3923;
    color: #fff;
    padding: 8px 10px;
    font-size: 18px;
    font-weight: 600;
    position: relative;
    overflow: hidden;
    display: inline-block;
    text-align: center;
    top: 0px;
    border-radius: 4px;
}
#header .contactusbtn:hover a{color: #000;} 

/*phone*//*email*/
#header .top-head p{color: #000;font-size: 15px;}

#header .phbox{text-align: right;}
#header .phbox li{list-style: none;display: inline-block; margin-right: 2em;}
#header .phbox li a{
  font-size: 15px;
  font-weight: 400;
  margin-top: 0em;
  color: #000;
  }

#header .phbox li a i{color: #000;}
#header .phbox li a:hover{color: #F3C112;}
#header .mail a{
  font-size: 18px;
    font-weight: 600;
    margin-top: 0em;
  }

/*header social */
/*#header .social-icons{text-align: right;}
#header .social-icons a{font-size: 18px;margin-left: 8px; color: #fff;}*/
.bottom-head { padding: 15px 4em 8px 4em;}
#primary-site-navigation { text-align: right;}
/* --------- Header --------- */
.pd-0{ padding: 0 !important;}
.mr-0{margin: 0 !important;}
#header .logobx-out{
  text-align: center;
  background: #DB3923;
  clip-path: polygon(0 0, 89% 0, 100% 100%, 0% 100%);
  padding: 1em 0;
}

.home header.banner {
    position: relative;
}
.page-template-home-custom #header {
    position: absolute;
    z-index: 999; 
    width: 100%;
    background: #d1d1d3;
}

.header-box{   padding: 0px 0px;}

#menu-sidebar {  display: inline;}
.primary-navigation ul{
  list-style: none;
  margin: 0;
  padding-left: 0;  
  color:#fff;
}
.primary-navigation li{
  position: relative;
  display: inline-block;
}
.primary-navigation .current_page_item a{color:#fff;background:#F3C112; }
.primary-navigation a{
  display: block;
  color: #000;
  font-size: 15px;
  padding: 5px 25px;
  font-weight: 500;
  text-transform: capitalize;
}
.primary-navigation ul ul{
  display: none;
  position: absolute;
  min-width: 215px;
  z-index: 9999;
  border:1px solid ;
}
.primary-navigation ul ul ul{
  left: 100%;
  top: 0;
}
.primary-navigation ul ul a{
  color: #fff;
  background: #000;
  padding: 10px;
}
.primary-navigation ul ul a:hover{
  background: #565050;
  color: #fff;
}
.primary-navigation ul ul li{
  float: none;
  display: block;
  text-align: left;
  border-left: none;
  border-right: none !important;
  padding: 0;
  border-bottom: 1px solid #fff;
}
.primary-navigation ul ul li:last-child{
  border-bottom: 0;
}
.primary-navigation ul li:hover > ul{
  display: block;
}
.primary-navigation a:hover{
  color: #fff;
  background:#F3C112;
}
/*--------------- SUPERFISH MENU ---------------------------*/
.sf-arrows .sf-with-ul:after{
  content: '\f107';
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  position: absolute;
  right: -4px;
  color: #000;
  top: 7px;
}
.sf-arrows ul .sf-with-ul:after{
  right: 6px;
  top: 12px;
}
.toggle-menu, a.closebtn, #sidebar ul.woocommerce-mini-cart.cart_list.product_list_widget li:before{
  display: none;
}
.top-header {
  padding: 15px 0;
}
.top-header p, .top-header a {
  color: #4c4d4e;
  font-weight: 500;
}
.top-header p i {
  color: #fa84da;
}

.primary-navigation ul li{ 
  display:inline-block;
  margin:0;
  position:relative;
  text-align: left;
}

.logo h1, .logo p.site-title {
  font-size: 25px;
  font-weight: 700;
  line-height: 1.2;
}
.logo h1 a, .logo p.site-title a{
  color: #000;
}
.logo p{
  color: #000;
  font-size: 13px;
}
.page-template-home-custom #header {
  border: 0;
}
#header {
  border-bottom: 1px solid #fff;
}

/* --------- SLIDER--------- */

#slider{ position:relative;}
#slider .slide-oly{
  position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 1;
    background-image: linear-gradient(116deg,#1c1a27 42%,#222335 14%);
    clip-path: polygon(0 0, 60% 0, 40% 100%, 0 100%);
}
#slider .sliderbg-img img {
    width: 100%;
    height: 800px;
}
#slider .slider-net{
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-size: 100px 120px;
    background-image:
    linear-gradient(to right, #fff -2px, transparent 1px),
    linear-gradient(to bottom, #fff -2px, transparent 1px);
    opacity: 0.3;
}
#slider .slider-net:after{
    content: '';
    position: absolute;
    top: -60px;
    bottom: 0;
    left: 50px;
    right: 0;
    background-size: 100px 120px;
    background-image: radial-gradient(#fff 6%, transparent 7%);
    opacity: 0.3;
}

#slider .s-gradient {
  clip-path: polygon(0 0, 62% 0, 42% 100%, 0 100%);
}
#slider .s-gradient {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  opacity: 1;
  clip-path: polygon(0 0, 60% 0, 40% 100%, 0 100%);
  background-image: linear-gradient(116deg,#1c1a27 42%,#222335 14%);
}
#slider .s-gradient:after {
  content: "";
  position: absolute;
  right: 40%;
  top: 0;
  background: #F3C112;
  width: 106px;
  height: 50%;
  transform: skew(-25deg, -4deg);
}
#slider .s-gradient {
  clip-path: polygon(0 0, 62% 0, 42% 100%, 0 100%);
}

#slider .inner_carousel {
    position: absolute;
    top: 28%;
    left: 7%;
    right: 0;
    bottom: auto;
    padding: 0;
    overflow: hidden;
    width: 500px;
}
#slider .inner_carousel p.s_titile{
  font-size: 20px ;
  color: #fff;
  padding: 0;
  margin: 0;
}
#slider .inner_carousel p.s_titile:after{
  display: inline-block;
    margin: 0px 0 0px 2px;
    content: " ";
    text-shadow: none;
    width: 30%;
    flex: 1;
    border-color: #fff;
    /* clip-path: polygon(0 0, 66% 0, 100% 100%, 0 100%); */
    border-style: dashed;
    border-width: 2px;
    border-left: none;
    border-right: none;
    border-top: 0;
}
#slider .inner_carousel h2 {
  /* position: relative; */
    margin: 0px 0;
    font-size: 43px;
    font-weight: 700;
    line-height: 53px;
    color: #F3C112;
    word-break: break-word;
    white-space: normal;
    /* z-index: 999; */
}
#slider .inner_carousel p {
    color: #fff;
    padding: 30px 0px 1em 0;
    margin-bottom: 0px;
    font-size: 17px;
}

#slider .read-btn{
  position: relative;
  margin-top:1em; 
  z-index: 1; 
}
#slider .read-btn a:hover{
    background: #000;
    transition: all 0.1s;
}
#slider .read-btn a{
    position: relative;
    display: inline-block;
    font-size: 23px;
    font-weight: 600;
    padding: 6px 55px 9px 10px;
    border-radius: 4px;
    color: #F3C112;
    background: #fff;
    transition: all 0.5s;
    box-shadow: 0px 2px 10px #FFFFFF1A;
}

#slider .read-btn a span {
    position: absolute;
    padding: 2px 7px 0;
    text-align: center;
    margin: -8px 0 0 10px;
    transition: all 0.5s;
}
#slider .read-btn a span:before{
    content: "";
    position: absolute;
    left: -9px;
    top: -4px;
    background: #F3C112;
    padding: 10px;
    border-radius: 50px;
    z-index: -2;
    transition: all 0.5s;
}
#slider .read-btn a span:after{
    content: "";
    position: absolute;
    left: 0px;
    top: -4px;
    right: 0;
    bottom: 0;
    background: #F3C112;
    clip-path: polygon(0 0, 100% 0, 100% 70%, 50% 100%, 0 70%);
    transition: all 0.5s;
}
#slider .read-btn a i {
    font-size: 28px;
    /* font-weight: 500; */
    text-shadow: 0px 4px 3px #0000004a;
    color: #fff;
    position: relative;
    z-index: 1;
    top: -2px; 
    transition: all 0.5s;
}

/**/
#slider .btmsec {
    position: absolute;
    bottom: 6px;
    z-index: 1;
    width: 100%;
}
#slider .phoneno{
  position: relative;
  text-align: center;
  padding: 20px 200px 14px 4px;
  background-color: #f3c112c2;
  clip-path: polygon(0 0, 86% 0, 100% 100%, 0% 100%);
  margin:0 22px 0 0;
}
#slider .phoneno i{
    position: relative;
    color:#F3C112 ;
    width: 86px;
    height: 86px;
    line-height: 86px;
    background: #fff;
    text-align: center;
    border-radius: 50px;
    font-size: 58px;
    font-weight: 600;
    box-shadow: 3px 3px 5px #0000004F;
    webkit-animation: spin 5s linear infinite;
    animation: spin 5s linear infinite;
}
@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

#slider .phoneno i:before {
    position: absolute;
    left: -1px;
    right: 0;
    top: -2px;
    bottom: 0;
    border: 2px solid #fff;
    border-radius: 100px;
    width: 96px;
    height: 96px;
}
#slider .phoneno .phtxt{
    position: relative;
    font-size: 35px;
    font-weight: 600;
    color: #fff;
    display: inline-block;
    top: -26px;
    padding-left: 25px;
}
#slider .phoneno a:hover .phtxt{color: #000;}

/*social media */
#slider .social-icons{ 
  position: relative; 
  text-align: center;
  background-color: #f3c112c2;
  padding: 52px 0;
  clip-path: polygon(14% 0%, 100% 0, 100% 100%, 0% 100%);
}
#slider .social-icons a{    margin: 10px 20px;}
#slider .social-icons a i{position: relative; font-weight: 600;font-size: 28px;color: #040301;}
#slider .social-icons a:hover i{color: #fff;transition: all 0.5s; animation: rubberBand 2s linear infinite;}

/**/
#slider .carousel-item-next,
#slider .carousel-item-prev,
#slider .carousel-item.active { display: block !important;}

#slider .carousel-control-next-icon i,
#slider .carousel-control-prev-icon i{
  font-size: 20px;
  background-image: none;
  color: #c8c8c8;
  text-align: center;
}
#slider .carousel-control-next,
 #slider .carousel-control-prev{
  bottom: 0;
  top: auto;
  opacity: 1;
}
#slider .carousel-control-prev{
  left: 58%;
}
#slider .carousel-control-next{
  right: 8%;
}
.carousel-control-next-icon, .carousel-control-prev-icon{
  width: auto;
  height: auto;
  background:transparent;
}
.npbtn {
  position: absolute;
  background: #ffffff;
  width: 14%;
  height: 4%;
  left: -4%;
  right: 0;
  margin: auto;
  bottom: 6px;
  clip-path: polygon(13% 0, 86% 0, 100% 100%, 0% 100%);
}

/* SWIPER */

.swiper {
  width: 250px;
  height: 450px;
  padding: 50px 0;
}

.swiper-slide {
  position: relative;
  box-shadow: 0 15px 50px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
}

.swiper-slide span {
  position: absolute;
  top: 0;
  right: 0;
  color: #fff;
  padding: 7px 18px;
  margin: 10px;
  border-radius: 20px;
  letter-spacing: 2px;
  font-size: 0.8rem;
  font-weight: 700;
  font-family: inherit;
  background: rgba(255, 255, 255, 0.095);
  box-shadow: inset 2px -2px 20px rgba(214, 214, 214, 0.2), inset -3px 3px 3px rgba(255, 255, 255, 0.4);
  backdrop-filter: blur(74px);
}

.swiper-slide h2 {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  font-weight: 400;
  font-size: 1.1rem;
  line-height: 1.4;
  margin: 0 0 20px 20px;
}

.swiper-slide:nth-child(1n) {
  background: linear-gradient(to top, #0f2027, #203a4300, #2c536400), url(https://github.com/ecemgo/mini-samples-great-tricks/assets/13468728/2929f534-3bc3-4cbd-b84c-80df863d5a38)
      no-repeat 50% 50% / cover;
}

.swiper-slide:nth-child(2n) {
  background: linear-gradient(to top, #0f2027, #203a4300, #2c536400), url("https://github.com/ecemgo/mini-samples-great-tricks/assets/13468728/b6f5eb64-887c-43b1-aaba-d52a4c59a379")
      no-repeat 50% 50% / cover;
}

.swiper-slide:nth-child(3n) {
  background: linear-gradient(to top, #0f2027, #203a4300, #2c536400), url("https://github.com/ecemgo/mini-samples-great-tricks/assets/13468728/e906353b-fde0-4518-9a03-16545c1161bd")
      no-repeat 50% 0% / cover;
}

.swiper-slide:nth-child(4n) {
  background: linear-gradient(to top, #0f2027, #203a4300, #2c536400), url("https://github.com/ecemgo/mini-samples-great-tricks/assets/13468728/fc21e481-e28a-41a8-9db3-3b62c1ddc17e")
      no-repeat 50% 50% / cover;
}

.swiper-slide:nth-child(5n) {
  background: linear-gradient(to top, #0f2027, #203a4300, #2c536400), url("https://github.com/ecemgo/mini-samples-great-tricks/assets/13468728/6b6ad966-79e1-4d3c-8f92-566d0fee8082")
      no-repeat 50% 50% / cover;
}

.swiper-slide:nth-child(6n) {
  background: linear-gradient(to top, #0f2027, #203a4300, #2c536400), url("https://github.com/ecemgo/mini-samples-great-tricks/assets/13468728/2ad44f5d-2215-4416-9c9b-2bae3be51a67")
      no-repeat 50% 50% / cover;
}

.swiper-slide:nth-child(7n) {
  background: linear-gradient(to top, #0f2027, #203a4300, #2c536400), url("https://github.com/ecemgo/mini-samples-great-tricks/assets/13468728/aa8fe914-741f-4bf4-ad4a-24f19d1f4178")
      no-repeat 50% 50% / cover;
}

.swiper-slide:nth-child(8n) {
  background: linear-gradient(to top, #0f2027, #203a4300, #2c536400), url("https://github.com/ecemgo/mini-samples-great-tricks/assets/13468728/d5f10b4f-7d34-45bd-bb5f-5f1530c2ac1c")
      no-repeat 50% 0% / cover;
}

.swiper-slide:nth-child(9n) {
  background: linear-gradient(to top, #0f2027, #203a4300, #2c536400), url("https://github.com/ecemgo/mini-samples-great-tricks/assets/13468728/7cbac263-7c55-4428-908e-31018dc1bce3")
      no-repeat 50% 50% / cover;
}

/*About Us Section*/
/*================*/
#aboutus-section{
  position: relative;
  overflow: hidden;
  padding: 4em 0;
  background-image: url(assets/images/aboutbg.png) !important;
  background-repeat: no-repeat;
  background-size: cover;
}
#aboutus-section .head {
    position: relative;
    overflow: hidden;
}
#aboutus-section .head h3{
    font-size: 70px;
    text-shadow: 3px 1px 5px #F3C11273;
    font-weight: 600;
    margin: 0 0 8px 0;
    color: #1B1A28;
}
#aboutus-section .head:after {
    content: "";
    border-bottom: 2px solid #f1f1f1;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    width: 80%;
}

#aboutus-section .subtitle{
  font-size: 25px;
  margin: 14px 0px 0em 0;
  font-weight: 500;
  color: #000;
}

#aboutus-section .description {
    color: #000;
    font-size: 15px;
    margin-top: 2em;
    margin-right: 5em;
    margin-bottom: 15px;
}

#aboutus-section .aboutus-content ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
#aboutus-section .aboutus-content li::before {
  content: '\2022'; /* Unicode character for a bullet point */
  font-size: 45px; /* Adjust the size as needed */
  margin-right: 20px;
}

#aboutus-section .aboutus-content li {
  position: relative;
    font-size: 15px;
    color: #000;
    display: flex;
    align-items: center;

}
#aboutus-section .aboutus-content li::marker {
  position: relative;
    font-size: 30px;
}
#aboutus-section .aboutus-btn{
  position: relative;
  margin-top:4em; 
  z-index: 1; 
}
#aboutus-section .aboutus-btn a:hover{
    background: #F3C112;
    transition: all 0.1s;
    color: #000;
}
#aboutus-section .aboutus-btn a{
    position: relative;
    display: inline-block;
    font-size: 23px;
    font-weight: 600;
    padding: 6px 55px 9px 10px;
    border-radius: 4px;
    color: #F3C112;
    background: #000;
    transition: all 0.5s;
    box-shadow: 0px 2px 10px #FFFFFF1A;
}

#aboutus-section .aboutus-btn a span {
    position: absolute;
    padding: 2px 7px 0;
    text-align: center;
    margin: -8px 0 0 10px;
    transition: all 0.5s;
}
#aboutus-section .aboutus-btn a span:before{
    content: "";
    position: absolute;
    left: -9px;
    top: -4px;
    background: #F3C112;
    padding: 10px;
    border-radius: 50px;
    z-index: -2;
    transition: all 0.5s;
}
#aboutus-section .aboutus-btn a span:after{
    content: "";
    position: absolute;
    left: 0px;
    top: -4px;
    right: 0;
    bottom: 0;
    background: #F3C112;
    clip-path: polygon(0 0, 100% 0, 100% 70%, 50% 100%, 0 70%);
    transition: all 0.5s;
}
#aboutus-section .aboutus-btn a i {
    font-size: 28px;
    /* font-weight: 500; */
    text-shadow: 0px 4px 3px #0000004a;
    color: #fff;
    position: relative;
    z-index: 1;
    top: -2px; 
    transition: all 0.5s;
}

#aboutus-section .allimageslide {
    position: relative;
    text-align: right;
    float: right;
    margin-top: 4.5em;
}
#aboutus-section .allimageslide .image1{
    position: relative;
    width: 430px;
    height: 560px;
    top: 16px;
    left: -34px;
}
#aboutus-section .allimageslide .image2 {
    z-index: -1;
    position: absolute;
    float: right;
    top: -18px;
    left: 1%;
    width: 430px;
    height: 560px;
}
#aboutus-section .allimageslide .image3 {
    z-index: -2;
    position: absolute;
    float: right;
    top: -56px;
    left: 10%;
    width: 430px;
    height: 560px;
}
/*Service Section*/
/*================*/

#service-section {
  position: relative;
  overflow: hidden;
  margin: 3em 0;
}
#service-section .service-head {
  margin-bottom: 3em;
  text-align: center;
}

#service-section .service-head h4{
  position: relative;
  color: #1b1926;
  display: inline-block;
  margin: 0 0 15px 0;
  font-size: 70px;
  text-shadow: 3px 1px 5px #F3C11273;
  z-index: 1;
  padding: 0 1em 10px 1em;
}
#service-section .service-head h4:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    border-bottom: 2px solid #7c7c7e;
}
#service-section .service-head h6{
  position: relative;
    font-size: 25px;
    color: #8C8A8A;
    font-weight: 400;
    z-index: 1;
}
/*#service-section .service-head svg.titleicon {
    fill: #fa84da;
    position: relative;
    top: 0;
    left: 10px;
}*/
#service-section .serbx{padding: 0 2em;margin-bottom: 2em;}
#service-section .service-box {
/*  filter: drop-shadow(0px 4px 14.5px rgba(0,0,0,0.18));*/
margin: 0 12px 0px 12px;
    padding: 0;
    position: relative;
    overflow: hidden;
    border-radius: 0px;
}
#service-section .service-img {
    position: relative;
}
#service-section .service-img img{
    position: relative;
    width: 100%;
    height: 400px;
    border-radius:  0px 0px;
}

/*#service-section .service-img svg {
  fill: #c3f2fc;
  bottom: 0;
  position: absolute;
  z-index: 3;
  left: 0;
}*/
#service-section .service-content {
    padding: 20px 10px 20px 30px;
    /* background: #F5EDED; */
    position: absolute;
    top: 0px;
    bottom:0;
    right: 0;
    left: 0;
    background: #0e0a0a73;
}
/*#service-section .service-content .icon {
    width: 70px;
    height: 70px;
    background: #fff;
    line-height: 66px;
    text-align: center;
    border-radius: 50px;
    font-size: 33px;
    border: 3px solid #DB3923;
    color: #DB3923;
    position: absolute;
    margin-top: -60px;
}*/
#service-section .number h3{
  font-size: 90px;
  color: #fff;
  text-align: left;
}
#service-section .service-content .title{
    text-align: left;
    font-size: 25px;
    line-height: 28px;
    font-weight: 600;
    margin: 10px 0;
    color: #FFDD00;
    position: relative;
}
#service-section .service-content p{
    text-align: left;
    font-size: 15px;
    font-weight: 500;
    line-height: 30px;
    margin: 1.5em 0;
    color: #fff;
}
#service-section .button {
    text-align: left;
}
#service-section .button a {
    color: #fff;
    position: relative;
    overflow: hidden;
    outline: none;
    text-decoration: underline;
    display: inline-flex;
    padding: 0px 0px;
    cursor: pointer;
    margin: 5px 0 0 0;
    font-size: 18px;
    font-weight: 500;
}
#service-section .button a:hover{color: #F3C112;}

#service-section .service-bottmbtn{
  position: relative;
  margin-top:2em; 
  text-align: center;
  z-index: 1; 
}
#service-section .service-bottmbtn a:hover{
    background: #F3C112;
    transition: all 0.1s;
    color: #000;
}
#service-section .service-bottmbtn a{
    position: relative;
    display: inline-block;
    font-size: 23px;
    font-weight: 600;
    padding: 6px 55px 9px 10px;
    border-radius: 4px;
    color: #F3C112;
    background: #1B1A28;
    transition: all 0.5s;
    box-shadow: 0px 2px 10px #FFFFFF1A;
}

#service-section .service-bottmbtn a span {
    position: absolute;
    padding: 2px 7px 0;
    text-align: center;
    margin: -8px 0 0 10px;
    transition: all 0.5s;
}
#service-section .service-bottmbtn a span:before{
    content: "";
    position: absolute;
    left: -9px;
    top: -4px;
    background: #F3C112;
    padding: 10px;
    border-radius: 50px;
    z-index: -2;
    transition: all 0.5s;
}
#service-section .service-bottmbtn a span:after{
    content: "";
    position: absolute;
    left: 0px;
    top: -4px;
    right: 0;
    bottom: 0;
    background: #F3C112;
    clip-path: polygon(0 0, 100% 0, 100% 70%, 50% 100%, 0 70%);
    transition: all 0.5s;
}
#service-section .service-bottmbtn a i {
    font-size: 28px;
    /* font-weight: 500; */
    text-shadow: 0px 4px 3px #0000004a;
    color: #fff;
    position: relative;
    z-index: 1;
    top: -2px; 
    transition: all 0.5s;
}



/* Woocommerce */
.woocommerce .woocommerce-breadcrumb, .woocommerce .woocommerce-breadcrumb a {
  color:#000;
}
a.showcoupon,.woocommerce-message::before{
  color: #F3C112;
}
.woocommerce-message {
  border-top-color: #F3C112;
}
.woocommerce #customer_login .col-1, .woocommerce #customer_login .col-2 {
  max-width: 100%;
}
.woocommerce span.onsale{
  background: #F3C112;
  padding: 0;
  border-radius: 0;
  color: #fff;
  font-weight: 500;
}
.products li {
  padding: 0 0 10px !important;
  text-align: center;
}
h2.woocommerce-loop-product__title,.woocommerce div.product .product_title {
  color: #000;
  font-size: 20px !important;
}
.woocommerce img, .woocommerce-page img{
  margin: 0 !important;
  border: solid 1px #dcdcdc;
}
.woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled]{
  color: #fff;
}
.woocommerce ul.products li.product .price,.woocommerce div.product p.price, .woocommerce div.product span.price {
  color: #000;
}
.woocommerce div.product .product_title,.woocommerce div.product p.price, .woocommerce div.product span.price{
  margin-bottom: 5px;
}
.woocommerce div.product .product_title {
  background: none;
  text-align: left;
  text-transform: capitalize;
}
.woocommerce-product-gallery__image {
  padding: 5px;
}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button,.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, a.added_to_cart.wc-forward{
  background: #F3C112;
  color: #fff;
  border-radius: 30px;
  font-weight: 500;
}
a.button.yith-wcqv-button, a.added_to_cart.wc-forward {
  margin-left: 5px;
  padding: 8px !important;
  font-size: 14px;
  line-height: 1;
  border-radius: 30px;
}
a.added_to_cart.wc-forward {
  margin-top: 10px;
}
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover,.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, a.added_to_cart.wc-forward:hover  {
  background: #fa84da;
  color: #fff;
}
.woocommerce .quantity .qty {
  width: 5em;
  padding: 5px;
  border-radius: 30px;
  border: solid 1px #353535;
  color: #353535;
}
.woocommerce div.product form.cart {
  margin: 15px 0;
}
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span{
  padding: 15px;
}
.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current {
  background: #F3C112;
  color: #000;
  border: none;
}
.col-1,.col-2 {
  max-width: 100%;
}
.woocommerce-MyAccount-navigation ul {
  list-style: none;
  margin: 0;
}
.woocommerce-MyAccount-navigation ul li {
  background: #F3C112 !important;
  padding: 12px;
  margin-bottom: 10px;
}
.woocommerce-MyAccount-navigation ul li a{
  color: #fff ;
}
.posted_in {
  display: block;
}
.woocommerce-products-header {
  margin-top: 20px;
}
select.orderby{
  padding: 10px;
  margin-top:10px;
}
.woocommerce-info a, tr.woocommerce-cart-form__cart-item.cart_item a, form.woocommerce-shipping-calculator a, nav.woocommerce-MyAccount-navigation a, a.shipping-calculator-button, table.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents .product-name a, nav.woocommerce-MyAccount-navigation a, .woocommerce-MyAccount-content li a, a.woocommerce-privacy-policy-link, a.showcoupon {
  text-decoration: none;
}
li.woocommerce-notice.woocommerce-notice--info.woocommerce-info {
  list-style: none;
  padding: 16px 32px 16px 56px;
}
.woocommerce .woocommerce-ordering select{
  padding: 10px;
}
#sidebar p.woocommerce-mini-cart__buttons.buttons a{
  text-decoration: none;
  color: #fff;
}
#sidebar p.woocommerce-mini-cart__buttons.buttons a:hover, .footersec p.woocommerce-mini-cart__buttons.buttons a:hover{
  background: #F3C112;
}
#sidebar form.woocommerce-product-search input[type="search"], .footersec form.woocommerce-product-search input[type="search"]{
  width: 100%;
  padding: 7px 10px;
}
#sidebar form.woocommerce-product-search button, .footersec form.woocommerce-product-search button{
  background: #F3C112;
  border: none;
  color: #fff;
  padding: 8px 0;
  width: 100%;
  font-size: 16px;
  margin: 0;
  letter-spacing: 1px;
  font-weight: 600;
}
#sidebar .widget_price_filter .ui-slider-horizontal .ui-slider-range, #sidebar .widget_price_filter .ui-slider .ui-slider-handle, .footersec .widget_price_filter .ui-slider-horizontal .ui-slider-range, .footersec .widget_price_filter .ui-slider .ui-slider-handle, .woocommerce .widget_price_filter .price_slider_amount .button:hover{
  background: #F3C112;
}
.widget_shopping_cart_content p.woocommerce-mini-cart__total.total{
  padding: 5px 0;
  color: #fff;
}
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content{
  background: #fff;
}
.select2-container--default .select2-selection--single{
  height: 40px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
  padding: 10px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
  top: 3px;
}
#sidebar ul.woocommerce-mini-cart.cart_list.product_list_widget li{
  background: none;
}
.woocommerce .woocommerce-ordering select{
  padding: 10px;
}
.woocommerce-product-gallery__image{
  padding: 2px;
}
.woocommerce ul.products li.product .price{
  font-size: 15px;
}
.woocommerce form .form-row .required{
  color: #df0000;
}
.woocommerce ul.products li.product .price, .woocommerce ul.products li.product .price, .woocommerce div.product span.price, .woocommerce div.product p.price {
  color: #000;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce form.woocommerce-shipping-calculator a{
  color: #000 !important;
}
.woocommerce .woocommerce-breadcrumb{
  margin-top: 10px;
}
#sidebar .price_label, .footersec .price_label, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled]{
  color: #fff;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  font-weight: 500;
  color: #000;
  font-size: 20px !important;
  font-family: 'Poppins', sans-serif;
  text-align: center;
}
.woocommerce ul.products li.product .button{
  margin-top: 0;
}
.woocommerce-info::before {
  color: #1a8129;
}
.woocommerce-privacy-policy-text p a,.woocommerce button.button:disabled:hover, .woocommerce button.button:disabled[disabled]:hover{
  color: #000;
}
.woocommerce #comments p {
  float: left;
  width: 100%;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta {
  font-size: 16px;
}
.woocommerce .product-title{
  font-size: 17px;
}
.woocommerce .select2-container .select2-selection--single{
  height: 40px;
  padding: 0;
}
.woocommerce .select2-container--default .select2-selection--single .select2-selection__rendered{
  line-height: 20px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b{
  top:70%;
}
.select2-container--default .select2-selection--single, input#billing_phone {
  padding: 10px 0px;
  border-radius: 0px;
  border: 1px solid #bcbcbc;
}
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order{
  width: auto;
}
.woocommerce-Address{
  max-width: 100%;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{
  text-align: center;
}
#sidebar .star-rating, .footersec .star-rating{
  margin: 0 !important;
}
#sidebar .product_list_widget .star-rating, .footersec .product_list_widget .star-rating{
  margin: 5px 0 10px 0 !important;
}
#sidebar .widget_price_filter .price_slider_wrapper .ui-widget-content{
  background-color: #000;
}
.footersec .widget_price_filter .price_slider_wrapper .ui-widget-content{
  background-color: #fff;
}
.footersec .price_label, #sidebar .price_label, .news-item.layout-two .news-text-wrap{
  font-size: 14px;
}
.woocommerce .star-rating {
    float: left;
}
.related.products ul.products li.product, .related.products .woocommerce-page ul.products li.product{
  float:none;
  display: inline-table;
  width: 30%;
  text-align: center;
  margin-right: 15px;
}
.woocommerce .woocommerce-product-rating .star-rating {
  margin: 0.5em 20px 0 0;
  color: #ff7e00;
}
.woocommerce form.login .form-row,.woocommerce .woocommerce-form-login .woocommerce-form-login__submit{
  display: block;
  float: none;
}
.woocommerce-Reviews .comment-text p.meta {
  width: 100%;
  float: left;
  padding-top: 10px;
}
#sidebar a.remove.remove_from_cart_button , .footersec a.remove.remove_from_cart_button{
  font-size: 22px !important;
}
.woocommerce #reviews #comments h2{
  font-size: 25px;
}
.related.products h2 {
  text-align: left;
  margin-bottom: 20px;
}
.comment-form-rating label {
  padding: 10px 0;
}
.woocommerce-cart table.cart td.actions .coupon .input-text{
  font-size: 11px;
  padding: 7px;
}
.footersec .woocommerce.widget_shopping_cart .cart_list li{
  padding: 0 0 0 2em;
}
#sidebar .widget_shopping_cart_content li:hover{
  padding-left: 2em;
}
.woocommerce-Reviews .comment-form-rating label{
  padding: 10px 0;
}
.woocommerce input#password {
  padding: 10px;
}
#sidebar .woocommerce ul.product_list_widget li img, .footersec .woocommerce ul.product_list_widget li img {
  width: 50px;
}
.footersec .woocommerce.widget_shopping_cart .cart_list li{
  padding: 0 0 10px 2em;
}
.woocommerce ul.products li.product .star-rating{
  margin: 10px auto;
}
#sidebar li.woocommerce-mini-cart-item.mini_cart_item{
  position: relative;
  padding: 0 0 10px 30px;
  margin: 0;
}
#sidebar .woocommerce ul.product_list_widget li a{
  padding: 0
}
#sidebar .woocommerce ul.product_list_widget li:before{
  position: absolute;
  left: 0;
  top: 12px;
}
.woocommerce ul.products.columns-3 li.product, .woocommerce-page ul.products.columns-3 li.product{
  text-align: center;
}
#sidebar ul.woocommerce-mini-cart.cart_list.product_list_widget li a.remove{
  position: absolute;
}
#sidebar ul.woocommerce-mini-cart.cart_list.product_list_widget li{
  padding-left: 2em;
}


/* --------- Homepage --------- */
.box-image img {
  width: 100%;
}
.post-wrap h2{
  font-size: 25px;
  font-weight: 600;
  display: block;
}
.post-wrap h2 a{
  color: #000;
}
.post-wrap .section-title a:hover{
  text-decoration:none;
}
.post-wrap {
  box-shadow: 0 0 15px #ddd;
  border-radius: 10px 10px 0 0;
}
.post-wrap img {
  border-radius: 10px;
}
.singlebox h1{
  color: #F3C112;
  font-size: 30px;
}
.adminbox {
  background: #F3C112;
  padding: 30px 20px 15px;
  clip-path: polygon(0 30%, 100% 0%, 100% 100%, 0% 100%);
}
.adminbox span {
  font-size: 16px;
  color: #000;
}
.adminbox span a{
  color: #000;
}
.post-wrap p {
  font-size: 15px;
  color: #828282;
}
.continue-read a {
  font-size: 15px;
  font-weight: 500;
  color: #000;
  padding: 10px 25px;
  background: #F3C112;
  border-radius: 30px;
  display: inline-block;
}
.continue-read a:hover {
  color: #fff;
}
.metabox span {
  color: #0d0d0e;
  font-size: 16px;
  margin-right: 20px;
}
/* Breadcrumbs */
.bradcrumbs{
  padding:30px 0;
}
.bradcrumbs a{
  background: #f1f1f1;
  color: #000;
  padding: 4px 15px;
  margin-right: 5px;
  display: inline-block;
  margin-bottom: 5px;
}
.bradcrumbs a:hover{
  background:#f58220;
}
.bradcrumbs span{
  background:#dddddd;
  color:#000;
  padding:5px 15px;
}
/* blog post */
.nav-previous {
  float: left;
  width: 50%;
  margin: 15px 0;
}
.nav-next{
  float: left;
  width: 50%;
  text-align: right;
  margin: 15px 0;
}
span.meta-nav {
  clear: both;
  font-size: 16px;
  color: #000;
  font-weight: 600;
}
.nav-next span.meta-nav:after{
  content: "\f30b";
  font-family: 'Font Awesome 5 Free';
  font-weight: 600;
  margin-left: 8px;
  position: relative;
  top: 5px;
}
.nav-previous span.meta-nav:before{
  content: "\f30a";
  font-family: 'Font Awesome 5 Free';
  font-weight: 600;
  margin-right: 8px;
  position: relative;
  top: 5px;
}
.post-tags a {
  background: #F3C112;
  color: #fff;
  padding: 4px 10px;
  margin: 3px;
  border-radius: 4px;
  display: inline-block;
}
/* Comments BOX */
#comments h2.comments-title{
  font-size:20px;
  font-weight:bold;
  border-top:2px dotted #7e7e7e;
}
#comments h3.comment-reply-title{
  font-size:20px;
  font-weight:bold;
  clear:both;
}
#comments input[type="text"],#comments input[type="email"],#comments textarea {
  padding:12px 10px;
  font-size:18px;
  margin:20px 0 0 0;
}
#comments input[type="submit"].submit{
  background: #F3C112;
  padding:10px 60px;
  text-transform:uppercase;
  font-weight:bold;
  margin-top:20px;
  color: #fff;
  border-radius: 30px;
}
#comments a.comment-reply-link{
  color:#fff;
  background: #F3C112;
  padding:5px 15px;
  font-weight: 500;
  border-radius: 30px;
}
#comments a.comment-reply-link:hover,#comments input[type="submit"].submit:hover{
  background: #fa84da;
  color: #fff;
}
#comments a time{
  color:#000;
  font-weight:bold;
  font-size:12px;
}
.main-content #comments ol li{
  width:100%;
  background:none;
  list-style:none;
  margin: 0 0 20px;
  display:inline-block;
  border:none;
}
#comments .comment-body p{
  background: #f5f5f5;
  padding: 15px;
}
.main-content #comments ul{
  margin:0 0 0 40px;
}
#comments .reply{
  text-align:right;
}
.comment-respond{
  clear:both;
}
.comment-meta.commentmetadata {
  margin: 10px 0;
}
#comments .comment-body p a{
  text-decoration: underline;
}
/* Sidebar */
#sidebar h3 {
  color: #fff;
  background: #F3C112;
  padding: 20px 15px;
  font-size: 25px !important;
  clip-path: polygon(0 0, 100% 0%, 100% 75%, 0% 100%);
}
#sidebar ul, #sidebar .textwidget, #sidebar .gallery, #sidebar div#calendar_wrap, #sidebar .tagcloud {
  padding: 15px 15px 40px;
  color: #707070;
  font-size: 16px;
}
div#sidebar p,#sidebar td#prev a {
  color: #696969;
}
#sidebar caption {
  font-weight: bold;
  color: #696969;
  font-size: 20px;
  text-align: center;
}
#sidebar table,#sidebar th,#sidebar td {
  border: 1px solid #d1d1d1;
  text-align: center;
}
#sidebar td {
  padding: 5px;
  color: #696969;
}
#sidebar th {
  text-align: center;
  padding: 5px;
  color: #696969;
}
#sidebar select {
  padding: 10px;
  border: none;
  background: #fff;
  color: #000;
  font-size: 17px;
  margin: 15px 15px 40px;
  width: -webkit-fill-available;
}
#sidebar form.search-form{
  display: table;
  width: 100%;
  padding: 15px 15px 40px;
}
#sidebar input[type="search"] {
  background:#fff;
  padding: 10px;
  border:none;
  font-size:15px;
  color:#696969;
  width:100%;
}
#sidebar input[type="search"]::placeholder {
  color: #000;
}
#sidebar form.search-form label{
  width:70%;
  float:left;
  margin-bottom: 0;
}
#sidebar input[type="submit"]{
  background: #F3C112;
  border: none;
  color: #fff;
  padding: 9px 0;
  width: 30%;
  font-size: 16px;
  font-weight: 500;
  margin:0;
}
.singlebox {
  padding: 15px;
  border: 1px solid #eee;
  overflow: hidden;
}
.singlebox .adminbox {
  clip-path: none;
  padding: 15px;
}
#sidebar aside{
  position: relative;
  background: #f2f2f2;
}
#sidebar aside:after {
  content: '';
  height: 3px;
  background: #F3C112;
  position: absolute;
  left: 15px;
  right: 15px;
  bottom: 20px;
}
#sidebar ul {
  list-style:none;
  margin:0;
}
#sidebar ul li a {
  color: #707070;
  font-size: 15px;
}
#sidebar ul li a:hover {
  color: #F3C112;
}
#sidebar li:last-child {
  border-bottom: none;
}
#sidebar li {
  border-bottom: solid 1px #ddd;
  margin-top: 0;
  padding: 9px 0;
}
#sidebar li:before {
  content: '\f0ad';
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  display: inline-block;
  margin-right: 10px;
  color: #F3C112;
}
#sidebar .tagcloud a{
  background: transparent;
  color: #707070;
  font-size:15px !important;
  padding:5px 18px;
  margin:0 0 5px;
  display:inline-block;
}
#sidebar .tagcloud a:hover{
  background: #F3C112;
  color: #fff;
}
.widget figure.gallery-item {
  display: inline-block;
  width: 31%;
  margin-right: 12px;
}
.widget figure.gallery-item:nth-child(3n) {
  margin-right: 0;
}

/* Main Content Css */
.main-content h1{
  font-size:32px;
  color: #000;
  font-weight: bold;
}
/* Pagination */
.pagination {
  clear:both;
  position:relative;
  font-size:14px;  
  line-height:13px;
  float:right;  
  font-weight:bold;
  width:100%;
} 
.pagination span, .pagination a {
  display:block;
  float:left;
  margin: 2px 5px 10px 0;
  padding:10px 15px;
  text-decoration:none;
  width:auto;
  color:#000;
  background: #ccc;
  -webkit-transition: background .15s ease-in-out;
  -moz-transition: background .15s ease-in-out;
  -ms-transition: background .15s ease-in-out;
  -o-transition: background .15s ease-in-out;
  transition: background .15s ease-in-out;
} 
.pagination a:hover,.pagination .current{
  background: #F3C112;
  color: #fff;
}
.main-content .pagination ul{
  margin:0;
  clear:both;
}
.main-content .pagination ul li{
  margin:0;
}
/*copyright css*/
.footersec aside.widget {
  margin-bottom: 30px;
  margin-top: 10%;
}
.footersec form.search-form label {
  width: 100%;
  margin-bottom: 10px;
}
.footersec form.search-form input[type="search"] {
  padding: 8px;
}
.footersec input[type="submit"] {
  margin-top: 0;
  padding: 8px 10px;
  background: #F3C112;
  color: #fff;
  width: 100%;
}
.tagcloud a:hover {
  background: #F3C112;
  color: #fff;
}
.tagcloud a {
  color: #fff;
  border: solid 1px;
  font-size: 15px !important;
  padding: 5px 18px;
  margin: 0 0px 5px;
  display: inline-block;
}
.footersec td#prev a {
  color: #fff;
}
.footersec caption {
  font-weight: bold;
  color: #fff;
  font-size: 20px;
}
.footersec table,.footersec th,.footersec td {
  border: 1px solid #d1d1d1;
  text-align: center;
}
.footersec td {
  padding: 10px;
  color: #fff;
}
.footersec th {
  text-align: center;
  padding: 10px;
  color: #fff;
}
.footersec select {
  padding: 8px 5px;
}
.widget li a,aside#categories-5 li a {
  color: #868686;
  font-size: 18px;
}
.footersec .widget li {
  list-style: none !important;
  margin-top: 14px;
  color: #fff;
}
.widget_text p {
  color: #fff;
}


/*footer*/
/*==========*/
#footer-section {
/* background: url('./assets/images/head-bg.jpg') no-repeat;*/
  background:#222335; 
  background-size: cover;
  background-attachment: fixed;
  position: relative;
  padding: 40px 0;
  padding: 15px 0 15px 0;
}
#footer-section .f_tbrd{
  position: relative;
  padding-bottom: 1em;
  border-top: 40px solid #F3C112;
}
/*#footer-section svg#footersvg1 {
      fill: #F3C112;
    position: absolute;
    overflow: hidden;
    z-index: 5;
    width: 100%;
    top:0;
}

#footer-section svg#footersvg {
  fill: #ffffff;
    position: absolute;
    overflow: hidden;
    z-index: 5;
    width: 100%;
    top: 25px;
}*/
#footer-section .footersec {
    position: relative;
    margin-top: 0em;
}
#footer-section a, #footer-section .logo a, #footer-section .logo p {
  color: #fff;
}
#footer-section .logo {
  padding: 30px !important;
  border-bottom: 1px solid #fff;
  margin-bottom: 20px;
}
#footer-section .current-menu-item:before{color: #F3C112;}
#footer-section .current-menu-item a{color: #F3C112;}
#footer-section .menu-item a:hover{color: #F3C112;}
/*.footer-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #F3C112;
  opacity: 0.8;
}*/
.footersec, #footer-section .logo, .copyright {
  position: relative;
  z-index: 99;
}
#footer-section .copyright p {
  font-size: 20px;
    color: #000;
}
/*#footer-section li:before {
  content: '\f0c8';
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  display: inline-block;
  margin-right: 8px;
  color: #fff;
  font-size: 12px;
  top: -2px;
  position: relative;
  transform: rotate(45deg);
  margin-right:14px;
}*/
h3.widget-title {
  color: #000;
  font-size: 25px ;
  font-weight: 600;
  margin-bottom: 20px;
}
#footer-section h3.widget-title {
  margin-bottom: 36px;
  color: #fff;
  font-size: 22px;
}
.footersec ul {
  margin: 0;
}
.copyright {
  color: #fff;
  font-size: 18px;
  font-weight: normal;
  margin: auto;
  text-align: center;
  background: #EFC222;
  padding: 5px;
  margin-top: 50px;
}
.copyright span{
  color: #fff;
}
.copyright a, .copyright a:hover{
  color: #fff;
}
/* Pagination */
.pagination{
  display:table;
  clear:both;
}
.pagination ul{
  list-style:none;
  margin:20px 0;
}
.pagination ul li{
  display:inline;
  float:left;
  margin-right:5px;
}
.pagination ul li span,.pagination ul li a{
  background:#222222;
  color:#fff;
  padding:5px 10px;
  display:inline-block;
}
.pagination ul li .current,.pagination ul li a:hover{
  background:#ff8a00;
}
h1.entry-title,h1.page-title{
  font-size: 30px;
  font-weight: 500;
  margin-bottom: 15px;
}
p.sorry-text {
  font-size: 17px;
  color: #333;
}
.sticky .post-wrap {
  margin-bottom: 4%;
  border: solid 10px #ddd;
  background: #eee;
}
article img{
  height:auto;
}
article p{
  margin:10px 0;
}
form.search-form{
  margin-bottom:0px;
}
#header .fas {
  transform: scaleX(-1);
}
i.fa.fa-search {
  float: right;
  margin-top: -8.5%;
  margin-right: 12%;
  font-size: 20px;
  color: #fff;
}
input.search-field, .post-password-form input[type=password]{
  border:1px #eee solid;
  padding:4px;
  width: 100%;
}
input.search-submit, .post-password-form input[type=submit]{
  border:none;
  color:#ffffff;
  padding:4px 10px;
  cursor:pointer;
}
aside.widget{
  margin-bottom:30px;
}
nav.post-navigation{
  padding:10px 0 20px;
  clear: both;
  font-weight: bold;
}
.webicon{
  font-size:20px;
}
.comment-list, ol.comment-list{
  list-style:none;
  margin-left:0;
  margin-top:20px;
  margin-bottom:20px;
}
.comment-list ul, ol.comment-list ol{
  list-style:none;
}
.comment-list li.comment{
  margin-top:20px;
}
.comment-list .comment-content h1,.comment-list .comment-content h2,.comment-list .comment-content h3,.comment-list .comment-content h4,.comment-list .comment-content h5,.comment-list .comment-content h6{
  margin-top:15px;
}
.blog-post-repeat{ 
  border-bottom:1px solid #cccccc;
  margin-bottom:40px;
}
/*video*/
.entry-video iframe {
  width: 100%;
}

/* Responsive Media */
/*===================*/
@media screen and (max-width: 1500px) {

}
@media screen and (max-width: 1299px){
  #feature .featurebx {margin: -8em 0 0 0;}
  #service-section .serbx {  padding: 0 1em;}
}

@media screen and (max-width: 1199px){
  #header .contactusbtn a { padding: 8px 6px; font-size: 16px;}
  #slider .sliderbg-img img {height: 630px;}
  #slider .phoneno {padding: 20px 60px 14px 4px;}
  #aboutus-section .subtitle {  margin: 14px 3em 0em 0;}
  #aboutus-section  .aboutus-content { position: relative;padding-right: 5em;}
  #aboutus-section .description { margin-top: 1em;margin-right: 0em;}
  #aboutus-section .aboutus-content li { margin-top: 0.5em;}
  #aboutus-section .aboutus-btn {margin-top: 2em;}
  #service-section .serbx { padding: 0 0em;}
}

@media screen and (min-width: 1000px) {
  .footersec td,.footersec th{
    padding: 5px;
  }
}

@media screen and (max-width: 1000px){
  .menubar .primary-navigation ul li a:focus,a.closebtn.responsive-menu:focus{
    outline: 1px solid #F3C112;
    border-bottom: 1px solid #F3C112;
  }
  .toggle-menu {
    display: none;
    cursor: pointer;
    text-align: right;
  }
  .toggle-menu i {
    font-size: 25px;
    color: #F3C112;
    background: #000;
    padding: 8px 10px;
    border-radius: 3px;
  }
  .toggle-menu button {
    background: transparent;
    border: none;
    margin: 0px 0;
  }
  .sidebar {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 9999999;
    top: 2em;
    right: 0;
    background-color: #101010;
    overflow-x: hidden;
    visibility: hidden;
    padding-top: 60px;
    box-shadow: -3px 0px 10px 0px #000;
  }
  body.mobilemenu-open .sidebar{
    visibility: visible;
    width: 250px;
    transition: 0.5s;
  }
  .sidebar .closebtn {
    position: absolute;
    top: 10px;
    right: 0px;
    font-size: 30px;
    display: block;
    color: #ffffff;
    border:none;
    background: transparent;
  }
  .sidebar #primary-site-navigation {   width: 100%;}
  
  .home header.banner {top: 0em;}
  .header-box:before{display: none;}
  .home #header {position: relative; text-align: center;}
  #header .menu-section {  padding-top: 0;}
  .header-box{background: none;}
  
.toggle-menu {
    display: block;
    position: relative;
    right: 12em;
}
  .primary-navigation ul ul li,.primary-navigation li, .primary-navigation ul li ul,.primary-navigation ul li ul ul{
    display: block !important;
  }
  .primary-navigation ul ul {
    display: block !important;
    height: auto !important;
    opacity: 1 !important;
  }
  .menubar .primary-navigation ul li{
    border-top:1px #303030 solid; 
    display:block;
  }
  .sf-arrows .sf-with-ul:after, .sf-arrows ul .sf-with-ul:after {
    top: 10px;
    right: 12px;
  }
  .primary-navigation ul li a{
    padding: 10px;
    display:block;
    color:#ffffff;
    border:none;
  }
  .primary-navigation ul li ul li a:before{
    content:"\00BB \00a0";
  }
  .primary-navigation ul li ul li a{
    padding-left:20px !important;
  }
  .primary-navigation ul li ul li ul li a{
    padding-left:30px !important;
  }  
  .primary-navigation ul li ul, .primary-navigation ul li ul ul {
    display: block !important;
    opacity: 1 !important;
  }
  .primary-navigation ul ul{
    position: static;
    width: 100%;
    border:none;
  }
  .primary-navigation li{
    padding: 0;
  }
  #menu-sidebar {
    display: inline;
  }
  .primary-navigation ul ul a{
    color:#fff;
    background: none;
  }
  .primary-navigation ul ul a:hover{
    background: none;
    color: #F3C112;
  }
  #slider .inner_carousel {top: 4%;}
  #slider .inner_carousel p {padding: 1em 0px 1em 0;}
  #slider .read-btn a {font-size: 18px;}
  #slider .sliderbg-img img {height: 460px;}
}

@media screen and (max-width: 1024px) and (min-width: 1000px){
  .entry-content .alignwide {
    margin-left: -20px;
    margin-right: -20px;
  }
  .woocommerce a.button.yith-wcqv-button, a.added_to_cart.wc-forward {
    margin-top: 8px !important;
    margin-bottom: 0;
  }

  .inner-head {
    padding: 16% 0 5%;
  }
}

@media screen and (max-width:991px){
  #header .logobx-out {padding: 1em 1em;}
  #header .top-head { padding: 10px 0em 10px 0;}
  #header .phbox li a { font-size: 16px;}
  .bottom-head { padding: 10px 0em 4px 6px;}
/*  .toggle-menu{  position: absolute;}*/
  #slider svg#slidersvg,
  #slider svg#slidersvg1{display: none;}
  #slider .carousel-control-next, #slider .carousel-control-prev{display: none;}
  #slider .inner_carousel{left: 2%;}
  #slider .inner_carousel h1 {font-size: 30px;}
  #slider .inner_carousel p{margin: 0.4em 0px !important;}
  #slider .read-btn a {padding: 6px 18px;font-size: 16px;}
  #slider .social-icons { padding: 24px 0;}
  #slider .social-icons a {margin: 4px 8px;}
  #slider .social-icons a i { font-size: 16px;}
  #slider .phoneno {padding: 8px 48px 4px 4px;}
  #slider .phoneno i:before { width: 52px; height: 56px;}
  #slider .phoneno .phtxt {font-size: 20px;top: -14px;padding-left: 25px;}
  #slider .phoneno i {
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 22px;
}
}
@media screen and (max-width: 786px){
  #slider .carousel-control-next, 
  #slider .carousel-control-prev{display: none;}
  #slider .inner_carousel h1 {  font-size: 28px;}
}
@media screen and (max-width: 768px) and (min-width: 720px){
  .entry-content .alignwide {
    margin-left: -15px;
    margin-right: -15px;
  }
  .woocommerce ul.products[class*=columns-] li.product,.woocommerce-page ul.products[class*=columns-] li.product{
    width: 48% !important;
  }
  .woocommerce ul.products.columns-4 {
    display: block;
  }
  .footersec td,.footersec th, #sidebar td,#sidebar th, span.meta-nav{
    padding: 0px;
  }
  #sidebar form.search-form label{
    float: none;
  }
  #sidebar input[type="submit"], #sidebar form.search-form label{
    width: 100%!important;
  }
 
  .widget figure.gallery-item {
    width: 46%;
  }
  .widget figure.gallery-item:nth-child(3n) {
    margin-right: 12px;
  }
  .widget figure.gallery-item:nth-child(2n) {
    margin-right: 0;
  }
  #slider .slider-img, #slider .slider-img img {
    border-radius: 50px;
  }
  /*#slider .slider-img img {
    height: 200px;
  }
  #slider .slider-img:after {
    top: -2px;
  }*/

  .menu-section {
    position: static;
    margin: 0;
  }
}

@media screen and (max-width:720px) {
  .entry-content .alignwide {
    margin-left: 5px;
    margin-right: 5px;
  }
  ol.children {
    margin: 0 !important;
  }
  ol.children img {
    width: 30px;
    border: solid 1px;
  }
  .main-content #comments ol li {
    padding: 10% 0 0 2% !important;
  }
  #sidebar td{
    padding: 6px;
  }
  span.meta-nav{
    padding: 0px;
  }
  .singlebox{
    margin: 0 10px;
  }
  .pagination{
    float:none;
  }
  .home .inner-service{
    margin: 20px 0 0 0;
    min-height: auto;
  }
  .woocommerce ul.products[class*=columns-] li.product,.woocommerce-page ul.products[class*=columns-] li.product{
    width: 100% !important;
    float: none !important;
  }
  #slider .slider-img, .page-template-home-custom #header:after, .single #header:after, .page-template-default #header:after {
    display: none;
  }
  .menu-section {
    position: static;
    margin: 0;
  }
  #slider .carousel-caption {
    padding: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 99;
    bottom: auto;
    left: 10%;
    right: 10%;
    text-align: center;
  }

  #slider .carousel-control-next-icon i, #slider .carousel-control-prev-icon i {
    background: transparent;
    padding: 0;
  }
  #slider .carousel-control-next, #slider .carousel-control-prev {
    width: 9%;
  }
}

@media screen and (max-width: 767px) {
  #header .logobx-out{clip-path:none;}
  .toggle-menu {right: 1em;}
  #header .phbox {text-align: center;}
  #header .top-head { padding: 5px 5px 5px 5px; margin-left: -12px; }
  #slider .phoneno {padding: 6px 4px 4px 4px;clip-path: none;margin: 0;}
  #slider .social-icons {padding: 4px 0;clip-path: none;}
  #slider .inner_carousel h2 {font-size: 30px;line-height: 34px;}
  #slider .inner_carousel p.s_titile { font-size: 16px;}
  #feature .featurebx { margin: 0;}
  #aboutus-section .head h3 { font-size: 30px;}
  #aboutus-section {padding: 2em 0;}
  #aboutus-section .subtitle {margin: 6px 0em 0em 0;}
  #aboutus-section .subtitle {font-size: 20px; line-height: 26px;}
  #aboutus-section .aboutus-content {padding-right: 0;}
  #aboutus-section .aboutus-btn { margin-top: 1em;}
  #aboutus-section .aboutus-btn a {font-size: 16px;}
  #service-section { margin: 1em 0;}
  #service-section .service-head h4 {font-size: 30px;padding: 0 10px 10px 10px;}
  #service-section .service-head h6 {font-size: 16px;}
  #service-section .service-content { padding: 10px 10px;}
  #service-section .number h3 { font-size: 44px;}
  #service-section .service-content .title {font-size: 20px;}
  #service-section .service-content p {line-height: 25px; margin: 10px 0;}
  #service-section .button a {  margin: 6px 0 0 0; }
  #service-section .service-img img { height: 300px;}
}
@media screen and (max-width: 600px) {
  #slider .inner_carousel{width: 90%;top: 10%;}
  #slider .inner_carousel p { font-size: 16px;line-height: 22px;}
  #slider .inner_carousel h1 { font-size: 20px;}
}
@media screen and (max-width: 475px){
  #slider .inner_carousel h1 {font-size: 18px;}
  #slider .inner_carousel p {margin: 0.1em 0px !important; }
  #aboutus-section .allimageslide .image1,
  #aboutus-section .allimageslide .image2,
  #aboutus-section .allimageslide .image3 {
    width: 268px;
    height: 370px;
    /*top: 16px;
    left: -34px;*/
}
}
@media screen and (max-width: 375px) {
  #slider .inner_carousel {
        top: 3%;
    width: 290px;
}
  .read-btn a:nth-child(2) {
    margin-left: 0 !important;
    margin-top: 10px;
  }
}