/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

/* General */
h1, h2, h3, h4, h5, h6, p, ul {
	padding: 0;
	margin: 0;
}

a {
  text-decoration: none;
}

ol, ul {
  margin: 0;
}


/* Top Header */
.top-bar-have-question {
	display: flex;
	justify-content: center;
}

.top-bar-language-switcher ul {
  display: flex;
}

.top-bar-language-switcher .wpml-ls-item-fr {
  order: 1;   
}

.top-bar-language-switcher .wpml-ls-item-en {
  order: 2;   
}

.top-bar-language-switcher .wpml-ls-item-de {
  order: 3;   
}

.top-bar-language-switcher .wpml-ls-item-it {
  order: 4;
}

.top-bar-language-switcher {
	font-size: 13px;
}

.top-bar-language-switcher .wpml-ls-current-language a {
	color: #e80606;
}

@media screen and (max-width: 769px) {
	.top-bar-have-question {
		align-items: center;
	}
	
	.top-bar-language-switcher ul {
		justify-content: center;
	}
}


/* Header */
.site-header .header-image {
  max-width: unset;
}

.main-navigation .main-nav {
  width: 100%;
}

.main-navigation .inside-navigation ul {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  font-size: 18px;
}

.inside-navigation ul li {
  margin-right: 40px;
}

@media screen and (min-width: 769px) {
	.inside-navigation ul li:first-child {
		margin-left: 2em;
	}

	.inside-navigation ul li:first-child,
	.inside-navigation ul li:nth-child(2) {
		margin-right: 1em;
		background: #fff;
		padding: 3px 18px;
		border: 2px solid #fff;
	}

	.inside-navigation ul li:first-child a,
	.inside-navigation ul li:nth-child(2) a {
		color: #e80606;
		font-weight: 700;
	}

	.inside-navigation ul li:first-child:hover,
	.inside-navigation ul li:nth-child(2):hover {
		opacity: 1;
		background: #e80606;
	}

	.main-navigation .inside-navigation .main-nav ul.menu li:first-child:hover a,
	.main-navigation .inside-navigation .main-nav ul.menu li:nth-child(2):hover a {
		color: #fff;
	}
}

.inside-navigation ul li:nth-child(3),
.inside-navigation ul li:nth-child(4) {
  margin-right: 20px;
  font-size: 16px;
}

.inside-navigation ul li:nth-child(3) {
  margin-left: auto;
}

.main-navigation .inside-navigation ul li:nth-child(3) a,
.main-navigation .inside-navigation ul li:nth-child(4) a {
  color: rgba(255,255,255,0.8);
}

.main-navigation .inside-navigation ul li:nth-child(3):hover a,
.main-navigation .inside-navigation ul li:nth-child(4):hover a {
  color: rgba(255,255,255,1);
}

.main-navigation .main-nav ul li a {
  padding: 0;
}

.main-navigation a {
  font-size: inherit;
}

.main-navigation .main-nav ul li a {
  line-height: unset;
}

.main-navigation .main-nav>ul {
  flex-wrap: nowrap;
}

.nav-float-right #site-navigation {
  width: 100%;
}


/* Content  */
.header-underline-red, .header-margin-bottom-parent .header-underline-red {
  padding-top: 0;
  padding-bottom: 20px;
  position: relative;
}
  
.header-underline-red::after, .header-margin-bottom-parent .header-underline-red::after {	
  content: "";
  display: block;
  border-bottom: 3px #e80606 solid;
  width: 2000px;
  transform: translateX(-99.5%);
  bottom: 0;
  padding-bottom: 20px;
  position: absolute;
}

.lineEnds.finally {  
  display: inline-block;
  border-bottom: 3px solid #e80606;
  width: 2000px;
  transform: translateX(-100%);
  bottom: 0;
  position: absolute;
}

.header-underline-red-right, .header-margin-bottom-parent .header-underline-red-right {
  display: inline-block;
  border-bottom: 3px #e80606 solid;
  padding-top: 0;
  padding-bottom: 20px;
  position: relative;
}

.header-underline-red-right::after, .header-margin-bottom-parent .header-underline-red-right::after {	
  content: "";
  display: block;
  border-bottom: 3px #e80606 solid;
  width: 500%;
  transform: translateX(20%);
  padding-bottom: 20px;
  position: absolute;
}

.red-line-overflow {
  overflow: hidden;
}

.header-underline-white, .header-margin-bottom-parent .header-underline-white {	
  padding-top: 0;
  padding-bottom: 20px;
  position: relative;
}

.header-underline-white::after, .header-margin-bottom-parent .header-underline-white::after {
  content: "";
  display: block;
  border-bottom: 3px #fff solid;
  width: 2000px;
  transform: translateX(-99.5%);
  bottom: 0;
  padding-bottom: 10px;	
  position: absolute;
}

.lineEnds-white.finally-white {  
  display: inline-block;
  border-bottom: 3px solid #fff;
  width: 2000px;
  transform: translateX(-100%);
  bottom: 0;
  position: absolute;
}

.header-underline-white-only {	
  text-decoration: underline;
  text-decoration-color: #fff;
}

.ul-red-dots ul li::marker,
.ul-red-dots ol li::marker {
  color: #e80606;
}

.paragraph-anchor-white a {
  color: #fff;
}

.check-list-red ul li {
  margin-bottom: 1em;
}

.grid-gap {
  gap: 8%;
}

.commercial-invoice ul li,
.commercial-invoice ol li {
  margin-bottom: 1em;
  margin-left: 1em;
}

/* 
.commercial-invoice, .holidays-of-countries {
}
*/

/* 
.prohibited-import, .check-list-red {
}
*/

.prohibited-import ul li {
  margin-bottom: 1em;
  margin-left: 1em;
}

.import-and-how-to a {	
  text-decoration: underline;
}
/* 
.special_red_button .has-red-exp-background-color {
  background-color: #fff;
  color: #e80606;
  border: 1px solid #000;
}

.special_red_button .has-red-exp-background-color:hover {
  background-color: #e80606;
  color: #fff;
  border-color: #e80606;
  cursor: pointer;
} */

/* CTA - Using GeneratePress Button */
.special_red_button_gp {
	background-color: #e80606;
	color: #fff;
	border: 1px #e80606 solid;
}

.special_red_button_gp:hover,
.special_red_button_gp:focus {
	background-color: #fff;
	color: #e80606 !important;
	border-color: #e80606 !important;
}


/* In The Press */
.in-the-press > div {
width: 100%;
margin: 0;
margin-bottom: 14rem;
display: grid;	
grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));	
grid-column-gap: 12rem;
grid-row-gap: 14rem;
justify-items: center;	
}

@media screen and (max-width: 1142px) {
.in-the-press > div {
  grid-column-gap: 7rem;
}
}

@media screen and (max-width: 952px) {
.in-the-press > div {
  grid-column-gap: 5rem;
  grid-row-gap: 8rem;
}
}

.in-the-press-item--hide {
display: none;
}

.in-the-press-item-contact {
grid-row: 1 / 2;
grid-column: 1 / -1;
transform: translateY(7rem);
}

@media screen and (max-width: 952px) {
.in-the-press-item-contact {
  transform: translateY(4rem);
}
}

.in-the-press-item > div {
display: flex;
flex-direction: column;
}

.in-the-press-item--date {
font-size: 0.8rem;
margin-bottom: .5rem;
}

.in-the-press .wp-block-image.in-the-press--logo {
height: 5rem;
max-width: 12rem;
margin-bottom: 2rem;
}

.in-the-press .wp-block-image.in-the-press--logo img {
max-height: 5rem;
}

.in-the-press-item--button .wp-block-button__link {
width: fit-content;
padding: 0.4rem 1.5rem;
border: #555 1px solid;
color: #555;
background-color: #fff;
font-size: 1rem;
cursor: pointer;
}

.in-the-press-item--button .wp-block-button__link:hover {
color: #fff;
background-color: #e80606;
border-color: #e80606;
}

.in-the-press-item--button-main .wp-block-button__link {
padding: 0.4rem 2.5rem;
}

.in-the-press-item--button-main-de .wp-block-button__link {
padding: 0.4rem 1.4rem;
}


/* Discount Request  */
.discount-request-form {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 1rem;
  grid-row-gap: 2rem;
}

.dr-monthly-volume-label,
.dr-type-label,
.dr-contact-label {
  text-align: end;
  align-content: center;
}

.dr-type-label {
  align-content: start;
}

.dr-type-label-helper {
  font-size: .85rem;
  font-style: italic;
}

.dr-monthly-volume-select,
.dr-type-select,
.dr-contact-input {
  width: 20rem;
}

.dr-type-select {
  display: flex;
  flex-direction: column;
}

.dr-submit input {
  margin-top: 2rem;
}

@media only screen and (max-width: 1080px) {
  .discount-request-form {
    grid-template-columns: 1fr;
    justify-items: center;
    grid-row-gap: 1rem;
  }

  .dr-monthly-volume-label,
  .dr-type-label,
  .dr-contact-label {
    text-align: center;
  }

  .dr-monthly-volume-select,
  .dr-type-select,
  .dr-contact-input {
    margin-bottom: 2rem;
  }
}

.dr-type-select input {
  height: 16px;
  width: 16px;
  accent-color: #e80606;
}

.dr-submit {
grid-column: 1 / -1;
}

.dr-submit,
.contact-submit {
display: flex;
justify-content: center;
}

.dr-submit input,
.contact-submit input {
color: #333;
background-color: #fff;
border: 1px solid #333;
font-weight: 700;
padding: .5rem 6rem;
}

.contact-submit input {
margin-top: 3rem;
padding: .8rem 10.5rem;
}

.dr-submit input:hover,
.contact-submit input:hover {
background-color: #e80606;
color: #fff;
border-color: #e80606;
}

.dr-submit span,
.contact-submit span {
display: none;
}


/* Footer */
.footer-grid-first > div {
align-self: start;
}

.footer-grid-second {
  align-items: center;
}

.footer-grid-third > div {
display: flex;
flex-direction: column;
  align-self: end;
}
	
.footer-grid-third .footer-follow-us-links li:last-child {
	align-self: flex-start;
}
  
@media screen and (max-width: 768px) {
  .footer-grid-first > div {
    align-self: center;
  }
  
  .footer-grid-third * {
    justify-content: center;
    text-align: center;
  }
  
  .footer-grid-third > div {
    align-self: center;
  }
	
  .footer-grid-third .footer-follow-us-links ul {
	justify-content: center;
  }
	
  .footer-payment-cards {
	flex-direction: row;
  }
	
  .footer-grid .footer-grid-third .footer-payment-cards > div {
	width: fit-content;
  }
	
  .footer-logo img {
	width: 150px;
  }
}


/* The Team Page */
.the-team-img-parent .eihe-box {
	border: 1px solid transparent;
	text-align: center;
}

.the-team-img-parent .eihe-box:hover {
	border: 1px solid #333;
}


/* Why Use Us - Page - New */
.why-use-us-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.why-use-us-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 300px;
  height: 300px;
  border: 3px solid transparent;
  background-color: #f0f0f0;
  margin: 8px;
  padding: 2px;
  position: relative;
  box-sizing: border-box;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.why-use-us-item:hover {
  background-color: #fff;
  border-color: #f0f0f0;
  cursor: pointer;
}
.why-use-us-item-front {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
  opacity: 1;
}
.why-use-us-item:hover .why-use-us-item-front {
  opacity: 0;
  z-index: -1;
}
.why-use-us-hover-content a {
  color: #e80606;
  text-decoration: none;
}
.why-use-us-front-inside {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  height: 300px;
  width: 300px;
  font-size: 20px;
  color: #e80606;
}
.why-use-us-img-parent {
  text-align: center;
}
.why-use-us-item:nth-child(1) .why-use-us-img-parent {
  margin-bottom: 12px;
}
.why-use-us-item:nth-child(2) .why-use-us-img-parent {
  transform: translateY(-4px);
}
.why-use-us-item:nth-child(2) .why-use-us-img-parent img {
  width: 170px;
}
.why-use-us-item:nth-child(3) .why-use-us-img-parent {
  margin-bottom: -20px;
}
.why-use-us-item:nth-child(3) .why-use-us-img-parent img {
  width: 180px;
}
.why-use-us-item:nth-child(4) .why-use-us-img-parent img {
  width: 150px;
}
.why-use-us-item:nth-child(2) .why-use-us-title {
  transform: translateY(-16px);
}
.why-use-us-item:nth-child(3) .why-use-us-title {
  transform: translateY(-11px);
}
.why-use-us-item:nth-child(4) .why-use-us-title {
  transform: translateY(-9px);
}
.why-use-us-title {
  width: 220px;
  text-align: center;
}
.why-use-us-title-carriers-en {
  width: 160px;
}
.why-use-us-title-carriers-de {
  width: 270px;
}
.why-use-us-hover {
  padding: 10px;
  font-size: 12px;
  opacity: 0;
}
.why-use-us-hover-header {
  margin-bottom: 6px;
}
.why-use-us-hover-content:not(:last-child) {
  margin-bottom: 12px;
}
.why-use-us-hover-logo {
  display: grid;
  grid-template-rows: repeat(2, 1fr);
  grid-template-columns: repeat(3, 1fr);
  align-items: center;
  justify-items: center;
  gap: 10px;
}
.why-use-us-hover-logo img {
  height: 20px;
}
.why-use-us-item:nth-child(2) .why-use-us-hover-content {
  margin-bottom: 12px;
}
.why-use-us-item:nth-child(3) .why-use-us-hover {
  padding: 30px 20px;
}
.why-use-us-item:hover .why-use-us-hover {
  opacity: 1;
}
.why-use-us-img, .why-use-us-title {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.button-width-300 {
	width: 300px;
}

[class*=" why-use-us-item"]:hover .why-use-us-hover, [class*=" why-use-us-item"]:hover .why-use-us-item-front-inside, [class^=why-use-us-item]:hover .why-use-us-hover, [class^=why-use-us-item]:hover .why-use-us-item-front-inside {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}

.why-use-us-item, .why-use-us-item * {
  box-sizing: border-box;
  -webkit-transition: all 0.4s ease;
  transition-duration: 0.4s;
  transition-timing-function: ease;
  transition-delay: 0s;
  transition-property: all;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
  transition-duration: 0.4s;
  transition-timing-function: ease;
  transition-delay: 0s;
  transition-property: all;
}


/* Our Partners - Note: This page uses why-use-us css too */
.our-partners .why-use-us-item:nth-child(1) .why-use-us-img {
  height: 50px;
}

.our-partners .why-use-us-item:nth-child(2) .why-use-us-img {
  width: unset;
  height: 52px;
}

.our-partners .why-use-us-item:nth-child(3) .why-use-us-img {
  width: unset;
  height: 65px;
  transform: translate(-8px, -8px);
}

.our-partners .why-use-us-item:nth-child(4) .why-use-us-img {
  width: 130px;
}

.our-partners .why-use-us-item:nth-child(5) .why-use-us-img {
  width: 190px;
}

.our-partners .why-use-us-item:nth-child(6) .why-use-us-img {
  width: 160px;
}

.our-partners .why-use-us-item:nth-child(7) .why-use-us-img {
  width: 210px;
  transform: translateX(-7px);
}


/* Contact Page */
.contact-grid {
	display: grid;	
	grid-template-columns: repeat(2, minmax(45%, 1fr));	
	grid-column-gap: 10%;
	grid-row-gap: 1.5rem;
	justify-items: center;
}

@media screen and (max-width: 600px) {
	.contact-grid {
	  grid-template-columns: 90%;
	  justify-content: center;
	}

	.contact-submit input {
	  padding: .5rem 6rem;
	}
}

.contact-grid-item,
.contact-grid-item input,
.contact-grid-item select {	
	width: 100%;
}

.contact-person,
.contact-phone-number {
	margin-bottom: 1.5rem;
}

.contact-grid .contact-grid-item:nth-child(3) {
	grid-column: 1 / -1;
}

.contact-grid-item .contact-description {
	resize: none;
}


/* HOMEPAGE - NEW */
.homepage-menu-container .gb-inside-container {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 5px;
row-gap: 20px;
}

.homepage-menu-item {
position: relative;
}

.homepage-menu-item .gb-inside-container:hover .homepage-menu-list {
display: inline-block;
}

.homepage-menu-list {
list-style: none;
background-color: #e80606;
max-width: 300px;
min-width: 150px;
max-height: 300px;
display: none;
overflow: hidden;
overflow-y: scroll;
white-space: nowrap;
position: absolute;
top: 100%;
left: auto;
z-index: 10;
border-top: 4px solid #fff;
border-bottom: 1px solid #e80606;
}

@media only screen and (max-width: 383px) {
.homepage-menu-list {
  left: auto;
}
}

.homepage-menu-list-send {
left: 0;
}

.homepage-menu-list::-webkit-scrollbar {
width: 10px;
}

.homepage-menu-list::-webkit-scrollbar-track {
box-shadow: inset 0 0 5px #fff;
}

.homepage-menu-list::-webkit-scrollbar-thumb {
background: #fab5b5;
border-top: 1px solid #e80606;
border-right: 1px solid #e80606;
}

.homepage-menu-list::-webkit-scrollbar-thumb:hover {
background: #fff;
}

.homepage-menu-list li {
position: relative;
border: 1px solid #e80606;
text-align: start;
}

.homepage-menu-list li:not(:first-child):hover {
background-color: #fff;
}

.homepage-menu-list li:not(:first-child):hover a {
color: #e80606;
}

.homepage-menu-list li:not(:first-child):not(:last-child)::after {
content: "";
position: absolute;
border-bottom: #fff 1px solid;
left: 5%;
width: 90%;
}

.homepage-menu-list li:not(:first-child):hover::after {
border-bottom-color: #fff;
left: 0;
width: 100%;
}

.homepage-menu-list li a {
display: block;
padding-left: 10px;
color: #fff;
font-weight: 700;
text-transform: capitalize;
}

.homepage-menu-list a .menu-image {
display: none;
}

.homepage-menu-item-child {
height: 174px;
cursor: pointer;
}

.homepage-menu-item-child .gb-inside-container {
gap: 0;
}

.homepage-menu-item-child figure img {
max-height: 76px;
}

.homepage-main-search {
width: 50%;
}

@media screen and (max-width: 1300px) {
.homepage-main-search {
  width: 60%;
}	
}

@media screen and (max-width: 1100px) {
.homepage-main-search {
  width: 75%;
}	
}

@media screen and (max-width: 800px) {
.homepage-main-search {
  width: 100%;
}	
}

.homepage-menu-list-search {	
display: flex;
justify-content: center;
align-content: center;
align-items: center;
padding-left: 5px;
}

.homepage-menu-list-search input {
height: 25px;
border: 1px solid #e80606;	
background-color: #e80606;
color: #fff;
font-weight: 700;
}

.homepage-menu-list li:first-child:hover input, 
.homepage-menu-list-search input[type="text"]:focus {
background-color: #fff;
color: #333;
outline: 1px solid #e80606;
}

.homepage-menu-list-search input::placeholder {
color: #fff;
}

.homepage-menu-list li:first-child:hover input::placeholder, 
.homepage-menu-list li:first-child:focus input::placeholder, 
.homepage-menu-list-search input:focus::placeholder {
color: #333;
}

.homepage-menu-list-search svg {
fill: #fff;
}

.homepage-result {
  margin: 0 10vw;
  margin-bottom: 60px;
  width: 100%;
}

.homepage-result .page-title {
  font-size: 29px;
  text-align: center;
  text-transform: uppercase;
}

.homepage-result .entry-title {
  font-size: 24px;
  font-weight: 700;
  text-transform: uppercase;
}

.homepage-result .entry-title a {
  color: #e80606;
}

.homepage-result .entry-title a:focus,
.homepage-result .entry-title a:hover {
  text-decoration: underline;
}

.homepage-result .entry-summary {
  margin-top: 5px;
}

@media screen and (max-width: 768px) {	
	.homepage-result {
		margin: unset;
		margin-bottom: 60px;
	}
}


/* Shipment Form - Leysin American School */
.shipment-form {
  background: #fff;
  margin: 0 auto;
  padding: 40px;
  min-width: 300px;
  max-width: 1600px;
}

.shipment-form-container {
  padding-top: 50px;
  margin-bottom: 50px;
}

.shipment-form .tab-one {
  margin-bottom: 60px;
}

.shipment-form .tab-one-header {
  text-align: center;
  margin-bottom: 40px;
  font-weight: 700;
}

.shipment-form .tab-one-description {
  font-size: 18px;
  text-align: center;
  margin-bottom: 50px;
}

.shipment-form .tab-one-card {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.shipment-form .tab-one-card-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
  grid-gap: 4rem 2rem;
  align-items: start;
}

.shipment-form .tab-one-card > * {
  max-width: 90%;
}

.shipment-form .tab-one-card-icon {
  margin-bottom: 1.5rem;
}

.shipment-form .tab-one-card-icon-img {
  max-width: 80px;
}

.shipment-form .tab-one-card-icon .death-skull {
  transform: rotate(20deg);
  width: 65px;
}

.shipment-form .tab-one-card-icon .plant {
  transform: translateX(6px);
}

.shipment-form .tab-one-card-icon .seeds {
  transform: rotate(20deg) translateY(0.6rem) translateX(-6px);
  width: 55px;
}

.shipment-form .tab-one-card-icon .coffin {
  transform: scale(1.3);
}

.shipment-form .tab-one-card-icon .drugs {
  transform: scale(1.7);
}

.shipment-form .tab-one-card-icon .leaf {
  transform: translateX(10px);
}

.shipment-form .tab-one-card-icon .cigarette {
  transform: translateX(-10px);
}

.shipment-form .tab-one-card-text {
  text-align: center;
}

.shipment-form .tab-two {
  margin-bottom: 60px;
}

.shipment-form .tab-two-header {
  text-align: center;
  margin-bottom: 40px;
  font-weight: 700;
}

.shipment-form .tab-two-header-contact {
  font-weight: 400;
  margin-bottom: 60px;
}

.shipment-form .tab-two-header-delivery {
  font-weight: 400;
  margin-bottom: 20px;
  margin-top: 50px;
}

.shipment-form .tab-two-header-alternative {
  margin-bottom: 0;
}

.shipment-form .tab-two-description {
  font-size: 18px;
  text-align: center;
  margin-bottom: 40px;
}

.shipment-form .tab-two-delivery-inputs {
  display: grid;
  justify-content: center;
  grid-template-columns: repeat(auto-fit, minmax(18rem, 22rem));
  grid-column-gap: 3rem;
  grid-row-gap: 1rem;
  margin-bottom: 60px;
}

.shipment-form .tab-two-delivery-inputs > div {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.shipment-form .tab-three {
  margin-bottom: 60px;
}

.shipment-form .tab-three-header {
  text-align: center;
  margin-bottom: 40px;
  font-weight: 700;
}

.shipment-form .tab-three-card {
  position: relative;
  border: 1px solid #999;
  padding: 1.5rem;
  padding-top: 1rem;
  height: 324px;
}

.shipment-form .tab-three-card-container {
  margin: 100px 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, 210px);
  justify-content: center;
  grid-column-gap: 1rem;
  grid-row-gap: 2rem;
}

.shipment-form .tab-three-card-header {
  color: #e80606;
  margin-bottom: 1rem;
}

.shipment-form .tab-three-card-dimensions {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.shipment-form .tab-three-card-input {
  width: 10rem;
}

.shipment-form .tab-three-card-add {
  display: flex;
  justify-content: center;
  align-items: center;
}

.shipment-form .tab-three-card-add-icon {
  height: 4rem;
  cursor: pointer;
  padding: 10px;
  border-radius: 50%;
  transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}

.shipment-form .tab-three-card-add-icon:hover {
  background-color: rgba(0, 0, 0, 0.0392156863);
}

.shipment-form .tab-three-card-hide {
  display: none;
}

.shipment-form .tab-three-card-remove {
  position: absolute;
  top: 0;
  right: 0;
  padding: 10px;
  border-radius: 50%;
  transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}

.shipment-form .tab-three-card-remove-icon {
  height: 1.7rem;
}

.shipment-form .tab-three-card-remove:hover {
  background-color: rgba(0, 0, 0, 0.0392156863);
}

.shipment-form .tab-five {
  margin-bottom: 60px;
}

.shipment-form .tab-five-header {
  text-align: center;
  margin-bottom: 40px;
  font-weight: 700;
}

.shipment-form .tab-five-description {
  font-size: 18px;
  text-align: center;
  margin-bottom: 50px;
}

.shipment-form .tab-five-card {
  border: 1px solid #999;
  padding: 1.5rem;
  padding-top: 1rem;
  height: 24rem;
}

.shipment-form .tab-five-card-container {
  margin: 50px 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, 570px);
  justify-content: center;
  grid-column-gap: 1rem;
  grid-row-gap: 2rem;
}

.shipment-form .tab-five-card-header {
  color: #e80606;
  margin-bottom: 1rem;
  padding: 0 0.8rem;
}

.shipment-form .tab-five-card-items {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  height: 19rem;
  overflow-y: auto;
}

.shipment-form .tab-five-card-item {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}

.shipment-form .tab-five-card-item-add {
  display: flex;
  justify-content: center;
}

.shipment-form .tab-five-card-item-add-icon {
  height: 3rem;
  cursor: pointer;
  padding: 10px;
  border-radius: 50%;
  transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}

.shipment-form .tab-five-card-item-add-icon:hover {
  background-color: rgba(0, 0, 0, 0.0392156863);
}

.shipment-form .tab-five-card-item-add-hide {
  display: none;
}

.shipment-form .tab-five-card-item-remove {
  padding: 10px;
  border-radius: 50%;
}

.shipment-form .tab-five-card-item-remove-icon {
  height: 1.5rem;
}

.shipment-form .tab-five-card-item-remove:hover {
  background-color: rgba(0, 0, 0, 0.0392156863);
}

.shipment-form .tab-five-card-description {
  width: 17rem;
}

.shipment-form .tab-five-card-value {
  width: 8.5rem;
}

.shipment-form .tab-six {
  margin-bottom: 60px;
}

.shipment-form .tab-six-header {
  text-align: center;
  margin-bottom: 40px;
  font-weight: 700;
}

.shipment-form .tab-six-description {
  font-size: 18px;
  text-align: center;
  margin-bottom: 50px;
}

.shipment-form .tab-six-description-price {
  font-weight: 700;
}

.shipment-form .tab-six-radio {
  font-size: 20px;
  margin: 8rem 0;
  text-align: center;
}

.shipment-form .tab-six-radio-span {
  display: flex;
  justify-content: center;
  gap: 40px;
}

.shipment-form .tab-six-radio-span > * {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  gap: 20px;
}

.shipment-form .tab-six-radio input {
  height: 22px;
  width: 22px;
  accent-color: #e80606;
}

.shipment-form .tab-seven {
  margin-bottom: 60px;
  font-size: 18px;
}

.shipment-form .tab-seven-header {
  text-align: center;
  margin-bottom: 40px;
  font-weight: 700;
}

.shipment-form .tab-seven-description {
  margin: 7rem;
}

.shipment-form .tab-seven-radio {
  font-size: 20px;
  margin: 8rem 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.shipment-form .tab-seven-radio-span {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 40px;
}

.shipment-form .tab-seven-radio-span > * {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

.shipment-form .tab-seven-radio input {
  height: 22px;
  width: 22px;
  accent-color: #e80606;
}

.shipment-form .tab-eight {
  margin-bottom: 60px;
}

.shipment-form .tab-eight-header {
  text-align: center;
  margin-bottom: 40px;
  font-weight: 700;
}

.shipment-form .tab-eight-checkbox {
  margin: 9rem;
  font-size: 20px;
  margin: 8rem 0;
  display: flex;
  justify-content: center;
}

.shipment-form .tab-eight-checkbox-span {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 40px;
}

.shipment-form .tab-eight-checkbox-span > * {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

.shipment-form .tab-eight-checkbox input {
  height: 22px;
  width: 22px;
  accent-color: #e80606;
}

.shipment-form .tab-eight-checkbox-terms {
  color: #e80606;
  text-decoration: underline;
}

.shipment-form .tab-eight-checkbox > label {
  display: flex;
}

.shipment-form .tab-eight-checkbox-span > .wpcf7-list-item {
  margin-left: 0;
}

.shipment-form .tab-eight-checkbox a:hover {
  text-decoration: underline;
}

.shipment-form .tab-nine {
  margin-bottom: 60px;
}

.shipment-form .tab-nine-header {
  text-align: center;
  margin-bottom: 40px;
  font-weight: 700;
}

.shipment-form .tab-nine-description {
  margin: 9rem 0;
  font-size: 22px;
  text-align: center;
}

.shipment-form .tab-nine-description-link {
  color: #e80606;
  text-decoration: underline;
}

.shipment-form-action {
  display: flex;
  flex-direction: column-reverse;
  justify-content: center;
  align-items: center;
  gap: 40px;
}

.shipment-form-action .save-progression {
  color: #fff;
  background-color: #e80606;
  border: #e80606 1px solid;
}

.shipment-form-action .save-progression-parent {
  display: none;
  flex-direction: column-reverse;
  align-items: center;
  gap: 1rem;
}

.shipment-form-action .save-progression-parent input {
  color: #fff;
  background-color: #e80606;
  border: #e80606 1px solid;
}

.shipment-form-action .save-progression-parent input:hover {
  border-color: #333;
}

.shipment-form-action .save-progression:hover {
  border-color: #333;
}

.shipment-form-action .back-next {
  display: flex;
  gap: 1rem;
}

.shipment-form-action.first-tab .save-progression-parent {
  display: none;
}

.shipment-form-action.first-tab .nextBtn {
  width: 350px;
}
@media screen and (max-width: 800px) {
  .shipment-form-action.first-tab .nextBtn {
    width: 250px;
  }
}
@media screen and (max-width: 320px) {
  .shipment-form-action.first-tab .nextBtn {
    width: 200px;
  }
}

.shipment-form-action.last-tab {
  flex-direction: column;
  gap: 100px;
}

.shipment-form-action.last-tab .backBtn {
  width: 350px;
}
@media screen and (max-width: 800px) {
  .shipment-form-action.last-tab .backBtn {
    width: 250px;
  }
}
@media screen and (min-width: 800px) {
.shipment-form .tab-two input {
	min-width:390px;
}
}


@media screen and (max-width: 320px) {
  .shipment-form-action.last-tab .backBtn {
    width: 200px;
  }
}

.shipment-form-action.last-tab .nextBtn {
  display: none;
}

.shipment-form-action-button {
  width: 200px;
  padding: 0.8rem 1.5rem;
  border: #333 1px solid;
  color: #333;
  background-color: #fff;
  font-weight: 700;
  cursor: pointer;
}

.shipment-form-action-button:hover {
  color: #fff;
  background-color: #e80606;
  border-color: #e80606;
}

.shipment-form-color-error {
  color: #dc3232;
}

.shipment-form-display-none {
  display: none;
}

.shipment-form input.invalid {
  background-color: #ffdddd;
}


.shipment-form .tab {
  display: none;
  opacity: 0;
}

@keyframes tabchange {
  from {
    display: none;
    opacity: 0;
  }
  to {
    display: block;
    transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0ms, display 0.4s;
    opacity: 1;
  }
}


/* 404 and 500 pages */
.container-404, .container-500 {
	height: 100vh;
}

.container-404 .logo-expedismart img, .container-500 .logo-expedismart img {
	border-radius: 20px;
}


/* Add Here And Change This Comment */