/* taps*/
body{margin: 0;background-color: #fcfcfc !important;}	
.Footer-background-section2 {
    background-color: #fcfcfc !important;    height: 382px;
}
ul.tab {
	list-style-type: none;
	height: 44px;
    margin: 0;
    padding: 0;
    margin-top: 50px;
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #ffffff;
}

/* Float the list items side by side */
ul.tab li {max-width: 100%;
    text-align: center;}

/* Style the links inside the list items */
ul.tab li a {
	width: 100%;
    display: inline-block;
	color: #bebebe;    text-align: center;
	padding: 8px 0px;    text-decoration: none;
    transition: 0.3s;
    font-size: 18px;
}



/* Create an active/current tablink class */
ul.tab li a:focus, .active {
	transition: .25s ease-in-out;
    background-color: #643c76;
    color: #ffffff !important;	width: 100%;
}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 12px;
    -webkit-animation: fadeEffect 1s;
    animation: fadeEffect 1s;
}

@-webkit-keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}

@keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}
/*close taps */

.img-bank{float: right; width: 130px;margin-top: 10px;}   
 .botom1{background-color: #643c76;float: left;text-align: center; color: #f4d333; width: 155px;
    height: 42px; border-radius: 8px; padding-top: 5px; font-size: 19px; } 
    .botom1:hover{background-color: #623875e1;color: #f4d333;transition: .25s ease-in-out;}
.home{text-align: right;background-color: #703978; color: #ffd200;  width: fit-content;   padding: 6px;  margin-top: 118px;}  
.Individuals-Package{background-color: #fff3ae;; width: 100%; height: auto;color: #703978; padding-bottom: 9px; text-align: right;}  
.text-Individuals-Package{padding-right: 20px;  padding-top: 8px;}
.number-Individuals-Package{font-size: 35px; font-weight: 700;}
.logo-bank{height: 160px;padding-top: 27px;}           
.Bank-transfer{width: 50%;color: #988e8e;font-size: 16px;text-align: center; line-height: 43px; letter-spacing: 1px;border: solid 1px #ddd;}
 .Card-values{width: 45%;font-size: 13px;   line-height: 20px;   color: #713371;display: inline-block;   vertical-align: middle;   width: 65%;   padding-left: 10px; text-align: right;}  
 .number-card-values{width: 45%;font-size:18px; line-height: 20px; letter-spacing: 1px;}                                                
.Bank-transfer:hover{transition: .25s ease-in-out; background-color: #643c76;color: #ffd200;}                        
.Online-payment{width: 50%;color: #988e8e;font-size: 16px;text-align: center;line-height: 43px;letter-spacing: 1px;border: solid 1px #ddd;}
 .div-Card-values{   margin-top: 50px; border-radius: 12px; padding: 15px;padding-bottom: 0;} 
.img-bank2{float: left;
    width: 318px;
    margin-bottom: 12px;
    margin-top: 11px;}   
 .name-bank{border-bottom: solid 1px #ddd; text-align: center;margin-top: 56px;font-size: 15px;color: #1a4197;}
 .name-converter{width: 100%;height: 36px;font-size: 14px;background-color: #fffafa00;border: none;border-bottom: solid 1px #f2f2f2;margin-top: 19px;}
.values-converter{width: 100%;height: 36px;font-size: 14px;background-color: #fffafa00;border: none;border-bottom: solid 1px #f2f2f2;margin-top: 19px;}                                              
.Online-payment:hover{transition: .25s ease-in-out; background-color: #643c76;color: #ffd200;}                        
.botom{background-color: #643c76;color: #f4d333;width: 142px;height: 42px;border-radius: 8px;padding-top: 5px;font-size: 19px;margin-right: 35%; margin-top: 29px;}
.View-the-bill{width: 50%; font-size: 13px; text-align: right; line-height: 40px; letter-spacing: 1px;}    
.botom:hover{background-color: #623875e1;color: #f4d333;transition: .25s ease-in-out;}
.card.div-Card-values {
    color: #713371;
}
.Date{width: 100%;   font-size: 14px;   text-align: center;   line-height: 16px;   padding-top: 30px;   color: #948c8c;   letter-spacing: 1px;}  
.input-card{width: 100%; border: solid 1px #DDdd;}   
 textarea:focus, input:focus { outline: none; border-bottom-color: rgb(102, 30, 136);}    
.input-text {height: 42px;text-align: center;} 
label{color: #643c76;font-size: 12px;}  
.botom2{background-color: #643c76;float: left;text-align: center; color: #f4d333; width: 142px;
     height: 42px; border-radius: 8px; padding-top: 5px; font-size: 19px;margin-right: 35%; margin-top: 29px;}  
.botom2:hover{background-color: #623875e1;color: #f4d333;transition: .25s ease-in-out;}
.text-saheb{padding-top: 55px;
    font-size: 19px;
    line-height: 1.7;
    color: #695e5e;}
.div-saheb{background-color: #f7f7f7;margin-top: 25px; width: 100%; height: 200px;
    border: dashed 1px;text-align: center;}
.lamp{width: 55px;
    margin-right: 16%;
    top: 121px;}
    .Group_19{width: 51px;
        margin-top: 25px;
        margin-right: 69px;}
        .book2-bank{width: 59px;
            margin-left: -108px;}



/* page lesson  */


.title-card{color: #713371;padding-top: 10px;font-size: 18px;}
.img-card{max-width: 100%;padding-bottom: 15px;	padding-top: 15px;}
.button-card{background-color: darkmagenta;text-align: center; padding-top: 5px;padding-bottom: 0.2px;
width: 83px;text-align: center;font-size: 14px;	margin-right: 15px;	color: aliceblue;display: inline-flex;}
.icon-buton-card{padding-top: 4px !important;padding-left: 8px !important;padding-right: 9px;}
.container-fluid{height: auto;
    padding-right: 0px !important;
    padding-bottom: 40px;}
.style{font-size: 26px;
    padding-left: 10px;}

 .menu {
   text-indent: 15px;
   line-height: 57px;
}

 .menu a {
	font-size: 18px;
   display: block;
   text-decoration: none;
   color: #643c76;
}

 .menu a:hover {
   text-decoration: none;
   color: #fff;
   background: #713371;
   border-left:  #ffd200 3px solid;
   color: #ffd200;
}
 .menu a:active,
 .menu a:focus {
   text-decoration: none;
}
.Title-div{font-size: 23px;
    max-width: max-content;
    background-color: #703978;
    color: #ffd200;
    margin-top: 100px;}
.sid{background-color: #e1d7e2;
    width: 90%;
    height: 100%;
    text-align: right;padding-bottom: 30px;}
.user{margin-bottom: 30px;
    background-color: #703978;
    width: 170px;
    height: 200px;
    margin-right: 50px;
    border-radius: 0px 0px 109px 109px;}
	.padding-topp{padding-top: 20px;}
	.img-user{width: 100%;
    padding: 13px;
    border-radius: 74px;
    padding-top: 42px;}


/* menu mobile*/
.mmenu2 > ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}
.mmenu2 > ul li a {
    display: block;
    border-bottom: 1px solid rgba(6,48,88,0.1);
    color: #063058;
    font-size: 17px;
    padding: 10px;
    transition: all .3s;
}

.mmenu2 > ul li a > i{
  margin-left: 5px;
}
button:focus {
  outline: 0px auto -webkit-focus-ring-color !important;
}
.mmenu2 > ul li a:hover {
    background: #f3d131;
    color: rgb(0, 0, 0);
    border-color: #643c76;
}
.mmenu2 .social-mobile li{
    display: inline-block;
    margin: 5px;
  }
  .mmenu2 .social-mobile{
    display: table;
    margin: auto;
    text-align: center;
  }
  .mmenu2 .social-mobile li a{
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    line-height: 30px;
    color: #fff;
    font-size: 16px;
    padding:0;
    text-align: center;
  }
  .mmenu2 .social-mobile li a > i{
    margin: 0;
  }
  .mmenu2 .social-mobile li a{
    border-bottom: 0;
  }
  .menu-toggle2 .menu-mobile2 {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);

}
.menu-mobile2{
    position: fixed;
    right: 0px;
    top: 0px;
    bottom: 0;
    height: 100%;
    width: 250px;
    background: #fff;
    z-index: 1001;
    overflow-y:auto; 
    -webkit-transform:translateX(265px);
    -moz-transform:translateX(265px);
    -ms-transform:translateX(265px);
    -o-transform:translateX(265px);
    transform:translateX(265px);
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease,-webkit-transform .4s ease;
    -webkit-box-shadow: -2px 0 20px 0 rgba(33, 23, 23, 0.68);
    box-shadow: -2px 0 20px 0 rgba(33, 23, 23, 0.68);
  }
  .hamburger2 {
    width: 40px;
    height: 40px;
    background: transparent;
    border-radius: 5px;
    border: none;
    position: relative;
    z-index: 0;
    float: left;
    padding-left: 2px;
    padding-right: 2px;
    -webkit-transition: background-color .2s linear;
    -ms-transition: background-color .2s linear;
    transition: background-color .2s linear;
    display: none;
    border:2px solid #643c76;
  }
  .hamburger2:hover{
    background-color:#643c76;
    border-color: #643c76;
  }
  .hamburger2:hover span:nth-child(1) {
    transform: translate(0, -2px);
    -webkit-transform: translate(0, -2px);
    -ms-transform: translate(0, -2px);
  }
  
  .hamburger2:hover span:nth-child(3) {
    transform: translate(0, 2px);
    -webkit-transform: translate(0, 2px);
    -ms-transform: translate(0, 2px);
  }
  
  .hamburger2.active span:nth-child(1) {
    transform: rotate(45deg) translate(4px, 4px);
    -webkit-transform: rotate(45deg) translate(4px, 4px);
    -ms-transform: rotate(45deg) translate(4px, 4px);
  }
  
  .hamburger2.active span:nth-child(2) {
    transform: translate(-4px, 0);
    -webkit-transform: translate(-4px, 0);
    -ms-transform: translate(-4px, 0);
    opacity: 0;
  }
  
  .hamburger2.active span:nth-child(3) {
    transform: rotate(-45deg) translate(4px, -4px);
    -webkit-transform: rotate(-45deg) translate(4px, -4px);
    -ms-transform: rotate(-45deg) translate(4px, -4px);
  }
  
  .hamburger2 span {
    width: 18px;
    height: 2px;
    border-radius: 10px;
    margin: auto;
    background-color: #713371;
    display: block;
    margin-bottom: 4px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
  }
  .hamburger2 span:last-child{
    margin-bottom: 0;
  }
  .hamburger2:hover span{
    background-color: #fff;
  }
@media screen and (max-width: 991px) {
    .hamburger2{
		display: block;
    }   
    
.menu-mobile2 { z-index: 99999999999999999;}
.menu-mobile2 {text-align: right;}
.mmenu2 > ul > li.dropdown > a:before{
    content: '\f107';
    position: absolute;
    top: 10px;
    left: 10px;
    font-size: 16px;
    font-family: 'Font Awesome 5 Pro';
  }
  .mmenu2 .dropdown-menu{
      position: static;
      float: none;
      border:0;
      box-shadow: none;
      border-radius: 0;
      margin: 0;
      padding: 0;
  }
  .mmenu2 .dropdown-menu a{
      padding-right: 20px;
      font-size: 16px;
  }

    .lamp{display: none;}
        .Group_19{display: none;}
            .book2-bank{display: none;}   
    .home {margin-top: 31px;    font-size: 14px;}    
    .max-width2{max-width: 50%;}
    .logo-bank {
        padding-left: 10px;
        height: 132px;
        padding-top: 18px;
        padding-bottom: 20px;
    }
.Online-payment {font-size: 13px;}    
.Bank-transfer {font-size: 13px;}
.img-bank { margin-top: 16px; }
.botom { margin-right: 26%;} }   
 @media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
 .max-width-ipad{max-width: 50% !important;}

}
@media all and (device-width: 1024px) and (device-height: 1366px) and (orientation:portrait) {
    .input-text {
        width: 100% !important;
    }
    .img-bank2 {
        width: 495px;
        margin-top: 18px;
    }
    .book2-bank {
        width: 59px;
        margin-left: -47px;
    }
}