@charset "utf-8";
/****css for yourdost****/

@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&display=swap');
body{
    margin: 0px; 
    padding: 0px;
    font-family: 'Roboto', sans-serif;

 }
a img{border:0px;}
img{max-width: 100%;}
a{text-decoration:none; transition-property:all; transition-duration:0.2s; transition-timing-function: ease-in-out; letter-spacing:-0.2px;}

h1,h2,h3,h4,h5,h6,p,a,ul,li {margin: 0px;}
h1,h2,h3,h4,h5,h6,p{
    margin:0px;
    padding:0px;
    font-family: 'Roboto', sans-serif;
        font-size: 18px;
}
.clear{
     clear: both;
  display: table;
}
ul{
    list-style: none;
    padding: 0;
}
.container{
    max-width:1200px;
    margin: 0 auto; 
    box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box;
    
    
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}
/**Header css**/
.sticky {
  position: fixed;
    top: 0;
    width: 100%;
    z-index: 9;
}

.sticky + .content {
  padding-top: 60px;
}
.header{display: none;}
.logo{
    width: 30%;
    float: left;
    margin-top: 15px;
}

.header-menu{
    width: 90%;
    margin:0 auto;
}
.cont-no{
    width: 70%;
    float: right;
    margin-top: 22px;
        text-align: center;
}
.upi{
    font-size: 14px;
    margin-right: 10px;
}
.cont-no ul{
    display: inline-flex;
}
.cont-no ul li{
    margin: 0px 10px;
}
.whatsapp .fa{
    color: green!important;
}
.ytub .fa{
    color:#ae0d0d!important;
}
.cont-no .fa{
    font-size: 24px;
    color: #f0ba08;
    margin-right: 10px;
}
.cont-no a{
    font-size: 22px;
    color: #fff;
    font-weight: 400;
}
.header1{
    background: #65b590;
    height: 120px;
}
.header{
    display: none;
}
.logo h1{
    color: #f0ba08;
    font-weight: 600;
    margin-top: 6px;
    font-style: italic;

    font-size: 26px!important;
}
.submenu-header{
    background: #65b590;
    border: none;
    color: #fff;
    font-size: 18px;
    outline: none;
}

/*End Header*/

/*Home Page*/
.ncrt-pnl,.class-tab{
    margin-top: 10px;
    margin-bottom: 30px;
}
.home-title{
    font-size: 35px;
    text-align: center;
    font-weight: 500;
        color: #fff;
    margin-bottom: 35px;
    margin-top: 15px;
}
.form{
    width: 60%;
    margin: 0 auto;
}
.fo1{
    margin-bottom: 10px;
}
.fo1 input[type="text"],.fo1 input[type="email"],.fo1 select{
    font-size: 14px;
    width: 100%;
    max-width: 100%;
    padding: 5px;
    border: 1px solid gray;
    border-radius: 5px;
    font-weight: 400;
    color: #7b7474;
    outline: none;
}
.fo1-sub{
    text-align: center;
    margin: 20px 0px;
}
.fo1-sub input[type="submit"]{
     font-size: 20px;
    padding: 4px 20px;
    font-weight: 400;
    background: #f0ba08;
    border: none;
    color: #fff;
    box-shadow: 8px 10px 10px #817c7c;
}
.fo1-sub input[type="submit"]:hover{
    background: #f4a8bc;
    color: black;

}
.fo-link a{
    font-size: 28px;
    margin-bottom: 10px;
    color: darkblue;
    font-weight: bolder;
}
.home-pnl{
    width: 100%;
    background: linear-gradient(0deg, #65b590 0%, #4caf50cf 100%);
    padding: 40px 0px;
}

.swiper-container {
      width: 100%;
      height: 100%;

    }
    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
.swiper-slide img{
    width: 100%;
    height: 500px;
}
.home-pnl1{
    margin: 30px 0px;
}
.tutor-tab{
    width: 24%;
    text-align: center;
    float: left;
    margin-right: 9px;
    border-radius: 5px;
    box-shadow: 0px 0px 10px #e8e8d9;
    padding: 5px;
    height: 310px;
    margin-bottom: 30px;
}
.tutor-tab .fa{
    font-size: 30px;
    width: 55px;
    color: #f0ba08;
    margin-bottom: 10px;
    border: 2px solid;
    padding: 10px;
    border-radius: 20px;
}
.tutor-tab h3{
    font-size: 20px;
    color: darkblue;
    font-weight: 500;
    margin-bottom: 8px;
}
.tutor-tab p{
    font-size: 18px;
    font-weight: 300;
    color: darkslategray;
    line-height: 1.5;
    margin-bottom: 10px;
}
.tutor-tab p a{
    font-size: 15px;
    background: #f0ba08;
    padding: 5px;
    color: #fff;
    border-radius: 5px;
    outline: none;
}
.details{
    width: 29.33%;
    float: left;
    box-shadow: 0px 0px 10px #e1e1dd;
    padding: 10px;
    border-radius: 5px;
    margin: 18px;
    background: #fff;
}
.icon{
    width: 20%;
    float: left;
}
.icon1{
    width: 80%;
    float: right;
}
.icon1 h3{
    font-size: 20px;
    color: darkblue;
    margin-top: 25px;
    font-weight: 400;
}
.icon .fa{
    font-size: 30px;
    color: #f0ba08;
    border: 2px solid;
    padding: 10px;
    border-radius: 10px;
    margin: 10px 0px;
    width: 50px;
    text-align: center;

}
.bdr{
    border: 0.2px solid #f4f2f2;
}
.details h2{
    font-size: 22px;
    color: darkblue;
    margin: 10px;
    font-weight: 400;
}
.details p{
    font-size: 19px;
    color: darkslategray;
    margin: 10px;
}
.home-pnl2{
    background: #65b590;
    padding: 40px 0px;
}
.pop-hd h2{
        font-size: 30px;
    margin-bottom: 15px;
    text-align: center;
    color: #fff;
    font-weight: 600;
}
.pop-hd h3{
    font-size: 22px;
    text-align: center;
    color: #fff;
    font-weight: 400;
    margin-bottom: 10px;
}
.add-list{
    width: 22%;
    float: left;
    margin: 10px;
}
.add-list a p{
        width: 100%;
    border: 2px solid;
    padding: 5px;
    text-align: center;
    font-size: 20px;
    color: darkblue;
    border-radius: 5px;
}
.add-list a p:hover{
    background:#65b590;
    color: #fff;
}
.tut{
    margin: 40px 0px;
}
.tut h2{
    font-size: 25px;
    color: darkblue;
    margin-bottom: 20px;
    text-align: center;
    font-weight: 500;
}
.service-tab{
    width: 46%;
    text-align: center;
    float: left;
    margin: 24px;
    border-radius: 5px;
    box-shadow: 0px 0px 10px #e8e8d9;
    padding: 10px;
    height: 300px;
    background: #f0ba08;
}
.service-tab .fa{
    font-size: 30px;
    width: 55px;
    color: #09155c;
    margin-bottom: 10px;
    border: 2px solid;
    padding: 10px;
    border-radius: 20px;
}
.service-tab h3{
        font-size: 22px;
    margin: 15px 0px;
    color: darkblue;
    font-weight: 500;
}
.service-tab p{
    font-size: 19px;
    line-height: 1.5;
    color: #fff;
    font-weight: 400;
}
.home-pnl3{
    margin: 50px 0px;
}
.we{
    font-size: 22px;
    width: 70%;
    text-align: center;
    margin: 0 auto;
    line-height: 1.5;
    color: darkblue;
}
.fc-img{
        width:24%;
    float: left;
    text-align: center;
    margin-bottom: 40px;
    margin-right:9px;
    border: 1px solid #cec3c3;
    border-radius: 5px;
    background: #ffffffc4;
    height: 600px;
}
.tslink{
        font-size: 14px;
    padding: 5px 0px;
}
.fc-img img{
         width: 225px;
    height: 189px;
    max-width: 100%;
    border-radius: 5px;
    box-shadow: 0px 0px 5px;
}
.tutor-pnl{
        background: #afb848;
    padding: 30px 0px;
}
.tuts h2{
    font-size: 30px;
    margin-bottom: 40px;
    text-align: center;
    color: #fff;
    font-weight: 600;
}
.vw-mor{
    text-align: center;
}
.vw-mor a{
        font-size: 18px;
    padding: 7px 50px;
    font-weight: 400;
    background: #f0ba08;
    border: none;
    color: #fff;
    box-shadow: 8px 10px 10px #817c7c;
}
.vw-mor a:hover{
    background: #65b590;
}

.stu-pnl{
    background: #85e0b6b8;
    padding: 30px 0px;
}
.achiv-pnl{
        margin: 40px 0px;
}
.thot-day{
       text-align: center;
    padding: 30px 0px;
    background: url(../images/thought.jpg);
    border-bottom-left-radius: 75px;
    border-bottom-right-radius: 75px;
    height: 230px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.thot h3{
   font-size: 30px;
    margin-bottom: 20px;
    font-weight: 600;
        color: #000;
}
.thot p{
     font-size: 26px;
    color: #fff;
    font-weight: 600;
}
.track{
        margin: 40px 0px;
    text-align: center;
}
.trk h2{
    font-size: 30px;
    font-weight: 500;
    margin-bottom: 20px;
}
.tr-fom{
        width: 50%;
    margin: 0 auto;
}
.tr-fom input[type="text"]{
width: 100%;
    padding: 6px;
    border: 1px solid gray;
    outline: none;
    border-radius: 5px;
    font-size: 15px;
    font-weight: 400;
    color: black;
}
.ser-title{
    text-align: center;
    font-size: 30px;
    margin-bottom: 30px;
    font-weight: 500;
}
.nt-pnl{
    background: url('../images/notice-board.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 300px;
}
.nt-bd{
    text-align: center;
        padding: 120px 0px 70px;
}
.nt-bd h2{
    font-size: 30px;
    margin-bottom: 20px;
    font-weight: 600;
    color: green;
}
.nt-bd p{
       font-size: 26px;
    color: #000;
    font-weight: 600;
}
.pcall{
    font-size: 14px;
    margin: 10px 0px;
}
.hmb-pnl{
    padding: 40px 0px;
    background: beige;
}
.hmb{
        text-align: center;
}
.hmb h2{
    font-size: 30px;
    margin-bottom: 20px;
    font-weight: 500;
}
.hmb p a{
    text-transform: capitalize;
    border-radius: 5px;
    outline: none;
    font-size: 18px;
    padding: 7px 50px;
    font-weight: 400;
    background: #f0ba08;
    border: none;
    color: #fff;
    box-shadow: 8px 10px 10px #817c7c;
}

/*frequent question tabs*/
.fq{
    border: 1px solid #e7e0e0;
    border-radius: 5px;
    margin-bottom: 10px;
}
.fq h3{
    background: #65b590;
    color: #fff;
    padding: 5px;
}
.an{
        background: #f0ba08;
    color: #fff;
    padding: 5px;
}





/*End Home Page*/

/*Footer Section*/

.footer{
    background: #65b590;
    padding: 30px 0px 0px;
}
.footer1{
        width: 31.33%;
    float: left;
    margin-left: 16px;
}
a.contpicon i.fa {
    font-size: 20px;
    color: #fff;
    margin-right: 11px;
    background: #fdb833;
    padding: 8px;
    border-radius: 10px;
        margin-bottom: 10px;
}
.footer1 h2{
    font-size: 22px;
    margin-bottom: 10px;
    color: darkblue;
    font-weight: bolder;
}
.footer1 p{
    font-size: 18px;
    line-height: 1.5;
    font-weight: 400;
    color: #fff;
    margin-bottom: 10px;
}
.footer1 ul li{
    margin-bottom: 5px;
}
.footer1 ul li a{
    font-size: 18px;
    color: #fff;
    font-weight: 400;

}
.social-icon{
    margin: 15px 0px;
}
.social-icon ul li{
    display: inline-block;
        margin: 20px;
}
.social-icon .fa:hover{
    color: #00008b;
}
.social-icon .fa{
    font-size: 35px;
    color: #f0ba08;
}
.copy{
    font-size: 16px;
    text-align: center;
    padding: 20px 0px;
    background: #65b590b3;
    font-weight: 400;
    color: gray;
}
.best-heading{
    font-size: 28px;
    font-weight: 500;
    margin-bottom: 10px;
    margin-top: 10px;
    text-align: center;
    color: darkblue;
}

.fo-cont-no{
    text-align: center;
    padding: 10px;
    background: #93cbb178;
}
.fo-cont-no ul{
   display: inline-flex;
}
.fo-cont-no ul li{
    margin: 0px 10px;
}
.fo-cont-no ul li a{
        font-size: 22px;
    color: #fff;
    font-weight: 400;
}
.fo-cont-no .fa {
    font-size: 24px;
    color: #f0ba08;
    margin-right:0px;
}
.faph{
    width: 15%;
    float: left;
    text-align: left;
}
.whatsapps{
    width: 15%;
    float: left;
    text-align: left;
}
.faph .fa{
        font-size: 22px;
    color: yellow;
    font-weight: 500;
    text-align: left;
    margin-right: 0px;
}
.whatsapps .fa{
        font-size: 22px;
    color: green;
    font-weight: 500;
    margin-right: 0px;
}
.foytub .fa{
    color: #f0ba08!important;
}
/*End Footer*/

/*Service Page*/

.pt-pnl{
    margin: 40px 0px;
}
.eng-list{
    width: 50%;
    margin: 0 auto;
    box-shadow: 0px 0px 10px;
    border-radius: 5px;
    padding: 10px;
    margin-top: 30px;
    margin-bottom: 30px;
    background: #fff;
}
.eng-list h3{
font-size: 20px;
color: darkblue;
font-weight: 500;
margin: 10px 0px;
text-align: center;
}
.eq-li h5{
    font-size: 18px;
    padding: 8px;
    font-weight: 400;
}
.enq h2{
    font-size: 28px;
    text-align: center;
    margin-bottom: 10px;
    font-weight: 500;
    color: darkblue;
}
.enq p{
    font-size: 20px;
    font-weight: 400;
    color: gray;
    margin-bottom: 15px;
    text-align: center;
}
.days{
        text-align: center;
    font-size: 20px;
    padding: 5px;
    color: #f0ba08;
}
.pt-pnl1{
    background: #65b59045;
    padding: 40px 0px;
}

.test-slid h2{
    font-size: 28px;
    text-align: center;
    font-weight: 500;
    color: darkblue;
    margin: 20px 0px;
}

.tetimonial-pnl{
        background: #f0ba08;
    padding: 30px 0px;
}

.testi-slide{
    background: #65b590;
    border-radius: 5px;
}
.swiper-slide{
    background: none;
}
.c-name blockquote{
    font-size: 20px;
    line-height: 1.5;
    margin-bottom: 35px;
    color: #fff;
}
.tab-conts img{
        width: 155px;
    height: 100px;
    border-radius: 50%;
    margin-bottom: 20px;
}
.tab-conts p{
        font-size: 20px;
    font-weight: 400;
    color: darkslategray;
    margin-bottom: 15px;
    margin-top: 10px;
}
.pt-title h2{
        font-size: 28px;
    font-weight: 500;
    text-align: center;
    margin: 20px 0px;
    color: darkblue;
}

.tab-conts{
    width: 400px;
    padding: 10px;
    box-shadow: 0px 0px 10px grey;
    border-radius: 5px;
    margin-top: 25px;
    margin-bottom: 25px;
    background: #fff;
}
.pt-slide{
    background: #65b59096;
    padding: 20px 0px;
}
.ui-state-active{
    border: 1px solid #65b590!important;
    background: #65b590!important;
    outline: none;
}
.ui-accordion .ui-accordion-content{
    margin-bottom: 15px;
}
.pt-accord{
    margin: 30px 0px;
}
.ui-accordion .ui-accordion-header{
    font-size: 17px!important;
}


/*End Service*/

/*Tutor-job Page*/

.job-title{
    text-align: center;
}
.sel-city{
    margin: 20px 0px;
}
.sel{
        font-size: 20px;
    font-weight: 500;
    margin-right: 15px;
    color: darkslategray;
}
.sel-city select{
        font-size: 16px;
    border: 1px solid gray;
    padding: 5px 10px;
    border-radius: 5px;
    color: gray;
    outline: none;
}

.jls{
        width: 23%;
    box-shadow: 0px 0px 10px grey;
    border-radius: 5px;
    text-align: center;
    margin-bottom: 30px;
    float: left;
    margin-right: 22px;
}
.jls h3{
        font-size: 19px;
    padding: 8px 0px;
    font-weight: 500;
    color: #65b590;
     border-bottom: 1px solid #f0e0e0;
}
.jls p{
    font-size: 16px;
    padding: 8px 0px;
    font-weight: 400;
    color: darkslategray;
    border-bottom: 1px solid #f0e0e0;
}
.pop-btn{
       width: 100%;
    text-align: center;
    background: #f0c808;
    margin-bottom: 0px;
    font-size: 16px;
    color: #fff;
    padding: 5px 15px;
    cursor: pointer;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.aply-btn{
    text-align: center;
}
.pop-btn:hover{
    background: #65b590;
}


.job-title h2{
    font-size: 28px;
    font-weight: 500;
    margin: 20px 0px;
    color: darkslategray;
}

/* Popup Box */

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 8888; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
    background-color: #fefefe;
    margin: 10vh auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 90%; /* Could be more or less, depending on screen size */
}
@media (min-width: 1366px) {
  .modal-content {
    background-color: #fefefe;
    margin: 10vh auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 40%; /* Could be more or less, depending on screen size */
    }
}

/* The Close Button */
.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

button.button {
    background:none;
  border-top:none;
  border-right:none;
  border-left:none;
  border-bottom:#02274a 1px solid;
  padding:0 0 3px 0;
  font-size:16px;
}

button.button:hover {
  border-bottom:#a99567 1px solid;
  color:#a99567;
}
.pop-list{
    width: 100%;

}
.pop-txt h4,.modal-content h4{
    font-size: 20px;
    font-weight: 300;
    color: #fff;
    text-align: center;
    margin-bottom: 20px;
    background: #009688;
    padding: 7px;
}
.pop-txt p{
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 5px;
    height: 110px;
    color: gray;
}

.mdl{
     font-size: 14px;
    font-weight: 300;
    margin-bottom: 10px;
    color: gray;
}
.md-btn{
    background: #00a2ed;
    padding: 4px;
    text-align: center;
    color: #fff;
    margin-bottom: 15px;
}

.grid{
    margin-bottom: 20px;
}
.grid table{
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    border: 1px solid gray;
}
.grid tr{}
.grid tr th{
    font-size: 18px;
    background: #65b590;
    color: #fff;
    padding: 10px 0px;
    border: 1px solid gray;
}
.grid tr td{
    text-align: center;
    font-size: 18px;
    padding: 10px 4px;
    border: 1px solid darkgray;
}
form.example input[type=text] {
  padding: 10px;
  font-size: 17px;
  border: 1px solid #65b590;
  float: left;
  width: 80%;
  background: #f1f1f1;
}

form.example button {
  float: left;
    width: 20%;
    padding: 8px;
    background: #65b590;
    color: white;
    font-size: 17px;
    border: 1px solid #65b590;
    border-left: none;
    cursor: pointer;
}

form.example button:hover {
  background: #0b7dda;
}
.search-box{
    margin-top: 12px;
    margin-bottom: 35px;
}
form.example::after {
  content: "";
  clear: both;
  display: table;
}
.tj-lf{
    width: 70%;
    float: left;
}
.tj-rf{
    width: 30%;
    float: right;
}
.tj-pnl{
    margin: 40px 0px;
}

/*css for pop-up*/
.rd-tb{
    border: 1px solid darkgray;
    padding-bottom: 15px;
}
.rd-tb h5{
    font-size: 22px;
    color: #ff9800;
    font-weight: 600;
    padding: 5px;
    text-align: center;
}
.label1{
        font-size: 18px;
    width: 80%;
    margin: 0 auto;
    margin-bottom: 10px;}
.rd-tb a{
        color: #fff!important;
    font-size: 18px!important;
}
.jbtitle{
    text-align: center;
    margin: 15px 0px;
}
.jbtitle h2{
font-size: 25px;
    font-weight: 600;
    color: #607d8b;
}
.jbtitle h4{
font-size:18px;
padding: 5px;
    color: #fff;
}
.rd-tb ul{
    margin: 15px 0px;
}
.rd-tb ul li{
    border: 1px solid #c9c4c4;
    border-collapse: collapse;
    font-size: 17px;
    padding: 5px;
    font-weight: 400;
    width: 80%;
    margin: 0 auto;
}
.pra1{
    font-size: 18px;
    color: #066c3b;
    margin: 0 auto;
    margin-top: 15px;
    margin-bottom: 10px;
    padding: 10px;
}
.tj{
    background: #3d6d56;
    color: #fff!important;
    margin-bottom: 12px;
} 

.fom{
    width: 80%;
    margin: 0 auto;
    margin-bottom: 20px;
    margin-top: 20px;
}
.fom input[type="text"],.fom input[type="email"],.fom textarea{
    width: 100%;
    padding: 5px;
    border: 1px solid darkgray;
    border-radius: 5px;
    margin-bottom: 10px;
    color: gray;
    font-size: 15px;
}
.fom input[type="submit"]{
    background: #65b590;
    padding: 5px 20px;
    color: #fff;
    border: none;
    border-radius: 5px;
}
.st-lf{
    width: 100%;
    float: none;
}
.st-lf p{
    font-size: 15px;
    font-weight: 500;
    color: gray;
}
.st-rf{
    width: 55%;
    float: right;
}
.s1{
    font-size: 14px;
    background: yellow;
    padding: 4px;
    border-radius: 10px;
    margin-right: 8px;
}
.s2{
    font-size: 14px;
    padding: 4px;
   color: #009688;
}
.rd-tb p{
    font-size: 16px;
    color: gray;
    text-align: center;
}

/*End Tutor-job*/

/*Tutor ragister page*/
.trg-pnl{
    margin: 30px 0px;
}
.vid-tab,.sign-tab{
    text-align: center;
        margin-top: 15px;
}
.vid-tab h2,.sign-tab h2{
    font-size: 25px;
    margin-bottom: 20px;
    font-weight: 500;
    color: darkslategray;
}
.Signup{
    width: 60%;
    margin: 0 auto
}
.sg-fo{
    margin-bottom: 10px;
}
.tupf{
    border: 1px solid darkgray;
    padding: 8px 3px;
    border-radius: 5px;
}
.sg-fo input[type="text"],.sg-fo input[type="email"],.sg-fo input[type="password"],.sg-fo select,.sg-fo input[type="number"],.sg-fo textarea{
    font-size: 15px;
    width: 100%;
    padding: 7px;
    border: 1px solid darkgray;
    border-radius: 5px;
    color: gray;
        outline: none;
}
.ml{
    color: gray;
}
.pr-btn{
    font-size: 15px;
    background: #65b590;
    padding: 8px 10px;
    border-radius: 10px;
    color: #fff;
    cursor: pointer;
}
.sg-lf{
    width: 49%;
    float: left;
}
.sg-rf{
    width: 49%;
    float: right;
}
.sg1{
    width: 22%;
    float: left;
}
.sg2{
    width: 75%;
    float: right;
}




.sg-fos{
    margin: 20px 0px;
        text-align: center;
}
.sg-fos input[type="submit"]{
    font-size: 18px;
    padding: 5px 20px;
    border: 1px solid darkgray;
    border-radius: 5px;
    background: #fff;
}
.sg-fos input[type="submit"]:hover{
    background: #65b590;
    color: #fff;
}
.Signup p{
    font-size: 18px;
    font-weight: 400;
    color: gray;
    margin-bottom: 5px;
}
.trg-pnl2{
    margin: 30px 0px;
}
.cndit h2{
    font-size: 25px;
    font-weight: 500;
    color: darkslategray;
    margin-bottom: 10px;
}
.cndit ul{
    margin-left: 30px;
    list-style: disc;
}
.cndit ul li{
    font-size: 18px;
    margin-bottom: 5px;
    color: gray;
    font-weight: 400;
}
.fee{
    margin: 30px 0px;
}
.fee h2{
    font-size: 22px;
    font-weight: 400;
    color: #65b590;
    margin-bottom: 10px;
}
.fee h3{
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 10px;
    color: darkslategray;
}
.best-rf table tr th{
    text-align: left;
}
.table table tr th{
    text-align: left;
}

/*End tutor ragister page*/

/*Evaluation*/
.eva h2{
    text-align: center;
    font-size: 30px;
    font-weight: 500;
    margin-top: 20px;
    margin-bottom: 20px;
}
.eva-text{
    font-size: 20px;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 20px;
    color: gray;
}
.eva-ques{
    text-align: end;
    margin: 20px 0px;
    background: #60e0b5;
    padding: 10px 0px;
}

.qus-time p{
    font-size: 18px;
    font-weight: 500;
    color: darkslategray;
    margin-bottom: 7px;
}
.qs-1{
    border: 1px solid #e0d7d7;
    border-radius: 5px;
    margin-bottom: 20px;
}
.qs-1 h3{
    background: #f1ecec;
    width: 100%;
    font-size: 20px;
    padding: 10px;
    font-weight: 400;
}
.option{
    font-size: 16px;
    color: gray;
    padding: 10px;
    margin-bottom: 7px;
    font-weight: 400;
}




/*End evaluation*/










/*necrt-page*/

.ncrt9{
    text-align: center;
}
.ncrt9 h2,.ncrt-title h2{
    font-size: 25px;
    font-weight: 600;
    color: darkslategray;
    margin-bottom: 15px;
    text-align: center;
}
.tenth{}
.tenth h3{
    font-size: 22px;
    margin-bottom: 15px;
    font-weight: 500;
    color: darkslategray;
}
.tenth p{
    font-size: 17px;
    font-weight: 400;
    color: gray;
    line-height: 1.5;
    margin-bottom: 15px;
}
.chaptor-list{
    margin: 30px 0px;
}
.chaptor-list ul{
    border: 1px solid #a49f9f;
    border-radius: 5px;
}
.chaptor-list ul li{
           padding: 5PX;
    border-collapse: initial;
    border-bottom: 1px solid #aca5a5;
}
.chaptor-list ul li a{
    font-size: 18px;
    color: #65b590;
    text-decoration: underline;
    font-weight: 400;
    cursor: pointer;
}  
.ncrt91 h2{
    font-size: 25px;
    font-weight: 600;
    color: darkslategray;
    margin-bottom: 15px;
    text-align: left;
    text-decoration: underline;
    margin-top: 20px;
}
.ncrt-lf{
    width: 70%;
    float: left;
}
.ncrt-rf{
    width: 30%;
    float: right;

}
.pf{
    margin-bottom: 15px;
}
.pf input[type="text"],.pf input[type="email"],.pf input[type="password"],.pf textarea,.pf select{
width: 100%;
    font-size: 15px;
    border: 1px solid #e1d6d6;
    border-radius: 5px;
    padding: 7px;
    outline: none;
}
.pf input[type="submit"]{
    width: 100%;
    border: none;
    padding: 5px;
    font-size: 15px;
    background: #65b590;
    color: #fff;
    border-radius: 5px;
}

/*End ncrt*/

/*Question Page*/

.qs-tab{
 text-align: center;
}
.qs-tab h2{
        font-size: 25px;
    font-weight: 600;
    margin-bottom: 10px;
    margin-top: 10px;
    color: darkslategray;
}
.qs-tab h3{
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 5px;
    color: gray;
}
.qs-tab p{
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 10px;
    color: darkslategray;
}
.qt{
    text-align: center;
    margin: 10px 0px;
}
.qt p{
    font-size: 20px;
    font-weight: 400;
    color: darkslategray;
    margin-bottom: 5px;
}
.qt .fa{
    font-size: 20px;
    color: darkslategray;
}
.qt-box{
    border: 1px solid #65b590;
    border-radius: 5px;
    margin: 40px 0px;
}
.question{
        background: #f8f8f8b8;
    padding: 20px;
    border-radius: 5px;
}
.options{
        background: #fff;
    /* padding: 10px; */
    border-radius: 5px;
}
.options ul li{
    font-size: 16px;
    font-weight: 400;
    color: darkslategray;
    padding: 10px;
    border-bottom: 1px solid #d9caca;
}
.solution{
    margin: 20px;
}
.solution h3{
        font-size: 20px;
    font-weight: 500;
    margin-bottom: 10px;
}
.solution p{
    font-size: 18px;
    font-weight: 400;
    color: darkslategray;
    margin-bottom: 5px;
}
.rt-ar .fa{
        font-size: 20px;
    margin: 0px 16px;
    color: darkslategray;
}
.question h3{
    margin-bottom: 10px;
}




/*End Question page*/


/*Contact Page*/
.cont-pnl{
    margin: 40px 0px;
}
.cont-lf{
    width: 35%;
    float: left;
}
.cont-rf{
    width: 60%;
    float: right;
}
.cont-lf h2{
    font-size: 25px;
    font-weight: 600;
    color: darkslategray;
    margin-bottom: 10px;
}
.cont-lf p{
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 6px;
    color: gray;
}
.cont-title h2{
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 42px;
    text-transform: uppercase;
    text-align: center;
    background: #f0ba38;
    padding: 10px;
    color: #fff;
}
.con-fom{
    width: 60%;
    margin: 0 auto;
    padding: 10px;
    box-shadow: 0px 0px 10px darkgrey;
    border-radius: 5px;
    margin-top: 40px;
    margin-bottom: 40px;
}
.cf{
    margin: 20px;
}
.cf input[type="text"],.cf input[type="email"],.cf textarea{
        width: 100%;
    padding: 7px;
    font-size: 16px;
    border: 1px solid #eee4e4;
    border-radius: 5px;
    font-weight: 400;
    color: gray;
    outline: none;
}
.cf-sub{
    text-align: center;
    margin-bottom: 10px;
}
.cf-sub input[type="submit"]{
    font-size: 18px;
    padding: 8px 20px;
    text-transform: uppercase;
    font-weight: 400;
    border: none;
    background: #f0ba38;
    border-radius: 5px;
    color: #fff;
}
.cf-sub input[type="submit"]:hover{
    background: #65b590;
}
.ab-pnl{
    margin: 40px 0px;
}
.ab-lf{
    width: 40%;
    float: left;
}
.ab-rf{
    width: 55%;
    float: right;
}
.ab-lf p{
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5;
    color: darkslategray;
}
.ab-lf h3{
    font-size: 20px;
    margin: 15px 0px;
    color: #f0ba53;
    font-weight: 600;
}
.ab-lf ul li{
        font-size: 17px;
    padding: 5px 10px;
    background: #65b590cc;
    color: #fff;
    margin-bottom: 15px;
}
.heading{
    text-align: center;
}
.heading h2{
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    margin-bottom: 30px;
    background: #f0ba08;
    padding: 5px;
    color: #fff;
    border-radius: 25px;
    word-break: break-word;
}
.ab-pnl1{
     margin: 50px 0px;
}
.ed-list{}
.ed-list h4{
    font-size: 20px;
    margin-bottom: 11px;
    color: darkslategray;
}
.ed-list ul{
    list-style: disc;
    margin-left: 33px;
}
.ed-list ul li{
    width: 50%;
    float: left;
    font-size: 17px;
    font-weight: 400;
}
.note{
    width: 60%;
    margin: 0 auto;
    background: #65b590b8;
    color: #fff;
    padding: 20px;
    margin-bottom: 30px;
}
.note h2{
        font-size: 25px;
    text-align: center;
    margin-bottom: 10px;
}
.note h3{
    text-align: center;
    font-size: 18px;
    margin-bottom: 10px;
    font-weight: 500;
}
.note p{}
.note ul{
    list-style: decimal;
    margin-left: 20px;
}
.note ul li ul{
    list-style: decimal-leading-zero;
    margin-left: 20px;
}
.note ul li{
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 5px;
}




/*End contact page*/

/*Online class page*/

.online-img{
    width: 33.33%;
    float: left;
    margin-top: 20px;
}

.online {
    margin-top: -50px;
}
.online h3{
    font-size: 20px;
    font-weight: 400;
    color: darkslategray;
    margin-bottom: 10px;
}



/**/
/*update page*/

.upd-title h2{
text-align: center;
    font-size: 28px;
    font-weight: 600;
    color: darkslategray;
    margin-bottom: 20px;
    margin-top: 15px;
}
.up-fo,.up-fo1,.up-fo2{
    margin-bottom: 20px;
}
.up-fo input[type="text"],.up-fo textarea{
    font-size: 17px;
    font-weight: 400;
    width: 100%;
    border-radius: 5px;
    border: 1px solid gray;
    padding: 5px;
    color: gray;
}
.up-fo1 select,.up-fo2 select{
   font-size: 17px;
    font-weight: 400;
    width: 100%;
    border-radius: 5px;
    border: 1px solid gray;
    padding: 5px;
    color: gray; 
    margin-top: 10px;
}
.up-fo1{
    width: 48%;
    float: left;
}
.up-fo2{
    width: 48%;
    float: right;
}
.updts{
        font-size: 18px;
    color: gray;
    margin-right: 10px;
}
.chck p{
        font-size: 18px;
    color: gray;
    margin-right: 10px;
    margin-bottom: 10px;
}
.chck input[type="checkbox"],.chck input[type="radio"]{
    margin-right: 10px;
}
.chck{
    margin-bottom: 20px;
}
.profile-img{
    width: 21%;
    margin: 0 auto;
}



/*End update page*/

/*Final-Update*/

.txt{
    font-size: 20px;
    font-weight: 400;
    margin: 20px 0px;
    text-align: center;
    color: dimgray;
}
.box-fnl{
    text-align: center;
    box-shadow: 0px 0px 10px #cec7c7;
    border-radius: 5px;
    margin-bottom: 30px;
    padding: 20px;
}
.box-fnl h3{
        font-size: 20px;
    margin-bottom: 10px;
    font-weight: 500;
    color: darkslategray;
}
.box-fnl p{
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 10px;
    color: #65b590;
    line-height: 1.5;
}
.notfy{
    font-weight: 400;
    color: red!important;
}
.test8{
    width: 50%;
    float: left;

}
.test8 a{
font-size: 16px;
    padding: 8px 20px;
    border-radius: 5px;
    background: #f0ba08;
    color: #fff;
}
.test8 a:hover,.test9 a:hover{
    background: #65b590;
}
.test9 a{
  font-size: 16px;
    padding: 8px 20px;
    border-radius: 5px;
    background: #f0ba08;
    color: #fff;  
}
.test9{
    width: 50%;
    float: right;
}
.btn-box{
    width: 60%;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 15px;
}
.profile-img input[type="file"]{
        font-size: 18px;
    font-weight: 400;
    margin-bottom: 20px;
    color: gray;
    width: 100%;
}
.fup{
    width: 80%;
    box-shadow: 0px 0px 10px grey;
    margin: 0 auto;
    border-radius: 5px;
}
.fup h2{
        font-size: 25px;
    font-weight: 500;
    text-align: center;
    margin-bottom: 15px;
    color: darkslategray;
}
.fup ul{

}
.fup ul li{
        font-size: 18px;
    font-weight: 400;
    color: gray;
    border-bottom: 1px solid #ecdede;
    padding: 10px;
}
.up-btn{
    text-align: center;
    padding: 20px 0px;
    margin-bottom: 30px;
}
.up-btn a{
        font-size: 18px;
    padding: 8px 20px;
    background: #ddb91a;
    border-radius: 5px;
    color: #fff;
}

.std-note{
    background: #f0ba22;
    padding: 20px;
    border-radius: 5px;
    margin: 30px 0px;
}
.std-note p{
    font-size: 18px;
    margin-bottom: 10px;
    font-weight: 400;
    color: #fff;
}
.check1{
        margin-top: 20px;
    margin-bottom: 15px;
}
.check1 p{
    font-size: 16px;
    font-weight: 400;
    color: gray;
}
.check1 input[type="checkbox"]{
    margin-right: 10px;
}
.test-question{
        border: 1px solid #d6d0d0;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 40px;
}
.submit-btn{
    background: #f0ba08;
    text-align: center;
    border-radius: 5px;
    margin-bottom: 30px;
}
.submit-btn p{
        padding: 5px;
    font-size: 18px;
    color: #fff;
}

.eva{
    margin-bottom: 30px;
}

.pop-btn1{
        width: 100%;
    text-align: center;
    background: #f0ba08;
    margin-bottom: 0px;
    color: #fff;
    padding: 5px;
    box-shadow: 7px 8px 2px #f0ba084d;
    cursor: pointer;
    font-weight: 400;
    font-size: 20px;
    
    text-transform: capitalize;
}

.parentsay{
    width: 250px;
    margin: 0 auto;
        margin-top: 20px;
}
.acrd h2{
        font-size: 30px;
    margin-bottom: 15px;
    text-align: center;
    font-weight: 600;
}
/*End final-update page*/
.clss{
    color: #f0c808;
}
.bck-btn{
text-align: right;
    margin-bottom: -29px;
        margin-top: 10px;
}
.bck-btn a{
    background: #f0c808;
    padding: 6px 20px;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    border-radius: 5px;
    outline: none;
}
.qs-1 input[type='text']{
    border: none;
    width: 96%;
}
.qstag{
    background: #f1ecec;
    
    font-size: 18px;
}
label{
        font-weight: 400!important;
}
.pcall a{
    color: #007aff;
}
.online-img img{
    max-width: 100%;
    height: 230px;
    width: 360px;
}
/*css for online class form*/
/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top:80px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 10px;
  border: 1px solid #888;
  width: 40%;
}

/* The Close Button */
.close {
  color: #ffc107;
    float: right;
    font-size: 40px;
    font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
.online-title{
    font-size: 26px;
    font-weight: 500;
    margin-bottom: 15px;
    text-align: center;
}
.popbtn{
    text-align: right;
}
.onlineclass{
    border: none;
    background: #65b590;
    color: #fff;
    font-size: 22px;
    padding: 10px;
    border-radius: 5px;
    outline: none;
}
.jls img{
    margin-top: 10px;
}


/*csss*/
.jobsearch{
    width: 160px;
}
.jobsearch li {
 display: block;
 transition-duration: 0.5s;
}
.jbli a{
 font-size: 20px;
    /*border: 1px solid gray;*/
        padding: 6px 14px;
    border-radius: 5px;
    background: #93cbb1;
    color: #fff;
}
.jobsearch li:hover {
  cursor: pointer;
}

.jobsearch ul li ul {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  transition: all 0.5s ease;
  background: #93cbb1;
  left: 40;
  display: none;
}

.jobsearch ul li:hover > ul,
.jobsearch ul li ul:hover {
  visibility: visible;
  opacity: 1;
  display: block;
}

.jobsearch ul li ul li {
  clear: both;
  width: 100%;
      text-align: center;
    border-bottom: 1px solid #fff;
    padding: 10px;
}
.jobsearch ul li ul li a{
 color: #fff;
 font-size: 15px;
 padding: 5px;
}
}
.sr{
margin-top: 28px;
}
.sr img{
       width: 30px;
    margin-left: 10px; 
}


.navs a, .navs a:active, .navs a:hover, .navs a:visited{
    color: black!important;
        
}
.col-md-3{
    width: 100%!important;
float: none!important;
padding-left: 5px!important;
border: 1px solid #c6c0c0;
    border-radius: 5px;
    padding: 3px;
    margin-bottom: 2px;
}
.nav-tabs>li>a{
    padding:10px!important;
    border: 1px solid #bbbbb8!important;
}
.nav-tabs{
    border-bottom: none!important;
}
.nav-tabs>li>a{
    margin-right:0px!important;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{
    background-color: #65b590!important;
    color: #fff!important;
    text-decoration: none!important;
}
p {
    margin: 0px!important;
}
a:focus, a:hover{
    text-decoration: none!important;
}
.tab-content{
    margin-top: 20px;
}
.modal {
  overflow-y:auto;
}
.tjbk{
        background: #f0ba08;
    color: #fff!important;
    margin-bottom: 12px;
}
.cfo input[type="text"],.cfo input[type="email"],.cfo textarea{
        width: 100%;
    padding: 2px;
    font-size: 13px;
    border: 1px solid #eee4e4;
    border-radius: 5px;
    font-weight: 400;
   
    outline: none;margin-bottom: 2px;
   
}
.cfo-sub{
    text-align: center;
    margin-bottom: 3px;
}
.cfo-sub input[type="submit"]{
    font-size: 13px;
    padding: 8px 20px;
    text-transform: uppercase;
    font-weight: 400;
    border: none;
    background: #f0ba38;
    border-radius: 5px;
    color: #fff;
}
.cfo-sub input[type="submit"]:hover{
    background: green;
}
.tlnk{
    color: green;
    text-align: initial;
}
.evlink h2{
        font-size: 30px;
    margin-bottom: 20px;
    text-align: center;
    color: blue;
    font-weight: 600;
    margin-top: 10px;
}
.tlnk li a{
    font-size: 20px!important;
}
.tlnk li a:hover{
   color: #f0ba08;
   text-decoration: underline!important;
}
.tlnk li{
    margin-bottom: 8px!important;
}
.evt1{
   width: 45%;
    float: left;
    margin-left: 35px;
    margin-bottom: 35px;
    background: #f0ba08;
    height: 320px;
}
.evtitle{
        background: #f0ba08;
    text-align: center;
    font-size: 20px;
    color: #fff;
    text-transform: capitalize;
    font-weight: 500;
    margin: 0px;
}
.evt{
    margin: 30px 0px;
}
.act{
    color: gray;
}
.evlink a{
    color: #00008b;
}
.modal{
    overflow: auto!important;
}
.footer1 ul li a:hover{
    color: darkblue;
    text-decoration: underline!important;
}


.home-pnl1r{
    background: #65b5902b;
    padding: 30px 0px;
}
.vdimg{
    width: 30px;
    margin-right: 5px;
}
.maks{
    text-align: end;
    color: #60e0b5;
    font-weight: 700;
    margin-right: 5px;
}
.qus-time{
    margin-right: 5px;
}
select {
    width: 80%;
    padding: 10px;
    border-radius: 20px;
}
input[type="submit"] {
    width: 200px;
    padding: 10px;
    background: #f0ba08;
    border: none;
    border-radius: 16px;
    text-transform: uppercase;
    color: #fff;
}
.selectcity {
    margin-bottom: 20px;
}
.nav a, .nav a:active, .nav a:hover, .nav a:visited {
    border-radius: 6px;
    padding: 0px 5px!important;
    
}

#customers {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
  margin-top: 10px;
}

#customers td, #customers th {
  border: 1px solid #ddd;
  padding: 5px;
}

#customers tr:nth-child(even){background-color: #f2f2f2;}

#customers tr:hover {background-color: #ddd;}

#customers th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #04AA6D;
  color: white;
}
.fc-img.ach {
    height: 550px;
}
.fc-img.ach12 {
    height: 430px;
}
.fc-img.citytu {
    height: 620px;
}
.fc-img.alltech {
    height: 570px;
}

.nav a, .nav a:active, .nav a:hover, .nav a:visited {
    font-size: 17px!important;
    text-decoration: none;
}



/*Blog CSS*/


.blgtab {
    margin: 30px 0px;
}

.blgcont {
    text-align: center;
    box-shadow: 0px 0px 5px #939292;
    border-radius: 5px;
    margin-bottom: 20px;
    padding: 5px;
}
.blgcont img {
    width: 100%;
    height: 250px;
    object-fit: contain;
}
p.blgauth {
    font-size: 15px;
    text-align: left;
    color: #3ab793;
}
.date {
    font-size: 13px !important;
    text-align: left;
    font-weight: 600;
}
.blgcont h3 {
    text-align: initial;
    text-transform: capitalize;
    font-size: 17px;
    font-weight: 500;
    margin: 5px 0px;
}
.blgcont p {
    font-size: 15px;
    text-align: left;
    padding-bottom: 10px;
}
.vw-morblg a {
    font-size: 16px;
    padding: 7px 20px;
    font-weight: 400;
    background: #f0ba08;
    border: none;
    color: #fff;
    /* box-shadow: 8px 10px 10px #817c7c; */
}
.vw-morblg {
    margin: 10px 0px;
}

.blgtabhm {
    margin: 40px 0px;
}
.tslink img {
    width: 40px;
    height: 40px;
}
/*END BLOG CSS*/


/*
 CSS for the main interaction
*/
.tabset > input[type="radio"] {
  position: absolute;
  left: -200vw;
}

.tabset .tab-panel {
  display: none;
}

.tabset > input:first-child:checked ~ .tab-panels > .tab-panel:first-child,
.tabset > input:nth-child(3):checked ~ .tab-panels > .tab-panel:nth-child(2),
.tabset > input:nth-child(5):checked ~ .tab-panels > .tab-panel:nth-child(3),
.tabset > input:nth-child(7):checked ~ .tab-panels > .tab-panel:nth-child(4),
.tabset > input:nth-child(9):checked ~ .tab-panels > .tab-panel:nth-child(5),
.tabset > input:nth-child(11):checked ~ .tab-panels > .tab-panel:nth-child(6) {
  display: block;
}


.tabset > label {
  position: relative;
  display: inline-block;
  padding: 15px 15px 25px;
  border: 1px solid transparent;
  border-bottom: 0;
  cursor: pointer;
  font-weight: 600;
  font-size: 18px;
  font-weight: 700 !important;
}

.tabset > label::after {
  content: "";
  position: absolute;
  left: 15px;
  bottom: 10px;
  width: 22px;
  height: 4px;
  background: #8d8d8d;
}

input:focus-visible + label {
  outline: 2px solid rgba(0,102,204,1);
  border-radius: 3px;
}

.tabset > label:hover,
.tabset > input:focus + label,
.tabset > input:checked + label {
  color: #06c;
}

.tabset > label:hover::after,
.tabset > input:focus + label::after,
.tabset > input:checked + label::after {
  background: #06c;
}

.tabset > input:checked + label {
  border-color: #ccc;
  border-bottom: 1px solid #fff;
  margin-bottom: -1px;
  background-color: #3ab793;
  color: #fff;
  font-size: 18px;
    font-weight: 700 !important;
}

.tab-panel {
  border-top: 1px solid #ccc;
}

/*
 Demo purposes only
*/
*,
*:before,
*:after {
  box-sizing: border-box;
}

.tabset {
  max-width: 100%;
  margin-top: 30px;
  border: 2px solid #3ab793;
  border-radius: 5px;
  margin-bottom: 50px;
}

.home-pnl1r1 {
    background: #f3e7c6;
    padding: 30px 0px;
}
.home-pnl1r2 {
    background: #b1cef9a1;
    padding: 30px 0px;
}
.sg-fos input[type="submit"]{
    color:#000 !important;
}
.jls.new {
    background: #fff;
}
.pop-hd {
    margin-bottom: 40px;
}
.citdet {
    height: auto;
}