/*
Theme Name: Home Electrician
Theme URI: https://www.logicalthemes.com/products/free-home-electrician-wordpress-theme
Author: LogicalThemes
Author URI: https://www.logicalthemes.com
Description: Electrician WordPress Theme has been designed to equip electrical technician, wireman, lineman, electronics technician, and similar professionals related to electricity repair, maintenance &amp; services to display their services and expertise online. It has all the essential elements to help your business build and grow. We have used relevant images and graphics. Besides, we have provided spaces, divided into sections where one can share information like types of services, packages designed for customers, etc. Call-to-action buttons are also positioned strategically. There are contact forms, social media icons. It is a responsive template that adjusts itself to any screen size from mobile phone, tab, laptop or PC. Electrician WordPress Theme is user-friendly, loads quickly (as it coded light) which any layman electrician without any coding or programing knowledge or skill can own &amp; maintain himself. Since it has been designed for this particular niche user will be able to share all the information related to your work. You can create extra pages to share information about your company, your own profile, customers’ testimonial, your team, expertise they bring, the kind of services you offer. This Electrician WordPress Theme is compatible with many plug-ins. E.g. woo commerce app creates a safe payment gateway which will enable customers to make online payments to you to book or schedule an appointment or buy electrical products or pay for consultancy you may offer online or over phone. Electrician WordPress Theme will allow you to create blog section where you can publish information on common important topics to engage with customers and build follower strength. Being a user-friendly theme electrician will be able to make day-to-day changes to their website. The new information or images will go live within minutes. We offer email support if you get stuck and will send you updates to help your website stay relevant with evolving technology.  
Requires at least: 5.3
Tested up to: 6.9
Requires PHP: 7.2
Version: 0.1.3
License: GNU General Public License v3.0 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: home-electrician
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

Home Electrician WordPress Theme has been created by LogicalThemes(logicalthemes.com), 2022.
Home Electrician 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: '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: #091b2f;
  font-weight: bold;
}
p{ 
  font-size: 15px;
  line-height: 1.8;
}
a{ 
  text-decoration:underline;
  color: #091b2f;
}
a:hover{ 
  text-decoration:underline;
  color: #091b2f;
}
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: #091b2f; */
  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: #091b2f;
  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;
}

/*****general******/
.container{
  max-width: 1596px;
}



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 #fff;
  z-index: 999999;
  background: #17439D;
  padding: 10px;
}
.page-template-home-custom .fixed-menubox{
  background: #000;
}

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

/* ---------Inner Page Header --------- */

.page-template-home-custom .inner-head {
  display: none;
}

.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: 300px;
}
.inner-head:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(174deg, #091b2f 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: #091b2f;
    display: block;
    white-space: normal;
    overflow-wrap: break-word;
    word-break: break-word;
    max-width: 100%;

}
.lt-breadcrumbs {
  color: #091b2f;
  font-size: 25px;
  font-weight: 600;
  padding: 7px 20px 10px;
  background: #fff;
  border-radius: 10px;
  display: inline-block;
  line-height: 1;
  /* margin-left: -80px; */
  position: relative;
  /* top: -3px; */
}
.lt-breadcrumbs a, .lt-breadcrumbs span {
  color: #091b2f;
  font-size: 18px;
  display: inline-block;
    /* display: block; */
    white-space: normal;
    overflow-wrap: break-word;
    word-break: break-word;
    max-width: 100%;

}
.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;
}

.wp-block-button.is-style-squared a, .wp-block-button__link.wp-block-button.is-style-squared a {
  border-radius: 0;
}

/*header Button*/
#header {
  /* padding: 30px 0; */
  background: #fff;
}

#primary-site-navigation {
    padding: 0px 0 0 0;
    text-align: center;
}


/* --------- Header --------- */
#header {
    position: relative;
    background: none;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
    padding: 15px 0;

}
.pd-0{ padding: 0 !important;}
.mr-0{margin: 0 !important;}

.home header.banner {
    position: relative;
}
.home #header {
    /* position: absolute !important; */
    /* top: 20px; */
    background: none;
    /* box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); */
    padding: 0px 0;
    width: 100%;
}
.page-template-home-custom #header {
    position: absolute;
    z-index: 999;
    width: 100%;
    background: transparent;
    box-shadow: none;
}
.header-box { 
  padding: 18px 0; 
  background: #17439D;

}
#menu-sidebar {  display: inline;}
.primary-navigation ul{
  list-style: none;
  margin: 0;
  color: #fff;
  position: relative;
  z-index: 9999;
  vertical-align: middle;
  float: none;
  text-align: center;
  display: inline-block;
  padding: 8px 4px;
}
.primary-navigation ul:before {
  content: "";
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  opacity: 0.3;
  z-index: -1;
  background: #C0C0C0;
  border-radius: 10px;
}
.primary-navigation li{
  position: relative;
  display: inline-block;
}
/**/
/* .primary-navigation li a::before {
    content: "";
    inset: 0;
    position: absolute;
    transform: scaleX(0);
    transform-origin: center;
    transition: transform 0.5s ease-in-out;
    border-radius: 2px;
    background: #0066FF;
    width: 100%;
    height: 1.6px !important;
    left: 0;
    bottom: 0;
    z-index: -1;
    margin: 1px auto;
    transform-origin: right;
} */
/*.primary-navigation li.current_page_item a::before , 
.primary-navigation >li>a:active,
.primary-navigation li a:hover::before {
    transform-origin: left;
    transform: scaleX(1);
    bottom: 0;
   
}*/
/**/
.primary-navigation a:hover,
.primary-navigation .current_page_item a{
  color:#000;    
  /*background-color: #f7f2fc; */
}
/*.primary-navigation a:hover,
.primary-navigation .current_page_item a:before{}*/
/*********/
.primary-navigation a::before,
.primary-navigation .current_page_item a::before {
    content: "";
    inset: 0;
    position: absolute;
    transform: scaleX(0);
    transform-origin: center;
    transition: transform 0.5s ease-in-out;
    border-radius: 10px;
    background: #fff;
    opacity: 0.39;
    width: 100%;
    z-index: -1;
    margin: 1px auto;
    transform-origin: right;
}
.primary-navigation li.current_page_item a::before, .primary-navigation >li>a:active, .primary-navigation li a:hover::before {
    transform-origin: left;
    transform: scaleX(1);
    bottom: 0;
    height: 100%;
}
/*******/
.primary-navigation a {
    display: block;
    color: #fff;
    text-decoration: none;
    font-size: 15px;
    padding: 5px 12px;
    /* border-radius: 20px 20px; */
    font-weight: 500;
    text-transform: uppercase;
}
.primary-navigation li li a{color: #000;}
.primary-navigation ul ul {
    display: none;
    margin-top: 2px;
    position: absolute;
    min-width: 240px;
    z-index: 9999;
    padding: 3px 0px;
    background: #fff;
    border-radius: 5px;
    border: 0px solid #cccccc66;
}
.primary-navigation ul ul ul{
  left: 101%;
  top: 0;
}
.primary-navigation ul ul a{
  /* color: #364153;
  background: #fff; */
  /* padding: 10px 10px 10px 20px; */
}
/* .primary-navigation ul ul a:hover{
  background: #585858;
  color: #fff;
} */
/* 
.primary-navigation li:hover ul.sub-menu {
    padding-block: 16px;
    padding-inline: 8px;
    background-color: #fff;
    border: 4px solid #dab2ff;
    border-radius: 24px;
    min-width: 220px;
    margin-top: 8px;
    left: 0;
    top: 100%;
    position: absolute;
} */

.primary-navigation ul ul li{
  float: none;
  display:flex; 
  text-align: left;
  border-left: none;
  border-right: none !important;
  padding: 0;
  border-bottom: 1px solid #fff;
  position:relative; 
  line-height:normal; 
  margin: 6px 2px 6px;
  transition: all 0.5s;
}
.primary-navigation ul ul li:last-child{
  border-bottom: 0;
}
.primary-navigation ul li:hover > ul{
  display: block;
}
.primary-navigation a:hover{
  color: #000;
  transition: all 0.5s ease 0s;
}


/*--------------- SUPERFISH MENU ---------------------------*/
.sf-arrows .sf-with-ul:after {
    content: '\f107';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    position: absolute;
    right: -1px;
    /* color: #091b2f; */
    top: 4px;
}
.sf-arrows ul .sf-with-ul:after{
  right: 8px;
  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;
  background: #0a0e27;
}
.top-header .hlbx{  width: 30%;padding: 0 1px;}
.top-header .hlbx .phonenum{width: 40%;padding: 0 1px;}
  #header .phonenum a {
      color: #fff;
      font-size: 15px;
      font-weight: 600;
  }
  #header .phonenum a i {
      background-image: linear-gradient(62deg, #0066FF -12%, #00D9FF 88%);
      padding: 9px 9px;
      border-radius: 8px;
      margin-right: 4px;
  }
  .top-header .hlbx .email{width: 60%;padding: 0 1px;}
  .top-header .hlbx .email a {
      color: #fff;
      font-size: 15px;
      font-weight: 600;
  }
  .top-header .hlbx .email a i {
      background-image: linear-gradient(62deg, #0066FF -12%, #00D9FF 88%);
      padding: 9px 9px;
      border-radius: 8px;
      margin-right: 4px;
  }

/******/
@-webkit-keyframes blinker {
  from {opacity: 1.0;}
  to {opacity: 0.0;}
}
.blink{
    text-decoration: blink;
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 0.9s;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-timing-function:ease-in-out;
    -webkit-animation-direction: alternate;
}
.top-header .hmbx {
    width: 40%;
    text-align: center;
}
.top-header .hmbxinn{
  display: inline-block;
  border: 1px solid #3ff;
    border-radius: 12px;
    padding: 8px 13px;
    text-align: center;
    text-transform: uppercase;
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
}
.top-header .hmbxinn svg {
    background-image: linear-gradient(62deg, #0066FF -12%, #00D9FF 88%);
    padding: 2px 5px;
    border-radius: 8px;
    margin-right: 4px;
    width: 28px;
    height: 28px;
}
.top-header .hmbxinn span {
    padding: 5px 10px;
    border-radius: 40px;
    font-size: 12px;
    background-image: linear-gradient(121deg, #ff3100 70%, #edff00 117%);
    margin: 0 0 0 10px;
}

.top-header .hrbx{  width: 30%;padding: 0 4px; align-content: center;}
.top-header .hrbx .timing {
    width: 52%;
    color: #00d9ff;
    font-weight: 600;
    font-size: 13px;
    line-height: 1.3;
    padding: 0 1px;
}
.top-header .hrbx .timing i {
    background-image: linear-gradient(62deg, #0066FF -12%, #00D9FF 88%);
    padding: 9px 9px;
    border-radius: 8px;
    margin-right: 10px;
    color: #fff;
    display: inline-block;
    position: relative;
    height: 32px;
    font-size: 14px;
}
.top-header .hrbx .timbx {
    position: relative;
    display: flex;
}
.top-header .hrbx .timbx b{
    font-weight: bolder;
    position: relative;
    width: 100%;
    color: #fff;
    font-weight: 600 !important;
    display: contents;
}
#header .socialicons{text-align: right;width: 48%; padding: 0 1px;}

#header .socialicons a {
  position: relative;
    margin: 0 0 0 10px;
}
#header .socialicons a i {
    font-size: 11px;
    color: #3ff;
    transition: all 0.5s ease 0s;
    width: 26px;
    height: 26px;
    line-height: 26px;
    border: 1px solid #091b2f;
    text-align: center;
    transform: scale(1.2);
    border-radius: 50pc;
    /* box-shadow: rgba(0, 217, 255, 0.3) 0px 0px 20px; */
}
#header .socialicons a:hover i{
  color : #3ff ;
  border: 1px solid #3ff;
  transition: all 0.5s ease 0s;
  box-shadow: rgba(0, 217, 255, 0.3) 0px 0px 20px;
  scale: 1.06;
}
/*.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 6px;
  position:relative;
  text-align: left;
}

.logo h1, .logo p.site-title {
    font-size: 30px;
    
    margin: 0;
    padding: 0;
    text-decoration: none;
    font-weight: 400;
    line-height: 1.3;
    display: inline-block;
    transform-origin: center bottom;
    
}


.logo h1 a, .logo p.site-title a{
 /* background: linear-gradient(to right, #f6339a, #ad46ff, #2b7fff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;*/
  color: #fff;
  text-decoration: none;
}
.logo p{
  color: #fff;
  font-size: 13px;
}
.page-template-home-custom #header {
  border: 0;
}
/*#header {
  border-bottom: 1px solid #fff;
}*/

/*header with*/
#header .logobx_m{width: 22%; padding: 0 1px; align-content: center;}
#header .m-mnu{
  width: 64%;
  padding: 0 1px;
  align-content: center;
}
/*2nd btn*/
#header .m-btn {
  width: 14%;
  padding: 0 1px;
  align-content: center;
  justify-content: center;
  text-align: right;
  right: 0;
  position: relative;
}
#header .bttn2:hover{scale: 1.02;transition: all 0.3s;}
#header .bttn2 {
    position: relative;
    display: inline-flex;
    color: #324141;
    background-color: #F5DD23;
    padding: 12px 24px;
    border-radius: 14px;
    border: none;
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    cursor: pointer;
    overflow: hidden;
    z-index: 1;
    transition: all 0.3s;
    align-items: center;
}
#header .bttn2 svg {
  margin-right: 6px;
  width: 20px;
  height: 20px;
}

/******end*********/

/************** slider ***************************/
#slider{
  position: sticky;
  overflow: hidden;
  height: 800px;
  top: 0;
  transition: all .4s;
  }
#slider .grid-overlay {
  position: absolute;
  left: 0;
  right: 0%;
  top: 0;
  bottom: 0;
  background: #17439d;
  opacity: 0.5;
  z-index: 1;
}

#slider .sliderbg-img{
    position: relative;
    overflow: hidden;
    /*width:100%;
    height: 97vh;*/
    padding: 0;
    /*order: 2;*/
    /*padding: 18px 15px 100px 20px;*/
}
#slider .sliderbg-img img {
    width: 100%;
    height: 800px;
    object-fit: cover;
}
#slider .s-oly {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:linear-gradient( 135deg, rgba(10,14,39,0.7), rgba(0,102,255,0.4), rgba(10,14,39,0.7) ); 
    display:flex;
     align-items:center;
}

#slider .titlebx {
    position: absolute;
    top: 12%;
    left: 0;
    width: 100%;
    right: 0;
    padding: 0 10% 0 10%;
}

#slider .titlebx h2  {
  position: relative;
  text-transform: capitalize;
  font-size: 120px;
  text-align: left;
  font-weight: 500;
  word-break: break-word;
  line-height: 1.1;
  margin: 2px 0;
  color: #fff;
  z-index: 1;
}
#slider .titlebx h2 span {
    float: right;
}
/* #slider .slider-content h2::after {
    content: "";
    position: absolute;
    bottom: -8px;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, transparent, #00D9FF, transparent);
    animation: glowMove 2s linear infinite;
}
@keyframes glowMove{
    0%{
    transform:scale(0.8);
    background:0 0 5px #00D9FF;
    opacity: 0.5;
    }
    50%{
    transform:scale(1);
    background:0 0 15px #00D9FF,0 0 30px #00D9FF;
    opacity: 1;
    }
    100%{
    transform:scale(0.8);
    background:0 0 5px #00D9FF ;
    opacity: 0.5;
    }
} */
#slider .slider-content {
    position: absolute;
    padding: 0em 5px 0em 5px;
    bottom: 14%;
    right: 9%;
    z-index: 1;
    width: 345px;
}
#slider .slider-content p{
    position: relative;
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 2px;
    font-weight: 400;
    word-break: break-word;
    padding: 0em 0em;
    color: #fff;
    line-height: 1.5;
}
#slider .read-btn{
  position: relative;
  margin-top: 14px;
}

#slider .btn1{
    position: relative;
    overflow: hidden;
    display: inline-block;
    text-transform: uppercase;
    text-decoration: none;
    cursor: pointer;
    word-break: break-all;
    text-align: center;
    color: #fff;
    font-size: 16px;
    font-weight: 800;
    padding: 0px;
    text-decoration: none;
    transition: all .4s;
    z-index: 1;
}

/*border-animation*/
/*border 1*/
#slider .border1 {
    top: 0%;
    left: 9.8%;
    position: absolute;
    height:100%;
    width: 1px;
    border-left: 1px solid #5a77b7 ;
     z-index:1;
}
#slider .border1:before {
    content: '';
    position: absolute;
    bottom: 0;
    right: -2px;
    width: 4px;
    height: 25px;
    -webkit-animation: scroll1 8s ease-out infinite;
    animation: scroll1 8s ease-out infinite;
    background: #F5DD23;
}

@keyframes scroll1 {
  0% {
    opacity: 1;
    bottom: 0; }
  
  100% {
    bottom: 100%;
    opacity: 1; } 
}
/*border 2*/
#slider .border2 {
    bottom: 100px;
    left: 0%;
    right: 0;
    position: absolute;
    height:1px;
    width: 100%;
    border-bottom: 1px solid #5a77b7 ;
    z-index:1;
}
#slider .border2:before {
    content: '';
    position: absolute;
    left: 0;
    top: -2px;
    height: 4px;
    width: 40px;
    background: #F5DD23;
    animation: scroll2 14s ease-out infinite;
}
#slider .border2:after {
    content: '';
    position: absolute;
    left: 0;
    top: -2px;
    height: 4px;
    width: 40px;
    background: #F5DD23;
    animation: scroll2 8s ease-out infinite;
}
@keyframes scroll2 {
  0% {
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    transform: translateX(100vw);
    opacity: 1;
  }
}


/*video image*/
#slider .vid {
    position: absolute;
    left: 10%;
    bottom: 180px;
    width: 300px;
    height: 100px;
    z-index: 1;
}
#slider .sl-video-img {
    position: relative;
    overflow: hidden;
}
#slider .vid img{width: 100%;border-radius:10px; }
#slider .voly{
    position: absolute;
    inset: 0;
    background: #000;
    opacity: 0.3;
    border-radius:10px;
}
#slider .imgtxt p {
    position: absolute;
    color: #fff;
    top: 10px;
    font-size: 14px;
    left: 10px;
    margin: 0;
    padding: 0;
}
#slider .imgtxt .vbt {
    position: absolute;
    color: #fff;
    bottom: 10px;
    font-size: 14px;
    left: 10px;
    margin: 0;
    padding: 0;
}
/**************/
/************/
/* Popup overlay */
#slider .popup {
    display: none;
    position: fixed;
    z-index: 9999;
    inset: 0;
    background: rgba(0, 0, 0, 0.85);
    padding: 10px;
    justify-content: center;
    align-items: center;
}

/* Show popup */
#slider .popup.show {
    display: flex;
}
/* Video container responsive */
#slider .popup-content {
    position: relative;
    width: 100%;
    max-width: 900px;
    aspect-ratio: 16 / 9;
    background: #000;
    border-radius: 8px;
    overflow: hidden;
}
/* iframe full width & height */
#slider .popup-content iframe {
    width: 100%;
    height: 100%;
    border: none;
}

/* Close button inside video box */
#slider #closePopup {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 28px;
    color: #fff;
    background: rgba(0,0,0,0.5);
    border: none;
    padding: 5px 10px;
    border-radius: 50%;
    cursor: pointer;
    z-index: 10;
}
/*end*/
/*====================*/
#slider .carousel-control-next,
#slider .carousel-control-prev{
    position: absolute;
    top: auto;
    bottom: 40px;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border: 2px solid #19a2ba;
    border-radius: 50px;
    padding: 0;
    color: #fff;
    text-align: center;
    background: #091b2f6b;
    opacity: 1; 
    transition: opacity .15s ease;
}
#slider .carousel-control-next{ left: 52%;}
#slider .carousel-control-prev{ left: 48%;}
#slider .carousel-control-next-icon, 
#slider .carousel-control-prev-icon {
    display: inline-block;
    width: 16px;
    height: 2rem;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100% 100%;
}
#slider .carousel-control-next-icon, 
#slider .carousel-control-prev-icon{}

#slider .fa-caret-left,#slider .fa-caret-right{display: none;}
/*****************************/
/* =====whoweare Section===== */

#whoweare {
    position: relative;
    overflow: hidden;
    padding: 4em 0 3em;
    border-bottom: 1px solid #d9d7d7;
    background: #fff;
}
#whoweare .conbx {
  position: relative;
  margin-bottom: 10em;
}
#whoweare .conbx h2{
  font-size: 20px;
    font-weight: 700;
    color: #1D2045;
    margin-bottom: 2em;
}
#whoweare .title.reveal-type {
    position: relative;
    font-size: 58px;
    font-weight: 400;
    margin: 0px 0 0px;
    padding: 0;
    line-height: 1.3;
    text-transform: uppercase;
    transition: color 0.3s ease;
    white-space: normal;
    color: #000;
    letter-spacing: -0.032em;
    transition: all 0.3s;
}
#whoweare .word {
  display: inline-block;
  white-space: nowrap;
  transition: all 0.3s;
}

#whoweare .char {
  display: inline-block;
  opacity: 0.2;
  transition: all 0.3s;
}
#whoweare .whowearebx {
  position: relative;
  overflow: hidden;
}
#whoweare .whowearebx .image{
  position: relative;
  width: 33.33%;
  padding: 0;
}
#whoweare .whowearebx .image img{
  position: relative;
    border-radius: 64px;
    height: 500px;
    width: 100%;
    object-fit: cover;
}
#whoweare .whowearebx .yearbx{
  position: relative;
  /* overflow: hidden; */
  width: 33.33%;
  padding: 10px 22px;
  align-content: center;
}
#whoweare .whowearebx .yearbx .abtbrd {
    top: 10px;
    left: 0%;
    right: 0;
    position: absolute;
    /* overflow: hidden; */
    height: 1px;
    width: 100%;
    border-bottom: 1px solid #898989;
    z-index: 1;
}


#whoweare .whowearebx .yearbx .abtbrd:after {
    content: '';
    position: absolute;
    top: -2px;
    left: 0;
    width: 40px;
    height: 4px;
    background: #F5DD23;
    animation: slideLR 6s linear infinite alternate;
}
/* keyframes */
@keyframes slideLR {
  0% {
    left: 0;
  }
  100% {
    left: calc(100% - 40px);
  }
}

#whoweare .whowearebx .yearbx .y-title {
    color: #0D0D0D;
    font-size: 43px;
    font-weight: 500;
    text-align: center;
    text-transform: uppercase;
}

#whoweare .whowearebx .yearbx .abt-yerbx {
    position: relative;
    width: 140px;
    height: 140px;
    margin: 3em auto 0;
}
#whoweare .whowearebx .yearbx  text tspan.dot {
    font-size: 32px;
}
#whoweare .whowearebx .yearbx .abt-yertxtbx {
    position: absolute;
    width: 100%;
    height: 100%;
    animation: rotate-circle 15s linear infinite;
}

#whoweare .whowearebx .yearbx  text {
  font-size: 18px;
  letter-spacing: 3px;
  text-transform: uppercase;
  position: relative;
}
#whoweare .whowearebx .yearbx  text textPath {
  fill: #1D2045;
}
#whoweare .whowearebx .yearbx  text  tspan.dot {
    font-size: 32px;
    fill: #F5DD23;
}

#whoweare .whowearebx .yearbx .abt-num {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 40px;
    font-weight: 500;
    color: #1D2045;
}

@keyframes rotate-circle {
    to {
        transform: rotate(360deg);
    }
}


#whoweare .feature-track{
    display:flex;
    width:max-content;
    padding:30px 0;
    margin-top: 3rem;
}

#whoweare .feature-item{
    display:flex;
    align-items:center;
    flex-shrink:0;
    margin-right:90px;
}

#whoweare .dot{
    width:14px;
    height:14px;
    border-radius:50%;
    background:#ffd400;
    margin-right:18px;
}

#whoweare .feature-item h4{
    font-size:34px;
    font-weight:500;
    white-space:nowrap;
}

/**/
/**********/
#whoweare  .feabx {
    margin: 0 0px 1em 0;
    width: 12.5%;
        padding: 0 4px;
}
#whoweare .single-fea {
    position: relative;
    overflow: hidden;
    padding: 0;
    display: block;
    border-radius: 0;
    z-index: 1;
    /* box-shadow: 0 10px 50px -8px rgb(0 0 0 / 48%); */
    transition: all 0.5s;
    text-align: center;
}
#whoweare .icnbx i {
    position: relative;
    overflow: hidden;
    transition: all ease 1s;
    /* display: inline-block; */
    color: #000;
    width: 74px;
    height: 74px;
    line-height: 74px;
    text-align: center;
    font-size: 30px;
    border-radius: 14px;
    transition: all 0.5s;
    box-shadow: inset 0 0 1px 2px #d7dbe0;
}

#whoweare .fea-conbx {   position: relative;}
#whoweare .fea-conbx h1 {
    position: relative;
    font-size: 14px;
    color: #575757;
    font-weight: 600;
    padding: 0px 0;
    margin: 3px 0;
    word-break: break-word;
    transition: all 0.5s;
}

/*************************/
/*ourservices Section*/
/*****================*****/

#ourservices-section {
    position: relative;
    overflow: hidden;
    padding: 6em 0 8%;
    /*background-image: linear-gradient(-90deg, #fdf2f8 40%, #eff6ff 90%);*/
    background: #fff;
}
#ourservices-section .titlebx {
    position: relative;
    margin: 0 auto 10em;
    display: flex;
}
#ourservices-section .titlebx h5 {
    width: 55%;
    padding: 0 0 10px 0;
    font-size: 20px;
    font-weight: 600;
    color: #000;
    margin-bottom: 15px;
    align-content: center;
}
#ourservices-section .titlebx h5 svg{
    width: 18px;
    margin-right: 6px;
}
#ourservices-section .titlebx h2 {
    width: 45%;
    position: relative;
    overflow: hidden;
    font-size: 43px;
    font-weight: 400;
    margin: 1px 0 10px 0;
    padding: 0;
    line-height: 1.2;
    color: #101828;
    text-transform: uppercase;
}
/* #ourservices-section .titlebx h2 span {
    background: linear-gradient( to right, #0066FF,   #00D9FF,   #8B5CF6   );
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: relative;
    z-index: 1;
    
} */
 #ourservices-section .single-service-bx {
    margin-bottom: 1em;
    position: relative;
    overflow: visible;
    transition: all 0.5s;
    padding: 0 1px;
}
#ourservices-section .single-service {
    position: relative;
    /*overflow: hidden;*/
    transition: all 0.5s;
    padding: 0px;
    border-radius: 24px;
    z-index: 1;
}
/*#ourservices-section .single-service:hover{border: 2px solid #d33;transition: all 0.5s;}*/
#ourservices-section .sertxbx{width: 65%;}
#ourservices-section .service-icon {width: 25%;}
#ourservices-section .s-btn {width: 10%;}
#ourservices-section .service-icon { position: relative; transition: all 0.5s; }
#ourservices-section .service-icon img { 
    position: relative;
    width: 100%; 
    height: 244px; 
    transition: all 0.5s; 
    border-radius: 20px;
    object-fit: cover;
}
/*#ourservices-section .single-service:hover .service-icon img{scale: 1.05;transition: all 0.5s;}*/

#ourservices-section .sertxbx{align-content: center;}
#ourservices-section .sertxbx h4 {
    font-size: 22px;
    font-weight: 500;
    margin: 15px 0px 10px 0px;
    padding: 0 0 0px 0;
    position: relative;
    transition: all 0.5s;
    z-index: 1;
    text-transform: uppercase;
}
#ourservices-section .sertxbx h4 span {
    margin-right: 10px;
}
/*box button*/

#ourservices-section .s-btn {
    align-content: center;
    background: none;
    position: relative;
    overflow: hidden;
    padding: 4px;
    text-align: right;
    transition: all 0.3s ease;
    /*border: 2px solid #ccc;*/
}
#ourservices-section .s-btn svg {
    width: 40px;
    height: 40px;
    margin-left: 6px;
    color: #000;
    transform: rotate(-45deg);
}

/********/

#ourservices-section .single-service-bx .service-icon img {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.5s ease;
    position: absolute;
    inset: 0;
}

#ourservices-section .single-service-bx:hover .service-icon img,
#ourservices-section .single-service-bx.active .service-icon img {
    opacity: 1;
    transform: translateY(-38%);
    width: 100%;
    height: 244px;
    position: absolute;
    inset: 0;
}
#ourservices-section .single-service-bx:before {
    content: "";
    position: absolute;
    top: 50%;
    bottom: 50%;
    left: 0;
    right: 0;
    background: #F5DD23;
    transition: all 0.5s ease;
}

#ourservices-section .single-service-bx:hover:before,
#ourservices-section .single-service-bx.active:before {
    top: -10px;
    bottom: -10px;
}
/* #ourservices-section .titlebx p {
    color: #4a5565;
    font-size: 20px;
    margin: 0 auto;
    line-height: 1.5;
}

#ourservices-section .serbx {
    padding: 0 16px;
    margin-bottom: 2.2em;
    position: relative;
}
#ourservices-section .ourservices-box {
  margin: 0 ;
  padding: 0;
  position: relative;
  transition: all 0.5s ease 0s;
  box-shadow: 
  0 10px 15px -3px rgba(0, 0, 0, 0.1),  
  0 4px 6px -4px rgba(0, 0, 0, 0.1);    
  border-radius: 20px;
}
#ourservices-section .imgbx{width: 100%; padding: 0 0px;}
#ourservices-section .ourservices-img {
    position: relative;
    overflow: hidden;
}
#ourservices-section .ourservices-img img{
    position: relative;
    width: 100%;
    height: 260px;
    border-radius: 20px 20px 0 0  ;
    object-fit: cover;
}
#ourservices-section .ser-oly {
    position: absolute;
    opacity: 0.3;
    inset: 0;
    background: #000;
    border-radius: 20px 20px 0 0  ;
}
#ourservices-section .b-box {
    position: relative;
    background: #000;
    padding: 10px 16px;
}
#ourservices-section .day, 
#ourservices-section .w-rty {
    width: 50%;
    padding: 0;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
}
#ourservices-section .day i, 
#ourservices-section .w-rty i{color:#00D9FF ;margin-right:4px; }
#ourservices-section .w-rty{text-align: right;}
#ourservices-section .ourservices-content {
    position: relative;
    width: 100%;
    padding: 34px 24px;
    
}
#ourservices-section .ourservices-content .title {
    font-size: 24px;
    font-weight: 600;
    margin: 0px 0px 12px 0px;
    padding: 0 0 0px 0;
    position: relative;
    transition: all 0.5s;
    color: #000;
    z-index: 1;
}
#ourservices-section .ourservices-description {
  position: relative;
    font-size: 16px;
    margin: 0 0 10px 0;
    transition: all 0.5s;
    line-height: 1.5;
    z-index: 1;
    font-weight: 300;
    color: #4a5565;
}
#ourservices-section .s-btn a {
    margin: 1em 0 0 0;
    position: relative;
    overflow: hidden;
    display: block;
    padding: 14px 20px;
    border-radius: 12px;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    color: #fff;
    background: linear-gradient(to right, #0066FF, #00D9FF);
    transition: all 0.3s ease;
}
#ourservices-section .s-btn a i {
    margin-left: 8px;
    font-size: 12px;
    align-content: center;
    align-items: center;
} */

/****************************************/
/* Woocommerce */
.woocommerce .woocommerce-breadcrumb, .woocommerce .woocommerce-breadcrumb a {
  color:#000;
}
a.showcoupon,.woocommerce-message::before{
  color: #091b2f;
}
.woocommerce-message {
  border-top-color: #091b2f;
}
.woocommerce #customer_login .col-1, .woocommerce #customer_login .col-2 {
  max-width: 100%;
}
.woocommerce span.onsale{
  background: #091b2f;
  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: #091b2f;
  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: #091b2f;
  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: #091b2f !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: #091b2f;
}
#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: #091b2f;
  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: #091b2f;
}
.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: 36px;
    font-weight: 600;
    /* display: block; */
    
    line-height: 1.1;
    margin-bottom: 16px;
    font-weight: inherit;
}
.post-wrap h2 a{
  color: #000;
  display: block;
  white-space: normal;
  overflow-wrap: break-word;
  word-break: break-word;
  max-width: 100%;

}
.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: #091b2f;
  font-size: 30px;
}
.post-content{
  padding: 32px;
}
.adminbox {
    /* background: #091b2f; */
    /* padding: 30px 20px 15px; */
    /* clip-path: polygon(0 30%, 100% 0%, 100% 100%, 0% 100%); */
    gap: 16px;
    display: flex;
    font-size: 14px;
    line-height: 1.4;
    align-items: center;
    margin-bottom: 16px;
    color: #4a5565;
}
.adminbox span {
    display: flex;
    align-items: center;
    gap: 8px;
}
.adminbox span i{
  width: 16px;
  height: 16px;
}
.adminbox span a{
      
}
.post-wrap p {
    font-size: 20px;
    color: #364153;
    
    line-height: 1.4;
    margin-bottom: 24px;
}
.continue-read a {
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    /* padding: 10px 25px; */
    /* background: #091b2f; */
    border-radius: 30px;
    display: inline-block;
    
    padding-block: 16px;
    padding-inline: 32px;
    background-image: linear-gradient(85deg, #0066FF 14%, #00D9FF 88%);
    border-radius: 50px;
    gap: 8px;
    align-items: center;
    display: inline-flex;
}

.continue-read a:after {
    content: "\f061";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

.continue-read a:hover {
  color: #fff;
}
.metabox span {
  color: #0d0d0e;
  font-size: 16px;
  margin-right: 20px;
}

div#firstbox {
    margin-bottom: 30px;
}

/* 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: #091b2f;
  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: #091b2f;
  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: #091b2f;
  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: #000;
  /* background: #091b2f; */
  /* padding: 20px 15px; */
  font-size: 30px;
  /* clip-path: polygon(0 0, 100% 0%, 100% 75%, 0% 100%); */
  
  line-height: 1.2;
}
#sidebar ul, #sidebar .textwidget, #sidebar .gallery, #sidebar div#calendar_wrap, #sidebar .tagcloud {
    /* padding: 15px 15px 40px; */
    color: #364153;
    font-size: 18px;
    
    line-height: 1.5;
}
div#sidebar p,#sidebar td#prev a {
    color: #364153;
    
    font-size: 18px;
    line-height: 1.5;
    margin-bottom: 16px;
}
#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"]{
    
    color: #fff;
    padding-block: 16px;
    padding-inline: 24px;
    background-image: linear-gradient(to right, #ff6900, #f54a00);
    border-radius: 50px;
    width: 100%;
    appearance: button;
}
.singlebox {
  padding: 15px;
  border: 1px solid #eee;
  overflow: hidden;
  position: relative;
}
.singlebox .adminbox {
  clip-path: none;
  padding: 15px;
}

.main-content .wrapper {
  position: relative;
}

#sidebar aside {
    position: relative;
    background: #fff;
    padding: 32px;
    border: 4px solid #fccee8;
    border-radius: 24px;
}

#sidebar aside:nth-child(1) {
  border-color: #fccee8;
  background-image: linear-gradient(to bottom right, #fce7f3,#f3e8ff
);
}
#sidebar aside:nth-child(2) {
  border-color: #bedbff;
  background-color: #fff;
}
#sidebar aside:nth-child(3) {
  border-color: #ffdf20;
  background-image: linear-gradient(to bottom right, #fef9c2, #ffedd4);
}
#sidebar aside:nth-child(4) {
  border-color: #e9d4ff;
  background-color: #fff;
}

/* #sidebar aside:after {
  content: '';
  height: 3px;
  background: #091b2f;
  position: absolute;
  left: 15px;
  right: 15px;
  bottom: 20px;
} */
#sidebar ul {
  list-style:none;
  margin:0;
}
#sidebar ul li a {
    color: #364153;
    font-size: 18px;
    line-height: 1.5;
    
}
#sidebar ul li a:hover {
  color: #091b2f;
}
#sidebar li:last-child {
  border-bottom: none;
}
#sidebar li, #sidebar .postform {
  /* border-bottom: solid 1px #ddd; */
  margin-top: 0;
  padding: 16px;
  background-image: linear-gradient(to bottom right, #eff6ff, #faf5ff);
  border-radius: 16px;
  display: block;
  margin-bottom: 16px;
  
}
#sidebar li {
  transition: background-image 0.15s ease, transform 0.15s ease;
}

#sidebar li:hover {
  background-image: linear-gradient(to bottom right, #dbeafe, #f3e8ff);
  transform: scale(1.03);
}

#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: #091b2f;
  color: #fff;
}

.widget figure.gallery-item {
  display: inline-block;
  width: 31%;
  margin-right: 12px;
}

.widget figure.gallery-item:nth-child(3n) {
  margin-right: 0;
}

input.wpcf7-form-control.wpcf7-email.wpcf7-validates-as-required.wpcf7-text.wpcf7-validates-as-email {
    padding-block: 16px;
    padding-inline: 24px;
    border: 4px solid #e9d4ff;
    border-radius: 50px;
    width: 100%;
    margin-bottom: 16px;
}

/* 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: #091b2f;
  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;
}
.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: #091b2f;
  color: #fff;
  width: 100%;
}
.tagcloud a:hover {
  background: #091b2f;
  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;
}

/*.footersec .widget li::before {
  position: relative;
  content: "\f111";
  font-family: "Font Awesome 5 Free"; 
  font-weight: 600;
  font-size: 6px;
  margin-right: 8px; 
  color: #0066FF;
  top: -4px;
}*/

/*************************/
/**********footer*********/
/*=======================*/
#footer-section {
  position: relative;
  overflow: hidden;
  padding: 4em 4px 2em;
  background: #17439D;
  color: #fff;
  /*background-image: linear-gradient(145deg, #101828 2%, #59168b 50%, #1c398e 120%);*/
}
#footer-section .textwidget p{    
  position: relative;
  align-items: center;
  display: flex;
  margin-bottom: 24px;
  gap: 12px;
  color: #99a1af;
}

#footer-section .textwidget h3 {
  font-size: 24px;
  line-height: 1.3;
  font-weight: inherit;
}

#footer-section .footersec {
  position: relative;
  margin-top: 0em;
}
#footer-section a  {
  color: #fff;
}
#footer-section .textwidget p{    
  margin: 0 0 10px 0;
  line-height: 1.625;
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #fff;
}

#footer-section .social-icons {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 20px 0px;
}

#footer-section .social-icons .social {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: rgba(255,255,255,0.12);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-size: 16px;
    transition: all .3s ease;
}

#footer-section .social-icons .social:hover {
    background: #fff;
    color: #1947a6;
    transform: translateY(-3px);
}

#footer-section .current-menu-item:before{color: #00d9ff;}
#footer-section .current-menu-item a{color: #F5DD23 ;}
#footer-section .menu-item a:hover{color: #F5DD23 ;}
#footer-section .copyright p {
  font-size: 16px;
  color: #99a1af;
  font-weight: 400;
  line-height: 1.5;
}
#footer-section li a, #footer-section .tagcloud a {
    color: #fff;
}
#footer-section li a {
    font-weight: 500;
    text-decoration: none;
    font-size: 15px;
}
#footer-section li a:hover{color: #F5DD23 ;}
#footer-section .menu li {
    transition: transform 0.3s ease;
}

#footer-section .widget li {
    margin-bottom: 1.2em;
    list-style: none;
    display: block;
}
#footer-section .menu li {
    display: block;
    margin-bottom: 10px !important;
    font-size: 16px;
    font-weight: 500;
}
#footer-section .menu li {
    transition: transform 0.3s ease;
}

#footer-section .menu li:hover {
    transform: translateX(8px);
}

h3.widget-title {
  color: #000;
  font-size: 25px ;
  margin-bottom: 24px;
  font-weight: inherit;
}
#footer-section h3.widget-title {
    font-size: 18px;
    line-height: 1.4;
    margin-bottom: 24px;
    font-weight: 600;
    color: #7ba5e0;
}
.footersec ul {
  margin: 0;
}
.copyright {
  text-align: center;
    padding-top: 32px;
    border-top: 1px solid #fff3;
}
.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: 1600px) {
  #ourservices-section .titlebx h2{font-size: 3.5rem;}
  #slider .titlebx{padding: 0 2% 0 2%;}
  #slider .border1{left: 1.8%;}
  #slider .vid{left: 2.5%;}
  #slider .slider-content{right: 1%;}
}

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

}

@media screen and (max-width: 1299px){
  .top-header .hmbx{width: 0; display: none;}
  .top-header .hlbx { width: 60%;}
  .top-header .hrbx { width: 40%;}

}

@media screen and (max-width: 1199px){
  #header .bttn2 { font-size: 13px;}
  .primary-navigation a {font-size: 15px;}
  #ourservices-section .serbx { padding: 0px;}
  #slider .titlebx h2{font-size: 80px;}
  #slider .carousel-control-prev {    left: 46%;}
  #slider .carousel-control-next {    left: 54%;}
}

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


}

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

@media screen and (max-width: 1000px){
  #header .top-head { padding: 4px 0pX ; }
  .menubar .primary-navigation ul li a:focus,a.closebtn.responsive-menu:focus{
    outline: 1px solid #091b2f;
    border-bottom: 1px solid #091b2f;
  }
  .toggle-menu {
    display: none;
    cursor: pointer;
    text-align: right;
  }
  .toggle-menu i {
    font-size: 25px;
    color: #324141;
        background: #F5DD23;
    padding: 4px 8px;
    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: #17439D;
    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%;}
  .lt-breadcrumbs {
    margin-left: 0;
  }

  .home header.banner {top: 0em;}
  .header-box:before{display: none;}
  #header {position: relative;}
  .header-box{background: none;}
  #header .m-mnu {
    width: 60%;
  }
  #header .m-btn {
    width: 18%;
  }
  
.toggle-menu {
    display: block;
    position: relative;
}
  .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 .current_page_item a {
    color: #000;
    background: #f4f0f0;
  }
  .primary-navigation ul li a{
    padding: 10px;
    display:block;
    color:#fff;
    border:none;
  }
  .sf-arrows .sf-with-ul:after {
    color:#ffffff;
  }
  .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:#000;
    background: none;
  }
  .primary-navigation ul ul a:hover{
    /* background: none;
    color: #091b2f; */
  }

}

@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){
  
  .top-header .hrbx .timbx { text-align: left;}
  .top-header .hlbx { width: 100%;margin: 4px 0px; padding: 0 1px;}
  .top-header .hlbx .phonenum {text-align: left;}
  .top-header .hrbx { width: 100%;margin: 4px 0px; padding: 0 1px;}
  .top-header .hlbx .email { text-align: right;}
  #header .logo {margin: 0 ;}
  #header .top-head { padding: 4px 0pX 4px;}
  #header .logobx_m { width: 50%;}
  #header .m-btn { width: 40%;order: 2;}
  #header .m-mnu { width: 10%;order: 3;}
  #slider .slider-content{bottom: 8%;}
  #slider .vid{bottom: 120px;}

  #slider .sliderbg-img img ,
  #slider { height: 600px;}
  #slider .titlebx h2 {        font-size: 60px;    }
  #slider .border2 {    bottom: 30px;}
  #slider .slider-content {  max-width: 68%;}
  #slider .carousel-control-next, 
  #slider .carousel-control-prev{display: none;}

  #feature {padding: 2em 0 1em;}
  #feature .feabx { margin: 0 0px 2em 0; width: 25%;}

  #ourservices-section { padding: 5em 0;}
  #ourservices-section .bttn {margin: 0.5em 0 0 0; text-align: center;}
  #whoweare .title.reveal-type{font-size: 40px;}
  #whoweare .conbx{margin-bottom: 2em;}
  #whoweare .conbx h2{margin-bottom: 1em;}
  #whoweare .whowearebx .yearbx .y-title{font-size: 30px;}
  #whoweare .whowearebx .image img{height: 400px; border-radius: 20px;}
  #whoweare .feature-item h4{font-size:24px;}
  #ourservices-section .titlebx h5 {    width: 40%;}
  #ourservices-section .titlebx h2 {font-size: 30px; width: 60%; }
  #ourservices-section .sertxbx h4 {    font-size: 17px;}
  #ourservices-section .single-service-bx:hover .service-icon img, #ourservices-section .single-service-bx.active .service-icon img{height: 180px;transform: translateY(-40%);}
  #ourservices-section .sertxbx { width: 56%;}
  #ourservices-section .service-icon {    width: 34%;}
  #ourservices-section .s-btn svg {width: 28px; height: 28px;}
  #ourservices-section .titlebx{margin: 0 auto 6em;}

  .logo h1 a, .logo p.site-title a, .logo p {
    color: #000;
  }
}


@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;
  }

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

@media screen and (max-width: 767px) {
  .page-template-home-custom #header { padding: 6px 4px;}
  #header .m-mnu { width: 15%; }
  #header .m-btn { width: 35%; }
  #slider .sliderbg-img img, #slider{height: 500px;}
  #slider .titlebx{top: 16%;}
  #slider .slider-content {        max-width: 300px;    }
  #slider .slider-content h2 { font-size: 70px;}
  #slider .slider-content p{font-size: 14px;}
  #slider .btn1 { margin-right: 0px;}

  #ourservices-section .bttn a {padding: 12px 14px 12px 16px; font-size: 16px;}
  #ourservices-section .titlebx h2{font-size: 24px; }
  #ourservices-section .titlebx p{ font-size: 18px;}
  #slider .vid {        bottom: 75px;        width: 250px;    }
  #whoweare .title.reveal-type {    font-size: 24px;}
  #whoweare .whowearebx .image{width: 100%;}
  #whoweare .whowearebx .yearbx{width: 100%;margin: 1em 0;}
  #whoweare .whowearebx .yearbx .abt-yerbx{margin: 2em auto 0;}
  #whoweare .feature-track{    margin-top: 1rem;}
  #whoweare .feature-item h4{    font-size:20px;}
  #whoweare .whowearebx .yearbx .y-title {        font-size: 22px;    }
}

@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-ourservices{
    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;
  }
  .page-template-home-custom #header:after, 
  .single #header:after, .page-template-default #header:after {
    display: none;
  }
  .menu-section {
    position: static;
    margin: 0;
  }
}

@media screen and (max-width: 600px) {
    #feature .feabx {  width: 33.33%; }

}

@media screen and (max-width: 575px){
#ourservices-section .bttn a { font-size: 14px;}
#slider .vid { display: none;}
#slider .slider-content { width: 94%; right: 1%; max-width: max-content;    }
#slider .titlebx h2 { font-size: 40px; }
    #slider .sliderbg-img img, #slider {
        height: 450px;
    }
}

@media screen and (max-width: 510px){
  .top-header .hrbx .timing,
  .top-header .hlbx .phonenum,
  #header .socialicons,
  .top-header .hlbx .email{text-align: center;width: 100%;}
  .top-header .hrbx .timbx{    display: ruby;width: 100%;}

  #feature .feabx {  width: 50%; }

}
@media screen and (max-width: 475px){
  .page-template-home-custom #header {  padding: 0px 0px;}
  .header-box {  padding: 2px 0px 2px;}
  #header .logobx_m {width: 54%;}
  #header .m-mnu {width: 10%;}
  #header .m-btn { width: 36%; }
  #header .bttn2 { font-size: 12px; padding: 10px 5px; border-radius: 8px; }
  #header .bttn2 i{display: none;}
  #slider .slider-content h2 { font-size: 54px;}
  #slider .slider-content p { font-size: 16px; margin: 0.1em 0;}
  #slider .read-btn {margin: 1em 0 0 0; }
  #slider .btn2 { padding: 8px 14px; font-size: 12px;  margin: 10px 0;
}
    #slider .titlebx {
        top: 22%;
    }
}
@media screen and (max-width: 425px){
  #ourservices-section .titlebx p {  font-size: 16px;}
      #ourservices-section .titlebx h5 {
        width: 100%;
    }
    #ourservices-section .titlebx h2 {
       width: 100%;
    }
  #ourservices-section .single-service-bx:hover .service-icon img, #ourservices-section .single-service-bx.active .service-icon img {
        height: 122px;
  }
}

@media screen and (max-width: 375px) {
  #ourservices-section .titlebx h2{ font-size: 1.8rem;}
}