.trip-planner{padding: 50px 0px;}
.trip-planner h1{font-size: 36px;font-weight: 700;margin-bottom: 35px;text-align: center;}
.trip-planner .flow-panel{position: relative;display: flex;justify-content: space-between;}
.trip-planner .flow-panel .pan{position: relative; display: flex;align-items: center;justify-content: center;flex-direction: column;width: 20%;}
.trip-planner .flow-panel .pan:after{content: '';position: absolute;height: 4px;right: 50%;top: 18px;background: #e5e5e4;z-index: -1;left: -50%;-webkit-transition: background 0.45s ease;transition: background 0.45s ease;}
.trip-planner .flow-panel .first-pan:after{content: '';position: absolute;height: 0px;right: 0%;top: 18px;background: #e5e5e4;z-index: -1;left: -0%;-webkit-transition: background 0.45s ease;transition: background 0.45s ease;}
.p-active{background: #3793af!important;color: #fff!important;}
.trip-planner .flow-panel .pan .number{font-weight: 700; background: #e5e5e4;color: #666;height: 40px;width: 40px;border-radius: 50%;display: flex;align-items: center;justify-content: center;}
.trip-planner .flow-panel .pan .ptitle{margin-top: 10px;font-weight: 400;color: #000;font-size: 14px;}
.trip-planner .plan-content{padding: 20px;margin-top: 20px;}
.trip-planner .plan-content h2{font-size: 22px;font-weight: 700;color: #000;margin-bottom: 20px;text-align: center;}
.trip-planner .plan-content button{border: 1px solid #ddd;background: #fff;padding: 40px;margin-right: 15px;}
.trip-planner .plan-content button:hover{border-color: #4594b3;}
.trip-planner .plan-content button h3{font-size: 20px;font-weight: 500;color: #333;margin-top: 10px;}
.trip-planner .plan-content button img{height: 70px;width: auto;}
.trip-planner select{font-family: 'Poppins', sans-serif;}
.trip-planner .plan-display{margin-top: 82px;padding: 20px;border: 1px solid #4594b3;box-shadow: 0px 0px 8px #4594b38f;}
.trip-planner .plan-display h2{font-size: 20px;font-weight: 700;color: #000;}
.trip-planner .plan-display ul li{font-size: 14px; display: flex;align-items: center;justify-content: space-between;margin-top: 10px;color: #000;}
.trip-planner .plan-display ul li span:first-child{font-weight: 700;}
.trip-planner .plan-display ul li i{color: #4594b3;font-size: 18px;margin-left: 5px;}
.trip-planner .form-select:focus{box-shadow: none;outline: none;}
.trip-planner #cont1frm{display: none;}
.trip-planner #cont2frm_exact{display: none;}
.trip-planner #cont2frm_approx{display: none;}
.trip-planner #cont1 label{font-weight: 600;color: #000;margin-top: 15px;}
.trip-planner #cont1 #cont1_button{opacity: 0.5; padding: 5px 25px;background: #4594b3;color: #fff;border-radius: 25px;float: right;margin-top: 10px;}
.trip-planner #cont2 button h3{font-size: 16px!important;}
.trip-planner #cont2 #cont2_button{opacity: 0.5; padding: 5px 25px;background: #4594b3;color: #fff;border-radius: 25px;float: right;margin-top: 10px;}
.trip-planner #cont2 label{font-weight: 600;color: #000;margin-top: 15px;}
.trip-planner #cont3{margin-left: 40px;}
.trip-planner #cont3 #cont3_button{opacity: 0.5; padding: 5px 25px;background: #4594b3;color: #fff;border-radius: 25px;float: right;margin-top: 10px;}
.trip-planner #cont3 .form-label{color: #000;font-weight: 500;}
.trip-planner #cont4{margin-left: 40px;}
.trip-planner #cont4 .form-label{color: #000;font-weight: 500;}
.trip-planner #cont4 .est-budgt{display: flex;height: 38px;align-items: center;border: 1px solid #ced4da;border-radius: 4px;padding-left:8px;padding-right: 8px;}
.trip-planner #cont4 .est-budgt span{color: #000;font-weight: 600;}
.trip-planner #cont4 .est-budgt .form-control{border: none;}
.trip-planner #cont4 .form-check{margin: 10px 0px;}
.trip-planner #cont4 .form-check h3{font-size: 15px;font-weight: 500;color: #000;}
.trip-planner #cont4 .form-check small{font-size: 14px; font-weight: 400;color: #999;}
.trip-planner #submit_plan{opacity: 0.5; padding: 5px 25px;background: #4594b3;color: #fff;border-radius: 25px;float: right;border: none;}

.trip-planner .success_message{margin: 0 auto;box-shadow: 0px 0px 10px #d9d9d9;padding: 40px;}
.trip-planner .success_message h1{margin: 0px;padding: 0px;text-align: left;}
.trip-planner .success_message img{height: 50px;width: auto;margin: 20px;}
.trip-planner .success_message .c-lgo{height:30px;width: auto;margin: 5px 0px;}
.trip-planner .success_message p{margin-bottom: 0px;font-size: 18px;padding: 8px 0px;}
.trip-planner .success_message h4{font-weight: 500;color: #000;margin-bottom: 5px;}
.trip-planner .success_message .book-title{margin-bottom: 0px;}
/*display off for remainin planner*/
.trip-planner #cont2,#cont3,#cont4{display: none;}
.trip-planner #cont1 .plan_1{display: flex;align-items: center;justify-content: space-between;}
.trip-planner #cont2 .plan_2{display: flex;align-items: center;justify-content: space-between;}


@media (max-width: 991px) { 
.trip-planner .flow-panel .pan .ptitle{display: none;}
.trip-planner .plan-content button{padding: 15px;margin-right: 5px;}
.trip-planner .plan-content button img{height: 40px;}
.trip-planner .plan-content{padding: 0px;}
.trip-planner .plan-content button h3{font-size: 16px;}
.trip-planner #cont3{margin-left: 0px;}
.trip-planner .plan-content h2{text-align: left;}
.trip-planner .plan-content .er-row{flex-direction: column;}
.trip-planner #cont4{margin-left: 0px;}
.trip-planner .success_message{padding: 20px;}
}