/*
Author: Venore Creative Worldwide
Email: info@venorecreative.com
*/


/* 
- IMPORT CSS
- CONFIGRATION
- OTHER COMPONENT
- CUSTOM BUTTON
- HEADER
- FOOTER
- OTHER
 */



/* IMPORT CSS */
@import url(fonts.css);
@import url(normalize.css);
@import url(responsive.css);
/* /IMPORT CSS */



/* CONFIGRATION */
:root{
  --font-text-family: 'Inter', sans-serif;
  --font-text-other-family: 'Playfair Display', serif;
  --font-text-size-xxxs: 8px;
  --font-text-size-xxs: 10px;
  --font-text-size-xs: 12px;
  --font-text-size-sm: 14px;
  --font-text-size-md: 16px;
  --font-text-size-lg: 20px;
  --font-text-size-xl: 24px;
  --font-text-size-xxl: 30px;
  --font-text-size-xxxl: 40px;

  --font-text-weight: normal;

  --font-text-line-height: 1.2;
  --font-text-desc-line-height: 1.3;
  --font-text-title-line-height: 1.6;

  --body-bg: #FFFFFF;
  --body-header-top-bg: #F0F2FD;
  --text-color: #1D244D;
  --gray-color: #E9EDF8;
  --light-blue-color: #3972D3;
  --blue-color: #143E88;
  --blue-light-color: #004ABF;
  --white-color: #FFFFFF;
  --orange-color: #D5A45F;
  --red-color: #DB1919;
  --green-color: #00825A;
  --border-color-light: #E7EEF8;
  --border-color-dark: #CDD9EA;
  --border-table: #CBD4EF;

  --scrollbar-bg: #f8f8f8;
  --scrollbar-thumb: #143E88;

  --border-radius-xs:5px;
  --border-radius-sm:10px;
  --border-radius-md:15px;
  --border-radius-lg:20px;
  --border-radius-xl:25px;

  --header-search-icon: #8691B4;
  --header-search-placeholder: #8691B4;

  --box-shadow-other-xs: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  --box-shadow-other-sm: rgba(149, 157, 165, 0.2) 0px 7px 29px 0px;
  --box-shadow-other-md: rgba(149, 157, 165, 0.2) 0px 18px 50px -10px;
  --box-shadow-other-lg: rgba(149, 157, 165, 0.12) 0px 2px 4px 0px, rgba(149, 157, 165, 0.32) 0px 2px 16px 0px;
  --box-shadow-other: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;

  --tab-pills-active-color: #1742E0;
  --tab-pills-color: #F0F2FD;
  --tab-pills-color-dark: #E7EEF8;

  --play-btn-color: #3A74D6;
  --ship-orange-color: #F7CD92;
}
/* /CONFIGRATION */



/* OTHER COMPONENT */
::-webkit-scrollbar {
  width: 5px;
}
::-webkit-scrollbar-thumb {
  background: var(--scrollbar-thumb);
}
::-webkit-scrollbar-track {
  background: var(--scrollbar-bg);
}
* {
	margin: 0;
	padding: 0;
	font-family: inherit;
	outline: none!important;
	list-style: none!important
}
*:after,
*:before {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
	margin: 0
}
html,
body {
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	scroll-behavior: smooth;
  overflow-x: hidden;
}
body {
	background-color: var(--body-bg)!important;
	color: var(--text-color)!important;
	font-family: var(--font-text-family)!important;
	font-size: var(--font-text-size-sm)!important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: var(--font-text-size-lg);
	color: var(--text-color);
	font-family: var(--font-text-family)!important;
	font-weight: bold;
  margin-bottom: 0px;
  line-height: var(--font-text-title-line-height);
}
p {
	color: var(--text-color);
	line-height: var(--font-text-line-height);
	margin-bottom: 0px;
}
a {
	color: var(--text-color);
	text-decoration: none!important;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all .3s ease-in-out;
	outline: none!important;
	box-shadow: none!important
}
a:hover {
	color: var(--text-color);
	text-decoration: none!important;
	transition: all 0.3s ease-in-out
}
a:focus {
	outline: none!important;
	box-shadow: none!important
}
img {
	max-width: 100%
}
button {
	-webkit-transition: all 0.3s ease-in-out;
	transition: all .3s ease-in-out;
	outline: none!important;
}
ul,
li,
ol {
	margin: 0;
	padding: 0
}
fieldset {
	border: 0 none;
	margin: 0 auto;
	padding: 0
}
label {
	color: var(--text-color);
}
input:focus,
textarea:focus {
	outline: none!important;
	box-shadow: none!important
}
.fs-9{
  font-size: 9px!important
}
.fs-10{
  font-size: 10px!important
}
.fs-11{
  font-size: 11px!important
}
.fs-12{
  font-size: 12px!important
}
.fs-13{
  font-size: 13px!important
}
.fs-14{
  font-size: 14px!important
}
.fs-15{
  font-size: 15px!important
}
.fs-16{
  font-size: 16px!important
}
.fs-17{
  font-size: 17px!important
}
.fs-18{
  font-size: 18px!important
}
.fs-19{
  font-size: 19px!important
}
.fs-20{
  font-size: 20px!important
}
.fs-21{
  font-size: 21px!important
}
.fs-22{
  font-size: 22px!important
}
.fs-23{
  font-size: 23px!important
}
.fs-24{
  font-size: 24px!important
}
.fs-25{
  font-size: 25px!important
}
.fs-26{
  font-size: 26px!important
}
.fs-27{
  font-size: 27px!important
}
.fs-28{
  font-size: 28px!important
}
.fs-29{
  font-size: 29px!important
}
.fs-30{
  font-size: 30px!important
}
.fs-31{
  font-size: 31px!important
}
.fs-32{
  font-size: 32px!important
}
.fs-33{
  font-size: 33px!important
}
.fs-34{
  font-size: 34px!important
}
.fs-35{
  font-size: 35px!important
}
.fs-36{
  font-size: 36px!important
}
.fs-37{
  font-size: 37px!important
}
.fs-38{
  font-size: 38px!important
}
.fs-39{
  font-size: 39px!important
}
.fs-40{
  font-size: 40px!important
}
.fw-100{
  font-weight: 100!important
}
.fw-200{
  font-weight: 200!important
}
.fw-300{
  font-weight: 300!important
}
.fw-400{
  font-weight: 400!important
}
.fw-500{
  font-weight: 500!important
}
.fw-600{
  font-weight: 600!important
}
.fw-700{
  font-weight: 700!important
}
.fw-800{
  font-weight: 800!important
}
.fw-900{
  font-weight: 900!important
}
.fw-normal{
  font-weight: normal!important
}
.fw-bold{
  font-weight: bold!important
}
.text-height-reset{
  line-height: 1!important
}
.text-height-0 {
  line-height: 1.2!important;
}
.text-height-1 {
  line-height: 1.5!important;
}
.text-height-2 {
  line-height: 2!important;
}
.text-height-3 {
  line-height: 2.5!important;
}
.text-height-4 {
  line-height: 3!important;
}
.text-height-5 {
  line-height: 3.5!important;
}
.text-justify{
  text-align: justify!important;
}
.m-6{
  margin:5rem!important;
}
.mt-6{
  margin-top:5rem!important;
}
.mb-6{
  margin-bottom:5rem!important;
}
.ml-6{
  margin-left:5rem!important;
}
.mr-6{
  margin-right:5rem!important;
}
.my-6{
  margin:5rem 0rem!important;
}
.mx-6{
  margin:0rem 5rem!important;
}
.m-7{
  margin:7rem!important;
}
.mt-7{
  margin-top:7rem!important;
}
.mb-7{
  margin-bottom:7rem!important;
}
.ml-7{
  margin-left:7rem!important;
}
.mr-7{
  margin-right:7rem!important;
}
.my-7{
  margin:7rem 0rem!important;
}
.mx-7{
  margin:0rem 7rem!important;
}
.p-6{
  padding:5rem!important;
}
.pt-6{
  padding-top:5rem!important;
}
.pb-6{
  padding-bottom:5rem!important;
}
.pl-6{
  padding-left:5rem!important;
}
.pr-6{
  padding-right:5rem!important;
}
.py-6{
  padding:5rem 0rem!important;
}
.px-6{
  padding:0rem 5rem!important;
}
.p-7{
  padding:7rem!important;
}
.pt-7{
  padding-top:7rem!important;
}
.pb-7{
  padding-bottom:7rem!important;
}
.pl-7{
  padding-left:7rem!important;
}
.pr-7{
  padding-right:7rem!important;
}
.py-7{
  padding:7rem 0rem!important;
}
.px-7{
  padding:0rem 7rem!important;
}
.g-6, .gy-6 {
  --bs-gutter-y: 4rem!important;
}
.g-6, .gx-6 {
  --bs-gutter-x: 4rem!important;
}
.g-7, .gy-7 {
  --bs-gutter-y: 5rem!important;
}
.g-7, .gx-7 {
  --bs-gutter-x: 5rem!important;
}
.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
	outline: none!important;
	box-shadow: none!important;
	border: 0!important
}
.btn:focus,
.btn:active:focus,
.btn.active:focus {
	box-shadow: none!important;
	outline: none!important;
	border: 0!important
}
.btn.focus,
.btn:focus {
	outline: none!important;
	box-shadow: none!important
}
.btn:focus,
a:focus {
	outline: none!important
}
.navbar-toggler:focus {
	outline: none!important;
	box-shadow: none!important;
}
iframe {
  width: 100%!important;
	border: 0;
	display: block
}
video {
	width: 100%!important
}
.color-green{
  color: var(--green-color)!important;
}
.color-red{
  color: var(--red-color)!important;
}
.color-blue{
  color: var(--blue-color)!important;
}
.color-gold-dark{
  color: var(--orange-color)!important;
}
.color-gold-light{
  color: var(--ship-orange-color)!important;
}
.color-text{
  color: var(--text-color)!important;
}
.color-gray-to-dark-gray{
  color: var(--gray-to-dark-gray-color)!important;
}
.color-gray{
  color: var(--gray-color)!important;
}
.border-light{
  border: 1px solid var(--border-color-light)!important;
}
.border-light-down{
  border-bottom: 1px solid var(--border-color-light)!important;
}
.border-light-up{
  border-top: 1px solid var(--border-color-light)!important;
}
.border-dark{
  border: 1px solid var(--border-color-dark)!important;
}
.border-dark-down{
  border-bottom: 1px solid var(--border-color-dark)!important;
}
.border-dark-up{
  border-top: 1px solid var(--border-color-dark)!important;
}
.addGrayToBlueBg{
  background: var(--gray-to-dark-blue-color);
}
.container,.container-fluid,.custom-container {
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--bs-gutter-x, 0.75rem);
  padding-right: var(--bs-gutter-x, 0.75rem);
  width: 100%
}
.section-title{
  position: relative;
  margin-bottom:30px;
}
.section-title .title{
  position: relative;
  font-size: var(--font-text-size-xl);
  font-weight: 700;
  color: var(--text-color);
  line-height: var(--font-text-line-height);
  margin-bottom: 10px;
}
.section-title .desc{
  position: relative;
  font-size: var(--font-text-size-md);
  font-weight: 300;
  color: var(--text-color);
  line-height: var(--font-text-line-height);
  margin-bottom: 0px;
}
/* /OTHER COMPONENT */



/* CUSTOM BUTTON */
.btn-borderline{
  font-weight: 300;
  font-size: var(--font-text-size-md);
  background: transparent;
  color: var(--text-color);
  line-height: var(--font-text-line-height);
  padding:10px 23px;
  position: relative;
  display: inline-block;
  overflow: hidden;
  z-index: 1;
  border-bottom:1px solid #1C286C;
}
.btn-borderline i, .btn-borderline svg, .btn-borderline img{
  width: 20px;
  height: 20px;
}
.btn-borderline:hover{
  color: var(--text-color);
}

.btn-white{
  font-weight: var(--font-text-weight);
  font-size: var(--font-text-size-md);
  background: var(--white-color)!important;
  color: var(--blue-color)!important;
  line-height: var(--font-text-line-height);
  padding:10px 23px;
  border-radius: var(--border-radius-sm);
  position: relative;
  display: inline-block;
  overflow: hidden;
  z-index: 1;
}
.btn-white:hover{
  text-decoration: none;
  color: var(--white-color);
  z-index: 1;
}
.btn-blue{
  font-weight: var(--font-text-weight);
  font-size: var(--font-text-size-md);
  background: var(--blue-color)!important;
  color: var(--white-color)!important;
  line-height: var(--font-text-line-height);
  padding:10px 23px;
  border-radius: var(--border-radius-sm);
  position: relative;
  display: inline-block;
  overflow: hidden;
  z-index: 1;
}
.btn-blue:hover{
  transform:scale(1.1);
  text-decoration: none;
  color: var(--white-color);
  z-index: 1;
}
.btn-blue.sm:hover{
  transform:scale(1.03);
  text-decoration: none;
  color: var(--white-color);
  z-index: 1;
}
.btn-blue.nh:hover{
  transform:scale(1);
  text-decoration: none;
  color: var(--white-color);
  z-index: 1;
}
.btn-blue span{
  z-index: 1;
  position: relative;
}
.btn-blue i, .btn-blue svg{
  margin-right:5px;
  font-size:13px;
  z-index: 1;
  position: relative;
}

.btn-gray{
  font-weight: var(--font-text-weight);
  font-size: var(--font-text-size-md);
  background: var(--gray-color);
  color: var(--blue-color);
  line-height: var(--font-text-line-height);
  padding:15px 25px;
  border-radius: var(--border-radius-sm);
  position: relative;
  display: inline-block;
  overflow: hidden;
  z-index: 1;
}
.btn-gray:hover{
  transform:scale(1.1);
  text-decoration: none;
  color: var(--blue-color);
  z-index: 1;
}
.btn-gray.sm:hover{
  transform:scale(1.03);
  text-decoration: none;
  color: var(--blue-color);
  z-index: 1;
}
.btn-gray.nh:hover{
  transform:scale(1);
  text-decoration: none;
  color: var(--blue-color);
  z-index: 1;
}
.btn-gray span{
  z-index: 1;
  position: relative;
}
.btn-gray i, .btn-gray svg{
  margin-right:5px;
  font-size:13px;
  z-index: 1;
  position: relative;
}

.btn-gold{
  font-weight: var(--font-text-weight);
  font-size: var(--font-text-size-md);
  background: rgb(196,159,107);
  background: -moz-linear-gradient(90deg, rgba(196,159,107,1) 0%, rgba(247,205,146,1) 100%);
  background: -webkit-linear-gradient(90deg, rgba(196,159,107,1) 0%, rgba(247,205,146,1) 100%);
  background: linear-gradient(90deg, rgba(196,159,107,1) 0%, rgba(247,205,146,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c49f6b",endColorstr="#f7cd92",GradientType=1);
  color: var(--blue-color);
  line-height: var(--font-text-line-height);
  padding:15px 25px;
  border-radius: var(--border-radius-sm);
  position: relative;
  display: inline-block;
  overflow: hidden;
  z-index: 1;
}
.btn-gold:hover{
  transform:scale(1.1);
  text-decoration: none;
  color: var(--blue-color);
  z-index: 1;
}
.btn-gold.sm:hover{
  transform:scale(1.03);
  text-decoration: none;
  color: var(--blue-color);
  z-index: 1;
}
.btn-gold.nh:hover{
  transform:scale(1);
  text-decoration: none;
  color: var(--blue-color);
  z-index: 1;
}
.btn-gold span{
  z-index: 1;
  position: relative;
}
.btn-gold i, .btn-gold svg{
  margin-right:5px;
  font-size:13px;
  z-index: 1;
  position: relative;
}


.btn-gold-animation{
  display: inline-block;
  cursor: pointer;
  text-align: center;
  z-index: 1;
  transition: all .3s ease-in-out;
  box-sizing: border-box;
  padding: 15px 40px!important;
  text-decoration: none;
  background: rgb(196,159,107);
  background: -moz-linear-gradient(90deg, rgba(196,159,107,1) 0%, rgba(247,205,146,1) 100%);
  background: -webkit-linear-gradient(90deg, rgba(196,159,107,1) 0%, rgba(247,205,146,1) 100%);
  background: linear-gradient(90deg, rgba(196,159,107,1) 0%, rgba(247,205,146,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c49f6b",endColorstr="#f7cd92",GradientType=1);
  color: var(--blue-color);
  font-weight: var(--font-text-weight);
  font-size: var(--font-text-size-md);
  
  line-height: var(--font-text-line-height);
  position: relative;
  overflow: hidden;
  border-radius: var(--border-radius-xs);
}
.btn-gold-animation span, .btn-gold-animation svg, .btn-gold-animation i{
  position: relative;
  z-index: 1;
}
.btn-gold-animation i, .btn-gold-animation svg{
  margin-right:5px;
  font-size:13px;
  z-index: 1;
  position: relative;
}
.btn-gold-animation:hover{
  background: rgb(196,159,107);
  background: -moz-linear-gradient(90deg, rgba(196,159,107,1) 0%, rgba(247,205,146,1) 100%);
  background: -webkit-linear-gradient(90deg, rgba(196,159,107,1) 0%, rgba(247,205,146,1) 100%);
  background: linear-gradient(90deg, rgba(196,159,107,1) 0%, rgba(247,205,146,1) 100%);
  text-decoration: none;
  color: var(--blue-color);
  z-index: 1;
}
.btn-gold-animation:after{
  content:"";
  top:0;
  transform:translateX(100%);
  width:100%;
  height:220px;
  position:absolute;
  z-index:1;
  -webkit-animation:slide 2s 3s infinite;
  animation:slide 2s 3s infinite;
  background:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0));
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffffff",endColorstr="#007db9e8",GradientType=1);
  z-index: 0;
}
@-webkit-keyframes slide{
  0%{
      transform:translateX(-100%)
  }
  to{
      transform:translateX(100%)
  }
}
@keyframes slide{
  0%{
      transform:translateX(-100%)
  }
  to{
      transform:translateX(100%)
  }
}


.btn-outline-blue{
  font-weight: var(--font-text-weight);
  font-size: var(--font-text-size-md);
  color: var(--blue-color);
  line-height: var(--font-text-line-height);
  padding:10px 23px;
  border-radius: var(--border-radius-sm);
  border:1px solid var(--blue-color);
  position: relative;
  display: inline-block;
  overflow: hidden;
  z-index: 1;
}
.btn-outline-blue:hover{
  transform:scale(1.1);
  text-decoration: none;
  color: var(--text-color);
  z-index: 1;
}
.btn-outline-blue.sm:hover{
  transform:scale(1.03);
  text-decoration: none;
  color: var(--blue-color);
  z-index: 1;
}
.btn-outline-blue.nh:hover{
  transform:scale(1);
  text-decoration: none;
  color: var(--blue-color);
  z-index: 1;
}
.btn-outline-blue span{
  z-index: 1;
  position: relative;
}
.btn-outline-blue i, .btn-outline-blue svg{
  margin-right:5px;
  font-size:13px;
  color: var(--blue-to-white-color);
  z-index: 1;
  position: relative;
}
.btn-outline-blue:hover i, .btn-outline-blue:hover svg{
  color: var(--blue-to-white-color);
}

.btn-outline-white{
  font-weight: var(--font-text-weight);
  font-size: var(--font-text-size-md);
  color: var(--white-color);
  line-height: var(--font-text-line-height);
  padding:15px 23px;
  border-radius: var(--border-radius-xs);
  border:1px solid var(--white-color);
  position: relative;
  display: inline-block;
  overflow: hidden;
  z-index: 1;
  min-width: 200px;
  text-align: center;
}
.btn-outline-white.nh:hover{
  transform: scale(1);
  background: var(--white-color);
  text-decoration: none;
  color: var(--blue-color);
  z-index: 1;
}
.btn-outline-white:hover{
  transform:scale(1.1);
  background: var(--white-color);
  text-decoration: none;
  color: var(--blue-color);
  z-index: 1;
}
.btn-outline-white.sm:hover{
  transform:scale(1.03);
  text-decoration: none;
  background: var(--white-color);
  color: var(--blue-color);
  z-index: 1;
}

.btn-light-gray{
  font-weight: var(--font-text-weight);
  font-size: var(--font-text-size-md);
  background: var(--light-gray-to-blue-color);
  color: var(--text-color);
  line-height: var(--font-text-line-height);
  padding:10px 23px;
  border-radius: var(--border-radius-sm);
  position: relative;
  display: inline-block;
  overflow: hidden;
  z-index: 1;
}
.btn-light-gray:hover{
  transform:scale(1.1);
  text-decoration: none;
  color: var(--text-color);
  z-index: 1;
}
.btn-light-gray.sm:hover{
  transform:scale(1.03);
  text-decoration: none;
  color: var(--text-color);
  z-index: 1;
}
.btn-light-gray span{
  z-index: 1;
  position: relative;
}
.btn-light-gray i, .btn-light-gray svg{
  margin-right:5px;
  font-size:13px;
  z-index: 1;
  position: relative;
}
.flexCenter{
  display: flex;
  align-items: center;
  justify-content: center;
}
.flexSpaceAround{
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.flexSpaceBetween{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
/* /CUSTOM BUTTON */



/* HEADER */
header.header .header-start{
  padding:10px 0px;
  background-color: var(--body-header-top-bg);
}
header.header .header-end{
  padding:15px 0px;
}
header.header .header-end .header-more{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
header.header .header-end .sepet-counter{
  position: relative;
  overflow: visible;
}
header.header .header-end .sepet-counter .counter{
  position: absolute;
  bottom: -12px;
  right: -15px;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--orange-color);
  color: var(--text-color);
  font-size: var(--font-text-size-sm);
  font-weight: 500;
  line-height: 1;
  text-align: center;
}
header.header .dropdownCart{
  padding: 20px;
  border-radius: var(--border-radius-sm);
  border: none;
  box-shadow: var(--box-shadow-other-xs);
  min-width: 16rem;
}

header.header .dropdownCart li .dropdown-cart-item{
  position: relative;
  display: flex;
  align-items: center;
  border-radius: var(--border-radius-sm);
  border: 1px solid var(--blue-color);
}
header.header .dropdownCart li .dropdown-cart-item .image{
  float: left;
  padding: 5px 10px;
  border-right: 1px solid var(--blue-color);
}
header.header .dropdownCart li .dropdown-cart-item .body{
  position: relative;
  float: left;
  padding: 5px 15px;
  text-align: center;
}
header.header .dropdownCart li .dropdown-cart-item .image img{
  width: 40px;
  height: 40px;
}
header.header .dropdownCart li .dropdown-cart-item .body .title{
  position: relative;
  font-size: var(--font-text-size-xs);
  font-weight: 400;
  color: var(--text-color);
  line-height: 1.2;
  margin-bottom: 5px;
}
header.header .dropdownCart li .dropdown-cart-item .body .price{
  position: relative;
  font-size: var(--font-text-size-sm);
  font-weight: 500;
  color: var(--blue-color);
  line-height: 1.2;
  margin-bottom: 0px;
}
header.header .dropdownCart .dropdown-cart-action{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 20px;
}
header.header .dropdownCart .dropdown-cart-action a{
  border-radius: var(--border-radius-xs);
  font-size: var(--font-text-size-sm);
  font-weight: 400;
  line-height: 1.2;
  padding: 8px 15px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
}



header.header .header-start .header-social{
  margin-bottom: 0px;
  padding-left:0px;
}
header.header .header-start .header-social li{
  float:left;
  margin-right: 10px;
}
header.header .header-start .header-social li:last-of-type{
  margin-right: 0px;
}
header.header .header-start .header-social li a i,header.header .header-start .header-social li a svg, header.header .header-start .header-social li a:hover i,header.header .header-start .header-social li a:hover svg{
  color: var(--blue-color);
  font-size: var(--font-text-size-md);
}
header.header .header-start .header-support i,header.header .header-start .header-support svg, header.header .header-start .header-support:hover i,header.header .header-start .header-support:hover svg{
  color: var(--blue-color);
  font-size: var(--font-text-size-md);
}
header.header .header-start .header-support{
  color: var(--blue-color);
  font-size: var(--font-text-size-md);
  font-weight: 300;
}
header.header .navbar-toggler, header.header .navbar-toggler:focus{
  padding:0px;
  border:none;
  outline: 0;
  box-shadow: none;
}
header.header .mobileSearchBtn, header.header .mobileMenuBtn{
  color: var(--text-color);
  fill: var(--text-color);
}
header.header .mainNavbar{
  margin:0px;
  padding:0px;
}
header.header .mainMenu{
  margin-bottom: 0px;
}
header.header .mainMenu li{
  margin:0px 5px;
}
header.header .mainMenu li a{
  font-weight: 300;
  color: var(--text-color);
  font-size: var(--font-text-size-md);
  line-height: var(--font-text-line-height);
}
header.header .mainMenu li a:hover{
  color: var(--blue-to-light-blue-color);
}
header.header .mainMenu li ul.dropdown-menu{
  background: var(--white-to-gray-color);
  color: var(--text-color);
  font-size: var(--font-text-size-md);
  border-radius: var(--border-radius-sm);
  box-shadow: var(--box-shadow-other-sm);
  border: 1px solid var(--border-color-light);
}
header.header .mainMenu li ul.dropdown-menu li{
  margin-left: 0px;
  margin-right: 0px;
}
header.header .mainMenu li ul.dropdown-menu li a{
  padding:7px 10px;
  color: var(--text-color);
  font-size: var(--font-text-size-sm);
  font-weight: var(--font-text-weight);
  line-height: var(--font-text-line-height);
}
header.header .mainMenu li ul.dropdown-menu li a:hover{
  background: var(--gray-to-dark-gray-color);
  color: var(--text-color);
}
/* /HEADER */



/* FOOTER */
section.newsletter{
  position: relative;
  margin-top: -95px;
  margin-bottom: -97px;
  z-index: 1;
}
.newsletter-content{
  position: relative;
  padding: 40px 30px;
  background: var(--white-color);
  border-radius: var(--border-radius-sm);
}
.newsletter-content .newsletter-title{
  position: relative;
}
.newsletter-content .newsletter-title .title{
  font-size: var(--font-text-size-lg);
  font-weight: 700;
  color: var(--blue-color);
  margin-bottom: 5px;
}
.newsletter-content .newsletter-title .desc{
  font-size: var(--font-text-size-sm);
  font-weight: 300;
  color: var(--blue-color);
  margin-bottom: 0px;
}
.newsletter-content .form-inline{
  position: relative;
  margin-top: 15px;
}
.newsletter-content .form-control{
  background: var(--gray-color);
  border-radius: var(--border-radius-sm)!important;
  padding: 15px 40px;
  border: none!important;
  color: var(--text-color)!important;
  font-size: var(--font-text-size-sm)!important;
  font-weight: 300;
}
.newsletter-content .form-control:focus{
  background: var(--gray-color);
}
.newsletter-content .form-inline .first{
  position: absolute;
  top: 18px;
  left: 15px;
  font-size: 16px;
  color: #A9B2CC;
}
.newsletter-content .form-inline button{
  position: absolute;
  border:none;
  top: 16px;
  right: 15px;
  font-size: 20px;
  color: var(--blue-color);
}
.footer-social-content{
  position: relative;
}
.footer-social-content .footer-social-title{
  position: relative;
}
.footer-social-content .footer-social-title .title{
  font-size: var(--font-text-size-lg);
  font-weight: 700;
  color: var(--blue-color);
  margin-bottom: 5px;
}
.footer-social-content .footer-social-title .desc{
  font-size: var(--font-text-size-sm);
  font-weight: 300;
  color: var(--blue-color);
  margin-bottom: 0px;
}
.footer-social-content ul{
  position: relative;
  padding: 0px;
  margin-top: 10px;
}
.footer-social-content ul li{
  float: left;
  margin-right: 10px;
}
.footer-social-content ul li:last-of-type{
  margin-right: 0px;
}
.footer-social-content ul li a{
  font-size: var(--font-text-size-lg);
  color: #A9B2CC;
}
.footer-social-center{
  display: flex;
  align-items: center;
  justify-content: center;
}

footer.footer{
  position: relative;
  background: var(--gray-color);
  padding:150px 0px 30px 0px;
  border-bottom: 15px solid var(--blue-color);
}
.footer-social{
  margin-bottom: 0px;
  padding-left:0px;
  display: flex;
  justify-content: end;
}
.footer-social li{
  float:left;
  margin-right: 10px;
}
.footer-social li:last-of-type{
  margin-right: 0px;
}
.footer-social li a i,.footer-social li a svg, .footer-social li a:hover i,.footer-social li a:hover svg{
  color: var(--text-color);
  font-size: var(--font-text-size-md);
}
.footer-menu-content{
  margin-top: 40px;
}
.footer-menu-content .content{
  margin-bottom: 20px;
  display: flex;
  justify-content: center;
}
.footer-menu-content .content ul li{
  margin-bottom: 5px;
}
.footer-menu-content .content ul li:last-of-type{
  margin-bottom: 0px;
}
.footer-menu-content .content ul li.title{
  font-size: var(--font-text-size-md);
  font-weight: 500;
  color: var(--blue-color);
  line-height: var(--font-text-line-height);
}
.footer-menu-content .content ul li a{
  font-size: var(--font-text-size-sm);
  font-weight: var(--font-text-weight);
  color: var(--blue-color);
  line-height: var(--font-text-line-height);
}
.footer-menu-content .content ul li a:hover{
  color: var(--blue-color);
}
.policy-menu-content{
  padding-top:30px;
  border-top: 1px solid var(--border-color-dark);
}
.policy-menu-content .content{
  display: flex;
  justify-content: center;
}
.policy-menu-content .content ul{
  position: relative;
  padding-left: 0px;
  margin-bottom: 0px;
}
.policy-menu-content .content ul li{
  float:left;
  padding:0px 15px;
  border-right: 1px solid var(--border-color-dark);
}
.policy-menu-content .content ul li:first-of-type{
  padding-left:0px;
}
.policy-menu-content .content ul li:last-of-type{
  padding-right:0px;
  border-right: 0px;
}
.policy-menu-content .content ul li a{
  font-size: var(--font-text-size-sm);
  font-weight: 500;
  line-height: var(--font-text-line-height);
  color: var(--blue-color);
}
.policy-menu-content .content ul li a:hover{
  color: var(--blue-color);
}
.copyright{
  font-size: var(--font-text-size-xs);
  font-weight: 300;
  line-height: 1;
  color: var(--blue-color);
  text-align: center;
  margin-top:20px;
  margin-bottom: 0px;
}
/* /FOOTER */



/* OTHER */

/* SLIDERS */
section.sliders{
  position: relative;
  padding: 40px 0px;
}
section.sliders:before{
  content: '';
  background: url('../img/background/slide-bg.png') no-repeat;
  background-size: 100% 100%;
  position: absolute;
  width: 700px;
  height: 650px;
  top: -90px;
  left: 0px;
  z-index: -1;
}
.mainSlider{
  position: relative;
}
.mainSlider .slideText{
  position: relative;
}
.mainSlider .slideText p:first-of-type{
  font-weight: 700;
  font-size: var(--font-text-size-xxxl);
  color: var(--text-color);
  line-height: var(--font-text-line-height);
  margin-bottom: 0px;
}
.mainSlider .slideText p:first-of-type span{
  color: var(--blue-color);
}
.mainSlider .slideText p:last-of-type{
  text-align: left;
  font-weight: 300;
  font-size: var(--font-text-size-md);
  color: var(--text-color);
  margin-top: 40px;
  margin-bottom: 0px;
  line-height: var(--font-text-desc-line-height);
}
.mainSlider .slideText a{
  position: relative;
  margin-top: 40px;
  display: inline-block;
  text-align: center;
  padding: 15px 50px;
  font-weight: 700;
  margin-left: 1px;
}
.mainSlider .slideText a:hover{
  background: var(--blue-light-color);
}
.mainSlider .slideImage{
  position: relative;
}
.mainSlider .owl-item.active .slideText {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeInLeft;
  animation-delay: 0.3s;
}
.mainSlider .owl-item.active .slideImage {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeInRight;
  animation-delay: 0.3s;
}

.mainSlider .owl-nav [class*='owl-'] {
	-webkit-transition: all .3s ease;
	transition: all .3s ease
}
.mainSlider .owl-nav [class*='owl-'].disabled:hover {
	background-color: var(--blue-color);
}
.mainSlider .owl-nav{
  display: block!important; 
  right: 0px;
  font-size: 20px; 
  margin-top: 40px;
}
.mainSlider .owl-prev *, .mainSlider .owl-next *{
  position: relative;
  font-size:12px;
  padding: 10px 25px!important;
  background-color: var(--white-color)!important;
  border-radius: var(--border-radius-xs);
  box-shadow: var(--box-shadow-other);
}
.mainSlider .owl-prev{
  margin-right: 10px;
}
.mainSlider .owl-dots {
	text-align: left;
	margin-top: 30px;
  padding-bottom: 0px;
}
.mainSlider .owl-dots .owl-dot.active span,
.mainSlider .owl-dots .owl-dot:hover span {
  -webkit-transition: all .3s ease;
	transition: all .3s ease;
	background: var(--blue-color);
}
.mainSlider .owl-dots .owl-dot.active span {
  width: 30px;
}
.mainSlider .owl-dots .owl-dot span {
  -webkit-transition: all .3s ease;
	transition: all .3s ease;
	width: 20px;
	height: 10px;
	margin: 5px 7px;
	background: var(--body-header-top-bg);
	display: block;
	-webkit-backface-visibility: visible;
  backface-visibility: visible;
	transition: opacity .2s ease;
	border-radius: 30px
}
/* /SLIDERS */



/* CURRENCY */
section.currency{
  position: relative;
  padding: 50px 0px
}
section.currency .section-title{
  text-align: center;
}

section.sliders .slide-table{
  position: relative;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  border-radius: var(--border-radius-sm);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeInRight;
  animation-delay: 0.3s;
}
section.sliders .slide-table::before{
  content: '';
  position: absolute;
  width: 450px;
  height: 450px;
  background: var(--gray-color);
  border-radius: 50%;
}
section.sliders .currency-table{
  background: var(--white-color);
}
.currency-table{
  position: relative;
  border: 1px solid var(--border-table);
  border-radius: var(--border-radius-sm);
}
.currency-table .thead{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0px 20px;
}
.currency-table .thead p{
  position: relative;
  margin-bottom: 0px;
  padding:15px 0px;
  font-size: var(--font-text-size-sm);
  font-weight: 500;
  color: var(--text-color);
  line-height: 1;
  float:left;
  white-space: nowrap;
  flex-shrink: 0;
}
.currency-table .thead .th-image{
  width: 7%;
}
.currency-table .thead .th-title{
  width: 33%;
}
.currency-table .thead .th-bid, .currency-table .thead .th-ask, .currency-table .thead .th-spread, .currency-table .thead .th-action{
  width: 20%;
  text-align: center;
  padding-left: 8px;
  padding-right: 8px;
}
.currency-table .tbody{
  position: relative;
}
.currency-table .tbody .tr{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0px;
  padding:15px 20px;
  border-top: 1px solid var(--border-table)!important;
  float: left;
  width: 100%;
  -webkit-transition: all .3s ease;
	transition: all .3s ease;
}
.currency-table .tbody .tr:hover{
  background-color: var(--body-header-top-bg);
  -webkit-transition: all .3s ease;
	transition: all .3s ease;
}
.currency-table .tbody .tr:hover .td-action a{
  background: var(--blue-color);
  color: var(--white-color);
}
.currency-table .tbody .tr:last-of-type{
  border: none;
  border-bottom-left-radius: var(--border-radius-sm);
  border-bottom-right-radius: var(--border-radius-sm);
}
.currency-table .tbody .tr p{
  position: relative;
  font-size: var(--font-text-size-sm);
  font-weight: 500;
  color: var(--text-color);
  line-height: 1;
  margin-bottom: 0px;
}
.currency-table .tbody .tr .td-image{
  width: 7%;
}
.currency-table .tbody .tr .td-title{
  width: 33%;
  padding: 0px 10px;
}
.currency-table .tbody .tr .td-ask{
  color: var(--blue-color);
}
.currency-table .tbody .tr .td-spread{
  color: var(--orange-color);
}
.currency-table .tbody .tr .td-action a{
  font-size: var(--font-text-size-sm);
  background: transparent;
  border: 1px solid var(--border-table);
  color: var(--text-color);
  padding: 10px;
  border-radius: var(--border-radius-sm);
}
.currency-table .tbody .td-bid, .currency-table .tbody .td-ask, .currency-table .tbody .td-spread, .currency-table .tbody .td-action{
  width: 20%;
  text-align: center;
}
/* /CURRENCY */



/* EXCHANGE */
section.exchange{
  position: relative;
  padding: 50px 0px;
}
.exchange-content{
  position: relative;
  background: var(--gray-color);
  border-radius: var(--border-radius-sm);
}
.exchange-content .exchange-header{
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.exchange-content .exchange-header .title{
  position: relative;
  font-size: var(--font-text-size-xl);
  font-weight: 700;
  color: var(--text-color);
  line-height: var(--font-text-line-height);
  margin-bottom: 10px;
}
.exchange-content .exchange-header .desc{
  position: relative;
  font-size: var(--font-text-size-sm);
  font-weight: 300;
  color: var(--text-color);
  line-height: var(--font-text-line-height);
  margin-bottom: 0px;
  padding-right: 15px;
}
.exchange-content .exchange-body{
  position: relative;
  height: 100%;
  padding:20px
  /*display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;*/
}
.exchange-content .exchange-body .exchangeForm{
  position: relative;
}
.exchange-content .exchange-body .exchangeForm .form-control{
  border-radius: var(--border-radius-sm)!important;
  padding: 15px 20px;
  border: none!important;
  color: var(--text-color)!important;
  font-size: var(--font-text-size-sm)!important;
  font-weight: 300;
}
.exchange-content .exchange-body .exchangeForm .currency-change-btn{
  position: relative;
  width: 43px;
  height: 43px;
  color: var(--text-color)!important;
  font-size: var(--font-text-size-md)!important;
}

.exchange-content .exchange-body .exchange-value{
  padding:4px;
  border-radius: var(--border-radius-xs);
  font-size: var(--font-text-size-xxs);
  border:1px solid var(--border-table);
  text-align: center;
  margin-bottom: 0px;
}
/* /EXCHANGE */



/* /BANNER */
section.banners{
  position: relative;
  padding: 50px 0px;
}
.bannerItem{
  position: relative;
  width: 100%;
  height: 250px;
  padding: 30px 100px;
  overflow: hidden;
}
.bannerItem.firsts{
  height: auto;
  overflow: visible;
  min-height: 400px;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeInUp;
  animation-delay: 0.3s;
}
.bannerItem.bigBanner{
  height: 500px;
  padding:50px 100px;
}
.bannerItem .banner-bg{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  -ms-object-fit: cover;
  object-fit: cover;
  z-index: -1;
}
.bannerItem.bigBanner .banner-body{
  position: relative;
  height: 500px;
}
.bannerItem .banner-body{
  position: relative;
  height: 250px;
}
.bannerItem .banner-body .banner-title{
  position: relative;
}
.bannerItem .banner-body .banner-title .title{
  position: relative;
  font-size: var(--font-text-size-xl);
  font-weight: 700;
  color: var(--white-color);
  line-height: var(--font-text-line-height);
  margin-bottom: 30px;
}
.bannerItem .banner-body .banner-title .desc{
  position: relative;
  font-size: var(--font-text-size-md);
  font-weight: 300;
  color: var(--white-color);
  line-height: var(--font-text-desc-line-height);
  margin-bottom: 30px;
}
.bannerItem .banner-image-container{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.bannerItem .banner-body .banner-more{
  position: relative;
}
.bannerItem .banner-body .banner-more a{
  background: var(--white-color);
  color: var(--blue-color);
  font-weight: 600;
  padding: 15px 25px;
}
/* /BANNER */



/* PRODUCT */
section.products{
  position: relative;
  padding: 50px 0px;
}
.products-category-tab{
  position: relative;
  margin-bottom: 3rem!important;
}
.products-category-tab .nav-item .nav-link{
  padding: 15px 25px;
  background: transparent;
  border: 1px solid var(--blue-color);
  color: var(--text-color);
  border-radius: var(--border-radius-xs);
  font-weight: 500;
  font-size: var(--font-text-size-sm);
  line-height: var(--font-text-line-height);
  width: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all .3s ease-in-out;
}
.products-category-tab .nav-item .nav-link:hover{
  background: var(--blue-color);
  color: var(--white-color);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all .3s ease-in-out;
}
.products-category-tab .nav-link.active, .products-category-tab .show>.nav-link{
  background-color: var(--blue-color)!important;
  color: var(--white-color)!important;
}

.product-item{
  position: relative;
  border-radius: var(--border-radius-xs);
  border:1px solid var(--border-table);
  overflow: hidden;
}
.product-item .product-image{
  width: 100%;
  height: 220px;
  overflow: hidden;
  background: var(--gray-color);
}
.product-item .product-image img{
  width: 100%;
  height: 100%;
  -ms-object-fit: cover;
  object-fit: cover;
}
.product-item .product-body{
  position: relative;
  padding: 20px;
}
.product-item .product-body .product-title{
  position: relative;
  text-align: center;
  margin-bottom:10px;
}
.product-item .product-body .product-title a{
  font-size: var(--font-text-size-sm);
  font-weight: 400;
  color: var(--text-color);
  line-height: var(--font-text-desc-line-height);
}
.product-item .product-body .product-price{
  position: relative;
  text-align: center;
  font-size: var(--font-text-size-md);
  font-weight: 500;
  color: var(--text-color);
  line-height: var(--font-text-desc-line-height);
  margin-bottom:10px;
}
.product-item .product-body .product-installment{
  position: relative;
  text-align: center;
  font-size: var(--font-text-size-xxs);
  font-weight: 300;
  color: var(--text-color);
  line-height: var(--font-text-desc-line-height);
  margin-bottom:10px;
  text-align: center;
}
.product-item .product-body .product-cart{
  width: 100%;
  display: block;
  position: relative;
  text-align: center;
  padding: 10px 20px;
  background: var(--gray-color);
  color: var(--text-color);
  border-radius: var(--border-radius-xs);
  font-weight: 600;
  font-size: var(--font-text-size-sm);
  line-height: var(--font-text-line-height);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all .3s ease-in-out;
}
.product-item .product-body .product-cart:hover{
  background: var(--blue-color);
  color: var(--white-color);
}
/* /PRODUCT */



/* PARALLAX */
section.parallax{
  position: relative;
  margin:50px 0px;
  padding: 20px 0px;
  background: url('../img/background/parallax-bg.png') no-repeat;
  background-position: top center;
  background-size: cover;
}
/* /PARALLAX */



/* NEWS */
section.news{
  position: relative;
  padding: 50px 0px;
}

.news-item{
  position: relative;
}
.news-item .news-image{
  position: relative;
}
.news-item .news-body{
  position: relative;
  padding: 5px 0px;
}
.news-item .news-body .title{
  position: relative;
  padding-bottom:10px;
  border-bottom: 1px solid var(--border-table);
  margin-bottom: 0px;
}
.news-item .news-body .title a, .news-item .news-body .title a:hover{
  font-size: var(--font-text-size-md);
  font-weight: 700;
  color: var(--text-color);
}
.news-item .news-body .publish-date{
  position: relative;
  padding-top:10px;
  margin-bottom:0px;
  font-size: var(--font-text-size-xs);
  font-weight: 600;
  color: var(--text-color);
}
.news-item .news-body .desc{
  position: relative;
  padding:20px 0px;
  word-wrap: break-word;
  font-size: var(--font-text-size-sm);
  font-weight: 300;
  color: var(--text-color);
  min-height: 95px;
  margin-bottom: 0px;
}
.news-item .news-body .more{
  position: relative;
  margin-bottom:0px;
  font-size: var(--font-text-size-xs);
  font-weight: 600;
  color: var(--text-color);
}
/* /NEWS */



/* MEDIAS */
section.medias{
  position: relative;
  margin:50px 0px 0px 0px;
  padding: 50px 0px;
  background-color: #E9EDF8;
}
section.medias:before{
  content: '';
  position: absolute;
  top:0px;
  left:0px;
  width: 750px;
  height: 100%;
  background: url('../img/background/medias-bg.png') no-repeat;
  background-size: 100% 100%;
}
section.medias .section-title .title{
  font-size: var(--font-text-size-xxl);
  color: var(--blue-color);
  margin-bottom: 25px;
}
section.medias .normal-content{
  position: relative;
  z-index: 1;
}
section.medias .normal-content a{
  position: absolute;
  left: 200px;
  top: 90px;
}
section.medias .crops-content{
  position: absolute;
  right: 0px;
  top: 12%;
}
.is-play.white{
  background-color: #FFF;
}
.is-play.blue{
  background-color: var(--blue-color);
}
.is-play.black{
  background-color: #000;
}
.is-play.white .button-outer-circle {
  background: rgba(255,255,255,0.2);
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
}
.is-play.black .button-outer-circle {
  background: rgba(0,0,0,0.2);
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
}
.is-play {
  display: inline-block;
  position: relative;
  border-radius: 50%;
  width: 100px;
  height: 100px;
}
.is-play .button-outer-circle {
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
}
.is-play .button-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 30px;
  height: 30px;
  transform: translate(-50%, -50%);
}
.is-play .button-icon .triangle {
  -webkit-animation: fadeIn 7s ease;
          animation: fadeIn 7s ease;
}
.is-play .button-icon .path {
  stroke-dasharray: 90;
  stroke-dashoffset: 0;
  -webkit-animation: triangleStroke 3s;
          animation: triangleStroke 3s;
  -webkit-animation-timing-function: ease;
          animation-timing-function: ease;
}
.is-play-sm.white{
  background-color: #FFF;
}
.is-play-sm.black{
  background-color: #000;
}
.is-play-sm.blue{
  background-color: var(--play-btn-color);
}
.is-play-sm.white .button-outer-circle {
  background: rgba(255,255,255,0.2);
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
}
.is-play-sm.blue .button-outer-circle {
  background: var(--play-btn-color);
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
}
.is-play-sm.black .button-outer-circle {
  background: rgba(0,0,0,0.2);
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
}
.is-play-sm {
  display: inline-block;
  position: relative;
  border-radius: 50%;
  width: 70px;
  height: 70px;
}
.is-play .button-outer-circle {
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
}
.is-play-sm .button-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 70px;
  height: 70px;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;;
}
.is-play-sm .button-icon svg{
  width: 30px;
  height: 30px;
  fill: var(--blue-color);
}
.is-play-sm .button-icon .triangle {
  -webkit-animation: fadeIn 7s ease;
          animation: fadeIn 7s ease;
}
.is-play-sm .button-icon .path {
  stroke-dasharray: 90;
  stroke-dashoffset: 0;
  -webkit-animation: triangleStroke 3s;
          animation: triangleStroke 3s;
  -webkit-animation-timing-function: ease;
          animation-timing-function: ease;
}
.has-scale-animation {
  -webkit-animation: smallScale 3s infinite;
          animation: smallScale 3s infinite;
}
.has-delay-short {
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes triangleStroke {
  from {
    stroke-dashoffset: 90;
  }
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes triangleStroke {
  from {
    stroke-dashoffset: 90;
  }
  to {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes smallScale {
  from {
    transform: scale(1);
    opacity: 1;
  }
  to {
    transform: scale(1.5);
    opacity: 0;
  }
}
@keyframes smallScale {
  from {
    transform: scale(1);
    opacity: 1;
  }
  to {
    transform: scale(1.5);
    opacity: 0;
  }
}
/* /MEDIAS */



/* SHIP */
section.ship{
  position: relative;
  min-height: 700px;
}
section.ship:before{
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  width: 50%;
  height: 100%;
  background: var(--blue-color);
  z-index: -1;
}
section.ship:after{
  content: '';
  position: absolute;
  top: 0px;
  right: 0px;
  width: 50%;
  height: 100%;
  background: url('../img/background/ship-bg.png') no-repeat;
  background-size: 100% 100%;
  z-index: -1;
}
section.ship .ship-body{
  position: relative;
  padding: 50px 40px 50px 0px;
  min-height: 600px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
section.ship .ship-body .section-title .title, section.ship .ship-body .section-title .desc{
  color: var(--white-color);
}
section.ship .ship-body .section-title .title{
  margin-bottom: 25px;
}
section.ship .ship-body .ship-list{
  position: relative;
  margin-top: 50px;
  margin-bottom: 0px;
  padding: 0px
}
section.ship .ship-body .ship-list li{
  float: left;
  width: 50%;
  padding: 10px 0px;
  font-size: var(--font-text-size-lg);
  font-weight: 500;
  color: var(--white-color);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all .3s ease-in-out;
  display: flex;
  align-items: center;
}
section.ship .ship-body .ship-list li svg{
  margin-right: 10px;
}
section.ship .ship-body .ship-list li:hover{
  color: var(--ship-orange-color);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all .3s ease-in-out;
}
section.ship .ship-body .ship-list li:hover svg #Ellipse_8{
  stroke: var(--ship-orange-color);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all .3s ease-in-out;
}
section.ship .ship-body .ship-list li:hover svg #Ellipse_9{
  fill: var(--ship-orange-color);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all .3s ease-in-out;
}
/* /SHIP */

.live-support-icon{
  position: fixed;
  display: block;
  bottom: 30px;
  right: 30px;
  z-index: 999;
}
.live-support-icon svg{
  width: 65px;
  height: 65px;
  border-radius: 50%;
  -webkit-animation: zoomInImageSm 4s ease-out 1s infinite;
  animation: zoomInImageSm 4s ease-out 1s infinite;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
@keyframes zoomInImageSm {
  0% {transform: translateY(0px) translateX(0px) scale(1); opacity: 1;}
  50% {transform: translateY(0px) translateX(0) scale(1.2); opacity: 1;}
  100% {transform: translateY(0px) translateX(0px) scale(1); opacity: 1;}
}


section.about-parallax{
  position: relative;
  padding: 70px 0px;
  background: url('../img/other/about-us-parallax-bg.png') no-repeat;
  background-size: cover;
  background-position: top center;
}
section.about-parallax .section-header, section.about-parallax .section-footer{
  position: relative;
}
section.about-parallax .section-header .big-title{
  position: relative;
  font-size: var(--font-text-size-xxl);
  font-weight: 700;
  line-height: 1.2;
  color: var(--ship-orange-color);
  margin-bottom: 5px;
  text-align: center;
}
section.about-parallax .section-header .sub-title{
  position: relative;
  font-size: var(--font-text-size-md);
  font-weight: 500;
  line-height: 1.2;
  color: var(--white-color);
  margin-bottom: 0px;
  text-align: center;
}
section.about-parallax .timeline{
  position: relative;
  margin: 80px 0px;
  text-align: center;
}
section.about-parallax .section-footer{
  margin-bottom: 155px;
}
section.about-parallax .section-footer .big-title{
  position: relative;
  font-size: var(--font-text-size-xl);
  font-weight: 700;
  line-height: 1.2;
  color: var(--white-color);
  margin-bottom: 15px;
  text-align: center;
}
section.about-parallax .section-footer .desc{
  position: relative;
  font-size: var(--font-text-size-sm);
  font-weight: 400;
  line-height: 1.3;
  color: var(--white-color);
  margin-bottom: 0px;
  text-align: center;
}

section.about-parallax-foot{
  position: relative;
  margin-top: -150px;
}
section.about-parallax-foot .content{
  position: relative;
  padding: 45px;
  background: var(--light-blue-color);
  border-radius: var(--border-radius-md);
}
section.about-parallax-foot .content::before{
  content: '';
  background: url('../img/other/about-us-parallax-icon.png') no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 350px;
  height: 100%;
  z-index: 0;
}
section.about-parallax-foot .content .title{
  position: relative;
  font-size: var(--font-text-size-xxl);
  font-weight: 700;
  line-height: 1.2;
  color: var(--white-color);
  margin-bottom: 25px;
  text-align: left;
}
section.about-parallax-foot .content .icon{
  position: relative;
  width: 100px;
}
section.about-parallax-foot .content .main-image{
  position: relative;
  width: 100%;
}
section.about-parallax-foot .content .play-content{
  position: relative;
}

section.about-page{
  position: relative;
  padding: 70px 0px;
}
section.about-page .left-side, section.about-page .right-side{
  position: relative;
}
section.about-page img{
  position: relative;
  width: 100%;
  border-radius: var(--border-radius-sm);
}
section.about-page .title{
  position: relative;
  font-size: var(--font-text-size-lg);
  font-weight: 700;
  line-height: 1.2;
  color: var(--blue-color);
  margin-bottom: 10px;
}
section.about-page .desc{
  position: relative;
  font-size: var(--font-text-size-sm);
  font-weight: 400;
  line-height: 1.4;
  color: var(--blue-color);
  margin-bottom: 0px;
}

section.about-redirect{
  position: relative;
  padding: 60px 0px 150px 0px;
}
section.about-redirect::before{
  content: '';
  background: var(--light-blue-color);
  width: 50%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 0;
}
section.about-redirect::after{
  content: '';
  background: var(--blue-color);
  width: 50%;
  height: 100%;
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 0;
}
section.about-redirect .more-left{
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
section.about-redirect .more-right{
  display: flex;
  align-items: center;
  justify-content: flex-end;
}


section.breadcrumbs{
  position: relative;
  padding: 40px 0px;
  background: url('../img/background/breadcrumb-bg.png') no-repeat;
  background-size: cover;
  background-position: top center;
}
section.breadcrumbs.gray{
  position: relative;
  padding: 40px 0px;
  background: url('../img/background/breadcrumb-bg.png') no-repeat;
  background-size: cover;
  background-position: top center;
}
section.breadcrumbs.gray .section-header .sub-title{
  color: var(--orange-color);
}
section.breadcrumbs.gray .section-header .big-title{
  color: var(--blue-color);
  margin-bottom: 0px;
}

section.breadcrumbs .section-header{
  position: relative;
  text-align: center;
}
section.breadcrumbs .section-header .sub-title{
  position: relative;
  font-size: var(--font-text-size-md);
  font-weight: 400;
  color: var(--ship-orange-color);
  line-height: 1.2;
  margin-bottom: 10px;
}
section.breadcrumbs.gray .section-header .big-title{
  position: relative;
  font-family: var(--font-text-family)!important;
  font-size: var(--font-text-size-xxxl);
  font-weight: 700;
  color: var(--white-color);
  line-height: 1.2;
  margin-bottom: 10px;
}
section.breadcrumbs .section-header .big-title{
  position: relative;
  font-family: var(--font-text-other-family);
  font-size: var(--font-text-size-xxxl);
  font-weight: 700;
  color: var(--white-color);
  line-height: 1.2;
  margin-bottom: 10px;
}
section.breadcrumbs .section-header ul{
  position: relative;
  padding-left: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 50px;
  margin-bottom: 0px;
}
section.breadcrumbs .section-header ul li{
  position: relative;
  float: left;
  margin-right: 15px;
  padding-right: 20px;
}
section.breadcrumbs .section-header ul li::after{
  content: '\f054';
  font-family: 'Font Awesome 6 Free';
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--font-text-size-xs);
  font-weight: 900;
  color: var(--white-color);
  position: absolute;
  top: 0px;
  right: 0px;
}
section.breadcrumbs.gray .section-header ul li::after{
  content: '\f054';
  font-family: 'Font Awesome 6 Free';
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--font-text-size-xs);
  font-weight: 900;
  color: var(--white-color);
  position: absolute;
  top: 0px;
  right: 0px;
}
section.breadcrumbs .section-header ul li:last-of-type::after{
  display: none;
}
section.breadcrumbs .section-header ul li:last-of-type{
  margin-right: 0px;
  padding-right: 0px;
}

section.breadcrumbs .section-header ul li a{
  position: relative;
  font-size: var(--font-text-size-sm);
  font-weight: 400;
  line-height: 1.2;
  color: var(--white-color);
  display: flex;
  align-items: center;
  justify-content: center;
}
section.breadcrumbs.gray .section-header ul li a{
  position: relative;
  font-size: var(--font-text-size-sm);
  font-weight: 400;
  line-height: 1.2;
  color: var(--white-color);
  display: flex;
  align-items: center;
  justify-content: center;
}
section.breadcrumbs.gray .section-header ul li a:hover{
  color: var(--orange-color);
}

section.breadcrumbs .section-header ul li a:hover{
  color: var(--ship-orange-color);
}


section.products-lists{
  position: relative;
  padding: 70px 0px;
}
section.products-lists .toolbar-box{
  position: relative;
  display: flex;
  align-items: center;
}
section.products-lists .toolbar-box .filter-button{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--border-color-light);
  font-size: var(--font-text-size-sm);
  font-weight: 400;
  line-height: 1.2;
  color: var(--text-color);
  padding: 12px 20px;
  margin-right: 20px;
  min-height: 45px;
  min-width: 130px;
  border-radius: var(--border-radius-xs);
}
section.products-lists .toolbar-box .filter-button:last-of-type{
  margin-right: 0px;
}
section.products-lists .toolbar-box select.filter-button::before{
  content: '\f0c9';
  display: inline-block;
  font-family: 'Font Awesome 6 Free';
  font-weight: 900;
  font-size: var(--font-text-size-md);
  line-height: 1;
  color: var(--text-color);
  position: absolute;
  top: 13px;
  left: 30px;
}


section.shipping-other{
  position: relative;
  margin-bottom: -110px;
  z-index: 1;
}
section.shipping-other .ship-box-content{
  position: relative;
  width: 100%;
  background: var(--gray-color);
  border-radius: var(--border-radius-sm);
  overflow: hidden;
}
section.shipping-other .ship-box-content .body{
  position: relative;
  padding: 0px 30px;
}
section.shipping-other .ship-box-content .body .title{
  position: relative;
  font-size: var(--font-text-size-lg);
  font-weight: 600;
  line-height: 1.2;
  color: var(--blue-color);
  margin-bottom: 15px;
}
section.shipping-other .ship-box-content .body .desc{
  position: relative;
  font-size: var(--font-text-size-sm);
  font-weight: 400;
  line-height: 1.3;
  color: var(--text-color);
  margin-bottom: 0px;
}

section.aggreement{
  position: relative;
  padding: 50px 0px 130px 0px;
  font-size: 1rem;
}

section.aggreement ul li{
  list-style: disc !important;
}

section.aggreement ol li{
  list-style: decimal !important;
}

section.shipping-other-content{
  position: relative;
  padding: 200px 0px 185px 0px;
  background: var(--blue-color);
}
section.shipping-other-content ul{
  position: relative;
  padding-left: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
}
section.shipping-other-content ul li{
  position: relative;
  float: left;
  min-height: 100px;
  padding-right: 40px;
  margin-right: 40px;
  border-right: 1px solid var(--white-color);
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
section.shipping-other-content ul li:last-of-type{
  padding-right: 0px;
  margin-right: 0px;
  border-right: none;
}
section.shipping-other-content ul li svg{
  width: 40px;
  height: 40px;
  margin-bottom: 10px;
}
section.shipping-other-content ul li .title{
  position: relative;
  font-size: var(--font-text-size-md);
  font-weight: 400;
  line-height: 1.2;
  color: var(--white-color);
  margin-bottom: 0px;
  text-align: center;
}


section.bank-to-wallet-page{
  position: relative;
  padding: 90px 0px;
  background: var(--gray-color);
}
section.bank-to-wallet-page .body{
  padding-right: 150px;
}
section.bank-to-wallet-page .body .title{
  position: relative;
  font-size: var(--font-text-size-xl);
  font-weight: 700;
  line-height: 1.3;
  color: var(--blue-color);
  margin-bottom: 0px;
}
section.bank-to-wallet-page .body img{
  position: relative;
  width: 100%;
  margin: 50px 0px;
}
section.bank-to-wallet-page .body .desc{
  position: relative;
  font-size: var(--font-text-size-sm);
  font-weight: 400;
  line-height: 1.4;
  margin-bottom: 0px;
  color: var(--blue-color);
}
section.bank-to-wallet-page .tool-widget{
  position: relative;
  padding: 30px;
  border-radius: var(--border-radius-sm);
  background: var(--white-color);
  height: 100%;
}
section.bank-to-wallet-page .tool-widget .section-header .title{
  position: relative;
  font-size: var(--font-text-size-lg);
  font-weight: 600;
  line-height: 1.3;
  margin-bottom: 10px;
  color: var(--orange-color);
}
section.bank-to-wallet-page .tool-widget .section-header .desc{
  position: relative;
  font-size: var(--font-text-size-sm);
  font-weight: 400;
  line-height: 1.3;
  color: var(--blue-color);
  margin-bottom: 0px;
}
section.bank-to-wallet-page .tool-widget .section-form{
  position: relative;
  margin-top: 40px;
}
section.bank-to-wallet-page .tool-widget .section-form label{
  font-size: var(--font-text-size-sm);
  font-weight: 400;
  color: var(--blue-color);
}
section.bank-to-wallet-page .tool-widget .section-form .form-control{
  padding: 10px 15px;
  border:1px solid var(--blue-color);
  border-radius: var(--border-radius-sm);
  color: var(--blue-color);
}
section.bank-to-wallet-page .tool-widget .section-form button{
  position: absolute;
  padding: 10px 50px;
  background: var(--blue-color);
  font-size: var(--font-text-size-sm);
  font-weight: 400;
  line-height: 1.3;
  color: var(--white-color);
  height: 46px;
  top: 0px;
  right: 0px;
  border-top-right-radius: var(--border-radius-sm);
  border-bottom-right-radius: var(--border-radius-sm);
  border: none;
}
section.bank-to-wallet-page .tool-widget .section-content{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 30px 0px;
}
section.bank-to-wallet-page .tool-widget .section-content p{
  position: relative;
  font-size: var(--font-text-size-sm);
  font-weight: 400;
  line-height: 1.3;
  color: var(--blue-color);
  margin-bottom: 0px;
}
section.bank-to-wallet-page .accordion-item:last-of-type .accordion-button{
  box-shadow: none;
  outline: none;
  border-radius: var(--border-radius-sm)!important;
}
section.bank-to-wallet-page .accordion-item:last-of-type .accordion-button.collapsed{
  border-bottom-right-radius: var(--border-radius-sm);
  border-bottom-left-radius: var(--border-radius-sm);
}
section.bank-to-wallet-page .accordion-item:first-of-type .accordion-button{
  border-top-left-radius: var(--border-radius-sm)!important;
  border-bottom-left-radius: var(--border-radius-sm)!important;
}
section.bank-to-wallet-page .accordion-item{
  background: transparent;
  border: 1px solid var(--blue-color);
  border-radius: var(--border-radius-sm);
}
section.bank-to-wallet-page .accordion-button{
  background-color: transparent!important;
  color: var(--blue-color);
  font-size: var(--font-text-size-sm);
  font-weight: 500;
  line-height: 1.3;
}
section.bank-to-wallet-page .accordion-button:not(.collapsed){
  background: transparent;
  color: var(--blue-color);
  font-size: var(--font-text-size-sm);
  font-weight: 500;
  line-height: 1.3;
}
section.bank-to-wallet-page .accordion-item:first-of-type .accordion-button{
  border-top-left-radius: var(--border-radius-sm)!important;
  border-top-right-radius: var(--border-radius-sm)!important;
}


.accordion-item:last-of-type .accordion-button{
  box-shadow: none;
  outline: none;
  border-radius: var(--border-radius-sm)!important;
}
.accordion-item:last-of-type .accordion-button.collapsed{
  border-bottom-right-radius: var(--border-radius-sm);
  border-bottom-left-radius: var(--border-radius-sm);
}
.accordion-item:first-of-type .accordion-button{
  border-top-left-radius: var(--border-radius-sm)!important;
  border-bottom-left-radius: var(--border-radius-sm)!important;
}
.accordion-item{
  background: transparent;
  border: 1px solid var(--blue-color);
  border-radius: var(--border-radius-sm);
}
.accordion-item .accordion-button{
  background-color: transparent!important;
  color: var(--blue-color);
  font-size: var(--font-text-size-sm);
  font-weight: 500;
  line-height: 1.3;
}
.accordion-item .accordion-button:not(.collapsed){
  background: transparent;
  color: var(--blue-color);
  font-size: var(--font-text-size-sm);
  font-weight: 500;
  line-height: 1.3;
}
.accordion-item:first-of-type .accordion-button{
  border-top-left-radius: var(--border-radius-sm)!important;
  border-top-right-radius: var(--border-radius-sm)!important;
}



section.products-lists .section-header{
  position: relative;
  text-align: center;
  border-bottom: 1px solid var(--border-color-light);
}
section.products-lists .section-header .sub-title{
  position: relative;
  font-size: var(--font-text-size-lg);
  font-weight: 400;
  color: var(--text-color);
  margin-bottom: 5px;
}
section.products-lists .section-header .title{
  position: relative;
  font-size: var(--font-text-size-xxl);
  font-weight: 700;
  color: var(--blue-color);
  margin-bottom: 0px;
}


section.sign-forms{
  position: relative;
  padding: 60px 0px 160px 0px;
}
section.sign-forms::before{
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  width: 50%;
  height: 100%;
  background: var(--body-header-top-bg);
  z-index: -1;
}
section.sign-forms::after{
  content: '';
  position: absolute;
  top: 0px;
  right: 0px;
  width: 50%;
  height: 100%;
  background: url('../img/background/sign-bg.png') no-repeat;
  background-size: cover;
  background-position: top center;
  z-index: -1;
}
section.sign-forms .form-content{
  position: relative;
}
section.sign-forms.login .form-content{
  padding: 35px;
  background: var(--white-color);
  border-radius: var(--border-radius-sm);
}
section.sign-forms.login .form-content .form-control{
  background: var(--body-header-top-bg);
}
section.sign-forms .form-content .title{
  position: relative;
  font-size: var(--font-text-size-lg);
  font-weight: 600;
  line-height: 1.1;
  color: var(--blue-color);
}
section.sign-forms .form-content{
  padding-right: 60px;
}
section.sign-forms .form-content .form-group{
  position: relative;
  margin-bottom: 25px;
}
section.sign-forms .form-content .form-group label.label{
  position: relative;
  margin-bottom: 5px;
}
section.sign-forms .form-content .form-control{
  border: none;
  background: var(--white-color);
  border-radius: var(--border-radius-sm);
  padding: 12px 25px;
}
section.sign-forms .form-content .form-control:focus{
  outline: none;
  box-shadow: none;
}
section.sign-forms .image-content{
  position: relative;
  text-align: right;
}
section.sign-forms .image-content .sub-title{
  position: relative;
  font-size: var(--font-text-size-md);
  font-weight: 400;
  line-height: 1.1;
  color: var(--white-color);
  margin-bottom: 10px;
}
section.sign-forms .image-content .title{
  position: relative;
  font-size: var(--font-text-size-xxl);
  font-weight: 700;
  line-height: 1.2;
  color: var(--white-color);
}
section.sign-forms .image-content .title span{
  position: relative;
  display: block;
  color: var(--ship-orange-color);
}
section.sign-forms .image-content .desc{
  position: relative;
  font-size: var(--font-text-size-sm);
  font-weight: 400;
  line-height: 1.5;
  color: var(--white-color);
  margin-bottom: 0px;
}


section.blogs-lists-page{
  position: relative;
  padding: 70px 0px;
}

section.blogs-lists-page .blogs-detail-content{
  position: relative;
}
section.blogs-lists-page .blogs-detail-content .title{
  position: relative;
  font-size: var(--font-text-size-xl);
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 0px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--border-color-light);
  color: var(--blue-color);
}
section.blogs-lists-page .blogs-detail-content .date{
  position: relative;
  font-size: var(--font-text-size-sm);
  font-weight: 500;
  line-height: 1.2;
  margin-bottom: 20px;
  padding-top: 10px;
  color: var(--blue-color);
}
section.blogs-lists-page .blogs-detail-content .section-image{
  position: relative;
  height: 400px;
  border-radius: var(--border-radius-sm);
  overflow: hidden;
  margin: 25px 0px;
}
section.blogs-lists-page .blogs-detail-content .section-image img{
  position: relative;
  border-radius: var(--border-radius-sm);
  width: 100%;
  height: 100%;
  -ms-object-fit: cover;
  -o-object-fit: cover;
  -moz-object-fit: cover;
  object-fit: cover;
}
section.blogs-lists-page .blogs-detail-content .section-text,
section.blogs-lists-page .blogs-detail-content .section-text p,
section.blogs-lists-page .blogs-detail-content .section-text div,
section.blogs-lists-page .blogs-detail-content .section-text span{
  position: relative;
  font-size: var(--font-text-size-sm);
  font-weight: 400;
  line-height: 1.4;
  color: var(--text-color);
}

section.contact-page{
  position: relative;
  padding: 65px 0px;
}
section.contact-page .iframe-content{
  position: relative;
  width: 100%;
  border-radius: var(--border-radius-sm);
}
section.contact-page .iframe-content iframe{
  width: 100%;
  height: 270px;
  border-radius: var(--border-radius-sm);
}
section.contact-page .contact-box{
  position: relative;
  padding: 30px 60px;
  background: var(--body-header-top-bg);
  border-radius: var(--border-radius-sm);
  display: flex;
  align-items: center;
}
section.contact-page .contact-box .icon{
  float: left;
  position: relative;
  margin-right: 25px;
}
section.contact-page .contact-box .icon svg{
  width: 40px;
  height: 40px;
}
section.contact-page .contact-box .body{
  float: right;
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
}
section.contact-page .contact-box .body .title{
  position: relative;
  font-size: var(--font-text-size-md);
  font-weight: 600;
  line-height: 1.2;
  color: var(--blue-color);
  margin-bottom: 0px;
}
section.contact-page .contact-box .body .desc{
  position: relative;
  font-size: var(--font-text-size-sm);
  font-weight: 400;
  line-height: 1.5;
  color: var(--text-color);
  margin-bottom: 0px;
}
section.contact-page .contact-box .flex-box{
  position: relative;
  float: left;
  width: 50%;
}
section.contact-page .contact-box .flex-box{
  position: relative;
  display: flex;
  align-items: center;
}

section.contact-page-form{
  position: relative;
  padding: 80px 0px;
  background: var(--body-header-top-bg);
}
section.contact-page-form .title{
  position: relative;
  font-size: var(--font-text-size-xl);
  font-weight: 700;
  line-height: 1.2;
  color: var(--blue-color);
  margin-bottom: 20px;
  text-align: center;
}
section.contact-page-form .form-group{
  position: relative;
  margin-bottom: 25px;
}
section.contact-page-form .form-group label{
  position: relative;
  font-size: var(--font-text-size-sm);
  font-weight: 400;
  line-height: 1.2;
  color: var(--blue-color);
  margin-bottom: 5px;
}
section.contact-page-form .form-group .form-control{
  position: relative;
  padding: 12px 25px;
  border-radius: var(--border-radius-sm);
  border: none;
  color: var(--text-color);
}


section.cargo-tracking{
  position: relative;
}
section.cargo-tracking .form-content{
  position: relative;
  padding: 60px;
  background: var(--body-header-top-bg);
  border-radius: var(--border-radius-sm);
}
section.cargo-tracking .form-content .form-control{
  position: relative;
  padding: 12px 25px;
  background: var(--white-color);
  border-radius: var(--border-radius-sm);
  border: none;
}
section.cargo-tracking .icon-box, section.cargo-tracking .icon-box div{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
section.cargo-tracking .icon-box div{
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background: var(--blue-color);
  padding: 10px;
}
section.cargo-tracking .icon-box div svg{
  width: 70px;
  height: 70px;
}


.cartAddModal{
  position: relative;
  padding: 30px 60px 30px 60px;
}
.cartAddModal .content-box{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.cartAddModal .content-box .icon{
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background: var(--blue-color);
}
.cartAddModal .content-box .icon svg{
  width: 60px;
  height: 60px;
}
.cartAddModal .content-box .title{
  position: relative;
  font-size: var(--font-text-size-xl);
  font-weight: 600;
  color: var(--blue-color);
  line-height: 1.2;
  margin-bottom: 0px;
  padding-bottom: 20px;
  border-bottom: 1px solid var(--border-color-light);
}
.cartAddModal .content-box .desc{
  position: relative;
  font-size: var(--font-text-size-sm);
  font-weight: 400;
  color: var(--blue-color);
  line-height: 1.2;
  margin-bottom: 0px;
  padding-top: 20px;
}
.cartAddModal .modal-content .modal-footer{
  padding: 20px 50px 30px 50px;
}

.changePasswordModal .modal-content, .modal .modal-content{
  border-radius: var(--border-radius-sm);
}
.changePasswordModal{
  position: relative;
  padding: 30px 50px 0px 50px;
}
.changePasswordModal .content-box{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.changePasswordModal .content-box .icon{
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background: var(--blue-color);
}
.changePasswordModal .content-box .icon svg{
  width: 60px;
  height: 60px;
}
.changePasswordModal .content-box .title{
  position: relative;
  font-size: var(--font-text-size-xl);
  font-weight: 600;
  color: var(--blue-color);
  line-height: 1.2;
  margin-bottom: 0px;
  padding-bottom: 20px;
  border-bottom: 1px solid var(--border-color-light);
}
.changePasswordModal .content-box .desc{
  position: relative;
  font-size: var(--font-text-size-sm);
  font-weight: 400;
  color: var(--blue-color);
  line-height: 1.2;
  margin-bottom: 0px;
  padding-top: 20px;
}
.changePasswordModal .modal-content .modal-footer{
  padding: 20px 50px 30px 50px;
}
.changePasswordModal .form-control, .changePasswordModal .form-control:focus{
  position: relative;
  padding: 12px 25px;
  background: var(--body-header-top-bg);
  border: none;
  border-radius: var(--border-radius-sm);
  color: var(--blue-color);
}

.filterModal .modal-content .modal-footer button{
  padding: 15px 25px;
  border-radius: var(--border-radius-sm);
}
/* .modal.show{
  background: rgba(0, 0, 0, 0.75);
} */

.cartMessages{
  position: relative;
  text-align: center;
}
.cartMessages .title{
  position: relative;
  font-size: var(--font-text-size-xl);
  font-weight: 600;
  color: var(--blue-color);
  line-height: 1.2;
  margin-bottom: 0px;
  padding-bottom: 20px;
  border-bottom: 1px solid var(--border-color-dark);
}
.cartMessages .desc{
  position: relative;
  font-size: var(--font-text-size-sm);
  font-weight: 400;
  color: var(--blue-color);
  line-height: 1.2;
  margin-bottom: 0px;
  padding-top: 20px;
}


section.cart{
  position: relative;
  padding: 70px 0px;
}
section.cart .cart-info{
  position: relative;
  border-radius: var(--border-radius-sm);
  background: var(--body-header-top-bg);
  padding: 30px 40px;
}
section.cart .cart-info .sub-title{
  position: relative;
  font-size: var(--font-text-size-md);
  font-weight: 400;
  line-height: 1.2;
  color: var(--blue-color);
  margin-bottom: 5px;
}
section.cart .cart-info .price{
  position: relative;
  font-size: var(--font-text-size-xl);
  font-weight: 700;
  line-height: 1.2;
  color: var(--blue-color);
  margin-bottom: 0px;
}
section.cart .cart-info ul{
  position: relative;
  margin: 30px 0px;
  padding: 0px;
}
section.cart .cart-info ul li{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 0px;
  border-bottom: 1px solid var(--blue-color);
}
section.cart .cart-info ul li.first .text{
  position: relative;
  font-size: var(--font-text-size-lg);
  font-weight: 400;
  margin-bottom: 0px;
  line-height: 1.2;
  color: var(--blue-color);
  text-align: left;
}
section.cart .cart-info ul li .text{
  position: relative;
  font-size: var(--font-text-size-sm);
  font-weight: 400;
  margin-bottom: 0px;
  line-height: 1.2;
  color: var(--blue-color);
  text-align: left;
}
section.cart .cart-info ul li .value{
  position: relative;
  font-size: var(--font-text-size-sm);
  font-weight: 400;
  margin-bottom: 0px;
  line-height: 1.2;
  color: var(--blue-color);
  text-align: right;
}
section.cart .cart-toolbar{
  position: relative;
  margin-bottom: 25px;
}
section.cart .cart-toolbar .cart-counts{
  border-radius: var(--border-radius-sm);
  width: 100%;
  display: block;
  text-align: center;
  padding: 12px 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
section.cart .cart-toolbar .cart-counts span{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--white-color);
  background: var(--blue-color);
  padding: 5px 10px;
  border-radius: var(--border-radius-xs);
}
section.cart .cart-list{
  position: relative;
}
section.cart .cart-list .cart-item{
  padding: 15px 20px;
  border-radius: var(--border-radius-sm);
  background: var(--body-header-top-bg);
}
section.cart .cart-list .cart-item .image{
  position: relative;
  border-radius: var(--border-radius-sm);
  background: var(--white-color);
  padding: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
}
section.cart .cart-list .cart-item .image img{
  width: 100%;
}
section.cart .cart-list .cart-item .title{
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
}
section.cart .cart-list .cart-item .title p:first-of-type{
  position: relative;
  font-size: var(--font-text-size-sm);
  font-weight: 400;
  line-height: 1.2;
  color: var(--blue-color);
  margin-bottom: 5px;
}
section.cart .cart-list .cart-item .title p:last-of-type{
  position: relative;
  font-size: var(--font-text-size-lg);
  font-weight: 700;
  line-height: 1.2;
  color: var(--blue-color);
  margin-bottom: 0px;
}

section.cart .cart-list .cart-item .qty{
  position: relative;
  display: flex;
  align-items: center;
}
section.cart .cart-list .cart-item .icon-shape {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  vertical-align: middle;
  background: var(--ship-orange-color);
  color: var(--white-color);
  font-weight: 700;
  border: none;
}
section.cart .cart-list .cart-item .quantity-field{
  padding: 10px;
  background: var(--white-color);
  border-radius: var(--border-radius-xs)!important;
  color: var(--blue-color);
  font-size: var(--font-text-size-md);
  font-weight: 500;
}
section.cart .cart-list .cart-item .icon-sm {
  width: 2.2rem;
  height: 2.2rem;
  
}
section.cart .cart-list .cart-item .action{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
section.cart .cart-list .cart-item .action a{
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  background: var(--white-color);
  border-radius: var(--border-radius-sm);
  padding: 5px;
  color: var(--blue-color);
  font-size: var(--font-text-size-lg);
  height: 44px;
  width: 44px;
}

section.cart .cart-list .cart-address-item{
  padding: 15px 20px;
  border-radius: var(--border-radius-sm);
  background: transparent;
  border: 1px solid var(--blue-color);
}
section.cart .cart-list .cart-address-item .content{
  position: relative;
  background: var(--body-header-top-bg);
  border-radius: var(--border-radius-sm);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 15px;
  height: 100%;
}
section.cart .cart-list .cart-address-item .content svg{
  width: 35px;
  height: 35px;
  margin-bottom: 10px;
}
section.cart .cart-list .cart-address-item .content span{
  font-size: var(--font-text-size-md);
  font-weight: 500;
  color: var(--blue-color);
}
section.cart .cart-list .cart-address-item .body{
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
}
section.cart .cart-list .cart-address-item .body .address-title{
  position: relative;
  font-size: var(--font-text-size-lg);
  font-weight: 500;
  line-height: 1.2;
  color: var(--blue-color);
  margin-bottom: 5px;
}
section.cart .cart-list .cart-address-item .body .address-desc{
  position: relative;
  font-size: var(--font-text-size-sm);
  font-weight: 400;
  line-height: 1.2;
  color: var(--blue-color);
  margin-bottom: 0px;
}
section.cart .cart-list .cart-address-item .body .action-group{
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  margin-top: 35px;
}
section.cart .cart-list .cart-address-item .body .action-group a{
  border-radius: var(--border-radius-xs);
  font-size: var(--font-text-size-sm);
  font-weight: 400;
  padding: 9px 15px;
}
section.cart .cart-list .add-new-address{
  position: relative;
  padding: 15px;
  width: 100%;
  display: block;
  text-align: center;
  background: var(--body-header-top-bg);
  border-radius: var(--border-radius-sm);
  font-size: var(--font-text-size-md);
  font-weight: 400;
  line-height: 1.2;
  color: var(--blue-color);
}
section.cart .cart-list .cart-note{
  position: relative;
  padding: 15px 20px;
  border-radius: var(--border-radius-sm);
  background: transparent;
  border: 1px solid var(--blue-color);
}
section.cart .cart-list .cart-note textarea{
  position: relative;
  padding: 15px 20px;
  border-radius: var(--border-radius-sm);
  background: var(--body-header-top-bg);
  border: none;
  width: 100%;
}

section.cart .cart-list .checkoutNav{
  position: relative;
}
section.cart .cart-list .checkoutNav .nav-item.show .nav-link, .checkoutNav .nav-link.active{
  color: var(--white-color)!important;
  background: var(--orange-color)!important;
  background-color: var(--orange-color)!important;
  border-color: var(--orange-color)!important;
  border-radius: var(--border-radius-xs)!important;
}
section.cart .cart-list .checkoutNav .nav-link {
  font-size: var(--font-text-size-md);
  font-weight: 400;
  color: var(--blue-color);
  margin-bottom: -1px;
  background: var(--white-color);
  border: 1px solid var(--blue-color);
  border-radius: var(--border-radius-xs)!important;
}
section.cart .cart-list .checkoutBody{
  position: relative;
  padding: 20px 0px;
}

section.cart .cart-list .saveCardNav{
  position: relative;
}
section.cart .cart-list .saveCardNav .nav-item.show .nav-link, .saveCardNav .nav-link.active{
  color: var(--blue-color)!important;
  background: var(--white-color)!important;
  background-color: var(--white-color)!important;
  border-color: var(--blue-color)!important;
  border-radius: var(--border-radius-xs)!important;
}
section.cart .cart-list .saveCardNav .nav-link {
  font-size: var(--font-text-size-md);
  font-weight: 500;
  color: var(--blue-color);
  margin-bottom: -1px;
  background: var(--body-header-top-bg);
  border: 1px solid var(--body-header-top-bg);
  border-radius: var(--border-radius-xs)!important;
}
section.cart .cart-list .saveCardBody{
  position: relative;
  padding: 20px 0px;
}

section.cart .cart-delivery-content{
  position: relative;
}
section.cart .cart-delivery-content .delivery-item{
  position: relative;
  padding: 15px;
  border: 1px solid var(--blue-color);
  border-radius: var(--border-radius-sm);
  font-size: var(--font-text-size-md);
  font-weight: 500;
  line-height: 1.2;
  color: var(--blue-color);
  text-align: center;
  -webkit-transition: all 0.3s ease-in-out;
	transition: all .3s ease-in-out;
  cursor: pointer;
}
section.cart .cart-delivery-content .delivery-item.active,
section.cart .cart-delivery-content .delivery-item:hover{
  position: relative;
  padding: 15px;
  border: 1px solid var(--blue-color);
  border-radius: var(--border-radius-sm);
  font-size: var(--font-text-size-md);
  font-weight: 500;
  line-height: 1.2;
  color: var(--blue-color);
  text-align: center;
  background: rgb(196,159,107);
  background: -moz-linear-gradient(90deg, rgba(196,159,107,1) 0%, rgba(247,205,146,1) 100%);
  background: -webkit-linear-gradient(90deg, rgba(196,159,107,1) 0%, rgba(247,205,146,1) 100%);
  background: linear-gradient(90deg, rgba(196,159,107,1) 0%, rgba(247,205,146,1) 100%);
  border:1px solid rgb(196,159,107);
}
section.cart .cart-delivery-content .delivery-item.active:after,
section.cart .cart-delivery-content .delivery-item:hover:after{
  content:"";
  top:0;
  transform:translateX(100%);
  width:100%;
  height:220px;
  position:absolute;
  z-index:1;
  -webkit-animation:slide 2s 1s infinite;
  animation:slide 2s 1s infinite;
  background:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0));
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffffff",endColorstr="#007db9e8",GradientType=1);
  z-index: 0;
}

.payment-title {
  width: 100%;
  text-align: center;
}
.form-container .field-container{
  position: relative;
}
.form-container .field-container:first-of-type {
  grid-area: name;
}
.form-container .field-container:nth-of-type(2) {
  grid-area: number;
}
.form-container .field-container:nth-of-type(3) {
  grid-area: expiration;
}
.form-container .field-container:nth-of-type(4) {
  grid-area: security;
}
.field-container input {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 12px 25px;
  background: var(--body-header-top-bg);
  border-radius: var(--border-radius-sm);
  border: none;
  color: var(--blue-color);
}
.field-container input:focus {
  background: var(--body-header-top-bg);
}
.field-container {
  position: relative;
}
.field-container label{
  font-size: var(--font-text-size-sm);
  font-weight: 400;
  color: var(--blue-color);
}
.form-container {
  position: relative;
}
.ccicon {
  height: 30px;
  position: absolute;
  right: 16px;
  top: 30px;
  width: 60px;
}
/* CREDIT CARD IMAGE STYLING */
.card-preload * {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important;
  transition: none;
}
.card-container {
  width: 100%;
  max-height: 251px;
  height: 54vw;
  padding: 20px;
}
#ccsingle {
  position: absolute;
  right: 15px;
  top: 20px;
}
#ccsingle svg {
  width: 100px;
  max-height: 60px;
}
.creditcard svg#cardfront,
.creditcard svg#cardback {
  width: 100%;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  border-radius: 22px;
}
#generatecard{
  cursor: pointer;
  float: right;
  font-size: 12px;
  color: #fff;
  padding: 2px 4px;
  background-color: #909090;
  border-radius: 4px;
  cursor: pointer;
  float:right;
}
/* CHANGEABLE CARD ELEMENTS */
.creditcard .lightcolor,
.creditcard .darkcolor {
  -webkit-transition: fill .5s;
  transition: fill .5s;
}
.creditcard .lightblue {
  fill: #03A9F4;
}
.creditcard .lightbluedark {
  fill: #0288D1;
}
.creditcard .red {
  fill: #ef5350;
}
.creditcard .reddark {
  fill: #d32f2f;
}
.creditcard .purple {
  fill: #ab47bc;
}
.creditcard .purpledark {
  fill: #7b1fa2;
}
.creditcard .cyan {
  fill: #26c6da;
}
.creditcard .cyandark {
  fill: #0097a7;
}
.creditcard .green {
  fill: #66bb6a;
}
.creditcard .greendark {
  fill: #388e3c;
}
.creditcard .lime {
  fill: #d4e157;
}
.creditcard .limedark {
  fill: #afb42b;
}
.creditcard .yellow {
  fill: #ffeb3b;
}
.creditcard .yellowdark {
  fill: #f9a825;
}
.creditcard .orange {
  fill: #ff9800;
}
.creditcard .orangedark {
  fill: #ef6c00;
}
.creditcard .grey {
  fill: var(--body-header-top-bg);
}
.creditcard .greydark {
  fill: var(--blue-color);
}
/* FRONT OF CARD */
#svgname {
  text-transform: uppercase;
}
#cardfront .st2 {
  fill: #FFFFFF;
}
#cardfront .st3 {
  font-family: monospace;
  font-weight: 600;
}
#cardfront .st4 {
  font-size: 54.7817px;
}
#cardfront .st5 {
  font-family: monospace;
  font-weight: 400;
}
#cardfront .st6 {
  font-size: 33.1112px;
}
#cardfront .st7 {
  opacity: 0.6;
  fill: #FFFFFF;
}
#cardfront .st8 {
  font-size: 24px;
}
#cardfront .st9 {
  font-size: 36.5498px;
}
#cardfront .st10 {
  font-family: monospace;
  font-weight: 300;
}
#cardfront .st11 {
  font-size: 16.1716px;
}
#cardfront .st12 {
  fill: #4C4C4C;
}
/* BACK OF CARD */
#cardback .st0 {
  fill: none;
  stroke: #0F0F0F;
  stroke-miterlimit: 10;
}
#cardback .st2 {
  fill: #111111;
}
#cardback .st3 {
  fill: #F2F2F2;
}
#cardback .st4 {
  fill: #D8D2DB;
}
#cardback .st5 {
  fill: #C4C4C4;
}
#cardback .st6 {
  font-family: monospace;
  font-weight: 400;
}
#cardback .st7 {
  font-size: 27px;
}
#cardback .st8 {
  opacity: 0.6;
}
#cardback .st9 {
  fill: #FFFFFF;
}
#cardback .st10 {
  font-size: 24px;
}
#cardback .st11 {
  fill: #EAEAEA;
}
#cardback .st12 {
  font-family: monospace;
}
#cardback .st13 {
  font-size: 37.769px;
}
/* FLIP ANIMATION */
.card-container {
  perspective: 1000px;
}
.creditcard {
  width: 100%;
  max-width: 400px;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  transition: -webkit-transform 0.6s;
  -webkit-transition: -webkit-transform 0.6s;
  transition: transform 0.6s;
  transition: transform 0.6s, -webkit-transform 0.6s;
  cursor: pointer;
}
.creditcard .front,
.creditcard .back {
  position: absolute;
  width: 100%;
  max-width: 400px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-font-smoothing: antialiased;
  color: #47525d;
}
.creditcard .back {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
.creditcard.flipped {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

section.cart .cart-list .banks-lists{
  position: relative;
}
section.cart .cart-list .banks-lists [type="radio"]:checked,
section.cart .cart-list .banks-lists [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
section.cart .cart-list .banks-lists [type="radio"]:checked + label,
section.cart .cart-list .banks-lists [type="radio"]:not(:checked) + label
{
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
}
section.cart .cart-list .banks-lists [type="radio"]:checked + label:before,
section.cart .cart-list .banks-lists [type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #ddd;
    border-radius: 100%;
    background: #fff;
}
section.cart .cart-list .banks-lists [type="radio"]:checked + label:after,
section.cart .cart-list .banks-lists [type="radio"]:not(:checked) + label:after {
    content: '';
    width: 12px;
    height: 12px;
    background: var(--orange-color);
    position: absolute;
    top: 3px;
    left: 3px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
section.cart .cart-list .banks-lists [type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
section.cart .cart-list .banks-lists [type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
section.cart .cart-list .bank-info-content{
  position: relative;
  padding: 25px;
  border-radius: var(--border-radius-sm);
  border: 1px solid var(--blue-color);
}
section.cart .cart-list .bank-info-content img{
  width: 140px;
}


section.user-dashboard{
  position: relative;
  padding: 70px 0px 165px 0px;
  background: var(--body-header-top-bg);
}
section.user-dashboard .user-sidebar{
  border-radius: var(--border-radius-sm);
  background: var(--white-color);
}
section.user-dashboard .user-sidebar .sidebar-header{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 25px;
}
section.user-dashboard .user-sidebar .sidebar-menu{
  position: relative;
  padding-left: 0px;
  margin-bottom: 0px;
}
section.user-dashboard .user-sidebar .sidebar-menu li{
  position: relative;
}
section.user-dashboard .user-sidebar .sidebar-menu li a{
  position: relative;
  display: block;
  padding: 15px 25px 15px 35px;
  font-size: var(--font-text-size-sm);
  font-weight: 400;
  line-height: 1.3;
  color: var(--blue-color);
  display: flex;
  align-items: center;
  border-bottom: 1px solid var(--border-color-light);
}
section.user-dashboard .user-sidebar .sidebar-menu li a::before{
  content: '\f054';
  font-family: 'Font Awesome 6 Free';
  font-weight: 900;
  font-size: var(--font-text-size-sm);
  color: var(--blue-color);
  display: inline-block;
  position: absolute;
  top: 17px;
  right: 35px;
  line-height: 1;
}
section.user-dashboard .user-sidebar .sidebar-menu li a:hover,section.user-dashboard .user-sidebar .sidebar-menu li a.active{
  background: var(--blue-color);
  color: var(--white-color);
  border-bottom: 1px solid var(--blue-color);
}
section.user-dashboard .user-sidebar .sidebar-menu li a:hover::before,section.user-dashboard .user-sidebar .sidebar-menu li a.active::before{
  color: var(--white-color);
}
section.user-dashboard .user-sidebar .sidebar-footer{
  position: relative;
  margin-top: 30px;
  padding: 25px 35px;
}
section.user-dashboard .user-sidebar .sidebar-footer .user-logout{
  position: relative;
  display: block;
  font-size: var(--font-text-size-sm);
  font-weight: 400;
  line-height: 1.3;
  color: var(--blue-color);
  display: flex;
  align-items: center;
}
section.user-dashboard .user-sidebar .sidebar-footer .support{
  position: relative;
  border-radius: var(--border-radius-sm);
  background: var(--body-header-top-bg);
  padding: 20px;
  margin-top: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

section.user-dashboard .content-box{
  position: relative;
  padding: 60px 120px;
  border-radius: var(--border-radius-sm);
  background: var(--white-color);
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
section.user-dashboard .content-box.other{
  padding: 60px;
}
section.user-dashboard .content-box.other2{
  padding: 60px 20px;
}
section.user-dashboard .content-box .form-group, .custom-form .form-group{
  position: relative;
}
section.user-dashboard .content-box .form-control, .custom-form .form-control{
  position: relative;
  padding: 12px 25px;
  background: var(--body-header-top-bg);
  border-radius: var(--border-radius-sm);
  color: var(--blue-color);
  border: none;
}
section.user-dashboard .content-box .form-control::placeholder, .custom-form .form-control::placeholder{
  color: var(--blue-color);
}
section.user-dashboard .content-box .form-control::-moz-placeholder, .custom-form .form-control::-moz-placeholder{
  color: var(--blue-color);
}
section.user-dashboard .content-box .form-group label, .custom-form label{
  display: block;
  font-size: var(--font-text-size-sm);
  font-weight: 300;
  margin-bottom: 5px;
  color: var(--blue-color);
}
section.user-dashboard .content-box .form-control:focus, .custom-form .form-control:focus{
  outline: none;
  box-shadow: none;
}
section.user-dashboard .content-box .submit-button, .custom-form .submit-button{
  position: relative;
  display: inline-block;
  padding: 12px 25px;
  background: var(--blue-color);
  color: var(--white-color);
  font-size: var(--font-text-size-sm);
  font-weight: 400;
  line-height: 1.2;
  border-radius: var(--border-radius-sm);
  border:none;
  min-width: 150px;
}
.btn-red{
  position: relative;
  display: inline-block;
  padding: 12px 25px;
  background: var(--red-color);
  color: var(--white-color);
  font-size: var(--font-text-size-sm);
  font-weight: 400;
  line-height: 1.2;
  border-radius: var(--border-radius-sm);
  border:none;
  min-width: 150px;
}
section.user-dashboard .content-box .row.first{
  width: 100%;
}

section.user-dashboard .content-box .user-bank-information{
  position: relative;
}
section.user-dashboard .content-box .user-bank-item{
  position: relative;
  padding: 20px;
  border-radius: var(--border-radius-sm);
  border: 1px solid var(--blue-color);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
}
section.user-dashboard .content-box .user-bank-item .image{
  position: relative;
  padding: 15px;
  background: var(--body-header-top-bg);
  border-radius: var(--border-radius-sm);
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
section.user-dashboard .content-box .user-bank-item .image img{
  width: 100%;
}
section.user-dashboard .content-box .user-bank-item .text{
  position: relative;
  padding: 15px 15px 0px 15px;
  width: 100%;
}
section.user-dashboard .content-box .user-bank-item.gray{
  background: var(--body-header-top-bg);
  border: 1px solid var(--body-header-top-bg);
  height: 100%;
}
section.user-dashboard .content-box .user-bank-item.gray .text{
  width: 100%;
}


section.user-dashboard .content-box .user-address-information{
  position: relative;
}
section.user-dashboard .content-box .user-address-item{
  position: relative;
  padding: 20px;
  border-radius: var(--border-radius-sm);
  border: 1px solid var(--blue-color);
  display: flex;
  align-items: center;
  width: 100%;
}
section.user-dashboard .content-box .user-address-item .image{
  position: relative;
  padding: 25px 15px;
  background: var(--body-header-top-bg);
  border-radius: var(--border-radius-sm);
  width: 25%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
section.user-dashboard .content-box .user-address-item .text{
  position: relative;
  padding: 15px 15px 0px 15px;
  width: 75%;
}
section.user-dashboard .content-box .user-address-item.gray{
  background: var(--body-header-top-bg);
  border: 1px solid var(--body-header-top-bg);
}
section.user-dashboard .content-box .user-address-item.gray .text{
  width: 100%;
}

section.user-dashboard .content-box .wallet-balance{
  padding: 10px 25px;
  border-radius: var(--border-radius-xl);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--body-header-top-bg);
  font-size: var(--font-text-size-md);
  font-weight: 700;
  line-height: 1.2;
  color: var(--orange-color);
}
section.user-dashboard .content-box .wallet-balance i, section.user-dashboard .content-box .wallet-balance svg{
  width: 35px;
  height: 35px;
  margin-right: 20px;
}
section.user-dashboard .content-box .user-wallet-list{
  position: relative;
}
section.user-dashboard .content-box .user-wallet-list .user-wallet-item{
  position: relative;
  display: flex;
  align-items: center;
  border-radius: var(--border-radius-sm);
  border: 1px solid var(--blue-color);
  overflow: hidden;
}
section.user-dashboard .content-box .user-wallet-list .user-wallet-item .image{
  position: relative;
  height: 100%;
  border-right: 1px solid var(--blue-color);
}
section.user-dashboard .content-box .user-wallet-list .user-wallet-item .image img{
  width: 150px;
}
section.user-dashboard .content-box .user-wallet-list .user-wallet-item .product-information{
  position: relative;
  padding: 0px 20px;
  border-right: 1px solid var(--border-color-light);
  min-height: 80px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
}
section.user-dashboard .content-box .user-wallet-list .user-wallet-item .product-ask-bid{
  position: relative;
  padding: 0px 20px;
  border-right: 1px solid var(--border-color-light);
  min-height: 80px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
}
section.user-dashboard .content-box .user-wallet-list .user-wallet-item .total-price{
  position: relative;
  padding-left: 20px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
}
section.user-dashboard .content-box .user-wallet-list .user-wallet-item .total-price .gain{
  position: relative;
  padding: 10px;
  border-radius: var(--border-radius-xs);
  text-align: center;
  font-size: var(--font-text-size-sm);
  font-weight: 600;
  color: var(--blue-color);
  background: var(--body-header-top-bg);
}
section.user-dashboard .content-box .user-wallet-list .user-wallet-item .total-price a{
  position: relative;
  padding: 10px;
  display: block!important;
  width: 100%;
  border-radius: var(--border-radius-xs);
  text-align: center;
  font-size: var(--font-text-size-sm);
  font-weight: 600;
  color: var(--white-color);
}


section.user-dashboard .content-box .user-order-list{
  position: relative;
}
section.user-dashboard .content-box .user-order-list .user-order-item{
  position: relative;
  border: 1px solid var(--blue-color);
  border-radius: var(--border-radius-sm);
  display: flex;
  align-items: center;
  overflow: hidden;
}
section.user-dashboard .content-box .user-order-list .user-order-item .image{
  position: relative;
  height: 100%;
  border-right: 1px solid var(--border-color-light);
  width: 35%;
  padding: 20px;
}
section.user-dashboard .content-box .user-order-list .user-order-item .image img{
  width: 150px;
}
section.user-dashboard .content-box .user-order-list .user-order-item .text{
  position: relative;
  padding: 0px 15px;
  width: 85%;
}
section.user-dashboard .content-box .user-order-list .user-order-item .text .price{
  padding-bottom: 15px;
  border-bottom: 1px solid var(--border-color-light);
}
section.user-dashboard .content-box .user-order-list .user-order-item .delete-order{
  font-size: var(--font-text-size-sm);
  color: var(--blue-color);
  line-height: 1;
  position: absolute;
  top: 10px;
  right: 10px;
}


section.product-detail{
  position: relative;
  margin-top: 10px;
  padding: 60px 0px;
  background: var(--body-header-top-bg);
}
section.product-detail .productDetailSlideContent{
  position: relative;
  padding: 20px;
  border-radius: var(--border-radius-sm);
  background: var(--white-color);
}
section.product-detail .productDetailSlideContent .productDetailSlide{
  position: relative;
}
section.product-detail .productDetailSlideContent .productDetailSlide .item{
  position: relative;
}
section.product-detail .productDetailSlideContent .productDetailSlide .owl-nav [class*='owl-'] {
	-webkit-transition: all .3s ease;
	transition: all .3s ease
}
section.product-detail .productDetailSlideContent .productDetailSlide .owl-nav [class*='owl-'].disabled:hover {
	background-color: var(--blue-color);
}
section.product-detail .productDetailSlideContent .productDetailSlide .owl-nav{
  display: block!important; 
  right: 0px;
  font-size: 20px; 
  margin-top: 10px;
}
section.product-detail .productDetailSlideContent .productDetailSlide .owl-prev *, section.product-detail .productDetailSlideContent .productDetailSlide .owl-next *{
  position: relative;
  font-size:12px;
  padding: 10px 25px!important;
  background-color: var(--white-color)!important;
  border-radius: var(--border-radius-xs);
  box-shadow: var(--box-shadow-other);
}
section.product-detail .productDetailSlideContent .productDetailSlide .owl-prev{
  margin-right: 10px;
}
section.product-detail .productDetailSlideContent .productDetailSlide .owl-dots {
	display: none;
}
section.product-detail .productDetailContent{
  position: relative;
}
section.product-detail .productDetailContent .title{
  position: relative;
  font-size: var(--font-text-size-xl);
  font-weight: 700;
  line-height: 1.2;
  color: var(--blue-color);
  margin-bottom: 10px;
}
section.product-detail .productDetailContent .price-box{
  position: relative;
  margin: 20px 0px;
}
section.product-detail .productDetailContent .price-box .price-content{
  position: relative;
  padding: 15px;
  border: 1px solid var(--blue-color);
  border-radius: var(--border-radius-xs);
  text-align: center;
  height: 100%;
}
section.product-detail .productDetailContent .price-box .price-content .price-title{
  position: relative;
  font-size: var(--font-text-size-sm);
  font-weight: 400;
  line-height: 1.2;
  color: var(--blue-color);
  margin-bottom: 5px;
}
section.product-detail .productDetailContent .price-box .price-content .price-value{
  position: relative;
  font-size: var(--font-text-size-md);
  font-weight: 700;
  line-height: 1.2;
  color: var(--blue-color);
  margin-bottom: 0px;
}
section.product-detail .productDetailContent .price-box .price-content .price-earning-content{
  position: relative;
}
section.product-detail .productDetailContent .price-box .price-content .price-earning-content .btn-gold-animation{
  cursor: auto;
  width: 100%;
  padding: 10px 25px!important;
}
section.product-detail .productDetailContent .price-box .price-content .price-earning-content .price-earning-title{
  position: relative;
  font-size: var(--font-text-size-sm);
  font-weight: 400;
  line-height: 1.2;
  color: var(--blue-color);
  margin-bottom: 5px;
}
section.product-detail .productDetailContent .price-box .price-content .price-earning-content .price-earning-value{
  position: relative;
  font-size: var(--font-text-size-md);
  font-weight: 700;
  line-height: 1.2;
  color: var(--blue-color);
  margin-bottom: 0px;
}
section.product-detail .productDetailContent .price-box .price-content .price-physical-content{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
section.product-detail .productDetailContent .installmentContent{
  position: relative;
  padding: 25px 0px;
  border-top: 1px solid var(--border-color-dark);
  border-bottom: 1px solid var(--border-color-dark);
}
section.product-detail .productDetailContent .installmentContent .installment{
  position: relative;
  font-size: var(--font-text-size-sm);
  font-weight: 400;
  line-height: 1.3;
  color: var(--blue-color);
  margin-bottom: 0px;
}
section.product-detail .productDetailContent .qtyContent{
  position: relative;
  padding: 30px 0px;
  border-bottom: 1px solid var(--border-color-dark);
}
section.product-detail .productDetailContent .qtyContent .qtySelect{
  position: relative;
  border: 1px solid var(--blue-color);
  border-radius: var(--border-radius-xs);
  background: transparent;
  color: var(--blue-color);
  height: 49.2px;
  text-align: center;
}
section.product-detail .productDetailContent .qtyContent .qty-title{
  position: relative;
  font-size: var(--font-text-size-sm);
  font-weight: 500;
  line-height: 1.2;
  color: var(--blue-color);
  margin-bottom: 0px;
}
section.product-detail .productDetailContent .qtyContent button{
  width: 100%;
  border: none;
  font-weight: 400;
}
section.product-detail .productDetailContent .productDetailTextContent{
  position: relative;
  padding: 30px 0px;
}
section.product-detail .productDetailContent .productDetailTextContent .title{
  position: relative;
  font-size: var(--font-text-size-sm);
  font-weight: 500;
  line-height: 1.2;
  color: var(--blue-color);
  margin-bottom: 10px;
}
section.product-detail .productDetailContent .productDetailTextContent .text{
  position: relative;
  font-size: var(--font-text-size-sm);
  font-weight: 400;
  line-height: 1.2;
  color: var(--blue-color);
  margin-bottom: 0px;
}