@import url('https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.2.3/animate.min.css');
/* @import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css'); */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

:root {
  --primary-color: #0F63D6;
  --radius: 60px;
}

body {
  font-family: "Urbanist", sans-serif;
  scroll-behavior: smooth;
}

/* Utilities */
.d-flex { display: flex; }
.justify-center { justify-content: center; }
.items-center { align-items: center; }
.text-black { color: #000; }
.text-white { color: #fff; }
.rounded-12 { border-radius: 12px !important; }
.rounded-50 { border-radius: 50px !important; }
.uppercase { text-transform: uppercase; }
.text-center { text-align: center; }
.relative { position: relative; }
.w-full{width: 100%;}
.mt-5{margin-top: 5px;}
.mt-20{margin-top: 20px;}
.mt-25{margin-top: 25px;}
.mt-30{margin-top: 30px;}
.d-none{display: none;}

.container{max-width: 1286px; width: 100%; padding: 0 15px; margin: 0 auto; }
.container-wrap{padding: 0px 60px; width: 100%; }
.inner-container{max-width: 1286px; padding: 0 15px; margin: 0 auto;}
.main-wraper{width: 100%; padding-top: 79px; }
.admin-bar .main-wraper {
 padding-top: 67px;
}
/* Theme Button */
.theme-button{
  color: #FFF;
  text-align: center;
  font-size: 16px;
  line-height: 120%;
  font-style: normal;
  font-weight: 700;
  text-decoration: none;
  position: relative;
  display: flex;
  overflow: hidden;
  border-radius: 40px;
  background: #08A1EE;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 14px 24px;
}

.login-button{
  width: 96px;
}

.section{position: relative; }
.section-inner{width: 100%;}

.title-header{ max-width: 825px; margin: auto; text-align: center;}

.title-header h2{
  border-radius: 58px;
  background: rgba(0, 0, 0, 0.05);
  display: inline-flex;
  padding: 7px 12px;
  font-size: clamp(16px, 3vw, 20px);
  font-weight: 500;
  color: #000;
  text-align: center;
  font-style: normal;
  line-height: normal;
  margin-bottom: 10px;
}

.title-header h3{
  color: #000;
  text-align: center;
  font-size: clamp(30px, 5vw, 42px);
  font-style: normal;
  font-weight: 500;
  line-height: 119.048%;
  margin-inline: auto;
}

.title-header p{
  color: #5E6063;
  font-size: clamp(17px, 3.5vw, 22px);
  font-style: normal;
  font-weight: 300;
  line-height: 136.364% ;
}
.title-header p b{
  color: #000;
  font-weight: 600;
}

.site-main{
 display: flex;
 justify-content: center;
 margin: 20px 0px;
 width: 100%;
 padding: 0px 20px;
}


/********************* Blog and blog detail start ******/

.notify-section{
  background: #F1F6FF;
  padding: 12px;
  text-align: center;
}
.notify-col {
  display: flex;
  justify-content: center;
  gap: 5px;
  align-items: center;
}
.notify-col p {
  color: #777;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -0.14px;
}
.notify-col .nt-link{
  color: #000;
  font-weight: 500;
} 

.discover-maritime{
  background: #FBFBFB;
  padding: 24px;
}

.discover-search-blog {
  max-width: 680px;
  margin: auto;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.discover-search-blog h4 {
  color: #000;
  text-align: center;
  font-size: 28px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: -0.28px;
}
.blog-search {
  position: relative;
  width: 100%;
}
.blog-search-input {
  max-height: 53px;
  padding: 16px 50px 16px 20px;
  border-radius: 5px;
  border: 1px solid #EAEAEA;
  background: #FFF;
  width: 100%;
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -0.16px;
  outline: none;
  font-family: "Urbanist", sans-serif;
}
.blog-search .search-submit {
  padding: 5px;
  position: absolute;
  right: 10px;
  background: transparent;
  border: none;
  cursor: pointer;
  top: 13px;
}
.filter-select{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}

.filter-select label{
  color: #000;
  font-family: "Urbanist", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -0.18px;
  opacity: 0.5;
}


.filter-select .dropdown {
  position: relative;
  width: auto;
}

.filter-select .dropdown-btn {
  background-color: transparent;
  border: none;
  width: 100%;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 30px;
  font-size: 18px;
  letter-spacing: -0.18px;
  line-height: 120%; 
  color: #000;
  font-family: "Urbanist", sans-serif;
}

.filter-select .arrow {
  transition: transform 0.3s ease;
}

.filter-select .dropdown.open .arrow {
  transform: rotate(180deg);
}


.filter-select .dropdown-menu {
  list-style: none;
  padding: 6px 0;
  margin: 8px 0 0;
  position: absolute;
  width: 100%;
  background: #fff;
  box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
  border-radius: 12px;
  display: none;
  z-index: 10;
  text-align: left;
  min-width: 220px;
}

.filter-select .dropdown.open .dropdown-menu {
  display: block;
}

.filter-select .dropdown-menu li {
  padding: 12px 16px;
  color: #333;
  cursor: pointer;
  transition: background 0.2s;
}

.filter-select .dropdown-menu li:hover {
  background-color: #f5f5f5;
    color: #05a4f0;
}
.blog-section {
  padding-block: 40px 100px;
}
.blog-card-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 20px;
}
.blog-card-grid.less {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(405px, 0fr));
  gap: 20px;
}
.blog-card {
  background: #fff;
  border-radius: 14px;
  overflow: hidden;
  transition: 0.3s ease;
  cursor: pointer;
  border: 1px solid #E2E2E2;
  padding: 6px;
  position: relative;
}
.cards-link {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0;
}
.blog-post-figure{
  width: 100%;
  height: 180px;
  border-radius: 14px;
  overflow: hidden;
}
.blog-card:hover .blog-post-figure img{
  transform: scale(1.1);
}

.blog-card-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s;
}
.blog-card-content {
  padding: 15px;
}
.blog-card-tag {
  font-size: 14px;
  color: #9D9D9D;
  margin-bottom: 19px;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -0.42px;
}
.blog-card-tag span{
  color: #000;
}
.blog-card-title {
  font-size: 24px;
  margin-bottom: 14px;
  font-weight: 700;
  line-height: 1.3;
  color: #232323;
}
.blog-card-desc {
  font-size: 16px;
  color: #797979;
  margin-bottom: 20px;
  line-height: 137.5%;
}
.blog-card-footer {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  color: #666;
  justify-content: space-between;
}
.blog-premium {
  background: rgba(174, 174, 174, 0.10);
  padding: 6px 10px;
  border-radius: 20px;
  font-size: 14px;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #000;
}
.blog-footer-inner {
  display: flex;
  align-items: center;
  gap: 10px;
}
.blog-date{
  color: #777;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -0.42px;
}
.blog-comments {
  color: #777;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: -0.42px;
  text-decoration: none;
  position: relative;
  gap: 5px;
  display: inline-flex;
}

.blog-detail-row {
  padding: 30px 0px 100px;
}
#content-loader
{
width: 100%;
display: flex;
margin: 15px 0;
justify-content: center;
}
#content-loader.d-none{
 display: none;
}
.spinner {        
 border: 8px solid rgba(0, 0, 0, 0.1);
 border-left-color: #08A1EE;
 border-radius: 50%;
 width: 50px;
 height: 50px;
 animation: spin 1.2s linear infinite;
}
.spinner.d-none{
 display: none;
}

@keyframes spin {
 to { transform: rotate(360deg);}
}

.member-tag{
  margin-bottom: 18px;
}
.tag-feature {
  padding: 4px 8px 5px 6px;
  border: 1px solid #F1F1F1;
  border-radius: 18px;
  font-size: 13px;
  color: #646464;
  font-weight: 400;
  letter-spacing: -0.1px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
}
.blog-title {
  color: #232323;
  font-size: 36px;
  line-height: 1.2;
  letter-spacing: -0.72px;
  font-weight: 700;
  margin-bottom: 18px;
}
.blog-update-share {
  display: flex;
  gap: 10px;
  padding: 10px 0px;
  border-color: #F1F1F1;
  border-style: solid;
  border-width: 1px 0px 1px;
  align-items: center;
  width: 100%;
}
.update-share-inner {
  display: flex;
  gap: 36px;
  align-items: center;
  white-space: nowrap;
}
.update-share-inner .blog-date {
    position: relative;
    top: 2px;
}
.more-like-blog{
  background: #FAFAFA;
  padding: 69px 113px;
}
.more-like-blog h3{
  color: #484848;
  font-size: 28px;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: -0.28px;
  margin-bottom: 22px;
  font-family: "Source Serif 4", serif;
}
.blog-content-wrap{
  margin-top: 30px;
  display: flex;
  gap: 26px;
}
.blog-left {
  flex: 1 1 50%;
  display: flex;
  flex-wrap: wrap;
  padding-right: 36px;
  border-right: 1px solid #E1E1E1;
  position: relative;
}
.blog-sidebar {
  flex: 1;
}
.cl-profile img {
  width: 100%;
}
.feature-blog-img {
  width: 100%;
  /*height: 460px;*/
  height: auto;
  overflow: hidden;
  margin-bottom: 30px;
}

.feature-blog-img img {
  width: 100%;
  height: 100%;
  max-height: 670px;
  object-fit: cover;
}

.blog-text p{
  color: #000;
  opacity: 0.7;
  font-family: "Source Serif 4", serif;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 177.273%; 
  letter-spacing: -0.22px;
  margin-bottom: 30px;
}
.blog-text ul, .blog-text ol{
  color: #000;
  opacity: 0.7;
  font-family: "Source Serif 4", serif;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 177.273%; 
  letter-spacing: -0.22px;
  margin-bottom: 30px;
  padding-left: 40px;
}
.blog-text a{
 color: #08A1EE;
}
.blog-text h2{
color: #232323;
font-size: 34px;
font-style: normal;
font-weight: 700;
line-height: 158.824%;
letter-spacing: -0.68px;
margin-bottom: 25px;
font-family: "Source Serif 4", serif
}
.highlight-heading {
  position: relative;
  padding-left: 20px;
  color: #232323;
  font-size: 34px;
  font-style: normal;
  font-weight: 700;
  line-height: 158.824%;
  letter-spacing: -0.68px;
  margin-bottom: 25px;
  font-family: "Source Serif 4", serif
}
.highlight-heading::before{
  content: '';
  position: absolute;
  left: 0px;
  width: 6px;
  background: #000;
  height: 53px;
}

.blog-sidebar h3 {
  margin: 23px 0px;
  color: #484848;
  font-size: 20px;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: -0.2px;
}
.blog-sidebar p.bio-data{
  color: #919191;
  font-family: "Source Serif 4", serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 133%; 
  letter-spacing: -0.22px;
  margin-bottom: 30px;
}
.social-info {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.social-info h4 {
  max-width: 200px;
  color: #484848;
  font-size: 20px;
  font-weight: 600;
  line-height: 115%;
  letter-spacing: -0.2px;
}
.social-info ul {
  list-style: none;
  display: flex;
  gap: 5px;
}

.have-tooltip{
  position: relative;
  display: inline-flex;
}
.have-tooltip::after {
  content: attr(data-tooltip);
  position: absolute;
  bottom: calc(100% + 8px);
  left: 50%;
  transform: translateX(-50%);
  background: #454545;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -0.12px;
  padding: 6px 10px;
  border-radius: 6px;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.25s ease, transform 0.25s ease;
}

/* Tooltip arrow */
.have-tooltip::before {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  border: 4px solid transparent;
  border-top-color: #454545;
  opacity: 0;
  transition: opacity 0.25s ease;
}

/* Hover */
.have-tooltip:hover::after,
.have-tooltip:hover::before {
  opacity: 1;
}
.access-article{
  position: absolute;
  width: 100%;
  bottom: 0px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.51) 0%, #FFF 20%);
  padding: 160px 140px;
}

.article-inner-wrap {
  width: 100%;
}
.article-inner-wrap h4 {
  color: #484848;
  text-align: center;
  font-size: 28px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: -0.28px;
  font-family: "Source Serif 4", serif;
  margin-bottom: 14px;
}
.article-inner-wrap p {
  color: #797979;
  text-align: center;
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 27px;
  letter-spacing: -0.16px;
}

.article-inner-wrap ul {
  margin: 29px 0px;
  border-radius: 13px;
  border: 1px solid #ECECEC;
  background: #FFF;
  box-shadow: 5px 10px 5.1px 0 rgba(0, 0, 0, 0.02);
  padding: 17px 36px;
  list-style: none;
}

.article-inner-wrap ul li {
  display: flex;
  gap: 11px;
  color: #797979;
  text-align: left;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.14px;
  margin-bottom: 10px;
}
.article-inner-wrap ul li:last-child {
  margin: 0px;
}
.article-inner-wrap ul li .star-icon {
  border: 1px solid #000;
  min-width: 24px;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
}
.unlock-section{
  margin-top: 34px;
  text-align: center;
}
.unlock-content{
  padding: 11px 3px;
  width: 189px;
  height: 41px;
  border-radius: 10px;
  background: #08A1EE;
  color: #FFF;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: -0.16px;
  border: 1px solid #08A1EE;
  cursor: pointer;
  font-family: "Urbanist", sans-serif;
}

.blog-comments-cols{
  margin-top: 35px;
  width: 100%;
  position: relative;
}
.total-comments{
  margin-top: 30px;
  color: #484848;
  font-family: "Urbanist", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 87.5%;
  letter-spacing: -0.24px;
}

.comments-list{
  margin-top: 30px;
}
/********************* Blog and blog detail end ******


/********** Sea QA Start *******/
.sea-qa-topic{
  background: #08A1EE;
  padding: 24px 20px 31px;
}
.cls-seafared-heading{
color: #fff;
font-size: 28px;
text-align: center;
}

/* Top Filter Bar */
.topic-filter-bar{
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: flex-end;
  max-width: 610px;
  margin: auto;
}
.sea-filters {
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
  flex: 1;
}
.sea-filters-col {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.sea-filters-col:last-child {
  flex: 1;
}
.sea-filters-col label {
  color: #FFF;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
}
.sea-filters-col select {
  padding: 11px 12px 12px 12px;
  border-radius: 5px;
  border: none;
  min-width: 162px;
  background: #fff;
  font-size: 14px;
  color: #000;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -0.14px;
  width: 100%;
  outline: none;
  height: 38px;
  -webkit-appearance: none;
  background-image: url("../images/arrow-down.svg") !important;
  background-size: 10px !important;
  background-repeat: no-repeat !important;
  background-position: 95% 50% !important;
}
.sea-filters-col:last-child select {
  background-position: 97% 50% !important;
}

.view-toggle {
  display: flex;
  gap: 10px;
}
.view-toggle button {
  background: transparent;
  padding: 4px;
  border-radius: 6px;
  cursor: pointer;
  border: 2px solid #fff;
  display: flex;
  align-items: center;
  width: 38px;
  height: 38px;
  align-items: center;
  justify-content: center;
}
.view-toggle button.active {
  background: #fff;
  color: #08A1EE;
}
.view-toggle button.active svg path{
  fill: #08A1EE;
}
.qa-conts {
  background: #FBFBFB;
  padding-top: 46px;
  /* padding-bottom: 150px; */
  padding-bottom: 60px;
}

.qa-conts-wrapper {
  display: grid;
  grid-template-columns: 1fr 288px;
  gap: 20px;
  transition: all 0.6s;
  max-width: 999px;
  margin: auto;
}
.qa-conts-wrapper.masonry {
  grid-template-columns: 1fr;
}
.qa-conts-wrapper.masonry aside.sidebar {
  display: none;
}
  
.ask-box {
  background: #fff;
  border-radius: 14px;
  padding: 15px;
  margin-bottom: 20px;
  display: flex;
  gap: 10px;
  border: 1px solid #E2E2E2;
}

.ask-box .user-profile img {
 width: 51px;
 height: 51px;
}
.ask-box .go-to-ask {
 width: 100%;
 padding: 17px 20px;
 height: 51px;
 border-radius: 56px;
background: #F8F8F8;
text-decoration: none;
}
.ask-box .go-to-ask span {
 opacity: 0.5;
 position: relative;
 top: 1px;
 font-size: 14px;
 color: #000;
 line-height: 120%;
 letter-spacing: -0.14px;
}
.ask-box .user-profile {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* .cards.grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
} */
.cards.masonry {
  column-count: 3;
  column-gap: 20px;
}
.cards.masonry .card {
  break-inside: avoid;
  margin-bottom: 18px;
}

.card h3 {
  margin-bottom: 9px;
  color: #232323;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 133.333% !important;
}
.tags {
  display: flex;
  gap: 9px;
  margin-bottom: 19px;
  flex-wrap: wrap;
}
.tags .tag {
  border-radius: 23px;
  border: 1px solid #8F8F8F;
  padding: 7px 11px;
  color: #8F8F8F;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: -0.24px;
}
.answer-btn {
  display: flex;
  padding: 7px 11px;
  justify-content: center;
  align-items: center;
  gap: 5px;
  border-radius: 6px;
  border: 1px solid #4E4E4E;
  background: #fff;
  cursor: pointer;
  color: #4E4E4E;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 1;
  letter-spacing: -0.14px;
  font-family: "Urbanist", sans-serif;
  text-decoration: none;
}

.card-footer {
  display: flex;
  align-items: center;
  gap: 20px;
}

.card-footer .blog-comments{
  color: #7A7A7A;
}


.question-by-tpoic {
  display: flex;
  flex-direction: column;
  gap: 0px;
}

.question-by-tpoic h4 {
  color: #232323;
  font-family: "Urbanist", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: -0.2px;
  padding-bottom: 15px;
  border-bottom: 0px solid rgba(0, 0, 0, 0.1);
}
.topic-question-tag {
  margin-top: 0px;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.topic-question-tag .topic {
  border-radius: 23px;
  border: 0px solid #8F8F8F;
  padding: 7px 11px;
  color: #8F8F8F;
  font-family: "Urbanist", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: -0.24px;
  background: #F3F3F3;
}
.topic-question-tag .topic a.qcategory-link{
color: inherit;
text-decoration: none;
font-size: inherit;
}
.have-a-question {
  margin-top: 65px;
  border-radius: 14px;
  border: 1px solid #E2E2E2;
  background: #FFF;
  position: relative;
}
.question-img {
  background: #08A1EE;
  width: 56px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  border: 3px solid #FFF;
  position: absolute;
  top: -30px;
  right: 0px;
  left: 0px;
  margin: auto;
}
.question-card-header {
  border-radius: 14px 14px 0 0;
  background: #08A1EE;
  padding: 41px 40px 15px 40px;
  color: #FFF;
  text-align: center;
  font-family: "Urbanist", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: -0.2px;
}

.question-card-content {
  padding: 31px 24px 22px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}
.question-card-content p {
  color: #000;
  text-align: center;
  font-family: "Urbanist", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: -0.14px;
}
.ask-question {
  border-radius: 35px;
  border: 1px solid #393939;
  background: #fff;
  padding: 7px 11px;
  display: flex;
  align-items: center;
  gap: 3px;
  color: #393939;
  font-family: "Urbanist", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: -0.14px;
  cursor: pointer;
  text-decoration: none;
}

/********** Sea QA End *******/



/*********** Discussion details *************/
.discussion-details {
  padding-top: 40px;
  background: #FAFAFA;
  padding-bottom: 80px;
} 
.discussion-top-navigation {
  display: flex;
  gap: 15px;
  padding-bottom: 20px;
}
.discussion-ul {
  list-style: none;
  display: flex;
  gap: 12px;
  align-items: center;
}
.discussion-ul li > * {
  color: #232323;
  font-family: "Urbanist", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 1;
  letter-spacing: -0.32px;
  display: flex;
  gap: 5px;
}
.discussion-ul li .back-question {
  opacity: 0.5;
}


.discussion-qa-row {
  display: grid;
  grid-template-columns: 1fr 306px;
  gap: 60px;
  transition: all 0.6s;
}
.discussion-col-inner h4 {
  color: #232323;
  font-family: "Urbanist", sans-serif;
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: -0.22px;
  margin-bottom: 5px;
}
.discussion-col-inner h6 {
  color: #000;
  font-family: "Urbanist", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -0.14px;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  opacity: 0.5;
}
.not-found-same-topic-ques
{
 color: #000;
font-family: "Urbanist", sans-serif;
font-size: 17px;
font-style: normal;
font-weight: 500;
line-height: 120%;
letter-spacing: -0.14px;
padding-bottom: 12px;
opacity: 0.5;
margin-top: 20px;
}

.discussion-col-inner ul {
  margin-top: 17px;
  list-style: none;
}
.discussion-col-inner ul li a {
  margin-bottom: 15px;
  display: flex;
  gap: 6px;
  align-items: flex-start;
  color: #6C6C6C;
  font-family: "Urbanist", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
}
.discussion-col-inner ul li a img {
  position: relative;
  top: 2px;
}

.question-list {
  display: flex;
  gap: 17px;
  margin-bottom: 21px;
}
.hvq-title {
  width: 47px;
  height: 47px;
  background: #D9D9D9;
  color: #232323;
  font-family: "Urbanist", sans-serif;
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.72px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.have-question h3{
  color: #232323;
  font-family: "Urbanist", sans-serif;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: -0.64px;
  margin-bottom: 8px;
}
.have-question .main-question-detail
{
  color: #000;
  font-family: "Source Serif 4", serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.16px;
  opacity: 0.7;
}
.post-question-answer {
  justify-content: space-between;
}
.post-answer-button {
  display: inline-flex;
  padding: 7px 12px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 6px;
  background: #000;
  border: 1px solid #000;
  color: #FFF;
  font-family: "Urbanist", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: -0.12px;
  cursor: pointer;
}

.ask-for-question a{
  display: flex;
  width: 155px;
  height: 44px;
  padding: 7px 11px;
  justify-content: center;
  align-items: center;
  gap: 3px;
  border-radius: 38px;
  background: #08A1EE;
  color: #FFF;
  font-family: "Urbanist", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: -0.16px;
  text-decoration: none;
}

/**** answerpress overwrite ***/
#anspress{
 font-family: "Urbanist", sans-serif !important;
}
#anspress h3.main-question{
  line-height: 1.3 !important;
}
#anspress .ap-questions-summery{
 margin-right: 0;
 margin-left: 0px;
 padding: 0px;
}
.cards.list .card,
#anspress .ap-questions-item.card
{ 
  display: block;
  margin-bottom: 18px;
}

#anspress .ap-questions{
 border: none;
}

.card,#anspress .ap-questions-item.card {
  border-radius: 14px;
  border: 1px solid #E2E2E2;
  background: #FFF;
  padding: 20px;
}
/*hide question history*/
#anspress .ap-questions .ap-display-meta-item.history,
#anspress .ap-questions .ap-display-meta-item.views
{
 display: none;
}
div#anspress .ap-questions-title{
margin-bottom: 19px;
}
#anspress .ap-display-meta-item.categories .question-categories{
display: flex;
gap: 9px;
margin-bottom: 10px;
}
#anspress .ap-display-meta-item.categories .apicon-category{
 display: none;
}
#anspress .ap-display-meta-item.categories .question-categories a{
color: #8F8F8F;
/* font-size: 14px; */
font-size: 12px;
font-style: normal;
font-weight: 600;
line-height: 120%;
letter-spacing: -0.24px;
}
.ap-questions-summery .ap-display-meta-item.categories .question-categories a:before {
 content: '#';
 position: absolute;
 left: 0px;
}
.ap-questions-summery .ap-display-meta-item.categories .question-categories a {
 position: relative;
 padding-left: 12px;
}

#anspress div.ap-list-head{
background: #fff;
margin-bottom: 18px;
padding: 17px 21px;
border: 1px solid #E2E2E2;
border-radius: 5px;
}
/*hide default search and filter of answerpress*/
#anspress div.ap-list-head{
 display: none;
}
/**end */
#anspress .ap-taxo-detail .entry-title{
color: #232323;
font-family: "Urbanist", sans-serif;
}
#anspress .ap-list-head .ap-btn-ask{
background-color: #08A1EE;
border-radius: 38px;
padding: 7px 11px;
}
#anspress .ap-display-meta-item.active{
 display: none;
}
#anspress .ap-filter-toggle{
 color: #08A1EE;
}
#anspress .ap-btn-submit,
.ap-modal .ap-btn-submit
{
 border-radius: 38px;
 background: #08A1EE;
 display: inline-block;
 color: #FFF;
 font-size: 16px;
 line-height: 120%;
 font-weight: 700;
 font-family: "Urbanist", sans-serif;
 margin: 0px;
 cursor: pointer;
 background-image: none;
 box-shadow: none;
 letter-spacing: -0.16px;
 border: none;
 padding: 11px 16px;
}
.ap-field-form_question-is_private.ap-field-type-checkbox,
.ap-field-form_answer-is_private.ap-field-type-checkbox
{
 display: none;
}
a.ap-view-comments{
 color: #08A1EE;
}

/***** end**/
.comments-container {
    margin-top: 30px;
}
.comment_heading {
color: #484848;
font-family: "Urbanist",sans-serif;
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: 87.5%;
letter-spacing: -0.24px;
margin-bottom: 36px;
}
.comment-respond{
border-bottom: 1px solid #E1E1E1;
padding-bottom: 20px;
}
.comment-respond .required-field-message{
 display: none;
}
#comments {
    margin-bottom: 30px;
}
.comments-container .commentlist {
    list-style: none;
    margin-bottom: 40px;
    margin-top:25px;
}
.comments-container .commentlist .comment-metadata a {
color: #9D9D9D;
font-family: "Urbanist", sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 120%;
letter-spacing: -0.42px;
text-decoration: none;
}
.comments-container .commentlist .comment-content p {
 color: #797979;
 font-family: Poppins;
 font-size: 16px;
 font-style: normal;
 font-weight: 400;
 line-height: 150%;
 letter-spacing: -0.16px;
}
.comments-container .commentlist .comment-reply-link {
 color: #000;
 font-family: "Urbanist", sans-serif;
 /* font-family: "Helvetica Neue", sans-serif; */
 font-size: 14px;
 font-style: normal;
 font-weight: 400;
 line-height: 120%;
 letter-spacing: -0.42px;
 text-decoration-line: underline;
 text-decoration-style: solid;
 text-decoration-skip-ink: auto;
 text-decoration-thickness: auto;
 text-underline-offset: 2px;
 text-underline-position: from-font;
 cursor: pointer;
}
.commentlist footer.comment-meta {
    margin-bottom: 20px;
}
.commentlist .comment-author {
    display: flex;
    align-items: center;
    gap: 7px;
}
.commentlist .comment-author .avatar {
    width: 48px;
    height: 48px;
    border-radius: 100%;
    object-fit: cover;
}
.commentlist .author-info{
 display: flex;
 flex-direction: column;
}
.commentlist .comment-date
{
 color: #9D9D9D;
font-family: "Urbanist", sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 120%;
letter-spacing: -0.42px;
}
.comments-container .comment-form-comment {
    margin-top: 20px;
}
.comments-container .comment-respond .comment-form-comment textarea#comment {
    border-radius: 10px;
    background: #FAFAFA;
    width: 100%;
    border: none;
    padding: 10px;
    outline: none;
    resize: none;
    font-family: "Urbanist", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    height: 130px;
}
.comment-respond .comment-form-comment label {
    margin-bottom: 7px;
    display: block;
    font-size: 16px;
    font-weight: 600;
}
.comments-container .comment-respond input#submit {
    display: flex;
    padding: 7px 11px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 40px;
    border: 1px solid #393939;
    background: #fff;
    cursor: pointer;
    color: #393939;
}
.ajax-comment-action-container .spinner {
 width: 30px;
 height: 30px;
 border: 3px solid rgba(0, 0, 0, 0.1);
 border-left-color: #08A1EE;
}
.comment-respond .form-submit {
margin-top: 15px;
}
.comment-respond .logged-in-as a {
color: #08A1EE;
}
.comment-respond h3#reply-title {
margin-bottom: 5px;
}
.comment-respond h3#reply-title a ,
a.comment-reply-login,.must-log-in a
{
color: #08A1EE;
}
.comment-respond h3#reply-title small a {
color: #ff0000;
}
a.log-in-link{
 color: #08A1EE;
 font-size: 16px;
}

.comments-container .commentlist li.comment{
 margin:0 0 20px 0;
 list-style: none;
}
.comments-container .commentlist ul.children{
padding: 0 0 0 35px;
margin:20px 0 30px 0;
}
.ajax-reply-form{
margin-top: 10px;
display: flex;
flex-direction: column;
width: 100%;
gap: 20px;
}
.ajax-comment-action-container{
 width: 100%;
 display: flex;
 flex-direction: row;
 gap: 20px;
 align-items: center;
 justify-content: flex-start;
}
.ajax-reply-container textarea.ajax-reply-text {
 width: 80%;
 border: 1px solid #dde3ec;
 border-radius: 10px;
 box-shadow: 0 0 4px 0 rgba(0, 0, 0, .1);
 padding: 3px 0 4px 16px;
 color: #121922;
 font-size: 16px;
 margin: 15px 0 0 0;
 min-height: 130px;
 transition-duration: .5s;
 background-color: #fafafa;
 padding:10px;
 font-family: "Urbanist", sans-serif;
}
.err{
 color: #ff0000;
 display: flex;
 width: 100%;
}
.ajax-reply-container .cancel-reply{
 color: #000;
font-family: "Urbanist", sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 120%;
letter-spacing: -0.42px;
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: auto;
text-decoration-thickness: auto;
text-underline-offset: 2px;
text-underline-position: from-font;
cursor: pointer;
}
.submit-ajax-reply{
 padding: 7px 11px;
 justify-content: center;
 align-items: center;
 gap: 8px;
 border-radius: 10px;
 border: 1px solid #393939;
 background: #fff;
 cursor: pointer;
 color:#3b3b3b;
 border-radius:40px;
}
.logged-in-as a:first-of-type{
 display: none;
}

/*** custom sharing css ***/
.custom-share-hover{
 position: relative;
}
.custom-share-hover a{
 opacity: 0;
 transform: translateX(-10px);
 pointer-events: none;
 transition: all 0.3s ease;
}

/* Show icons on hover */
.custom-share-hover:hover a{
 opacity: 1;
 transform: translateX(0);
 pointer-events: auto;
}
.custom-share-hover .heateor_sss_horizontal_sharing{
position: absolute;
width: 200px;
left: 30px;
top: -10px;
}

/*** custom sharing css end ***/

/*single question detail page */
.write-answer-btn-wrapper{
display: flex;
width: auto;
margin-top: 20px;
}
.write-ans-btn
{
display: flex;
height: 35px;
padding: 11px 16px;
justify-content: center;
align-items: center;
gap: 8px;
border-radius:38px;
background: #08A1EE;
color: #fff;
font-family: "Urbanist", sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 120%;
letter-spacing: -0.16px;
border: 1px solid #08A1EE;
cursor: pointer;
}
.single-question-detail-page-wrapper .post-question-answer{
 flex-direction: column;
}
.single-question-detail-page-wrapper .update-share-inner,
.single-question-detail-page-wrapper .post-answer
{
 width: 100%;
 margin-top: 10px;
}
.single-question-detail-page-wrapper .ap-post-updated{
display: none;
}
.single-question-detail-page-wrapper #anspress .ap-cell-inner {
 border: none;
}
.single-question-detail-page-wrapper #anspress .ap-q-metas {
 background: transparent;
 border: none;
 padding: 0;
}
.single-question-detail-page-wrapper #anspress .ap-q-metas .ap-author {
 font-size: 18px;
 line-height: 120%;
 letter-spacing: -0.18px;
 color: #232323;
}
.single-question-detail-page-wrapper #anspress .ap-q-metas .ap-posted {
 color: #232323;
 opacity: 0.5;
 font-weight: 600;
 line-height: 120%;
 letter-spacing: -0.14px;
}
.single-question-detail-page-wrapper #anspress .ap-comments-count{
 color: #232323;
 opacity: 0.5;
 font-weight: 600;
 line-height: 120%;
 letter-spacing: -0.14px;
}
.single-question-detail-page-wrapper #anspress .avatar {
 width: 48px;
 height: 48px;
 border-radius: 100%;
}
.single-question-detail-page-wrapper #anspress .ap-q-inner {
 padding-inline: 0px;
 padding-top: 0px;
}
.single-question-detail-page-wrapper #anspress .ap-post-history {
 font-size: 14px;
 font-weight: 500;
 line-height: 120%;
 letter-spacing: -0.14px;
}
.single-question-detail-page-wrapper #anspress .ap-post-history a{
 color: #08A1EE;
}
.single-question-detail-page-wrapper #anspress .ap-post-footer {
 display: none;
}
.single-question-detail-page-wrapper #anspress .ap-btn-newcomment {
 border-radius: 38px;
 border: 1px solid #727272;
 background: #FFF;
 padding: 7px 11px;
 color: #727272;
 font-weight: 600;
 letter-spacing: -0.14px;
 line-height: 120%;
}

.single-question-detail-page-wrapper #anspress .answer .ap-cell .ap-cell-inner {
 background: transparent;
 padding: 0px;
 border-radius: 0px;
}
.single-question-detail-page-wrapper #anspress .answer .ap-q-metas {
 display: flex;
 justify-content: space-between;
 flex-wrap: wrap;
}
.ap-q-metas .metas-header {
 display: flex;
 flex-direction: column;
}
.metas-header .meta-follow {
 color: #08A1EE;
 font-weight: 600;
 line-height: 120%;
 letter-spacing: -0.14px;
 display: inline-flex;
 align-items: center;
 gap: 5px;
}
.metas-head-bottom .meta-profile-post {
 color: #000;
 font-weight: 500;
 line-height: 120%;
 letter-spacing: -0.14px;
 opacity: 0.5;
 font-size: 14px;
}
.metas-head-bottom {
 margin-top: 5px;
}




.single-question-detail-page-wrapper #anspress #answers .ap-cell .ap-cell-inner .ap-q-inner {
 padding-top: 10px;
}
.single-question-detail-page-wrapper #anspress #answers .ap-cell .ap-cell-inner .ap-q-inner p {
 font-family: "Urbanist", sans-serif !important;
 font-size: 18px;
 font-style: normal;
 line-height: 133.333%;
 letter-spacing: -0.16px;
 color: #000;
 font-weight: 500;
}
.single-question-detail-page-wrapper #anspress #answers .ap-cell apcomments .anspress > div .comment-inner .ap-comment-content p {
 font-size: 14px;
 color: #000;
 font-weight: 500;
 line-height: 128.571%;
}


.single-question-detail-page-wrapper #anspress #answers .ap-cell .ap-cell-inner .ap-q-inner ul, 
.single-question-detail-page-wrapper #anspress #answers .ap-cell .ap-cell-inner .ap-q-inner ol {
 list-style: none;
 margin-bottom: 10px;
}
.single-question-detail-page-wrapper #anspress #answers .ap-cell .ap-cell-inner .ap-q-inner ul li,
 .single-question-detail-page-wrapper #anspress #answers .ap-cell .ap-cell-inner .ap-q-inner ol li {
  font-family: "Urbanist", sans-serif !important;
  font-size: 18px;
  font-style: normal;
  line-height: 133.333%;
  letter-spacing: -0.16px;
  color: #000;
  font-weight: 500;
}
.have-comments .byuser .comment-header a, .have-comments .byuser .ap-comment-content a{
 color: #08A1EE;
}

.have-comments .byuser .comment-header, .have-comments .byuser .ap-comment-content {
 font-size: 15px;
 font-style: normal;
 font-weight: 500;
 line-height: 160%;
}
.have-comments .byuser {
 margin-bottom: 20px;
 display: block;
}
.have-comments .byuser > div {
 display: flex;
}
.have-comments {
 margin-top: 30px;
 display: block;
}


.have-comments .byuser > div .comment-inner {
 border-radius: 10px;
 background: #F7F7F7;
 width: 100%;
 padding: 15px 20px;
}


.single-question-detail-page-wrapper #anspress .ap-q-metas a {
 font-weight: 600;
 text-decoration: none;
 font-size: 18px;
 color: #232323;
 line-height: 120%;
 letter-spacing: -0.18px;
}
.single-question-detail-page-wrapper span.ap-user-reputation {
 display: none;
}
.single-question-detail-page-wrapper #anspress .ap-q-metas time {
 font-size: 14px;
 margin-left: 5px;
 color: #232323;
 opacity: 0.5;
}
.single-question-detail-page-wrapper .ap-answer-content a {
 color: #08A1EE;
 font-size: 15px;
 font-weight: 400;
 line-height: 133.333%;
}


.single-question-detail-page-wrapper #anspress #answers .ap-cell apcomments .anspress > div {
 margin-top: 20px;
 display: flex;
}
.single-question-detail-page-wrapper #anspress #answers .ap-cell apcomments .anspress > div .comment-inner {
 border-radius: 10px;
 background: #F8F8F8;
 padding: 18px 20px;
 margin-left: 0px;
 width: 100%;
}
.have-comments .ap-avatar{
 margin-right: 14px;
}
.single-question-detail-page-wrapper .answers-main-wrapper .answer .ap-cell .have-comments .ap-avatar img {
 width: 34px !important;
 height: 34px !important;
 max-width: 34px !important;
}
.single-question-detail-page-wrapper #anspress .ap-btn-newcomment{
 margin-top: 15px;
 display: none;
}
.single-question-detail-page-wrapper #anspress #answers .ap-cell .anspress .comment-header {
 display: flex;
 justify-content: space-between;
 width: 100%;
 margin-bottom: 15px;
}
.single-question-detail-page-wrapper #anspress #answers .ap-cell .anspress .comment-header .ap-comment-actions {
 display: none;
}
.single-question-detail-page-wrapper #anspress #answers .ap-cell .anspress .comment-header .ap-comment-author {
 color: #000;
 font-weight: 600;
 font-size: 18px;
 letter-spacing: -0.18px;
 line-height: 120%;
}
.single-question-detail-page-wrapper #anspress #answers .ap-cell .anspress .comment-header .ap-comment-time {
 font-size: 14px;
 opacity: 0.5;
 letter-spacing: -0.14px;
 color: #000;
 font-weight: 600;
 line-height: 120%;
}



.single-question-detail-page-wrapper .comment-inner {
 font-family: "Urbanist", sans-serif !important;
}
.single-question-detail-page-wrapper #anspress .ap-minimal-editor .ap-cell-inner {
 border: 1px solid rgba(0, 0, 0, .1);
 border-radius: 10px;
 overflow: hidden;
}

.single-question-detail-page-wrapper .answers-main-wrapper{
 display: flex;
 width: 100%;
 
 flex-direction: column;
 align-items: flex-start;
 gap: 25px;
 
 }
 .single-question-detail-page-wrapper .discussion-qa-row {
  gap: 20px;
}
 .single-question-detail-page-wrapper .answers-main-wrapper .answer {
  padding: 18px 20px;
  border-radius: 10px;
  box-shadow: 0 0 35px 0 rgba(0, 0, 0, 0.05);
  background-color: #fff;
  margin-top: 20px !important;
}
 
 .single-question-detail-page-wrapper .update-share-inner {
  border-color: #F1F1F1;
  border-style: solid;
  border-width: 1px 0px 1px;
  padding-block: 8px;
  margin-top: 30px;
 }
 .single-question-detail-page-wrapper .post-answer {
  margin: 0;
 }
 .single-question-detail-page-wrapper .post-answer div#question {
  margin: 0px !important;
 }
 .single-question-detail-page-wrapper div#answer-form-c {
  margin: 0;
 }
 .single-question-detail-page-wrapper div#ap-drop-area {
  margin: 0;
  width: 100%;
 }
 .single-question-detail-page-wrapper .ap-sorting-tab{
  border-bottom:none;
 }
 .single-question-detail-page-wrapper #ap-answers-c{
  margin-top:0px;
 }

/**** end qustion detail page *****/

/**** ask a question wrapper ****/
.ask-a-question-wrapper {
 padding-top: 100px;
 width: 100%;
 max-width: 610px;
 padding-bottom: 50px;
}
.ask-a-question-wrapper .entry-title {
 color: #232323;
 font-size: 36px;
 font-weight: 700;
 line-height: 116.667%;
 letter-spacing: -0.72px;
 margin-bottom: 30px;
}
.ask-a-question-wrapper .ap-form-label {
 color: #232323;
 font-size: 18px;
 font-weight: 600;
 line-height: 150%;
 font-family: "Urbanist", sans-serif;
}
.ask-a-question-wrapper .ap-form-control:not([type="checkbox"]) {
 border-radius: 10px;
 border: 1px solid #D9D9D9;
 padding: 16px;
 display: flex;
 font-size: 16px;
 line-height: 150%;
 height: 56px;
 outline: none;
 width: 100%;
}
.ask-a-question-wrapper .ap-field-group-w label {
 font-size: 16px;
 font-weight: 500;
 line-height: 150%;
 cursor: pointer;
}

.ask-a-question-wrapper .ap-form-control.ap-comment-textarea {
height: 107px;
resize: none;
font-family: "Urbanist", sans-serif;
border-radius: 7px;
border: 1px solid #E2E2E2;
background: #F4F4F4;
padding: 13px 16px 16px 16px;
color: #000;
font-size: 15px;
font-style: normal;
font-weight: 500;
line-height: 160% 
}

.ask-a-question-wrapper .ap-form-control[type="checkbox"]{
 -webkit-appearance: none;
 appearance: none;
 width: 20px;
 height: 20px;
 border: 2px solid #D9D9D9;
 border-radius: 4px;
 margin-right: 8px;
 cursor: pointer;
 position: relative;
 top: 3px;
}

.ask-a-question-wrapper .ap-form-control[type="checkbox"]:checked{
 background-color: #08A1EE;
 border-color: #08A1EE;
}

.ask-a-question-wrapper .ap-form-control[type="checkbox"]:checked::after{
 content: "";
 width: 6px;
 height: 12px;
 border: solid #fff;   /* WHITE tick */
 border-width: 0 2px 2px 0;
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -60%) rotate(45deg);
}

.ask-a-question-wrapper .ap-field-desc {
 color: #232323;
 font-size: 16px;
 font-weight: 500;
 line-height: 150%;
}


.ask-a-question-wrapper .selectize-control.multi .selectize-input.has-items{
 padding: 16px;
 border-radius: 10px;
 box-shadow: none;
 border: 1px solid #E2E2E2;
}
.ask-a-question-wrapper .selectize-control.multi .selectize-input.has-items .item {
 border-radius: 23px;
 background: #E2E2E2;
 padding: 6px 10px;
}
.ask-a-question-wrapper .ap-btn-submit {
 border-radius: 40px;
 background: #08A1EE;
 padding: 12px 20px;
 border: 1px solid #08A1EE;
 color: #FFF;
 font-size: 16px;
 font-weight: 600;
 line-height: 150%;
 font-family: "Urbanist", sans-serif !important;
 margin-top: 10px;
}
/**** ask a question wrapper end ****/

/*Contact Us*/
.contactus-main-wrapper {
 padding-top: 120px;
 background: #FAFAFA;
 margin: 0;
 padding-bottom: 60px;
}
.contactus-inner-wrapper {
 display: flex;
 width: 100%;
 justify-content: center;
 gap: 30px;
}

.contactus-main-wrapper .contactus-inner-wrapper article {
 max-width: 592px;
 width: 100%;
}
.get-in-touch {
 border-radius: 14px;
 background: #FFF;
 padding: 30px;
}
.contact-info-wrap {
 max-width: 374px;
 width: 100%;
 padding: 40px 0px;
}
.contactus-inner-wrapper .entry-title {
 color: #232323;
 font-size: 36px;
 font-weight: 700;
 line-height: 116.667%;
 letter-spacing: -0.72px;
 margin-bottom: 20px;
}
.get-in-touch label {
 color: #232323;
 font-size: 18px;
 font-weight: 600;
 line-height: 150%;
 width: 100%;
 display: block;
}
.get-in-touch .wpcf7-form-control-wrap {
 width: 100%;
 display: block;
 margin-top: 10px;
 margin-bottom: 20px;
 position: relative;
}
.get-in-touch input.wpcf7-form-control{
 border-radius: 10px;
 border: 1px solid #E2E2E2;
 padding: 16px;
 width: 100%;
 color: #232323;
 font-size: 16px;
 font-weight: 400;
 line-height: 150%;
 height: 56px;
}
.get-in-touch textarea.wpcf7-form-control{
 border-radius: 10px;
 border: 1px solid #E2E2E2;
 padding: 16px;
 color: #232323;
 font-size: 16px;
 font-weight: 400;
 line-height: 150%;
 width: 100%;
 height: 110px;
 resize: none;
}
.get-in-touch .wpcf7-form-control-wrap .wpcf7-not-valid-tip {
 position: absolute;
 margin-top: 5px;
 font-size: 14px;
 line-height: 1;
}

.get-in-touch input.wpcf7-submit {
 max-width: 159px;
 border-radius: 40px !important;
 background: #08A1EE;
 display: inline-block;
 color: #FFF;
 font-size: 16px;
 line-height: 150%;
 font-weight: 600;
 font-family: "Urbanist", sans-serif;
 margin: 0px;
 cursor: pointer;
}

.get-in-touch input.wpcf7-submit + span.wpcf7-spinner {
 margin-left: 0;
 left: -92px;
 top: 7px;
}
.get-in-touch form.wpcf7-form.invalid .wpcf7-response-output {
 display: none;
}

.contact-address {
 list-style: none;
 display: flex;
 flex-direction: column;
 gap: 20px;
}
.contact-address li {
 color: #232323;
 font-size: 20px;
 font-weight: 400;
 line-height: 1;
 display: flex;
 align-items: center;
 gap: 10px;
}

.contact-address li a {
 color: #232323;
 font-size: 20px;
 font-weight: 400;
 line-height: 120%;
 text-decoration: none;
}


.contactus-main-wrapper .social-contact {
 margin-top: 40px;
}
.contactus-main-wrapper .social-contact h5 {
 color: #232323;
 font-size: 26px;
 font-weight: 600;
 line-height: 123.077%;
 letter-spacing: -0.52px;
}
.contactus-main-wrapper .social-contact-icons {
 list-style: none;
 display: flex;
 gap: 20px;
 margin-top: 20px;
 align-items: center;
}
.contactus-main-wrapper .social-contact-icons li {
 width: 40px;
 text-align: center;
}

@media screen and (max-width: 992px) {
 .contactus-inner-wrapper{
   flex-direction: column-reverse;
 }
 .contactus-main-wrapper .contact-info-wrap {
   max-width: 100%;
 }
 .contactus-main-wrapper .contactus-inner-wrapper article {
   max-width: 100%;
 }

}


/**End*/


.comments-container .commentlist ul.children{
 border-left: 4px solid #D9D9D9;
 padding: 0px 0px 0px 13px;
 margin-left: 15px;
 margin-bottom: 0px;
}
.comments-container .commentlist ul.children li {
 /* margin: 0px; */
}
.comments-container .commentlist ul.children .children li {
 margin-bottom: 20px;
}
.commentlist .comment-content {
 margin: 15px 0px;
}
.commentlist .comment-author .fn {
 font-weight: 400;
 color: #000;
 font-size: 18px;
 line-height: 120%;
 letter-spacing: -0.54px;
 font-family: "Urbanist", sans-serif;
}
.comments-container .commentlist > li.comment {
 border-bottom: 1px solid #E1E1E1;
 margin-bottom: 25px;
 padding-bottom: 20px;
}
/*category listing of questions*/
.post-type-archive main#primary,
.archive-listing-wrapper,
.archive.tax-question_category main#primary,
.answerpress-full-width-top-padding
{
 padding-top: 120px;
 padding-bottom: 100px;
}
.answerpress-full-wd{
 max-width: 680px;
 width: 100%;
}
.archive-listing-inner-wrapper{
 max-width: 760px;
 width: 100%;
}
.archive-listing-inner-wrapper #anspress .ap-term-category-box>li{
 padding: 10px;
 min-width: auto;
}

/**/
.comments-container .commentlist ul.children .children {
 margin-bottom: 20px;
}


.ap-page-ask.user-logged-out main {
 padding-top: 20px;
 padding-bottom: calc(100vh - 533px);
}

.ap-page-ask.user-logged-out .ask-a-question-wrapper {
 border: 1px solid #f1f0f0;
 margin-top: 150px;
 max-width: 410px;
 width: 100%;
 padding: 50px;
 border-radius: 11px;
 text-align: center;
 background: #fdfeff;
}
.ap-wrap-inner .ap-login{
 justify-content: center;
 display: flex;
}
.ap-login {
 margin: 0px;
}

.ap-login .ap-login-buttons a {
 background: #08A1EE;
 padding: 12px 20px;
 border-radius: 10px;
 color: #fff;
 font-size: 15px;
 font-weight: 500;
}

.post-type-archive-question .type-page {
 max-width: 720px;
 width: 100%;
}

.ap-wrap-inner .ap-login-buttons {
 display: flex;
 align-items: center;
 margin-top: 15px;
}

.ap-editor .ap-btn-insertimage{
 display: none;
} 



@media screen and (max-width: 767px){
 .blog-share.have-tooltip::after,
 .blog-share.have-tooltip::before{
   display: none;
 }
}

@media screen and (max-width: 640px) {
 .post-type-archive main#primary {
  padding-top: 60px;
  padding-bottom: 40px;
 }
 .archive.tax-question_category main#primary {
  padding-top: 60px;
  padding-bottom: 40px;
 }
 .single-question-detail-page-wrapper #anspress #answers .ap-cell .ap-cell-inner {
  margin-top: 10px;
 }
 .single-question-detail-page-wrapper #anspress .ap-cell-inner {
  margin-top: 10px;
 }

}

@media screen and (max-width: 540px) {
 .ap-page-ask.user-logged-out .ask-a-question-wrapper{
  margin-top: 120px;
  padding: 50px 25px;
 }
 .ask-a-question-wrapper .entry-title {
  font-size: 30px;
 }
 .ap-page-ask.user-logged-out main.site-main  {
  padding-bottom: calc(100vh - 590px);
  width: 88%;
 }
 .custom-share-hover .heateor_sss_horizontal_sharing {
  left: -90px;
  top: -50px;
}
.testimonial-slider {
 padding-right: 10px;
 padding-left: 10px;
}
.testimonial-slider .slick-track {
 gap: 5px;
 justify-content: center;
}
.notify-col {
 align-items: start;
}
.feature-blog-img{
 max-height: 460px;
 height: auto;
}

}

#anspress .ap-questions .ap-display-meta-item.tags{
 align-items: center;
}
#anspress .ap-questions .ap-display-meta-item .question-tags a {
 font-family: "Urbanist", sans-serif !important;
 font-weight: 500;
 color: #8F8F8F;
 font-size: 12px;
}

#anspress #ap-filter-reset span {
 color: #888;
}

div#anspress .ap-filters .ap-dropdown-menu {
 min-width: 200px;
 border: none;
}
div#anspress .ap-filter-search {
 background: #08A1EE;
}
div#anspress .ap-dropdown.open .ap-dropdown-menu input {
 width: 100%;
 padding: 6px;
 background: #fff;
 border: 1px solid #D9D9D9;
 border-radius: 12px;
 color: #232323;
 font-size: 13px;
 outline: none;
 line-height: 1;
 font-weight: 400;
 font-family: "Urbanist", sans-serif;
}
div#anspress .ap-dropdown.open .ap-dropdown-menu label {
 font-family: "Urbanist", sans-serif;
 font-size: 14px;
 cursor: pointer;
 line-height: 1.3;
}
div#anspress .ap-filter input[type=checkbox]:checked+.apicon-check, 
#anspress .ap-filter input[type=radio]:checked+.apicon-check {
 background: #08A1EE;
}
div#anspress .ap-filter .apicon-check:before {
 margin-top: 2px;
 display: block;
}
.ap-single-vote .ap-tip {
 display: flex;
 align-items: center;
 justify-content: center;
}
#anspress .ap-question-meta .ap-display-meta-item .question-tags a {
 font-family: "Urbanist", sans-serif !important;
 font-weight: 500;
 color: #8F8F8F;
 font-size: 14px;
}
.ap-display-meta-item.subscribe a {
 background: #08A1EE;
 color: #fff;
 border: 1px solid #08A1EE;
 border-radius: 40px;
}
#anspress .ap-question-meta .ap-display-meta-item .question-tags a {
 font-family: "Urbanist", sans-serif !important;
 font-weight: 500;
 color: #8F8F8F;
 font-size: 14px;
}
.ap-display-meta-item.subscribe a {
 background: #08A1EE;
 color: #fff;
 border: 1px solid #08A1EE;
 border-radius: 40px;
}
#ap-search-form .ap-search-input {
 border: 1px solid #D9D9D9;
 font-family: "Urbanist", sans-serif;
}
#ap-search-form .ap-search-btn {
 border: 1px solid #D9D9D9;
 cursor: pointer;
 box-shadow: none;
 font-family: "Urbanist", sans-serif;
}
#anspress .ap-list-head .ap-btn-ask {
 margin-left: 10px;
}
#anspress #ap-filter-reset {
 display: flex;
 align-items: center;
}
#anspress #ap-filter-reset span {
 font-family: "Urbanist", sans-serif !important;
}

.ap-modal-header{
 font-family: "Urbanist", sans-serif;
}
.ap-modal-body textarea.ap-form-control{
 font-family: "Urbanist", sans-serif;
 border-radius: 10px;
}
.ap-modal-body .ap-modal-header .ap-modal-close {
 background: #08A1EE;
 color: #fff;
 border: none;
 display: flex;
 align-items: center;
 width: 18px;
 height: 18px;
 overflow: hidden;
}
/*hide non related things of answer press */
#anspress .ap-filter.filter-qtag,
.ap-display-meta-item.tags,
.ap-form-group.ap-field-form_question-tags,
#anspress .ap-answers-tab,
#anspress .answers-main-wrapper .ap-answers-label
{
 display: none;
}
.answers-main-wrapper .ap-single-vote{
 display: none;
}
/****/

#anspress h3.main-question {
 margin-bottom: 17px;
}

.single-question-main-wrapper .question-intro {
 border-radius: 10px;
 background: #FFF;
 box-shadow: 0 0 35px 0 rgba(0, 0, 0, 0.05);
 padding: 24px 29px;
}
.single-question-detail-page-wrapper .answers-main-wrapper .answer .ap-cell{
 margin-left: 0px !important;
}
.single-question-detail-page-wrapper .answers-main-wrapper .answer .ap-cell .ap-q-inner {
 padding-top: 15px !important;
}
.single-question-detail-page-wrapper .answers-main-wrapper .answer .ap-q-metas {
 margin-left: 68px;
 width: calc(100% - 70px);
}
.single-question-detail-page-wrapper .answers-main-wrapper .answer .ap-content {
 padding-right: 0px;
}
.single-question-detail-page-wrapper .answers-main-wrapper .answer .ap-cell .have-comments {
 padding-left: 43px;
 padding-right: 25px;
}
.single-question-detail-page-wrapper #anspress .answer .ap-cell .ap-cell-inner .ap-q-inner {
 padding-right: 25px;
}
.single-question-detail-page-wrapper .answers-main-wrapper .answer .ap-cell .have-comments .byuser {
 margin-bottom: 10px;
}

.answer-metas-wrpas {
 display: flex;
 gap: 8px;
 flex-wrap: wrap;
}
.answer-metas-wrpas .answer-span {
 border-radius: 6px;
 height: 29px;
 padding: 8px 11px 6px;
 display: flex;
 align-items: center;
 justify-content: center;
 border-style: solid;
 border-width: 1px 1px 1px 1px;
 font-size: 14px;
 font-weight: 600;
 letter-spacing: -0.14px;
 line-height: 120%;
 gap: 3px;
}
.answer-span.count-comments {
 border-color: #727272;
 color: #727272;
}
.answer-span.count-likes {
 border-color: #08A1EE;
 background: #E9F8FF;
 color: #08A1EE;
}
.answer-metas-wrpas .answer-span.comment-on-answer-btn {
 color: #4E4E4E;
 cursor: pointer;
 
 border-color: #4E4E4E;
}

.header-profile-follow {
 display: flex;
 flex-direction: column;
}
.header-profile-top {
 display: flex;
 gap: 8px;
}
.header-profile-top .meta-follow {
 display: flex;
 align-items: center;
 gap: 8px;
 color: #08A1EE;
 font-size: 14px;
 font-weight: 600;
 letter-spacing: -0.14px;
 line-height: 120%;
}
.header-profile-follow .header-profile-bottom {
 margin-top: 8px;
}
.header-profile-bottom .meta-profile-post {
 color: #000;
 font-size: 14px;
 font-weight: 500;
 line-height: 120%;
 letter-spacing: -0.14px;
 opacity: 0.5;
}

.comment-action-wrapper {
 margin-top: 15px;
 display: flex;
 gap: 4px;
 color: #08A1EE;
 font-size: 14px;
 font-weight: 600;
 line-height: 120%;
 letter-spacing: -0.42px;
}

.comment-reply-area,
.answer-comment-area
{
 
 display: flex;
 width: 100%;
 border-radius: 65px;
 border: 1px solid #EAEAEA;
 background: #FFF;
 padding: 10px 20px;
 height: 41px;
 gap: 10px;
}
.answer-comment-area{
 margin: 15px 0;
}
.comment-reply-area{
 margin-top: 15px;
}
.comment-reply-area .comment-reply-content,
.answer-comment-area .answer-comment-content
{
 color: rgba(0,0,0,0.5);
 font-size: 14px;
 font-weight: 500;
 line-height: 120%;
 letter-spacing: -0.14px;
 Style;
 width: 100%;
 border: none;
 outline: none;
 font-family: "Urbanist", sans-serif !important;
}
.comment-reply-area img,
.answer-comment-area img
{
 cursor: pointer;
}

@media screen and (max-width: 767px) {
  .single-question-detail-page-wrapper .answers-main-wrapper apanswersw {
   width: 100%;
  }
  .discussion-block-left {
   width: 100%;
  }
  .single-question-main-wrapper {
   width: 100%;
 }
 .single-question-detail-page-wrapper .discussion-qa-row{
  display: flex;
  flex-direction: column;
 }



}

@media screen and (max-width: 640px) {
 .ap-q-metas .metas-header {
  margin-bottom: 10px;
  gap: 5px;
 }
 .have-question h3{
  font-size: 24px !important;
 }
 .single-question-detail-page-wrapper .answers-main-wrapper .answer .ap-cell .have-comments {
  padding-left: 0px;
  padding-right: 0px;
 }
 .single-question-detail-page-wrapper #anspress #answers .ap-cell .anspress .comment-header{
  flex-direction: column;
 }
 
 .single-question-detail-page-wrapper #anspress #answers .ap-cell apcomments .anspress > div {
  /* flex-direction: column;
  gap: 8px;
  border: 1px solid #eee;
  padding: 10px;
  border-radius: 10px; */
 }

 .single-question-detail-page-wrapper #anspress #answers .ap-cell .ap-cell-inner .ap-q-inner p{
  font-size: 16px;
 }

}

@media screen and (max-width: 520px) {
 .ap-dummy-editor{
  background-size: 290px;
    background-position: left;
 }
}


@media screen and (max-width: 480px) {
 .single-question-detail-page-wrapper .answers-main-wrapper .answer .ap-q-metas{
  margin-left: 0px;
 }
}