#home .top-bar{background-image: none !important;background-color: #F28523;}
#home .top-bar.top_head{display: block;padding:24px 32px !important;}
#home .top-bar.top_head .responsive_head_2{display: none;}
#home .top-bar.top_head .navbar{padding: 0 !important;background-color: #F28523;}
#home .top-bar.top_head .menus{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
#home .top-bar.top_head .menus .responsive_head{display: block;}
#home .top-bar.top_head .menus #navbar.navbar-collapse.collapse.in{border: 0 !important;margin: 0;width: 100%;}
#home .top-bar.top_head .menus #navbar.navbar-collapse.collapse.in ul {display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;background-color: #F28523;width: 100%;padding: 0 15px;position: relative;z-index: 6;}
#home .top-bar.top_head .menus #navbar.navbar-collapse.collapse.in ul li{color: #FFF;}
#home .top-bar.top_head .menus a.navbar-brand{display:inline-block;width:100%;}
#home .top-bar.top_head .menus .navbar-brand img{width: 170px;max-width:100%;height:auto;margin-top:-19px}
#home .top-bar.top_head .menus .navbar-default{background-color: #F28523;}
#home .top-bar.top_head .menus .navbar-nav > li > a{color: #FFFF;  font-family: Arial, Helvetica, sans-serif;font-size: 12px !important;font-weight: 500 !important;padding: 1rem;letter-spacing: 0px !important;}
#home .top-bar.top_head .menus .navbar-nav > li > a:hover{color:rgba(0,0,0,.9) !important}
.header-main .navbar .menus .navbar-header button.navbar-toggle{font-size: 1.25rem;line-height: 1;background-color: transparent !important;border: 1px solid transparent !important;border-radius: .25rem;transition: box-shadow .15s ease-in-out;}
.header-main .navbar .menus .navbar-header button.navbar-toggle span.icon-bar{background-color: #fff !important;height:2px;}





#home .foot{background-color:#2A3033;background-image: none !important; }
#home .foot .footer_new{color: #FFFF !important;}
#home .foot h2{color: #FFFF !important;}
#home .foot .footer_top{display: flex;justify-content: space-between;align-items: center;}
#home .foot .footer_top .footer_box{display: block;background-color: #2a3033;padding: 15px 12px;position: relative;height: 100%;box-shadow: 0 20px 27px 0 rgb(35 40 43);border-radius: 10px;margin-right: 10px;color: #FFFF;}
#home .foot .footer_top .footer_box h2,#home .foot .footer_top .footer_box ul li a{text-decoration: none;color: #FFFF !important;}
#home .foot .footer_top .footer_box ul li a:hover{color: #F28523 !important;}
#home .foot .social_icons{display: flex;justify-content: flex-start;align-items: center;gap: 20px;}
#home .foot .social_icons li a{color: #FFFF;text-decoration: none;font-size: 18px;}
#home .foot .social_icons li a:hover{color: #F28523;}
#home .foot .footer_top .footer-widget ul,#home .foot .footer_top .footer-widget .logo{margin: 0 !important;}
#home .foot .notify{display: flex;justify-content:flex-start;align-items: center;gap:5px;width: 100%;color: #FFFF;margin: 0 !important;font-size: 14px;}
#home .foot .notify a{display: inline;color: #F28523;font-size: 14px;}
#home .foot .notify a:hover{color: #FFFF !important;font-size: 14px;font-weight: normal !important;}


/* New Footer */
#footer{display: block;width: 100%;margin:0;background-color:#2A3033;padding:100px 0;position: relative;}
#footer .foot_top{display: flex;justify-content:center;align-items: flex-start;border-bottom:2px solid #F69921;padding-bottom:70px;}
#footer .foot_top .foot_top_left{display: flex;flex-direction: column;gap:31px;}
#footer .foot_top .foot_top_left .basic_contact{display: flex;justify-content: center;align-items:flex-start;gap:26px; width: 100%;}
#footer .foot_top .foot_top_left .basic_contact.mobshow{display: none;}
#footer .foot_top .foot_top_left .basic_contact i{display: inline-block;font-size:23px;color: #F69921;width:100%;max-width:23px;}
#footer .foot_top .foot_top_left .basic_contact span,#footer .foot_top .foot_top_left .basic_contact a{display: block;width: 100%;padding: 0;margin: 0;color: #F8F8F8;line-height: 24px;font-size: 20px;font-family: "Helvetica",Arial;text-decoration: none;}
#footer .foot_top .foot_top_left .basic_contact a:hover{color: #F69921;font-weight:normal;}
#footer .foot_top .foot_top_left .foot_social{display:flex;justify-content: flex-start;align-items: center;gap:40px;width: 100%;padding:30px 0 0 44px;text-align:center;}
#footer .foot_top .foot_top_left .foot_social a{text-decoration: none;color: #E3E3E3;font-size:33px;}
#footer .foot_top .foot_top_left .foot_social a i{display: inline-block;color: #E3E3E3;font-size:33px;}
#footer .foot_top .foot_top_left .foot_social a:hover i{color: #F69921;}


#footer .foot_top .foot_top_right{display: flex;flex-direction: column;gap: 31px;float: right;}
#footer .foot_top .foot_top_right .basic_contact{display: flex;justify-content: center;align-items:flex-start;gap:26px; width: 100%;}
#footer .foot_top .foot_top_right .basic_contact i{display: inline-block;font-size:23px;color: #F69921;width:100%;max-width:23px;}
#footer .foot_top .foot_top_right .basic_contact span,#footer .foot_top .foot_top_right .basic_contact a{display: block;width: 100%;padding: 0;margin: 0;color: #F8F8F8;line-height: 24px;font-size: 20px;font-family: "Helvetica",Arial;text-decoration: none;}
#footer .foot_top .foot_top_right .basic_contact a:hover{color: #F69921;font-weight:normal;}
#footer .foot_top .foot_top_right .logo{display: block;width: 100%;}
#footer .foot_top .foot_top_right .logo img{max-width: 100%;height: auto;}
#footer .foot_top .foot_top_right .logo.partner_logo{}
#footer .foot_top .foot_top_right .logo.celebrate_logo{margin-top:28px;margin-top: 28px;width: 250px;}

#footer .foot_bot{display: flex;justify-content:flex-start;align-items:center;padding:0;margin:29px -15px;}
#footer .foot_bot .locate{display:block;width: 100%;}
#footer .foot_bot .locate i{display: inline-block;font-size:23px;color: #F69921;margin-right: 26px;;max-width:23px;}
#footer .foot_bot .locate span{display:inline-block;padding: 0;margin: 0;color: #F8F8F8;line-height:24px;font-size: 20px;font-family: "Helvetica",Arial;}

#footer .d_flex_address{display: flex;justify-content:center;align-items:flex-start;}
#footer .d_flex_address .footer_box{display: block;background-color: #2a3033;padding:15px 12px;position: relative;height: 100%;box-shadow: 0px 3px 6px #00000029;border-radius: 10px;}
#footer .d_flex_address .footer_box .content{display: block;width: 100%;padding: 0;}
#footer .d_flex_address .footer_box .content h6{display: block;width: 100%;color: #F8F8F8;line-height:24px;font-size: 20px;text-align: left;margin:0 0 20px !important;}
#footer .d_flex_address .footer_box .content span{display: block;width: 100%;color: #F8F8F8;line-height:24px;font-size:16px;text-align: left;margin: 0 !important;}
/* New Footer */

/* banner_top */
#banner_top{display: block;width: 100%;padding:0;background-color: #535353;margin-right: 200px;display: none;}
#banner_top .banner_curve .d_flex{display: flex;justify-content: center;align-items: center;position: relative;z-index: 3;}
#banner_top .banner_curve{display: block;background-color: #FFFF;margin-right: 200px;border-bottom-left-radius: 0px;border-bottom-right-radius: 320px;padding: 0 50px;overflow: hidden;position: relative;}
#banner_top .banner_curve .banner_title{display: block;width: 100%;margin: 50px 0 100px 0;}
#banner_top .banner_curve .banner_title h3{display: block;width: 100%;max-width:473px;color:#E97815;line-height:1.2;font-size:60px;font-family:"Helvetica";font-weight:600;text-align: left;}
#banner_top .banner_curve .banner_logo{display: block;width: 100%;margin: 50px 0 100px 0;}
#banner_top .banner_curve .banner_logo img{max-width: 100%;height: auto;width: 300px;}

#banner_top .banner_curve .city_image{position: absolute;top: 50%;left: 50%;transform: translate(-40%, -84%);display: block;height: 353px;}
#banner_top .banner_curve .city_image .city_image_bg{background-image: url(https://transferet.co.in/track-and-trace/public/website/images/city-icons.png);background-repeat: no-repeat;background-position: center center;background-size: 70%;width: 1090px;height: 353px;}

/* #banner_top .banner_curve .city_image{display: block;width: 100%;margin: 0;padding: 0;position: relative;}
#banner_top .banner_curve .city_image img{max-width: 100%;height: auto;margin-bottom: -1px;} */





#banner_bottom{display: block;width: 100%;padding:0;background-color:#C9C9C9;overflow: hidden;}
#banner_bottom .banner_curve_left{display: block;background-color:#535353;width: 100%;border-bottom-right-radius: 0;border-top-right-radius: 0;border-bottom-left-radius:320px;border-top-left-radius:320px;margin-left:50px;overflow: hidden;}
#banner_bottom .banner_curve_left .bot_title{display: block;width: 100%;margin:30px 0 20px 0;padding:0 0 0 100px;}
#banner_bottom .banner_curve_left .bot_title h3{display: block;width: 100%;text-align: left;font-size: 32px;font-weight: 600;color: #F69921;margin: 0;}
#banner_bottom .banner_curve_left .track_id{display: block;width: 100%;margin: 0;padding:0 0 0 100px;}
#banner_bottom .banner_curve_left .track_id .error{font-size: medium;font-weight: 600;color: #b50000;}
#banner_bottom .banner_curve_left .track_id .success{font-size: medium;font-weight: 600;color: green;}
#banner_bottom .banner_curve_left .track_id .input_field{display: flex;justify-content:flex-start;align-items: center;gap: 20px;width: 100%;margin-bottom: 10px;}
#banner_bottom .banner_curve_left .track_id .input_field .form_control{padding:15px;outline: none;background-color: #FFFF;color:#00000057; border-radius: 30px;border: 0;font-size:16px;width: 100%;max-width: 674px;text-align: center;}
#banner_bottom .banner_curve_left .track_id .input_field .submit_btn{display: block;width: auto;background-color: #F69921;padding:15px 64px;border: 0;border-radius: 10px;box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.3);color: #FFFF;font-size: 16px;}
#banner_bottom .banner_curve_left .inquire{display: block;width: 100%;padding:0 0 30px 100px;}
#banner_bottom .banner_curve_left .inquire span{display: block;width: 100%;font-size: 20px;font-weight: 500;color: #FFFF;}
#banner_bottom .banner_curve_left .col-lg-4{padding: 0;}
#banner_bottom .banner_curve_left .address_box{display: block;width: 100%;padding:20px 50px;}
#banner_bottom .banner_curve_left .address_box.box_1{background-color:#E97815;}
#banner_bottom .banner_curve_left .address_box.box_2{background-color:#F69921;}
#banner_bottom .banner_curve_left .address_box .content{display: flex;justify-content: center;align-items: center;flex-direction: column;margin-bottom: 14px;min-height: 132px;}
#banner_bottom .banner_curve_left .address_box .content h4{display: block;width: 100%;text-align: center;font-size: 24px;font-weight: 500;color: #FFFF;}
#banner_bottom .banner_curve_left .address_box .content a{display: block;width: 100%;text-decoration: none;text-align: center;font-size:20px;color: #FFFF;}
#banner_bottom .banner_curve_left .address_box .content a.exit-pickup-a{padding-bottom: 28px;}
#banner_bottom .banner_curve_left .address_box .content a:hover{color: #000;}
#banner_bottom .banner_curve_left .contact{display: block;width: 100%;margin:0;padding:30px 0 10px 100px;}
#banner_bottom .banner_curve_left .contact span{display: block;width: 100%;margin: 0;padding: 0 0 20px;color:#FFFF;font-size: 14px;font-weight: 400;}
#banner_bottom .banner_curve_left .contact span a{text-decoration: underline;color:#3B8BE6;}
#banner_bottom .banner_curve_left .contact span i{color:#949494;margin-right: 12px;}

/* Progress Bar */
/* #banner_bottom .banner_curve_left  .progress_Bar{display:block;width: 100%;} */
/* #banner_bottom .banner_curve_left  .progress_Bar .bs-wizard{}*/
#banner_bottom .banner_curve_left  .progress_Bar .bs-wizard .bs-wizard-step{padding: 0;} 
#banner_bottom .banner_curve_left  .progress_Bar .bs-wizard .bs-wizard-step .bs-wizard-stepnum{color: #FFF;font-size:12px;margin-bottom: 23px;font-weight: 600;}
#banner_bottom .banner_curve_left  .progress_Bar .bs-wizard .bs-wizard-step .progress{position: relative;border-radius: 0px;height: 8px;box-shadow: none;margin: 20px 0;background-color: #f5f5f5;}
#banner_bottom .banner_curve_left  .progress_Bar .bs-wizard .bs-wizard-step:first-child .progress{left: 50%;width: 50%;}
#banner_bottom .banner_curve_left  .progress_Bar .bs-wizard .bs-wizard-step:last-child .progress{width: 50%;}

#banner_bottom .banner_curve_left  .progress_Bar .bs-wizard .bs-wizard-step.complete .progress .progress-bar{width: 100%;height: 100%;box-shadow: none;background-color: #fbe8aa !important;float: left;font-size: 12px;line-height: 20px;color: #fff;text-align: center;-webkit-transition: width .6s ease;-o-transition: width .6s ease;transition: width .6s ease;}
#banner_bottom .banner_curve_left  .progress_Bar .bs-wizard .bs-wizard-step.active .progress .progress-bar{width: 50%;background-color: #fbe8aa !important;}
#banner_bottom .banner_curve_left  .progress_Bar .bs-wizard .bs-wizard-step:first-child.active .progress .progress-bar{width: 0;}
#banner_bottom .banner_curve_left .progress_Bar .bs-wizard .bs-wizard-step:last-child.active .progress .progress-bar{width:100%;}

#banner_bottom .banner_curve_left  .progress_Bar .bs-wizard .bs-wizard-step .progress .progress-bar,
#banner_bottom .banner_curve_left  .progress_Bar .bs-wizard .bs-wizard-step.disabled .progress .progress-bar{background-color:#f5f5f5;}

#banner_bottom .banner_curve_left  .progress_Bar .bs-wizard .bs-wizard-step .bs-wizard-dot,
#banner_bottom .banner_curve_left  .progress_Bar .bs-wizard .bs-wizard-step.disabled .bs-wizard-dot{position: absolute;width: 30px;height: 30px;display: block;background: #f5f5f5;top: 45px;left: 50%;margin-top: -15px;margin-left: -15px;border-radius: 50%;}

#banner_bottom .banner_curve_left  .progress_Bar .bs-wizard .bs-wizard-step.complete .bs-wizard-dot,
#banner_bottom .banner_curve_left  .progress_Bar .bs-wizard .bs-wizard-step.active .bs-wizard-dot{background-color: #fbe8aa;}

#banner_bottom .banner_curve_left  .progress_Bar .bs-wizard .bs-wizard-step .bs-wizard-dot::after,
#banner_bottom .banner_curve_left  .progress_Bar .bs-wizard .bs-wizard-step.disabled .bs-wizard-dot::after{content: ' ';width: 14px;height: 14px;background: #f5f5f5;border-radius: 50px;position: absolute;top: 8px;left: 8px;}

#banner_bottom .banner_curve_left  .progress_Bar .bs-wizard .bs-wizard-step.complete .bs-wizard-dot::after,
#banner_bottom .banner_curve_left  .progress_Bar .bs-wizard .bs-wizard-step.active .bs-wizard-dot::after{background: #fbbd19;}

/* Pop Up */
.modal .modal-dialog{width: 100%;max-width: 800px;}
.modal .modal-header{padding: 10px 15px;background-color: #323232;}
.modal .modal-header .close{margin-top: -6px;margin-right: -7px;color: #FFF;opacity: inherit;}
.modal .modal-header .modal-title img{margin-right: 10px;}
.modal .modal-header  h4.modal-title{color: #fff;font-size: 18px;}
.modal .modal-body .card-body .table{margin-bottom: 0;background-color: #ffffff;border-collapse: collapse;border-width: 1px;border-color: #f5ab35;border-style: solid;color: #000000;}
.modal .modal-body .card-body .table thead {background-color: #f5ab35;}
.modal .modal-body .card-body .table td,.modal-body .card-body .table th{border:2px solid #f5ab35;padding: 3px;}





/* Media Queries */

@media (max-width: 1920px) and (min-width: 1441px){
    .container{width: 100%;max-width: 1580px;}
    #banner_top .banner_curve{margin-right: 300px;}
    #banner_top .banner_curve .d_flex{padding:0 100px;}
    #banner_bottom .banner_curve_left{margin-left: 150px;}        
}

@media (max-width: 1920px) and (min-width: 767px){
    #home .top-bar.top_head .menus .flexbox{display: flex;align-items: center;justify-content: center;gap: 40px;background-color: #FFF;padding: 10px 30px;border-radius: 0 40px 0 40px;}
    #home .top-bar.top_head .menus .flexbox .banner_title{display: block;}
    #home .top-bar.top_head .menus .flexbox .banner_title h3{display: block;font-size: 20px;font-weight: 800;line-height: 1;letter-spacing: normal;color: #F28523;margin: 0;}
    #home .top-bar.top_head .menus .flexbox .banner_logo{display: block;}
    #home .top-bar.top_head .menus .flexbox .banner_logo img{width: 100%;height: auto;max-width: 100px;}
}

@media only screen and (max-width: 1199px){
    #banner_top .banner_curve{margin-right:100px;padding:0 10px;}
    /* #banner_top .banner_curve .banner_title{margin:100px 0 0 !important;} */
    #banner_top .banner_curve .banner_title h3{font-size: 50px;}
    #banner_top .banner_curve .banner_logo img{width: 250px;}
    /* #banner_top .banner_curve .banner_logo{margin:100px 0 0 !important;padding-right: 60px;} */
    #banner_bottom .banner_curve_left .d_flex{display: flex;justify-content: center;align-items: center;flex-direction: row;}
    #banner_bottom .banner_curve_left .address_box{padding:50px 123px;}
}
    
@media only screen and (max-width: 991px){
    #banner_top .banner_curve{margin-right: 0;}
    #banner_top .banner_curve .banner_title{margin: 0 0 100px !important;max-width: 380px;}
    #banner_top .banner_curve .banner_title h3{font-size: 40px;line-height: 1.2;}
    #banner_top .banner_curve .banner_logo{margin: 0 0 100px !important;width: auto;}
    #banner_top .banner_curve .city_image{transform: translate(-53%, -79%);}
    #banner_top .banner_curve .d_flex{display: flex;justify-content: center;align-items: center;flex-direction: row;margin-top:50px;}
    #banner_bottom .banner_curve_left .bot_title{padding: 0 0 0 150px;}
    #banner_bottom .banner_curve_left .track_id{padding: 0 0 0 150px;}
    #banner_bottom .banner_curve_left .inquire{padding: 0 0 30px 150px;}
    #banner_bottom .banner_curve_left .bot_title h3{font-size: 26px;}
    #banner_bottom .banner_curve_left .track_id .input_field .form_control{max-width: 345px;}
    #banner_bottom .banner_curve_left .address_box{padding:50px 81px;}  
    #banner_bottom .banner_curve_left .contact{padding: 30px 0 10px 150px;}  
    #footer .foot_top{align-items: flex-start;}
    #footer .foot_top .foot_top_left .basic_contact span, #footer .foot_top .foot_top_left .basic_contact a{font-size: 16px;}
    #footer .foot_top .foot_top_right .basic_contact span, #footer .foot_top .foot_top_right .basic_contact a{font-size: 16px;}
    #footer .foot_top .foot_top_left .foot_social a i{font-size: 26px;}
    #footer .footer_boxes .footer_box{padding: 25px 15px;}
}
    
@media only screen and (max-width: 767px){
    #banner_top .banner_curve .banner_title{margin: 50px 0 100px 0 !important;}
    #banner_top .banner_curve .banner_logo{margin: 50px 0 100px 0 !important;}
    #home .top-bar.top_head .menus .navbar-header{display: flex;align-content: center;justify-content: space-between;width: 100%;flex-direction: row-reverse;}
    #home .top-bar.top_head .responsive_head_2{display: block;}
    #banner_top .banner_curve{border-bottom-right-radius:180px}
    #banner_top .banner_curve .d_flex{margin-top: 0;}
    #banner_bottom .banner_curve_left{border-bottom-left-radius:106px;border-top-left-radius:106px;margin-left: 0;}
    #banner_bottom .banner_curve_left .d_flex{flex-direction:row;}
    #banner_bottom .banner_curve_left .address_box{padding: 50px 55px;}
    #banner_bottom .banner_curve_left .bot_title{padding:0 20px;}
    #banner_bottom .banner_curve_left .track_id{padding:0 36px 10px;}
    #banner_bottom .banner_curve_left .track_id .input_field .submit_btn{padding: 15px 34px;}
    #banner_bottom .banner_curve_left .inquire{padding:0 40px 10px;}
    #banner_bottom .banner_curve_left .contact{padding: 20px 40px;}
    #footer .d_flex_address{flex-direction: column;}
    #footer .d_flex_address .footer_box{margin-top: 10px;}
    #footer .foot_top{flex-direction: column;}
    #footer .foot_top .foot_top_left .foot_social{padding:0 0 20px 44px;}
    #home .top-bar.top_head .menus .flexbox{display: none;}
    #banner_top{display: block;}
    #footer .foot_top .foot_top_left .basic_contact.mobshow{display: flex;}
    #footer .foot_top .foot_top_right .basic_contact.mobhide{display: none;}
}
    
@media only screen and (max-width: 479px){
    #home .top-bar.top_head .menus .navbar-brand > img{width: 100% !important;margin: 0 !important;}
    #home .top-bar.top_head .menus .responsive_head{display: none;}
    
    #home .top-bar.top_head .menus .navbar-header .navbar-brand{float: none !important;height: inherit !important;padding: inherit !important;font-size: inherit !important;line-height: inherit !important;}

    #banner_bottom .banner_curve_left .address_box .content{min-height: inherit;}

    #banner_top .banner_curve .d_flex{flex-direction: column-reverse;}
    #banner_bottom .banner_curve_left .bot_title h3{font-size: 20px;}
    #banner_bottom .banner_curve_left .track_id .input_field{flex-direction: column;}
    #banner_bottom .banner_curve_left .track_id .input_field .submit_btn{padding: 10px 54px;}
    #banner_bottom .banner_curve_left .inquire span{font-size: 16px;}
    #banner_bottom .banner_curve_left .d_flex{flex-direction: column;}
    #banner_bottom .banner_curve_left .address_box{padding:50px 152px;margin-bottom: 0;}
    #banner_bottom .banner_curve_left .contact{margin-top: 20px;}
    #footer{padding:50px 0;}
}

@media only screen and (max-width:359px){}