/*
Theme Name: Knor Child
Theme URI: http://gossipthemes.com/minerva
Template: knor
Author: Gossip Themes
Author URI: http://gossipthemes.com
Description: Digital Agency & Sass WordPress Theme
Tags: two-columns,three-columns,four-columns,right-sidebar,custom-menu,featured-images,full-width-template
Version: 1.0.1698220154
Updated: 2023-10-25 07:49:14

*/



.grid-portfolio-thumb{
    width: 175px !important; 
    height: 255px !important;
}

.grid-portfolio-thumb img{
    height: 250px !important;
    border-radius: 5px ;
    width: 1750px !important;
}
.grid-portfolio-text{
	width: 175px !important;
	display:none;
}
.grid-goal-thumb{
    width: 175px !important; 
    height: 255px !important;
}

.grid-goal-thumb img{
    height: 250px !important;
    border-radius: 5px ;
    width: 1750px !important;
}
.grid-goal-text{
	width: 575px !important;
}
.projects_filter_nav__menu{
	font-size: 18px;		
}

h4.elementor-kit-12 a{
	color: #ffffff !important;
}
.theme-portfolio-item-inner{
	display: table;
    margin: 0 auto;
}
.topics-icon ul li{
	padding: 30px 0px 5px 0px !important;
}

.grid-portfolio-text > div{
	color: #fff;
    font-size: 12px !important; 
}
.grid-portfolio-text a{
    font-size: 15px !important;
	color: #fff !important;
}
.book-thumbnail{
	place-content: end;
	padding-right: 1rem;
	/* display: flex; */ 
}
.book-summary-part{
	/* place-content: start; */
	/* padding-right: 1rem; */
	/* display: flex; */
	text-align: left;
    margin: 0 auto;
}
.biblio-metabox-category{
	text-transform: capitalize;	
}
.biblio-metabox-category ul li{
	list-style: none;
	display: inline-block;
    margin: 0px 10px 0px 0px;
}
.biblio-metabox-category ul li a{
    color: white;
    background: #5d01e6;
    border-radius: 100px;
    width: fit-content;
    padding: 3px 10px 3px 10px;
}

.portfolio-item>img{
	box-shadow: 2px 2px 8px #ababab;
}
.book-thumbnail>img{
	box-shadow: 2px 2px 8px #ababab;
	border-radius: 6px;
}
.portfolio-item>img:hover{
	box-shadow: 5px 5px 15px #ababab;
}
.book-thumbnail>img:hover{
	box-shadow: 0px 6px 12px -1px #ababab;
}

/* Style the tabs */
.summary-tab{
	background-color: #f9f9f9;
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 5px;
    margin-bottom: 20px;
}
.summary-sidebar{

	background-color: #f9f9f9;
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 5px;
    margin-bottom: 20px;
}
.book_author_box{
	background-color: #f9f9f9;
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 5px;
    margin-bottom: 20px;
}
.book-details-tab{
    background-color: #f9f9f9;
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 5px;
    margin-bottom: 20px;
}
.biblio-metabox-category a{
    background: #e7e7e7;
    padding: 10px;
    border: 2px solid #d9d9d9;
    border-radius: 5px;
    width: 150px;
    display: inline-block;
    text-align: center;	
}
.author_box{
	background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 10px;
    margin-bottom: 20px 
}

.tabs {
    display: flex;
    padding: 10px;
    border-bottom: 2px solid #2980b9;
}

.tablinks {
    cursor: pointer;
    padding: 10px 20px;
    border: none;
    color: #000;
    font-size: 16px;
    transition: background-color 0.3s;
}

.tablinks:hover {
    background-color: #2980b9;
}

.tablinks.active {
    background-color: #eef9ff;
	color: black;
    font-weight: 800;
}


/* Style the tab content */
.tabcontent {
  display: none;
  padding: 20px;
}

/* Highlight the active tab */
.active {
  display: block;
}


.review-form{
    margin: 20px 0 0 0;
    background: #f2f2f2;
    padding: 35px 0px 0px 35px;
}


.review-display-box{
    background: #f2f2f2;
    padding: 35px 30px 5px 35px;
}
.individual-review{
    background-color: white;
    padding: 10px 5px 5px 10px;
    margin: 15px 30px 25px 0px;
}	


/* Style for the review form container */
.review-form {
    background-color: #f5f5f5;
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 5px;
    margin-bottom: 20px;
}

/* Style for the form header */
.review-form h3 {
    font-size: 20px;
    margin-bottom: 15px;
}

/* Style for form elements */
.review-form label {
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
}

.review-form select, .review-form input[type="text"], .review-form input[type="email"], .review-form textarea {
    width: 100%;
    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.review-form textarea {
    height: 150px;
}

/* Style for the submit button */
.review-form input[type="submit"] {
    background-color: #007bff;
    color: #fff;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

/* Placeholder styles */
.review-form input::placeholder, .review-form textarea::placeholder {
    font-style: italic;
    color: #999;
}

	
/* Styles for the review-display-box */
.review-display-box {
    background-color: #f9f9f9;
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 5px;
    margin-bottom: 20px;
}

/* Styles for the reviews header */
.reviews-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.reviews-header h3 {
    font-size: 24px;
}
.rating{
	font-size: 15px;
}


/* Styles for the sorting dropdown */
.sorting-dropdown select {
    padding: 5px;
    border: 1px solid #ccc;
    border-radius: 5px;
}

/* Styles for individual reviews */
.individual-review {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 10px;
    margin-bottom: 20px;
}

/* Styles for the review-details section */
.review-details {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.reviewer-name {
    font-weight: bold;
}

.review-rating {
    color: #007bff;
}

/* Styles for the review-content section */
.review-content {
    margin-top: 10px;
}

/* Styles for the review-header section */
.review-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.show-rating {
    font-weight: bold;
}

.review-date {
    color: #999;
}

/* Styles for the review-description section */
.review-description {
    line-height: 1.4;
}

/* Styles for the review-actions section */
.review-actions, .share-options {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
}

/* Styles for the like button */
.like-button, .comment-button {
    cursor: pointer;
    color: #007bff;
}

/* Styles for share button */
.share-button {
    cursor: pointer;
    color: #007bff;
    display: inline-flex;
    align-items: center;
}

/* Styles for the share-options section */
.share-options {
    display: none;
    position: absolute;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 5px;
    top: -35px; /* Position the share options above the share button */
}

/* Styles for individual share options */
.share-options a {
    display: block;
    color: #007bff;
    text-decoration: none;
    margin-bottom: 5px;
}

/* Hover effect to show share options */
.share-button:hover + .share-options {
    display: block;
}

.reviews-header h2{
	font-size: 20px !important;
}
.web-audio-player h2{
	font-size: 20px !important;
}
#table-of-contents h2{
	font-size: 20px !important;
}

.book_container{
	background: #eef9ff;
    border-radius: 20px;
    border: 1px solid #e6ebef;
    box-shadow: unset;
}

.author_box img{
	border-radius: 10%;
    /* width: 90px;  */
    /* height: 90px; */
}
.FeaturedPerson{
	width: 150px;
}

.star-rating {
    display: inline-block;
    font-size: 24px; /* Adjust the font size as needed */
}

.star {
    color: gold; /* Change the color to your preference */
}
.half-star {
    color: #ffc107; /* Yellow color for half star */
}

.audio-player audio{
	width: 280px;
    margin: 50px 15px 0px -5px;
}

#post-description h3{
	font-size: 15px !important;
    padding: 25px 0 0 0 !important;
}


/* Ensure the gallery container allows horizontal scrolling */
#gallery-1 {
  overflow-x: clip;
  white-space: normal;
  font-size: 0; /* Removes the space between inline-block elements */
	text-align: center;
}

/* Style each gallery item */
.gallery-item {
  display: inline-block;
  font-size: initial; /* Reset font-size to default */
  vertical-align: top; /* Align the tops of the gallery items */
  margin-right: 10px; /* Add space between gallery items */
}

/* Style the divs that contain the images */
.gallery-icon.portrait {
  width: 225px; /* Set the width of the image container */
  height: 250px; /* Set the height of the image container */
  overflow: hidden; /* Hide the overflow to maintain the square shape */
}

/* Style the images within each gallery icon */
.gallery-icon.portrait img {
  width: 80%;
  height: auto;
}



.theme_review__innerSingle.row.tesimonials-slide-new > div.col-xl-4.col-md-6{
	margin: 0px 0px 25px 0;
}

#titleCount{
	color: #fff;
    font-size: 23px;
    transition: color 0.3s ease, font-size 0.3s ease;
    background-color: #1e1c24;
    border-radius: 100px;
    padding: 8px;
    border: 3px solid #bdbdbd;
    width: 275px;
}
#updateTitle a {
    transition:none !important;
}
.timeline_image img{
		
}


#updateTitle .active {
    border: 3px #fff;
    padding: 3px 15px 3px 20px !important;
    border-radius: 20px !important;
    box-shadow: 1px 1px 2px 0px;
    border-style: solid;
}


.goal-filter li{
	margin: 0 0 0 0;
    padding: 5px 20px 5px 20px;
    border: 2px solid #ddd;
    border-radius: 17px;
}
.project-filter-itemlist div{
	margin: 0 auto;
    display: contents;
}

#opacityspacer{
	position: absolute;
	width: 100%;
	height: 200px;
	left: 0;
	bottom: 0;
	background: linear-gradient(180deg,hsl(20deg 82% 98% / 0%),#ffffff);
	margin:0px 0px 93px 0px;
}
.fa-star::before{
	font-size: 16px !important;
    color: #ffbc08 !important;
}
#line{
	width: 58%;
    height: 3px;
    background-color: #f9e8e8;
    text-align: center;
    margin: 0 auto;
}
#circle{
	width: 25px;
  	height: 25px;
  	border-radius: 50%;
  	background-color: #fff; 
	position: absolute;
    top: -10px;
	left:250px;
	margin : 0 0 0 175px;
}
.elementor-tabs-wrapper .elementor-active {
	border-radius: 100px;
    background-color: #6230f4 !important;
    color: #fff !important;
}

@media only screen and (max-width : 320px) {
	.elementor-tab-title.elementor-active {
		background-color: #6230f4 !important;
		color: #fff !important;
	}
	h1 {
    font-size: 30px;
}
.post-meta-date-box{
    font-size: 14px;	
}
.post-category-box{
    font-size: 14px;
}
.page-header-short-description p{
    font-size: 15px;
}
.single-one-bwrap{
    padding-top: 20px !important;
}
#Famous_quotes ol > li:before{
    height: 130px;	
}
#Famous_quotes ol > li{
    height: 130px;
    margin: 0px 0px 25px 0em;	
}
.breadcrumb-header-inner ul li{
    font-size: 16px;
}
.main-widget-buttons{
	display: grid;
  	width: 255px;
}	
.book-widget-details{
		display: grid;
	}
	
}

    /* Extra Small Devices, Phones */ 
@media only screen and (max-width: : 480px) {
	.elementor-tab-title.elementor-active {
		background-color: #6230f4 !important;
		color: #fff !important;
	}
	h1 {
    font-size: 30px;
}
.post-meta-date-box{
    font-size: 14px;	
}
.post-category-box{
    font-size: 14px;
}
.page-header-short-description p{
    font-size: 15px;
}
.single-one-bwrap{
    padding-top: 20px !important;
}
#Famous_quotes ol > li:before{
    height: 130px;	
}
#Famous_quotes ol > li{
    height: 130px;
    margin: 0px 0px 25px 0em;	
}
.breadcrumb-header-inner ul li{
    font-size: 16px;
}

	
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
	.elementor-tab-title.elementor-active {
		background-color: #6230f4 !important;
		color: #fff !important;
	}
	.book-widget-info-container {
        display: flex;
        flex-direction: column;
    }
    
    .book-widget-thumbnail,
    .book-widget-details {
        width: 100%;
    }

	
	
}


.elementor-tab-title{
	background: #f3f3f3;
    margin: 0 0 10px 0px;
	border-radius: 100px;
}
#projects-filter-menu-new li{
	border: 2px solid #fff;
    border-radius: 40px;
    padding: 5px 20px 5px 20px;
}
.challenge_align{
	margin: 0 auto;
	
}
.projects_filter_nav__menu .active{
	    background-color: #6f619b;
}
.projects_filter_nav__menu li:hover{
	    background-color: #6a58a3;
}



.portrait{
    width: 30%;
    height: 200px;
    display: flex;
    gap: 5px;
}

.portrait img{
    width: 10%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
    border: 2px solid white;
    transition: all 0.3s;
    cursor: pointer;
}



@media (min-width: 768px)
.elementor-image-gallery .gallery-columns-10 .gallery-item {
    max-width: 16% !important;
}


#summary{
	font-family: 'Be Vietnam Pro', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 22px;
}
#summary h2{
	font-family: 'Be Vietnam Pro', sans-serif;
	font-weight: 700;
	font-size: 28px;
    margin: 25px 0 12px 0;
}
#summary span{
	font-family: 'Be Vietnam Pro', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 21px;
}
#summary p{
	font-family: 'Be Vietnam Pro', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 21px;
	color: #000;
}
.summary_cta{
	background: #faf9ff;
    padding: 25px 0px 0px 0px;
}
.summary_cta h4{
	font-family: 'Be Vietnam Pro', sans-serif;
	font-size: 25px;
    line-height: 2;
}
.summary_cta p{
	font-family: 'Be Vietnam Pro', sans-serif;
	font-size: 18px;
    font-weight: 100;
}
.summary_cta ul li{
	font-family: 'Be Vietnam Pro', sans-serif;
    font-size: 18px;
    line-height: 1.2;
    font-weight: 500;
}
.summary_cta a{
	font-family: 'Be Vietnam Pro', sans-serif;
}
#quotes li{
	font-family: 'Be Vietnam Pro', sans-serif;
	font-size: 18px;
}
#quotes cite{
	font-family: 'Be Vietnam Pro', sans-serif;
	font-size: 18px;
}

#toi-summary{
	margin: 40px 0 0 0;
}
#toi-summary ul li{
	list-style: none;
}
#toi-summary ul li {
    position: relative;
}
#toi-summary ul li:after {
	content: "🔒";
    position: absolute;
    right: 0;
    margin-left: 5px;
    color: #333;
    display: inline-block;
	border-bottom: 2px solid #dfdfdf;
}
#toi-summary ul li{
	border-bottom: 2px solid #e5e5e5;
	font-size: 16px;
}
#toi-headings{
	text-align: center;
    text-decoration: underline;
    text-decoration-style: double;
    margin: 30px 0px 35px 0px;	
}

#insights h2{
	font-size: 20px;
}
#quotes h2{
	font-size: 20px;
}
.book_container {
    /*  max-width: 800px;   */
    margin: 20px auto;
    background-color: #fff;
    padding: 20px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}



/* Apply styles for the first page */
.tabcontent:nth-child(1) {
    display: block;
}

/* Apply styles for the second page */
.tabcontent:nth-child(2),
.tabcontent:nth-child(3) {
    display: none;
}



h2 {
    color: #333;
}

p {
    color: #666;
    line-height: 1.5;
}

.inside {
    margin-top: 20px;
    border-top: 1px solid #ddd;
    padding-top: 20px;
}

ol {
    padding-left: 20px;
}

li {
    margin-bottom: 10px;
}

.book_app_promotion{
	margin: 30px 0 0 0
}
.book_app_promotion img{
	width: 150px;
}
.header-signup-btn a:hover {
	background-color: #462BD0;
}

#sumamry_feature_box {
      background-color: whitesmoke;
      padding: 25px 30px 40px 40px;
      margin: 0px 0px 0px -40px;
      z-index: 100;
      width: 798px;
}


/* Pagination Styles */
.book_pagination {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

.book_pagination a {
    padding: 8px 16px;
    margin: 0 4px;
    border: 1px solid #ddd;
    text-decoration: none;
    color: #333;
    background-color: #f9f9f9;
    border-radius: 4px;
}

.book_pagination a:hover {
    background-color: #ddd;
}

.book_pagination .current {
    background-color: #6230f4;
    color: #fff;
}
.page-numbers{
	padding: 8px 16px;
    margin: 0 4px;
    border: 1px solid #ddd;
    text-decoration: none;
    color: #333;
    background-color: #f9f9f9;
    border-radius: 4px;
} 
/* Dropdown Styles */
#book-sorting-dropdown {
    padding: 10px;
    font-size: 16px;
    border: 1px solid #ddd;
    border-radius: 4px;
	right: 81px;
    position: absolute;
    margin: -34px 0 0 0;
}
.explore_book_card section{
	display: inline-flex;
}

/* Adjust the styles as needed for your design */



.header-burger-btn {
       display: inline-block;
}
.line {
    width: 30px;
    height: 3px;
    background-color: #333;
    margin: 6px 0;
    transition: 0.4s;
}
.cross .line:nth-child(1) {
    transform: rotate(-45deg) translate(-6px, 8px);
}

.cross .line:nth-child(2) {
    opacity: 0;
}
.cross .line:nth-child(3) {
    transform: rotate(45deg) translate(-4px, -6px);
}

#menu{
  	display: none;
	list-style: none;
    background: #fff;
    width: 140px;
    border-radius: 5px 5px 5px 5px;
    padding: 5px 0px 0px 15px;
    text-decoration: none;
    position: absolute;
	border: 2px solid #ebebeb;
}
.celebrity_profile{
	color:  #000;
}
.custom-text-left {
    text-align: left;
}
.social-links-container .social-link i{
	font-size: 15px;
    background-color: #ffffff;
    border-radius: 5px;
    padding: 5px;
    margin: 5px 10px 0px 0px;
    border: 3px #bfcafb;
    border-style: outset;
}
.contribution_type{
    display: inline;
    background: #fff;
    padding: 7px 14px;
    margin-bottom: 6px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .05em;
    text-transform: uppercase;
	border: 2px solid #d5d5d5;
}
.celebrity_thumb{
	width: 250px;	
}
.celebrity_thumb img{
	border-radius: 10%;
    border: 3px solid #c6c9cd;
/*    width: 325px;    */
/*    height: 225px;  */
}
.knor-team-meta{
	font-style: italic;
    font-weight: 600;
}
.selected-roles .role {
	padding: 1px 5px 2px 5px;
    border-radius: 3px;
	margin: 0px 5px 0px 0px;
}
.selected-roles a{
	color: #fff;
}
.selected-roles .role {
    background-color: var(--role-color);
}


#breadcrumb-inner ul li{
	display: inline-block;
    font-size: 22px;
    line-height: 1.637;
    font-weight: 500;
    position: relative;
    color: #5F5AFF;
}
#breadcrumb-inner{
	text-align: center;
	margin: 0px 0px 111px 0px;
}

.book-widget-info-container {
    display: flex;
	background-color: #fff;
    padding: 10px;
	border-radius: 10px;
	margin: 35px 0 35px 0px;
	border: 5px #f7f7f7;
    border-style: outset;
}
.book-widget-thumbnail img{
	border-radius: 10px;
	width: 150px;
}
.book-widget-thumbnail {
    margin-right: 20px; 
}
.book-widget-details h3 span{
	font-size: 24px;
}
.book-widget-details i{
	padding: 0 5px 0px 5px;
	}
.book-widget-heading{
	font-size: 27px;
    font-weight: 600;
    margin: 16px 0px 20px 0px;
}
.book-widget-details h2{
	font-size: 25px !important;
}
.book-widget-bg {
    flex: 1;
    background-image: url("../../uploads/2024/02/rotate_image.png");
    background-size: 400px;
    animation: moveImage 10s linear infinite;
	margin: -5px -8px -7px 15px;
}
@keyframes moveImage {
	from { background-position: -25px 622px; }
    to { background-position: -24px 21px }
}

.book-widget-details i{
	font-style: normal !important;
}
.book-widget-details span{
	margin: 0 15px 0px 0px;
}
.read-full-summary-button{
	padding: 7px 20px 9px 20px;
    background-color: #4c00bd;
    border-radius: 50px;
    border: 5px #dbd4caed;
    top: 1px !important;
    position: relative;
    color: white !important;
}
.read-full-summary-button:hover{
	background: url('../../uploads/2024/09/wizdom_inner.png');
	background-color: #ffffff;
    color: black !important;
    border: 2px solid black;
	background-repeat: repeat-y;
    background-position: 1px 2px;
    background-size: 42px;
}
.wizdom-features{
	/* animation: spin 8s linear 0s infinite;  */
	/* -webkit-animation: mover 1s infinite  alternate; */
	/* animation: mover 1s infinite  alternate; */
}
@-webkit-keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}
@keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}
@media only screen and (max-width: 768px) {
	.mt-addons-absolute-element-absolute{
	    top: 10%!important;
	}
}
.wizdom-features{
	background-color: #fffdfd;
    width: 210px;
    padding: 1px 6px 1px 8px;
    border-radius: 3px;
    border: 2px solid #abababcf;
    margin: 15px 0px 10px 0px;
	font-size: 15px;
}
#carousel_slider ul li{
	border: 2px solid #fff;
    border-radius: 25px;
    padding: 5px 20px 5px 20px;
}
.custom_carousel_slider {
  	display: none;
}
.portfolio-item-link img{
	border-radius: 10px;
    box-shadow: 0px 2px 5px 0px;
}
#timeline_image_1, #timeline_image_2, #timeline_image_3, #timeline_image_4 {
    display:none;
	margin: 0px 0px -25px 0px;
}
.custom-page-header{
	background: #faf9ff;
	border-top: 3px solid #d8d4dd;
    margin: 90px 0px 0px 0px;
}
.custom-page-container{
	width: 65%;
	margin-top: 25px;
}
.theme-custom-header{
	text-align: center;
    margin: 5px 0px 75px 0px;
}
.custom-entry-content{
	text-align: justify;
}
#custom-header-color{
	color: #b9b4b4;
}
.owl-prev {
    position: absolute;
    left: 0;
    top: 30%;
	height: 100px;
	width: 50px;
}

.owl-next {
    position: absolute;
    right: 0;
    width: 50px;
    top: 30%;
	height: 100px;
}


.owl-theme .owl-nav [class*="owl-"] {
    color: #FFF;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
        padding-top: 40px;
    background: #0000001A;
        background-color: rgba(0, 0, 0, 0.1);
        background-position-x: 0%;
        background-position-y: 0%;
        background-repeat: repeat;
        background-attachment: scroll;
        background-image: none;
        background-size: auto auto;
        background-origin: padding-box;
        background-clip: border-box;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px;
}


.owl-theme .owl-nav [class*="owl-"]:hover {
    color: #FFF;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
        padding-top: 40px;
    background: #0000001A;
        background-color: rgba(0, 0, 0, 0.1);
        background-position-x: 0%;
        background-position-y: 0%;
        background-repeat: repeat;
        background-attachment: scroll;
        background-image: none;
        background-size: auto auto;
        background-origin: padding-box;
        background-clip: border-box;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px;
}
.wizdom_cover img{
	border-radius: 10px;
    margin: 0 0px 20px 0px;
}
.for_business_form input {
	background-color: #cac4d0 !important;
    border: 2px solid #8b8a8a !important;
    margin: 10px 0 10px 0;
    font-weight: 500 !important;
    font-family: "Trebuchet MS", Sans-serif !important;
	width: 434px;
}
#your_message {
    height: 100px;
	width: 435px;
	background-color: #cac4d0 !important;
}
#country{
    color: #8d8787 !important;
    padding: 16px;
    width: 209px;
    top: -15px;
    position: inherit;
    margin: 0 0px 0px 15px;
    border-radius: 5px;
	background-color: #cac4d0 !important;
}
#employees_count{
    width: 209px;
	float: left;
}
#book-a-call{
	background: #6230f4 !important;
    border-radius: 45px 50px 50px 50px;
    width: 145px;
	height: 50px;
}
#country option{
	background: white !important;
}
#your_name::before {
    content: "\f013";
  font-family: "Font Awesome 5 Free";
  font-style: normal;
  font-variant-caps: normal;
  font-variant-ligatures: normal;
  font-weight: 900;
  height: 16px;
  line-height: 16px;
  text-rendering: auto;
  width: 16px;
  -webkit-font-smoothing: antialiased;
}
.tagline{
	font-size: 18px;
    font-style: italic;
    color: #998787;
}
.book_summary_app_promotion_box{
	background-color: #ededed;
    padding: 25px;
    border-radius: 10px;
	width: 87%;
    margin: 0 auto;
}
#toi-sec{
	font-size: 20px;
    width: 61%;
    display: table;
    margin: 0 auto;
    font-style: inherit;
    font-family: system-ui !important;
}
#get_notification_btn{
	font-size: 17px;
    background-color: #6230F4;
    border-radius: 125px 125px 125px 125px;
	padding: 10px 20px 10px 20px;
    color: white;
}


.book_cover {
  position: relative;
}

.book_cover .book-inside {
  position: absolute;
  width: 92%;
  height: 96%;
  top: 1%;
  left: 16px;
  border: 1px solid #cfcfcf;
  border-radius: 2px 6px 6px 2px;
  background: white;
  box-shadow: 10px 40px 40px -10px #00000030, inset -2px 0 0 #cbcbcb,
    inset -3px 0 0 #dbdbdb, inset -4px 0 0 white, inset -5px 0 0 #dbdbdb,
    inset -6px 0 0 white, inset -7px 0 0 #dbdbdb, inset -8px 0 0 white,
    inset -9px 0 0 #dbdbdb;
}

.book_cover .book__image {
  line-height: 0;
  position: relative;
  border-radius: 2px 6px 6px 2px;
  box-shadow: 6px 6px 18px -2px rgba(0, 0, 0, 0.2),
    24px 28px 40px -6px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease-in-out;
  transform: perspective(2000px) rotateY(-15deg) translateX(-10px) scaleX(0.94);
  cursor: pointer;
}

.book__image img {
  grid-row: 1 / -1;
  grid-column: 1;
  width: 100%;
  border-radius: 2px 6px 6px 2px;
}

.book__image:hover {
  /* transform: perspective(2000px) rotateY(0deg) translateX(0px) scaleX(1);  */
  /* transform-style: preserve-3d; */
  /* box-shadow: 6px 6px 12px -1px rgba(0, 0, 0, 0.1), */
  /*  20px 14px 16px -6px rgba(0, 0, 0, 0.1); */
}

.effect {
  position: absolute;
  width: 20px;
  height: 100%;
  margin-left: 16px;
  top: 0;
  border-left: 2px solid #00000010;
  background-image: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0.2) 0%,
    rgba(255, 255, 255, 0) 100%
  );
  transition: all 0.5s ease;
  z-index: 5;
}
#form_email_field{
    width: 350px;
    height: 59px;
    border: 3px solid #cfcfcf;
    border-radius: 5px 5px;
    padding: 0px 0px 0px 15px;
}
#get_notification_btn{
    border-radius: 6px 6px;
    margin: -78px 0px 0px 283px;
    position: absolute;
}	


.offer_container {
  width: 100%;
  border: 1px solid #ccc;
  padding: 20px;
  border-radius: 10px;
  text-align: center;
  margin: 0 auto;
}

.offer_details {
  margin-bottom: 20px;
}

.offer_details h3 {
  color: #ff6347;
  font-size: 24px;
  margin-bottom: 5px;
}

.offer_details h4 {
  font-size: 20px;
  margin-bottom: 15px;
}

.offer_details p {
  margin-bottom: 10px;
}

.offer_price {
  margin-bottom: 15px;
}

.original_price {
  text-decoration: line-through;
  color: #999;
  margin-right: 10px;
}

.discounted_price {
  font-weight: bold;
  color: #ff6347;
}

.claim_offer_btn {
  background-color: #6230f4;
  color: #fff;
  border: none;
  border-radius: 5px;
  padding: 10px 20px;
  cursor: pointer;
  font-size: 16px;
  transition: background-color 0.3s;
}

.claim_offer_btn:hover {
  background-color: #4b25bd;
}

.billing_info {
  font-size: 14px;
  color: #666;
  margin: 20px 0 0 0;
  font-size: 12px;	
}

.book_usp li{
	list-style: none;
    display: inline-grid;
	text-align: center;
    width: 30%;
	background: #ededed;
    padding: 40px 0 40px 0;
    color: #160b0b;
	margin: 5px;
}
.book_usp li img{
	width: 50px;
    margin: 0 auto;
}
.book_usp strong{
	font-size: 25px;	
}
.mask_box{
	text-align: center;
}
.btn-cntr{
	text-align: center;
    margin: 50px 0px 0px 0px;
    padding: 0 0 50px 0px;
}
.mask_box ul{
	padding-left: 0rem;	
}
.count-number{
	text-decoration : underline double 2px !important;
}
.book_app_scan_promotion img{
	border: 4px double #180707;
	padding: 2px 2px 2px 2px;
}

.social-share-icons i{
	border: 2px solid #5f5aff;
    padding: 10px 12px 10px 12px;
}
.social-share-icons{
	text-align: center;
}
.social-share-icons div{
	font-size:  20px;
}
.social-widget i{
	border: 2px solid #5f5aff;
    padding: 10px 12px 10px 13px;
    margin: 8px 0 0 0;
    width: 42px;
}
.quotes blockquote{
	list-style:  none;
	border-bottom: 1px solid #d7d7d7;
	border-left-style: solid !important;
    border-left-width: 10px !important;
    border-left-color: #5f5aff  !important;
	box-shadow:  1px 0px 15px #dfdfdf;
	padding: 15px !important;
	margin-bottom: 5px !important;
    margin-top: 5px !important;
}
.quotes li{
	text-align:  left;
	margin: 0px 0px 0px 85px;
}
.quotes cite{
	display:  flex;
	margin: 0px 0px 0px 87px;
	font-size: 12px;
}
.quotes blockquote::after{
	border: 2px solid #100909;
}
.rating-segregation li{
	list-style: none;
}

.rating-box{
	margin: 20px 0px 61px 0px;
    background: #ffffff;
    padding: 20px 0px 20px 0px;
    border: 2px solid #ddd;
    border-radius: 5px;
}
.rating-box .score-container, .rating-box .rating-histogram{
	display :  contents;
	vertical-align: middle;
}
.score-container{
	width:20%;
}
.rating-histogram{
	width:70%;
}
.rating-box .score-container .score{
	color: #333;
    font-size: 64px;
    font-weight: 100;
    line-height: 64px;
}
.score-container{
	text-align: center;
}
.rating-segregation{
	margin: 0 0px 0px 25px;
}
.rating-bar {
	display: inline-block;	
    height: 20px; /* Adjust height as needed */
    margin-top: 5px; /* Add spacing between bars */
    border-radius: 5px; /* Optional: Add rounded corners */
}
#quotesContainer{
	padding: 21px 8px 6px 18px;
    background: linear-gradient(#c5b2fdb8, #f4dcdc00);
}
#addquote{
    padding: 22px 35px 29px 31px;
    background: linear-gradient(#6230f429, #f4dcdc00);
}
.quote-breadcrumb{
	text-align: center;
    padding: 30px 0 25px 0;
    margin: 0px 0 35px 0;
}
.quote-breadcrumb li{
	display: inline-flex;
    list-style: none;
    font-size: 22px;
	padding: 5px 5px 2px 5px;
}
.recommended-btn{
	text-align: center;
    margin: 50px 0 50px 0;
}
.cat_sidebar_vis a{
	display: ruby-text;
	margin: 0px 0 0px 0;
    background-color: #faf9ff;
    border-bottom: 1px solid #ededed;
    padding: 10px 0px 10px 5px;
}
.author-container h4{
	margin: 20px 0 2px 0;
	text-align: center;
}
.author-container p{
	font-size: 15px;
	margin: 0 0 25px 0;
	text-align: center;
}
.author-container img{
	height: 225px;
}
.author_bio .author__name{
	font-size: 18px;
}
.author_bio p{
	margin: 5px 0 5px 0;
}

.feature-block-inner{
	padding: 30px 10px 30px 10px;
}


.bg-light {
    background-color: #f8f9fc !important;
}
.section {
    padding-top: 120px;
    padding-bottom: 120px;
    position: relative !important;
}
.service .service-box {
    padding: 20px;
    border-radius: 20px;
    transition: all .3s;
}
.service .service-box:hover {
    box-shadow: 0 5px 13px rgba(60,72,88,.2);
    transition: all .3s;
}
.bg-soft-primary {
    background-color: rgba(0, 118, 163, .2) !important;
}

.login h1 a {
    background-image: url('../../uploads/2023/09/Wizdom-Logo.png') !important;
    background-size: contain;
    width: 100%; /* Adjust as needed */
}

.feature_section {
    background: #f98f1c;
    background: -moz-linear-gradient(-45deg, #f98f1c 0%, #f45442 100%);
    background: -webkit-linear-gradient(-45deg, #f98f1c 0%, #f45442 100%);
    background: linear-gradient(135deg, #f98f1c 0%, #f45442 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f98f1c', endColorstr='#f45442',GradientType=1 );
    content: '';
}
.padding1 {
    padding: 80px 0;
}
.mb-40 {
    margin-bottom: 40px;
}
.align-center {
    text-align: center;
}
.feature_section .section_heading h2, .feature_section .section_heading p {
    color: #fff;
}
.feature_section .section_heading p {
    color: #fff;
}
.feature_list {
    padding: 15px 0;
}
.feature_list ul {
    display: block;
    list-style: none;
    padding: 0;
    margin: 0;
}
.mb-40 {
    margin-bottom: 40px;
}
.feature_list .list_item i {
    background-color: transparent;
    color: #fff;
    border: 2px solid #fff;
    height: 70px;
    width: 70px;
    line-height: 70px;
    text-align: center;
    border-radius: 50px;
    font-size: 24px;
    margin-bottom: 15px;
}
.feature_list h4, .feature_list p {
    color: #fff;
}
.mb-10 {
    margin-bottom: 10px;
}
.feature_list h4, .feature_list p {
    color: #fff;
}
.feature_moc {
    width: 100%;
    padding: 0 20px;
}
.feature_list li{
    list-style: none;
}
.text-right{
	text-align: right;
}

section#lead-capture {
  background: #f7f6f1;
  box-shadow: 0 10px 30px #e8e5df;
  display: flex;
  flex-direction: row-reverse;
  border-radius: 24px;
  overflow: hidden;
  padding: 12px;
  width: calc(100vw - 96px);
  max-width: 800px;
  margin: 48px;
  gap: 36px;
}

section#lead-capture .visuals, 
section#lead-capture .readables {
  width: 100%;
}

section#lead-capture .visuals {
  background: url('https://images.unsplash.com/photo-1616422403639-282145aa3e73?crop=edges&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wzMjM4NDZ8MHwxfHJhbmRvbXx8fHx8fHx8fDE3MDcyNjkyOTV8&ixlib=rb-4.0.3&q=80&w=480');
  background-size: cover;
  border-radius: 12px;
  width: 40%;
}

section#lead-capture .readables {
  width: 60%;
  padding: 0px 0 24px 24px;
}

section#lead-capture .readables li {
  list-style: '✔';
  line-height: 1.75;
  letter-spacing: 0.25px;
}

section#lead-capture .readables li::marker {
  color: #8aff00;
}

section#lead-capture form {
  border-radius: 12px;
  display: flex;
}

section#lead-capture form input[type="email"],
section#lead-capture form :-webkit-autofill {
  border-radius: 12px;
  background: #f7f6f1;
  box-shadow: inset 2px 0 15px rgba(229, 229, 229, 0.15);
  border: none;
  padding: 0 18px;
  line-height: 44px;
  width: 100%;
  color: #6a654b;
  -webkit-text-fill-color: #6a654b;
  transition: 400ms ease all 0s;
}

section#lead-capture form input[type="email"]::placeholder {
  color: rgba(229, 229, 229, 0.5);
  transition: 400ms ease all 500ms;
}

section#lead-capture form input[type="email"]:focus {
  outline: transparent;
  box-shadow: inset 0 0 1px 1px rgba(242, 242, 242, 0.5), inset 2px 0 15px rgba(0, 100, 0, 0.33);
  color: #6a654b;
}

section#lead-capture form input[type="email"]:focus::placeholder {
  color: rgba(229, 229, 229, 0.2);
}

section#lead-capture form input[type="email"]:valid {
  border-radius: 12px 0 0 12px;
  transition: 400ms ease all 500ms;
  box-shadow: inset 0 0 1px 1px rgba(140, 255, 0, 0.5), inset 2px 0 15px rgba(0, 100, 0, 0.33);
}

section#lead-capture form input[type="submit"] {
  border-radius: 0 12px 12px 0;
  border: none;
  background: #93ff67;
  padding: 0;
  width: 0;
  opacity: 0;
  color: #fff;
  font-weight: 600;
  cursor: pointer;
  transition: 400ms ease padding 0s, 400ms ease width 0s, 400ms ease opacity 0s, 400ms ease background 0s;
}

section#lead-capture form input[type="email"]:valid ~ input[type="submit"] {
  padding: 0 18px;
  width: 120px;
  opacity: 1;
  transition: 400ms ease padding 500ms, 400ms ease width 500ms, 400ms ease opacity 500ms, 400ms ease background 0s;
}

section#lead-capture form input[type="email"]:valid ~ input[type="submit"]:hover {
  background: #aaff78;
}

section#lead-capture .readables span.fine-print {
  opacity: 0.75;
  display: block;
  font-size: 12px;
  letter-spacing: 0.25px;
  margin: 18px 0 0;
  position: relative;
  text-align: left;
  padding: 0 0 0 32px;
}

section#lead-capture .readables span.fine-print div.lock-icon svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  opacity: 0.333;
}

#please {
  transition: 400ms opacity 0ms;
}

#thanks {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  height: 0;
  opacity: 0;
  z-index: -1;
  transition: 400ms opacity 400ms;
}

@media screen and (max-width: 800px) {
  margin: 24px;
  #lead-capture {
    flex-direction: row;
  }
  .visuals {
    display: none;
  }
  .readables {
    width: 100%;
    padding-right: 24px;
  }
  span.fine-print {
    max-width: 42ch;
  }
}

.home-content{
	padding: 150px 0 80px 0;
	
}

#special-quotes li{
	color: #003946;
    line-height: 1.5;
    font-size: 31px;
    text-align: center;
    margin: 0 -40px;
    padding: 80px 103px 40px;
    position: relative;
}
#special-quotes li::marker{
	color: #003946;
    line-height: 1.5;
    font-size: 10px;
    text-align: center;
    margin: 0 -40px;
    padding: 80px 103px 40px;
    position: relative;
}

.blogh2{
	background: radial-gradient(#6c23d917, #6230f4);
    margin: 0px 0 0 0;
    padding: 10px 0px 10px 0;	
}
.audioplayer{
	background: #f0f0f0;
    padding: 34px;
}

#play {
    background-image: url(../../uploads/2024/08/play.svg);
	padding: 30px;
    border: none;
}

#play.played {
    background-image: url(../../uploads/2024/08/play1.svg);
	padding: 30px;
    border: none;
}

#pause {
    background-image: url(../../../js-speech-synthesis/pause.svg);
	padding: 30px;
    border: none;
}

#pause.paused {
    background-image: url(../../uploads/2024/08/pause.svg);
	padding: 30px;
    border: none;
}

#stop {
    background-image: url(../../uploads/2024/08/stop.svg);
	padding: 30px;
    border: none;
}

#stop.stopped {
    background-image: url(../../uploads/2024/08/stop1.svg);
	padding: 30px;
    border: none;
}
#track-time {
    display: flex;
    justify-content: space-between;
    margin: 10px 0;
    font-family: Arial, sans-serif;
    font-size: 14px;
}

#s-area {
    position: relative;
    width: 100%;
    height: 10px;
    background: #e0e0e0;
    cursor: pointer;
}

#seek-bar {
    height: 100%;
    width: 0;
    background: #007bff;
}

#s-hover {
    position: absolute;
    height: 100%;
    width: 0;
    background: rgba(0, 123, 255, 0.2);
}

#ins-time {
    position: absolute;
    top: -20px;
    font-size: 12px;
    color: #007bff;
    display: none;
}

.challenge-lines span{
	margin: 0 0 0 15px;
}
.challenge-lines{
	margin: 0 auto;
    display: table;
    padding: 50px 0 50px 0;
}
.awards-box{
	display: inline-flex;
}
.awards-box::before{
	content: '';
    display: block;
    background-image: url('../../uploads/2024/09/left.png');
    width: 38px;
    height: 84px;
    background-repeat: no-repeat;
    background-size: cover;
    
}
.awards-box::after{
	content: '';
    display: block;
	background-image: url('../../uploads/2024/09/right.png');
    width: 38px;
    height: 84px;
    background-repeat: no-repeat;
    background-size: cover;
}
.app_image img{
	width: 25px;
}
.learn_tick img{
	width: 30px;
}
.learn_award{
	background-color: #fea723;
    border: 3px solid #b26b00;
    padding: 10px 15px 10px 15px;
    border-radius: 20px;
}
.amazon_button{
	background-color: orange;
	border:  2px solid #fea723;
	background: url('../../uploads/2024/09/amazon_logo.png') no-repeat left center, orange;
    background-size: 42px 37px;
    display: inline-flex;
    align-items: end;
    padding: 8px 20px 8px 45px;
    border-radius: 30px;
}
.amazon_button:hover{
	background: url(../../uploads/2024/09/amazon_logo.png) no-repeat left center, #ffffff;
	background-size: 40px;
}
.read-full-summary-button{
	padding: 13px 16px 12px 40px;
	background: url('../../uploads/2024/09/Wizdom_white.png') no-repeat left center, #7d50ff;
    background-size: 42px 37px;
	
}
.main-widget-buttons{
	margin: 5px 0px 5px 0;
}

/* Apply the transition and zoom effect to the image */
.zoom-in {
    transition: transform 0.5s ease-in-out; /* Smooth transition for zoom */
    display: block;
    width: 100%;
    height: auto;
    cursor: zoom-in;
    transform-origin: center center; /* Default zoom origin */
}

/* Zoom the image with more zoom effect (bigger scale) */
.zoom-in:hover {
    transform: scale(1.5); /* Zoom in by 2x */
	z-index: 1000;
}

/* Adjust the transform-origin dynamically when the user hovers */
.zoom-in {
    position: relative; /* Ensure proper positioning for hover */
}