ul.tabs { margin: 0px; padding: 0px; float: left; list-style: none; height: 32px; border-bottom: 1px solid rgb(51, 51, 51); width: 100%; }
ul.tabs li {float: left;margin: 0px;cursor: pointer;padding: 0px 21px;height: 31px;line-height: 31px;color: rgb(45, 45, 45);overflow: hidden;position: relative;FONT-SIZE: 17PX;}
.tab_last { }
ul.tabs li:hover { background-color: rgb(204, 204, 204); color: rgb(51, 51, 51); }
ul.tabs li.active { background-color: rgb(255, 255, 255); color: rgb(51, 51, 51); border-bottom: 1px solid rgb(255, 255, 255); display: block; font-weight: 600; }
.tab_container { border-top: none; clear: both; float: left; width: 100%; background: rgb(255, 255, 255); overflow: auto; }
.tab_content {padding: 20px;display: none;background: #fde7e7;border: 2px dotted;margin: 24px 0;}
.tab_drawer_heading { display: none; }
@media screen and (max-width: 480px) {
  .tabs { display: none; }
  .tab_drawer_heading { color: rgb(0, 0, 0); border-top: 1px solid rgb(206, 206, 206); margin: 0px; padding: 5px 20px; display: block; cursor: pointer; user-select: none; }
  .d_active { background-color: rgb(102, 102, 102); color: rgb(255, 255, 255); }
}
.single-hero-slide { width: 100%; height: 400px; margin: 5px 0px; position: relative; z-index: 3; overflow: hidden; }
.single-hero-slide .hero-slides-content h2 { letter-spacing: 1px; transition-duration: 500ms; color: rgb(255, 255, 255); font-weight: 900; font-size: 30px; margin: 98px 0px 0px; text-shadow: rgba(0, 0, 0, 0.81) 0px 2px 4px; text-align: left; padding: 5px 20px; background: rgba(0, 0, 0, 0.48); }
.single-hero-slide .hero-slides-content p { font-size: 17px; color: rgb(255, 255, 255); margin-bottom: 41px; line-height: 20px; text-align: left; font-weight: 400; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-shadow: rgba(0, 0, 0, 0.81) 0px 2px 1px; }
.huy { padding: 30px 0px 80px; }
p { color: rgb(0, 0, 0); font-size: 15px; line-height: 1.8; font-weight: 400; }
.rail-banner-header { width: 100%; float: left; background: url("/assets/rail-bg-banner.jpg") center center no-repeat; height: 382px; }
.main-row { max-width: 1300px; min-width: 300px; margin: 0px auto; }
.header { width: 100%; }
.header-row { width: 100%; float: left; padding: 10px 0px; }
.logo { text-decoration: none; float: left; }
.logo img { max-width: 100%; }
.banner-text-row { width: 800px; margin: 130px auto 0px; }
.banner-head { text-transform: uppercase; font-size: 40px; color: rgb(0, 255, 246); font-family: "Roboto Condensed", sans-serif; font-weight: bold; }
.banner-sub-head { font-size: 24px; color: rgb(255, 255, 255); font-family: "Roboto Condensed", sans-serif; font-weight: bold; }
.banner-text { font-size: 18px; color: rgb(255, 255, 255); font-family: "Roboto Condensed", sans-serif; line-height: 26px; }
.content { width: 100%; float: left; padding-top: 30px; }
.search-field-row { width: 94%; float: left; padding: 30px 3%; background: rgb(255, 255, 255); border: 1px solid rgb(204, 204, 204); margin-top: -110px; }
.search-field-container { width: 100%; float: left; }
.search-field-box { width: 22%; float: left; padding-right: 0%; }
.search-field-style { width: 92%; float: left; background: rgb(245, 245, 245); border: 1px solid rgb(204, 204, 204); font-size: 16px; color: rgb(120, 120, 120); padding: 14px 4%; }
.content-msg { width: 100%; float: left; padding-top: 10px; border-top: 1px solid rgb(204, 204, 204); }
.rail-banner-text-row { width: 800px; margin: 20px auto 0px; }
.rail-banner-row { width: 90%; float: left; text-align: center; padding: 30px 5%; }
.rail-banner-head { text-transform: uppercase; font-size: 40px; color: rgb(255, 255, 255); font-family: "Roboto Condensed", sans-serif; font-weight: bold; }
.rail-banner-text { font-size: 22px; color: rgb(255, 255, 255); font-family: "Roboto Condensed", sans-serif; line-height: 32px; margin-top: 13px; }
#Stateid { height: 48px; background: whitesmoke; }
.submit_btn { text-align: center; color: rgb(255, 255, 255); font-weight: bold; font-size: 20px; background: rgb(230, 142, 2); padding: 8px 10px; text-decoration: none; cursor: pointer; border: none; }
.service-row { width: 100%; float: left; }
.service-box { width: 100%; padding-top: 70px; }
.service-head { width: 100%; float: left; text-align: center; }
.service-head h2 { font-weight: bold; color: rgb(54, 54, 54); font-size: 30px; text-transform: uppercase; }
.service-head p { width: 100%; float: left; text-align: center; font-weight: normal; color: rgb(54, 54, 54); font-size: 16px; text-transform: none; margin-top: 20px; }
.service-section { width: 100%; }
.service-box-row { display: block; }
.border-bottom { border-bottom: 1px solid rgb(204, 203, 204); }
.service-box-left { width: 29%; text-align: center; padding: 30px 2%; display: inline-block; vertical-align: top; }
.service-icon-row { width: 100%; }
.service-icon-row img { margin-top: 25px; }
.service-icon-box { width: 100px; height: 100px; background: rgb(241, 71, 67); margin: 0px auto; text-align: center; border-radius: 110px; }
.service-head-row { text-align: center; font-size: 17px; color: rgb(241, 71, 67); font-weight: bold; margin-top: 29px; }
.service-text-row { width: 100%; text-align: center; font-size: 16px; color: rgb(54, 54, 54); line-height: 26px; padding-top: 10px; }
.travel-agent-row { width: 100%; float: left; background: rgb(229, 239, 241); padding: 50px 0px 40px; margin-top: 50px; }
.travel-agent-head { width: 100%; float: left; text-align: center; }
.travel-agent-head img { max-width: 100%; }
.travel-agent-sub-head { width: 100%; float: left; text-align: center; font-size: 17px; color: rgb(54, 54, 54); padding-top: 10px; }
.travel-agent-sub-head b { width: 100%; float: left; }
.travel-agent-section { width: 100%; float: left; padding-top: 0px; }
.travel-agent-box { width: 25%; float: left; }
.travel-agent-icon-box { width: 144px; height: 144px; background: rgb(255, 255, 255); margin: 0px auto; text-align: center; border-radius: 150px; }
.travel-agent-icon-box img { margin-top: 35px; }
.travel-agent-name { width: 100%; float: left; text-align: center; padding-top: 15px; }
.travel-agent-arrow { width: 12.5%; text-align: center; float: left; padding-top: 60px; }
.service-row { width: 100%; float: left; }
.service-box { width: 100%; padding-top: 70px; }
.service-head { width: 100%; float: left; text-align: center; }
.service-head h2 { font-weight: bold; color: rgb(54, 54, 54); font-size: 30px; text-transform: uppercase; }
.service-head p { width: 100%; float: left; text-align: center; font-weight: normal; color: rgb(54, 54, 54); font-size: 16px; text-transform: none; margin-top: 20px; }
.service-section { width: 100%; }
.service-box-row { display: block; }
.border-bottom { border-bottom: 1px solid rgb(204, 203, 204); }
.service-box-left { width: 29%; text-align: center; padding: 30px 2%; display: inline-block; vertical-align: top; }
.footer-info-row { width: 100%; float: left; padding: 80px 0px; background: rgb(235, 235, 235); margin-top: 60px; }
.footer-info-box { width: 94%; float: left; text-align: center; padding: 0px 3%; }
.footer-info-head { width: 100%; float: left; font-size: 25px; color: rgb(241, 71, 67); font-weight: bold; }
.footer-info-text { width: 100%; float: left; font-size: 16px; color: rgb(54, 54, 54); padding-top: 10px; line-height: 26px; }
.footer-info-divider { width: 100%; float: left; padding: 30px 0px; }
.footer { width: 100%; float: left; }
.footer-top { width: 100%; float: left; background: url("/Content/images/AK/v1.0/IRCTCAgent/footer-bg.jpg") center top; padding: 60px 0px; }
.footer-top-box { width: 96%; float: left; padding: 0px 2%; }
.footer-left-box { width: 47%; float: left; }
.footer-right-box { width: 47%; float: right; }
.footer-head { width: 100%; float: left; color: rgb(246, 244, 245); font-weight: bold; font-size: 25px; text-transform: uppercase; }
.footer-sub-head { width: 100%; float: left; color: rgb(246, 244, 245); font-weight: bold; font-size: 22px; margin-top: 6px; }
.footer-sub-head a { font-size: 17px; color: rgb(246, 244, 245); text-decoration: none; font-weight: 400; }
.footer-sub-text { width: 100%; float: left; color: rgb(246, 244, 245); font-size: 16px; margin-top: 10px; }
.call-us { width: 100%; float: left; color: rgb(241, 71, 67); font-weight: bold; font-size: 22px; margin-top: 6px; }
.footer-head-divider { height: 1px; background: rgb(69, 77, 90); width: 100%; float: left; margin: 10px 0px; }
.footer-head-divider span { background: rgb(230, 142, 2); height: 3px; width: 70px; float: left; margin-top: -1px; }
.footer-bottom { width: 100%; float: left; }
.footer-bottom-row { width: 100%; float: left; padding: 15px 0px; text-align: center; }
.footer-rail-row { width: 100%; float: left; padding: 80px 0px; }
.footer-center-box { width: 90%; padding: 15px 5%; text-align: center; }
.footer-btm-divider { width: 100%; float: left; margin: 10px 0px; }
.footer-btm-divider-row { background: rgb(230, 142, 2); height: 3px; width: 70px; margin: 0px auto; }
.rail-banner-text-row { width: 800px; margin: 20px auto 0px; }
.rail-banner-row { width: 90%; float: left; text-align: center; padding: 30px 5%; }
.rail-banner-head { text-transform: uppercase; font-size: 40px; color: rgb(255, 255, 255); font-family: "Roboto Condensed", sans-serif; font-weight: bold; }
.rail-banner-text { font-size: 22px; color: rgb(255, 255, 255); font-family: "Roboto Condensed", sans-serif; line-height: 32px; margin-top: 13px; }
.faq-box-head { width: 100%; font-size: 25px; color: rgb(241, 71, 67); font-weight: bold; margin-top: 35px; }
.faq-box { text-align: left; }
.accordion-container { position: relative; max-width: 100%; height: auto; margin: 10px auto; }
.set { width: 100%; background-color: rgb(243, 243, 243); }
.set > a { display: block; padding: 13px 15px; text-decoration: none; border-bottom: 1px solid rgb(230, 230, 230); transition: all 0.2s linear 0s; cursor: pointer; width: 100%; }
.set > a h2 { color: rgb(85, 85, 85); font-weight: 500; font-size: 15px; display: inline-block; margin: 0px; }
.set > a i { float: right; margin-top: 8px; }
.set > a:hover { background-color: rgb(228, 228, 228); color: rgb(54, 54, 54); }
.set > a.active { background-color: rgb(228, 228, 228); color: rgb(54, 54, 54); }
.faq-content { background-color: rgb(255, 255, 255); border-bottom: 1px solid rgb(221, 221, 221); display: none; }
.faq-content p { padding: 10px 2%; margin: 0px; color: rgb(54, 54, 54); width: 96%; float: left; font-size: 14px; line-height: 22px; }
.faq-content ul { width: 96%; float: left; padding: 0px; margin: 0px 0px 0px 4%; font-size: 14px; line-height: 22px; }
.faq-content ul li { width: 100%; float: left; padding: 0px; margin: 0px; line-height: 33px; list-style: url("/Content/images/AK/v1.0/IRCTCAgent/irctc-list-arrow.png"); color: rgb(54, 54, 54); }
.fa-minus { background: url("/Content/images/AK/v1.0/IRCTCAgent/fa-minus.png"); width: 11px; height: 6px; float: right; }
.fa-plus { background: url("/Content/images/AK/v1.0/IRCTCAgent/fa-plus.png"); width: 11px; height: 6px; float: right; }
.whatsapp_number_row { display: none; }
.app-download-row { width: 100%; float: left; margin-top: 10px; }
.app-download-box { background: padding-box rgb(255, 255, 255); border-radius: 5px; border: 5px solid rgba(242, 242, 242, 0.5); width: 300px; text-decoration: none; display: inline-block; margin: 0px auto; }
.appicon { float: left; width: 100px; padding-top: 9px; }
.app-content { max-width: 100%; padding-top: 16px; margin-left: 105px; text-align: left; }
.app-content h4 { font-family: Roboto, sans-serif; font-size: 16px; font-weight: 500; color: rgb(78, 78, 78); width: 100%; float: left; }
.app-content h2 { font-family: Roboto, sans-serif; font-size: 24px; font-weight: 900; color: rgb(194, 43, 111); width: 100%; float: left; text-transform: uppercase; margin-top: 0px; }
.footer-int-btm-row { width: 100%; float: left; padding: 40px 0px 100px; margin-top: 30px; background: rgb(237, 237, 237); }
.footer-int-lft-col { width: 70%; float: left; }
.footer-int-lft-col ul { width: 100%; float: left; padding: 0px; margin: 11px 0px 0px 23px; }
.footer-int-lft-col ul li { width: 100%; float: left; padding: 0px; margin: 0px; line-height: 33px; list-style: url("/Content/images/AK/v1.0/IRCTCAgent/irctc-list-tick.png"); }
.footer-int-rgt-col { width: 30%; float: left; }
.footer-int-rgt-col label { width: 100%; line-height: 20px; text-align: left; padding-bottom: 10px; }
.irctc-reg-btn { float: left; display: inline; }
.irctc-reg-btn a { display: block; background: rgb(230, 142, 2); text-align: center; font-weight: bold; font-size: 30px; text-decoration: none; text-transform: uppercase; color: rgb(255, 255, 255); border-radius: 5px; padding: 15px 60px; cursor: pointer; }
.irctc-reg-btn a:hover { background: rgb(213, 112, 3); }
.footer-int-head { width: 100%; float: left; font-size: 25px; color: rgb(241, 71, 67); font-weight: bold; }
.irctc-reg-btn a { display: block; background: rgb(230, 142, 2); text-align: center; font-weight: bold; font-size: 30px; text-decoration: none; text-transform: uppercase; color: rgb(255, 255, 255); border-radius: 5px; padding: 15px 60px; cursor: pointer; }
.footer-int-rgt-col label { width: 100%; line-height: 20px; text-align: left; padding-bottom: 10px; }
.UPSTDC-reg-btn a {/* display: block; */background: rgb(230, 142, 2);text-align: center;font-weight: bold;font-size: 26px;text-decoration: none;text-transform: uppercase;color: rgb(255, 255, 255);border-radius: 5px;padding: 3px 54px;cursor: pointer;margin: 0 auto;}
.tab_content h2{    background: white;
    font-size: 20px;
    padding: 12px 10px;
    border-bottom: 2px dotted;}
.tab_content h3{    background: white;
    font-size: 20px;
    padding: 12px 10px;
    border-bottom: 2px dotted;}


@media only screen and (max-width: 768px) {
  .main-row { max-width: 100%; min-width: 100%; margin: 0px auto; }
  .search-field-box { width: 50%; float: left; padding-right: 0%; }
  .search-field-row { width: 100%; float: left; padding: 30px 3%; background: rgb(255, 255, 255); border: 1px solid rgb(204, 204, 204); margin-top: -110px; }
  #Stateid { height: 48px; background: whitesmoke; width: 92%; }
  .rail-banner-row { width: 100%; float: none; text-align: center; padding: 30px 5%; }
  .rail-banner-header { width: 100%; float: none; background: url("/assets/rail-bg-banner.jpg") center center no-repeat; height: 382px; }
  .rail-banner-text-row { width: 100%; margin: 20px auto 0px; }
  .rail-banner-head { text-transform: uppercase; font-size: 27px; color: rgb(255, 255, 255); font-family: "Roboto Condensed", sans-serif; font-weight: bold; }
  .rail-banner-text { font-size: 14px; color: rgb(255, 255, 255); font-family: "Roboto Condensed", sans-serif; line-height: 32px; margin-top: 13px; }
  .service-head { width: 100%; float: none; text-align: center; }
  .service-row { width: 100%; float: none; }
  .service-box { width: 100%; float: none; padding-top: 70px; display: none; }
  .service-section { width: 100%; float: none; }
  .service-head p { width: 100%; float: none; text-align: center; font-weight: normal; color: rgb(54, 54, 54); font-size: 16px; text-transform: none; margin-top: 20px; }
  .content { width: 100%; float: none; padding-top: 50px; }
  .footer-int-head { width: 100%; float: none; font-size: 25px; color: rgb(241, 71, 67); font-weight: bold; }
  .footer-rail-row { width: 100%; float: none; padding: 80px 0px; }
  .travel-agent-row { width: 100%; float: none; background: rgb(229, 239, 241); padding: 50px 0px; margin-top: 80px; }
  .travel-agent-box { width: 100%; float: none; }
  .travel-agent-section { width: 100%; float: left; padding-top: 0px; }
  .travel-agent-section { width: 100%; float: none; padding-top: 0px; }
  .travel-agent-name { width: 100%; float: none; text-align: center; padding-top: 15px; font-size: 16px; margin: 0px 0px 29px; }
  .set > a h2 { color: rgb(85, 85, 85); font-weight: 500; font-size: 15px; display: inline-block; margin: 0px; width: 92%; }
  .footer-int-lft-col { width: 100%; float: left; }
  .footer-int-rgt-col { width: 100%; float: left; }
}


div#hayyy .btn-default {
    color: #fff;
    background-color: #b50a0a;
    border-color: #b50a0a;
}
div#hayyy li {
    padding-left: 0;
    position: relative;
    margin-left: 0;
    color: #000;
}