@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;
}


@font-face {
 font-family: 'Source serif pro semi';
 src: url('/fonts/source-serif-pro.semibold.woff2') format('woff2');
 font-weight: 600;
 font-style: normal;
 font-display: swap;
}
@font-face {
 font-family: 'Source serif pro bold';
 src: url('/fonts/source-serif-pro.bold.woff2') format('woff2');
 font-weight: 600;
 font-style: normal;
 font-display: swap;
}

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;}
.wd-200{width:200px;}
.ht-200{height:200px;}
.disinline{display: inline;}
.disinline-imp{display: inline !important;}

.container{max-width: 1234px; width: 100%; padding: 0 15px; margin: 0 auto; }
.container-wrap{padding: 0px 60px; width: 100%; }
.inner-container{max-width: 1234px; padding: 0 15px; margin: 0 auto;}
.main-wraper{width: 100%; padding-top: 79px; }
.admin-bar .main-wraper {
 padding-top: 67px;
}
a:focus-visible{
 outline: none;
}
/* 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;
}

.effect-button 
{
 position: relative;
 overflow: hidden;
 transition: all 0.65s ease-in-out;
 display: flex;
}
.effect-button::before {
 content: "";
 position: absolute;
 top: 0;
 width: 100%;
 height: 100%;
 background: linear-gradient(120deg, transparent, rgba(255, 255, 255, 0.2), transparent);
 transition: all 0.65s ease-in-out;
 left: -100%;
}
.effect-button:hover::before {
 left: 100%;
 transition: all 0.65s ease-in-out;
}


/********************* 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;
  z-index: 9;
  position: relative;
}
.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: rgba(0,0,0,0.5);
  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: 10px;
  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: 43px 100px;
  position: relative;
}
.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: 5px;
  overflow: hidden;
  transition: 0.3s ease;
  cursor: pointer;
  border: 1px solid #E2E2E2;
  padding: 9px 9px 19px 9px;
  position: relative;
}
.cards-link {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0;
}
.blog-post-figure{
  width: 100%;
  height: 180px;
  border-radius: 5px;
  overflow: hidden;
}
.blog-card:hover .blog-post-figure img{
  transform: scale(1.1) !important;
}

.blog-card-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s;
}
.blog-card-content {
  padding: 15px 14px 0px 14px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
 
}

@media screen and (min-width: 651px) {
 .blog-card-content {
  height: calc(100% - 180px);
 }
}

.blog-card-tag {
  font-size: 14px;
  color: #9D9D9D;
  margin-bottom: 19px;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -0.42px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.blog-card-tag span{
  color: #000;
}
.blog-card-title {
  font-size: 24px;
  margin-bottom: 14px;
  font-weight: 600;
  line-height: 116.667%;
  color: #232323;
  letter-spacing: -0.48px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.blog-card-desc {
  font-size: 16px;
  color: #797979;
  margin-bottom: 20px;
  line-height: 137.5%;
  font-weight: 500;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.blog-card-footer {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  color: #666;
  justify-content: space-between;
  min-height: 29px;
}
.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: 1;
  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;
position: absolute;
left: 0px;
top: 0px;
transform: translateY(50%);
}
#content-loader.d-none{
 display: none;
}
.blog-listing-wrapper #content-loader{
 position: fixed;
 top:25%;
}
.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);}
}


.myseatime-loader-wrapper img{
 width: 100%;
 height: 100%;
}

.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: 26px;
line-height: 125%;
letter-spacing:-0.48px;
font-weight: 600;
margin-bottom: 18px;
font-family: "Urbanist", sans-serif;
margin-top: 10px;
}
.post-excerpt{
color: #000;
font-family: "Source Serif Pro";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.16px;
opacity: 0.7;
}
.blog-update-share,
.blog-meta-info
{
display: flex;
gap: 10px;
padding: 10px 0px;
border-color: #F1F1F1;
border-style: solid;
border-width: 1px 0px 1px;
align-items: center;
width: 100%;
margin-top: 20px;
}
.update-share-inner {
display: flex;
gap: 15px;
align-items: center;
white-space: nowrap;
}
.blog-meta-info .post-author{
color: #9D9D9D;
/* font-family: Helvetica; */
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 120%;
letter-spacing: -0.42px;
font-family: "Urbanist", sans-serif;
}
.blog-meta-info a.author-name
{
color: #08A1EE;
/* font-family: Helvetica; */
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 120%;
letter-spacing: -0.42px;
text-decoration: none;
font-family: "Urbanist", sans-serif;
}

.blog-meta-info .blog-date {
position: relative;
/* top: 2px; */
color: #9D9D9D;
font-weight: 400;
}
.blog-meta-info .blog-comments{
 font-weight: 400;
 letter-spacing: -0.14px;
}

.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; */
gap: 58px;
margin-inline: auto;
}
.blog-left {
flex: 1 1 50%;
display: flex;
flex-wrap: wrap;
padding-right: 46px;
/* border-right: 1px solid #E1E1E1; */
position: relative;
flex-direction: column;
width: 100%;
}
.blog-info-top {
 width: 100%;
 margin-bottom: 20px;
}
.blog-sidebar {
 flex: 3;
 max-width: 370px;
}
.blog-sidebar-inner .cl-profile{
height: 203px;
overflow: hidden;
border-radius: 5px;
}
.cl-profile img {
  width: 100%;
  object-fit: cover;
  height: 100%;
}
.feature-blog-img {
  width: 100%;
  /*height: 460px;*/
  height: auto;
  overflow: hidden;
  margin-bottom: 30px;
}
.blog-left img{
 max-width: 100%;
 width: auto;
 height:auto;
}

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


.blog-text p{
  color:rgba(0, 0, 0, 0.7);
  /* opacity: 0.7; */
  /* font-family: "Source Serif 4", serif; */
  font-family: 'Source serif pro semi';
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 145.455%;
  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-family: 'Source serif pro semi';
  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 pro semi'; */

color: #484848;
font-size: 28px;
font-style: normal;
font-weight: 600;
line-height: 158.824%;
letter-spacing: -0.28px;
margin-bottom: 25px;
font-family: 'Source serif pro semi';

}
.blog-text h3, .blog-text h4, .blog-text h5, .blog-text h6{
 color: #484848;
  font-style: normal;
 font-weight: 600;
 line-height: 158.824%;
 letter-spacing: -0.28px;
 margin-bottom: 25px;
 font-family: 'Source serif pro semi';
}
.blog-text h3{
 font-size: 25px;
}
.blog-text h4{
 font-size: 23px;
}
.blog-text h5{
 font-size: 21px;
}
.blog-text h6{
 font-size: 19px;
}


.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: 45px;
}
.blog-text img.aligncenter{
 width: auto !important;
text-align: center;
margin: 20px auto;
display: block;
height: auto;
}

.blog-sidebar h3 {
  margin: 20px 0px 10px;
  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-family: 'Source serif pro semi';
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 133.333%; 
  letter-spacing: -0.18px;
  margin-bottom: 20px;
}
.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;
}
.ihc-locker-wrap{
    margin-top: -85px;
}
.discussion-single-question .custom-locker-wrapper .ihc-locker-wrap {
 margin-top: -70px;
}
.ihc-locker-wrap .ihc_locker_2 {
 border: none;
 box-shadow: none;
 background: linear-gradient(180deg, rgba(255, 255, 255, 0.51) 0%, #FFF 20%);
 text-align: center;
 min-height: 0px;
 padding: 0px;
 border-radius: 9px;
 max-width: 100%;
 margin: 10px auto;
}
.access-article{
  position: absolute;
  width: 100%;
  bottom: 0px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.51) 0%, #FFF 20%);
  padding: 160px 140px;
  
}
.ihc-locker-wrap .access-article{
  position: relative;
  width: 100%;
  bottom: 0px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.51) 0%, #FFF 20%);
  padding: 120px 70px 20px;
}
.ihc-locker-wrap .lock_buttons {
 display: none;
}

.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: 15px 20px;
  list-style: none;
}

.access-article .article-inner-wrap ul {
 margin-top: 20px !important;
}
.access-article .article-inner-wrap p{
 margin-bottom: 0px;
}

.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%;
}
.star-icon-bg
{
background-image: url("../images/star.svg");
object-fit: cover;
min-width: 14px;
min-height: 14px;
background-repeat: no-repeat;
background-position: center;
}

.unlock-section{
  margin-top: 34px;
  text-align: center;
}
.unlock-content{
  padding: 11px 3px;
  width: 189px;
  height: 41px;
  border-radius: 38px;
  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 .btngroup {
 width: 100%;
 min-width: 160px;
}
.sea-filters-col .btngroup button {
 border-radius: 5px;
 border: none;
 height: 38px;
}
div.btngroup .arrow {
 border-width: 0 2px 2px 0;
 padding: 3px;
}
.sea-filters-col .btngroup button span {
 font-size: 14px;
 font-weight: 500;
 line-height: 120%;
 letter-spacing: -0.14px;
 font-family: "Urbanist", sans-serif;
 position: relative;
 top: 1px;
}
.sea-filters-col .btngroup input {
 position: relative;
 top: 2px;
}
.sea-filters-col .btngroup label {
 font-weight: 400;
 letter-spacing: 0.4px;
 margin-left: 3px;
}
.sea-filters-col .btngroup ul {
 border: 0px;
 margin-top: -3px;
 border-radius: 0px 0px 10px 10px;
 box-shadow: 0px 1px 2px #eee;
}
.sea-filters-col .btngroup ul li {
 border: none;
}

.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; */
  grid-template-columns: 1fr 306px;
  gap: 20px;
  transition: all 0.6s;
  /* max-width: 999px; */
  width: 100%;
  margin: auto;
}
.seaqa-questions-listing-wrapper .qa-conts-wrapper{
 /*10 feb 2026 client request*/
 gap: 104px;
}
.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;
 font-weight: 500;
 font-style: normal;
 font-family: "Urbanist", sans-serif;
}
.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: 38px;
  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;
}
.answer-btn:hover{
 background-color: #000;
 color: #fff;
}
.answer-btn:hover img {
 filter: invert(1);
}
.answer-comment-reply{
 cursor: pointer;
}

.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: 140%;
  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;
}
.question-card-content .ask-question{
 transition: all 0.6s;
}
.question-card-content .ask-question:hover{
 background: #000;
 color: #fff;
}
.question-card-content .ask-question:hover img {
    filter: invert(1);
}

/********** 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: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: -0.48px;
  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;
pointer-events: none;
}
.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: 10px;
}

#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: 0px 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: 0px;
}
.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, 
.reply-content {
 font-style: normal;
 color: #000;
 font-size: 18px;
 font-family: "Urbanist", sans-serif;
 line-height: 133.333%;
 font-weight: 500;
}
.custom-reply-trigger {
 color: #08A1EE;
 font-family: "Urbanist", sans-serif;
 font-size: 14px;
 font-style: normal;
 font-weight: 600;
 line-height: 120%;
 letter-spacing: -0.42px;
 text-decoration: none;
}

.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: rgba(0, 0, 0, 0.5);
 font-family: "Urbanist", sans-serif;
 font-size: 14px;
 font-style: normal;
 font-weight: 600;
 line-height: 120%;
 letter-spacing: -0.14px;
}
.comments-container .comment-form-comment {
    margin-top: 20px;
    position: relative;
}
.comments-container .comment-form-comment span.reply-error.err {
 position: absolute;
 bottom: 34px;
 font-size: 13px;
}
.comments-container .comment-respond .comment-form-comment textarea#comment,
.comments-container .comment-on-post .ajax-reply-form textarea.ajax-reply-text{
  border-radius: 10px;
  background: #FAFAFA;
  width: 100%;
  border: none;
  padding: 16px;
  outline: none;
  resize: none;
  font-family: "Urbanist", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  height: 130px;
  color: #000;
}
.comments-container .comment-respond .comment-form-comment textarea#comment::placeholder{
 color: #000;
}
.comments-container .comment-on-post .ajax-reply-form textarea.ajax-reply-text::placeholder{
 color: #000;
}

.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;
}
.send_comment_wrapper
{
 display: flex;
gap: 5px;
justify-content: left;
flex-direction: row;
}
.send-answer-comment.disabled{
 pointer-events: none;
 cursor: not-allowed;
}
.send-answer-comment.disabled img{
 filter: grayscale(100%);
 opacity: 0.3;
}

.load-more-replies-wrapper .spinner,
.send_comment_wrapper .spinner,
.draft-show-loader .spinner
{
width: 20px;
height: 20px;
border: 3px solid rgba(0, 0, 0, 0.1);
border-left-color: #08A1EE;
}
.ap-draft-wrapper{
margin-top: 10px;
display: inline-block;
}
.draft-show-loader{
display: flex;
gap: 10px;
flex-direction: row;
}
.loading-draft-text{
 font-size: 16px;
 color: #333;
font-weight: 600;
line-height: 1;
padding: 2px 0px;
}
.ap-draft-wrapper {
 display: inline-block;
}
.question-likedislike-action-wrapper{
display: flex;
flex-direction: row;
gap: 5px;
}
.qlike-thumb-spinner.spinner{
width: 20px;
height: 20px;
border: 3px solid rgba(0, 0, 0, 0.1);
border-left-color: #08A1EE;
}
.border-red{
 border: 1px solid #ff0000 !important;
}
.load-more-replies-wrapper{
display: flex;
width: 100%;
flex-direction: column;
}
.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;
}
.show-login-link p{
 font-size: 16px;
 font-family: "Urbanist", sans-serif;
}
a.log-in-link{
 color: #08A1EE;
font-family: "Urbanist", sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 120%;
letter-spacing: -0.42px;
text-decoration: none;
}
.load-more-text{
 cursor: pointer;
 display: flex;
}
.load-more-error{
color: rgba(0, 0, 0, 0.5);
font-family: "Urbanist", sans-serif;
font-size: 17px;
font-style: normal;
font-weight: 500;
line-height: 120%;
letter-spacing: -0.14px;
margin:10px 0;
}

.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-reply-form.d-none{
 display: none;
}

.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%;
 font-size: 16px;
 font-family: "Urbanist", sans-serif;
}
.err.d-none{
 display: none;
}
.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;
}
.submit-ajax-reply:hover{
 background-color: #000;
 color: #fff;
}
.logged-in-as a:first-of-type{
 display: none;
}
.load-more-postreplies{
 display: flex;
 flex-direction: row;
 gap: 10px;
}
.load-more-postreplies.anchor-link
{
 color:#08A1EE;
text-decoration: none;
font-size: 16px;
font-weight: 400;
}
.load-more-postreplies.button-link .load-more-text{
display: flex;
padding: 7px 11px;
justify-content: center;
align-items: center;
gap: 8px;
border-radius: 34px;
border: 1px solid #393939;
background: #fff;
color: #3b3b3b;
font-family: "Urbanist", sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 120%;
letter-spacing: -0.16px;
}
button.load-more-text{
 color: #fff;
 background-color: #000;
}
load-more-postreplies.button-link.clicked{
 color: #919191;
}

/*** 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: -6px;
background: #fff;
}
.custom-share-hover .heateor_sss_horizontal_sharing .heateor_sss_svg {
 width: 27px !important;
 height: 27px !important;
}
/*** custom sharing css end ***/

/*single question detail page */
.write-answer-btn-wrapper{
display: flex;
width: auto;
margin-top: 14px;
}
.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: 12px 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,
.single-question-detail-page-wrapper #anspress .ap-comment-date-wrapper
{
 color: #232323;
 opacity: 0.5;
 font-weight: 600;
 line-height: 120%;
 letter-spacing: -0.14px;
 font-size: 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%;
}
/*hide default editor and load on click of write answer button*/
.single-question-detail-page-wrapper .ap-minimal-editor .ap-form-c .ap-minimal-placeholder
{
 display: none;
}

.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;
}
.single-question-detail-page-wrapper .ap-q-metas .metas-header {
 display: flex;
 flex-direction: column;
}
.single-question-detail-page-wrapper .metas-header .meta-follow {
 color: #08A1EE;
 font-weight: 600;
 line-height: 120%;
 letter-spacing: -0.14px;
 display: inline-flex;
 align-items: center;
 gap: 5px;
}

/* Follow Button Styles */
.follow-wrapper {
 position: relative;
 display: inline-flex;
 align-items: center;
}

.follow-btn.user-follow-btn {
 background: none;
 border: none;
 color: #08A1EE;
 font-weight: 600;
 line-height: 120%;
 letter-spacing: -0.14px;
 font-size: 14px;
 cursor: pointer;
 display: inline-flex;
 align-items: center;
 gap: 5px;
 padding: 0;
 transition: all 0.3s ease;
}

.follow-btn.user-follow-btn:hover:not(:disabled) {
 opacity: 0.8;
 transform: scale(1.05);
}

.follow-btn.user-follow-btn:disabled {
 opacity: 0.5;
 cursor: not-allowed;
}

.follow-btn.user-follow-btn.following {
 color: #0F63D6;
 font-weight: 700;
}

.follow-label {
 vertical-align: middle;
}

/* Follow spinner */
.follow-spinner.spinner {
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 margin: 0;
}
.single-question-detail-page-wrapper .metas-head-bottom .meta-profile-post {
 color: #000;
 font-weight: 500;
 line-height: 120%;
 letter-spacing: -0.14px;
 opacity: 0.5;
 font-size: 14px;
}
.single-question-detail-page-wrapper .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 ol{
margin-left: 26px;
}
.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: 16px;
 letter-spacing: -0.18px;
 line-height: 120%;
 text-transform: capitalize;
}
.single-question-detail-page-wrapper #anspress #answers .ap-cell .anspress .comment-header .follow-btn {
 font-size: 12px;
}
.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: none;
 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 .answers-main-wrapper apanswersw{
  width: 100%;
 }
 .single-question-detail-page-wrapper .discussion-qa-row {
  /* gap: 20px; */
  /*10feb2026 client request*/
  gap: 104px;
}
 .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: 9px;
  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;
 }

 .single-question-main-wrapper .question-intro {}
.single-question-main-wrapper .question-action-wrapper
{
 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;
}

.single-question-main-wrapper .blog-date {
 color: #9D9D9D;
 font-size: 14px;
 font-style: normal;
 font-weight: 400;
 line-height: 120%;
 letter-spacing: -0.42px;
 font-family: "Helvetica Neue", sans-serif;
}
.single-question-main-wrapper .post-answer-link-wrapper{
width: 100%;
display: flex;
justify-content: flex-start;
padding: 10px;
}

.thumb-likes{
 display: inline-flex;
 gap: 5px;
 font-size: 14px;
 font-style: normal;
 font-weight: 500;
 color: #777;
 font-family: "Helvetica Neue", sans-serif;
}
.thumb-likes.active svg path{
 fill: #08A1EE;
}

.answer-metas-wrpas {
 display: flex;
 gap: 8px;
 flex-wrap: wrap;
}
.answer-metas-wrpas .answer-span {
 border-radius: 38px;
 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;
}

.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: 5px;
}
.header-profile-bottom .meta-profile-post {
 color: #000;
 font-size: 14px;
 font-weight: 500;
 line-height: 120%;
 letter-spacing: -0.14px;
 opacity: 0.5;
 text-transform: capitalize;
}

.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;
 flex-direction: column;
}
.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 .comment-reply-area-inner,
.answer-comment-area .comment-reply-area-inner
{
 display: flex;
}
.comment-reply-area img,
.answer-comment-area img
{
 cursor: pointer;
}
.answers-main-wrapper .have-comments .error-wrapper{
 display: flex;
}
.answers-main-wrapper .have-comments .error-wrapper.d-none,
.answer-comment-area-main-wrapper .error-wrapper.d-none
{
 display: none;
}
.answers-main-wrapper .error-wrapper{
 color: #000;
 font-size: 16px;
 font-weight: 500;
 line-height: 120%;
 letter-spacing: -0.14px;
 opacity: 0.5;
}

.answer-comment-area-main-wrapper .answer-comment-area .comment-reply-area-inner a.log-in-link {
 position: relative;
 top: 2px;
}


/**** 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 #similar_suggestions{
 display: none;
}

.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-field-form_question-post_content.ap-field-type-textarea .ap-field-desc{
 display: none;
}

.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;
}

.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;
}
/**** ask a question wrapper end ****/

/*Contact Us*/
.contactus-main-wrapper {
 padding-top: 60px;
 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,
.get-in-touch select.wpcf7-form-control{
 border-radius: 10px;
 border: 1px solid #E2E2E2;
 padding: 16px;
 width: 100%;
 color: #232323;
 font-style: normal;
 font-size: 16px;
 font-weight: 500;
 line-height: 150%;
 height: 56px;
 font-family: "Urbanist", sans-serif;
}
.get-in-touch select.wpcf7-form-control{
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8' viewBox='0 0 14 8' fill='none'%3E%3Cpath opacity='0.4' d='M12.75 0.75L6.75 6.75L0.75 0.749999' stroke='%23292D32' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 15px center;
background-size: 14px 8px;
}

.get-in-touch textarea.wpcf7-form-control{
 border-radius: 10px;
 border: 1px solid #E2E2E2;
 padding: 16px;
 color: #232323;
 font-size: 16px;
 font-weight: 500;
 line-height: 150%;
 width: 100%;
 height: 110px;
 resize: none;
 font-family: "Urbanist", sans-serif;
}
.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: left;
}

@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*/
.main-comment-posting-area{
display: flex;
flex-direction: column;
gap: 10px;
/* width: calc(100% - 80px); */
width: 100%;
margin: 10px 0;
}
.field-comments{
 border: 0px solid #d2dce8;
 border-radius: 0px;
 /* padding: 10px 15px; */
 padding: 0px;
 width: 100%;
 overflow: hidden;
 position: relative;
}
.field-comments .reply-error.err {
 font-weight: 500;
 position: absolute;
 bottom: 31px;
 font-size: 13px;
}
.field-comments textarea {
 border-radius: 10px;
 background: #FAFAFA;
 width: 100%;
 border: none;
 padding: 16px;
 outline: none;
 resize: none;
 font-family: "Urbanist", sans-serif;
 font-size: 18px;
 font-style: normal;
 font-weight: 500;
 line-height: 133.333%;
 height: 130px;
 color: #000;
}
.field-comments textarea::placeholder{
 color: #000;
}
.show-flx{
 display: flex;
}
.cancel-reply{
 color: #3b3b3b;
font-family: "Urbanist", sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 120%;
letter-spacing: -0.42px;
text-decoration: none;
}


.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-content
{
color: #000;
font-feature-settings: 'liga' off, 'clig' off;
font-family: "Urbanist", sans-serif;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height:133.333%;
}
.commentlist .comment-author .fn,
.comment-posted-by .author-info .fn
{
 font-weight: 600;
 color: #000;
 font-size: 18px;
 line-height: 120%;
 letter-spacing: -0.18px;
 font-family: "Urbanist", sans-serif;
 text-transform:capitalize;
}
.comments-container .commentlist > li.comment {
 border-bottom: 0px 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 {
 margin-top: 80px;
 padding-top: 20px;
 padding-bottom: calc(100vh - 533px);
}

.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;
 }
 .comments-container .commentlist{
  margin: 0px;
 }
 .blog-content-wrap{
  gap: 15px;
 }

}

@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;
 }

 .blog-post-figure{
  height: 300px;
 }

}

@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;
 }

}

@media screen and (max-width: 420px) {
 .custom-share-hover .heateor_sss_horizontal_sharing {
  left: -165px;
  top: -6px;
  max-width: 160px;
  visibility: hidden;
 }
 .custom-share-hover:hover .heateor_sss_horizontal_sharing{
  visibility: visible;
  background: #fff;
 }
}

#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;
}

.ap-answer-draft-btn,.ap-answer-cancel-btn,
.ap-edit-draft-btn
{
 margin-left: 10px;
 border-radius: 38px;
 cursor: pointer;
}
.ap-answer-draft-btn
{
background: #08A1EE;
display: inline-block;
color: #FFF;
font-size: 16px;
line-height: 120%;
font-weight: 700;
font-family: "Urbanist", sans-serif;
background-image: none;
box-shadow: none;
letter-spacing: -0.16px;
border: none;
padding: 11px 16px;
}
.ap-answer-draft-btn:hover
{
 background: #08A1EE;
 border: inherit;
}

.draft-status.error{
 color: #ff0000;
}


@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: 50px;
 }
 .single-question-detail-page-wrapper #anspress #answers .ap-cell .ap-cell-inner{
  margin-top: 0px !important;
 }
 .single-question-detail-page-wrapper #anspress .ap-q-metas{
  padding-top: 0px;
 }
 .sea-filters .sea-filters-col {
  width: 100%;
 }
 .qa-conts{
  padding-top: 10px;
 }
 #anspress .ap-q .ap-avatar.answer-provider {
  float: left !important;
  position: absolute !important;
 }
 .ap-q-metas.answer-meta .metas-header {
  gap: 0px;    margin: 0;
 }



}

@media screen and (max-width: 380px) {
 .ask-box .go-to-ask span{
  font-size: 13px;
 }
 .ask-box .go-to-ask{
  padding: 17px 13px;
 }
}

@media screen and (max-width: 340px) {
 .ask-box .go-to-ask span {
  font-size: 12px;
 }
}

.btns-sppiner{
 width: 20px;
 height: 20px;
 margin-left: 2px;
}
.white.btns-sppiner{
 border-left-color: #fff !important;
 border: 3px solid rgba(255, 255, 255, 0.3);
}
.blog-sidebar-inner {
 position: sticky;
 top: 100px;
}


/*********** Blog Comments ************/
 .comment-form-container.comment-on-post {
  margin-bottom: 10px;
  padding-bottom: 20px;
 }
 .comment-on-post #reply-title {
  display: none;
 }
 .comment-on-post .logged-in-as {
  display: none;
 }
 .comment-on-post .comment-form-comment label[for="comment"] {
  display: none;
 }
 .comments-post .commentlist .comment-author .avatar {
  width: 45px;
  height: 45px;
 }
 .comments-post .comment-action {
  display: flex;
  gap: 23px;
  align-items: center;
 }
 
 .comments-post .comment-meta-info {
  display: flex;
  gap: 23px;
  align-items: center;
 }
 .level1-comment-container {
  border-bottom: 1px solid #E1E1E1;
  padding-bottom: 20px;
  margin-bottom: 20px;
 }
 .replies-main-container {
  /* border-top: 1px solid #E1E1E1; */
  margin-top: 25px;
  padding-left: 15px;
}
.replies-main-container.empty{
 margin-top: 0px;
 padding-left: 0px;
}

.level1-comment-container .replies-main-container .comment-reply-listing {
 border-left: 4px solid #D9D9D9;
 padding-left: 13px;
 margin-bottom: 28px;
}
.level1-comment-container .replies-main-container .comment-reply-listing:last-child {
 margin-bottom: 0;
}

 .comments-post .comment-count .comment-cont {
  color: rgba(0, 0, 0, 0.5);
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 1;
  letter-spacing: -0.14px;
  position: relative;
  top: 1px;
}
.comments-post .reply-icon-wrapper {
 display: flex;
 align-items: center;
 gap: 4px;
}
.comments-post .comment-meta-info > div {
 display: flex;
 align-items: center;
 gap: 5px;
}
.comment-on-post .comment-author {
 display: flex;
 align-items: center;
 gap: 7px;
}
.comment-on-post .comment-author img {
 width: 38px;
 height: 38px;
 border-radius: 100%;
}
.comment-on-post .comment-author .author-info {
 color: #000;
 font-family: "Urbanist", sans-serif;
 font-size: 18px;
 font-style: normal;
 font-weight: 600;
 line-height: 120%;
 letter-spacing: -0.18px;
}


.filter-by-type-tag{
 max-width: 999px;
  margin: 0px auto 30px;
}
.filter-by-type-tag .filter-tags {
 /* justify-content: center; */
}

/* ================= Vote Button Styles ================= */
.ap-vote-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 0;
  border: none;
  background: transparent;
  cursor: pointer;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  transition: all 0.3s ease;
}

.ap-vote-btn:hover {
  opacity: 0.7;
  /* transform: scale(1.05); */
}

.ap-vote-btn:disabled {
  cursor: not-allowed;
  opacity: 0.6;
}

.ap-vote-btn.voted {
  /* color: #0F63D6; */
  font-weight: 600;
}

.ap-vote-btn.voted svg path {
  /* fill: #0F63D6; */
}

.ap-vote-btn img {
  transition: filter 0.3s ease;
}

.ap-vote-btn.voted img {
  /* filter: brightness(0) saturate(100%) invert(25%) sepia(98%) saturate(1234%) hue-rotate(223deg); */
}

.ap-vote-btn .likes-count {
  /* min-width: 20px; */
  text-align: center;
  line-height: 1;
}
.ap-vote-btn span.like-label {
 line-height: 1;
}

.question-likes.ap-vote-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.answer-span.count-likes.ap-vote-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

/* ================= Spinner/Loader Styles ================= */
.spinner {
  display: inline-block;
  width: 16px;
  height: 16px;
  border: 2px solid rgba(15, 99, 214, 0.2);
  border-top: 2px solid #0F63D6;
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
  vertical-align: middle;
}
.follow-spinner, .alike-spinner {
    margin-top: -8px !important;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.d-none {
  display: none !important;
}

/* Question like spinner */
.qlike-thumb-spinner.spinner {
  margin-left: 6px;
  vertical-align: middle;
}

/* Answer like spinner */
.alike-spinner.spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0;
}

/* Answer likes wrapper for positioning */
.answer-likes-wrapper {
  position: relative;
  display: inline-block;
}
.discussion-single-question {
 padding-bottom: calc(100vh - 419px);
}
.spinner.post{
  width: 50px;
  height: 50px;
}
body.blog div.loader{
  padding-bottom: 40px;
}
.question-status-wrapper{
 margin: 10px 0;
display: flex;
align-items: flex-start;
/* color: #000; */
color: #08A1EE;
font-family: "Urbanist", sans-serif;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 120%;
letter-spacing: -0.14px;
padding-bottom: 12px;
/* opacity: 0.5; */
margin-top: 20px;
width: 100%;
}
select#form_question-category {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8' viewBox='0 0 14 8' fill='none'%3E%3Cpath opacity='0.4' d='M12.75 0.75L6.75 6.75L0.75 0.749999' stroke='%23292D32' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); 
background-repeat: no-repeat;
background-position: right 15px center;
background-size: 14px 8px;
}
span.blog-comments img {
 position: relative;
 top: -1px;
}

.blog-detail-row .comment_heading{
 margin-bottom: 20px;
 border-bottom: 1px solid #F1F1F1;
 padding-bottom: 20px;
}
.answers-main-wrapper .error-message-wrapper{
 display: flex;
 margin: 5px;
}
.answers-main-wrapper .error-message-wrapper .error-msg{
 font-size: 16px;
font-family: "Urbanist", sans-serif;
font-weight: 500;
color: #727272;
}
.answers-main-wrapper .error-message-wrapper .error-msg a{
color: #08A1EE;
text-decoration: underline;
}
.error-message-wrapper .error-msg .req{
 margin-left: 6px;
}

.wp-core-ui .button-primary.focus, .wp-core-ui .button-primary:focus{
 box-shadow: none !important;
 outline: none !important;
 border: none !important;
}
.question-intro .blog-comments.have-tooltip {
 cursor: auto;
}
.metas-head-top a, .header-profile-top a {
 text-transform: capitalize;
}

.answer .ap-answer-content h2,
.answer .ap-answer-content h3,
.answer .ap-answer-content h4,
.answer .ap-answer-content h5{
 font-weight: 600;
 margin-bottom: 10px;
}

.answer .ap-answer-content h3 {
 font-size: 25px;
}

.answer .ap-answer-content h4{
 font-size: 23px;
}
.answer .ap-answer-content h5{
 font-size: 21px;
}
.answer .ap-answer-content h6{
 font-size: 19px;
}
.single-question-detail-page-wrapper #anspress #answers .ap-cell .ap-cell-inner .ap-q-inner ul li {
 list-style-type: disc;
 margin-left: 30px;
 font-weight: 400;
}
.answer .ap-answer-content img {
 border-radius: 5px;
}
.ap-notice.status-moderate{
 background: #f3f3f3;
 font-size: 15px;
 font-weight: 400;
 padding: 10px 5px;
 }

.question-intro .ap-notice.status-moderate{
background: #f3f3f3;
font-size: 15px;
font-weight: 400;
padding: 10px 5px;
}


.on-loading .blog-section {
 height: calc(100vh - 370px);
}

.no-blog-found {
 padding: 10px;
 text-align: center;
}

.no-blog-wrapper{
 height: calc(100vh - 376px);
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}

.no-blog-found h3,
.no-blog-found-wrapper .no-data-heading
{
 font-family: "Urbanist", sans-serif;
 color: #000;
 text-align: center;
 font-size: 28px;
 font-style: normal;
 font-weight: 600;
 line-height: 120%;
 letter-spacing: -0.28px;
}
.topic-question-tag .topic.active{
 background: #000;
}
.blog-card,
.blog-post-figure img,
.blog-header-content > * {
  will-change: transform;
}

.home-testimonial-wraper{
 width: 100%;
}
.btn-disabled,
.followers-btn.btn-disabled
{
 background-color: #cccccc;
 color: #666666;
 cursor: not-allowed;
 border: 1px solid #999999;
 opacity: 0.6;
}
.elem-disabled {
 color: #a1a1a1;
 pointer-events: none;
 user-select: none;
 cursor: default;
}
.textarea:disabled {
 background-color: #f5f5f5;
 color: #888888; 
 cursor: not-allowed;
 border: 1px solid #d1d1d1;
 resize: none;
}

.word {
 overflow: hidden;
 padding-bottom: 0.1em;
 margin-bottom: -0.1em;
 transform-origin: bottom;
 line-height: 1;
}

.single-post .theme-loader-wrapper
{
 position: absolute;
left: 0;
}


.no-found {
 display: flex !important;
}
.no-posts-found {
 padding: calc(50% - 506px) 0px;
 text-align: center;
 width: 100%;
 height: calc(100vh - 523px);
}
.no-posts-found h3 {
 font-size: 30px;
}

.answer-post-disabled-msg{
display: flex;
padding: 15px 20px;
justify-content: flex-start;
}
.answer-post-disabled-msg .msg{
font-size: 18px;
color: #232323;
font-family: "Urbanist", sans-serif;
font-weight: 500;
}
.ap-answer-draft-btn span.ap-loading-span
{
 display: none;
}
#form_answer .ap-btn-submit:disabled,
.ap-answer-cancel-btn.disabled,
#form_answer .ap-answer-draft-btn:disabled,
.write-ans-btn:disabled
{
 background: #d0d1d1;
 cursor: not-allowed;
 border: inherit;
 /* text-decoration: line-through; */
}

.single-question-detail-page-wrapper .answers-main-wrapper .answer .child-comment-wrap{
 padding-left: 50px;
}

@media (max-width: 768px) {
 .no-posts-found {
     padding: 40px 15px;
     min-height: 30vh
 }
}

.answers-main-wrapper .comment-reply-area.disabled,
.answers-main-wrapper .answer-comment-area.disabled
{
background: #ddd;
opacity: 0.3;
pointer-events: none;
}
.answers-main-wrapper input.comment-reply-content.disabled{
 background: #ddd;
 opacity: 0.3;
 pointer-events: none;
}

.custom-modal {
display: none; 
position: fixed; 
z-index: 9999; 
left: 0; 
top: 0; 
width: 100%; 
height: 100%; 
background-color: rgba(0,0,0,0.6);
}
.modal-content {
 background-color: #fff; 
 margin: 10% auto; 
 padding: 20px; 
 width: 350px; 
 border-radius: 8px; 
 position: relative;
}
.close-modal { 
position: absolute; 
right: 15px; 
top: 10px; 
cursor: pointer; 
font-size: 24px; 
}


/***************** Profile Setting css *****************/
.ihc-ap-theme-3 .ihc-ap-wrap{
 font-size: inherit;
}
.user-inner-main-template{
 margin: 0;
 padding-top: 144px;
 background: #FAFAFA;
 padding-inline: 0px;
 padding-bottom: 30px;
 min-height: calc(100vh - 75px);
}
.user-inner-main-template article {
 max-width: 1234px;
 width: 100%;
 padding: 0 15px;
 margin: 0 auto;
}
.user-inner-main-template .ihc-user-page-content-wrapper {
 display: flex;
 gap: 20px;
}
.user-inner-main-template .ihc-user-page-content-wrapper .ihc-ap-menu {
 max-width: 287px;
 padding: 0px;
 border: none;
 display: flex;
 flex-direction: column;
 width: 100%;
}
.user-inner-main-template .ihc-user-page-content-wrapper .ihc-ap-menu h3 {
 color: #000;
 font-family: "Urbanist", sans-serif;
 font-size: 32px;
 font-style: normal;
 font-weight: 600;
 line-height: 120%;
 letter-spacing: -0.32px;
 margin-bottom: 30px;
}

.user-inner-main-template .ihc-user-page-content-wrapper .ihc-ap-menu i.fa-ihc {
 display: none;
}
.user-inner-main-template .ihc-user-page-content-wrapper .ihc-ap-menu .ihc-ap-menu-item {
 text-align: left;
 margin-block: 8px;
}
.user-inner-main-template .ihc-user-page-content-wrapper .ihc-ap-menu .ihc-ap-menu-item a {
 padding: 0;
 color: #000;
 font-size: 16px;
 font-family: "Urbanist", sans-serif;
 opacity: inherit;
 font-weight: 600;
}
.user-inner-main-template .ihc-user-page-content-wrapper .ihc-ap-wrap {
 margin: 0;
 padding: 0px;
 width: 100%;
}
.user-inner-main-template .ihc-user-page-content-wrapper .ihc-ap-wrap h3,
.user-inner-main-template .ihc-user-page-content-wrapper .ihc-ap-wrap h3 p {
 margin: 0px;
 font-size: 24px !important;
 letter-spacing: -0.24px;
 line-height: 120%;
 margin-bottom: 10px;
 color: #000;
 font-family: "Urbanist", sans-serif;
}
.user-inner-main-template .ihc-user-page-content-wrapper .ihc-ap-wrap h3{
 font-weight: 600 !important;
}
.user-inner-main-template .ihc-user-page-content-wrapper .ihc-ap-wrap h3 p {
 font-weight: 600 !important;
}


.user-inner-main-template .ihc-user-page-content-wrapper .iump-user-page-box .iump-register-form {
 max-width: 100% !important;
 padding: 0px;
}
.user-inner-main-template .ihc-user-page-content-wrapper .iump-user-page-box .iump-register-form div.iump-form-text {
 width: 49%;
 display: inline-flex;
 flex-direction: column;
}


.user-inner-main-template .ihc-user-page-content-wrapper .ihc-ap-wrap p {
 font-size: 14px;
 letter-spacing: -0.14px;
 line-height: 128.571%;
 color: rgba(0, 0, 0, 0.5);
}
.user-inner-main-template .ihc-user-page-content-wrapper .ihc-ap-menu .ihc-ap-menu-item.ihc-ap-menu-item-selected a {
 color: #08A1EE;
}

.user-inner-main-template .ihc-user-page-content-wrapper .iump-user-page-box .iump-register-form div.iump-form-text label {
 padding: 0px;
 margin-bottom: 8px;
 color: #232323;
 font-size: 18px;
 line-height: 150%;
 font-family: "Urbanist", sans-serif;
 font-weight: 500;
}
.user-inner-main-template .ihc-user-page-content-wrapper .iump-user-page-box .iump-register-form div.iump-form-text label.iump-labels-register
{
 font-weight: 600;
  font-style: normal;
}
.user-inner-main-template .ihc-user-page-content-wrapper .iump-user-page-box input {
 padding: 16px !important;
 border-radius: 10px !important;
 border: 1px solid #D9D9D9;
 font-size: 16px;
 color: #232323;
 line-height: 150%;
 outline: none;
 height: 59px;
}
.user-inner-main-template .ihc-user-page-content-wrapper .iump-user-page-box input::placeholder{
 color: #232323;
 opacity: 0.5;
}
.user-inner-main-template .ihc-user-page-content-wrapper .iump-submit-form {
 text-align: left;
}
.user-inner-main-template .ihc-user-page-content-wrapper .iump-submit-form input[type="submit"] {
 background: #08A1EE !important;
 border-radius: 37px !important;
 max-width: 145px !important;
 width: 100% !important;
 border: 1px solid #08A1EE;
 min-width: 149px;
 font-size: 16px !important;
 height: 41px !important;
 line-height: 1.2 !important;
 padding: 10px 20px !important;
 letter-spacing: -0.16px;
 cursor: pointer;
 min-height: 41px !important;
 font-family: "Urbanist", sans-serif;
}
.user-inner-main-template .theme-account-page-wrap {
 padding: 0px;
}
.user-inner-main-template .ihc-user-page-content-wrapper .iump-form-upload_image .iump-labels-register {
 color: #000;
 font-size: 20px;
 font-family: "Urbanist", sans-serif;
 font-weight: 500;
 line-height: 120%;
 letter-spacing: -0.2px;
 padding-left: 0px;
}
.user-inner-main-template .ihc-user-page-content-wrapper .iump-form-upload_image .ihc-upload-image-wrapper {
 display: flex;
 align-items: center;
 gap: 40px;
}
.user-inner-main-template .ihc-user-page-content-wrapper .iump-form-upload_image .ihc-upload-image-wrapper .ihc-upload-avatar:before {
 content: '';
 position: absolute;
 width: 17px;
 height: 17px;
 background-repeat: no-repeat;
 background-image: url('../images/imgupload.svg');
 left: 14px;
}

.user-inner-main-template .ihc-user-page-content-wrapper .iump-form-upload_image .ihc-upload-image-wrapper .ihc-upload-avatar {
 border-radius: 37px;
 background: #232323;
 border: 1px solid #232323;
 color: #fff;
 font-size: 16px;
 font-family: "Urbanist", sans-serif;
 font-weight: 700;
 letter-spacing: -0.16px;
 line-height: 120%;
 height: 41px;
 display: flex;
 align-items: center;
 position: relative;
 padding-left: 38px;
 padding-right: 20px;
}
.iump-user-page-wrapper .change-password-inner-wrapper{
display: flex;
align-items: flex-start;
}
@media screen and (max-width: 620px) {
 .iump-user-page-wrapper .change-password-inner-wrapper{
  flex-direction: column;
 }
}

.user-inner-main-template .ihc-user-page-content-wrapper .iump-user-page-wrapper.password-change {
 border-top: 1px solid #BEBEBE;
 padding-top: 35px;
}
.user-inner-main-template .ihc-user-page-content-wrapper .iump-user-page-wrapper.password-change .iump-user-page-box-title {
 font-size: 24px;
 font-weight: 600;
 letter-spacing: -0.24px;
 line-height: 120%;
 color: #000;
 text-transform: capitalize;
 font-family: "Urbanist", sans-serif;
}
.user-inner-main-template .ihc-user-page-content-wrapper .iump-user-page-wrapper.password-change .iump-form-password {
 width: 32.9%;
 display: inline-flex;
 flex-direction: column;
}
.user-inner-main-template .ihc-user-page-content-wrapper .iump-user-page-wrapper.password-change .iump-form-password label {
 padding: 0px;
 margin-bottom: 8px;
 color: #232323;
 font-family: "Urbanist", sans-serif;
 font-size: 18px;
 font-weight: 500;
 line-height: 150%;
}
.user-inner-main-template .ihc-user-page-content-wrapper .iump-user-page-wrapper.password-change .ihc-strength-wrapper {
 margin-top: 6px;
 margin-right: 0px;
 display: none;
}
.user-inner-main-template .ihc-user-page-content-wrapper .iump-user-page-wrapper.password-change .iump-submit-form {
 margin: 0px;
}

.user-inner-main-template .ihc-user-page-content-wrapper .ich_level_wrap {
 border-radius: 12px;
 border: 1px solid #FFF;
 background: #FFF;
 box-shadow: 0 0 17.1px 0 rgba(0, 0, 0, 0.05);
 display: flex;
 overflow: hidden;
}
.user-inner-main-template .ihc-user-page-content-wrapper .ich_level_wrap .ihc-level-item {
 width: 100%;
 max-width: 300px !important;
 min-width: auto;
}

.user-inner-main-template .ihc-user-page-content-wrapper .ich_level_wrap .ihc-level-item .ihc-level-item-wrap .ihc-level-item-top {
 background: transparent;
 border-bottom: 1px solid #F1F1F1;
}
.user-inner-main-template .ihc-user-page-content-wrapper .ich_level_wrap .ihc-level-item .ihc-level-item-wrap .ihc-level-item-top .ihc-level-item-title {
 color: #000;
 font-size: 20px;
 text-transform: capitalize;
 font-weight: 600;
 font-family: "Urbanist", sans-serif;
 padding: 20px;
 line-height: 120%;
}
.user-inner-main-template .ihc-user-page-content-wrapper .ich_level_wrap .ihc-level-item .ihc-level-item-wrap {
 margin: 0px;
 border-width: 0px 1px 0px 0px !important;
 box-shadow: none;
 border-color: #F1F1F1 !important;
 border-radius: 0px !important;
 border-style: solid !important;
 height: 100%;
}
.user-inner-main-template .ihc-user-page-content-wrapper .ich_level_wrap .ihc-level-item .ihc-level-item-content li {
 display: flex;
 align-items: center;
 gap: 10px;
}
.user-inner-main-template .ihc-user-page-content-wrapper .ich_level_wrap .ihc-level-item .ihc-level-item-content li .check-icon img {
 width: 13px;
}


.user-inner-main-template .ihc-user-page-content-wrapper .ich_level_wrap .ihc-level-item:last-child .ihc-level-item-wrap{
 border: none !important;
}


.user-inner-main-template .ihc-user-page-content-wrapper .ich_level_wrap .ihc-level-item .ihc-level-item-wrap .ihc-level-item-price {
 background: transparent;
 font-size: 20px;
 font-weight: 600;
 line-height: 120% !important;
 letter-spacing: -0.2px;
 padding: 24px 35px 13px 36px;
 min-height: auto;
 color: #000;
 font-family: "Urbanist", sans-serif;
 text-align: left;
 display: flex;
 gap: 10px;
 align-items: center;
}

.myseatime-theme-subscription-layout .price-tag .ic-currency{
 padding-right: 3px;
}
.user-inner-main-template .ihc-user-page-content-wrapper .ich_level_wrap .ihc-level-item .ihc-level-item-wrap .ihc-level-item-price .plan-info {
 color: rgba(0, 0, 0, 0.5);
 font-size: 14px;
 font-weight: 500;
 line-height: 107.143%;
 letter-spacing: -0.14px;
 font-family: "Urbanist", sans-serif;
}

.user-inner-main-template .ihc-user-page-content-wrapper .ich_level_wrap .ihc-level-item .ihc-level-item-wrap:hover {
 top: 0px;
 box-shadow: none;
}
.user-inner-main-template .ihc-user-page-content-wrapper .ich_level_wrap .ihc-level-item .ihc-level-item-content{
    text-align: left;
    padding: 70px 35px 20px;
}
.user-inner-main-template .ihc-user-page-content-wrapper .ich_level_wrap .ihc-level-item .ihc-level-item-content li,
.myseatime-theme-subscription-layout.ihc_level_template_9 .ihc-level-item-content .membership-plan-text
{
 color: rgba(40, 40, 40, 0.80) !important;
 font-family: "Urbanist", sans-serif;
 font-size: 14px;
 font-weight: 500;
 line-height: 128.571%;
 list-style: none;
}
.user-inner-main-template .ihc-user-page-content-wrapper .ich_level_wrap .ihc-level-item .ihc-level-item-content li{
 margin-bottom: 13px;
}
.user-inner-main-template .ihc-user-page-content-wrapper .ich_level_wrap .ihc-level-item .ihc-level-item-bottom {
 top: 120px;
 padding: 0px 35px;
}
.user-inner-main-template .ihc-user-page-content-wrapper .ich_level_wrap .ihc-level-item .ihc-level-item-bottom .ihc-level-item-link:hover {
 color: #fff;
}

.user-inner-main-template .ihc-user-page-content-wrapper .ich_level_wrap .ihc-level-item .ihc-level-item-bottom .ihc-level-item-link {
 border-radius: 74px;
 border: 1px solid #08A1EE;
 background: rgba(8, 161, 238, 0.06);
 width: 100%;
 color: #000;
 font-weight: 700;
 font-family: "Urbanist", sans-serif;
 font-size: 14px;
 line-height: 120%;
 text-transform: capitalize;
}
.user-inner-main-template .ihc-user-page-content-wrapper .iump-user-page-wrapper.password-change .ihc-hide-pw {
 top: 14px;
}
.user-inner-main-template .ihc-user-page-content-wrapper .iump-user-page-wrapper.password-change .show-label .ihc-hide-pw{
top:49px;
}
.user-inner-main-template .ihc-user-page-content-wrapper .iump-user-page-box input[type="password"] {
 padding-right: 40px !important;
}
.user-inner-main-template .ihc-user-page-content-wrapper .iump-form-upload_image .ihc-upload-image-wrapper{
 margin-bottom: 20px;
}
.img-upload-help-content
{
color: #000;
font-family: "Urbanist", sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 128.571%;
letter-spacing: -0.14px;
opacity: 0.5;
max-width: 474px;
margin-bottom: 9px;
}

@media screen and (min-width: 993px) and (max-width: 1140px){
 .user-inner-main-template .ihc-user-page-content-wrapper .ihc-ap-menu{
  max-width: 235px;
 }
}

@media screen and (min-width: 768px) and (max-width: 992px){
 .user-inner-main-template .ihc-user-page-content-wrapper .ihc-ap-menu {
  max-width: 240px;
 }
 .user-inner-main-template .ihc-user-page-content-wrapper .iump-user-page-box .iump-register-form div.iump-form-text {
  width: 100%;    
  margin-bottom: 10px;
 }
 .user-inner-main-template .ihc-user-page-content-wrapper .iump-user-page-wrapper.password-change .iump-form-password{
  margin-bottom: 10px;
  width: 100%;
 }

 div.user-rank-wrapper .select2-container {
  width: 100% !important;
 }

}

@media screen and (min-width: 768px) and (max-width: 860px ) {
 .theme-active-subscription-listing.plan-strip{
  flex-direction: column;
 }
 .theme-active-subscription-listing .plan-left{
  width: 100%;
 }
 .theme-active-subscription-listing .plan-right{
  flex-wrap: wrap;
  width: 100%;
 }
}

@media screen and (max-width: 767px){
 .user-inner-main-template .ihc-user-page-content-wrapper{
  flex-direction: column;
 }
 .user-inner-main-template .ihc-user-page-content-wrapper .iump-user-page-box .iump-register-form div.iump-form-text {
  width: 100%;    
  margin-bottom: 10px;
  padding: 0;
 }
 .user-inner-main-template .ihc-user-page-content-wrapper .iump-form-upload_image .ihc-upload-image-wrapper{
  /* flex-direction: column;
  align-items: baseline; */
 }
 .user-inner-main-template .ihc-user-page-content-wrapper .iump-form-upload_image .ihc-upload-image-wrapper .ihc-upload-image-wrapp {
  width: 120px;
 }
 .user-inner-main-template .ihc-user-page-content-wrapper .iump-form-upload_image .ihc-upload-image-wrapper .ihc-upload-image-wrapp img.ihc-member-photo {
  width: 100%;
 }

 div.user-rank-wrapper .select2-container {
  width: 100% !important;
 }
 .user-inner-main-template .ihc-user-page-content-wrapper .iump-user-page-box .iump-register-form{
  padding: 0px;
 }
 .user-inner-main-template .ihc-user-page-content-wrapper .iump-user-page-wrapper.password-change .iump-form-password{
  margin-bottom: 10px;
  width: 100%;
 }

 .user-inner-main-template .ihc-user-page-content-wrapper .ich_level_wrap{
  flex-direction: column;
  box-shadow: none;
  border: none;
  background: transparent;
 }
 .user-inner-main-template .ihc-user-page-content-wrapper .ich_level_wrap .ihc-level-item{
  border: none;
  background: #FFF;
  box-shadow: none;
  margin-bottom: 20px;
  max-width: 100% !important;
  border-radius: 12px;
  overflow: hidden;
 }
 .user-inner-main-template .ihc-user-page-content-wrapper .ich_level_wrap .ihc-level-item .ihc-level-item-wrap .ihc-level-item-price .plan-info br {
  display: none;
 }
 .user-inner-main-template .ihc-user-page-content-wrapper .ich_level_wrap .ihc-level-item .ihc-level-item-wrap .ihc-level-item-price{
  justify-content: center;
 }

 .payments-table table.wp-list-table td {
  padding: 10px 10px !important;
 }
 .user-inner-main-template .ihc-user-page-content-wrapper .ihc-ap-menu{
  max-width: 100%;
 }
 .user-inner-main-template{
  padding-top: 80px;
 }

 .theme-active-subscription-listing.plan-strip{
  flex-direction: column;
}
.theme-active-subscription-listing .plan-left{
  width: 100%;
}
.theme-active-subscription-listing .plan-right{
  flex-wrap: wrap;
  width: 100%;
}

.single-question-detail-page-wrapper #anspress .answer .ap-q-metas{
 flex-wrap: initial;
}
.single-question-detail-page-wrapper .answers-main-wrapper .answer .ap-q-metas{
 width: calc(100% - 60px);
}

}



/********** followers listing css *********/

.followers-wrapper {
 margin-top: 20px;
}

.followers-grid {
 display: grid;
 grid-template-columns: repeat(3, 1fr);
 gap: 24px;
}

.followers-profile-card {
 background: #fff;
 border-radius: 16px;
 padding: 24px;
 text-align: center;
 border: 1px solid #E2E2E2;
}

.followers-avatar {
 width: 76px;
 height: 76px;
 border-radius: 50%;
 object-fit: cover;
 margin-bottom: 12px;
 border: 1px solid #eee;
}

.user-inner-main-template .ihc-user-page-content-wrapper .ihc-ap-wrap .followers-profile-card h4.user-display_name
{
 font-size: 18px;
 font-weight: 500;
 margin-bottom: 4px;
 color: #000;
 line-height: 101%;
 font-family: "Urbanist", sans-serif;
 text-transform: capitalize;
}

.user-inner-main-template .ihc-user-page-content-wrapper .ihc-ap-wrap .followers-profile-card p.user-rankprofile 
{
 font-size: 16px;
 color: #5C6F7C;
 margin-bottom: 11px;
 font-weight: 400;
 line-height: 120%;
 font-family: "Urbanist", sans-serif;
 display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}

.followers-btn {
background: #08A1EE;
border: 1px solid #08A1EE;
color: #fff;
padding: 4px 20px 4px;
border-radius: 999px;
font-size: 16px;
cursor: pointer;
font-weight: 700;
line-height: 120%;
letter-spacing: -0.16px;
font-family: "Urbanist", sans-serif;
height: 34px;
 }
 .user-follow-card span.msg{
 display: flex;
 flex-direction: column;
 font-size: 14px;
 padding: 5px 0 2px 0;
 }
 .user-follow-card span.msg.err{
  color: red;
 }

.followers-btn:hover {
 background: #08A1EE;
}

/* Tablet */
@media (max-width: 991px) {
 .followers-grid {
   grid-template-columns: repeat(2, 1fr);
 }
}

/* Mobile */
@media (max-width: 575px) {
 .followers-grid {
   grid-template-columns: 1fr;
 }
}
/********** followers listing css end *********/

/*login modal css start */
.theme-custom-login-modal .ihc-login-form-wrap {
 padding: 10px 0 10px 0;
}
.theme-custom-login-modal .ihc-login-form-wrap .impu-form-line-fr:hover {
 box-shadow: none;
 background: transparent;
}
.theme-custom-login-modal .ihc-login-form-wrap .impu-form-line-fr {
 border-radius: 10px !important;
 border: 1px solid #D9D9D9;
 font-size: 18px;
 color: #232323;
 line-height: 150%;
 outline: none;
}
.theme-custom-login-modal .ihc-login-form-wrap .impu-form-line-fr i.fa-ihc {
 margin-top: 3px;
}
.theme-custom-login-modal .ihc-login-form-wrap .impu-form-line-fr input {
 outline: none;
 border-radius: 10px!important;
 -webkit-border-radius: 10px !important;
 -moz-border-radius: 10px !important;
 -o-border-radius: 10px !important;
}
.theme-custom-login-modal .ihc-login-form-wrap .impu-form-line-fr.impu-form-submit input {
 background: #08A1EE !important;
 border-radius: 37px !important;
 max-width: 125px !important;
 width: 100% !important;
 border: 1px solid #08A1EE !important;
 min-width: 149px;
 font-size: 16px !important;
 height: 41px !important;
 line-height: 1.2 !important;
 padding: 10px 20px !important;
 letter-spacing: -0.16px;
 cursor: pointer;
 min-height: 41px !important;
 font-family: "Urbanist", sans-serif;
 color: #fff !important;
 text-transform: capitalize;
}
.theme-custom-login-modal .ihc-login-form-wrap .impu-remember-wrapper {
 padding-left: 0px;    
 margin-top: 3px;
}
.theme-custom-login-modal .ihc-login-form-wrap .impu-remember-wrapper input.impu-form-input-remember {
 margin-top: -3px;
 margin-right: 0px;
}
.theme-custom-login-modal .ihc-login-template-11 .impu-form-links-pass, 
.theme-custom-login-modal .ihc-login-template-9 .impu-form-links-pass
{
 margin-top: 6px;
}
.theme-custom-login-modal .ihc-login-form-wrap .impu-form-links-pass a {
 color: #08A1EE;
}
.theme-custom-login-modal .ihc-login-form-wrap .impu-form-links-reg a {
 color: #08A1EE;
}
/*login modal css end */

/*** checkout page css start ***/
.ihc-checkout-page-box-wrapper{
text-align: center;
}
#ihc-checout-page-purchase-button-section .ihc-purchase-wrapper input[type="submit"],
.ihc-checkout-page-box-wrapper .ihc-loading-purchase-button
{
 background-color: #08A1EE !important;
 border-radius: 38px;
 width: 70% !important;
}

/**checkout page css end ***/
/*** active subscription listing  ***/
.theme-active-subscription-listing.plan-strip {
 background: linear-gradient(90deg, #55BFF4 0%, #0F8BC9 100%); 
 border-radius: 12px;
 padding: 12px;
 display: flex;
 align-items: center;
 justify-content: space-between;
 gap: 10px;
 max-width: 900px;
 width: 100%;
 color: #fff;
 font-family: "Urbanist", sans-serif;
 margin-bottom: 10px;
}
.theme-active-subscription-listing.plan-strip.lastchild{
 margin-bottom: 40px;
}
.theme-active-subscription-listing .plan-left {
 display: flex;
 align-items: center;
 gap: 12px;
}

.theme-active-subscription-listing .badge {
 background: #0B87C6;
 padding: 4px;
 border-radius: 3px;
 font-size: 18px;
 font-weight: 600;
 display: inline-flex;
 align-items: center;
 gap: 6px;
 /* line-height: 120%; */
 color: #fff;
 font-family: "Urbanist", sans-serif;
}
.theme-active-subscription-listing .plan-right .ihc_account_level_status > span.ihc-level-status-set-Active {
 border: 1px solid #FFF;
 background: #65E26B;
 border-radius: 25px;
}

.theme-active-subscription-listing .plan-type {
 font-size: 18px;
 font-weight: 600;
 line-height: 120%;
 letter-spacing: -0.18px;
 color: #fff;
}

.theme-active-subscription-listing .plan-right {
 display: flex;
 align-items: center;
 gap: 10px;
}
.theme-active-subscription-listing .plan-right .ihc-level-end-time-wrapp {
 color: #fff;
 font-family: "Urbanist", sans-serif;
 font-size: 14px;
 font-style: normal;
font-weight: 500;
line-height: 128.571%;
}

.theme-active-subscription-listing .ihc-account-subscr-list .ihc-level-end-time-wrapp:before 
{
 content: " - ";
 padding: 0 5px;
}


.theme-active-subscription-listing .price {
 font-size: 16px;
 font-weight: 600;
 color: #FFF;
 line-height: 120%;
 letter-spacing: -0.32px;
}
.theme-active-subscription-listing .price .inr {
 color: #DFDFDF;
 font-size: 20px;
}
.theme-active-subscription-listing.plan-strip .plan-right .ihc-subscription-table-actions .iump-subscription-table-button{
 background: #fff;
 color: #000;
 border: none;
 padding: 5px 13px !important;
 border-radius: 74px;
 font-size: 14px;
 font-weight: 700;
 cursor: pointer;
 transition: all 0.2s ease;
 line-height: 1;
 height: 35px;
 text-align: center;
 font-family: "Urbanist", sans-serif;
}

.theme-active-subscription-listing .plan-left .ihc-level-name .ihc-level-status-set-Hold {
 color: #fff;
}
.theme-active-subscription-listing .plan-left .ihc-level-type-wrapp {
 color: #fff;
 min-width: 130px;
 font-size: 11px;
}
.theme-active-subscription-listing .price .ihc-subscription-table-price {
 color: #fff;
 font-family: "Urbanist", sans-serif;
 font-size: 18px;
 font-style: normal;
font-weight: 600;
line-height: 120%;
letter-spacing: -0.18px;

}
.theme-active-subscription-listing .plan-right .ihc-level-start-time-wrapp {
 color: #fff;
 font-family: "Urbanist", sans-serif;
 font-size: 14px;
 line-height: 128.571%;
}
.theme-active-subscription-listing .plan-right .ihc_account_level_status .ihc-level-status-set-Hold,
.theme-active-subscription-listing .plan-right .ihc_account_level_status .ihc-level-status-set-Cancelled,
.theme-active-subscription-listing .plan-right .ihc_account_level_status .ihc-level-status-set-Expired
{
 background: #e93b3b;
}
.theme-active-subscription-listing .plan-right .ihc_account_level_status .process {
 background: #1f931f;
}

.theme-active-subscription-listing .plan-right .ihc_account_level_status > span{
 color: #fff;
 padding: 3px 7px;
 border-radius: 6px;
 font-weight: 500;
 font-family: "Urbanist", sans-serif;
 font-size: 12px;
 font-style: normal;
font-weight: 600;
line-height: 150%;
}
.theme-active-subscription-listing.plan-strip .plan-right .ihc-subscription-table-actions {
 width: auto !important;
 display: flex;
 gap: 10px;
 max-width: initial !important;
}
.theme-active-subscription-listing.plan-strip .plan-right .iump-subscription-table-button {
 align-items: center;
 display: flex;
}
.theme-active-subscription-listing.plan-strip .plan-right .iump-subscription-table-button span {
 background: transparent !important;
 color: #000000 !important;
 min-width: auto !important;
 width: 100%;
 display: flex;
 padding: 0px;
font-family: "Urbanist", sans-serif !important;
font-weight: 700;
font-size: 14px;
font-style: normal;
}
button.swal2-confirm.swal2-styled{
 background: #08A1EE !important;
}
.ihc-account-subscr-list .ihc-subscription-table-actions .iump-subscription-table-button a{
 background-color: inherit !important;
 color: #000 !important;
  font-family: "Urbanist", sans-serif !important;
  font-weight: 700;
  font-size: 14px;
  font-style: normal;
}
/***** end ***/

/** order history ***/
.custom-table {
 border: 1px solid #EBEBEE;
 border-radius: 12px;
}
.payments-table table.wp-list-table {
 border: none !important;
 margin: 0;
 border-radius: 12px;
 overflow: hidden;
}
.payments-table table.wp-list-table thead {
 background: #fff !important;
}
.payments-table table.wp-list-table thead tr th {
 background: #fff;
 padding-block: 15px !important;
 border-color: #EBEBEE !important;
 border-style: solid !important;
 border-width: 0px 0px 1px 0px !important;
 font-size: 20px !important;
 font-family: "Urbanist", sans-serif !important;
 text-align: left !important;
 color: #000;
 font-style: normal;
}
.payments-table table.wp-list-table thead tr th.ihc-content-left{
 padding-left: 26px;
}
.payments-table table.wp-list-table thead tr {
 background: transparent;
}
.payments-table table.wp-list-table tbody tr td {
 background: #fff !important;
 color: #5C6F7C;
 font-weight: 400;
 font-size: 16px !important;
 font-family: "Urbanist", sans-serif !important;
 line-height: 120%;
 text-align: left;
}
.payments-table table.wp-list-table tbody .level-payment-list .price-sep{
padding-right: 3px;
}

.payments-table table.wp-list-table tbody tr:hover td{
 background-color: #F3F4F6 !important;
}
.payments-table table.wp-list-table tbody td[data-title="Code"] {
 color: #000;
 font-weight: 500;
 font-size: 18px !important;
 padding-left: 24px;
 line-height: 101%;
}
.payments-table table.wp-list-table tfoot {
 display: none;
}
.payments-table table.wp-list-table tbody td .ihc-level-name {
 color: #5C6F7C !important;
 font-weight: 400;
}
.payments-table table.wp-list-table tbody td.pending {
 color: #0978F2;
}
.payments-table table.wp-list-table tbody td.success,
.payments-table table.wp-list-table tbody td.completed
{
 color: #0EAD69;
}
.payments-table table.wp-list-table tbody td.rejected {
 color: rgba(193, 11, 14, 0.80);
}

/**end ***/

/*
** edit profile rank profile dropdown css
**/
.ihc-form-line-wrapper.edit-profile.rankprofile-wrapper {
 padding-left: 5px;
}
.user-rank-wrapper .select2-container{
 width: 48% !important;
}
.edit-profile .user-rank-wrapper .selection .select2-selection.select2-selection--single{
 width: 100%;
 padding: 16px;
 background: transparent;
 border: 1px solid #D9D9D9;
 border-radius: 12px;
 color: #232323;
 font-size: 16px;
 outline: none;
 line-height: 150%;
 font-weight: 400;
 height: 58px;
}
.edit-profile .user-rank-wrapper .selection .select2-selection.select2-selection--single .select2-selection__arrow 
{
 top: 18px;
 right: 10px;
}
.user-inner-main-template .ihc-user-page-content-wrapper .iump-user-page-wrapper.child-theme 
.iump-register-form div.iump-form-text.iump-form-user_profile{
 display: none;
}

.edit-profile .user-rank-wrapper .select2-container .select2-selection--single .select2-selection__rendered{
 padding-left: 0px;
}


.ihc-form-line-wrapper.edit-profile label{
 color: #000;
 font-size: 20px;
 font-family: "Urbanist", sans-serif;
 font-weight: 500;
 line-height: 120%;
 letter-spacing: -0.2px;
}
.ihc-form-select-wrapper.user-rank-wrapper{
 padding-top: 10px;
}
.page-template-template-user-inner-pages div#croppicModal{
 display: flex !important;
}
.page-template-template-user-inner-pages .ihc-croppicModalObj{
 margin:auto !important;
}

/***end ***/
/*Checkout page css */
.ihc-checkout-page-box-wrapper.ihc-purchase-wrapper .ihc-loading-purchase-button {
 margin: auto;
}
/**/
/**thank you css */
.checkout-thanks-template {
 height: calc(100vh - 112px);
 padding-top: 60px;
}
.thank-for-purchase {
 display: flex;
 flex-direction: column;
 height: 100%;
 align-items: center;
 justify-content: center;
 font-family: "Urbanist", sans-serif;
}
.thank-for-purchase .entry-content {
 height: auto;
 margin-top: 10px;
}
.thank-for-inner {
 max-width: 550px;
 border: 1px solid #eee;
 padding: 40px 30px;
 border-radius: 20px;
 display: flex;
 flex-direction: column;
 align-items: center;
 justify-content: center;
 text-align: center;
 background: #fcfeff;
}
.thank-for-purchase .entry-content div {
 display: flex;
 flex-direction: column;
 gap: 10px;
}
/******* end *****/


.post-question-answer div#ap-drop-area div#ap-form-main {
 padding-inline: 0px;
 padding-top: 0px;
}

@media screen and (min-width: 361px) and (max-width: 520px){
 div.mce-inline-toolbar-grp {
  max-width: 65% !important;
 }
 div.mce-inline-toolbar-grp .mce-container-body.mce-flow-layout {
  width: 100%;
 }
 div.mce-inline-toolbar-grp .mce-container-body.mce-flow-layout .mce-container {
  width: 100%;
 }



}

@media screen and (max-width: 420px){
 .answers-wrappers .ap-draft-wrapper {
  width: 100%;
 }
 .answers-wrappers .ap-draft-wrapper button.ap-btn.ap-answer-draft-btn {
  margin-left: 0px;
 }
 

}

@media (max-width: 361px) {
 .ihc-mobile-bttn-wrapp {
     display: none;
 }
}

@media screen and (max-width: 360px){
 div.mce-inline-toolbar-grp {
  max-width: 220px !important;
 }
 div.mce-inline-toolbar-grp .mce-last.mce-btn-group {
  width: 100%;
 }
 div.mce-inline-toolbar-grp .mce-container-body.mce-flow-layout {
  width: 100%;
}
div.mce-inline-toolbar-grp .mce-container-body.mce-flow-layout .mce-container {
 width: 100%;
}



}


.label-wrap:before {
 position: absolute;
 content: attr(attr);
 top: -25px;
 color: #232323;
 font-size: 18px;
 font-style: normal;
 font-weight: 600;
 line-height: 150%;
 font-family: "Urbanist", sans-serif;
}

.label-wrap {
 margin-top: 25px;
}