.post, .page {
  margin: 0 !important;
}

table{
    width: 100%;
}

ul.sub-menu{
    min-width: 200px !important;
}

.notice-scroll span{
    font-size: 14px;
    line-height: 20px;
    padding: 0 20px;
    font-weight: 700;
}
    
[class*="col-"]{
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.total-visit p{
    margin-bottom: 0;
    margin-top: 0;
}

#strcpv-page-counter p{
    font-size: 20px;
    font-weight: 600;
    line-height: 25px;
}

.messages .elementor-tab-title{
    margin: 0 10px;
    border-radius: 15px;
    text-align: center;
}

.messages .elementor-tab-content{
    margin: 15px;
    border-radius: 15px;
}

.screw-head{
    position: relative;
}

.screw-head:after{
    content: "";
    display: inline-block;
    height: 0;
    position: absolute;
    right: -20px;
    top: 0;
    width: 0;
}

.notice-single{
    display: flex;
    justify-content: space-between;
    padding: 10px 0;
}

.notice-single .date{
    max-width: 90px;
    width: 100%;
}

.notice-single .date p{
    padding: 10px 10px;
    text-align: center;
    font-size: 14px;
    line-height: 18px;
    margin: 0;
}

.notice-single .content{
    max-width: calc(100% - 90px);
    width: 100%;
    padding-left: 20px;
}

.notice-single .content h2{
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 0;
    line-height: 20px;
    padding-bottom: 10px;
    margin-top: 0;
}

.notice-single .content a{
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 0;
    line-height: 20px;
    display: block;
    text-align: right;
}

h2.title-block{
    font-size: 30px;
    text-align: center;
    line-height: 40px;
    font-family: "Poppins", Sans-serif;
    margin-bottom: 20px;
    font-weight: 500;
    margin-top: 0;
    padding-bottom: 30px
}

ul.teacher{
    text-align: center;
    margin: 0;
    padding: 0;
}

ul.teacher li{
    list-style-type: none;
    width: calc(25% - 5px);
    display: inline-block;
}

ul.teacher li ul{
    margin: 0;
    padding: 0;
}

ul.teacher li ul.social li{
    width: auto;
    padding: 10px;
}

ul.teacher li ul.social li a{
    font-size: 18px;
}

ul.teacher figure{
    text-align: center;
    border-radius: 15px;
    padding: 20px 15px;
    transition: all ease-in-out 0.4s;
    position: relative;
    margin: 10px !important;
    cursor: pointer;
}

ul.teacher figure img{
    max-width: 250px;
    width: 100%;
    max-height: 250px;
    border-radius: 50%;
    display: block;
    margin: auto;
    margin-bottom: 20px;
}

ul.teacher figure h2{
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 0;
}

ul.teacher figure h4{
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 0;
    margin-top: 0;
}


.institute-details .elementor-tab-title{
    margin-right: 10px !important;
    margin-bottom: 15px !important;
    padding: 13px 23px !important;
}

div.wpforms-container-full .wpforms-form .wpforms-field {
  padding: 10px 0 0;
}

div.wpforms-container-full {
  margin: 0 auto;
}

.margin-zero{
    margin-bottom: 0 !important;
}

.download-corner{
    border-radius: 15px;
    padding: 20px;
}

.syllabus-table table th{
    font-size: 16px;
    padding: 10px;
}

.syllabus-table table th:first-child{
    border-radius: 10px 0 0 0;
}

.syllabus-table table th:last-child{
    border-radius: 0 10px 0 0;
}

.syllabus-table table td{
    font-size: 16px;
    padding: 10px;
    text-align: center;
    text-transform: capitalize;
}

.syllabus-table table th{
    border-right: 0;
}

.syllabus-table table td a{
    display: block;
}

ul#isotope_filters{
    text-align: center;
    margin: 0;
    padding: 0;
}

ul#isotope_filters li{
    list-style-type: none;
    display: inline-block;
    padding: 0 10px 20px;
}

ul#isotope_filters li a{
    display: block;
    padding: 10px 30px;
    font-size: 14px;
    border-radius: 25px;
}

#isotope_container .content-block,
.content-block.head-block{
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.content-block.head-block{
    margin-top: 40px;
}

.content-block div{
    width: 25%;
    text-align: center;
    font-size: 18px;
    line-height: 24px;
    padding: 8px 0;
}

.content-block.head-block div{
    font-weight: 700;
}

.content-block.head-block div:last-child{
    border-right: 0;
}

.isotope_selector{
    width: 100%;
}

.isotope_selector div{
    font-size: 16px;
}

.col-4{
    width: 25%;
}

.col-8{
    width: 75%;
}

.student-details{
    max-width: 1200px;
    margin: auto;
    padding: 50px 15px 40px;
}

.student-details .main-content{
    display: flex;
    justify-content: space-between;
}

.student-details .widget_wpc_filters_widget{
    margin: 15px;
    padding: 15px;
    border-radius: 15px;
}

.details-block{
    padding: 15px;
    margin: 15px;
    border-radius: 15px;
}

.details-block figure{
    margin: 0 0 20px;
    padding: 15px;
    border-radius: 10px;
    display: flex;
    justify-content: space-between;
}

.details-block figure .image{
    width: 27%;
    padding: 15px;
}

.details-block figure img{
    display: block;
    border-radius: 50%;
}

.details-block figure .details{
    width: 70%;
    padding: 15px;
}

.details-block figure table{
    margin-bottom: 0;
}

.details-block figure table td:first-child{
    width: 35%;
}

.details-block figure table td{
    font-size: 16px;
    padding: 0 10px;
    text-transform: capitalize;
}

h2.widget-title{
    font-size: 25px;
    line-height: 30px;
    margin: 0;
    padding-bottom: 20px;
    text-align: center;
}

.wpc-filters-section{
    margin-bottom: 10px !important;
}

.wpc-filter-header .widget-title{
    font-size: 18px;
    line-height: 25px;
    margin-bottom: 0;
}

.wpc-filter-content select{
    margin-bottom: 0 !important;
	height: 35px;
}

p.not-found{
    text-align: center;
    margin: 0;
    font-size: 30px;
    line-height: 40px;
    padding: 70px 0 100px;
    font-weight: 700;
}

.navigation{
    display: flex;
    justify-content: center;
}

.next-posts a,
.prev-posts a{
    text-decoration: none;
    font-size: 14px;
    padding: 0 20px;
    line-height: 40px;
    display: block;
    margin: 0 10px;
}

.routine table{
    border-radius: 15px;
    padding: 15px;
}

.routine table th{
    padding: 10px;
    font-size: 14px;
}

.routine table td{
    padding: 10px;
    font-size: 14px;
    text-align: center;
    text-transform: capitalize;
}

.heading-margin h3{
    margin-top: 0;
}


/* API Page */
.educms-api-search{
    max-width: 800px;
    margin: auto;
    display: flex;
    justify-content: space-between;
    background: #237A5720;
    padding: 15px;
    border-radius: 15px;
    margin-bottom: 40px;
}

.educms-api-search h3{
    margin: 0;
    font-size: 22px;
    line-height: 50px;
    font-weight: 500;
    padding: 0 10px;
    align-self: center;
}

.educms-api-search form{
    width: 80%;
    border-radius: 10px;
}

.educms-api-search form input[type="submit"]{
    background-color: transparent;
    border: 0;
    font-size: 16px;
    line-height: 50px;
    padding: 0;
    width: 200px;
    text-align: center;
    font-weight: 700;
    cursor: pointer
}

.educms-api-search form select,
.educms-api-search form input[type="date"],
.educms-api-search form input[type="text"]{
    font-size: 16px;
    line-height: 50px;
    height: 50px;
    border: 0;
    padding: 10px 20px;
    width: calc(100% - 205px);
}

#resultsFor,
.table-title,
#resultsFor2{
    display: none;
}

.class-routine-table{
    border-radius: 15px;
    padding: 15px;
}

.class-routine-table th {
  padding: 10px;
  font-size: 14px;
}

.class-routine-table td {
  padding: 10px;
  font-size: 14px;
  text-align: center;
  text-transform: capitalize;
}

.exam-routine.educms-api-search form select{
    width: 32.33%;
}

.student-list.educms-api-search form select,
.payslip.educms-api-search form select,
.payslip.educms-api-search form input[type="text"]{
    width: calc(50% - 105px);
}

.exam-routine.educms-api-search form input[type="submit"]{
    margin: 30px auto 0;
    display: block;
}

.educms-api-search.google-chart{
    flex-wrap: wrap;
    flex-direction: column;
}

.educms-api-search .attendance{
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.chart-display{
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin: 20px 0 0;
    border-radius: 15px;
}

rect{
    fill: transparent;
}

.google-chart-box,
.percent-result{
    width: 50%;
    align-self: center;
}

.percent-result ul{
    margin: 0;
    padding: 0;
}

.percent-result li{
    list-style-type: none;
    font-size: 20px;
    line-height: 30px;
    position: relative;
    padding-left: 30px;
}

.percent-result li::before {
  content: " ";
  width: 15px;
  height: 15px;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

.payslip.educms-api-search form,
.findslip.educms-api-search form{
    width: 75%;
}

.payslip.educms-api-search{
    max-width: 950px;
}

.fees-info-result{
    display: flex;
    justify-content: center;
}

.item.col-6{
    width: 50%;
    margin: auto;
    padding: 0 15px !important;
}

table th {
  padding: 10px;
  font-size: 14px;
}

table td {
  padding: 10px;
  font-size: 14px;
  text-align: center;
  text-transform: capitalize;
}

table {
  border-radius: 15px;
  padding: 15px;
}

.institute-select{
    max-width: 800px;
    margin: auto;
    display: flex;
    justify-content: space-between;
    padding: 15px;
    border-radius: 15px;
    margin-bottom: 40px;
}

.institute-select h3 {
  margin: 0;
  font-size: 22px;
  line-height: 50px;
  font-weight: 500;
  padding: 0 10px;
  align-self: center;
}

.institute-select form {
  width: 75%;
  border-radius: 10px;
}

.institute-select select{
    font-size: 16px;
    line-height: 50px;
    height: 50px;
    border: 0;
    padding: 10px 20px;
    width: 100%;
}

.institute-display,
.educms-search-for h4{
    display: none;
}

.institute-display.dis-block{
    display: block;
}



@media (max-width: 1200px){
    ul.teacher li{
        width: calc(50% - 5px);
    }
    
    .main-content .col-4,
    .main-content .col-8{
        width: 100%;
    }
    
    .student-details .main-content{
        flex-wrap: wrap;
    }
    
    .student-details{
        padding: 30px 15px;
    }
    
    .student-lists .student-details ul{
        padding: 0;
        margin: 0;
    }
}

@media (max-width: 750px){
    ul.teacher li{
        width: calc(100% - 5px);
    }
    
    h2.title-block{
        padding-bottom: 0;
    }
    
    .details-block{
        margin: 15px 0;
    }
    
    .student-details .widget_wpc_filters_widget{
        margin: 0;
    }
    
    .details-block figure{
        flex-wrap: wrap;
    }
    
    .details-block figure .image,
    .details-block figure .details {
        width: 100%;
    }
    
    .details-block figure .details{
        padding: 0;
    }
    
    .educms-api-search form,
    .educms-api-search form select, 
    .educms-api-search form input[type="date"], 
    .educms-api-search form input[type="text"],
    .student-list.educms-api-search form select, 
    .payslip.educms-api-search form select, 
    .payslip.educms-api-search form input[type="text"]{
        width: 100%;
        border-bottom: 2px solid #FFFFFF;
    }
    
    .educms-api-search{
        flex-wrap: wrap;
    }
    
    .educms-api-search form input[type="submit"]{
        width: 100%;
    }
    
    .educms-api-search h3{
        width: 100%;
        text-align: center;
    }
    
    table,
    .routine table{
        padding: 0;
    }
    
    .syllabus-table table td,
    .syllabus-table table th,
    .routine table td,
    .routine table th{
        padding: 5px;
    }
    
    .elementor-142 .elementor-element.elementor-element-b24edb0,
    .elementor-142 .elementor-element.elementor-element-4b22839 {
      width: 100% !important;
    }
    
    .download-corner{
        padding: 15px 0 0;
    }
    
    .content-block div{
        font-size: 13px;
        line-height: 16px;
    }
    
    .institute-select form,
    .payslip.educms-api-search form, 
    .findslip.educms-api-search form,
    .exam-routine.educms-api-search form select{
        width: 100%;
    }
    
    .institute-select h3,
    .find-payslip-result .item.col-6{
        width: 100%;
        text-align: center;
    }
    
    .institute-select{
        flex-wrap: wrap;
    }
    
    .merit-list table th,
    .merit-list table td {
      padding: 5px;
      font-size: 10px;
    }
    
}