.form-step { background-image: url("../images/layout/form-background.png"); background-repeat: no-repeat; background-position: left center; padding: 170px 90px; background-size: 64% 98%; margin: 0px 0 0 -15%; }
.form-step h2{ font-size: 22px; line-height: 28px; font-weight: 900; text-transform: uppercase; color: #0d5391; text-align: center; margin: 0 0 5px 0; padding: 0; }
.form-step h3{ font-size: 18px; line-height: 24px; font-weight: 400; font-style: italic; color: #3d3d3d; text-align: center; margin:  0 0 25px 0; padding: 0; }
.card { z-index: 0; border: none; position: relative; background-color: transparent; }
#travelForm .form-label{ font-size: 15px; font-weight: 600; color: #114a7d; text-transform: uppercase; line-height: 16px; margin: 0 0 5px 0; }
.progress-wrapper{position:relative;margin-bottom:20px;}
.progress-line{position:absolute;top:22px;left:0;width:100%;height:4px;background:#e9ecef;z-index:1;border-radius:4px;}
.progress-line-fill{height:4px;background:#0d6efd;width:0%;transition:width .4s ease;border-radius:4px;}
.progress-steps{display:flex;justify-content:space-between;position:relative;z-index:2;}
.progress-step{text-align:center;flex:1;}
.circle{width:44px;height:44px;border-radius:50%;background:white;border:3px solid #dee2e6;display:flex;align-items:center;justify-content:center;margin:auto;font-weight:600;position:relative;transition:all .3s; color: #206ec0;}
.step-check{display:none;font-size:18px;}
.progress-step small{ display:block; margin-top:8px; font-size:15px;color:#206ec0; font-weight: 400; }
.progress-step.active .circle{border-color:#dee2e6;background:#dee2e6;color:#206ec0;}
.progress-step.completed .circle{ border-color:#206ec0;background:#206ec0;color:#ffc887; }
.progress-step.completed .step-number{display:none;}
.progress-step.completed .step-check{display:block;}
.progress-step.active small{color:#206ec0;font-weight:700;}
.progress-step.completed small{ color: #292929; font-weight: 600; }
.nextBtn{ background-color: #206ec0; width: 180px; }
.prevBtn{ background-color: #ffc887; border: #ffc887; color: #206ec0; width: 180px; }
.sucBtn{ background-color: #206ec0; width: 180px; }
#submitBtn{  width: 180px; }
.nextBtn:hover, .prevBtn:hover, .sucBtn:hover, #submitBtn:hover{ opacity: .75; }
.form-control{ font-size: 15px; }
.summary-box{background:white;border-radius:10px;padding:20px;border:1px solid #eee;}
.summary-section{margin-bottom:20px;}
.summary-section h6{ font-weight: 600; margin-bottom: 0; color: #206ec0; text-align: left; font-size: 16px; border-bottom: 1px solid; }
.summary-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #f1f1f1;font-size:14px;}
.summary-row:last-child{border-bottom:none;}
.summary-row span{color:#777;}
.summary-row strong{font-weight:600;color:#333;}
.summary-box{background:white;border-radius:12px;padding:20px;border:1px solid #eee; margin-bottom: 10px;}
.summary-section h6{font-weight:600;margin-bottom:15px;color:#0d6efd;}
.summary-item{background:#f8f9fa;border-radius:8px;padding:10px 12px;height:100%;}
.summary-item small{display:block;font-size:12px;color:#777;margin-bottom:3px;}
.summary-item div{font-weight:600;color:#333;}
.step{display:none}
.step.active{display:block}
.traveler-popup{position:absolute; top:100%; left:0; width:100%; background:white; border:1px solid #ddd; border-radius:8px; padding:12px; margin-top:5px; display:none; z-index:1000}
.traveler-popup.active{display:block}
.counter{display:flex; align-items:center; gap:10px}
.counter span{min-width:20px; text-align:center; font-weight:bold}
#website_hp{display:none !important;}

@media only screen and (min-width: 320px) and (max-width: 480px) { /*Mobile portrait (320x480)*/
    .form-step { padding: 100px 10px; background-size: 129% 103%; margin: 0px 0 0 0;}
    .nextBtn, .prevBtn, .sucBtn, #submitBtn{ width: 175px; }
   
    
    
}
@media only screen and (min-width: 769px) and (max-width: 1024px) { /*Small tablet landscape (800x600) Tablet portrait (768x1024) */
    .form-step { background-position: -71px center; padding: 70px 72px; background-size:94% 125%; margin: 0px 0 0 -10%; }
    .div-form{ max-width: 70%; }
    #travelForm .form-label { font-size: 13px; }
}
@media only screen and (min-width: 578px) and (max-width: 768px) { /* Mobile landscape (480x320) - Small tablet portrait (600x800)*/
    .form-step { background-position: -71px center; padding: 70px 72px; background-size:94% 125%; margin: 0px 0 0 -15%; }
    .div-form{ max-width: 70%; }
    #travelForm .form-label { font-size: 13px; }
   
}

@media only screen and (min-width: 1025px) and (max-width: 1280px) { /*Tablet landscape (1024x768)*/
    #travelForm .form-label { font-size: 13px; }
    .form-step h2{ font-size: 20px;}
}


@media only screen and (min-width: 481px) and (max-width: 576px) { /* Mobile landscape (480x320) - Small tablet portrait (600x800)*/
 
    
    
}

@media only screen and (min-width: 1281px) and (max-width: 1440px) { /*  */
	
}