/* 
Theme Name: Markology
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Markology is a child theme of Hello Elementor, created by WPValet Team
Author: WPValet Team
Author URI: https://wpvalet.co/
Template: hello-elementor
Version: 2.0.0
Text Domain: markology
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */
html,
body {
	overflow-x: hidden !important;
}

p:last-child{
	margin-bottom: 0 !important;
}

.mlg-blue__title span{
	color: var(--e-global-color-accent)!important;
}

.mlg-light-blue__title span {
	color: #7DA4F4 !important;
}

.mlg-dark-blue__title span{
	color: var(--e-global-color-primary)!important;
}

.mlg-icon-26 {
	height: 26px;
}

.mlg-icon-24 {
	height: 24px;
}

.mlg-starburst img{
	animation: mkSpin 12s linear infinite;
}

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

/* Homepage Popup */
.mlg-home__popup .dialog-close-button {
	justify-content: center;
    align-items: center;
    width: 46px !important;
    height: 46px !important;
    border-radius: 999px !important;
    border: solid 1px #FFF !important;
	outline: none !important
}

.mlg-home__popup .dialog-close-button:focus,
.mlg-home__popup .dialog-close-button:focus-visible {
	outline: none !important;
}

.mlg-home__popup .dialog-close-button .eicon-close {
	transition: transform 0.2s;
}

.mlg-home__popup .dialog-close-button:hover .eicon-close {
	transform: rotate(90deg) !important;
}

@media (max-width: 767px) {
	.mlg-home__popup .dialog-close-button {
		width: 30px !important;
		height: 30px !important;
	}
}

/* Services Box */
.mlg-service__box:hover .elementor-widget-image .elementor-widget-container{
	background-color: #FFFFFF1F;
}

.mlg-service__box:hover img{
	filter: brightness(0) invert(1) !important;
}

.mlg-service__box:hover .elementor-heading-title,
.mlg-service__box:hover p{
	color: #fff !important;
}

/* Sercive Card */
.mlg-service__card:hover .elementor-widget-image img{
	filter: brightness(0) invert(1);
}

.mlg-service__card:hover .elementor-widget-image .elementor-widget-container{
	border-color: var(--e-global-color-accent);
	background-color: var(--e-global-color-accent);
}

.mlg-service__ink{
	transition: all 0.22s ease;
}

.mlg-service__card:hover .mlg-service__ink{
	gap: 10px;
}

/* Pricing Box */
.mlg-pricing__box:hover .elementor-widget-icon-list .elementor-widget-container{
	background-color: #FFFFFF1F;
}

.mlg-pricing__box:hover .elementor-heading-title,
.mlg-pricing__box:hover p,
.mlg-pricing__box:hover .elementor-widget-icon-list .elementor-icon-list-text,
.mlg-pricing__box:hover .elementor-widget-icon-list i{
	color: #fff !important;
}

.mlg-pricing__box:hover a.elementor-button{
	background-color: var(--e-global-color-primary) !important;
}

.mlg-pricing__box:hover .elementor-icon-list-icon svg path{
	stroke: #fff !important;
}

.mlg-pricing__box:hover .elementor-icon-list-icon svg path{
	fill: #fff !important;
}

/* Feedbacks Carousel */
.mlg-feedbacks-carousel__wrapper {
	-webkit-mask-image: linear-gradient(90deg, transparent, #000 7%, #000 93%, transparent);
	mask-image: linear-gradient(90deg, transparent, #000 7%, #000 93%, transparent);
}

.mlg-feedbacks-carousel__wrapper .swiper-wrapper {
	transition-timing-function: linear !important;
}

.mlg-feedbacks-carousel__wrapper .elementor-widget-icon-list {
	white-space: nowrap;
}

.mlg-feedbacks-carousel__wrapper .swiper-slide {
	width: fit-content !important;
}

.mlg-feedbacks-carousel__wrapper .elementor-icon-list-item {
	direction: ltr !important;
}

/* Calendly */
.calendly-wrap {
	max-width: 900px;
	margin: 0 auto;
	border-radius: 24px;
	overflow: hidden;
}

.calendly-inline-widget {
	min-width: 320px;
	height: 680px;
}

@media (max-width: 767px) {
	.calendly-wrap {
		border-radius: 16px;
	}

	.calendly-inline-widget {
		height: 720px;
	}
}

/* Accordion */
.mlg-accordion__light .e-n-accordion-item {
	border-top: solid 1px rgba(7,6,48,0.10) !important;
	padding: 26px 0 !important;
}

.mlg-accordion__light .e-n-accordion-item .e-closed,
.mlg-accordion__light .e-n-accordion-item .e-opened {
	width: 30px !important;
	height: 30px !important;
	justify-content: center;
	align-items: center;
	border-radius: 999px !important;
}

.mlg-accordion__light .e-n-accordion-item .e-closed {
	background-color: #E6E9FF !important;
}

.mlg-accordion__light .e-n-accordion-item .e-opened {
	background-color: var(--e-global-color-accent) !important;
}

/* Main Menu */
.mlg-menu ul.sub-menu.elementor-nav-menu--dropdown {
	padding: 12px !important;
}

.mlg-menu ul.sub-menu.elementor-nav-menu--dropdown > li > a {
	border-radius: 8px !important;
}

.mlg-mobile-megamenu nav .e-n-menu-wrapper ul.e-n-menu-heading,
.mlg-mobile-megamenu nav .e-n-menu-wrapper .e-n-menu-item {
	flex-direction: column !important;
}

.mlg-mobile-megamenu nav .e-n-menu-wrapper li .e-n-menu-content {
	position: relative !important;
	left: 0 !important;
	right: unset !important;
	top: 0 !important;
}

.mlg-mobile-megamenu nav .e-n-menu-wrapper ul.e-n-menu-heading li.e-n-menu-item,
.mlg-mobile-megamenu nav .e-n-menu-wrapper ul.e-n-menu-heading li.e-n-menu-item .e-n-menu-content {
	width: 100% !important;
}

.mlg-mobile-megamenu nav .e-n-menu-wrapper ul.e-n-menu-heading li.e-n-menu-item .e-n-menu-content > div {
	left: 0 !important;
}

.mlg-header__light.sticky-active {
	background-color: #070630 !important;
	border-bottom: solid 1px #FFFFFF2E !important;
}

.mlg-header__dark.sticky-active {
	background-color: #FFFFFF !important;
	border-bottom: solid 1px rgba(7, 6, 48, 0.1) !important;
}

/* Post Content */
.mlg-post-content h2{
	font-size: 28px;
	letter-spacing: .01em;
    margin: 48px 0 16px;
    padding-top: 8px;
    line-height: 1.1;
}

.mlg-post-content h3{
	font-size: 24px;
}

.mlg-post-content h4{
	font-size: 22px;
}

.mlg-post-content h5,
.mlg-post-content h6{
	font-size: 20px;
}

.mlg-post-content p{
	margin-bottom: 20px;
}

.mlg-post-content p:last-child{
	margin-bottom: 0;
}

.mlg-post-content ul {
	margin-bottom: 20px;
}

.mlg-author-photo img {
    object-position: top center;
}

.mlg-post-card img {
    aspect-ratio: 351/200;
    object-fit: cover;
    object-position: center center;
}

@media(max-width: 767px){
	.mlg-post-content h2{
		 margin-top: 20px;
	}
}