/*
Theme Name: Sierra Child
Theme URI: https://sierra.keydesign.xyz/
Description: SaaS & Tech Startup Elementor WordPress Theme
Author: Key-Design
Author URI: http://themeforest.net/user/Key-Design
Template: sierra
Version: 1.0
License: Envato Standard License
License URI: https://themeforest.net/licenses/standard
Tags: one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-menu, featured-images, flexible-header, post-formats, sticky-post, translation-ready
Text Domain: sierra-child
*/

/* blog style */
.blog-wrapper {
    display: flex;
    justify-content: center;
    gap: 20px;
	margin-top: 30px;
}
.blog-wrap {
    display: block;
    min-height: 280px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    flex: 1;
    border-radius: 20px;
	overflow:hidden;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 25px;
	position: relative;
}
.blog-wrap:hover, .plan-box:hover {
    transform: translateY(-5px);
}
.plan-box:hover {
	background-color: #26387D !important;
}
.plan-box:hover .plan-box-icon {
	background-color: #FDCC19 !important;	
}
.plan-box:hover .plan-box-heading h4, .plan-box:hover .plan-box-btn .elementor-button-content-wrapper {
	color: #ffffff !important;
}
.plan-box:hover .plan-box-para p {
	color: #E4E4E4 !important;
}
.blog-wrap:before {
    content: "";
    background: linear-gradient(0, #111827 8%, #11182733 54%, #00000000 99%);
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
}
.blog-heading {
    font-family: "Playfair Display", Sans-serif;
    font-size: 21px;
    font-weight: 700;
    color: #FFE;
    line-height: 28px;
    position: relative;
    margin-bottom: 3px;
}
.blog-wrap .blog-desc {
    font-family: "Inter", Sans-serif;
    font-size: 13px;
    line-height: 19.5px;
    color: #D1D5DC;
    position: relative;
    width: 80%;
}

/* testimonial style */
.testimonial-wrap {
    text-align: center;
    width: 80%;
    margin: auto;
}
.testimonial-box .rating-box {
    display: inline-block;
    background-color: #00b67a26;
    padding: 8px 14px;
    border-radius: 100px;
    font-size: 13px;
    font-family: "Inter", Sans-serif;
}
.testimonial-box .rating-box .star.filled {
    color: #10B981;
	margin: 0 1px;
}
.testimonial-box .rating-box .star.empty {
    color: #f6f6f6;
    margin: 0 1px;
}
.testimonial-box .rating-box .rating-number {
    color: #374151;
    margin-left: 8px;
}
.testimonial-box .testimonial-text {
    font-size: 26px;
    color: #111827;
    font-family: "Playfair Display", Sans-serif;
    margin: 20px 0 35px;
    font-weight: 600;
    line-height: 40.6px;
}
.testimonial-user {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    text-align: left;
    margin-bottom: 30px;
}
.testimonial-name {
    font-family: "Inter", Sans-serif;
    font-size: 15px;
    font-weight: 700;
    line-height: 22px;
    color: #111827;
    margin-bottom: 1px;
}
.testimonial-user .testimonial-desig {
    font-family: "Inter", Sans-serif;
    font-size: 13px;
    font-weight: 500;
    line-height: 18.5px;
    color: #9CA3AF;
    margin-bottom: 0;
}
.trustpilot-img {
    margin: auto;
}
.testimonial-wrapper .slick-dots {
    bottom: -40px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
}
.testimonial-wrapper .slick-dots li {
	width: 12px;
    height: 12px;
    padding: 0;
    margin: 0;
    background-color: #DDE4FF;
    border-radius: 100px;
	transition: .2s all ease-in-out;
}
.testimonial-wrapper .slick-dots li.slick-active {
    background: #26387d;
	transition: .2s all ease-in-out;
	width: 22px;
}
.testimonial-wrapper .slick-dots button {
    width: 100%;
    height: 100%;
	padding: 0;
}
.testimonial-wrapper .slick-dots button:before {
	display: none;
}

/* hero section */
.hero-section-img-wrap {
    position: static;
}
.hero-section-img-wrap .elementor-widget-image {
    position: absolute;
    left: 45%;
    width: 1050px;
    top: 0;
    bottom: 0;
    margin: auto;
}
.other-hero-section {
	background: linear-gradient(170deg, #F7FAFD 6.17%, #D9E0FF 36.85%, #F7FAFD 63.15%, #F7FAFD 93.83%);
}
.other-hero-section:after {
    width: 380px;
    height: 389px;
    border-color: #a855f70d !important;
}
.other-hero-section:before {
    width: 280px;
    height: 289px;
    border-color: #a855f71a !important;
}
.other-hero-section:before, .other-hero-section:after {
	content: "";
    background: transparent;
    position: absolute;
    inset: 0;
    margin: auto;
    border: 1px solid;
    border-radius: 100%;
}

/* powerfull box */
.powerful-box:hover .elementor-element h2, .powerful-box:hover .elementor-element p {
    color: #fff !important;
}

/* Contact form */
.contact-form-wrapper .wpcf7-form input, .contact-form-wrapper .wpcf7-form textarea {
    border-radius: 6px;
    font-family: Inter;
    font-weight: 400;
    font-size: 14px;
    vertical-align: middle;
}
.contact-form-wrapper .wpcf7-form label {
    color: #25387c;
    font-family: Inter;
    font-weight: 400;
    font-size: 14px;
    line-height: 30px;
	display: none;
}
.contact-form-wrapper .wpcf7-form > p {
    margin-bottom: 0;
}
.contact-form-wrapper .wpcf7-form input.wpcf7-submit {
    width: 100%;
    padding: 8px 12px;
    background-color: #FDCC19;
    border-radius: 100px;
}
.contact-form-main-wrapper {
    background: #fff;
    padding: 40px;
    border-radius: 12px;
}
.contact-form-wrapper .wpcf7-form .wpcf7-spinner {
    display: block;
    margin: auto;
}
.contact-form-wrapper .wpcf7-response-output {
    margin: 0 !important;
    font-size: 14px;
}
.contact-form-wrapper .wpcf7-not-valid-tip {
    font-size: 12px;
}
.contact-form-wrapper .keydesign-label {
	margin-bottom: 10px;
}
.contact-form-wrapper .wpcf7-form textarea {
    padding: 10px;
    min-height: 120px;
}
.contact-form-wrapper .wpcf7-form input {
    padding: 10px;
    height: unset;
}
.contact-form-wrapper .inline-form {
    display: flex;
    justify-content: space-between;
}

/* training listing */
.training-listing-wrapper .blog-wrapper {
    flex-wrap: wrap;
}
.training-listing-wrapper .blog-wrap {
    width: 32%;
    flex: unset;
}

/* training detail */
.training-detail-content-section {
	background-image: linear-gradient(180deg, #FFFFFF 0%, #E8ECFF 100%);
	padding: 60px 0px;
}
.training-detail-container {
	max-width: 1140px;
	width: 100%;
	margin: auto;
	padding: 0 30px;
}
.training-detail-content-wrapper {
    /* text-align: center; */
    font-family: "Inter", sans-serif;
    color: #6b7280;
}
.training-detail-content-wrapper .scribe-step p {
    color: #6b7280;
    font-size: 18px;
    margin-bottom: 10px;
    font-family: 'Inter';
}
.training-detail-content-wrapper .scribe-screenshot-container img {
    width: 100%;
}



/* media query */
@media (min-width: 1024px) {
	/* header */
	.header-menu .menu-item:hover:before, .header-menu .menu-item.current-menu-item:before {
		content: "";
		background: #fdcc19;
		width: 80%;
		height: 2px;
		position: absolute;
		left: 0;
		right: 0;
		margin: auto;
		bottom: -8px;
	}
}
@media (max-width: 1024px) {
	.blog-wrap .blog-desc {
		width: 100%;
	}
	.hero-section-img-wrap{
		position: relative;
	}
	.hero-section-img-wrap .elementor-widget-image {
    	position: relative;
		left: unset;
		width: 100%;
		top: unset;
		bottom: unset;
		margin: auto;
	}
}
@media (max-width: 767px) {
	.blog-wrapper {
		flex-wrap: wrap;
	}
	.blog-wrap {
		width: 100%;
		flex: unset;
	}
	.testimonial-wrap {
		width: 100%;
	}
	.testimonial-box .testimonial-text {
		font-size: 22px;
		line-height: 36.6px;
	}
}