/* 
 Theme Name:   Hello Elementor Child
 Theme URI:    
 Description:  
 Author:       brohkssteel
 Author URI:   http://swastikamedia.com/demo/brohkssteel
 Template:     hello-elementor
 Version:      1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

 /* == Add your own styles below this line ==
--------------------------------------------*/
.sticky-top{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%
}
.top-bar-cls {
    width: 1366px;
    margin: 0 auto;
}
.top-bar-cls .top-bar-item {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}
.top-bar-cls .top-bar-icon i {
    font-size: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.top-bar-cls .top-bar-text {
    padding-left: 15px;
}
.top-bar-cls .top-bar-text h3 {
    margin: 0 0 5px 0;
    color: #030f27;
    font-size: 16px;
    font-weight: 400;
}
.top-bar-cls .top-bar-text p, .top-bar-cls .top-bar-text p>a {
    margin: 0;
    color: #030f27;
    font-size: 13px;
    font-weight: 400;
}
.top-bar-cls .top-bar-text a{
	color: #000
}
.top-bar.d-none{
	display: none
}
.feature-cls h3{
      font-size: 25px;
}
.swiper-pagination-bullet{
    width: 25px !important;
    height: 4px !important;
    border-radius: 0 !important;
    background: #fff !important;
}
.swiper-pagination-bullet-active{
    background: #fff !important;
}

/* Scrollable container */
.branch-slider-scroll {
  display: flex;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  gap: 20px;
  scroll-padding: 20px;
  padding-bottom: 10px;
}

.branch-slider-scroll::-webkit-scrollbar {
  height: 6px;
}

.branch-slider-scroll::-webkit-scrollbar-thumb {
  background: #f3a20f;
  border-radius: 10px;
}

/* Card style */
.branch-card {
  flex: 0 0 300px;
  scroll-snap-align: start;
  border: 1px solid #f3a20f;
  background: #fff;
  border-radius: 4px;
  overflow: hidden;
}

.branch-header {
  background-color: #f3a20f;
  color: white;
  font-weight: bold;
  padding: 12px 16px;
  font-size: 18px;
}

.branch-body {
  padding: 15px 16px;
  color: #222;
  font-size: 15px;
}

.phone-label {
  color: #007bff;
  font-weight: bold;
}
.copyright-box .list-unstyled {
    list-style: none;
    padding: 0;
    display: flex;
    align-items: center;
    gap: 15px;
    justify-content: end;
}
.copyright-box p{
	margin-bottom: 0 !important;
}
.categories-gall-cls .gallery-item img {
    width: 100%;
    height: 14rem;
    object-fit: cover;
}
.categories-gall-cls .gallery-caption {
    background: #000;
    color: #e89c0c;
    font-style: normal;
    font-weight: 600 !important;
    font-size: 22px;
    text-align: start !important;
    line-height: 28px;
    min-height: 80px;
    display: flex;
    align-items: center;
    justify-content: start;
}
.elementor-accordion {
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.elementor-accordion .elementor-accordion-item+.elementor-accordion-item {
    border-top: 1px solid #d5d8dc !important;
}
.clientele-sec-cls:last-child .clientele-list ul{
	 border-bottom:1px solid #d7d7d7;
}
.clientele-sec-cls .clientele-list ul li {
    width: 31%;
	  padding: 8px 0;
}
.list-col-client .elementor-widget-icon-list { 
    margin-bottom: 5px !important;
}
.dialog-lightbox-close-button {
    background: #E89C0C;
    border-radius: 50%;
    padding: 8px;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff !important;
}
.dialog-lightbox-close-button svg {
    width: 14px;
    height: 14px;
	color: #ffffff !important;
}
.new-contact-cls .elementor-element-populated {
    align-items: center;
}
.new-contact-cls p{
	margin-bottom: 0 !important;
}

.inner-title-cls .elementor-widget-wrap.elementor-element-populated{
  background-color: #030F27;
  /*clip-path:polygon(0px 0%, 100% 0%, calc(100% - 150px) 100%, 150px 100%);*/
}
.contact-page-con-form a{
  color: #fff !important;
}
.btn.btn-primary,
.submit {
    background: #fff;
    border-radius: 0;
    color: #e89c0c;
    padding: 12px 30px !important;
    font-size: 18px;
    font-weight: 500;
    border: unset;
}
.btn.btn-primary:hover{
   background: #000;
}
.submit{
background: #e89c0c !important;
color: #fff !important;
padding: 15px 30px !important;

}
.submit:hover{
  background: #000 !important;
}
.elementor-popup-modal .btn.btn-primary{
   background: #000;
   color: #fff;
}
.elementor-popup-modal .btn.btn-primary:hover{
   background: #e89c0c !important;
}
.elementor-popup-modal .dialog-message .elementor-element-populated {
    padding: 30px 12px 15px !important;
}
input,select,textarea,
.select2-selection__rendered  {
    border-radius: 0 !important;
    padding: 14px 12px !important;
}
.quantity input{
    padding: 7px 5px !important;
}
.form-control:focus,
.form-select:focus,
.select2-selection__rendered:focus{
   box-shadow: unset !important;
}
.contact-page-con-form .contact-from p {
    margin-bottom: 0px;
}
.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active{
    background-color: #000000 !important;
    border-color: #000 !important;
}
[type=button]:focus, [type=button]:hover, [type=submit]:focus, [type=submit]:hover, button:focus, button:hover{
  background-color: #000000 !important;
}
.btn:focus-visible{
    background-color: #000000 !important;
    box-shadow: unset !important;
}
.elementor-icon-list-item a,
.card  p a  {
    color: #000 !important;
}
h2.card-header.bg-warning.text-white.h5.mb-0 {
    background: #E89C0C !important;
    padding: 12px;
    font-size: 28px;
}
i.text-warning {
    color: #E89C0C !important;
}
.product-list-cls ul.products li.product {
    border: 1px solid #d2d2d2;
    text-align: center;
    box-shadow: 0 0 5px 0 #e9e9e9;
    transition: 0.5s ease;
}
.product-list-cls ul.products li.product:hover{
    border: 1px solid #e89c0c;
   box-shadow: 0 0 15px 4px #e9e9e9;
}
.product-list-cls h2.woocommerce-loop-product__title,
.product-list-cls .price{
    color: #000 !important;
}
.product-list-cls h2.woocommerce-loop-product__title{
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 60px;
    line-height: 22px;
}
.product-list-cls .price, .price{
    font-size: 20px !important;
    margin-bottom: 0px !important;
        color: #000 !important;
}
.product-list-cls .add_to_cart_button,
.product-list-cls h2.woocommerce-loop-product__title,
.product-list-cls .price{
    padding-left: 15px !important;
    padding-right: 15px !important;
}
.product-list-cls .add_to_cart_button,
.vc-add-all {
    margin-bottom: 15px !important;
    background: #e89c0c !important;
    color: #fff !important;
    border-radius: 0 !important;
}
.product-list-cls .add_to_cart_button:hover,
.vc-add-all:hover{
    background: #000 !important;
}
.woocommerce-product-gallery.woocommerce-product-gallery--with-images.woocommerce-product-gallery--columns-4.images {
    opacity: 1 !important;
}
.form-check-input:checked {
    background-color: #e89c0c !important;
    border-color: #e89c0c !important;
}
.form-check-input:focus {
    box-shadow: unset !important;
    border-color:  #e89c0c !important;
}
.detail-content a {
    color: #e89c0c;
}
.variation-checklist .vc-form input{
   padding: .5rem 1rem !important;
}
.variation-checklist .vc-form .form-check-input{padding: 12px !important;}
.vc-add-all{
margin: 0 !important;
}
.woocommerce-product-gallery__image img.wp-post-image {
    background: #e89c0c;
    padding: 3px;
    width: 100%;
    height: 100%;
    min-height: 350px;
    object-fit: cover;
}
.woocommerce-product-gallery__image img {
    width: 100%;
    height: 100%;
    min-height: 100px;
    min-width: 135px;
    object-fit: cover;
    border: 1px solid #e89c0c !important;
    box-shadow: 0 0px 10px 0 #bebebe !important;
}
.tabs.wc-tabs li a {
    background: #e89c0c;
    color: #fff !important;
}
.woocommerce div.product.elementor .woocommerce-tabs .panel{
    border-top: none !important;
}
.wc-block-components-product-name {
    color: #000 !important;
    text-decoration: none !important;
    font-size: 16px !important;
}
.wc-block-components-quantity-selector .wc-block-components-quantity-selector__button{
    font-size: 22px !important;
}
.wc-block-components-quantity-selector .wc-block-components-quantity-selector__button:focus, 
.wc-block-components-quantity-selector .wc-block-components-quantity-selector__button:hover {
    color: #fff;
}
button.wc-block-cart-item__remove-link {
    text-decoration: none !important;
    padding: 5px 10px !important;
    font-size: 13px !important;
}
button.wc-block-cart-item__remove-link:hover {
    color: #fff !important;
}
.wc-block-cart__submit-button {
    text-decoration: none !important;
}
.wc-block-cart__submit-button:hover {
    background: #e89c0c;
    color: #fff !important;
}
.wc-block-cart__submit-button:focus {
    box-shadow: unset !important;
}
.wc-block-components-totals-coupon__button{
    border: 1px solid #e89c0c !important;
    color: #e89c0c !important;
}
.coupon .input-text{
    padding: 9px 12px !important;
}
.button.alt,
.woocommerce .cart .button, .woocommerce .cart input.button{
    background-color: #e89c0c !important;
    padding: 14px 20px !important;
}
.woocommerce .cart .button, .woocommerce .cart input.button, .cart-actions-wrap .button{
   color: #fff !important;
}
.button.alt:hover,
.woocommerce .cart .button:hover, .woocommerce .cart input.button:hover,.cart-actions-wrap .button:hover{
   background-color: #000 !important;
}
.woocommerce-info {
    border-top-color: #e89c0c !important;
}
.showcoupon, .woocommerce-privacy-policy-link,
.woocommerce-info::before {
    color: #e89c0c !important;
}
.woocommerce form .form-row.woocommerce-invalid input.input-text, .woocommerce form .form-row.woocommerce-invalid select {
    border-color: #e89c0c !important;
}
.woocommerce form .form-row.woocommerce-invalid label {
    color: #e89c0c !important;
}
.woocommerce form .form-row.woocommerce-validated .select2-container:not(.select2-container--open) .select2-selection {
    border-color: #e89c0c !important;
}
input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea,
.wpcf7 input[type="url"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"]{
    border: 1px solid #dee2e6 !important;
}
.variation-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 5px;
    margin-bottom: 10px;
}
.variation-attr, .variation-price {
    font-weight: 600;
    font-size: 18px;
}
.variation-cart {
    display: flex;
    align-items: center;
    gap: 10px;
}
button.single_add_to_cart_button.button.alt {
    padding: 18.8px 20px !important;
}
.woocommerce p.stars a {
    color: #e89c0c !important;
}
.woocommerce-MyAccount-navigation-link a {
    background: #030F27;
    width: 100%;
    display: block;
    padding: 12px 10px;
    color: #fff !important;
    font-size: 18px;
}
.woocommerce-MyAccount-content a {
    color: #e89c0c !important;
    font-size: 18px;
}
 nav.woocommerce-MyAccount-navigation ul {
    padding: 0;
    list-style: none;
}
nav.woocommerce-MyAccount-navigation ul li {
   margin-bottom: 10px;
}
nav.woocommerce-MyAccount-navigation ul li br {
    display: none;
}
.qv-actions {
    display: flex;
    align-items: center;
    gap: 10px;
}
.qv-actions a,button.button.qv-continue {
    background: #E89C0C !important;
    color: #fff !important;
    padding: 12px 20px !important;
}
.qv-actions a:hover,
button.button.qv-continue:hover{
 color: #fff !important;
 background: #000 !important;
}
.qv-close, .phone-label{ 
 color: #E89C0C !important;
}
.woocommerce-cart-form a,
.shipping-calculator-button {
    color: rgb(232 156 12)!important;
}
.page-header .entry-title {
    background-color: #030F27;
    padding: 20px 15px 20px 15px;
    font-size: 30px;
    font-weight: 600;
    color: #E89C0C;
    min-width: 1216px;
    width: 1216px;
}
.onsale{
    background-color: #e89c0c !important;
}
.vc-close-modal:hover{
 color: #fff !important;
}
.elementor-sticky--active.elementor-sticky--effects {
    padding: 0 !important;
    transition: 0.3s ease;
}
.elementor-sticky--active.elementor-sticky--effects .top-bar.d-none{
   display: block !important;
}
.elementor-sticky--active.elementor-sticky--effects .toggle-menu-cls{
   width: 100% !important;
    padding-left: 5px;
}
.sticky-menu-cls.mobile{
   display: none;
}
.sticky-menu-cls.destop {
    width: 100% !important;
}
.elementor-sticky--active.elementor-sticky--effects .sticky-menu-cls.mobile{
    display: block;
}
.breadcrumb-without-home.right {
    text-align: end;
}
.breadcrumb-without-home.right a {
    color: #e89c0c !important;
}
.breadcrumb-without-home.left h1.entry-title {
    font-size: 30px;
    color: #e89c0c;
}
.breadcrumb-without-home {
    background: #f9f9f9;
}
.qo-modal .qo-ft .button {
    padding: 12px 20px !important;
    color: #000;
    border-color: #e89c0c;
    text-decoration: none;
}
.qo-modal .qo-ft .button:hover{
  color: #fff;
 border-color: #000;
}
.qo-modal .qo-ft a.button:hover {
    color: #e89c0c;
}
.cart-actions-wrap .button.checkout-button {
    background: #000;
    padding: 14px 20px !important;
  font-size: 100% !important;
}
.cart-actions-wrap .button.checkout-button:hover{
    background: #e89c0c !important;
}
.woocommerce-loop-category__title {
    color: #e89c0c;
    padding: 0 0 1em !important;
   font-size: 18px !important;
    font-weight: 700;
}
.woocommerce ul.products li.product-category{
    margin: 0 0.8% 0.8% 0;
}
.wc-cat-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0px 0 0 12px!important;
    position: relative !important;
}
.wc-cat-title h3 {
    margin-bottom: 0 !important;
}
.wc-cat-title i {
    background: #e89c0c;
    display: flex;
    font-size: 26px;
    width: 60px;
    height: 60px;
    align-items: center;
    justify-content: center;
}
.wc-cat-discription {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    padding: 0 10px;
    font-size: 18px;
    width: 100%;
    height: 100%;
    background: rgba(3, 15, 39, .7);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.7s ease;
     opacity: 0;
}
li.slick-active button,
.slick-dots button:focus, .slick-dots button:hover {
    background-color: #f5a400 !important;
    color: #fff !important;
}
.wc-cat-card:hover .wc-cat-discription{
    opacity: 1;
}
.slick-dots li.slick-active button:before,
.slick-dots button:hover:before, .slick-dots button:focus:before {
    opacity: 1 !important;
    color: #fff !important;
}
.slick-dots li button:before {
    font-size: 8px !important;
    line-height: 23px !important;
}
.slick-dots li {
    margin: 0 2px!important;
}
.branches-slider .branch-body {
    width: 100%;
    height: 100%;
    min-height: 225px;
    overflow: auto;
}









/*====Media-1366PX-Start-====*/

@media(max-width: 1366px){
.top-bar-cls {
    width: 100%;
}
}/*====Media-1366PX-Close-====*/



/*====Media-1024PX-Start-====*/

@media(max-width: 1024px){
.top-bar.d-none{
  display: block !important;
}
.toggle-menu-cls.elementor-widget-nav-menu .elementor-widget-container{
    flex-direction: row !important
}
nav.elementor-nav-menu--dropdown.elementor-nav-menu__container {
    position: absolute;
    z-index: 999;
    left: -200px;
    top: 40px;
}
.page-header .entry-title{
  min-width: 100%
}
.sticky-menu-cls.mobile{
   display: block;
}
.nav-flex .elementor-container.elementor-column-gap-default {
    flex-wrap: nowrap;
}
.sticky-menu-cls.destop .elementor-widget-wrap.elementor-element-populated {
    flex-direction: row-reverse;
    justify-content: end !important;
     gap: 3px;
}
    .breadcrumb-without-home .elementor-section .elementor-container {
        flex-wrap: nowrap;
        align-items: center;
    }
}/*====Media-1024PX-Close-====*/


/*====Media-992PX-Start-====*/

@media(max-width: 992px){
.wc-cat-grid {
    grid-template-columns: repeat(2, 1fr) !important;
}
}/*====Media-992PX-Close-====*/


/*====Media-767PX-Start-====*/

@media(max-width: 767px){
.clientele-sec-cls .clientele-list ul li {
    width: 100%;
}
.row.align-items-stretch .row.g-3 {
    flex-direction: column;
}
.row.align-items-stretch .row.g-3 .col-12.col-lg {
    width: 100% !important;
    display: none;
}
.elementor-shortcode .my-4 {
    margin: 0 !important;
}
.top-bar-cls .top-bar-item{
  justify-content: start;
}
.copyright-box .list-unstyled{
    justify-content: start;
}
}/*====Media-767PX-Close-====*/



/*====Media-520PX-Start-====*/

@media(max-width: 520px){
.top-bar-cls .top-bar-icon i {
    font-size: 18px;
}
.top-bar-cls .top-bar-text {
    padding-left: 5px;
    font-size: 12px;
}
.top-bar-cls .top-bar-text h3 {
    font-size: 14px;
    font-weight: 700;
}
.categories-gall-cls .gallery {
    margin: 0 !important;
}
.categories-gall-cls  .gallery-item{
       padding: 0 !important;
}
    .elementor-grid-mobile-2 .elementor-grid {
        grid-template-columns: repeat(1, 1fr)!important;
        grid-row-gap: 15px !important;
    }
}/*====Media-520PX-Close-====*/



/*====Media-450PX-Start-====*/

@media(max-width: 450px){
.woocommerce ul.products li.product-category{
  width: 100% !important;
}
    .breadcrumb-without-home .elementor-section .elementor-container {
        flex-wrap: wrap;
}
nav.woocommerce-breadcrumb.header-breadcrumb {
    text-align: start;
}
.wc-cat-grid {
    grid-template-columns: repeat(1, 1fr) !important;
}
}/*====Media-450PX-Close-====*/


ul.page-numbers {
    padding: 0;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center;
	gap: 3px;
}
ul.page-numbers li {
    display: flex;
	background: transparent;
    border: 1px solid #e89c0c;
}
.page-numbers a, .page-numbers span {
    padding: 6px 15px !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    color: #e89c0c !important;
    background: transparent !important;
}
.sm-cat-card {
    color: #030f27;
	display: flex !important;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
}
.page-numbers span.current {
    background: #e89c0c !important;
    color: #fff !important;
}

pagination ul{
border: 1px solid #e89c0c!important;
}

pagination ul li {
    border-right: 1px solid #e89c0c!important;
}
.sm-cat-card .sm-cat-media, .sm-cat-card img {
    width: 100%;
    min-height: 200px;
    object-fit: cover;
}
.mega-sub-menu .mega-menu-column .menu {
    list-style: none;
    padding: 0;
    line-height: 35px;
}
  #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link{
	  font-size: 18px;
  }
.mega-sub-menu .mega-menu-column .menu li a {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    transition: 0.5s ease;
}
.mega-sub-menu .mega-menu-column .menu li a:hover{
   color: #e89c0c;
   padding-left: 3px;
}
.footer-menu ul li a{
  padding: 13px 0px !important;
}




@media(max-width: 1024px){
	#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link {
	  padding: 0px 10px;
	}
#mega-menu-wrap-menu-1 .mega-menu-toggle {
	width: 43px;
  }
  #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-0 {
    background: #030f27;
    border: 1px solid #464645;
	margin: 0 !important;
  }
  #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
    padding: 2px 10px;
  }
} /*===Media-1024px Close ===*/

@media only screen and (max-width: 767.98px) {
 .sm-cat-grid {
  grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  gap: 10px !important;
}
}/*===Media-767.98px Close ===*/

@media only screen and (max-width: 480px) {
 .sm-cat-grid {
  grid-template-columns: repeat(1,minmax(0,1fr)) !important;
  gap: 10px !important;
}
.elementor-widget-wc-archive-products .products {
	grid-template-columns: repeat(1, 1fr) !important;
}
.woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering {
    float: none;
}
}/*===Media-480px Close ===*/