.mobile_banner{ display:none;}
.banner {margin-top: -30px; position: relative; overflow: hidden; padding-bottom: 50px;}
.banner .container {max-width: 1730px; overflow: hidden;     position: relative;}
.banner img{ width: 100%;} 
.banner_cont {text-align: center;position: absolute;top: 50%;left: 0;right: 0;transform: translateY(-50%);}
.banner_cont h3 {font-size: 36px;color: #ffffff;font-family: 'Mulish';margin-bottom: 15px;font-weight: 600;text-shadow: 2px 2px #102e50, -2px -2px #102e50, 2px -2px #102e50, -2px 2px #102e50;}
.banner_cont h1 {margin-top: 0;font-size: 60px;color: #ffffff;font-family: 'Belly Betty';margin-bottom: 25px;font-weight: 600;text-transform: capitalize;text-shadow: 2px 2px #102e50, -2px -2px #102e50, 2px -2px #102e50, -2px 2px #102e50;}
.banner_cont .tra-btn {padding: 17px  23px;border-radius: 20px;}
.boat img{ width: auto;}

.boat{ bottom: 0px;  position: absolute; -webkit-animation: moveship 40s linear infinite;-moz-animation: moveship 40s linear infinite; z-index: 9; transition: all 0.3s;}
@keyframes moveship {
  0% {
    transition: all 0.3s;
    -webkit-transform: rotate(0deg);
    left: 0%;
   
  } 
  100% {
    transition: all 0.3s; 
    left: 100%; 
    transform: rotate(0deg);
  }
}
 
/* ============croatian_trip-start=============== */
.croatian_trip {padding: 60px 0px;} 
.croatian_trip h2{padding-right: 50px; margin-top: 0;} 
.croatian_trip h6 { color: #fc3c60; font-size: 24px; margin-bottom: 5px;}   
.croatian_trip_img {display: flex;flex-wrap: wrap;margin-top: 38px;}    
.croatian_trip_img figure {width: 50%;} 
.croatian_trip_img figure img {width: 100%;border-radius: 10px;}    
.croatian_trip_img figure:nth-child(1) {padding-right: 20px;}   
.croatian_trip_img figure:nth-child(2) {padding-left: 20px;margin-top: 25px;}   
.croatian_cont {padding: 40px 40px 28px 40px;background: #fff;box-shadow: 0px 0px 4px hsl(0deg 0% 0% / 15%);border-radius: 10px;text-align: center;}    
.croatian_cont p { margin-bottom: 30px; text-align: left; }  
.croatian_cont h5 {margin-top: 0; font-size: 18px;color: #0c284c;font-weight: 700;line-height: 30px;padding: 0 85px;}
.croatian_trip_img .imgstyle1 {-webkit-animation: imgstyle1 2s infinite  alternate;animation: imgstyle1 2s infinite  alternate;}
.croatian_trip_img .imgstyle2 {-webkit-animation: imgstyle1 2s infinite  alternate;animation: imgstyle1 2s infinite  alternate;}
@-webkit-keyframes imgstyle1 {
    0% { transform: translateY(0); }
    100% { transform: translateY(20px); }
}
@keyframes imgstyle1 {
    0% { transform: translateY(0); }
    100% { transform: translateY(20px); }
}
.croatian_trip_img .imgstyle2 {-webkit-animation: imgstyle2 2s infinite  alternate;animation: imgstyle2 2s infinite  alternate;}
.croatian_trip_img .imgstyle2 {-webkit-animation: imgstyle2 2s infinite  alternate;animation: imgstyle2 2s infinite  alternate;}
@-webkit-keyframes imgstyle2 {
    0% { transform: translateY(0); }
    100% { transform: translateY(-20px); }
}
@keyframes imgstyle2 {
    0% { transform: translateY(0); }
    100% { transform: translateY(-20px); }
}

/* ============Visa_offer-start=============== */
.visa_offer {padding: 30px 0px 55px 0px;text-align: center;}
.visa_offer .row {margin-top: 75px;padding: 0 50px;margin-bottom: 30px;}
.visa_type_offer {border: 1px solid #fc3c60;border-radius: 10px;transition: all 0.3s;}
.visa_type_offer a {display: block;padding: 40px 15px;}
.visa_type_offer p {margin-bottom: 0;line-height: 24px;transition: all 0.3s;}
.visa_type_offer img {margin-bottom: 15px;}
.visa_type_offer h5 { margin-top: 0; font-size: 22px;color: #000000;font-weight: 700;margin-bottom: 15px;transition: all 0.3s;}
.visa_type_offer:hover {background: #05304d;}
.visa_type_offer:hover h5, .visa_type_offer:hover p {color: #fff;}
.visa_type_btn p {margin-bottom: 25px;}

/* ============appointment_start=============== */
.appointment {background: #fff;box-shadow: 0px 0px 4px hsl(0deg 0% 0% / 15%);padding: 45px 0px 60px 0px;}
.appointment h2 {text-align: center;}
.appointment  p {text-align: center;}
.appointment_step {display: flex;flex-wrap: wrap;margin-top: 50px;margin-bottom: 40px;}
.appointment_step .appointment_box {width: 25%;padding: 0px 0px 5px 0px;border-right: 2px solid #000000;}
.appointment_step_heading {display: flex;align-items: center;padding: 15px 15px 10px 15px;justify-content: space-between;border-bottom: 4px solid #fc3c60;min-height: 65px;margin-bottom: 15px;position: relative;transition: all 0.3s;}
.appointment_step_heading .appointment_img_hea {display: flex;align-items: center;}
.appointment_img_hea h5 { margin-top: 0; margin-bottom: 0;font-size: 22px;font-weight: 700;color: #000000;}
.appointment_img_hea img {margin-right: 12px;transition: all 0.3s;}
.appointment_step .appointment_box p {text-align: left;line-height: 24px;padding: 0px 15px;}
.just_keep h6 {font-size: 16px;font-weight: 800;margin-bottom: 2px;transition: all 0.3s;}
.just_keep p {text-align: left;line-height: 24px;margin-bottom: 60px;}
.permanent_clients {background: #fc3c60;padding: 12px 10px;border-radius: 10px;text-align: center;box-shadow: 0px 0px 4px hsl(0deg 0% 0% / 15%);}
.permanent_clients p {margin-bottom: 0;color: #fff;text-align: center;line-height: 24px;font-weight: 700;}
.appointment_step_heading .circle {height: 25px;width: 25px;position: absolute;bottom: -13px;right: -13px;background: #ffffff;border-radius: 50px;border: 5px solid #fc3c60;z-index: 1;}
.appointment_step .appointment_box:hover .appointment_step_heading {background: #fc3c60;}
.appointment_step .appointment_box:hover .appointment_step_heading img {filter: invert(1);}
.appointment_step .appointment_box:hover .appointment_step_heading h5 {color: #fff;}
.appointment_step .appointment_box:last-child {border: none;}
.appointment_step .appointment_box:last-child span.circle {display: none;}

/* ============premium_express_start=============== */
.premium_express {padding: 70px 0px;}
.premium_express p {margin-bottom: 25px; padding-right: 115px; line-height: 24px; }
.premium_express .list-style {margin-bottom: 40px;}
.premium_express p:last-child {margin-bottom: 0;}
.location_map img{ width: 100%;}

/* ============visa_service_start=============== */
.visa_service {padding: 30px 0px;text-align: center;}
.visa_service_box {transition: all 0.3s; box-shadow: 0px 0px 4px hsl(0deg 0% 0% / 15%);border-radius: 10px;background: #fff;height: 100%;padding: 70px 35px 40px 35px;}
.visa_service_box figure {background: #fc3c60;height: 75px;width: 75px;margin: auto;display: flex;align-items: center;justify-content: center;border-radius: 50%;position: absolute;top: -38px;left: 0;right: 0;}
.visa_service .row [class*="col"] {position: relative;}
.visa_service_box h6 { margin-top: 0; transition: all 0.3s;font-size: 18px;color: #1f1f1f;font-weight: 800;margin-bottom: 20px;transition: all 0.3s;line-height: 24px;padding: 0 51px;}
.visa_service .row {margin-top: 90px;padding: 0 100px;}
.visa_service_box p {transition: all 0.3s;font-size: 14px;line-height: 24px;font-weight: 600;}
.visa_service_box:hover {box-shadow: none;background: #05304d;}
.visa_service_box:hover h6 {color: #fff;}
.visa_service_box:hover p {color: #fff;}