/* Evasion Section Styles
   ========================================================================== */

#evasion.evasion-main #page-header {
    background-color: #fff !important;
}

#evasion #page-header {
    background-color: #EEECE8 !important;
}

#evasion .content-wrapper {
    background-color: #EEECE8;
}

#evasion #etape1,
#evasion #etape2 {
    border-radius: 4.438rem;
    background-color: #fff !important;
    padding: 4.438rem;
}

#evasion h1 {
    font-size: 1.938rem;
    padding: 10px 0 20px 0;
    margin: 0;
}

#evasion .package-name h1 {
    padding: 2rem 0;
}

#navbarNav li.evasion a:hover,
#navbarNav li.evasion a.active {
    color: #9DCA39 !important;
    background-color: transparent;
}

#navbarNav .evasion .dropdown-item {
    color: #fff !important;
    text-transform: none;
    font-size: 1.25rem;
}

#navbarNav .evasion .dropdown-item:hover {
    color: #9DCA39 !important;
    background-color: transparent !important;
}

#navbarNav .evasion:hover svg path {
    stroke: #9DCA39 !important;
}

#evasion.evasion .right-column,
#cart.evasion.cart .right-column {
    padding: 0;
}

#evasion.evasion .left-column,
#cart.evasion.cart .left-column {
    padding: 0 4rem 0 0;
}

#evasion.evasion .package-img img {
    border-radius: 1.938rem;
}

#evasion #packages .item-img .icon,
#espace-client .mes-achats .icon.evasion,
#portail-groupes .trip-list .icon.evasion,
#portail-groupes .package-options .option-info .icon.evasion {
    background-color: #9DCA39;
    color: #fff !important;
}

#portail-groupes .trip-list .icon.evasion:hover .icon-label,
#portail-groupes .package-options .option-info .icon.evasion:hover .icon-label {
    color: #fff !important;
}

#groupes .popular-packages .item-img .icon.evasion {
    background-color: #9DCA39;
}

#home .btn-evasion,
#groupes .btn-evasion,
#evasion.btn-evasion,
#evasion #packages .btn-evasion:hover,
#evasion.evasion .continue-button .btn-continue,
#evasion.evasion .cart-button .btn-cart,
#cart.evasion.cart .cart-button .btn-cart,
#cart.evasion.cart .back-button .btn-back {
    background-color: #9DCA39 !important;
    border: 1px solid #9DCA39;
    color: #fff;
}

#home .btn-evasion:hover,
#groupes .btn-evasion:hover,
#evasion .btn-evasion:hover,
#evasion #packages .btn-evasion,
#evasion.evasion .continue-button .btn-continue:hover,
#evasion.evasion .cart-button .btn-cart:hover,
#cart.evasion.cart .cart-button .btn-cart:hover,
#cart.evasion.cart .back-button .btn-back:hover {
    background-color: #fff !important;
    border: 1px solid #9DCA39;
    color: #9DCA39;
}

#cart.evasion.cart .back-button .btn-back:hover svg {
    color: #9DCA39 !important;
}

#evasion.evasion-main .bg-page-header {
    background-image: radial-gradient(50% 75% at 50% 25%, #b4eb3bFF 0%, #b4eb3b00 100%),radial-gradient(142% 91% at 111% 84%, #9DCA39FF 0%, #9DCA39FF 100%);
}

#evasion.evasion .bg-page-header.top-border {
    padding: 2rem 4rem 7rem 4rem !important;
    border-top: 10px solid #9DCA39;
    height: 100px;
}

#evasion.evasion .checkout-steps .current-step,
#evasion.evasion .checkout-steps .inactive-step,
#cart.evasion.cart .checkout-steps .current-step,
#cart.evasion.cart .checkout-steps .inactive-step {
    padding: 0.938rem 3rem;
    display: inline-block;
    width: 15.313rem !important;
}

#evasion.evasion .checkout-steps .current-step {
    border: 1px solid #9DCA39;
    opacity: 1;
    background-color: #9DCA39;
    color: #fff;
    border-top-left-radius: 0.438rem;
    border-bottom-left-radius: 0.438rem 
}
#evasion.evasion .checkout-steps .current-step.right {
    border: 1px solid #9DCA39;
    opacity: 1;
    background-color: #9DCA39;
    color: #fff;
    border-top-right-radius: 0.438rem;
    border-bottom-right-radius: 0.438rem;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important; 
}

#cart.evasion.cart .checkout-steps .current-step {
    border: 1px solid #353739;
    opacity: 1;
    background-color: #353739;
    color: #fff;
    border-top-left-radius: 0.438rem;
    border-bottom-left-radius: 0.438rem
}

#cart.evasion.cart .checkout-steps .current-step.right {
    border: 1px solid #353739;
    opacity: 1;
    background-color: #353739;
    color: #fff;
    border-top-right-radius: 0.438rem;
    border-bottom-right-radius: 0.438rem;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

#evasion.evasion .checkout-steps .inactive-step,
#cart.evasion.cart .checkout-steps .inactive-step {
    border: 1px solid #353739;
    border-left: none;
    opacity: 0.5;
    background-color: #fff;
    color: #353739;
    border-top-right-radius: 0.438rem;
    border-bottom-right-radius: 0.438rem;
}

#evasion.evasion .checkout-steps .inactive-step.left,
#cart.evasion.cart .checkout-steps .inactive-step.left {
    border: 1px solid #353739 !important;
    opacity: 0.5;
    background-color: #fff;
    color: #353739;
    border-right: none !important;
    border-top-left-radius: 0.438rem;
    border-bottom-left-radius: 0.438rem;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important; 
}

#evasion.evasion .checkout-steps .current-step .step-number,
#evasion.evasion .checkout-steps .current-step .step-title,
#evasion.evasion .checkout-steps .inactive-step .step-number,
#evasion.evasion .checkout-steps .inactive-step .step-title {
    display: block;
    padding: 0;
    line-height: 1.2;
}

#evasion.evasion .checkout-steps .current-step .step-number,
#evasion.evasion .checkout-steps .inactive-step .step-number,
#cart.evasion.cart .checkout-steps .current-step .step-number,
#cart.evasion.cart .checkout-steps .inactive-step .step-number{
    text-transform: uppercase;
    font-size: 1.438rem;
    font-weight: 500;
    clear: left;
}

#evasion.evasion .checkout-steps .current-step .step-title,
#evasion.evasion .checkout-steps .inactive-step .step-title,
.evasion .countdown .countdown-clock {
    clear: left;
}

#evasion.evasion .countdown {
    padding: 0.938rem 3rem;
    border-radius: 0.438rem;
    display: block;
    background-color: #636465;
    line-height: 1.2;
}

#evasion.evasion .countdown .countdown-text {
    font-size: 0.938rem;
    font-weight: 700;
    clear: left;
    display: inline-block;
}

#evasion.evasion .countdown .countdown-clock {
    font-size: 1.313rem;
    font-weight: normal;
    clear: left;
    display: inline-block;
}

#evasion.evasion .back-btn a {
    color: #353739;
    text-decoration: none;
    font-weight: 600;
    transition: opacity .6s ease;
}

#evasion.evasion .back-btn a:hover {
    opacity: 0.5;
}

#evasion.evasion .package-duration {
    background-color: #353739;
    padding: 1.313rem;
    margin-bottom: 2rem;
    border-radius: 1.313rem;
    color: #fff;
    opacity: 0.85;
}

#evasion.evasion .package-duration .dates,
#evasion.evasion .package-duration .days,
#evasion.evasion .package-duration .nights {
   padding-right: 2rem; 
}

#evasion.evasion .package-duration .dates {
    font-weight: 500;
    font-size: 1.313rem;
}

#evasion.evasion .package-duration .days,
#evasion.evasion .package-duration .nights,
#evasion.evasion .package-duration .accomodations {
    font-size: 1.188rem;
    font-weight: normal;
}

#evasion.evasion .accordion-button {
    background-color: #F6F5F3;
    border-radius: 1.313rem;
    margin-bottom: 1.5rem;
}

#evasion.evasion .accordion-button::after {
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-plus" viewBox="0 0 16 16"%3E%3Cpath d="M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4"/%3E%3C/svg%3E');
}

#evasion.evasion .accordion-button:not(.collapsed)::after {
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-dash" viewBox="0 0 16 16"%3E%3Cpath d="M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8"/%3E%3C/svg%3E');
}


#evasion.evasion .accordion-item {
    border: none;
}

#evasion.evasion .accordion-item:first-of-type > .accordion-header .accordion-button {
    border-radius: 1.313rem;
    box-shadow: none;
}

#evasion.evasion .accordion-item:last-of-type > .accordion-header .accordion-button.collapsed {
    border-radius: 1.313rem;
}

#evasion.evasion .accordion-button:not(.collapsed) {
    box-shadow: none;
    color: #353739;
}

#evasion.evasion .accordion-button {
    font-weight: 600;
}

#evasion.evasion .accordion-body {
    padding-top: 0;
}

#evasion.evasion .package-expiry {
    background-color: #F6F5F3;
    padding: 1.313rem;
    margin-bottom: 2rem;
    border-radius: 1.313rem;
    border: 1.5px solid #888;
    color: #353739;
    text-align: center;
}

#evasion.evasion .package-expiry .availability,
#evasion.evasion .package-expiry .availability-date,
#evasion.evasion .package-expiry .taxes {
    display: block;
    clear: left;
}

#evasion.evasion .package-expiry .availability,
#evasion.evasion .package-expiry .availability-date {
    font-size: 1.625rem;
    font-weight:500;
}

#evasion.evasion .package-expiry .taxes {
    font-size: 1.438rem;
    font-weight: normal;
}

#evasion .options-menu ul li {
	display:inline-block;
	margin:0;
	list-style:none;
	padding:10px 15px;
	cursor:pointer;
	-webkit-transition:all 05s ease;
	-moz-transition:all 05s ease;
	-ms-transition:all 05s ease;
	-o-transition:all 05s ease;
	transition:all .5s ease;
}

#evasion .filters {
    padding: 0 80px;
}

#evasion .filters .options-menu .btn {
    border-radius: 0.438rem;
    padding: 0.938rem 1.813rem;
    border: none;
    background-color: #9A9B9C;
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    margin-right: 0.5rem;
}

#evasion .filters .options-menu .btn:hover,
#evasion .filters .options-menu .btn.active {
    background-color: #9DCA39 !important;
}

#evasion .filters .btn-information {
    padding: 12px 29px;
    font-size: 19px;
    justify-content: center;
    align-items: center;
    border-radius: 7px;
    border: 1px solid #888;
    color: #888;
}
#evasion .filters .btn-information svg {
    margin-right: 0.5rem;
}

#evasion .filters .btn-information:hover {
    background-color: #888;
    color: #fff;
    border: 1px solid #888;
}

#evasion .filters .btn-information:hover svg path {
    fill: #fff;
    transition: color .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out;
}

#evasion.evasion .form-wrapper,
#evasion.evasion .package-summary,
#cart.evasion.cart .package-summary{
    background-color:#EEECE8;
    border-radius: 1.938rem;
    width: 100%;
    padding-bottom: 1rem;
}

#evasion.evasion .form-wrapper .heading,
#evasion.evasion .package-summary .heading,
#cart.evasion.cart .package-summary .heading{
    background-color: #353739;
    margin: 0;
    padding: 1rem 1.5rem;
    border-top-left-radius: 1.938rem;
    border-top-right-radius: 1.938rem;
}

#evasion.evasion .package-summary .heading,
#cart.evasion.cart .package-summary .heading{
    margin-bottom: 2rem;
}

#evasion.evasion .form-wrapper .heading h2,
#evasion.evasion .package-summary .heading h2,
#cart.evasion.cart .package-summary .heading h2{
    color: #fff;
    font-size: 1.688rem;
    text-transform: uppercase;
    margin:0;
    padding: 0;
}

#evasion.evasion .package-options,
#cart.evasion.cart .package-options {
    border-bottom: 1px solid #888;
    margin: 0 2rem;
}

#evasion.evasion .summary-details,
#cart.evasion.cart .summary-details{
    margin: 0 1rem;
}

#cart.evasion.cart .summary-details.padding-bottom {
    padding-bottom: 1rem;
}

#cart.evasion.cart .summary-details.padding-top {
    padding-top: 1rem;
}

#evasion.evasion .summary-details h3,
#cart.evasion.cart .summary-details h3{
    text-transform: uppercase;
    font-weight: 500;
    font-size: 1.063rem;
}

#evasion.evasion .summary-details ul,
#cart.evasion.cart .summary-details ul{
    margin-left: 2rem;
    font-size: 1.063rem;
}

#evasion.evasion .summary-details.bottom-line,
#cart.evasion.cart .summary-details.bottom-line{
    border-bottom: 1px solid #888;
}

#evasion.evasion .package-total,
#evasion.evasion .continue-button,
#evasion.evasion .disclaimer,
#cart.evasion.cart .package-total,
#cart.evasion.cart .continue-button,
#cart.evasion.cart .disclaimer{
    margin: 0 2rem;
}

#evasion.evasion .package-options .col-4,
#evasion.evasion .package-options .col-2,
#evasion.evasion .package-options .col {
    padding: 1rem 0;
}
#evasion.evasion .package-options .col-2 {
    padding-right: 1rem;
}

#evasion.evasion .package-options .price,
#evasion.evasion .package-options .total,
#evasion.evasion .package-total .total,
#cart.evasion.cart .package-total .total {
    text-align: right;
    font-weight: 700;
}

#cart.evasion.cart .package-options .total,
#cart.evasion.cart .summary-details .total{
    text-align: right;
}

#evasion.evasion .package-total .price,
#evasion.evasion .package-total .total,
#cart.evasion.cart .package-total .price,
#cart.evasion.cart .package-total .total {
    font-weight:700;
    font-size: 1.313rem;
}

#evasion.evasion .package-options.options-headings,
#evasion.evasion .package-options.options-headings .price,
.evasion .package-options.options-headings .total {
    font-weight: 500 !important;
}

#evasion.evasion .continue-button,
#evasion.evasion .cart-button,
#cart.evasion.cart .continue-button,
#cart.evasion.cart .cart-button {
    padding: 2rem 0;
    align-content: center;
    text-align: center
}

#evasion.evasion .continue-button .btn-continue,
#evasion.evasion .cart-button .btn-cart,
#cart.evasion.cart .continue-button .btn-continue,
#cart.evasion.cart .cart-button .btn-cart,
#cart.evasion.cart .back-button .btn-back {
    border-radius: 3.525rem;
    padding: 1.125rem 2.75rem;
    text-transform: uppercase;
    font-weight: 700;
}

#cart.evasion.cart .back-button .btn-back:hover svg path {
    fill: #9DCA39;
}

#evasion.evasion .disclaimer,
#cart.evasion.cart .disclaimer-text {
    font-size: 0.875rem;
}

#evasion.evasion .callout-groupes,
#cart.evasion.cart .callout-groupes{
    background-color:#353739;
    border-radius: 1.938rem;
    width: 100%;
    margin-top: 2rem;
    padding: 5rem 1rem;
    align-content: center;
    text-align: center;
}

#evasion.evasion .callout-groupes .text,
#cart.evasion.cart .callout-groupes .text{
    color: #fff !important;
    padding: 0 4rem;
    margin-bottom: 20px;
}

#evasion.evasion .callout-groupes .callout-btn,
#cart.evasion.cart .callout-groupes .callout-btn {
    border-radius: 3.525rem;
    padding: 0.844rem 2.063rem;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 0.797rem;
    background-color: transparent;
    border: 1px solid #FFCB05;
    color: #FFCB05;
}

#evasion.evasion .callout-groupes .callout-btn:hover,
#cart.evasion.cart .callout-groupes .callout-btn:hover {
   
    background-color: #FFCB05;
    border: 1px solid #FFCB05;
    color: #353739;
}

#evasion.evasion .client-info {
    border-bottom: 1px solid #888;
    padding: 2rem 0;
}

#evasion.evasion .client-info .details {
    align-content:center;
}

#evasion.evasion .client-info .details a {
    color: #353739;
    font-size: 0.938rem;
}

#evasion.evasion .client-info .details a:hover {
    text-decoration: none;
}

#cart.evasion.cart .order-details {
    padding: 0 1.5rem;
}

#cart.evasion.cart .order-details h3 {
    margin-top: 2rem;
    font-weight: 500 !important;
    font-size: 1.063rem !important;
}

#cart.evasion.cart .order-details p {
    line-height: 1.5rem;
    margin-bottom: 0;
}

#cart.evasion.cart .package-name .label-text {
    font-size: 1.188rem !important;
}

#cart .form-control.card-number {
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-lock' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M8 0a4 4 0 0 1 4 4v2.05a2.5 2.5 0 0 1 2 2.45v5a2.5 2.5 0 0 1-2.5 2.5h-7A2.5 2.5 0 0 1 2 13.5v-5a2.5 2.5 0 0 1 2-2.45V4a4 4 0 0 1 4-4M4.5 7A1.5 1.5 0 0 0 3 8.5v5A1.5 1.5 0 0 0 4.5 15h7a1.5 1.5 0 0 0 1.5-1.5v-5A1.5 1.5 0 0 0 11.5 7zM8 1a3 3 0 0 0-3 3v2h6V4a3 3 0 0 0-3-3'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}

#cart .form-control.security-code {
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-question-circle' viewBox='0 0 16 16'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3E%3Cpath d='M5.255 5.786a.237.237 0 0 0 .241.247h.825c.138 0 .248-.113.266-.25.09-.656.54-1.134 1.342-1.134.686 0 1.314.343 1.314 1.168 0 .635-.374.927-.965 1.371-.673.489-1.206 1.06-1.168 1.987l.003.217a.25.25 0 0 0 .25.246h.811a.25.25 0 0 0 .25-.25v-.105c0-.718.273-.927 1.01-1.486.609-.463 1.244-.977 1.244-2.056 0-1.511-1.276-2.241-2.673-2.241-1.267 0-2.655.59-2.75 2.286m1.557 5.763c0 .533.425.927 1.01.927.609 0 1.028-.394 1.028-.927 0-.552-.42-.94-1.029-.94-.584 0-1.009.388-1.009.94'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}

#cart .form-check-input {
    width: 1.188rem;
    height: 1.188rem;
    margin-right: 0.5rem;
    background-color: #F6F5F3;
    border: 1px solid #353739;
    box-shadow: none;
}

#cart .form-check-input:checked {
    background-color: #353739;
    border-color: #353739;
}

#cart .login {
    border-radius: 0.358rem;
    background-color: #353739;
    font-size: 0.875rem;
    font-weight: 500;
    color: #fff;
    text-transform: uppercase;
    display: flex;
    padding: 0.767rem 1.483rem;
    justify-content: center;
    align-items: center;
}

#cart .payment-providers {
    margin: 3rem 0;
}

#cart .payment-providers a {
    margin-right: 1rem;
}

#cart .payment-fields {
    padding: 3rem;
    border-radius: 1.938rem;
    border: 0.563rem solid #EEECE8;
    margin: 3rem 0;
}

#cart .payment-info h4,
#cart .payment-fields h4 {
    text-transform: none;
    color: #353739;
    font-weight: 600;
    font-size: 1.5rem;
}

#cart.evasion.cart .merci {
    padding: 0 10rem 8rem 10rem;
}

#cart.evasion.cart .merci h1 {
    color: #9DCA39;
    font-size: 2.063rem;
    font-weight:700 !important
}

#cart.evasion.cart .merci p {
    font-size: 1.063rem;
    padding: 2rem 0;
}

#evasion .packages-info .options-menu ul li.evasion.active,
#evasion .packages-info .options-menu ul li.evasion:hover, 
#groupes .packages-info .options-menu ul li.evasion.active, 
#groupes .packages-info .options-menu ul li.evasion:hover {
    background-color: #9DCA39;
    color: #fff;
    border: 1px solid #9DCA39 !important;
}

#evasion .packages-info .options-list li.evasion.active a,
#groupes .packages-info .options-list li.evasion.active a,
#groupes .question-info .options-list li.evasion.active a {
    color: #9DCA39;
}

#evasion .bg-page-header .filters .options-menu .btn.evasion:hover,
#evasion .bg-page-header .filters .options-menu .btn.evasion.active,
#groupes .bg-page-header .filters .options-menu .btn.evasion:hover,
#groupes .bg-page-header .filters .options-menu .btn.evasion.active {
    background-color: #9DCA39 !important;
    border: 1px solid #9DCA39;
    opacity: 1.0;
}

#groupes #package-details .accordion-button.evasion::after,
#groupes #questions .accordion-button.evasion::after {
    background-color: #9DCA39 !important;
}


/* Mobile Styles
   ========================================================================== */

/* applies to small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {
    
    #evasion.evasion-main .bg-page-header {
        padding: 20px !important;
    }
    
    #evasion h1.header-title {
        font-size: 25px;
        padding: 10px 0 20px 0;
        margin: 0;
    }
    
    #evasion .btn-evasion, 
    #evasion a.btn-evasion {
        font-size: 0.813rem;
        padding: 13.5px 33px;
    }
    
    #evasion .filters {
        padding: 0 20px;
    }
    
    #evasion .filters .options-menu ul {
        padding: 0;
    }
    
    #evasion .filters .options-menu .btn {
        margin: 0;
        margin-bottom: 20px;
        padding: 11.25px 21.75px;
        font-size: 0.875rem;
    }
    
    #evasion .filters .btn-information {
        font-size: 0.875rem;
        padding: 11.25px 15px;
        margin-bottom: 20px;
    }
    
    #evasion .reset-filters {
        margin-right: 0;
        display: block;
    }
    
    #evasion #packages .card {
        margin: 0 0 2em 0;
        padding: 0 1rem;
    }
    
    #evasion #packages .card img {
        border-radius: 17px;
    }
    
    #evasion #packages .grid-bottom .col {
        background-color: #fff;
        border-radius: 0 0 25px 25px;
    }
    
    #evasion #packages .grid-bottom {
        height: 10px;
    }
    
    #evasion #promotions .row {
        height: 600px;
        border-radius: 0 0 25px 25px;
    }
    
    #cart.cart-merci #promotions .row {
        width: 100%;
        height: 520px;
        padding: 20px;
        border-radius: 25px;
    }
    
    #evasion #promotions .promo-img img {
        width: 100%;
    }
    
    #evasion.evasion .bg-page-header,
    #evasion.evasion .bg-page-header.top-border {
        padding: 0 !important;
        border-top: 5px solid #9DCA39;
        height: 130px;
    }
    
    #evasion.evasion .checkout-steps .current-step, 
    #evasion.evasion .checkout-steps .inactive-step, 
    #cart.evasion.cart .checkout-steps .current-step, 
    #cart.evasion.cart .checkout-steps .inactive-step {
        padding: 8px 5px 5px 5px;
        display: inline-block;
        width: 170px !important;
        height: 46px;
    }
    
    #evasion #etape1, 
    #evasion #etape2 {
        border-radius: 25px;
        background-color: #fff !important;
        padding: 0;
    }
    
    #evasion .back-btn {
        text-align: left;
        padding: 20px;
        font-size: 12px;
        text-transform: uppercase;
    }
    
    #evasion.evasion .checkout-steps .current-step .step-number, 
    #evasion.evasion .checkout-steps .inactive-step .step-number, 
    #cart.evasion.cart .checkout-steps .current-step .step-number, 
    #cart.evasion.cart .checkout-steps .inactive-step .step-number {
        font-size: 16px;
    }
    
    #evasion.evasion .checkout-steps .current-step .step-title, 
    #evasion.evasion .checkout-steps .inactive-step .step-title {
        font-size: 12px;
    }
    
    #evasion.evasion .countdown {
        padding: 10px;
        border-radius: 0;
        background-color: transparent;
        color: #353739;
    }
    
    #evasion.evasion .countdown .countdown-text {
        font-size: 11px;
    }
 
    #evasion.evasion .countdown .countdown-clock {
        font-size: 15px;
    }
    
    #evasion.evasion .left-column, 
    #cart.evasion.cart .left-column,
    #cart.evasion.cart #etape2 .right-column {
        padding: 20px;
    }
    
    #evasion.evasion .package-img img {
        border-radius: 17px;
    }
    
    #evasion.evasion .package-name h1 {
        font-size: 20px;
        margin: 20px 0;
        padding: 0;
    }
    
    #evasion.evasion .package-duration {
        margin-top: 10px;
        border-radius: 11px;
         padding: 10px;
    }
    
    #evasion.evasion .package-duration .dates,
    #evasion.evasion .package-duration .days, 
    #evasion.evasion .package-duration .nights {
        font-size: 13px;
        padding:0;
    }
     
    #evasion.evasion .package-duration .accomodations {
        font-size: 12px;
    }
    
    
    #evasion.evasion .package-expiry {
        width: 270px;
        padding: 20px 10px;
        margin: 50px auto;
        border-radius: 14px;
    }
    
    #evasion.evasion .package-expiry .availability, 
    #evasion.evasion .package-expiry .availability-date {
        font-size: 17px;
    }
    
    #evasion.evasion .package-expiry .taxes {
        font-size: 15px;
    }
    
    #evasion.evasion .form-wrapper .heading, 
    #evasion.evasion .package-summary .heading, 
    #cart.evasion.cart .package-summary .heading {
        border-top-left-radius: 17px;
        border-top-right-radius: 17px;
    }
    
    #evasion.evasion .form-wrapper .heading h2, 
    #evasion.evasion .package-summary .heading h2, 
    #cart.evasion.cart .package-summary .heading h2 {
        font-size: 20px !important;
    }
    
    #evasion.evasion .package-options, 
    #cart.evasion.cart .package-options {
        border-bottom: 1px solid #888;
        margin: 0 20px;
    }
    
    #evasion.evasion .package-options .col-4,
    #evasion.evasion .package-options .col-3,
    #evasion.evasion .package-options .col-2, 
    #evasion.evasion .package-options .col {
        padding: 1rem 0;
        font-size: 12px;
    }
    
    #etape1 .form-control, 
    #etape2 .form-control, 
    #evasion .form-control, 
    #etape1 .form-control:focus, 
    #etape2 .form-control:focus, 
    #evasion .form-control:focus, 
    #etape1 .form-select, 
    #etape2 .form-select, 
    #evasion .form-select, 
    #etape1 .form-select:focus, 

    #etape2 .form-select:focus, 
    #evasion .form-select:focus {
        font-size: 12px;
    }
    
    #evasion.evasion .package-total, 
    #evasion.evasion .continue-button, 
    #evasion.evasion .cart-button,
    #evasion.evasion .disclaimer, 
    #cart.evasion.cart .package-total, 
    #cart.evasion.cart .continue-button, 
    #cart.evasion.cart .disclaimer {
        margin: 0 20px;
        font-size: 15px;
    }
    
    #evasion.evasion .continue-button .btn-continue, 
    #evasion.evasion .cart-button .btn-cart, 
    #cart.evasion.cart .continue-button .btn-continue, 
    #cart.evasion.cart .cart-button .btn-cart, 
    #cart.evasion.cart .back-button .btn-back {
        font-size: 14px !important;
    }
    
    #evasion.evasion .disclaimer {
        font-size: 10px !important;
    }
    
    #evasion.evasion .package-total .price, 
    #evasion.evasion .package-total .total, 
    #cart.evasion.cart .package-total .price, 
    #cart.evasion.cart .package-total .total {
        font-size: 15px;
    }
    
    #evasion.evasion .accordion-item:first-of-type > .accordion-header .accordion-button {
        border-radius: 11px;
    }
    
    #evasion.evasion .accordion-button,
    #evasion.evasion .accordion-item:last-of-type > .accordion-header .accordion-button.collapsed {
        background-color: #F6F5F3;
        border-radius: 11px;
        margin-bottom: 1.5rem;
    }
    
    
    
    #evasion.evasion .form-wrapper, 
    #evasion.evasion .package-summary, 
    #cart.evasion.cart .package-summary {
        border-radius: 25px;
    }

    #cart.evasion.cart .package-summary {
        border-bottom-left-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
    }
    
    #cart.evasion.cart #etape2 .package-summary {
        border-radius: 25px !important;
        padding-bottom: 0;
    }
    
    #evasion.evasion .summary-details {
        margin: 0;
        padding: 0 20px
    }
     
    #cart.evasion.cart .summary-details {
        margin: 0;
        padding: 0 10px;
        font-size: 14px;
    }
    
    #cart.evasion.cart .package-summary .summary-details {
        padding-left: 0;
        padding-right: 0;
    }
    
    #etape2 h3 {
        font-size: 15px;
    }
    
    #evasion.evasion .summary-details ul, 
    #cart.evasion.cart .summary-details ul {
        margin-left: 0;
        font-size: 15px;
    }
    
    #cart.evasion.cart .package-details .card,
    #cart.evasion.cart .package-summary .card {
        background-color: #EEECE8;
        border: 0;
        border-top-left-radius: 11px;
        border-top-right-radius: 11px;
    }
    
    #cart.evasion.cart .package-details .card-header,
    #cart.evasion.cart .package-summary .card-header {
        color: #fff;
        background-color: #9DCA39;
        border-bottom: 0;
        border-radius: 11px;
    }
    
    #cart.evasion.cart .package-details .card-header[aria-expanded="true"],
    #cart.evasion.cart .package-summary .card-header[aria-expanded="true"]{
        background-color: #353739;
    }
    
    #cart.evasion.cart .package-details .card-body,
    #cart.evasion.cart .package-summary .card-body {
        background-color: #EEECE8;
        border-radius: 11px;
    }
    
    #cart.evasion.cart .package-details .order-details {
        padding: 0;
        font-size: 14px;
    }
    
    #cart.evasion.cart .package-details .card h1 {
        font-size: 15px;
    }
    
    #cart.evasion.cart .package-details .card .clear-button button {
        padding: 0;
        text-transform: uppercase;
        font-size: 15px;
    }
    
    #cart .payment-providers {
        margin: 20px 0;
    }
    
    #cart .payment-providers img {
        max-width: 102px;
    }
    
    #cart .payment-providers a {
        margin-right: 10px;
    }
    
    #cart .payment-providers a:last-child {
        margin-right: 0;
    }
    
    #cart .login {
        border-radius: 0.358rem;
        font-size: 13px;
    }
    
    #cart #etape2 .package-name h1 {
        font-size: 17px;
    }
    
    #cart .payment-info h4 {
        font-size: 19px;
    }
    
    #cart .payment-fields h4 {
        font-size: 25px;
        font-weight: 600;
    }
    
    #cart .payment-fields {
        padding: 20px 20px 40px 20px;
        border-radius: 25px;
        border: 0;
        margin: 3rem 0;
        background-color: #EEECE8;
    }
    
    #cart .confirmations label {
        font-size: 13px;
        max-width: 300px;
    }
    
    #evasion.evasion .newsletter {
        background-color: #fff;
        border-radius: 25px;
    }
    
    #evasion.evasion .divider {
        display: none;
    }
    
    #evasion.evasion .footer-links {
        margin-top: 40px;
    }
    
    #cart.evasion.cart .bg-page-header {
        border-radius: 25px 25px 0px 0px;
        height: 75px;
        padding-top: 20px !important;
    }
    
    #cart.evasion.cart .cart-heading h2 {
        color: #353739;
        font-size: 15px;
        font-weight: 500;
    }
    
    #cart .content-wrapper {
        background-color: #F6F5F3;
        padding: 20px 0 0 0;
    }
    
    #cart.cart.cart-merci .bg-page-header {
        border-radius: 25px 25px 0px 0px;
        height: 10px;
        padding: 20px 0 0 0 !important;
    }
    
    #cart.evasion.cart .merci {
        padding: 0 20px 40px 20px;
    }
    
    #cart #footer {
        background-color: #EEECE8 !important;
        min-height: 100px;
    }
    
    #cart.etape2 #footer {
        background-color: #F6F5F3 !important;
    }
    
    #footer.footer-cart {
        height: 100px;
        padding-top: 0;
    }
    
    #cart collapse-toggle {
      cursor: pointer;
    }
    #cart .icon-container {
      float: right;
    }
}