i#user-icon {
    margin-right: 10px;
}

ul.stations_list_dropdown {
    height: 200px;
    overflow: hidden;
    overflow-y: scroll;
}

.station_disabled {
    cursor: not-allowed!important;
    color: gray;
    opacity: 0.8;
}

.station_disabled:hover {
    color: gray;
}

i.alert-icon {
    font-size: 30px;
    margin-right: 10px;
    position: relative;
    top: 4px;
    color:#f55a7c;
}
i.fa-question-circle {
    font-size: 30px;
    margin-right: 10px;
    position: relative;
    top: 5px;
    color: gold;
}
i.danger-alert {
    color: #f55a7c;
}
i.success-alert {
    color:#5bc3c4;
}

  


  .preloader-col{
      text-align: center;
  }

  .destination-page-row li, .trips-page-section li {
    display: block;
}


img.img-fluid.trips-background {
    height: 300px;
    object-fit: cover;
    object-position: center;
}

h4.mb-0.trip-title {
    max-width: 80%;
}

h4.mb-0.trip-title {
    max-width: 80%;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    margin-bottom: 15px!important;
}


img.img-fluid.trip-image {
    object-fit: cover;
    width: fit-content;
}

.flexslider-fade .flex-control-paging li a {
    background: #5ac4c3;
    border: solid 1px #252f3e;
}

.flexslider-fade .flex-control-paging li a.flex-active, .flexslider-fade .flex-control-paging li a:hover {
    background: #f5597c;
}

a {
    color: #5ac4c3;

}

img.preloader {
    max-width: 100%;
    height: fit-content;
}

.search-box {
    display: none;
}

img.preloader.home-preloader {
    height: 70px;
    left: 50%;
    transform: translateX(-15px);
}

.preloader-box.trips-preloader {
    text-align: center;
}

img.preloader.trip-preloader {
    position: relative;
    left: 50%;
    transform: translateX(-130px)translateY(180%);
}

.trip-preloader-box{
    visibility: hidden;

}

@media (max-width: 991px){
  
    .preloader-box {
        width: 80%;
        height: 185px;
        text-align: center;
    }

    img.preloader.home-preloader {
        position: relative;
        height: 70px;
        top: 50%;
        left: 50%;
        transform: translateX(-55%)translateY(-60%);
    }

    img.preloader.trip-preloader {
        position: relative;
        left: 50%;
        transform: translateX(-110px)translateY(200%);
    }

}

.btn-primary.focus, .btn-primary:focus {
    background-color: #5ac4c3;
    border-color: #5ac4c3;

}

.iti__flag {background-image: url("../img/flags.png");}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .iti__flag {background-image: url("../img/flags@2x.png");}
}

.iti__selected-flag {
    font-size: 25px;
    font-family: 'sf_pro_displaythin';
    color: #1f213b;
    border-right: solid 1px rgba(0, 0, 0, 0.05);
}

.iti--separate-dial-code .iti__selected-flag {
    background-color: unset;
}

.iti.iti--allow-dropdown.iti--separate-dial-code {
    width: 100%;
}

@media (max-width: 991px){

    .iti__selected-flag {
        font-size: 19px;

    }

}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #5ac4c3;
    border-color: #5ac4c3;
}

label.font-20.color-default.font-bold.register-policy {
    font-size: 14px;
    text-align: center;
    width: 100%;
}

.register-submit-box.animated {
    margin-top: 20px!important;
}


.loader {
    border: 8px solid #f3f3f3;
    border-top: 8px solid #5ac4c3;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin 2s linear infinite;
    position: relative;
    left: 45%;
    top: 15px;
    display: none;
}

  @keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
  }

 
#verify-number::-webkit-outer-spin-button,
#verify-number::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

#verify-number[type=number] {
    -moz-appearance: textfield;
}

#national-value::-webkit-outer-spin-button,
#national-value::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

#national-value[type=number] {
    -moz-appearance: textfield;
}

input#verify-number {
    max-width: 145px;
    text-align: center;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

@media (max-width: 991px){

    input#verify-number {
        max-width: 125px;
        text-align: center;
    }
}

.verify-label {
    text-align: center;
    margin-bottom: 35px;
}


.btn-primary.focus, .btn-primary:focus {
    background-color: #5ac4c3;
    border-color: #5ac4c3;
    color: white;
}


.modal-content {
    border-radius: 40px;
    border: none;
    box-shadow: 0 0 15px rgba(0,0,0,0.1);
    background-color: white;
}



.modal-footer {

    border-top: unset;
}

button#alert-modal-btn {
    background: #f5597c;
    border-color: #f5597c;
    border-radius: 20px;
    padding: 3px 40px;
    font-size: 22px;
}
div#alert-modal-body {
    font-size: 21px;
    line-height: 23px;
}

.loader.trip-loader {
    position: unset;

}

.loader.trip-loader.modal-loader {
    position: relative;
}

.preloader-box.cart-preloader {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%)translateY(-50%);
}

.green-dot {

    top: -24px;
}

.pink-dot{

    top: -24px;
}

img#company-logo {
    max-width: 60px;
    border-radius: 30px;
}

label.font-20.color-default.font-bold.payment-info {
    text-align: center;
    width: 100%;
    margin-top: 50px;
}
@media (max-width: 991px){
    .d-none {
        display: block!important;
        margin-left: 3px!important;
    }
    

}

.social-area-main.text-lg-right.text-center.mt-lg-4 {
    float: left;
}

html {
  scroll-behavior: smooth;
}

form.px-3.mt-5.contact-form.custom-form {
    max-width: 100%;
    margin: 25px;
}

textarea#exampleFormControlTextarea1 {
    height: 120px!important;
}


li.contact-us {
    cursor: pointer;
}

li.contact-us:hover {
    color: white;
    text-decoration: underline;
}

.trip-detail>h4 {
    text-align: center;
}

.trip-box.destination-box>img {
    min-height: 300px;
}

.g-recaptcha {
    margin-bottom: 30px;
    width: 100%;
}
.g-recaptcha>div {
    text-align: center;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}
.btn-primary.disabled, .btn-primary:disabled {
    background-color: gray;
}

.btn-primary.disabled, .btn-primary:disabled {
    background-color: gray;
    color: white;
    border: unset;
}


img#egpt-pins {
    position: absolute;
    left: 35px;
    top: -32px;
    animation:myship 3s;
    -moz-animation:myship 3s; /* Firefox */
    -webkit-animation:myship 3s; /* Safari and Chrome */
}

@keyframes myship{
    from {top: -150px;} 
    to{top:-32px;} 
}
@-moz-keyframes myship{
    from {top: -150px;} 
    to{top:-32px;} 
}
@-webkit-keyframes myship{
    from {top: -150px;} 
    to{top:-32px;} 
}



.map-col {
    display: grid;
}
@media (min-width: 991px){
 section.destination-section {
    margin-bottom: 90px;
}   
    .map-text {
    font-size: 26px;
    padding: 0px 50px;
    position: relative;
    top: -70px;
}
    img#dark-logo {
    max-width: 40%;
    float: left;
    margin-left: 8%;
}
    
}

img#dark-logo {
    max-width: 40%;
    float: left;
    margin-top: 25px;
}

span.first-symbol {
    font-size: 15px;
    position: relative;
    top: -10px;
    left: 1px;
    padding: 0px 8px 0px 0px;
}

img.img-fluid.companies-logo {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
p.mt-1.font-bold.price-text {
    text-align: center;
    font-size: 18px;
}

.carousel-inner {
    min-height: 300px;
}

@media (max-width: 480px){
    
img#egypt-map {
    max-width: 360px;
}
    img#egpt-pins {
    max-width: 340px;
}
    
}