@import url('../css2');
 @import url('../css2-1');

 @font-face {
     font-family: KurtiDev;
     src: url('../fonts/krutidev-010-hindi-font-download.ttf');
 }

 .hi {
     font-family: KurtiDev, Arial, Helvetica, sans-serif !important;
 }

 body,
 h1,
 h2,
 h3,
 h4,
 h5 {
     font-family: "Poppins", sans-serif
 }

 body {
     background: #CCCCCC;
     color: #333;
 }
.topHeading {
    font-weight: 900;
    color: #ff8429 !important;
}
.my10 {
    margin: 40px 0px;
}
 .banner {
     margin: 0px 0;
     height: auto;
     position: relative
         /* background: url('../images/banner/2.jpeg');
     background-size: cover; */
 }

 .banner img {
     width: 100%;
     position: relative;
 }

 .banner .cover {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     padding: 40px;
     z-index: 1000;
 }

 .banner .cover p {
     line-height: 28px;
 }

 .wrapper {
     margin: 0 auto;
     width: 90%;
     height: auto;
     overflow: auto;
 }

 .logo {
     padding: 10px 20px 0 0 !important;
 }

 .logo h4 {
     margin: 0;
     padding: 0 !important;
 }

 .logo img {
     height: 90px;
 }

 .menu a {
     padding: 13px 20px !important;
 }

 .mask_menu {
     display: none;
     width: 100%;
     height: 100%;
     padding: 100px 0 0;
     position: fixed;
     top: 0;
     left: 0;
     background-color: rgba(255, 87, 34, 0.95);
     text-align: center;
     color: #fff;
     z-index: 1001;
 }

 .mask_menu h3 {
     margin-bottom: 40px;
 }

 .mask_menu a {
     display: block;
     background-color: transparent;
     font-size: 18px;
 }

 .r_menu a:hover {
     background-color: transparent !important;
 }

 .r_menu_close {
     width: 100px;
     position: fixed;
     left: calc(50% - 50px);
     bottom: 40px;
     padding: 10px;
     position: bottom;
 }

.active {
    background-color: #ff8429;
    color: #000000;
}

 .tab {
     height: auto;
     overflow: auto;
 }

 .tab button {
     margin: 0;
     width: 50%;
     text-align: left;
     padding: 15px 20px;
 }

 .tab-content {
     min-height: 350px;
     padding: 20px !important;
 }

 .login_box {
     display: none;
 }

 .logo_right svg {
     margin-top: -40px;
     width: 100% !important;
 }

 .cls-1 {
     isolation: isolate;
 }

 .cls-2 {
     fill: #ffffff;
 }

 .cls-3,
 .cls-8 {
     stroke: #000;
     stroke-miterlimit: 10;
     stroke-width: 2px;
 }

 .cls-4 {
     fill: #ed4fbd;
 }

 .cls-5 {
     fill: #22f285;
 }

 .cls-6 {
     fill: #5871ed;
 }

 .cls-7 {
     fill: #3a703a;
 }

 .cls-8 {
     fill: none;
 }

 .cls-9 {
     fill: #f43d61;
 }

 .cls-10 {
     fill: #68c3ea;
 }

 .cls-11 {
     fill: #f4a67a;
 }

 .cls-12 {
     fill: #ede84a;
 }

 .cls-13 {
     fill: #8c56d8;
 }

 .cls-14 {
     fill: #be41f9;
 }

 .cls-15 {
     opacity: 0.75;
     mix-blend-mode: multiply;
 }

 .track_box input,
 .track_box button,
 .login_box input,
 .login_box button {
     height: 50px;
     padding: 0 30px !important;
 }

 .logo_right p {
     margin: 0;
 }

 .r_menu {
     display: none;
 }

 .month_ddlbox {
     margin: 0 auto;
     width: 40%;
     height: auto;
     overflow: auto;
     padding: 10px 0 20px;
 }

 .empty {
     display: none;
     height: auto;
     overflow: auto;
 }

 .empty p {
     margin: 0;
     padding: 0;
     font-size: 50px;
     color: #ccc;
 }

 .empty p:nth-child(2),
 .empty p:nth-child(3) {
     font-size: 16px;
     color: #aaa;
 }

 #tooltip {
     background: cornsilk;
     border: 1px solid black;
     border-radius: 5px;
     padding: 5px;
 }

 @media screen and (max-width:400px) {

     .banner {
         height: 300px;
         background: url('../images/banner/2.jpg') no-repeat top left -185px;
         background-size: cover;
         border-radius: 4px;
     }

     .menu,
     #m_login {
         display: none;
     }

     .r_menu {
         display: block;
     }

     .banner img {
         display: none;
     }

     .banner .cover {
         padding: 15px;
     }

     .banner .cover h1 {
         font-size: 28px;
     }

     .banner .cover h3 {
         font-size: 18px;
     }

     .banner .cover p {
         font-size: 14px;
     }

     .wrapper {
         width: 100%;
     }

     .w3-container {
         padding-right: 0 !important;
         padding-left: 0 !important;
     }

     .logo {
         padding-right: 0 !important;
     }

     .logo_right {
         width: 100%;
         text-align: center !important;
         padding: 0 !important;
         margin: 0 !important;
     }

     .dumka h3 {
         text-align: center;
     }

     #smooth {
         padding-bottom: 40px !important;
     }

     .month_ddlbox {
         width: 100%;
     }
 }

 @media screen and (min-width:401px) and (max-width: 1000px) {

     .menu,
     #m_login {
         display: none;
     }

     .r_menu {
         display: block;
     }

     .banner {
         height: 300px;
         background: url('../images/banner/2.jpg') no-repeat;
         background-size: cover;
         border-radius: 4px;
     }

     .banner img {
         display: none;
     }

     .banner .cover {
         padding: 15px;
     }

     .banner .cover h1 {
         font-size: 28px;
     }

     .banner .cover h3 {
         font-size: 18px;
     }

     .banner .cover p {
         font-size: 14px;
     }

     .wrapper {
         width: 100%;
     }

     .w3-container {
         padding-right: 0 !important;
         padding-left: 0 !important;
     }

     .logo {
         padding-right: 0 !important;
     }

     .logo_right {
         width: 100%;
         text-align: center !important;
         padding: 0 !important;
         margin: 0 !important;
     }

     .dumka h3 {
         text-align: center;
     }

     #smooth {
         padding-bottom: 40px !important;
     }

     .month_ddlbox {
         width: 100%;
     }
 }