.yellow-background > .elementor-heading-title {
    background-color: #ffff00;
    display: inline-block;
}

.icon-title {
    position: relative;
    padding-left: 35px;
}

@media (max-width: 1024px) {
    .icon-title {
        padding-left: 25px;
    }
}

.icon-title::before {
    content: '';
    background: url(../img/check-icon.svg) left top / cover no-repeat;
    position: absolute;
    left: 0;
    top: 50%;
    width: 24px;
    height: 24px;
    transform: translate(0, -50%);
}

@media (max-width: 1024px) {
    .icon-title::before {
        width: 19px;
        height: 19px;
    }
}

/* Accordion styles */
.icon-accordion .e-n-accordion-item-title-header {
    position: relative;
    padding-left: 35px;
}

@media (max-width: 1024px) {
    .icon-accordion .e-n-accordion-item-title-header {
        padding-left: 25px;
    }
}

.icon-accordion.yellow-headings .e-n-accordion-item-title .e-n-accordion-item-title-header .e-n-accordion-item-title-text {
    background-color: #ffff00;
}

.icon-accordion .e-n-accordion-item-title-header::before {
    content: '';
    background: url(../img/check-icon.svg) left top / cover no-repeat;
    position: absolute;
    left: 0;
    top: 50%;
    width: 24px;
    height: 24px;
    transform: translate(0, -50%);
}

.icon-accordion.circle-icon .e-n-accordion-item-title-header::before {
    background: url(../img/circle-icon.svg) left top / cover no-repeat;
}

.icon-accordion.check-icon .e-n-accordion-item-title-header::before {
    background: url(../img/alternative-check-icon.svg) left top / cover no-repeat;
}

@media (max-width: 1024px) {
    .icon-accordion .e-n-accordion-item-title-header::before {
        width: 19px;
        height: 19px;
    }
}

.gray-bg {
    background-color: #f2f4f7;
}

.sticky-tab-bar.elementor-sticky--active {
    width: 100% !important;
    left: 0 !important;

    transition: all .3s ease-in-out;
}

.yellow-span > span {
    background-color: #ffff00;
}

.custom-btn .elementor-button {
    position: relative;
    overflow: hidden;
}

.custom-btn .elementor-button span {
    position: relative;
    z-index: 2;
}

.custom-btn .elementor-button:hover::after {
    width: 100%;
}

.custom-btn .elementor-button::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 0;
    height: 100%;
    transition: all .5s ease-in-out;
    z-index: 1;
}

.custom-btn.yellow-hover .elementor-button::after {
    background-color: #bd6b00;
}

.custom-btn.gray-hover .elementor-button::after {
    background-color: #7c7c7c;
}

.product {
    position: relative;
}

@media (max-width: 767px) {
    .product .product__badge {
        position: absolute;
        left: 50%;
        top: 0;
        transform: translate(-50%, -50%);
    }
}

.page-sidebar {
    position: absolute;
    top: 243px;
    right: 75px;

    max-width: 250px;
}

@media (max-width: 1259px) {
	.page-sidebar {
    	right: 50px;
    }
}

@media (max-width: 1205px) {
	.page-sidebar {
    	right: 25px;
    }
}

@media (max-width: 1155px) {
	.page-sidebar {
        max-width: 235px;
    }
}

@media (max-width: 1125px) {
	.main-content-sidebar,
    .page-time-read__top,
    .page-time-read__description,
    .page-time-read__contents {
    	display: none;
    }
    .page-sidebar {
    	width: 75px;
        height: 75px;
    }
}

.reading-progress {
  position: relative;
  width: 100px;
  height: 100px;
  margin: 0 auto;
}

@media (max-width: 1125px) {
	.reading-progress {
    	width: 75px;
        height: 75px;
    }
    .page-time-read__main {
    	width: 75px;
        height: 75px;
        padding: 0;
    }
    .page-time-read__counter {
    	width: 75px;
        height: 75px;
        padding: 0;
    }
    .page-sidebar {
    	background-color: transparent;
        border-radius: 0;
        border: none;
    }
    .page-time-read {
    	background-color: transparent !important;
        border-radius: 0 !important;
        border: none !important;
    }
    .page-sidebar {
    	position: fixed !important;
    	right: 50px !important;
        bottom: 50px !important;
    }
}

@media (max-width: 950px) {
	.page-time-read__main {
    	display: none;
    }
}



.reading-progress svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: rotate(-90deg);
}

.progress-circle-background circle {
  stroke: #e5e5e5;
  stroke-width: 6;
  fill: none;
}

.progress-circle circle {
  stroke: #007bff;
  stroke-width: 6;
  fill: none;
  stroke-linecap: round;
  transition: stroke-dashoffset 0.3s linear;
}

.percent {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  
  font-family: 'Roboto';
  font-size: 22px;
  font-weight: 500;
  color: #404347;
  line-height: normal;
}

.main-content {
	position: static;
}

.reading-progress .percent {
	
}