.accordion {
  margin: 1rem 0;
  padding: 0;
  list-style: none;
}
.accordion-item {
}
.accordion-panel {
  margin-bottom: 5px !important;
  border-radius: 0px 0px 7px 7px !important;
  border: 1px solid #e5e5e5 !important;
  padding: 10px;
}
.accordion-thumb {
  margin-top: 5px !important;
  margin: 0;
  padding: 0.8rem 0;
  cursor: pointer;
  font-weight: bold;
  color: #fff !important;
  background-color: #005bab !important;
  background-image: none !important;
  font-size: 16px;
  padding: 10px;
  border: #e5e5e5;
  border-radius: 5px 5px 0px 0px;
  padding: 7px 10px;
}
.accordion-panel {
  margin: 0;
  padding-bottom: 0.8rem;
  display: none;
}
.accordion-item.is-active {
  .accordion-thumb::before {
    transform: rotate(45deg);
  }
}
table td {
  text-align: left !important;
}
.wm-mini-header {
  background-image: url("https://pccoer.com/images/library-reading-hall.png");
  background-repeat: no-repeat;
  text-align: center;
  padding: 75px 0px 70px 0px;
  position: relative;
}
span.wm-blue-transparent {
  background-color: rgba(17, 22, 44, 0.66);
  height: 71%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.wm-mini-title {
  color: white;
}
.breadcrumb > li + li:before {
  color: #ccc;
  content: ">> ";
  padding: 0 5px;
}
.breadcrumb {
  background-color: transparent;
}
a {
  color: #337ab7;
  text-decoration: none;
}
breadcrumb > .active {
  color: white;
}
h4 {
  color: blue;
  font-size: 180%;
}

#row-space {
  margin-top: 1px;
  margin-bottom: 50px;
}

.wm-blogauthor-left img {
  border-radius: 100%;
  float: left;
  position: relative;
  margin: -25px 18px 0px 25px;
}

img {
  height: auto;
  max-width: 100%;
}
.wm-blogauthor-left .wm-authorpost {
  float: left;
  color: #c3c8e2;
  padding: 15px 0px;
  font-size: 15px;
}

.wm-our-courses ul li a,
.wm-ourcourses-left,
.wm-courses .wm-blog-author {
  float: left;
}

.modal-backdrop,
.wm-banner-one-nav-layer.slick-current,
.wm-bgcolor,
.wm-bgcolorhover:hover,
.wm-blog-author,
.wm-contact-tab .nav-tabs li a:before,
.wm-counter-simple,
.wm-courses-popular figcaption,
.wm-gallery figure:hover figcaption,
.wm-get-started-button:hover,
.wm-grid-tittle,
.wm-learn-listing figure:before,
.wm-light-transparent,
.wm-normal-btn a:hover,
.wm-our-professors figure figcaption:before,
.wm-price-plans h2,
.wm-promo-box-text a,
.wm-promo-box-text > .wm-save,
.wm-student-favorite-text,
.wm-testimonial-slider-wrap p,
.wm-topstrip {
  background-color: #222845;
}

.wm-blog-author {
  margin-bottom: 3px;
}

.wm-blog-single,
.wm-blog-author {
  float: left;
  width: 100%;
}

.wm-our-courses ul li a i {
  padding: 0px 8px 0px 0px;
  font-size: 15px;
}

.fa {
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fa,
.fa-stack {
  display: inline-block;
}
.wm-our-courses ul li a {
  color: #c3c8e2;
  font-size: 15px;
}

.wm-our-courses ul li a,
.wm-ourcourses-left,
.wm-courses .wm-blog-author {
  float: left;
}

a {
  color: #424242;
  text-decoration: none;
}

a {
  background-color: transparent;
}

.wm-our-courses {
  float: right;
  padding: 13px 0;
}

div {
  display: block;
}

.wm-student-nav {
  background-color: #f7f7f7;
  padding: 38px 42px;
}

.wm-student-dashboard-nav {
  float: left;
  width: 100%;
  padding-right: 32px;
}

.wm-student-dashboard-statement,
.wm-dashboard-statement,
.wm-plane-title h2,
.wm-plane-title,
.wm-student-settings-info,
.wm-student-dashboard-courses,
.wm-student-profile-info,
.wm-student-nav,
.wm-student-nav-text h6 .wm-student-nav ul,
.wm-student-nav ul li > a {
  float: left;
  width: 100%;
}

@media (min-width: 768px) and (max-width: 990px) .wm-main-content .col-md-3,
  .wm-main-content .col-md-4 {
  float: none;
  display: inline-block;
  vertical-align: top;
  margin-right: -4px;
  width: 50%;
  padding-top: 20px;
}

.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

ul {
  margin-bottom: 0;
}

ul,
ol {
  margin-top: 0;
  margin-bottom: 10px;
}

.contact-social-icon li:hover a,
.contact-social-icon li:hover i,
.tags a,
.whychooseus-list ul li span,
.widget_check-box .rating-box:before,
.widget_contact-form input[type="submit"],
.widget_course-price a,
.widget_course-price span,
.widget_courses-program span,
.widget_our-professors figcaption a:hover,
.widget_our-professors ul li a:hover i,
.widget_professor-info > .wm-read-more,
.widget_twittwe-feed h5 span,
.widget_twittwe-feed li a:hover,
.widget_twittwe-feed li:before,
.wm-404page-button a,
.wm-404page-button a:before,
.wm-404page-text a,
.wm-404page-text li:before,
.wm-Article a,
.wm-Article h6 a:hover,
.wm-Article time,
.wm-arrow-left,
.wm-arrow-left-button.wm-iconarrow-righ:hover,
.wm-arrow-right,
.wm-author-text h5 a,
.wm-blog-single .wm-blog-post-option li,
.wm-blog-single .wm-blog-post-option li a,
.wm-button-left .wm-read-button,
.wm-button-left .wm-search-button,
.wm-button-right .wm-read-more,
.wm-button-right .wm-read-more-button,
.wm-buttonapply .wm-apply-button:hover,
.wm-buyplan,
.wm-buyticket-section h2,
.wm-buyticket-section ul li span,
.wm-callaction-typo-text a,
.wm-cart-button a,
.wm-cart-button i,
.wm-case-filter figcaption > a,
.wm-certification-listing a,
.wm-classic-heading h2 span,
.wm-contact-form form input[type="submit"],
.wm-contact-tab .nav-tabs li a,
.wm-courses-info ul li a,
.wm-courses-started-text h6 a,
.wm-event-latest-slider .slick-arrow:hover,
.wm-event-options ul i,
.wm-fancy-title h2 span,
.wm-faq .panel-title a,
.wm-faq-form input[type="submit"],
.wm-favorite > .wm-remove,
.wm-filterable ul li a,
.wm-futurecourse a:hover,
.wm-futurecourse span,
.wm-grid-info span,
.wm-iconarrow-left:hover,
.wm-iconarrow-right:hover,
.wm-latest-event-text time,
.wm-latestnews a,
.wm-latestnews h5 a:hover,
.wm-latestnews time,
.wm-lesson-list figure figcaption span,
.wm-lesson-text span i,
.wm-lesson-text time i,
.wm-list-style li,
.wm-list-wrap .wm-icon-list-style li i,
.wm-our-professors figcaption > a,
.wm-ourcourses-left a,
.wm-ourcourses-right .wm-Next-icon,
.wm-ourcourses-right .wm-previous-icon,
.wm-partners-slider .slick-arrow:hover,
.wm-plain-btn-style,
.wm-popular-hover small,
.wm-post-options li,
.wm-post-options li a,
.wm-price-plans ul li a i,
.wm-price-plans ul li i,
.wm-profile-detail-info h6 a,
.wm-profile-info article ul li a:hover,
.wm-profile-info article ul li h6 a,
.wm-promo-box .read-more,
.wm-promo-box-text span,
.wm-range-slider form input[type="submit"],
.wm-reviews-text span,
.wm-rich-aditor li:before,
.wm-section-title-two h2 span,
.wm-select-checkbox input[type="checkbox"]:checked + label span:before,
.wm-shop-icon span,
.wm-shop-list .wm-cart-button > span,

.wm-sidebar a:focus,
.wm-sidebar a:hover,

.wm-sidebar li:hover a:after,
.wm-simple-section-title h2 span,
.wm-social-icon li a:hover,
.wm-statement-started-text h6 a,
.wm-student-dashboard-form form input[type="submit"],
.wm-student-nav ul li:hover > a,
.wm-student-nav ul li > a:hover i,
.wm-student-nav-text a,
.wm-student-profile-text > a:hover,
.wm-submit-question a,
.wm-summary .wm-reviews span,
.wm-summary span,
.wm-tabs-typo .nav-tabs > li:hover,
.wm-team-info .wm-icon a:hover,
.wm-testimonial-slider .slick-arrow:hover,
.wm-testimonial-slider-wrap figure figcaption span,
.wm-title-typoelements h2 span,
.wm-widgettitle h2 span {
  color: #3498db;
  text-decoration: none;
}

.wm-student-nav ul li > a {
  font-size: 14px;
  position: relative;
  font-weight: 500;
  padding: 0 0 0 9px;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.wm-student-dashboard-statement,
.wm-dashboard-statement,
.wm-plane-title h2,
.wm-plane-title,
.wm-student-settings-info,
.wm-student-dashboard-courses,
.wm-student-profile-info,
.wm-student-nav,
.wm-student-nav-text h6 .wm-student-nav ul,
.wm-student-nav ul li > a {
  float: left;
  width: 100%;
}

.wm-latest-event-text time,
.wm-post-options li,
.wm-contact-tab .nav-tabs li a,
.wm-banner-addswrap time,
.wm-banner-addswrap span,
.list-courses-thumb a,
.wm-recent-list-text a,
.wm-popcourses-options span,
.wm-more-news,
.wm-filterable-link ul li a,
.wm-title-full h2,
.wm-student-nav ul li > a,
.wm-full-title h2,
.singleshop-tab .nav > li > a {
  font-family: "Merriweather", serif;
}

a {
  color: #424242;
  text-decoration: none;
}

.wmicon-avatar:before {
  content: "\e90d";
}

*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body h2,
body h3,
body h4,
body h5,
body h6 {
  color: #000203;
  font-family: "Merriweather", serif;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5;
  margin: 0 0 8px;
}

h5 {
  font-size: 18px;
}

.wm-courses-getting-started li {
  list-style: none;
  margin-bottom: 9px;
  float: left;
  width: 100%;
  border: 1px solid #f1f1f1;
  padding: 0px 26px 2px 20px;
}

.wm-courses-preview > a {
  background-color: #69ca87;
  color: #ffffff;
  float: right;
  font-size: 14px;
  padding: 2px 19px 4px 18px;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.wm-courses-started-listing a {
  float: left;
  color: #cecece;
  font-size: 19px;
  padding: 15px 22px 4px 7px;
}

a {
  color: #424242;
  text-decoration: none;
}

a:-webkit-any-link {
  color: -webkit-link;
  cursor: pointer;
  text-decoration: underline;
}

p {
  line-height: 28px;
  margin-bottom: 10px;
  text-align: justify;
  
}

p {
  margin: 0 0 10px;
  text-align: justify;
  
}

a {
  color: #100d0d;
  text-decoration: none;
}

a:-webkit-any-link {
  color: black;
  cursor: pointer;
  text-decoration: underline;
}

hr {
  height: 2px;
  border-width: 0;
  color: gray;
  background-color: gray;
}

.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  padding-bottom: 20px;
  text-decoration: none;
}

.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #ddd;
}

table > thead > tr > th,
table > tbody > tr > th,
table > tfoot > tr > th,
table > thead > tr > td,
table > tbody > tr > td,
table > tfoot > tr > td {
  border: 1px solid #dddddd;
  line-height: 2.5;
  padding-left: 3px;
  text-align: center;
  vertical-align: top;
}

.panel-info > .panel-heading {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}

.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  background-color: #f2f2f2;
  border: none;
  box-sizing: border-box;
  color: #aaa9a9;
  display: inline-block;
  font-size: 13px;
  height: 30px;
  line-height: 20px;
  outline: none;
  padding: 4px 6px;
  vertical-align: middle;
  box-shadow: none;
}

.panel-info {
  border-color: #bce8f1;
}

.panel {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
  box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
}

@media (min-width: 768px) and (max-width: 990px) .col-md-12 {
  float: left;
  width: 100%;
}

body h5 {
  color: #005bab;
  font-family: "Merriweather", serif;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5;
  margin: 0 0 8px;
}

.wm-contact-form form input[type="text"] {
  font-size: 15px;
  color: #bdbcbc;
  padding: 7px 20px 7px 74px;
  background-color: #ffffff;
  border-bottom: 2px solid #efefef;
  height: 48px;
}

.wm-contact-form,
.wm-contact-form span,
.wm-contact-form form,
.wm-contact-form form ul,
.wm-contact-form form ul li,
.wm-contact-form form input[type="text"],
.wm-contact-form form textarea {
  float: left;
  width: 100%;
}

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  border: none;
  box-sizing: border-box;
  display: inline;
  line-height: 20px;
  vertical-align: middle;
  box-shadow: none;
}

element.style {
  z-index: 3;
  position: absolute;
  height: 100%;
  width: 100%;
  padding: 0px;
  border-width: 0px;
  margin: 0px;
  left: 0px;
  /* top: 0px; */
  touch-action: pan-x pan-y;
}
.wm-our-courses ul {
  float: right;
  padding: 0px 31px 0px 31px;
}

.wm-our-courses ul li a {
  color: #c3c8e2;
  font-size: 15px;
}

.wm-our-courses ul li a,
.wm-ourcourses-left,
.wm-courses .wm-blog-author {
  float: left;
}

.tpobelowimg {
  width: 61px;
  height: 60px;
}

@media (min-width: 768px) and (max-width: 990px) .wm-main-content .col-md-3,
  .wm-main-content .col-md-4 {
  float: none;
  display: inline-block;
  vertical-align: top;
  margin-right: -4px;
  width: 50%;
  padding-top: 20px;
}

.wmicon-avatar:before {
  content: "\e90d";
}

/* tpo desk */
div.flex_main {
  display: flex;
  justify-content: space-between;
}

.img-responsive .image-center
{
  align-items: center;
}

.img1
{
  display: flex;
  justify-content: center;
}
.wm-color-three
{
  color: #3498db;
  text-align: center;
  padding-left: 300px;
  font-size: larger;
  font-weight: 500;
}

/* div.box-1{
  width: 100%;
  height: 100%;
  padding: 15px;
  background-color: coral;
  box-shadow: 10px 10px;
  color: white;
  transform: translate(50px, 100px);
} */

div.img3
{
  float: left;
}
div.img4
{
  float: right;
}

p.justi
{
  text-align: justify;
}