/*==================================
* Author        : "Surfboard"
* Template Name : Surfboard HTML Template
* Version       : 1.0
==================================== */

/*=========== TABLE OF CONTENTS ===========


==========================================*/

/* icons */
@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined");
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css");


/* plugin css */
@import "./font-awesome.min.css";

/* base css */
/*@import "./variable.css";*/
@import "./customPlugin.css";
@import "./default.css";
@import "./form.css";
@import "./common.css";
@import "./table.css";
@import "./modal.css";

/* section */
@import "./header.css";
@import "./footer.css";

/* pages */
@import "./auth.css";
@import "./surfboardModel.css";
@import "./myOrder.css";
@import "./home.css";
@import "./myInvoice.css";
@import "./stockList.css";
@import "./nonSurfBoardProduct.css";
@import "./accessories.css";
@import "./orderTracking.css";
@import "./progressStepbar.css";
@import "./shippingAndBillingInfoForm.css";
@import "./shoppingAndBilling.css";


/* all module should be placed top of this */
@import "./responsive.css";

/*-------------------------------------
	Component 
--------------------------------------*/

.btn-submit,
.btn-submit:hover,
.btn-submit:focus {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  width: 135px;
  height: 40px;
  background: var(--primary);
  border: 1px solid var(--primary);
  border-radius: 4px;
  font-size: 14px;
  font-weight: 600;
  line-height: 19px;
  text-align: center;
  color: var(--white) !important;
  outline: 0;
  box-shadow: none;
  text-transform: capitalize;
  transition: 0.3s linear;
}

.btn-submit:hover,
.btn-submit:focus {
  color: var(--primary) !important;
  background: var(--color-less);
}

/*========================Thank you=================