/*==============================
  Publication page
===============================*/

.graph_pub {
  position: relative; 
}

.graph_pub:after {
  content: '';
  background-image: url(../images/machle.jpg);
  background-repeat: no-repeat;
  position: absolute;
  right: 0;
  top: 50px;
  width: 200px;
  height: 600px;
  z-index: 0;
}

.graph_pub > * {
  position: relative;
  z-index: 1; 
}

.publication {
  background: linear-gradient(132deg, #eff5ff 47.72%, #1585f8 86.48%);
}

.publicatin_theme {
  background: #ffffff;
  border-radius: 40px 40px 0px 0px;
  -webkit-border-radius: 40px 40px 0px 0px;
  -moz-border-radius: 40px 40px 0px 0px;
  -ms-border-radius: 40px 40px 0px 0px;
  -o-border-radius: 40px 40px 0px 0px;
}

.publicatin_theme_footer {
  background: linear-gradient(102deg, #eff5ff 47.72%, #a6ccf2 86.48%);
  border-radius: 40px 40px 0px 0px;
  -webkit-border-radius: 40px 40px 0px 0px;
  -moz-border-radius: 40px 40px 0px 0px;
  -ms-border-radius: 40px 40px 0px 0px;
  -o-border-radius: 40px 40px 0px 0px;
}

.publication_heading {
  text-align: center;
}

.publication_heading h6 {
  font-size: 15px;
  font-weight: 600;
  color: #1585f8;
  font-family: sans-serif;
  text-transform: uppercase;
  margin-bottom: 2px;
}

.publication_heading h6 span {
  font-size: 15px;
  font-weight: 600;
  color: #1585f8;
  font-family: "DM Sans", sans-serif;
  text-transform: capitalize;
}

.publication_heading h4 {
  font-size: 26px;
  font-weight: 700;
  text-transform: capitalize;
}

.publication_heading h1 {
  font-size: 64px;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 43px;
}

.publication_heading h2 {
  font-size: 64px;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 43px;
}

.publication_heading_color {
  color:#555555 !important;
}

.publication__kind {
  background: #ffffff;
  padding: 45px 25px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
  border: 1px solid #f8f6f9;
}

.publication__kind span {
  width: 50px;
  height: 50px;
  line-height: 54px;
  text-align: center;
  border-radius: 8px;
  background: #ff8565;
  display: block;
  margin-bottom: 18px;
}

.publication__kind span i {
  color: #ffffff;
  font-size: 24px;
}

.publication__kind a {
  font-size: 20px;
  font-weight: 700;
  display: block;
  font-family: "DM Sans", sans-serif;
  color: #111013;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}

.publication__kind img {
    width: 60px !important;
  height: 60px !important;
    border: 1px solid;
	border-color: #000;
    border-radius: 10px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
    margin-bottom: 10px;     
}

.publication__kind img:hover {
  border-color: #1585f8 !important;
}

.publication__kind:hover .publication__kind_link, 
.publication__kind:hover a {
  color: #1585f8 !important;
}

.publication__kind a:hover {
  color: #1585f8 !important;
}

.publication__kind p {
  font-size: 16px;
  font-weight: 400;
  font-family: "Inter", sans-serif;
  line-height: 24px;
  margin-top: 8px;
}

.publication__kind ul {
  margin-top: 10px;
}

.publication__kind ul li {
  list-style: disc;
  margin-left: 17px;
  font-size: 16px;
  font-weight: 500;
  font-family: "Inter", sans-serif;
  color: #111013;
  text-transform: capitalize;
}

.publication__kind:hover {
  background: transparent;
  border-color: #1585f8;
}

.publication__kind:hover a {
  color: #ffffff;
}

.publication__kind:hover p {
  color: #ffffff;
}

.publication__kind:hover ul li {
  color: #ffffff;
}


.publication_desc {
  background: #f8f6f9;
}


.publication_desc span {
  background: #111013;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}


.publication_desc span i {
  color: #ffffff;
}

.publication_desc:hover span {
  background: #1585f8;
}

.publication_desc:hover img {
  border-color: #1585f8;
}

.publication_desc a:hover {
  color: #1585f8 !important;
}

.publication_desc:hover p {
  color: #111013;
}

.publication_desc:hover ul li {
  color: #111013;
}

.publication_desc h5 {
  font-size: 20px;
  font-weight: 700;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
  margin-top: 5px;
}

.publication_desc_link {
  font-size: 15px !important;
  font-weight: 600;
  font-family: "Inter", sans-serif;
  margin-top: 14px;
  color: #1585f8 !important;
}

.publication_desc_link i {
  margin-left: 10px;
}




.w2d_publication_card {
  border-radius: 40px 40px 0px 0px;
  background: 
      linear-gradient(102deg, #dbf1c3 -7.72%, #dce7e3 86.48%);
}

.w2d_publication_card_color {
  background: #ffffff;
}

.w2d_publication_accordion {
  --bs-accordion-bg: transparent;
  --bs-accordion-border-color: transparent;
  --bs-accordion-border-width: 0;
  --bs-accordion-border-radius: 0;
  --bs-accordion-inner-border-radius: 0;
  --bs-accordion-btn-focus-box-shadow: none;
  --bs-accordion-active-bg: transparent;
  --bs-accordion-btn-icon: none;
  --bs-accordion-btn-active-icon: none;
}

.w2d_publication_accordion .accordion-item .accordion-button {
  font-family: "DM Sans", sans-serif;
  font-size: 28px;
  font-weight: 700;
  border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  -ms-border-radius: 0 !important;
  -o-border-radius: 0 !important;
}

.w2d_publication_accordion .accordion-item {
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1.5px solid rgba(17, 16, 19, 0.2) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.w2d_publication_accordion .accordion-button:not(.collapsed) {
  background: transparent !important;
  color: #111013 !important;
  box-shadow: none !important;
}

.w2d_publication_accordion .accordion-button {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 20px 0 !important;
  border-radius: 0 !important;
}

.w2d_publication_accordion .accordion-button:focus {
  box-shadow: none;
  border: none;
}

.w2d_publication_accordion .accordion-collapse {
  border: none;
}

.w2d_publication_accordion .accordion-body {
  padding: 0;
  padding-bottom: 20px;
}

.w2d_publication_accordion .accordion-collapse,
.w2d_publication_accordion .accordion-body {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.w2d_publication_accordion .accordion-body a:hover{
  color: #df525a;
}

.w2d_publication_accordion .accordion-body p {
  margin: 0 0 20px 0;
}

.w2d_publication_accordion .accordion-button::after,
.w2d_publication_accordion .accordion-button:not(.collapsed)::after {
  font-family: "Material Design Icons";
  font-size: 26px;
  font-style: normal;
  font-weight: 100;
  line-height: 1;
  color: #484848;
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-image: none;
}

.w2d_publication_accordion .accordion-button::after {
  content: "\F0415";
    color: #1585f8;
}

.w2d_publication_accordion .accordion-button:not(.collapsed)::after {
  content: "\F0374";
}

@media (min-width: 768px) and (max-width: 991.99px) {
.w2d_publication_accordion .accordion-item .accordion-button {
        font-size: 18px;
    }
}

@media (min-width: 576px) and (max-width: 767.99px) {
.w2d_publication_accordion .accordion-item .accordion-button {
        font-size: 18px;
    }
}

@media (max-width: 575.99px) {
.w2d_publication_accordion .accordion-item .accordion-button {
        font-size: 18px;
   }
}

/*==============================
  Publication END
===============================*/