html {
  scroll-behavior: smooth;
}

h1{
    font-size: 2.5rem;
}

.bg-clear {
    position: relative;
    z-index: 0;
}

.reseller-form{
    width: 100%;
    height: 80vh;
    border: none;
}
a{
	text-decoration: none !important;
}
a:hover{
	text-decoration: none !important;
}

.animation-video{
    box-shadow: 8px 0px 27.8px -8px rgba(0, 0, 0, 0.25);
}
.custom-h5{
	font-family: "Montserrat", serif !important;
	text-transform: uppercase !important;
	color: #300F45 !important;
	font-weight: 600 !important;
}
.custom-h6{
	font-family: "Lato", sans-serif;
	font-weight: 400;
	font-style: normal;
	text-transform: uppercase !important;
	font-size: 14px !important;
}

.p-16{
    font-size: 16px !important;
    font-weight: 600 !important;
    text-transform: uppercase;
}
.seemore-text{
    color: #818181;
}
.learnmore-2{
    text-decoration: none;
}
.learnmore-2:hover{
    color: #EB008B !important;
    letter-spacing: 1px !important;
    transition: 0.5s;
}
.img-category{
    width: 100%;
    height: auto;
}
.custom-h3{
    font-family: "Montserrat", serif;
/* 		font-weight: 800 !important; */
    text-transform: uppercase;
    color: #300F45;
    text-align: center;
    margin-bottom: 16px;
    /* font-size: 20px; */
    font-style: normal;
    font-weight: 600 !important;
    line-height: normal !important;
}
.subheader{
    font-family: "Outfit", serif;
    color: #818181;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    margin-bottom: 30px;
}
.section-title{
	margin-bottom: 3em;

	.custom-h3{
		font-family: "Outfit", serif;
/* 		font-weight: 800 !important; */
		text-transform: uppercase;
		color: #300F45;
		text-align: center;
		margin-bottom: 16px;
		/* font-size: 20px; */
		font-style: normal;
		font-weight: 600 !important;
		line-height: normal !important;
	}
	.custom-h5{
		font-family: "Montserrat", serif !important;
		text-transform: uppercase !important;
		color: #300F45 !important;
		font-weight: 600 !important;
	}
	.subheader{
		font-family: "Outfit", serif;
		color: #818181;
		text-align: center;
		font-size: 16px;
		font-style: normal;
		font-weight: 300;
		line-height: normal;
		margin-bottom: 30px;
	}
}
.main-header-img{
    object-fit: cover;
    object-position: center;
    width: 100%;
    /* height: 80vh; */
    /* background: #e0e0e0; */
}
.header-md, .header-sm{
	display: none;
}
.top-icon{
	width: auto;
	height: 30px;
	margin-bottom: 1em;
}
.top-section{
	list-style: none;
	text-decoration: none;
	text-align: center;
	display: flex;
	flex-wrap: wrap;
	padding: 2.3em 0;

	li{
		/*padding: 2em;*/
		margin-bottom: 0;
		color: #190326;
	}
}
.top-label{
	font-family: "Outfit", serif;
	/* font-weight: 500; */
	text-align: center;
	text-transform: uppercase;
	font-size: 14px;
}
.top-label-desc{
    font-family: "Outfit", serif;
    color: #818181;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    margin-bottom: 30px;
}
.product-title{
	font-family: "Outfit", serif;
	font-weight: 600;
	text-transform: uppercase;
	font-size: 20px;
	margin-bottom: 16px;
}
.new-product-title{
	font-family: "Outfit", serif;
	font-weight: 600;
	text-transform: uppercase;
	font-size: 20px;
	margin-bottom: 16px;
    color: #300F45;
}
.product-img{
	width: 100%;
	height: 100%;
	opacity: 1;
	display: block;
	/*transition: .5s ease;*/
	backface-visibility: hidden;
	object-fit: cover;
	object-position: center;
    overflow: hidden;
}
.product-name{
	font-family: "Outfit", serif;
	/*font-weight: 600;*/
	padding-top: 5px;
	text-transform: capitalize;
}
.product-container{
	position: relative;
	width: 100%;
	height: auto;
	object-fit: cover;
	object-position: center;
    overflow: hidden;
}
.middle {
	transition: .5s ease;
	opacity: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	text-align: center;
}
.product-container:hover .product-img {
	/*opacity: 0.3;*/
	-webkit-filter: blur(0px); /* Safari 6.0 - 9.0 */
	filter: blur(0px);
}
.image-turnaround{
    height: 25em;
    width: auto;
    object-fit: cover;
    object-position: center;
		margin-left: auto;
		margin-right: auto;
		display: block;
}
.product-container:hover .middle {
	opacity: 1;
}
.custom-btn {
	background-color: #190326 !important;
    color: white !important;
    font-size: 15px;
    font-family: "Outfit", serif;
    /* font-weight: bold; */
    width: max-content;
    border-radius: 0 !important;
    padding: 9px 9px;
    /* display: flex; */
}
.custom-btn:hover {
	background-color: #190326;
	color: white !important;
	/* font-weight: bold; */
    text-decoration: none;
}

.shipping-icon{
    object-fit: cover;
    object-position: center;
    width: auto;
    height: 25px;
    /*float: right;*/
}

.shipping-partners{
    object-fit: cover;
    object-position: center;
    width: auto;
    height: 5em;
}

.img-list-3{
	width: 100%;
	height: 18em;
	object-fit: cover;
	object-position: center;
	margin-bottom: 1em;
}
.img-title-3{
	font-family: "Lato", sans-serif;
	font-weight: 600;
	text-transform: uppercase;
	font-size: 16px;
	color: #190326;
	margin-bottom: 10px;
    font-style: normal;
    line-height: normal;
}
.img-desc-3{
	text-align: left;
	color: #190326;
	font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}

.middle-text{
	text-align: center;
	background-color: white;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	font-weight: 500;
	color: #4b4b4b;
	padding: 5px 0;
	margin-top: 3em;

	.middle-cyan{
		color: #00ADEE;
		text-decoration: none;
	}
	.middle-cyan:hover{
		color: #00ADEE;
	}
}
.sq-hover{
	/* padding: 2em; */
}
.sq-hover:hover{
/* 	box-shadow: 5px 5px 12px #dedede,-5px -5px 12px #ffffff; */
}
.review-img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	margin-bottom: 1em;
}
.bubble {
	z-index: 9999 !important;
	background-color: #fff;
	display: none;
	position: absolute;
	padding: 1em;
	box-shadow: 0px 0px 65px -24px rgba(0, 0, 0, 0.25);
	/*box-shadow:  20px 20px 60px #d9d9d9,-20px -20px 60px #ffffff;*/
}
.bubble:after {
	z-index: 9998;
	content: '';
	position: absolute;
	display: block;
	width: 0;
	border-style: solid;
	border-color: #ffff transparent;
	border-width: 0 20px 20px;
	top: -20px;
	left: 50%;
	margin-left: -20px;
}
.review-msg{
	line-height: 1.3;
	color: #190326;
	font-size: 14px;
	font-weight: 300;
}
.divider{
	background-color: #a8a8a8;
	max-width: 100% !important;
}
.review-name{
	font-weight: bolder;
	margin-bottom: 0;
	color: #818181;
	text-transform: uppercase;
}
.this-review:hover{
	div.bubble{
		display: block;
	}
}
.review-md{
	display: none !important;
}
.form-img{
	height: 85%;
	width: 100%;
	object-fit: cover;
	object-position: center;
}
/* #btn-submit{
	width: 100%;
	background-color: #190326;
	border: 2px solid #190326;
	color: white;
	transition: transform 0.3s;
}
#btn-submit:hover{
	border: 2px solid #190326;
	background-color: #190326 !important;
	color: white;
	transform: translateY(-5px);
}
input[type=text] {
	border: 1px solid rgba(0,0,0,0.1);
	color: #5E5E5E;
	border-radius: 5px;
}
textarea {
    border: 1px solid rgba(0,0,0,0.1);
	color: #5E5E5E;
	border-radius: 5px;
	margin-bottom: 1em;
}
input[type=text]:focus{
	border: 3px solid rgba(0,0,0,0.1);
	color: #5E5E5E;
}
textarea:focus {
	border: 3px solid rgba(0,0,0,0.1);
	color: #5E5E5E;
}
input[type=email] {
	border: 1px solid rgba(0,0,0,0.1);
	color: #5E5E5E;
	border-radius: 5px;
}
input[type=email]:focus {
	border: 3px solid rgba(0,0,0,0.1);
	color: #5E5E5E;
}
input[type=tel] {
	border: 1px solid rgba(0,0,0,0.1);
	color: white;
	border-radius: 5px;
}
input[type=tel]:focus {
	border: 3px solid rgba(0,0,0,0.1);
	color: #5E5E5E;
}
::placeholder {
	color: #5E5E5E;
	opacity: 1;
}

:-ms-input-placeholder {
	color: #5E5E5E;
}

::-ms-input-placeholder {
	color: #5E5E5E;
} */

@media screen and (max-width:1679px){
	.container{
		padding:0 108px !important;
		max-width:100% !important;
	}
}
@media only screen and (max-width: 1100px) {
	
}

@media screen and (max-width:991px){
	.container{
	    padding:0 60px !important;
	}
	
}
@media screen and (max-width:768px){
	.container{
	padding:0 20px !important;
	}
}
@media only screen and (max-width: 575px){
	
}

@media only screen and (min-width:1680px){
	.container{
	    max-width: 1300px;
		padding:0 !important;
	}
	.container{
	    max-width: 1300px !important;
		padding:0 !important;
	}

    .custom-container{
        max-width: 1300px !important;
        margin-left: auto;
        margin-right: auto;
        padding: 0 !important
    }
    .new-custom-container{
        max-width: 1300px !important;
        margin-left: auto;
        margin-right: auto;
    }
}

.divider-sched{
    padding-top: 0 !important;
}
#why-row{
    margin-top: 5em;
}

table {
  border-collapse: collapse;
  width: 100%;
}

td, th {
  /* border: 1px solid #fff; */
  text-align: left;
  padding: 8px;
}

tr:nth-child(even) {
  background-color: #F8F8F9;
}

.img-list-2{
    object-fit: cover;
    object-position: center;
    width: auto;
    height: 12em;
    margin-right: auto;
    margin-left: auto;
    display: block;
}

.link-turn{
    text-decoration: none !important;
    color: #00ADEE !important;
    font-weight: 700 !important;
}
.link-turn:hover{
    text-decoration: none !important;
    color: #EB008B !important;
    font-weight: 700 !important;
}
.link-turn:active{
    text-decoration: none !important;
    color: #EB008B !important;
    font-weight: 700 !important;
}

.this-details{
    justify-content: space-between;
}

.subold{
    font-weight: 800 !important;
}


.shipping-list{
    list-style: none;
    padding-left: 0;
    display: flex;
    margin-bottom: 3px;
}

.shipping-list li{
    margin-right: 10px;
}

.image-map-2{
    height: 40em;
    width: auto;
    object-fit: cover;
    object-position: center;
	margin-left: auto;
	margin-right: auto;
	display: block;
}
.top-rate{
    color: #190326;
    font-weight: 800 !important;
    font-size: 25px !important;
}
.text-and-img{
    display: block;
    margin-right: auto;
    margin-left: auto;
    object-position: center;
    object-fit: cover;
    height: 30em;
    width: 100%;
    box-shadow: 8px 4px 16.8px 0px rgba(0, 0, 0, 0.25);
}

.phone-model{
    display: block;
    margin-right: auto;
    margin-left: auto;
    height: 80%;
	filter: drop-shadow(0px 4px 14.5px rgba(0, 0, 0, 0.40));
}

.bottom-name{
    margin-top: 2em;
}
.position-name{
    font-size: 20px !important;
    font-weight: 600 !important;
    line-height: 0;
    color: #300f45 !important;
}
.position-title{
    font-size: 15px !important;
    line-height: 0.8;
}

.custom-container-padding {
    padding-top: 60px;
    padding-bottom: 0px;
    background: #fff;
}

.custom-container{
    padding: 0 108px; /* modified by Hugo */
    margin: 3em auto !important;

    p{
        margin-bottom: 1rem !important;
    }
}

.new-custom-container{
    padding: 60px 108px;

    p{
        margin-bottom: 1rem;
    }
}

.magenta-text{
    color: #EB008B !important;
}
.yello-text{
    color: #FFC20E !important;
}
.purple-text{
    color: #391650 !important;
}
.cyan-text{
    color: #00ADEE !important;
}
.shadow{
    box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.25);
}
.btn-primary-2{
    background-color: #EB008B !important;
    border: 1px solid #EB008B !important;
    Color: white !important;
	cursor: pointer;
}
.btn-primary-2:hover{
    background-color: #a4005f !important;
    border: 1px solid #a4005f !important;
    Color: white !important;
	cursor: pointer;
}
.btn-secondary-2{
    background-color: #190326 !important;
    border: 1px solid #0d0113 !important;
    Color: white !important;
	cursor: pointer;
}
.btn-secondary-2:hover{
    background-color: #190326 !important;
    border: 1px solid #0d0113;
    Color: white;
	cursor: pointer;
}
.axiom-logo{
	margin-bottom: 20px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.address-top{
	font-weight: 400;
	margin-bottom: 3em;
	text-align: center
}
.sub-content{
	margin-bottom: 0.5rem;
}
.sub-content, .hyperlink{
margin-bottom: 20px;
line-height: 20px;
color: #818181;
font-style: normal;
font-weight: 500;
}
.sub-content ol li{
	margin-left: 15px !important;
}

.hyperlink:hover{
color: #ec008c;
text-decoration: none;
}

.hyperlink{
text-decoration: none;
}

.static-list{
margin-bottom: 20px;
line-height: 20px;
color: #818181;
font-style: normal;
font-weight: 500;
font-size: 14px;
list-style-type: none;
}

.numbered-list{
margin-bottom: 20px;
line-height: 20px;
color: #818181;
font-style: normal;
font-weight: 500;
font-size: 14px;
margin-left: 15px;
}
.form-side-img{
object-fit: cover;
object-position: center;
width: 100%;
height: auto;
}

.contact-list{
	list-style: none;
	margin-top: 20px;
}
.contact-list li{
	display: flex;
	margin-bottom: 20px;
}
.contact-list li div{
	margin-left: 2em;
}
.contact-list li div a{
	text-decoration: none;
	font-size: 14px;
	color: #4b4b4b;
}
.contact-list li div a:hover{
	color: #00ADEE;
}
.contact-list li span{
	background: #d9d9d9;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.pickup-details{
	background-color: #f9f9f9;
    border: 1px solid #E1E1E1;
    padding: 2em;
}
.pickup-details p{
	font-size: 14px;
	color: #4b4b4b;
}

/* RESELLER STYLESHEET */

.new-four-height:hover{
    .new-four-img-overlay{
        position: absolute;
        object-fit: cover;
        background: rgb(48,15,69);
        background: linear-gradient(135deg, rgba(48,15,69,0) 0%, rgba(48,15,69,1) 100%);
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        /* border-radius: 20px; */
    }
    .new-four-img-content{
        display: flex;
        justify-content: flex-end;
    }
}

.new-four-img{
    position: relative;
    object-position: center;
    object-fit: cover;
    width: 100%;
    height: 100%;
    /* border-radius: 20px; */
}

/* .new-four-img-overlay{
    position: absolute;
    object-fit: cover;
    background: rgb(48,15,69);
    background: linear-gradient(135deg, rgba(48,15,69,0) 0%, rgba(48,15,69,1) 100%);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 20px;
} */
.new-four-img-content{
    display: none;
    position: absolute;
    margin-bottom: 2% !important;
    bottom: 0;
    left: 50%;
    width: 90%;
    text-align: right;
    transform: translate(-50%, 0%);
}

.sqr-img{
    box-shadow: 8px 0px 27.8px -8px rgba(0, 0, 0, 0.25);
    width: 100%;
    height: auto;
}

.light-text {
  color: #818181;
}

.this-size{
  background-color: white !important;
  padding: 2em !important;
  opacity: 0.9;
}

.header-cover-text-1 {
  font-size: 23px !important;
  font-weight: 600;
  line-height: 1.2;
  color: #300b45 !important;
  margin-bottom: 20px;
}

.header-cover-text-2 {
  font-size: 1.5em !important;
  font-weight: 800;
  color: #ffc20e;
  line-height: 1;
  letter-spacing: 3px;
  margin-bottom: 1rem;
}

.upper-case {
  text-transform: uppercase !important;
}

.sgdsgrefwefr {
  text-decoration: none;
  padding: 6px 12px;
}

.join-now {
  background-color: #dd1687;
  border: 1px solid #dd1687;
  color: white;
  font-family: inherit;
}

.join-now:hover {
  background-color: #cb0078;
  border: 1px solid #cb0078;
}

.learn-more {
  width: auto !important;
  margin-left: 10px;
  color: black;
  border: 1px solid #300b45 !important;
  font-family: inherit;
}

.learn-more:hover {
  background-color: #e2e3e4;
}

.discounts-section-container {
  margin-bottom: 48px;
}

.discounts-section {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  justify-items: center;
  padding: 50px 170px;
}

.discounts-section>div {
  padding: 30px;
  text-align: center;
}

.discounts-section img {
  margin-bottom: 15px;
}

.discounts-section p {
  color: rgb(82, 82, 82);
  text-transform: uppercase;
}

.got-questions-container {
  margin: 110px auto;
}

.got-questions {
  padding: 0 315px;
}

.inputs-row-container {
  display: flex;
  justify-content: space-between;
  gap: 30px;
  margin-bottom: 16px;
}

.inputs-row-container>div {
  width: 100%;
}

.got-questions input,
.got-questions select,
.got-questions textarea {
  border: 1px solid rgba(0, 0, 0, 0.1);
  color: #5e5e5e;
  border-radius: 5px;
  padding: 0 15px;
  height: 42px;
  width: 100%;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue",
    sans-serif;
  outline: 0;
  transition: border-color 0.5s ease;
}

.got-questions input:focus,
.got-questions select:focus,
.got-questions textarea:focus {
  border: 2px solid rgba(0, 0, 0, 0.1) !important;
  transition: border-color 0.4s ease;
}

.got-questions select {
  color: black;
}

.got-questions button {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue",
    sans-serif;
}

input.file-upload::file-selector-button {
  margin-top: 9px;
}

.header-img {
  height: 487px;
  object-fit: cover;
}

.card-on-image {
  position: absolute;
  padding: 32px;
  width: 522px;
  right: 93px;
  background-color: #f9f9f8;
  opacity: 0.9;
  top: 50%;
  transform: translateY(-50%);
}

@media (max-width: 767px) {
  .card-on-image {
    position: initial;
    width: 100%;
    transform: initial;
    padding: 24px
  }

  div.who-is-it-for>div {
    margin: auto 0 !important;
    padding: 20px;
  }

  .services {
    overflow: auto;
    scrollbar-width: none;
    /* Hide the scrollbar */
  }

  /* width */
  .services::-webkit-scrollbar {
    width: 0;
    height: 0;
  }

  .services>div {
    flex: 0 0 100%;
    width: 100%;
  }

  .services::-webkit-scrollbar {
    width: 0;
    /* Remove scrollbar space */
    height: 0;
  }

  .got-questions {
    padding: 0 20px !important;
  }

  .inputs-row-container {
    flex-wrap: wrap;
  }
}

@media (max-width: 1025px) {
  .discounts-section {
    padding-left: 10px;
    padding-right: 10px;
    justify-content: center;
    font-size: 13px;
  }

  .who-is-it-for>div {
    margin: auto 50px !important;
    padding: 20px;
  }

  .got-questions {
    padding: 0 150px;
  }
}

.membership-card{
    /*border-radius: 20px;*/
    background: #ffffff;
    box-shadow:  7px 7px 14px #d9d9d9, -7px -7px 14px #ffffff;
    padding-top: 0;
}
.membership-card:hover{
    transform: scale(1.12);
}

.membership-title{
    background-color: #300C44;
    padding: 1em;
    /*border-radius: 20px 20px 0 0;*/
    
    h3{
        color: #FFC20E !important;
        text-align: center !important;
        margin-bottom: 0;
    }
    
    p{
        margin-bottom: 0 !important;
        font-size: 15px;
        text-align: center !important;
    }
}
.membership-content{
  padding: 2em 1em 2em;
}
.content{
  font-size: 22px;
  font-weight: 800;
  color: rgb(48,11,69);
  /*color: #ec008c;*/
  text-transform: capitalize;
  /*margin-bottom: 0 !important;*/
  text-align: center !important;
}
.subcontent{
  font-size: 13px;
  margin-bottom: 0 !important;
  text-transform: capitalize;
  text-align: center !important;
}

.join-btn{
  margin:2em auto 0;
  display: block !important;
}

.unscaled-btn{
  background-color: white !important;
  border: 1px solid #EB008B !important;
  Color: #EB008B !important;
}
.unscaled-btn:hover{
  background-color: #EB008B !important;
  border: 1px solid #EB008B !important;
  Color: white !important;
}

.check-list-new{
  list-style: none;
  padding-left: 0;
}
.check-icon{
  width: 15px;
  height: auto;
  margin-right: 5px;
}
.benefit-icon{
  object-fit: cover;
  object-position: center;
  width: auto;
  height: 35px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  margin-bottom: 10px;
}
.this-col-p{
  margin-top: 1em;
  /* padding-right: 2em; */
}
.reseller-icon{
  object-fit: cover;
  object-position: center;
  width: 25px;
  height: 25px;
  margin-bottom: 1em;
  margin-right: auto;
  margin-left: auto;
  display: block;
}

/* ABOUT US STYLESHEET */

.carousel-slider .carousel-slider__caption .title {
    text-align: left !important;
    font-size: 15px !important;
    padding-left: 10px !important;
    color: #190326 !important;
    margin-bottom: 3em !important;
}
.carousel-slider .carousel-slider__item a:hover{
    text-decoration: none !important;
    .title{
        font-weight: 700 !important;
        font-size: 15px !important;
    }
    img{
        filter: blur(1px) !important;
    }
}

.swiper-button-next::after, .swiper-button-prev::after{
    background-color: white;
    padding: 5px;
}

.swiper-button-next, .swiper-button-prev{
    top: var(--swiper-navigation-top-offset,40%) !important;
}

.btn-primary-2{
    background-color: #EB008B !important;
    border: 1px solid #EB008B !important;
    Color: white !important;
}
.btn-primary-2:hover{
    background-color: #EB008B !important;
    border: 1px solid #EB008B !important;
    Color: white !important;
}
.btn-secondary-2{
    background-color: #190326 !important;
    border: 1px solid #190326 !important;
    Color: white !important;
}
.btn-secondary-2:hover{
    background-color: #190326 !important;
    border: 1px solid #190326;
    Color: white;
}
.timeline-box{
    /*background-color: #EAE6EB;*/
    padding: 15px 15px 5px 15px;
}

.row-container{
    display: table;
    width: 100% !important;
}
.col-container{
    display: inline-grid !important;
}

/* CAREERS STYLESHEET */
.new-header-img{
object-fit: cover;
object-position: center;
height: 80vh;
width: 100%;
background: #e0e0e0;
box-shadow:  15px 15px 39px #bababa, -15px -15px 39px #ffffff;
}
.header-cover-text-1{
font-size: 1.5em !important;
font-weight: 600;
line-height: 1.2;
}
.header-cover-text-2{
font-size: 1.5em !important;
font-weight: 900;
color: #FFC20E;
line-height: 1;
letter-spacing: 3px;
  margin-bottom: 1rem;
}
.header-text{
    position: absolute;
    top: 50%;
    left: 35%;
    transform: translate(35%, -50%);
}
.header-sm{
    display: none;
}
.header{
    object-fit: cover;
    object-position: center;
    height: 80vh;
    width: 100%;
}
.header-text-map{
    position: absolute;
    top: 50%;
    left: 30%;
    right: 0;
    transform: translate(30%, -50%);
}
.icon-first{
    height: 45px;
    width: auto;
    /*margin-bottom: 15px;*/
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.icon-first{
    height: 45px;
    width: auto;
    /*margin-bottom: 15px;*/
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.image-first{
    height: 35em;
    width: 100%;
    object-fit: cover;
    object-position: center;
    box-shadow: -12px 12px 14px -8px rgba(0, 0, 0, 0.25) !important;
    /* border-radius: 10px; */
}
.first-h5{
    text-transform: uppercase;
    font-family: "Lato", sans-serif;
    font-weight: 300;
    font-style: normal;
}
.img-list{
	width: 100%;
	/* height: 18em; */
	object-fit: cover;
	object-position: center;
	margin-bottom: 1em;
}
.img-title{
	font-family: "Outfit", serif;
	font-weight: 600;
	text-transform: uppercase;
	font-size: 16px;
	color: #190326;
	margin-bottom: 10px;
    font-style: normal;
    line-height: normal;
}
.img-desc{
	text-align: left;
	color: #190326;
	font-size: 14px;
    font-style: normal;
    /* font-weight: 500; */
    line-height: normal;
}
.yt-video{
    aspect-ratio: 16 / 9;
    width: 100%;
    height: auto;
}
.map-border-yellow{
border-bottom: .7em solid #FFC20E; 
}
.header-cover-text-1-1{
font-size: 2em !important;
font-weight: 800;
line-height: 0;
}
.header-cover-text-2-2{
font-size: 2.5em !important;
font-weight: 900;
line-height: 1;
letter-spacing: 2px;
  margin-bottom: 1rem;
}
.content-acc{
width: 95% !important;
}
.job-benefits-list li{
line-height: 1.2;
}
.hiring-badge {
background-color: #F5E4FF;
color: #300f45;
padding: 4px 8px;
text-align: center;
border-radius: 5px;
margin-left: 10px;
font-size: 75% !important;
}
.urgent-badge {
background-color: #EB008B;
color: white;
padding: 4px 8px;
text-align: center;
border-radius: 5px;
margin-left: 10px;
font-size: 75% !important;
}
.omg-icon{
    position: absolute;
    bottom: 0%;
    left: 50%;
    transform: translateX(-50%);
    background-color: #fff;
    padding: 10px;
    border-radius: 40px;
    height: 4em;
    width: 4em;
}
.omg-img{
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
}
.info-box-2{
    padding-left: 2em;
    padding-right: 2em;
    .info-box-icon{
        box-shadow: -12px 12px 14px -8px rgba(0, 0, 0, 0.25) !important;
        /*border-radius: 10px !important;*/
    }
}
.accordion-2 {
  background-color: #fff;
  color: #4B4B4B;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  /*border-bottom: 1px solid #f0f0f0;*/
  text-align: left;
  font-size: 15px;
  transition: 0.4s;
  /*margin-bottom: 0 !important;*/
  line-height: 1.3em;
}

.job-title{
      font-weight: 700 !important;
      text-transform: uppercase;
}

.active-2, .accordion-2:hover {
  background-color: #ededed;
  /*color: white;*/
}

.accordion-2:before {
  content: '\002B';
  font-weight: bold;
  float: right;
  margin-left: 25px;
  /*align-items: center;*/
}

.active-2:before {
  content: "\2212";
}

.panel-2 {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  border-bottom: 1px solid #f0f0f0;
}
.job-subtitle{
    font-weight: 600 !important;
    margin-bottom: 12px;
}
.content-panel{
    line-height: 120%;
    padding: 2px 15px;
}
.desc-text{
    padding-left: 1em;
}
.job-benefits-list{
    padding-left: 2em;
}
.job-benefits-list li, .desc-text{
    color: #525252 !important;
    font-size: 15px !important;
    margin-bottom: .5rem;
}
.color-panel{
    color: #525252 !important;
}

/* TURNAROUND STYLESHEET */

.img-list-2 {
    width: 230px;
}

.img-title {
    font-family: "Lato", sans-serif;
    font-weight: 600;
    font-size: 16px;
    font-style: normal;
    margin-bottom: 10px;
}

.img_section {
    padding: 32px 15px;
}

.second_container {
    padding: 0 15px;
    margin-top: 40px;
}
.cutoff-heading {
    text-align: center;
}

.cutoff-subheading {
    padding: 0 15px;
    font-size: 16px;
    color: #818181;
    text-align: center;
    font-family: "Lato", sans-serif;
    font-weight: 500;
}


.shipping-list {
    display: flex;
    list-style: none;
    padding: 0;
}

.shipping_detail_points {
    display: flex;
    flex-direction: column;
}

.shipping-icon {
    margin-right: 10px;
    margin-bottom: 10px;
}

.details_section {
    padding: 0 15px;
}

.shipping-partners-img {
    width: 80px;
    height: 80px;
}

.partners {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 80px;
    background-color: #300B45;
    padding: 35px 93px;
}

.partners h3 {
    color: white;
    font-weight: 600;
    font-family: "Montserrat", sans-serif;
}

.partners-title {
    margin-bottom: 16px;
}

.shipping-section-title {
    font-size: 22px;
    color: #190326;
    text-align: center;
    font-family: "Montserrat", sans-serif;
}

.holiday-schedule-section-title {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.holiday-sched-table {
    width: 100%;
}

.cutoff-time-img img {
    width: 100%;
}

.exceptions-info-box-details {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.exceptions-info-img-box {
    padding: 0 15px;
}

.exceptions-info-list {
    padding: 0 15px;
    margin-bottom: 16px;
}

.text-head {
    text-align: center;
    font-size: 16px;
    font-weight: 900 !important;
    color: #EB008B;
}

.holiday-sched {
    width: 100%;
}

.partners-logo {
    display: flex;
    gap: 30px;
    align-items: center;
}

.holiday-sched {
    border-collapse: collapse;
    font-family: sans-serif;
}

.holiday-sched td {
    padding: 15px 12px;
    border-bottom: 1px solid #d0d0d0;
}

tr:nth-child(even) {
    background-color: #F8F8F9;
}

#heading-title {
    font-size: 22px;
    color: #190326;
    text-align: center;
    font-family: "Montserrat", sans-serif;
}

.holiday-schedule-section-title {
    padding: 0 15px;
}

.turnaround-section-title {
    padding: 0 15px;
}
tbody{
    padding: 0 15px;
}
.subheader{
    font-size: 16px;
    color: #818181;
    font-family: "Lato", sans-serif;
}

.desc-bold{
    font-weight: 900 !important;
    color: #EB008B;
}

.image-turnaround-2{
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
	margin-left: auto;
	margin-right: auto;
	display: block;
}

.holiday-sched td{
    padding: 5px 12px !important;
}

.section-title{
    margin-bottom: 0 !important;
}

@media (min-width: 992px) {
    .row {
        display: flex;
    }

    .third_container {
        padding: 0 108px;
        display: flex;
    }

    .fourth_container {
        display: flex;
        padding: 0 108px;
    }

    .partners-logo {
        display: flex;
        align-items: center;
    }

    .partners-logo img {
        height: 80px;
        margin: 0 70px;
    }

    .holiday-schedule-tables {
        display: flex;
    }

    .exceptions-info-box-details {
        display: flex;
        flex-direction: row;
    }

    .exceptions-info-box {
        padding: 0 108px;
        margin-top: 80px;
    }

    .cutoff-time-info {
        width: 50%;
        padding: 0 15px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .cutoff-time-img {
        width: 50%;
    }

    .fourth_img {
        width: 50%;
        padding: 0 15px;
    }

    .shipping_detail {
        width: 50%;
    }

    .cutoff-time-img img {
        width: 551px;
    }

    .holiday-schedule {
        padding: 0 108px;
        margin-top: 80px;
    }

    .holiday-sched-table {
        width: 100%;
        padding: 0 15px;
    }

    .shipping_detail {
        width: 50%;
    }

    .second_container {
        padding: 0 108px;
        margin-top: 80px;
    }

    .exceptions-info-img-box {
        width: 50%;
        padding: 0 15px;
    }

    .exceptions-info-list {
        width: 50%;
        padding: 0 15px;
        margin-bottom: 16px;
    }

    .holiday-schedule-section-title {
        padding: 0;
    }

    .turnaround-section-title {
        padding: 0;
    }
    .cutoff-subheading {
        padding: 0;
    }
}

/* CONTACT US STYLESHEET */
.magenta-text {
color: #EB008B;
}
.container {
display: flex;
margin-bottom: 115px;
}
.inputs-row-container {
display: flex;
justify-content: space-between;
gap: 30px;
margin-bottom: 16px;
}
.inputs-row-container>div {
width: 100%;
}
.got-questions input,
.got-questions select,
.got-questions textarea {
border: 1px solid rgba(0, 0, 0, 0.1);
color: #5e5e5e;
border-radius: 5px;
padding: 0 15px;
height: 42px;
width: 100%;
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue",
sans-serif;
outline: 0;
transition: border-color 0.5s ease;
}
.got-questions input:focus,
.got-questions select:focus,
.got-questions textarea:focus {
border: 2px solid rgba(0, 0, 0, 0.1) !important;
transition: border-color 0.4s ease;
}
.got-questions select {
color: black;
}
.got-questions button {
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue",
sans-serif;
}
input.file-upload::file-selector-button {
margin-top: 9px;
}
.submit-button {
padding: 12px 45px;
font-size: 13px;
background-color: #00ADEE;
border: 2px solid #00ADEE;
border-radius: 5px;
color: white;
transition: transform 0.3s;
}
.submit-button:hover {
border: 2px solid #00ADEE;
background-color: white !important;
color: #00ADEE;
transform: translateY(-5px);
}
@media (max-width: 767px) {
.container {
flex-direction: column;
}
}
@media (max-width: 1025px) {
.inputs-row-container {
flex-wrap: wrap;
}
.got-questions {
padding: 0 8px;
}
}

/* FORM BUILDER */
.submissionScreenContainer {
    padding: 20px 240px;
    width: 90% !important;
    background-color: #ffffff;
    overflow: hidden;
}

@media screen and (max-width: 1024px) {
    .submissionScreenContainer {
        padding: 20px 60px;
    }
}

@media screen and (max-width: 600px) {
    .submissionScreenContainer {
        padding: 20px 40px;
    }
}



/* Jarallax */

.jarallax {
    position: relative;
    z-index: 0;
}
.jarallax > .jarallax-img {
    position: absolute;
    object-fit: cover;
    /* support for plugin https://github.com/bfred-it/object-fit-images */
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: -1;
}

.jarallax > .overlay-jarallax{
    position: absolute;
    object-fit: cover;
    background: rgb(0,0,0);
    background: linear-gradient(0deg, rgba(11,11,11,1) 0%, rgba(0,0,0,0) 100%);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.jarallax-content-bottom{
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
    margin-bottom: 5%;
    width: 70%;
}


/* DETAILS MODAL */

.details-modal {
  background: #ffffff;
  border-radius: 0.5em;
  box-shadow: 0 10px 20px rgba(black, 0.2);
  left: 50%;
  max-width: 90%;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 30em;
  text-align: left;
  max-height: 90vh;
  display: flex;
  flex-direction: column;

/* CLOSE */

  .details-modal-close {
    align-items: center;
    color: #111827;
    display: flex;
    height: 4.5em;
    justify-content: center;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 4.5em;

    svg {
      display: block;
    }
  }

/* TITLE */

  .details-modal-title {
    color: #111827;
    padding: 1.5em 2em;
    pointer-events: all;
    position: relative;
    width: calc(100% - 4.5em);

    h1 {
      font-size: 1.25rem;
      font-weight: 600;
      line-height: normal;
    }
  }

/* CONTENT */

  .details-modal-content {
    border-top: 1px solid #e0e0e0;
    padding: 2em;
    pointer-events: all;
    overflow: auto;
  }
}

/* OVERLAY */

.details-modal-overlay {
  transition: opacity 0.2s ease-out;
  pointer-events: none;
  background: rgba(#0f172a, 0.8);
  position: fixed;
  opacity: 0;
  bottom: 0;
  right: 0;
  left: 0;
  top: 0;

  details[open] & {
    pointer-events: all;
    opacity: 0.5;
  }
}

.review-list{
    list-style-type: none;
    display: flex;
}
.testimonial-bg{
    background: #FFF;
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.25);
    margin-right: auto;
    margin-left: auto;
}



/* START OF ACCORDION CSS FOR TEMPLATES ONLY */
.accordion-body{
    ol{
        padding-left: 1em !important;
    }

    ol li{
        line-height: 1.5 !important;
        margin-bottom: 0.4rem;
    }
}
.accordion-button:not(.collapsed){
    background-color:#f9f5fc !important;
    color: #190326 !important;
    box-shadow: none !important;
}
.accordion-button:focus{
    box-shadow: none !important;
}
.accordion-item{
    border: none !important;
}
.accordion-header{
    border-bottom: 1px solid #f2f2f2 !important;
}
.accordion-button{
    padding: 10px 1rem;
}
.accordion-button:hover{
    background-color:#f9f5fc !important;
    color: #190326 !important;
}
.read-more-link:hover{
    text-decoration: underline !important;
    color: #0358b3 !important;
}
.accordion-item:first-of-type{
    border-top-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
/* END OF ACCORDION CSS FOR TEMPLATES ONLY */



//homepage custom css

.new-banner{
    object-fit: cover;
    object-position: left;
    /* height: 80vh; */
}

.view-all{
    color: #EB008B;
    text-decoration: none;
    font-size: 13px;
}
.view-all:hover{
    color: #da007f !important;
    text-decoration: underline !important;
}

.homepage-list{
    list-style: none;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
}

.homepage-list li{
    margin-right: 1rem;
}

.step-icon{
    width: 5rem;
    height: auto;
    margin-left: auto;
    display: block;
}

/* FILE PREPARATION GUIDELINE CSS */

.custom-nav-link {
    margin: 0.5rem 0 !important;
    border: 1px solid #d3d3d3 !important;
}

.custom-nav-link:hover,
.nav-pills .custom-nav-link.active {
    border: 1px solid #300f45 !important;
    background-color: #300f45 !important;
    color: white !important;
}


/* SWIPER LOGO */
/* .swiper{
    width: 100%;
    padding: 50px 0;
    pointer-events: none;
}
.swiper-slide, .swiper-testimonials{
    position: relative;
    width: 250px;
    user-select: none;
}
.swiper-slide img{
    width: 10rem;
    height: auto;
    margin-right: auto;
    margin-left: auto;
    display: block;
}
.swiper-wrapper{
    transition-timing-function: linear !important;
} */


.brand-item{
    width: 10rem;
    height: auto;
    margin-right: auto;
    margin-left: auto;
    display: block;
    /* filter: grayscale(1); */
}

/* .brand-item:hover{
    filter: grayscale(0);
} */


/* New List style for homepage */


        /* font awesome import */
        @import url("https://pro.fontawesome.com/releases/v6.0.0-beta1/css/all.css");

        .ul-circles * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
        }
        .ul-circles {
        --innerSize: 10rem;
        --rimSize: 2rem;

        display: grid;
        grid-template-columns: repeat(var(--repeatVal, 1), calc(var(--innerSize)));
        justify-content: center;
        gap: var(--rimSize);

        padding: var(--rimSize);
        font-family: sans-serif;
        list-style: none;
        }
        .ul-circles.ul-circles-vertical {
        --repeatVal: 1;
        }

        .ul-circles > li {
        display: grid;
        grid-template-rows: 1fr 1fr;
        gap: calc(var(--rimSize) / 16);

        aspect-ratio: 1/1;
        padding: calc(var(--rimSize) / 16);
        border-radius: 100%;

        text-align: center;
        position: relative;
        font-weight: 800;
        color: #300f45 !important;
        }
        .ul-circles > li::before,
        .ul-circles > li::after {
        content: "";
        position: absolute;
        aspect-ratio: 1/1;
        border-radius: inherit;
        z-index: -1;
        }

        .ul-circles > li::before {
        width: calc(100% + calc(2 * var(--rimSize)));
        left: calc(var(--rimSize) * -1);
        top: calc(var(--rimSize) * -1);
        background: var(--accent-color);
        clip-path: polygon(
            var(--clipX1, 0%) var(--clipY1, 0%),
            var(--clipX2, 50%) var(--clipY1, 0%),
            var(--clipX2, 50%) var(--clipY2, 100%),
            var(--clipX1, 0%) var(--clipY2, 100%)
        );
        box-shadow: inset 2px -2px 10px rgba(255, 255, 255, 0.25),
            inset -2px 2px 10px rgba(0, 0, 0, 0.5);
        }

        .ul-circles > li:nth-child(even)::before {
        --clipX1: 50%;
        --clipX2: 100%;
        }

        @media (min-width: 40rem) {
        .ul-circles {
            --repeatVal: auto-fit;
        }
        .ul-circles:not(.ul-circles-vertical) > li:nth-child(even)::before {
            --clipX1: 0%;
            --clipY1: 0%;
            --clipX2: 100%;
            --clipY2: 50%;
        }
        .ul-circles:not(.ul-circles-vertical) > li:nth-child(odd)::before {
            --clipX1: 0%;
            --clipY1: 50%;
            --clipX2: 100%;
            --clipY2: 100%;
        }
        }

        .ul-circles > li::after {
        width: 100%;
        background: #fdfdfd;
        box-shadow: -0.5rem 0.5rem 0.5rem rgba(0, 0, 0, 0.25);
        }

        .ul-circles > li > i {
        font-size: 2.5rem;
        color: var(--accent-color);
        align-self: end;
        }


/* .team-img{
    height: 25rem;
    width: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 10px 10px 0 0;

	overflow:hidden;
}
.team-img:hover{
    transform: scale(1.25);
    transition: .5s ease;
} */

.team-name{
    text-transform: uppercase;
    margin-bottom: .5rem !important;
    color: #300f45;
    font-weight: 800;
}
.team-position{
    color: #300f45;
}
.team-social{
    height: auto;
    width: 2rem;
}
.team-bg{
    background-color: #F8F7FF;
    padding: 0;
    border-radius: 10px;
	overflow:hidden;
}

.img-container .team-img{
    /* height: 25rem; */
    height: auto;
    width: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 10px 10px 0 0;
	overflow:hidden;
}
.img-container:hover .team-img{
    transform: scale(1.25);
    transition: .5s ease;
}

.team-name-card{
    background-color: #F8F7FF;
    border-radius:  0 0 10px 10px;
	overflow:hidden;
    position: relative;
    z-index: 1;
}