/*
Theme Name:   Woodmart Child
Description:  Woodmart Child Theme
Author:       XTemos
Author URI:   http://xtemos.com
Template:     woodmart
Version:      1.0.0
Text Domain:  woodmart
*/

/* Header Start */
.wd-header-nav ul#menu-main-menu > li > a {
	color: #54595F;
	line-height: 19.2px;
}
.header-btn {
	padding: 12px 32px;
	border-radius: 32px !important;
	color: #1A347F !important;
	font-family: 'Poppins';
	font-size: 16px;
	font-weight: 700;
	line-height: 19.2px;
	text-transform: capitalize;
}
/* New Menu edits */
ul#menu-top-menu li a {
    color: #fff !important;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
}
/* Mobile top menu */
.wd-header-nav ul#menu-top-menu-1 li a {
    color: #fff !important;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
}
.whb-top-bar {
    padding: 10px 0px;
}
@media(min-width: 1024px){
	.wd-nav[class*=wd-style-]>li:is(.current-menu-item,.wd-active,.active)>a {
    color: #fff !important;
}
.wd-nav[class*=wd-style-]>li>a {
    color: #fff !important;
}
}
/* Extra Spacing */
.main-page-wrapper {
	padding-top: 0 !important;
}

/* Home Page Start */

/* Banner Section */
.learn-btn {
	background: #fff0 !important;
	border-radius: 16px !important;
	color: #FFF !important;
	padding: 12px 32px;
	height: 50px;
	font-family: 'Poppins';
	font-size: 17px;
	font-weight: 600;
	line-height: 21.6px;
	text-transform: capitalize;
	transition: .4s ease-in-out;
}
.book-btn {
	border-radius: 16px !important;
	background: #1A347F !important;
	height: 50px;
	padding: 12px 32px;
	color: #FFF !important;
	font-family: 'Poppins';
	font-size: 17px;
	font-weight: 700;
	text-transform: capitalize;
}
.learn-btn:hover {
	background: #1A347F !important;
}

/* Group Section */
.group-info {
	background: rgba(26, 52, 127, 0.70);
	padding: 64px;
}
.tutoring-info .info-box-title {
	margin-bottom: 50px;
}
/* Service Section */
.service-list > li >  .list-content {
	color: #7A7A7A;
	font-family: 'Montserrat';
	font-size: 16px;
	font-weight: 500;
	line-height: 26px;
}
.service-inr-section .vc_column-inner {
	padding: 32px;
	border-radius: 16px !important;
	background: #FFF;
}

/* Reviews Section */
.review-section .testimonial-content {
	color: #54595F;
	font-family: 'Montserrat';
	font-size: 16px;
	font-weight: 500;
	line-height: 30px;
}
.review-section .testimonial-content footer {
	color: #54595F;
	font-family: 'Poppins';
	font-size: 20px;
	font-weight: 700;
	line-height: 32px;
}
.review-section .wd-btn-arrow[class*="prev"]:after {
	content: "\f060" !important;
	font-family: 'Font Awesome 5 Free' !important;
	font-weight: 900 !important;
}
.review-section .wd-btn-arrow[class*="next"]:after {
	content: "\f061" !important;
	font-family: 'Font Awesome 5 Free' !important;
	font-weight: 900 !important;
}
.review-section .wd-btn-arrow{
	color: #1A347F !important;
}
.review-section [class*="wd-carousel-spacing-"] .owl-nav>div[class*="prev"] {
	left: calc(-80px + var(--wd-car-sp) / 2) !important;
}

/* Pre Footer Section */
.pre-footer-section {
	border-radius: 24px;
	background: #1A347F;
	box-shadow: 0px 8px 48px 0px rgba(0, 0, 0, 0.25);
	padding-right: 64px;
	padding-left: 64px;
}
.session-btn {
	border-radius: 16px !important;
	background: #FFF !important;
	height: 50px;
	padding: 12px 32px;
	color: #1A347F !important;
	font-family: 'Poppins';
	font-size: 17px;
	font-weight: 700;
	text-transform: capitalize;
}
.tutoring-info .info-box-inner {
	font-weight: 600 !important;
}
/* Footer Section */
.main-menu ul#menu-main-menu-1 > li > a {
	color: #54595F;
	font-family: 'Montserrat';
	font-size: 16px;
	font-weight: 600;
}
.main-menu ul#menu-main-menu-1 {
	display: flex;
	justify-content: space-evenly;
}
.footer-info .info-box-inner {
	font-weight: 600 !important;
}

/* Testimonial Page */
.testimonial-section .testimonial-inner-content .testimonial-inner {
	border-radius: 15px;
	background: #F6F5F4;
	padding: 20px;
}
.testimonial-section .testimonial-inner-content .testimonial-content {
	color: #54595F;
	font-family: 'Montserrat';
	font-size: 16px;
	font-weight: 500;
	line-height: 26px;
}
.testimonial-section .testimonial-inner-content .testimonial-content strong {
	color: #1A347F;
	font-family: 'Poppins';
	font-size: 26px;
	font-weight: 700;
}
.testimonial-section .testimonial-inner-content .testimonial-content footer {
	color: #1A347F;
	font-family: 'Poppins';
	font-size: 20px;
	font-weight: 700;
	line-height: 26px;
}
.review-info {
	border-radius: 15px !important;
	background: #F6F5F4;
	padding: 20px;
}
.review-info .info-box-inner b {
	color: #1A347F;
	font-family: 'Poppins';
	font-size: 16px;
	font-style: italic;
	font-weight: 400;
	line-height: 26px;
}
.review-info .info-box-inner strong {
	color: #1A347F;
	font-family: 'Poppins';
	font-size: 20px;
	font-weight: 700;
	line-height: 26px;
}
/* Contact Us Page */
.contact-list > li .list-content {
	color: #7F7F7F;
	font-family: 'Montserrat';
	font-size: 16px;
	font-weight: 600;
	line-height: 25px;
}
.field-wrapper input {
	border: 0px;
	border-bottom: 1px solid #D9D9D9;
	color: #7A7A7A;
	font-family: 'Montserrat';
	font-size: 17px;
	font-weight: 600;
	min-height: 60px !important;
}
.field-wrapper textarea{
	border: 0px;
	border-bottom: 1px solid #D9D9D9;
	color: #7A7A7A;
	font-family: 'Montserrat';
	font-size: 17px;
	font-weight: 600;
	resize: none;
	min-height: 100px !important;
}
.submit-wrapper {
	text-align: center;
	position: relative;
	margin-top: 40px;
}
.submit-wrapper input {
	border-radius: 16px;
	background: #1A347F;
	padding: 12px 52px 12px 32px;
	color: #FFF;
	font-family: 'Poppins';
	font-size: 17px;
	font-weight: 700;
	text-transform: capitalize;
}
.submit-wrapper:after {
	content: '\f061';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	position: absolute;
	top: 9px;
	right: 240px;
	color: #fff;
	font-size: 17px;
}
/* organisation */
.session-info a.btn {
	border-radius: 32px !important;
	background: #1A347F !important;
	padding: 12px 32px;
	height: 50px;
	color: #FFF;
	font-family: 'Poppins';
	font-size: 16px;
	font-weight: 700;
	line-height: 19.2px;
	text-transform: capitalize;
}
.session-info a.btn:hover{
	color: #fff !important;
}
.session-info a.btn:hover .wd-btn-icon {
	transform: translateX(5px);
	transition: .4s ease-in-out;
}
/* Responsive Querry */
@media (max-width: 1199px){
	[class*="wd-carousel-spacing-"] .owl-nav>div[class*="prev"] {
		left: calc(-50px + var(--wd-car-sp) / 2) !important;
	}
}
@media (max-width: 800px){
	.testimonial-content br {
		display: none  !important;
	}
	.review-section .owl-nav {
		margin: 0 auto;
		display: flex;
		justify-content: space-between !important; 
		column-gap: 10px;
		width: 100% !important;
		padding: 0 20px;
	}
	.review-section .owl-nav > div {
		position: static;
		opacity: 1;
		transform: none !important;
		visibility: visible;
		margin: 0 auto !important;
		justify-content: center !important;
		display: flex;
		align-items: center !important;
		width: 55px !important;
		height: 55px !important;
		margin: 20px 0 !important;
		color: #0044aa !important;
		border: 1px solid #0044aa !important;
		border-radius: 50%;
	}
	.review-section .owl-nav > div:hover {
		background: #0044aa !important;
	}
	.review-section .owl-nav > div:hover:after {
		color: #fff !important;
	}
	.img-style{
		text-align: center !important;
	}
}
@media (max-width: 767px){
	.pre-footer-section .wd-button-wrapper,
	.pre-footer-section .wd-info-box{
		text-align: center !important;
	}
}
@media (max-width: 480px){
	.main-menu ul#menu-main-menu-1 {
		display: block !important;
		text-align: center;
	}
}

/* QA EDITS */
.screen-reader-response {
	display: none;
}
@media (max-width: 1024px){
	.service-section {
		padding-left: 20px;
		padding-right: 20px;
	}
	div#sessions-row {
		padding-left: 20px;
		padding-right: 20px;
	}
}
@media (max-width: 991px) {
	div#inclusion-row {
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		justify-content: center;
		align-items: flex-start;
	}
	div#inclusion-row > div:first-child {
		width: 100%;
	}
	div#inclusion-row > div {
		width: 33%;
	}
	.service-inr-section {
		display: flex;
		justify-content: center;
	}
}
@media (max-width: 767px) {
	div#inclusion-row > div {
		width: 100%;
	}
	.session-item {
		width: 100%;
	}
}
.wd-header-nav ul#menu-main-menu > li > a {
    color: #0a3046 !important;
}
.wd-header-nav ul#menu-main-menu > li > a:hover {
    color: #1a347f !important;
}
.wd-header-nav ul#menu-main-menu > li.current-menu-item > a {
    color: #1a347f !important;
}
.delayOne {
	animation-delay: .25s;
}
.delayTwo {
	animation-delay: .45s;
}
.delayThree {
	animation-delay: .65s;
}
.delayFour {
	animation-delay: .85s;
}
.delayFive {
	animation-delay: 1s;
}
.delaySix {
	animation-delay: 1.25s;
}
.wd-animation-ready {
	opacity: 0;
}
.clipped {
	will-change: clip-path;
	transition: all 1s ease;
}
.clipped.clipWide {
	clip-path: polygon(52% 0, 52% 0, 50% 100%, 50% 100%);
}
.clipped.clipWide.animated {
	clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%);
}
.clipped.clipLeft {
  clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
}
.clipped.clipLeft.animated {
  clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%);
}
.clipped.clipRight {
  clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
}
.clipped.clipRight.animated {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
.clipped.clipTop {
  clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
}
.clipped.clipTop.animated {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
.clipped.clipBottom {
  clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
}
.clipped.clipBottom.animated {
  clip-path: polygon(0 100%, 100% 100%, 100% 0, 0 0);
}
.clipped.clippedMiddle {
  clip-path: polygon(50% 50%, 50% 50%, 50% 50%, 50% 50%);
}
.clipped.clippedMiddle.animated {
  clip-path: polygon(0 100%, 100% 100%, 100% 0, 0 0);
}

/* MOVE CLIPS */
.clipRight > * {
    transform: translatex(100%);
    transition: all 1s ease;
}
.clipLeft > * {
    transform: translatex(-100%);
    transition: all 1s ease;
}
.clipTop > * {
    transform: translateY(-100%);
    transition: all 1s ease;
}
.clipBottom > * {
    transform: translateY(100%);
    transition: all 1s ease;
}
.clipWide > * {
	transform: scale(1.2);
	transition: all 1s ease;
}
.clipped.animated > * {
    transform: none !important;
}